{"version":3,"file":"EmptyTableBody.cjs","sources":["../../../src/components/Table/EmptyTableBody.tsx"],"sourcesContent":["'use client'\n\nimport { type ComponentPropsWithRef, type FC, type PropsWithChildren, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { Td } from './Td'\nimport { useTableHeadCellCount } from './useTableHeadCellCount'\n\nimport type { Gap } from '../../types'\n\ntype Padding = Gap | { vertical?: Gap; horizontal?: Gap }\n\ntype AbstractProps = PropsWithChildren<{\n  /** 境界とコンテンツの間の余白 */\n  padding?: Padding\n}>\ntype Props = AbstractProps & Omit<ComponentPropsWithRef<'tbody'>, keyof AbstractProps>\n\nconst tdClassNameGenerator = tv({\n  base: 'shr-text-center',\n  variants: {\n    vertical: {\n      0: 'shr-py-0',\n      0.25: 'shr-py-0.25',\n      0.5: 'shr-py-0.5',\n      0.75: 'shr-py-0.75',\n      1: 'shr-py-1',\n      1.25: 'shr-py-1.25',\n      1.5: 'shr-py-1.5',\n      2: 'shr-py-2',\n      2.5: 'shr-py-2.5',\n      3: 'shr-py-3',\n      3.5: 'shr-py-3.5',\n      4: 'shr-py-4',\n      8: 'shr-py-8',\n      X3S: 'shr-py-0.25',\n      XXS: 'shr-py-0.5',\n      XS: 'shr-py-1',\n      S: 'shr-py-1.5',\n      M: 'shr-py-2',\n      L: 'shr-py-2.5',\n      XL: 'shr-py-3',\n      XXL: 'shr-py-3.5',\n      X3L: 'shr-py-4',\n    } as { [key in Gap]: string },\n    horizontal: {\n      0: 'shr-px-0',\n      0.25: 'shr-px-0.25',\n      0.5: 'shr-px-0.5',\n      0.75: 'shr-px-0.75',\n      1: 'shr-px-1',\n      1.25: 'shr-px-1.25',\n      1.5: 'shr-px-1.5',\n      2: 'shr-px-2',\n      2.5: 'shr-px-2.5',\n      3: 'shr-px-3',\n      3.5: 'shr-px-3.5',\n      4: 'shr-px-4',\n      8: 'shr-px-8',\n      X3S: 'shr-px-0.25',\n      XXS: 'shr-px-0.5',\n      XS: 'shr-px-1',\n      S: 'shr-px-1.5',\n      M: 'shr-px-2',\n      L: 'shr-px-2.5',\n      XL: 'shr-px-3',\n      XXL: 'shr-px-3.5',\n      X3L: 'shr-px-4',\n    } as { [key in Gap]: string },\n  },\n  defaultVariants: {\n    vertical: 4,\n    horizontal: 4,\n  },\n})\n\nexport const EmptyTableBody: FC<Props> = ({ children, padding, ...rest }) => {\n  const { countHeadCellRef, count } = useTableHeadCellCount<HTMLTableSectionElement>()\n\n  const tdClassName = useMemo(() => {\n    const actualPadding =\n      padding instanceof Object ? padding : { vertical: padding, horizontal: padding }\n\n    return tdClassNameGenerator(actualPadding)\n  }, [padding])\n\n  return (\n    <tbody {...rest} ref={countHeadCellRef}>\n      <tr>\n        <Td colSpan={count} className={tdClassName}>\n          {children}\n        </Td>\n      </tr>\n    </tbody>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;AAkBA;AACE;AACA;AACE;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAC2B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAC2B;AAC9B;AACD;AACE;AACA;AACD;AACF;AAEM;;AAGL;;AAIE;AACF;;AAWF;;"}