@wealthx/shadcn 1.1.0 → 1.2.0

package/dist/{chunk-CJ46PDXE.mjs → chunk-ZRO5JO3H.mjs}

@@ -5,17 +5,7 @@ import {
   TableHead,
   TableHeader,
   TableRow
-} from "./chunk-BGP2N52Z.mjs";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue
-} from "./chunk-VZ2NR7L3.mjs";
-import {
-  Input
-} from "./chunk-DS2AMHN2.mjs";
+} from "./chunk-66MI7Q4B.mjs";
 import {
   DropdownMenu,
   DropdownMenuCheckboxItem,
@@ -24,19 +14,29 @@ import {
   DropdownMenuLabel,
   DropdownMenuSeparator,
   DropdownMenuTrigger
-} from "./chunk-MJIEMGRD.mjs";
+} from "./chunk-EFRENWEJ.mjs";
 import {
   Skeleton
-} from "./chunk-HS7TFG7V.mjs";
+} from "./chunk-D6ID6M4V.mjs";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "./chunk-7PYJD5JI.mjs";
 import {
   Checkbox
-} from "./chunk-JF4PHPD5.mjs";
+} from "./chunk-RGVKLTLH.mjs";
+import {
+  Input
+} from "./chunk-GYMYRIZP.mjs";
 import {
   Button
-} from "./chunk-4AJ5HWHD.mjs";
+} from "./chunk-2I5S2AMY.mjs";
 import {
   cn
-} from "./chunk-V7CNWJT3.mjs";
+} from "./chunk-VLQZANBF.mjs";
 
 // src/components/ui/data-table.tsx
 import * as React from "react";
