@wealthx/shadcn 1.0.2 → 1.2.0

package/dist/components/ui/table.js

@@ -60,8 +60,40 @@ module.exports = __toCommonJS(table_exports);
 // 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/table.tsx
@@ -76,7 +108,7 @@ function Table(_a) {
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "table",
         __spreadValues({
-          className: cn("w-full caption-bottom text-sm", className),
+          className: cn("w-full caption-bottom text-body-small", className),
           "data-slot": "table"
         }, props)
       )
@@ -109,7 +141,7 @@ function TableFooter(_a) {
     "tfoot",
     __spreadValues({
       className: cn(
-        "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+        "border-t bg-muted/50 text-label-medium [&>tr]:last:border-b-0",
         className
       ),
       "data-slot": "table-footer"
@@ -135,7 +167,7 @@ function TableHead(_a) {
     "th",
     __spreadValues({
       className: cn(
-        "h-10 px-4 text-left align-middle font-medium whitespace-nowrap text-muted-foreground",
+        "h-10 px-4 text-left align-middle text-label-medium whitespace-nowrap text-muted-foreground",
         "[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
         className
       ),
@@ -166,7 +198,7 @@ function TableCaption(_a) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "caption",
     __spreadValues({
-      className: cn("mt-4 text-sm text-muted-foreground", className),
+      className: cn("mt-4 text-body-small text-muted-foreground", className),
       "data-slot": "table-caption"
     }, props)
   );

package/dist/components/ui/table.mjs

@@ -7,8 +7,8 @@ import {
   TableHead,
   TableHeader,
   TableRow
-} from "../../chunk-BGP2N52Z.mjs";
-import "../../chunk-V7CNWJT3.mjs";
+} from "../../chunk-66MI7Q4B.mjs";
+import "../../chunk-VLQZANBF.mjs";
 import "../../chunk-FWCSY2DS.mjs";
 export {
   Table,

package/dist/components/ui/tabs.js

@@ -59,8 +59,40 @@ var import_tabs = require("@base-ui/react/tabs");
 // 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/tabs.tsx
@@ -117,18 +149,14 @@ function TabsList(_a) {
   );
 }
 function TabsTrigger(_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_tabs.Tabs.Tab,
     __spreadValues({
       className: cn(
         // Base layout & typography
         "relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 whitespace-nowrap",
-        "rounded-none border border-transparent px-1.5 py-1 text-sm font-medium",
+        "rounded-none border border-transparent px-1.5 py-1 text-label-medium",
         "text-muted-foreground transition-all",
         // Vertical orientation
         "group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start",
@@ -158,11 +186,7 @@ function TabsTrigger(_a) {
   );
 }
 function TabsContent(_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_tabs.Tabs.Panel,
     __spreadValues({

package/dist/components/ui/tabs.mjs

@@ -4,8 +4,8 @@ import {
   TabsList,
   TabsTrigger,
   tabsListVariants
-} from "../../chunk-RL772EH7.mjs";
-import "../../chunk-V7CNWJT3.mjs";
+} from "../../chunk-JHJHG4GO.mjs";
+import "../../chunk-VLQZANBF.mjs";
 import "../../chunk-FWCSY2DS.mjs";
 export {
   Tabs,

package/dist/components/ui/textarea.js

@@ -53,8 +53,40 @@ module.exports = __toCommonJS(textarea_exports);
 // 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/textarea.tsx
@@ -66,7 +98,7 @@ function Textarea(_a) {
     __spreadValues({
       className: cn(
         // WealthX: removed shadow-xs (flat panels), added font-sans
-        "flex field-sizing-content min-h-16 w-full border border-input bg-transparent px-3 py-2 text-base font-sans transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/20 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:ring-destructive/40",
+        "flex field-sizing-content min-h-16 w-full border border-input bg-transparent px-3 py-2 text-body-medium font-sans transition-[color,box-shadow] outline-none placeholder:font-normal placeholder:text-muted-foreground focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/20 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:aria-invalid:ring-destructive/40",
         className
       ),
       "data-slot": "textarea"

package/dist/components/ui/textarea.mjs

@@ -1,7 +1,7 @@
 import {
   Textarea
-} from "../../chunk-GPRJQ24C.mjs";
-import "../../chunk-V7CNWJT3.mjs";
+} from "../../chunk-34NWQURD.mjs";
+import "../../chunk-VLQZANBF.mjs";
 import "../../chunk-FWCSY2DS.mjs";
 export {
   Textarea

package/dist/components/ui/toggle-group.js

@@ -1,5 +1,4 @@
 "use strict";
-"use client";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -71,8 +70,40 @@ var import_toggle2 = require("@base-ui/react/toggle");
 // 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/toggle.tsx
@@ -80,7 +111,7 @@ var import_class_variance_authority = require("class-variance-authority");
 var import_toggle = require("@base-ui/react/toggle");
 var import_jsx_runtime = require("react/jsx-runtime");
 var toggleVariants = (0, import_class_variance_authority.cva)(
-  "inline-flex items-center justify-center gap-2 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-pressed:bg-primary/10 data-pressed:inset-ring data-pressed:inset-ring-primary data-pressed:text-foreground data-pressed:hover:bg-primary/10 data-pressed:hover:text-foreground dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  "inline-flex items-center justify-center gap-2 text-label-medium whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-pressed:bg-primary/10 data-pressed:inset-ring data-pressed:inset-ring-primary data-pressed:text-foreground data-pressed:hover:bg-primary/10 data-pressed:hover:text-foreground dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
     variants: {
       variant: {
@@ -89,7 +120,7 @@ var toggleVariants = (0, import_class_variance_authority.cva)(
       },
       size: {
         default: "h-9 min-w-9 px-2",
-        sm: "h-8 min-w-8 px-1.5",
+        sm: "h-8 min-w-8 px-1.5 text-caption",
         lg: "h-10 min-w-10 px-2.5"
       }
     },

package/dist/components/ui/toggle-group.mjs

@@ -1,10 +1,9 @@
-"use client";
 import {
   ToggleGroup,
   ToggleGroupItem
-} from "../../chunk-DDPA2XXS.mjs";
-import "../../chunk-3U7SD3MS.mjs";
-import "../../chunk-V7CNWJT3.mjs";
+} from "../../chunk-PMB3A7V3.mjs";
+import "../../chunk-WOEHFRGB.mjs";
+import "../../chunk-VLQZANBF.mjs";
 import "../../chunk-FWCSY2DS.mjs";
 export {
   ToggleGroup,

package/dist/components/ui/toggle.js

@@ -1,5 +1,4 @@
 "use strict";
-"use client";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -57,14 +56,46 @@ var import_toggle = require("@base-ui/react/toggle");
 // 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/toggle.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var toggleVariants = (0, import_class_variance_authority.cva)(
-  "inline-flex items-center justify-center gap-2 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-pressed:bg-primary/10 data-pressed:inset-ring data-pressed:inset-ring-primary data-pressed:text-foreground data-pressed:hover:bg-primary/10 data-pressed:hover:text-foreground dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  "inline-flex items-center justify-center gap-2 text-label-medium whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-pressed:bg-primary/10 data-pressed:inset-ring data-pressed:inset-ring-primary data-pressed:text-foreground data-pressed:hover:bg-primary/10 data-pressed:hover:text-foreground dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
     variants: {
       variant: {
@@ -73,7 +104,7 @@ var toggleVariants = (0, import_class_variance_authority.cva)(
       },
       size: {
         default: "h-9 min-w-9 px-2",
-        sm: "h-8 min-w-8 px-1.5",
+        sm: "h-8 min-w-8 px-1.5 text-caption",
         lg: "h-10 min-w-10 px-2.5"
       }
     },

package/dist/components/ui/toggle.mjs

@@ -1,9 +1,8 @@
-"use client";
 import {
   Toggle,
   toggleVariants
-} from "../../chunk-3U7SD3MS.mjs";
-import "../../chunk-V7CNWJT3.mjs";
+} from "../../chunk-WOEHFRGB.mjs";
+import "../../chunk-VLQZANBF.mjs";
 import "../../chunk-FWCSY2DS.mjs";
 export {
   Toggle,

package/dist/components/ui/tooltip.js

@@ -60,8 +60,40 @@ var import_tooltip = require("@base-ui/react/tooltip");
 // 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/lib/theme-provider.tsx
@@ -100,36 +132,33 @@ function TooltipContent(_a) {
   var _b = _a, {
     className,
     sideOffset = 8,
+    side,
     children,
     style
   } = _b, props = __objRest(_b, [
     "className",
     "sideOffset",
+    "side",
     "children",
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_tooltip.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_tooltip.Tooltip.Positioner, { sideOffset, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_tooltip.Tooltip.Popup,
-      __spreadProps(__spreadValues({
-        className: cn(
-          "z-50 w-fit animate-in bg-brand-secondary px-3 py-1.5 text-xs text-balance text-brand-secondary-foreground fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-ending-style:fill-mode-forwards",
-          className
-        ),
-        "data-slot": "tooltip-content",
-        style: __spreadValues(__spreadValues({}, themeVars), style)
-      }, props), {
-        children
-      })
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_tooltip.Tooltip.Arrow,
-      {
-        className: "z-50 size-2.5 rotate-45 bg-brand-secondary"
-      }
-    )
-  ] }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_tooltip.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_tooltip.Tooltip.Positioner, { sideOffset, side, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    import_tooltip.Tooltip.Popup,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "relative z-50 w-fit animate-in overflow-visible bg-brand-secondary px-3 py-1.5 text-caption text-balance text-brand-secondary-foreground fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-ending-style:fill-mode-forwards",
+        className
+      ),
+      "data-slot": "tooltip-content",
+      style: __spreadValues(__spreadValues({}, themeVars), style)
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_tooltip.Tooltip.Arrow, { className: "z-50 size-2.5 rotate-45 bg-brand-secondary data-[side=bottom]:-top-1 data-[side=left]:-right-1 data-[side=right]:-left-1 data-[side=top]:-bottom-1" })
+      ]
+    })
+  ) }) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/components/ui/tooltip.mjs

@@ -3,10 +3,10 @@ import {
   TooltipContent,
   TooltipProvider,
   TooltipTrigger
-} from "../../chunk-CGOKTPXU.mjs";
-import "../../chunk-OXQQNQZI.mjs";
+} from "../../chunk-6JQFUE5I.mjs";
+import "../../chunk-FEZKMUCF.mjs";
 import "../../chunk-QOJ2DQD6.mjs";
-import "../../chunk-V7CNWJT3.mjs";
+import "../../chunk-VLQZANBF.mjs";
 import "../../chunk-FWCSY2DS.mjs";
 export {
   Tooltip,