@kuzenbo/core 0.0.1 → 0.0.3

package/dist/ui/table.d.ts

@@ -0,0 +1,279 @@
+import { t as UISize } from "../size-system-wzOLSuax.js";
+import "../size-context-DXfCAlWF.js";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#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
+//#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
+  }: TableProps): react_jsx_runtime0.JSX.Element;
+  Body: ({
+    className,
+    size,
+    ...props
+  }: TableBodyProps) => react_jsx_runtime0.JSX.Element;
+  Caption: ({
+    className,
+    size,
+    ...props
+  }: TableCaptionProps) => react_jsx_runtime0.JSX.Element;
+  Cell: ({
+    className,
+    size,
+    ...props
+  }: TableCellProps) => react_jsx_runtime0.JSX.Element;
+  Footer: ({
+    className,
+    size,
+    ...props
+  }: TableFooterProps) => react_jsx_runtime0.JSX.Element;
+  Head: ({
+    className,
+    size,
+    ...props
+  }: TableHeadProps) => react_jsx_runtime0.JSX.Element;
+  Header: ({
+    className,
+    size,
+    ...props
+  }: TableHeaderProps) => react_jsx_runtime0.JSX.Element;
+  Row: ({
+    className,
+    size,
+    ...props
+  }: TableRowProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+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/ui/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.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","../../src/ui/table/table.tsx"],"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;;;cCclB,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/ui/table.js

@@ -0,0 +1,210 @@
+import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
+import { t as createSizeContext } from "../size-context-BjRwqlSg.js";
+import { t as ScrollBar } from "../scroll-bar-C4qEUKlT.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn, tv } from "tailwind-variants";
+import { ScrollArea } from "@base-ui/react/scroll-area";
+
+//#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
+//#region src/ui/table/table.tsx
+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;
+Table.Footer = TableFooter;
+Table.Head = TableHead;
+Table.Header = TableHeader;
+Table.Row = TableRow;
+
+//#endregion
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
+//# sourceMappingURL=table.js.map

package/dist/ui/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","names":["ScrollAreaPrimitive"],"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","../../src/ui/table/table.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","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":"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"}

package/dist/ui/tabs.d.ts

@@ -0,0 +1,120 @@
+import "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
+
+//#region src/ui/tabs/tabs-content.d.ts
+type TabsContentProps = Tabs$1.Panel.Props;
+declare const TabsContent: ({
+  className,
+  ...props
+}: TabsContentProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/tabs/tabs-indicator.d.ts
+type TabsIndicatorProps = Tabs$1.Indicator.Props;
+declare const TabsIndicator: ({
+  className,
+  ...props
+}: TabsIndicatorProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/tabs/tabs-list.d.ts
+type TabsListProps = Tabs$1.List.Props & VariantProps<typeof tabsListVariants>;
+declare const tabsListVariants: tailwind_variants0.TVReturnType<{
+  fullWidth: {
+    true: string;
+    false: string;
+  };
+  variant: {
+    default: string;
+    line: string;
+    pill: string;
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "group/tabs-list relative z-0 inline-flex items-center justify-start text-muted-foreground group-data-[orientation=vertical]/tabs:flex-col group-data-[orientation=vertical]/tabs:items-stretch", {
+  fullWidth: {
+    true: string;
+    false: string;
+  };
+  variant: {
+    default: string;
+    line: string;
+    pill: string;
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  fullWidth: {
+    true: string;
+    false: string;
+  };
+  variant: {
+    default: string;
+    line: string;
+    pill: string;
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "group/tabs-list relative z-0 inline-flex items-center justify-start text-muted-foreground group-data-[orientation=vertical]/tabs:flex-col group-data-[orientation=vertical]/tabs:items-stretch", unknown, unknown, undefined>>;
+declare const TabsList: ({
+  className,
+  variant,
+  size,
+  fullWidth,
+  ...props
+}: TabsListProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/tabs/tabs-trigger.d.ts
+type TabsTriggerProps = Tabs$1.Tab.Props;
+declare const TabsTrigger: ({
+  className,
+  ...props
+}: TabsTriggerProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/tabs/tabs.d.ts
+type TabsProps = Tabs$1.Root.Props;
+declare const Tabs: {
+  ({
+    className,
+    orientation,
+    ...props
+  }: TabsProps): react_jsx_runtime0.JSX.Element;
+  Content: ({
+    className,
+    ...props
+  }: TabsContentProps) => react_jsx_runtime0.JSX.Element;
+  Indicator: ({
+    className,
+    ...props
+  }: TabsIndicatorProps) => react_jsx_runtime0.JSX.Element;
+  List: ({
+    className,
+    variant,
+    size,
+    fullWidth,
+    ...props
+  }: TabsListProps) => react_jsx_runtime0.JSX.Element;
+  Trigger: ({
+    className,
+    ...props
+  }: TabsTriggerProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Tabs, TabsContent, type TabsContentProps, TabsIndicator, type TabsIndicatorProps, TabsList, type TabsListProps, TabsProps, TabsTrigger, type TabsTriggerProps };
+//# sourceMappingURL=tabs.d.ts.map

package/dist/ui/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","names":[],"sources":["../../src/ui/tabs/tabs-content.tsx","../../src/ui/tabs/tabs-indicator.tsx","../../src/ui/tabs/tabs-list.tsx","../../src/ui/tabs/tabs-trigger.tsx","../../src/ui/tabs/tabs.tsx"],"mappings":";;;;;;;KAKY,gBAAA,GAAmB,MAAA,CAAc,KAAA,CAAM,KAAA;AAAA,cAE7C,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCAlD,kBAAA,GAAqB,MAAA,CAAc,SAAA,CAAU,KAAA;AAAA,cAwBnD,aAAA;EAAiB,SAAA;EAAA,GAAA;AAAA,GAAyB,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCnBtD,aAAA,GAAgB,MAAA,CAAc,IAAA,CAAK,KAAA,GAC7C,YAAA,QAAoB,gBAAA;AAAA,cAEhB,gBAAA,EA0BJ,kBAAA,CA1BoB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA0BpB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;cAEI,QAAA;EAAY,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAMf,aAAA,KAAa,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KC1CJ,gBAAA,GAAmB,MAAA,CAAc,GAAA,CAAI,KAAA;AAAA,cA8B3C,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KC5BlD,SAAA,GAAY,MAAA,CAAc,IAAA,CAAK,KAAA;AAAA,cAErC,IAAA;EAAA;;;;KAIH,SAAA,GAAS,kBAAA,CAAA,GAAA,CAAA,OAAA"}