@kuzenbo/core 0.0.1-alpha.3 → 0.0.1-alpha.5

package/dist/table-row-oLfiQvkD.js

@@ -0,0 +1,161 @@
+import { t as createSizeContext } from "./size-context-rJNE33WZ.js";
+import { cn, tv } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/ui/table/table-size-context.ts
+const { SizeContext: TableSizeContext, useResolvedSize: useTableResolvedSize } = createSizeContext();
+
+//#endregion
+//#region src/ui/table/table-body.tsx
+const TableBody = ({ className, size, ...props }) => {
+	const resolvedSize = useTableResolvedSize(size);
+	return /* @__PURE__ */ jsx(TableSizeContext.Provider, {
+		value: { size: resolvedSize },
+		children: /* @__PURE__ */ jsx("tbody", {
+			className: cn("[&_tr:last-child]:border-0", className),
+			"data-size": resolvedSize,
+			"data-slot": "table-body",
+			...props
+		})
+	});
+};
+
+//#endregion
+//#region src/ui/table/table-caption.tsx
+const tableCaptionVariants = tv({
+	base: "text-muted-foreground",
+	variants: { size: {
+		xs: "mt-2 text-xs",
+		sm: "mt-3 text-xs",
+		md: "mt-4 text-sm",
+		lg: "mt-4 text-sm",
+		xl: "mt-5 text-base"
+	} },
+	defaultVariants: { size: "md" }
+});
+const TableCaption = ({ className, size, ...props }) => {
+	const resolvedSize = useTableResolvedSize(size);
+	return /* @__PURE__ */ jsx("caption", {
+		className: cn(tableCaptionVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "table-caption",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/table/table-cell.tsx
+const tableCellVariants = tv({
+	base: "align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0",
+	variants: { size: {
+		xs: "px-1.5 py-1 text-xs",
+		sm: "px-2 py-1.5 text-xs",
+		md: "p-2 text-sm",
+		lg: "px-2.5 py-2 text-sm",
+		xl: "px-3 py-2.5 text-base"
+	} },
+	defaultVariants: { size: "md" }
+});
+const TableCell = ({ className, size, ...props }) => {
+	const resolvedSize = useTableResolvedSize(size);
+	return /* @__PURE__ */ jsx("td", {
+		className: cn(tableCellVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "table-cell",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/table/table-footer.tsx
+const tableFooterVariants = tv({
+	base: "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+	variants: { size: {
+		xs: "text-xs",
+		sm: "text-xs",
+		md: "text-sm",
+		lg: "text-sm",
+		xl: "text-base"
+	} },
+	defaultVariants: { size: "md" }
+});
+const TableFooter = ({ className, size, ...props }) => {
+	const resolvedSize = useTableResolvedSize(size);
+	return /* @__PURE__ */ jsx(TableSizeContext.Provider, {
+		value: { size: resolvedSize },
+		children: /* @__PURE__ */ jsx("tfoot", {
+			className: cn(tableFooterVariants({ size: resolvedSize }), className),
+			"data-size": resolvedSize,
+			"data-slot": "table-footer",
+			...props
+		})
+	});
+};
+
+//#endregion
+//#region src/ui/table/table-head.tsx
+const tableHeadVariants = tv({
+	base: "text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0",
+	variants: { size: {
+		xs: "h-7 px-1.5 text-xs",
+		sm: "h-8 px-2 text-xs",
+		md: "h-10 px-2 text-sm",
+		lg: "h-11 px-2.5 text-sm",
+		xl: "h-12 px-3 text-base"
+	} },
+	defaultVariants: { size: "md" }
+});
+const TableHead = ({ className, size, ...props }) => {
+	const resolvedSize = useTableResolvedSize(size);
+	return /* @__PURE__ */ jsx("th", {
+		className: cn(tableHeadVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "table-head",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/table/table-header.tsx
+const TableHeader = ({ className, size, ...props }) => {
+	const resolvedSize = useTableResolvedSize(size);
+	return /* @__PURE__ */ jsx(TableSizeContext.Provider, {
+		value: { size: resolvedSize },
+		children: /* @__PURE__ */ jsx("thead", {
+			className: cn("[&_tr]:border-b", className),
+			"data-size": resolvedSize,
+			"data-slot": "table-header",
+			...props
+		})
+	});
+};
+
+//#endregion
+//#region src/ui/table/table-row.tsx
+const tableRowVariants = tv({
+	base: "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+	variants: { size: {
+		xs: "",
+		sm: "",
+		md: "",
+		lg: "",
+		xl: ""
+	} },
+	defaultVariants: { size: "md" }
+});
+const TableRow = ({ className, size, ...props }) => {
+	const resolvedSize = useTableResolvedSize(size);
+	return /* @__PURE__ */ jsx(TableSizeContext.Provider, {
+		value: { size: resolvedSize },
+		children: /* @__PURE__ */ jsx("tr", {
+			className: cn(tableRowVariants({ size: resolvedSize }), className),
+			"data-size": resolvedSize,
+			"data-slot": "table-row",
+			...props
+		})
+	});
+};
+
+//#endregion
+export { TableCell as a, TableSizeContext as c, TableFooter as i, TableHeader as n, TableCaption as o, TableHead as r, TableBody as s, TableRow as t };
+//# sourceMappingURL=table-row-oLfiQvkD.js.map

package/dist/table-row-oLfiQvkD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-row-oLfiQvkD.js","names":[],"sources":["../src/ui/table/table-size-context.ts","../src/ui/table/table-body.tsx","../src/ui/table/table-caption.tsx","../src/ui/table/table-cell.tsx","../src/ui/table/table-footer.tsx","../src/ui/table/table-head.tsx","../src/ui/table/table-header.tsx","../src/ui/table/table-row.tsx"],"sourcesContent":["import type { UISize } from \"../shared/size/size-system\";\n\nimport { createSizeContext } from \"../shared/size/size-context\";\n\nexport type TableSize = UISize;\n\nconst { SizeContext: TableSizeContext, useResolvedSize: useTableResolvedSize } =\n  createSizeContext();\n\nexport { TableSizeContext, useTableResolvedSize };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { TableSizeContext, useTableResolvedSize } from \"./table-size-context\";\n\nexport type TableBodyProps = ComponentProps<\"tbody\"> & {\n  size?: UISize;\n};\n\nconst TableBody = ({ className, size, ...props }: TableBodyProps) => {\n  const resolvedSize = useTableResolvedSize(size);\n\n  return (\n    <TableSizeContext.Provider value={{ size: resolvedSize }}>\n      <tbody\n        className={cn(\"[&_tr:last-child]:border-0\", className)}\n        data-size={resolvedSize}\n        data-slot=\"table-body\"\n        {...props}\n      />\n    </TableSizeContext.Provider>\n  );\n};\n\nexport { TableBody };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useTableResolvedSize } from \"./table-size-context\";\n\nconst tableCaptionVariants = tv({\n  base: \"text-muted-foreground\",\n  variants: {\n    size: {\n      xs: \"mt-2 text-xs\",\n      sm: \"mt-3 text-xs\",\n      md: \"mt-4 text-sm\",\n      lg: \"mt-4 text-sm\",\n      xl: \"mt-5 text-base\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type TableCaptionProps = ComponentProps<\"caption\"> &\n  VariantProps<typeof tableCaptionVariants> & {\n    size?: UISize;\n  };\n\nconst TableCaption = ({ className, size, ...props }: TableCaptionProps) => {\n  const resolvedSize = useTableResolvedSize(size);\n\n  return (\n    <caption\n      className={cn(tableCaptionVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"table-caption\"\n      {...props}\n    />\n  );\n};\n\nexport { TableCaption, tableCaptionVariants };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useTableResolvedSize } from \"./table-size-context\";\n\nconst tableCellVariants = tv({\n  base: \"align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0\",\n  variants: {\n    size: {\n      xs: \"px-1.5 py-1 text-xs\",\n      sm: \"px-2 py-1.5 text-xs\",\n      md: \"p-2 text-sm\",\n      lg: \"px-2.5 py-2 text-sm\",\n      xl: \"px-3 py-2.5 text-base\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type TableCellProps = ComponentProps<\"td\"> &\n  VariantProps<typeof tableCellVariants> & {\n    size?: UISize;\n  };\n\nconst TableCell = ({ className, size, ...props }: TableCellProps) => {\n  const resolvedSize = useTableResolvedSize(size);\n\n  return (\n    <td\n      className={cn(tableCellVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"table-cell\"\n      {...props}\n    />\n  );\n};\n\nexport { TableCell, tableCellVariants };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { TableSizeContext, useTableResolvedSize } from \"./table-size-context\";\n\nconst tableFooterVariants = tv({\n  base: \"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\",\n  variants: {\n    size: {\n      xs: \"text-xs\",\n      sm: \"text-xs\",\n      md: \"text-sm\",\n      lg: \"text-sm\",\n      xl: \"text-base\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type TableFooterProps = ComponentProps<\"tfoot\"> &\n  VariantProps<typeof tableFooterVariants> & {\n    size?: UISize;\n  };\n\nconst TableFooter = ({ className, size, ...props }: TableFooterProps) => {\n  const resolvedSize = useTableResolvedSize(size);\n\n  return (\n    <TableSizeContext.Provider value={{ size: resolvedSize }}>\n      <tfoot\n        className={cn(tableFooterVariants({ size: resolvedSize }), className)}\n        data-size={resolvedSize}\n        data-slot=\"table-footer\"\n        {...props}\n      />\n    </TableSizeContext.Provider>\n  );\n};\n\nexport { TableFooter };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useTableResolvedSize } from \"./table-size-context\";\n\nconst tableHeadVariants = tv({\n  base: \"text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0\",\n  variants: {\n    size: {\n      xs: \"h-7 px-1.5 text-xs\",\n      sm: \"h-8 px-2 text-xs\",\n      md: \"h-10 px-2 text-sm\",\n      lg: \"h-11 px-2.5 text-sm\",\n      xl: \"h-12 px-3 text-base\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type TableHeadProps = ComponentProps<\"th\"> &\n  VariantProps<typeof tableHeadVariants> & {\n    size?: UISize;\n  };\n\nconst TableHead = ({ className, size, ...props }: TableHeadProps) => {\n  const resolvedSize = useTableResolvedSize(size);\n\n  return (\n    <th\n      className={cn(tableHeadVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"table-head\"\n      {...props}\n    />\n  );\n};\n\nexport { TableHead, tableHeadVariants };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { TableSizeContext, useTableResolvedSize } from \"./table-size-context\";\n\nexport type TableHeaderProps = ComponentProps<\"thead\"> & {\n  size?: UISize;\n};\n\nconst TableHeader = ({ className, size, ...props }: TableHeaderProps) => {\n  const resolvedSize = useTableResolvedSize(size);\n\n  return (\n    <TableSizeContext.Provider value={{ size: resolvedSize }}>\n      <thead\n        className={cn(\"[&_tr]:border-b\", className)}\n        data-size={resolvedSize}\n        data-slot=\"table-header\"\n        {...props}\n      />\n    </TableSizeContext.Provider>\n  );\n};\n\nexport { TableHeader };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { TableSizeContext, useTableResolvedSize } from \"./table-size-context\";\n\nconst tableRowVariants = tv({\n  base: \"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\n  variants: {\n    size: {\n      xs: \"\",\n      sm: \"\",\n      md: \"\",\n      lg: \"\",\n      xl: \"\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type TableRowProps = ComponentProps<\"tr\"> &\n  VariantProps<typeof tableRowVariants> & {\n    size?: UISize;\n  };\n\nconst TableRow = ({ className, size, ...props }: TableRowProps) => {\n  const resolvedSize = useTableResolvedSize(size);\n\n  return (\n    <TableSizeContext.Provider value={{ size: resolvedSize }}>\n      <tr\n        className={cn(tableRowVariants({ size: resolvedSize }), className)}\n        data-size={resolvedSize}\n        data-slot=\"table-row\"\n        {...props}\n      />\n    </TableSizeContext.Provider>\n  );\n};\n\nexport { TableRow };\n"],"mappings":"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"}

package/dist/table-size-context-CIwmKalf.d.ts

@@ -0,0 +1,206 @@
+import { t as UISize } from "./size-system-CMU68sQY.js";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/table/table-body.d.ts
+type TableBodyProps = ComponentProps<"tbody"> & {
+  size?: UISize;
+};
+declare const TableBody: ({
+  className,
+  size,
+  ...props
+}: TableBodyProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/table/table-caption.d.ts
+declare const tableCaptionVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "text-muted-foreground", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "text-muted-foreground", unknown, unknown, undefined>>;
+type TableCaptionProps = ComponentProps<"caption"> & VariantProps<typeof tableCaptionVariants> & {
+  size?: UISize;
+};
+declare const TableCaption: ({
+  className,
+  size,
+  ...props
+}: TableCaptionProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/table/table-cell.d.ts
+declare const tableCellVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0", unknown, unknown, undefined>>;
+type TableCellProps = ComponentProps<"td"> & VariantProps<typeof tableCellVariants> & {
+  size?: UISize;
+};
+declare const TableCell: ({
+  className,
+  size,
+  ...props
+}: TableCellProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/table/table-footer.d.ts
+declare const tableFooterVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", unknown, unknown, undefined>>;
+type TableFooterProps = ComponentProps<"tfoot"> & VariantProps<typeof tableFooterVariants> & {
+  size?: UISize;
+};
+declare const TableFooter: ({
+  className,
+  size,
+  ...props
+}: TableFooterProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/table/table-head.d.ts
+declare const tableHeadVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0", unknown, unknown, undefined>>;
+type TableHeadProps = ComponentProps<"th"> & VariantProps<typeof tableHeadVariants> & {
+  size?: UISize;
+};
+declare const TableHead: ({
+  className,
+  size,
+  ...props
+}: TableHeadProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/table/table-header.d.ts
+type TableHeaderProps = ComponentProps<"thead"> & {
+  size?: UISize;
+};
+declare const TableHeader: ({
+  className,
+  size,
+  ...props
+}: TableHeaderProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/table/table-row.d.ts
+declare const tableRowVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", unknown, unknown, undefined>>;
+type TableRowProps = ComponentProps<"tr"> & VariantProps<typeof tableRowVariants> & {
+  size?: UISize;
+};
+declare const TableRow: ({
+  className,
+  size,
+  ...props
+}: TableRowProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/table/table-size-context.d.ts
+type TableSize = UISize;
+//#endregion
+export { TableHeaderProps as a, TableFooter as c, TableCellProps as d, TableCaption as f, TableBodyProps as h, TableHeader as i, TableFooterProps as l, TableBody as m, TableRow as n, TableHead as o, TableCaptionProps as p, TableRowProps as r, TableHeadProps as s, TableSize as t, TableCell as u };
+//# sourceMappingURL=table-size-context-CIwmKalf.d.ts.map

package/dist/table-size-context-CIwmKalf.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-size-context-CIwmKalf.d.ts","names":[],"sources":["../src/ui/table/table-body.tsx","../src/ui/table/table-caption.tsx","../src/ui/table/table-cell.tsx","../src/ui/table/table-footer.tsx","../src/ui/table/table-head.tsx","../src/ui/table/table-header.tsx","../src/ui/table/table-row.tsx","../src/ui/table/table-size-context.ts"],"mappings":";;;;;;;KAUY,cAAA,GAAiB,cAAA;EAC3B,IAAA,GAAO,MAAA;AAAA;AAAA,cAGH,SAAA;EAAa,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,cAAA,KAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCJ1D,oBAAA,EAcJ,kBAAA,CAdwB,YAAA;;;;;;;;;;;;;;;;cAcxB,kBAAA,CAAA,YAAA;;;;;;;;;KAEU,iBAAA,GAAoB,cAAA,cAC9B,YAAA,QAAoB,oBAAA;EAClB,IAAA,GAAO,MAAA;AAAA;AAAA,cAGL,YAAA;EAAgB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCrBhE,iBAAA,EAcJ,kBAAA,CAdqB,YAAA;;;;;;;;;;;;;;;;cAcrB,kBAAA,CAAA,YAAA;;;;;;;;;KAEU,cAAA,GAAiB,cAAA,SAC3B,YAAA,QAAoB,iBAAA;EAClB,IAAA,GAAO,MAAA;AAAA;AAAA,cAGL,SAAA;EAAa,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,cAAA,KAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCrB1D,mBAAA,EAcJ,kBAAA,CAduB,YAAA;;;;;;;;;;;;;;;;cAcvB,kBAAA,CAAA,YAAA;;;;;;;;;KAEU,gBAAA,GAAmB,cAAA,YAC7B,YAAA,QAAoB,mBAAA;EAClB,IAAA,GAAO,MAAA;AAAA;AAAA,cAGL,WAAA;EAAe,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCrB9D,iBAAA,EAcJ,kBAAA,CAdqB,YAAA;;;;;;;;;;;;;;;;cAcrB,kBAAA,CAAA,YAAA;;;;;;;;;KAEU,cAAA,GAAiB,cAAA,SAC3B,YAAA,QAAoB,iBAAA;EAClB,IAAA,GAAO,MAAA;AAAA;AAAA,cAGL,SAAA;EAAa,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,cAAA,KAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCrBpD,gBAAA,GAAmB,cAAA;EAC7B,IAAA,GAAO,MAAA;AAAA;AAAA,cAGH,WAAA;EAAe,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCJ9D,gBAAA,EAcJ,kBAAA,CAdoB,YAAA;;;;;;;;;;;;;;;;cAcpB,kBAAA,CAAA,YAAA;;;;;;;;;KAEU,aAAA,GAAgB,cAAA,SAC1B,YAAA,QAAoB,gBAAA;EAClB,IAAA,GAAO,MAAA;AAAA;AAAA,cAGL,QAAA;EAAY,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,aAAA,KAAa,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KC3BlD,SAAA,GAAY,MAAA"}

package/dist/table.d.ts

@@ -1,42 +1,82 @@
-import { a as TableCell, i as TableFooter, n as TableHeader, o as TableCaption, r as TableHead, s as TableBody, t as TableRow } from "./table-row-BSEIkZEJ.js";
+import { t as UISize } from "./size-system-CMU68sQY.js";
+import "./size-context-CPoCTRTV.js";
+import { a as TableHeaderProps, c as TableFooter, d as TableCellProps, f as TableCaption, h as TableBodyProps, i as TableHeader, l as TableFooterProps, m as TableBody, n as TableRow, o as TableHead, p as TableCaptionProps, r as TableRowProps, s as TableHeadProps, t as TableSize, u as TableCell } from "./table-size-context-CIwmKalf.js";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
 import { ComponentProps } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/ui/table/table.d.ts
+declare const tableVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "w-full caption-bottom", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "w-full caption-bottom", unknown, unknown, undefined>>;
+type TableProps = ComponentProps<"table"> & VariantProps<typeof tableVariants> & {
+  size?: UISize;
+};
 declare const Table: {
   ({
     className,
+    size: providedSize,
     ...props
-  }: ComponentProps<"table">): react_jsx_runtime0.JSX.Element;
+  }: TableProps): react_jsx_runtime0.JSX.Element;
   Body: ({
     className,
+    size,
     ...props
-  }: ComponentProps<"tbody">) => react_jsx_runtime0.JSX.Element;
+  }: TableBodyProps) => react_jsx_runtime0.JSX.Element;
   Caption: ({
     className,
+    size,
     ...props
-  }: ComponentProps<"caption">) => react_jsx_runtime0.JSX.Element;
+  }: TableCaptionProps) => react_jsx_runtime0.JSX.Element;
   Cell: ({
     className,
+    size,
     ...props
-  }: ComponentProps<"td">) => react_jsx_runtime0.JSX.Element;
+  }: TableCellProps) => react_jsx_runtime0.JSX.Element;
   Footer: ({
     className,
+    size,
     ...props
-  }: ComponentProps<"tfoot">) => react_jsx_runtime0.JSX.Element;
+  }: TableFooterProps) => react_jsx_runtime0.JSX.Element;
   Head: ({
     className,
+    size,
     ...props
-  }: ComponentProps<"th">) => react_jsx_runtime0.JSX.Element;
+  }: TableHeadProps) => react_jsx_runtime0.JSX.Element;
   Header: ({
     className,
+    size,
     ...props
-  }: ComponentProps<"thead">) => react_jsx_runtime0.JSX.Element;
+  }: TableHeaderProps) => react_jsx_runtime0.JSX.Element;
   Row: ({
     className,
+    size,
     ...props
-  }: ComponentProps<"tr">) => react_jsx_runtime0.JSX.Element;
+  }: TableRowProps) => react_jsx_runtime0.JSX.Element;
 };
 //#endregion