@@ -79,7 +79,10 @@ function DataTableColumnHeader({
   return /* @__PURE__ */ jsxs(
     Button,
     {
-      className: cn("-ml-3 h-8 font-medium text-muted-foreground hover:text-foreground", className),
+      className: cn(
+        "-ml-3 h-8 text-muted-foreground hover:text-foreground",
+        className
+      ),
       onClick: () => {
         column.toggleSorting(sorted === "asc");
       },
@@ -127,48 +130,62 @@ function DataTableToolbar({
   enableColumnVisibility
 }) {
   var _a;
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 py-4", "data-slot": "data-table-toolbar", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-center gap-2", children: searchKey ? /* @__PURE__ */ jsx(
-      Input,
-      {
-        className: "max-w-xs",
-        onChange: (e) => {
-          var _a2;
-          return (_a2 = table.getColumn(searchKey)) == null ? void 0 : _a2.setFilterValue(e.target.value);
-        },
-        placeholder: searchPlaceholder != null ? searchPlaceholder : `Filter ${searchKey}...`,
-        value: (_a = table.getColumn(searchKey)) == null ? void 0 : _a.getFilterValue()
-      }
-    ) : null }),
-    enableColumnVisibility ? /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-      /* @__PURE__ */ jsxs(
-        DropdownMenuTrigger,
-        {
-          render: /* @__PURE__ */ jsx(Button, { className: "ml-auto h-8 gap-1.5", size: "sm", variant: "outline" }),
-          children: [
-            /* @__PURE__ */ jsx(SlidersHorizontal, { className: "size-3.5" }),
-            /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: "Columns" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(DropdownMenuContent, { children: /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [
-        /* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Toggle columns" }),
-        /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-        table.getAllColumns().filter((col) => col.getCanHide()).map((col) => /* @__PURE__ */ jsx(
-          DropdownMenuCheckboxItem,
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex items-center justify-between gap-2 py-4",
+      "data-slot": "data-table-toolbar",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-center gap-2", children: searchKey ? /* @__PURE__ */ jsx(
+          Input,
           {
-            checked: col.getIsVisible(),
-            className: "capitalize",
-            onCheckedChange: (value) => {
-              col.toggleVisibility(Boolean(value));
+            className: "max-w-xs",
+            onChange: (e) => {
+              var _a2;
+              return (_a2 = table.getColumn(searchKey)) == null ? void 0 : _a2.setFilterValue(e.target.value);
             },
-            children: col.id
-          },
-          col.id
-        ))
-      ] }) })
-    ] }) : null
-  ] });
+            placeholder: searchPlaceholder != null ? searchPlaceholder : `Filter ${searchKey}...`,
+            value: (_a = table.getColumn(searchKey)) == null ? void 0 : _a.getFilterValue()
+          }
+        ) : null }),
+        enableColumnVisibility ? /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+          /* @__PURE__ */ jsxs(
+            DropdownMenuTrigger,
+            {
+              render: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  className: "ml-auto h-8 gap-1.5",
+                  size: "sm",
+                  variant: "outline"
+                }
+              ),
+              children: [
+                /* @__PURE__ */ jsx(SlidersHorizontal, { className: "size-3.5" }),
+                /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: "Columns" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(DropdownMenuContent, { children: /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [
+            /* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Toggle columns" }),
+            /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+            table.getAllColumns().filter((col) => col.getCanHide()).map((col) => /* @__PURE__ */ jsx(
+              DropdownMenuCheckboxItem,
+              {
+                checked: col.getIsVisible(),
+                className: "capitalize",
+                onCheckedChange: (value) => {
+                  col.toggleVisibility(Boolean(value));
+                },
+                children: col.id
+              },
+              col.id
+            ))
+          ] }) })
+        ] }) : null
+      ]
+    }
+  );
 }
 function DataTablePagination({
   table,
@@ -180,7 +197,7 @@ function DataTablePagination({
       className: "flex items-center justify-between gap-4 py-4",
       "data-slot": "data-table-pagination",
       children: [
-        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: table.getFilteredSelectedRowModel().rows.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("p", { className: "text-body-small text-muted-foreground", children: table.getFilteredSelectedRowModel().rows.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
           table.getFilteredSelectedRowModel().rows.length,
           " of",
           " ",
@@ -189,7 +206,7 @@ function DataTablePagination({
         ] }) }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-6", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground whitespace-nowrap", children: "Rows per page" }),
+            /* @__PURE__ */ jsx("p", { className: "text-body-small text-muted-foreground whitespace-nowrap", children: "Rows per page" }),
             /* @__PURE__ */ jsxs(
               Select,
               {
@@ -198,16 +215,22 @@ function DataTablePagination({
                 },
                 value: `${table.getState().pagination.pageSize}`,
                 children: [
-                  /* @__PURE__ */ jsx(SelectTrigger, { className: "w-[70px]", size: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: `${table.getState().pagination.pageSize}` }) }),
+                  /* @__PURE__ */ jsx(SelectTrigger, { className: "w-[70px]", size: "sm", children: /* @__PURE__ */ jsx(
+                    SelectValue,
+                    {
+                      placeholder: `${table.getState().pagination.pageSize}`
+                    }
+                  ) }),
                   /* @__PURE__ */ jsx(SelectContent, { children: pageSizeOptions.map((pageSize) => /* @__PURE__ */ jsx(SelectItem, { value: `${pageSize}`, children: pageSize }, pageSize)) })
                 ]
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground whitespace-nowrap", children: [
+          /* @__PURE__ */ jsxs("p", { className: "text-body-small text-muted-foreground whitespace-nowrap", children: [
             "Page ",
             table.getState().pagination.pageIndex + 1,
-            " of ",
+            " of",
+            " ",
             table.getPageCount()
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
@@ -273,7 +296,13 @@ function DataTableSkeleton({
   columnCount,
   rowCount = 5
 }) {
-  return /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: rowCount }).map((_, rowIdx) => /* @__PURE__ */ jsx(TableRow, { children: Array.from({ length: columnCount }).map((_inner, colIdx) => /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" }) }, `skeleton-cell-${String(rowIdx)}-${String(colIdx)}`)) }, `skeleton-row-${String(rowIdx)}`)) });
+  return /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: rowCount }).map((_, rowIdx) => /* @__PURE__ */ jsx(TableRow, { children: Array.from({ length: columnCount }).map((_inner, colIdx) => /* @__PURE__ */ jsx(
+    TableCell,
+    {
+      children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" })
+    },
+    `skeleton-cell-${String(rowIdx)}-${String(colIdx)}`
+  )) }, `skeleton-row-${String(rowIdx)}`)) });
 }
 function DataTable({
   columns: userColumns,
@@ -291,7 +320,9 @@ function DataTable({
   emptyText = "No results."
 }) {
   const [sorting, setSorting] = React.useState([]);
-  const [columnFilters, setColumnFilters] = React.useState([]);
+  const [columnFilters, setColumnFilters] = React.useState(
+    []
+  );
   const [columnVisibility, setColumnVisibility] = React.useState({});
   const [rowSelection, setRowSelection] = React.useState({});
   const resolvedColumns = React.useMemo(() => {
@@ -323,7 +354,13 @@ function DataTable({
   });
   function renderTableBody() {
     if (loading) {
-      return /* @__PURE__ */ jsx(DataTableSkeleton, { columnCount: resolvedColumns.length, rowCount: skeletonRows });
+      return /* @__PURE__ */ jsx(
+        DataTableSkeleton,
+        {
+          columnCount: resolvedColumns.length,
+          rowCount: skeletonRows
+        }
+      );
     }
     if (table.getRowModel().rows.length) {
       return /* @__PURE__ */ jsx(Fragment, { children: table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx(
@@ -355,7 +392,10 @@ function DataTable({
       }
     ),
     /* @__PURE__ */ jsx("div", { className: "border border-border", children: /* @__PURE__ */ jsxs(Table, { children: [
-      /* @__PURE__ */ jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(TableHead, { children: header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext()) }, header.id)) }, headerGroup.id)) }),
+      /* @__PURE__ */ jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(TableHead, { children: header.isPlaceholder ? null : flexRender(
+        header.column.columnDef.header,
+        header.getContext()
+      ) }, header.id)) }, headerGroup.id)) }),
       /* @__PURE__ */ jsx(TableBody, { children: renderTableBody() })
     ] }) }),
     /* @__PURE__ */ jsx(DataTablePagination, { pageSizeOptions, table })

package/dist/{chunk-VYMHBV6D.mjs → chunk-ZU4NV6RG.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-V7CNWJT3.mjs";
+} from "./chunk-VLQZANBF.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -75,7 +75,9 @@ function SwitchCard(_a) {
     "switchPosition",
     "size"
   ]);
