@kuzenbo/core 0.0.3 → 0.0.5

package/dist/ui/table.d.ts

@@ -18,27 +18,27 @@ declare const TableBody: ({
 //#region src/ui/table/table-caption.d.ts
 declare const tableCaptionVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, "text-muted-foreground", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, "text-muted-foreground", unknown, unknown, undefined>>;
 type TableCaptionProps = ComponentProps<"caption"> & VariantProps<typeof tableCaptionVariants> & {
@@ -53,27 +53,27 @@ declare const TableCaption: ({
 //#region src/ui/table/table-cell.d.ts
 declare const tableCellVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, "align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, "align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0", unknown, unknown, undefined>>;
 type TableCellProps = ComponentProps<"td"> & VariantProps<typeof tableCellVariants> & {
@@ -88,29 +88,29 @@ declare const TableCell: ({
 //#region src/ui/table/table-footer.d.ts
 declare const tableFooterVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", {
+}, undefined, "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", unknown, unknown, undefined>>;
+}, undefined, "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", unknown, unknown, undefined>>;
 type TableFooterProps = ComponentProps<"tfoot"> & VariantProps<typeof tableFooterVariants> & {
   size?: UISize;
 };
@@ -123,29 +123,29 @@ declare const TableFooter: ({
 //#region src/ui/table/table-head.d.ts
 declare const tableHeadVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0", {
+}, undefined, "text-foreground text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0", unknown, unknown, undefined>>;
+}, undefined, "text-foreground text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0", unknown, unknown, undefined>>;
 type TableHeadProps = ComponentProps<"th"> & VariantProps<typeof tableHeadVariants> & {
   size?: UISize;
 };
@@ -168,29 +168,29 @@ declare const TableHeader: ({
 //#region src/ui/table/table-row.d.ts
 declare const tableRowVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", {
+}, undefined, "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", unknown, unknown, undefined>>;
+}, undefined, "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", unknown, unknown, undefined>>;
 type TableRowProps = ComponentProps<"tr"> & VariantProps<typeof tableRowVariants> & {
   size?: UISize;
 };
@@ -206,27 +206,27 @@ type TableSize = UISize;
 //#region src/ui/table/table.d.ts
 declare const tableVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, "w-full caption-bottom", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, "w-full caption-bottom", unknown, unknown, undefined>>;
 type TableProps = ComponentProps<"table"> & VariantProps<typeof tableVariants> & {

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

@@ -1 +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"}
+{"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":";;;;;;;;KASY,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;;;cCpB1D,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;;;cCtB9D,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;;;cCH9D,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;;;KC5BlD,SAAA,GAAY,MAAA;;;cCiBlB,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

@@ -1,6 +1,9 @@
+"use client";
+
 import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
-import { t as createSizeContext } from "../size-context-BjRwqlSg.js";
+import { t as createSizeContext } from "../size-context-CvLl3pMC.js";
 import { t as ScrollBar } from "../scroll-bar-C4qEUKlT.js";
+import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn, tv } from "tailwind-variants";
 import { ScrollArea } from "@base-ui/react/scroll-area";
@@ -12,8 +15,9 @@ const { SizeContext: TableSizeContext, useResolvedSize: useTableResolvedSize } =
 //#region src/ui/table/table-body.tsx
 const TableBody = ({ className, size, ...props }) => {
 	const resolvedSize = useTableResolvedSize(size);
+	const contextValue = useMemo(() => ({ size: resolvedSize }), [resolvedSize]);
 	return /* @__PURE__ */ jsx(TableSizeContext.Provider, {
-		value: { size: resolvedSize },
+		value: contextValue,
 		children: /* @__PURE__ */ jsx("tbody", {
 			className: cn("[&_tr:last-child]:border-0", className),
 			"data-size": resolvedSize,
@@ -27,14 +31,14 @@ const TableBody = ({ className, size, ...props }) => {
 //#region src/ui/table/table-caption.tsx
 const tableCaptionVariants = tv({
 	base: "text-muted-foreground",
+	defaultVariants: { size: "md" },
 	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" }
+		md: "mt-4 text-sm",
+		sm: "mt-3 text-xs",
+		xl: "mt-5 text-base",
+		xs: "mt-2 text-xs"
+	} }
 });
 const TableCaption = ({ className, size, ...props }) => {
 	const resolvedSize = useTableResolvedSize(size);
@@ -50,14 +54,14 @@ const TableCaption = ({ className, size, ...props }) => {
 //#region src/ui/table/table-cell.tsx
 const tableCellVariants = tv({
 	base: "align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0",
+	defaultVariants: { size: "md" },
 	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" }
+		md: "p-2 text-sm",
+		sm: "px-2 py-1.5 text-xs",
+		xl: "px-3 py-2.5 text-base",
+		xs: "px-1.5 py-1 text-xs"
+	} }
 });
 const TableCell = ({ className, size, ...props }) => {
 	const resolvedSize = useTableResolvedSize(size);
@@ -72,20 +76,21 @@ const TableCell = ({ className, size, ...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",
+	base: "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "text-xs",
-		sm: "text-xs",
-		md: "text-sm",
 		lg: "text-sm",
-		xl: "text-base"
-	} },
-	defaultVariants: { size: "md" }
+		md: "text-sm",
+		sm: "text-xs",
+		xl: "text-base",
+		xs: "text-xs"
+	} }
 });
 const TableFooter = ({ className, size, ...props }) => {
 	const resolvedSize = useTableResolvedSize(size);
+	const contextValue = useMemo(() => ({ size: resolvedSize }), [resolvedSize]);
 	return /* @__PURE__ */ jsx(TableSizeContext.Provider, {
-		value: { size: resolvedSize },
+		value: contextValue,
 		children: /* @__PURE__ */ jsx("tfoot", {
 			className: cn(tableFooterVariants({ size: resolvedSize }), className),
 			"data-size": resolvedSize,
@@ -98,15 +103,15 @@ const TableFooter = ({ className, size, ...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",
+	base: "text-foreground text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0",
+	defaultVariants: { size: "md" },
 	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" }
+		md: "h-10 px-2 text-sm",
+		sm: "h-8 px-2 text-xs",
+		xl: "h-12 px-3 text-base",
+		xs: "h-7 px-1.5 text-xs"
+	} }
 });
 const TableHead = ({ className, size, ...props }) => {
 	const resolvedSize = useTableResolvedSize(size);
@@ -122,8 +127,9 @@ const TableHead = ({ className, size, ...props }) => {
 //#region src/ui/table/table-header.tsx
 const TableHeader = ({ className, size, ...props }) => {
 	const resolvedSize = useTableResolvedSize(size);
+	const contextValue = useMemo(() => ({ size: resolvedSize }), [resolvedSize]);
 	return /* @__PURE__ */ jsx(TableSizeContext.Provider, {
-		value: { size: resolvedSize },
+		value: contextValue,
 		children: /* @__PURE__ */ jsx("thead", {
 			className: cn("[&_tr]:border-b", className),
 			"data-size": resolvedSize,
@@ -136,20 +142,21 @@ const TableHeader = ({ className, size, ...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",
+	base: "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "",
-		sm: "",
-		md: "",
 		lg: "",
-		xl: ""
-	} },
-	defaultVariants: { size: "md" }
+		md: "",
+		sm: "",
+		xl: "",
+		xs: ""
+	} }
 });
 const TableRow = ({ className, size, ...props }) => {
 	const resolvedSize = useTableResolvedSize(size);
+	const contextValue = useMemo(() => ({ size: resolvedSize }), [resolvedSize]);
 	return /* @__PURE__ */ jsx(TableSizeContext.Provider, {
-		value: { size: resolvedSize },
+		value: contextValue,
 		children: /* @__PURE__ */ jsx("tr", {
 			className: cn(tableRowVariants({ size: resolvedSize }), className),
 			"data-size": resolvedSize,
@@ -163,21 +170,22 @@ const TableRow = ({ className, size, ...props }) => {
 //#region src/ui/table/table.tsx
 const tableVariants = tv({
 	base: "w-full caption-bottom",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "text-xs",
-		sm: "text-xs",
-		md: "text-sm",
 		lg: "text-sm",
-		xl: "text-base"
-	} },
-	defaultVariants: { size: "md" }
+		md: "text-sm",
+		sm: "text-xs",
+		xl: "text-base",
+		xs: "text-xs"
+	} }
 });
 const Table = ({ className, size: providedSize, ...props }) => {
 	const size = useComponentSize(providedSize);
+	const contextValue = useMemo(() => ({ size }), [size]);
 	return /* @__PURE__ */ jsx(TableSizeContext.Provider, {
-		value: { size },
+		value: contextValue,
 		children: /* @__PURE__ */ jsxs(ScrollArea.Root, {
-			className: "relative w-full rounded-lg border border-border bg-card",
+			className: "border-border bg-card relative w-full rounded-lg border",
 			"data-size": size,
 			"data-slot": "table-container",
 			children: [

package/dist/ui/table.js.map

@@ -1 +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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"}
+{"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 { createSizeContext } from \"../shared/size/size-context\";\nimport type { UISize } from \"../shared/size/size-system\";\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\";\nimport { useMemo } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\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  const contextValue = useMemo(() => ({ size: resolvedSize }), [resolvedSize]);\n\n  return (\n    <TableSizeContext.Provider value={contextValue}>\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\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useTableResolvedSize } from \"./table-size-context\";\n\nconst tableCaptionVariants = tv({\n  base: \"text-muted-foreground\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"mt-4 text-sm\",\n      md: \"mt-4 text-sm\",\n      sm: \"mt-3 text-xs\",\n      xl: \"mt-5 text-base\",\n      xs: \"mt-2 text-xs\",\n    },\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\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useTableResolvedSize } from \"./table-size-context\";\n\nconst tableCellVariants = tv({\n  base: \"align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"px-2.5 py-2 text-sm\",\n      md: \"p-2 text-sm\",\n      sm: \"px-2 py-1.5 text-xs\",\n      xl: \"px-3 py-2.5 text-base\",\n      xs: \"px-1.5 py-1 text-xs\",\n    },\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\";\nimport { useMemo } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { TableSizeContext, useTableResolvedSize } from \"./table-size-context\";\n\nconst tableFooterVariants = tv({\n  base: \"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"text-sm\",\n      md: \"text-sm\",\n      sm: \"text-xs\",\n      xl: \"text-base\",\n      xs: \"text-xs\",\n    },\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  const contextValue = useMemo(() => ({ size: resolvedSize }), [resolvedSize]);\n\n  return (\n    <TableSizeContext.Provider value={contextValue}>\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\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useTableResolvedSize } from \"./table-size-context\";\n\nconst tableHeadVariants = tv({\n  base: \"text-foreground text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"h-11 px-2.5 text-sm\",\n      md: \"h-10 px-2 text-sm\",\n      sm: \"h-8 px-2 text-xs\",\n      xl: \"h-12 px-3 text-base\",\n      xs: \"h-7 px-1.5 text-xs\",\n    },\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\";\nimport { useMemo } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\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  const contextValue = useMemo(() => ({ size: resolvedSize }), [resolvedSize]);\n\n  return (\n    <TableSizeContext.Provider value={contextValue}>\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\";\nimport { useMemo } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { TableSizeContext, useTableResolvedSize } from \"./table-size-context\";\n\nconst tableRowVariants = tv({\n  base: \"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"\",\n      md: \"\",\n      sm: \"\",\n      xl: \"\",\n      xs: \"\",\n    },\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  const contextValue = useMemo(() => ({ size: resolvedSize }), [resolvedSize]);\n\n  return (\n    <TableSizeContext.Provider value={contextValue}>\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","\"use client\";\n\nimport { ScrollArea as ScrollAreaPrimitive } from \"@base-ui/react/scroll-area\";\nimport type { ComponentProps } from \"react\";\nimport { useMemo } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { ScrollBar } from \"../scroll-area/scroll-bar\";\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport type { UISize } from \"../shared/size/size-system\";\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  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"text-sm\",\n      md: \"text-sm\",\n      sm: \"text-xs\",\n      xl: \"text-base\",\n      xs: \"text-xs\",\n    },\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  const contextValue = useMemo(() => ({ size }), [size]);\n\n  return (\n    <TableSizeContext.Provider value={contextValue}>\n      <ScrollAreaPrimitive.Root\n        className=\"border-border bg-card relative w-full rounded-lg border\"\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

@@ -22,56 +22,56 @@ declare const TabsIndicator: ({
 type TabsListProps = Tabs$1.List.Props & VariantProps<typeof tabsListVariants>;
 declare const tabsListVariants: tailwind_variants0.TVReturnType<{
   fullWidth: {
-    true: string;
     false: string;
+    true: string;
+  };
+  size: {
+    lg: string;
+    md: string;
+    sm: string;
+    xl: string;
+    xs: string;
   };
   variant: {
     default: string;
     line: string;
     pill: string;
   };
+}, undefined, "group/tabs-list z-base text-muted-foreground relative inline-flex items-center justify-start group-data-[orientation=vertical]/tabs:flex-col group-data-[orientation=vertical]/tabs:items-stretch", {
+  fullWidth: {
+    false: string;
+    true: string;
+  };
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: 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;
+    xs: 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;
+    true: string;
+  };
+  size: {
+    lg: string;
+    md: string;
+    sm: string;
+    xl: string;
+    xs: 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>>;
+}, undefined, "group/tabs-list z-base text-muted-foreground relative inline-flex items-center justify-start group-data-[orientation=vertical]/tabs:flex-col group-data-[orientation=vertical]/tabs:items-stretch", unknown, unknown, undefined>>;
 declare const TabsList: ({
   className,
   variant,

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

@@ -1 +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"}
+{"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;;;KCrBtD,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;;;KCxCJ,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"}