-export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
+export { Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, TableProps, TableRow, type TableRowProps, type TableSize };
 //# sourceMappingURL=table.d.ts.map

package/dist/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","names":[],"sources":["../src/ui/table/table.tsx"],"mappings":";;;;;cAcM,KAAA;EAAA;;;KAAkC,cAAA,YAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"table.d.ts","names":[],"sources":["../src/ui/table/table.tsx"],"mappings":";;;;;;;;;cAkBM,aAAA,EAcJ,kBAAA,CAdiB,YAAA;;;;;;;;;;;;;;;;cAcjB,kBAAA,CAAA,YAAA;;;;;;;;;KAEU,UAAA,GAAa,cAAA,YACvB,YAAA,QAAoB,aAAA;EAClB,IAAA,GAAO,MAAA;AAAA;AAAA,cAGL,KAAA;EAAA;;;;KAAsD,UAAA,GAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/table.js

@@ -1,27 +1,47 @@
-import { t as ScrollBar } from "./scroll-bar-KWm27Sfb.js";
-import { a as TableCell, i as TableFooter, n as TableHeader, o as TableCaption, r as TableHead, s as TableBody, t as TableRow } from "./table-row-BRPt8Kcx.js";
-import { cn } from "tailwind-variants";
+import { a as useComponentSize } from "./size-provider-D2Fy00Ky.js";
+import { t as ScrollBar } from "./scroll-bar-Ms5-vqAH.js";
+import { a as TableCell, c as TableSizeContext, i as TableFooter, n as TableHeader, o as TableCaption, r as TableHead, s as TableBody, t as TableRow } from "./table-row-oLfiQvkD.js";
+import { cn, tv } from "tailwind-variants";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ScrollArea } from "@base-ui/react/scroll-area";
 
 //#region src/ui/table/table.tsx
