@wealthx/shadcn 1.0.2 → 1.2.0

package/dist/components/ui/dialog.js

@@ -77,8 +77,40 @@ var import_dialog = require("@base-ui/react/dialog");
 // 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
@@ -144,7 +176,7 @@ Slot.displayName = "Slot";
 // src/components/ui/button.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var buttonVariants = (0, import_class_variance_authority.cva)(
-  "inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 font-sans text-sm font-medium whitespace-nowrap transition-all active:scale-[0.98] 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 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  "inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 font-sans text-button whitespace-nowrap transition-all active:scale-[0.98] 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 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
     variants: {
       variant: {
@@ -159,7 +191,7 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
       },
       size: {
         default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        xs: "h-6 gap-1 px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
+        xs: "h-6 gap-1 px-2 text-button-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
         sm: "h-8 gap-1.5 px-3 has-[>svg]:px-2.5",
         lg: "h-10 px-6 has-[>svg]:px-4",
         icon: "size-9",
@@ -265,7 +297,7 @@ function DialogContent(_a) {
   ]);
   const themeVars = useThemeVars();
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(DialogPortal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DialogOverlay, { style: themeVars }),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       import_dialog.Dialog.Popup,
       __spreadProps(__spreadValues({
@@ -296,7 +328,11 @@ function DialogContent(_a) {
   ] });
 }
 function DialogHeader(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "div",
     __spreadValues({
@@ -339,15 +375,11 @@ function DialogFooter(_a) {
   );
 }
 function DialogTitle(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     import_dialog.Dialog.Title,
     __spreadValues({
-      className: cn("text-lg leading-none font-semibold", className),
+      className: cn("text-h5 leading-none", className),
       "data-slot": "dialog-title"
     }, props)
   );
@@ -361,7 +393,7 @@ function DialogDescription(_a) {
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     import_dialog.Dialog.Description,
     __spreadValues({
-      className: cn("text-sm text-muted-foreground", className),
+      className: cn("text-body-small text-muted-foreground", className),
       "data-slot": "dialog-description"
     }, props)
   );

package/dist/components/ui/dialog.mjs

@@ -9,12 +9,12 @@ import {
   DialogPortal,
   DialogTitle,
   DialogTrigger
-} from "../../chunk-DKZRJOMF.mjs";
-import "../../chunk-4AJ5HWHD.mjs";
+} from "../../chunk-XIRTEFKH.mjs";
+import "../../chunk-2I5S2AMY.mjs";
 import "../../chunk-DBHJ5KC3.mjs";
-import "../../chunk-OXQQNQZI.mjs";
+import "../../chunk-FEZKMUCF.mjs";
 import "../../chunk-QOJ2DQD6.mjs";
-import "../../chunk-V7CNWJT3.mjs";
+import "../../chunk-VLQZANBF.mjs";
 import "../../chunk-FWCSY2DS.mjs";
 export {
   Dialog,

package/dist/components/ui/drawer.js

@@ -66,8 +66,40 @@ var import_vaul = require("vaul");
 // 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
@@ -151,7 +183,11 @@ function DrawerContent(_a) {
   ] });
 }
 function DrawerHeader(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     "div",
     __spreadValues({
@@ -161,7 +197,11 @@ function DrawerHeader(_a) {
   );
 }
 function DrawerFooter(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     "div",
     __spreadValues({
@@ -171,15 +211,11 @@ function DrawerFooter(_a) {
   );
 }
 function DrawerTitle(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     import_vaul.Drawer.Title,
     __spreadValues({
-      className: cn("text-lg font-semibold text-foreground", className),
+      className: cn("text-h5 text-foreground", className),
       "data-slot": "drawer-title"
     }, props)
   );
@@ -193,7 +229,7 @@ function DrawerDescription(_a) {
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     import_vaul.Drawer.Description,
     __spreadValues({
-      className: cn("text-sm text-muted-foreground", className),
+      className: cn("text-body-small text-muted-foreground", className),
       "data-slot": "drawer-description"
     }, props)
   );

package/dist/components/ui/drawer.mjs

@@ -9,10 +9,10 @@ import {
   DrawerPortal,
   DrawerTitle,
   DrawerTrigger
-} from "../../chunk-6AFMNC42.mjs";
-import "../../chunk-OXQQNQZI.mjs";
+} from "../../chunk-N2PT566P.mjs";
+import "../../chunk-FEZKMUCF.mjs";
 import "../../chunk-QOJ2DQD6.mjs";
-import "../../chunk-V7CNWJT3.mjs";
+import "../../chunk-VLQZANBF.mjs";
 import "../../chunk-FWCSY2DS.mjs";
 export {
   Drawer,

package/dist/components/ui/dropdown-menu.js

@@ -72,8 +72,40 @@ var import_menu = require("@base-ui/react/menu");
 // 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
@@ -96,12 +128,7 @@ function DropdownMenuPortal(_a) {
 }
 function DropdownMenuTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_menu.Menu.Trigger,
-    __spreadValues({
-      "data-slot": "dropdown-menu-trigger"
-    }, props)
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_menu.Menu.Trigger, __spreadValues({ "data-slot": "dropdown-menu-trigger" }, props));
 }
 function DropdownMenuContent(_a) {
   var _b = _a, {
@@ -144,7 +171,7 @@ function DropdownMenuItem(_a) {
     import_menu.Menu.Item,
     __spreadValues({
       className: cn(
-        "relative flex cursor-default items-center gap-2 rounded-none px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!",
+        "relative flex cursor-default items-center gap-2 rounded-none px-2 py-1.5 text-body-small outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!",
         className
       ),
       "data-inset": inset,
@@ -168,7 +195,7 @@ function DropdownMenuCheckboxItem(_a) {
     __spreadProps(__spreadValues({
       checked,
       className: cn(
-        "relative flex cursor-default items-center gap-2 rounded-none py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 data-checked:bg-primary/10 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "relative flex cursor-default items-center gap-2 rounded-none py-1.5 pr-2 pl-8 text-body-small outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 data-checked:bg-primary/10 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       "data-slot": "dropdown-menu-checkbox-item"
@@ -201,7 +228,7 @@ function DropdownMenuRadioItem(_a) {
     import_menu.Menu.RadioItem,
     __spreadProps(__spreadValues({
       className: cn(
-        "relative flex cursor-default items-center gap-2 rounded-none py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 data-checked:bg-primary/10 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "relative flex cursor-default items-center gap-2 rounded-none py-1.5 pr-2 pl-8 text-body-small outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 data-checked:bg-primary/10 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       "data-slot": "dropdown-menu-radio-item"
@@ -224,10 +251,7 @@ function DropdownMenuLabel(_a) {
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     import_menu.Menu.GroupLabel,
     __spreadValues({
-      className: cn(
-        "px-2 py-1.5 text-sm font-medium data-inset:pl-8",
-        className
-      ),
+      className: cn("px-2 py-1.5 text-label-medium data-inset:pl-8", className),
       "data-inset": inset,
       "data-slot": "dropdown-menu-label"
     }, props)
@@ -257,7 +281,7 @@ function DropdownMenuShortcut(_a) {
     "span",
     __spreadValues({
       className: cn(
-        "ml-auto text-xs tracking-widest text-muted-foreground",
+        "ml-auto text-caption tracking-widest text-muted-foreground",
         className
       ),
       "data-slot": "dropdown-menu-shortcut"
@@ -282,7 +306,7 @@ function DropdownMenuSubTrigger(_a) {
     import_menu.Menu.SubmenuTrigger,
     __spreadProps(__spreadValues({
       className: cn(
-        "flex cursor-default items-center gap-2 rounded-none px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-8 data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
+        "flex cursor-default items-center gap-2 rounded-none px-2 py-1.5 text-body-small outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-8 data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
         className
       ),
       "data-inset": inset,

package/dist/components/ui/dropdown-menu.mjs

@@ -14,10 +14,10 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger
-} from "../../chunk-MJIEMGRD.mjs";
-import "../../chunk-OXQQNQZI.mjs";
+} from "../../chunk-EFRENWEJ.mjs";
+import "../../chunk-FEZKMUCF.mjs";
 import "../../chunk-QOJ2DQD6.mjs";
-import "../../chunk-V7CNWJT3.mjs";
+import "../../chunk-VLQZANBF.mjs";
 import "../../chunk-FWCSY2DS.mjs";
 export {
   DropdownMenu,

package/dist/components/ui/empty.js

@@ -59,8 +59,40 @@ var import_class_variance_authority = require("class-variance-authority");
 // 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/empty.tsx
@@ -127,7 +159,7 @@ function EmptyTitle(_a) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     __spreadValues({
-      className: cn("text-lg font-medium tracking-tight", className),
+      className: cn("text-h5", className),
       "data-slot": "empty-title"
     }, props)
   );
@@ -142,7 +174,7 @@ function EmptyDescription(_a) {
     "div",
     __spreadValues({
       className: cn(
-        "text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
+        "text-body-small leading-relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
         className
       ),
       "data-slot": "empty-description"
@@ -150,12 +182,16 @@ function EmptyDescription(_a) {
   );
 }
 function EmptyContent(_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)(
     "div",
     __spreadValues({
       className: cn(
-        "flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance",
+        "flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-body-small text-balance",
         className
       ),
       "data-slot": "empty-content"

package/dist/components/ui/empty.mjs

@@ -5,8 +5,8 @@ import {
   EmptyHeader,
   EmptyMedia,
   EmptyTitle
-} from "../../chunk-YN5SYTOO.mjs";
-import "../../chunk-V7CNWJT3.mjs";
+} from "../../chunk-NQPOYKAQ.mjs";
+import "../../chunk-VLQZANBF.mjs";
 import "../../chunk-FWCSY2DS.mjs";
 export {
   Empty,