-  const [internalChecked, setInternalChecked] = useState(defaultChecked != null ? defaultChecked : false);
+  const [internalChecked, setInternalChecked] = useState(
+    defaultChecked != null ? defaultChecked : false
+  );
   const isChecked = checked != null ? checked : internalChecked;
   const switchElement = /* @__PURE__ */ jsx(
     Switch,
@@ -93,7 +95,7 @@ function SwitchCard(_a) {
   );
   const contentElement = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
     /* @__PURE__ */ jsx("span", { className: "text-sm font-medium leading-none", children: label }),
-    description ? /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: description }) : null
+    description ? /* @__PURE__ */ jsx("span", { className: "text-body-small text-muted-foreground", children: description }) : null
   ] });
   return /* @__PURE__ */ jsx(
     "label",

package/dist/components/ui/accordion.js

@@ -61,8 +61,40 @@ var import_accordion = require("@base-ui/react/accordion");
 // src/lib/utils.ts
 var import_clsx = require("clsx");
 var import_tailwind_merge = require("tailwind-merge");
+var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
+  extend: {
+    classGroups: {
+      "font-size": [
+        {
+          text: [
+            "display-large",
+            "display-medium",
+            "display-small",
+            "h1",
+            "h2",
+            "h3",
+            "h4",
+            "h5",
+            "h6",
+            "body-large",
+            "body-medium",
+            "body-small",
+            "label-large",
+            "label-medium",
+            "label-small",
+            "button",
+            "button-xs",
+            "caption",
+            "overline",
+            "code"
+          ]
+        }
+      ]
+    }
+  }
+});
 function cn(...inputs) {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+  return twMerge((0, import_clsx.clsx)(inputs));
 }
 
 // src/components/ui/accordion.tsx
@@ -71,7 +103,11 @@ function Accordion(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_accordion.Accordion.Root, __spreadValues({ "data-slot": "accordion" }, props));
 }
 function AccordionItem(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_accordion.Accordion.Item,
     __spreadValues({
@@ -95,7 +131,7 @@ function AccordionTrigger(_a) {
         // layout
         "flex flex-1 items-center justify-between gap-4 py-4 text-left",
         // typography
-        "text-sm font-medium",
+        "text-label-medium",
         // base
         "rounded-none outline-none transition-[color,opacity]",
         // interactive states
@@ -126,7 +162,7 @@ function AccordionContent(_a) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_accordion.Accordion.Panel,
     __spreadProps(__spreadValues({
-      className: "overflow-hidden text-sm h-(--accordion-panel-height) transition-[height] duration-200 ease-out data-starting-style:h-0 data-ending-style:h-0",
+      className: "overflow-hidden text-body-small h-(--accordion-panel-height) transition-[height] duration-200 ease-out data-starting-style:h-0 data-ending-style:h-0",
       "data-slot": "accordion-content"
     }, props), {
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: cn("pb-4 text-muted-foreground", className), children })

package/dist/components/ui/accordion.mjs

@@ -3,8 +3,8 @@ import {
   AccordionContent,
   AccordionItem,
   AccordionTrigger
-} from "../../chunk-KKHTJNMM.mjs";
-import "../../chunk-V7CNWJT3.mjs";
+} from "../../chunk-MARPPFOJ.mjs";
+import "../../chunk-VLQZANBF.mjs";
 import "../../chunk-FWCSY2DS.mjs";
 export {
   Accordion,