-const Table = ({ className, ...props }) => /* @__PURE__ */ jsxs(ScrollArea.Root, {
-	className: "relative w-full rounded-lg border border-border bg-card",
-	"data-slot": "table-container",
-	children: [
-		/* @__PURE__ */ jsx(ScrollArea.Viewport, {
-			className: "size-full rounded-[inherit]",
-			children: /* @__PURE__ */ jsx("table", {
-				className: cn("w-full caption-bottom text-sm", className),
-				"data-slot": "table",
-				...props
-			})
-		}),
-		/* @__PURE__ */ jsx(ScrollBar, {}),
-		/* @__PURE__ */ jsx(ScrollBar, { orientation: "horizontal" }),
-		/* @__PURE__ */ jsx(ScrollArea.Corner, {})
-	]
+const tableVariants = tv({
+	base: "w-full caption-bottom",
+	variants: { size: {
+		xs: "text-xs",
+		sm: "text-xs",
+		md: "text-sm",
+		lg: "text-sm",
+		xl: "text-base"
+	} },
+	defaultVariants: { size: "md" }
 });
+const Table = ({ className, size: providedSize, ...props }) => {
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx(TableSizeContext.Provider, {
+		value: { size },
+		children: /* @__PURE__ */ jsxs(ScrollArea.Root, {
+			className: "relative w-full rounded-lg border border-border bg-card",
+			"data-size": size,
+			"data-slot": "table-container",
+			children: [
+				/* @__PURE__ */ jsx(ScrollArea.Viewport, {
+					className: "size-full rounded-[inherit]",
+					children: /* @__PURE__ */ jsx("table", {
+						className: cn(tableVariants({ size }), className),
+						"data-size": size,
+						"data-slot": "table",
+						...props
+					})
+				}),
+				/* @__PURE__ */ jsx(ScrollBar, {}),
+				/* @__PURE__ */ jsx(ScrollBar, { orientation: "horizontal" }),
+				/* @__PURE__ */ jsx(ScrollArea.Corner, {})
+			]
+		})
+	});
+};
 Table.Body = TableBody;
 Table.Caption = TableCaption;
 Table.Cell = TableCell;

package/dist/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","names":["ScrollAreaPrimitive"],"sources":["../src/ui/table/table.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { ScrollArea as ScrollAreaPrimitive } from \"@base-ui/react/scroll-area\";\nimport { cn } from \"tailwind-variants\";\n\nimport { ScrollBar } from \"../scroll-area/scroll-bar\";\nimport { TableBody } from \"./table-body\";\nimport { TableCaption } from \"./table-caption\";\nimport { TableCell } from \"./table-cell\";\nimport { TableFooter } from \"./table-footer\";\nimport { TableHead } from \"./table-head\";\nimport { TableHeader } from \"./table-header\";\nimport { TableRow } from \"./table-row\";\n\nconst Table = ({ className, ...props }: ComponentProps<\"table\">) => (\n  <ScrollAreaPrimitive.Root\n    className=\"relative w-full rounded-lg border border-border bg-card\"\n    data-slot=\"table-container\"\n  >\n    <ScrollAreaPrimitive.Viewport className=\"size-full rounded-[inherit]\">\n      <table\n        className={cn(\"w-full caption-bottom text-sm\", className)}\n        data-slot=\"table\"\n        {...props}\n      />\n    </ScrollAreaPrimitive.Viewport>\n    <ScrollBar />\n    <ScrollBar orientation=\"horizontal\" />\n    <ScrollAreaPrimitive.Corner />\n  </ScrollAreaPrimitive.Root>\n);\n\nTable.Body = TableBody;\nTable.Caption = TableCaption;\nTable.Cell = TableCell;\nTable.Footer = TableFooter;\nTable.Head = TableHead;\nTable.Header = TableHeader;\nTable.Row = TableRow;\n\nexport {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow,\n};\n"],"mappings":";;;;;;;AAcA,MAAM,SAAS,EAAE,WAAW,GAAG,YAC7B,qBAACA,WAAoB;CACnB,WAAU;CACV,aAAU;;EAEV,oBAACA,WAAoB;GAAS,WAAU;aACtC,oBAAC;IACC,WAAW,GAAG,iCAAiC,UAAU;IACzD,aAAU;IACV,GAAI;KACJ;IAC2B;EAC/B,oBAAC,cAAY;EACb,oBAAC,aAAU,aAAY,eAAe;EACtC,oBAACA,WAAoB,WAAS;;EACL;AAG7B,MAAM,OAAO;AACb,MAAM,UAAU;AAChB,MAAM,OAAO;AACb,MAAM,SAAS;AACf,MAAM,OAAO;AACb,MAAM,SAAS;AACf,MAAM,MAAM"}
+{"version":3,"file":"table.js","names":["ScrollAreaPrimitive"],"sources":["../src/ui/table/table.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { ScrollArea as ScrollAreaPrimitive } from \"@base-ui/react/scroll-area\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { ScrollBar } from \"../scroll-area/scroll-bar\";\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { TableBody } from \"./table-body\";\nimport { TableCaption } from \"./table-caption\";\nimport { TableCell } from \"./table-cell\";\nimport { TableFooter } from \"./table-footer\";\nimport { TableHead } from \"./table-head\";\nimport { TableHeader } from \"./table-header\";\nimport { TableRow } from \"./table-row\";\nimport { TableSizeContext } from \"./table-size-context\";\n\nconst tableVariants = tv({\n  base: \"w-full caption-bottom\",\n  variants: {\n    size: {\n      xs: \"text-xs\",\n      sm: \"text-xs\",\n      md: \"text-sm\",\n      lg: \"text-sm\",\n      xl: \"text-base\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type TableProps = ComponentProps<\"table\"> &\n  VariantProps<typeof tableVariants> & {\n    size?: UISize;\n  };\n\nconst Table = ({ className, size: providedSize, ...props }: TableProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <TableSizeContext.Provider value={{ size }}>\n      <ScrollAreaPrimitive.Root\n        className=\"relative w-full rounded-lg border border-border bg-card\"\n        data-size={size}\n        data-slot=\"table-container\"\n      >\n        <ScrollAreaPrimitive.Viewport className=\"size-full rounded-[inherit]\">\n          <table\n            className={cn(tableVariants({ size }), className)}\n            data-size={size}\n            data-slot=\"table\"\n            {...props}\n          />\n        </ScrollAreaPrimitive.Viewport>\n        <ScrollBar />\n        <ScrollBar orientation=\"horizontal\" />\n        <ScrollAreaPrimitive.Corner />\n      </ScrollAreaPrimitive.Root>\n    </TableSizeContext.Provider>\n  );\n};\n\nTable.Body = TableBody;\nTable.Caption = TableCaption;\nTable.Cell = TableCell;\nTable.Footer = TableFooter;\nTable.Head = TableHead;\nTable.Header = TableHeader;\nTable.Row = TableRow;\n\nexport {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow,\n};\n\nexport type { TableBodyProps } from \"./table-body\";\nexport type { TableCaptionProps } from \"./table-caption\";\nexport type { TableCellProps } from \"./table-cell\";\nexport type { TableFooterProps } from \"./table-footer\";\nexport type { TableHeadProps } from \"./table-head\";\nexport type { TableHeaderProps } from \"./table-header\";\nexport type { TableSize } from \"./table-size-context\";\nexport type { TableRowProps } from \"./table-row\";\n"],"mappings":";;;;;;;;AAkBA,MAAM,gBAAgB,GAAG;CACvB,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAOF,MAAM,SAAS,EAAE,WAAW,MAAM,cAAc,GAAG,YAAwB;CACzE,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAAC,iBAAiB;EAAS,OAAO,EAAE,MAAM;YACxC,qBAACA,WAAoB;GACnB,WAAU;GACV,aAAW;GACX,aAAU;;IAEV,oBAACA,WAAoB;KAAS,WAAU;eACtC,oBAAC;MACC,WAAW,GAAG,cAAc,EAAE,MAAM,CAAC,EAAE,UAAU;MACjD,aAAW;MACX,aAAU;MACV,GAAI;OACJ;MAC2B;IAC/B,oBAAC,cAAY;IACb,oBAAC,aAAU,aAAY,eAAe;IACtC,oBAACA,WAAoB,WAAS;;IACL;GACD;;AAIhC,MAAM,OAAO;AACb,MAAM,UAAU;AAChB,MAAM,OAAO;AACb,MAAM,SAAS;AACf,MAAM,OAAO;AACb,MAAM,SAAS;AACf,MAAM,MAAM"}