@wealthx/shadcn 1.1.0 → 1.2.0

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

@@ -61,8 +61,40 @@ var import_radio = require("@base-ui/react/radio");
 // 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/radio-group.tsx

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

@@ -2,8 +2,8 @@ import {
   RadioGroup,
   RadioGroupCard,
   RadioGroupItem
-} from "../../chunk-JU2RUWHF.mjs";
-import "../../chunk-V7CNWJT3.mjs";
+} from "../../chunk-7XJHLGUV.mjs";
+import "../../chunk-VLQZANBF.mjs";
 import "../../chunk-FWCSY2DS.mjs";
 export {
   RadioGroup,

package/dist/components/ui/select.js

@@ -67,8 +67,40 @@ var import_select = require("@base-ui/react/select");
 // 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
@@ -107,7 +139,7 @@ function SelectTrigger(_a) {
     import_select.Select.Trigger,
     __spreadProps(__spreadValues({
       className: cn(
-        "flex w-fit items-center justify-between gap-2 border border-input bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/20 data-popup-open:border-primary data-popup-open:ring-[3px] data-popup-open:ring-primary/20 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
+        "flex w-fit items-center justify-between gap-2 border border-input bg-transparent px-3 py-2 text-body-medium whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/20 data-popup-open:border-primary data-popup-open:ring-[3px] data-popup-open:ring-primary/20 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-placeholder:font-normal data-placeholder:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
         className
       ),
       "data-size": size,
@@ -131,34 +163,42 @@ function SelectContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_select.Select.Positioner, { align: "start", alignItemWithTrigger: false, sideOffset: 4, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-    import_select.Select.Popup,
-    __spreadProps(__spreadValues({
-      className: cn(
-        "relative z-50 max-h-[var(--available-height)] min-w-[8rem] overflow-x-hidden overflow-y-auto border bg-popover p-1 text-popover-foreground shadow-md 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95",
-        className
-      ),
-      "data-slot": "select-content",
-      style: __spreadValues(__spreadValues({}, themeVars), style)
-    }, props), {
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SelectScrollUpButton, {}),
-        children,
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SelectScrollDownButton, {})
-      ]
-    })
-  ) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_select.Select.Positioner,
+    {
+      className: "z-[200]",
+      align: "start",
+      alignItemWithTrigger: false,
+      sideOffset: 4,
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        import_select.Select.Popup,
+        __spreadProps(__spreadValues({
+          className: cn(
+            "relative max-h-[var(--available-height)] min-w-[var(--anchor-width,8rem)] overflow-x-hidden overflow-y-auto border bg-popover p-1 text-popover-foreground shadow-md 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95",
+            className
+          ),
+          "data-slot": "select-content",
+          style: __spreadValues(__spreadValues({}, themeVars), style)
+        }, props), {
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SelectScrollUpButton, {}),
+            children,
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SelectScrollDownButton, {})
+          ]
+        })
+      )
+    }
+  ) });
 }
 function SelectLabel(_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_select.Select.GroupLabel,
     __spreadValues({
-      className: cn("px-2 py-1.5 text-xs font-semibold text-muted-foreground", className),
+      className: cn(
+        "px-2 py-1.5 text-label-small text-muted-foreground",
+        className
+      ),
       "data-slot": "select-label"
     }, props)
   );
@@ -175,7 +215,7 @@ function SelectItem(_a) {
     import_select.Select.Item,
     __spreadProps(__spreadValues({
       className: cn(
-        "relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-highlighted:bg-primary/5 data-highlighted:text-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        "relative flex w-full cursor-default items-center gap-2 py-1.5 pr-8 pl-2 text-body-small outline-hidden select-none data-highlighted:bg-primary/5 data-highlighted:text-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
         className
       ),
       "data-slot": "select-item"

package/dist/components/ui/select.mjs

@@ -9,10 +9,10 @@ import {
   SelectSeparator,
   SelectTrigger,
   SelectValue
-} from "../../chunk-VZ2NR7L3.mjs";
-import "../../chunk-OXQQNQZI.mjs";
+} from "../../chunk-7PYJD5JI.mjs";
+import "../../chunk-FEZKMUCF.mjs";
 import "../../chunk-QOJ2DQD6.mjs";
-import "../../chunk-V7CNWJT3.mjs";
+import "../../chunk-VLQZANBF.mjs";
 import "../../chunk-FWCSY2DS.mjs";
 export {
   Select,

package/dist/components/ui/separator.js

@@ -54,8 +54,40 @@ var import_separator = require("@base-ui/react/separator");
 // 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/separator.tsx

package/dist/components/ui/separator.mjs

@@ -1,7 +1,7 @@
 import {
   Separator
-} from "../../chunk-55CEW76V.mjs";
-import "../../chunk-V7CNWJT3.mjs";
+} from "../../chunk-FH6QVUVZ.mjs";
+import "../../chunk-VLQZANBF.mjs";
 import "../../chunk-FWCSY2DS.mjs";
 export {
   Separator

package/dist/components/ui/sheet.js

@@ -66,8 +66,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
@@ -81,8 +113,8 @@ function useThemeVars() {
 // src/components/ui/sheet.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var SIDE_CLASSES = {
-  right: "inset-y-0 right-0 h-full w-3/4 border-l data-ending-style:slide-out-to-right data-open:slide-in-from-right sm:max-w-sm",
-  left: "inset-y-0 left-0 h-full w-3/4 border-r data-ending-style:slide-out-to-left data-open:slide-in-from-left sm:max-w-sm",
+  right: "inset-y-0 right-0 h-full w-1/2 border-l data-ending-style:slide-out-to-right data-open:slide-in-from-right",
+  left: "inset-y-0 left-0 h-full w-1/2 border-r data-ending-style:slide-out-to-left data-open:slide-in-from-left",
   top: "inset-x-0 top-0 h-auto border-b data-ending-style:slide-out-to-top data-open:slide-in-from-top",
   bottom: "inset-x-0 bottom-0 h-auto border-t data-ending-style:slide-out-to-bottom data-open:slide-in-from-bottom"
 };
@@ -186,11 +218,7 @@ function SheetFooter(_a) {
   );
 }
 function SheetTitle(_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_dialog.Dialog.Title,
     __spreadValues({
@@ -208,7 +236,7 @@ function SheetDescription(_a) {
   return /* @__PURE__ */ (0, import_jsx_runtime2.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": "sheet-description"
     }, props)
   );

package/dist/components/ui/sheet.mjs

@@ -8,10 +8,10 @@ import {
   SheetPortal,
   SheetTitle,
   SheetTrigger
-} from "../../chunk-PMKODV6M.mjs";
-import "../../chunk-OXQQNQZI.mjs";
+} from "../../chunk-462HMNO4.mjs";
+import "../../chunk-FEZKMUCF.mjs";
 import "../../chunk-QOJ2DQD6.mjs";
-import "../../chunk-V7CNWJT3.mjs";
+import "../../chunk-VLQZANBF.mjs";
 import "../../chunk-FWCSY2DS.mjs";
 export {
   Sheet,

package/dist/components/ui/skeleton.js

@@ -53,8 +53,40 @@ module.exports = __toCommonJS(skeleton_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/skeleton.tsx

package/dist/components/ui/skeleton.mjs

@@ -1,7 +1,7 @@
 import {
   Skeleton
-} from "../../chunk-HS7TFG7V.mjs";
-import "../../chunk-V7CNWJT3.mjs";
+} from "../../chunk-D6ID6M4V.mjs";
+import "../../chunk-VLQZANBF.mjs";
 import "../../chunk-FWCSY2DS.mjs";
 export {
   Skeleton

package/dist/components/ui/slider.js

@@ -3,34 +3,8 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -60,101 +34,111 @@ __export(slider_exports, {
 });
 module.exports = __toCommonJS(slider_exports);
 var React = __toESM(require("react"));
+var import_slider = require("@base-ui/react/slider");
 
 // 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/slider.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var Slider = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, {
-      className,
-      value,
-      defaultValue = 0,
-      min = 0,
-      max = 100,
-      step = 1,
-      disabled = false,
-      onValueChange
-    } = _b, props = __objRest(_b, [
-      "className",
-      "value",
-      "defaultValue",
-      "min",
-      "max",
-      "step",
-      "disabled",
-      "onValueChange"
-    ]);
-    const [internalValue, setInternalValue] = React.useState(defaultValue);
-    const currentValue = value !== void 0 ? value : internalValue;
-    const percentage = (currentValue - min) / (max - min) * 100;
-    const handleChange = (e) => {
-      const newValue = Number(e.target.value);
-      if (value === void 0) {
-        setInternalValue(newValue);
-      }
-      onValueChange == null ? void 0 : onValueChange(newValue);
-    };
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      "div",
+  ({
+    className,
+    value,
+    defaultValue = 0,
+    min = 0,
+    max = 100,
+    step = 1,
+    disabled = false,
+    onValueChange
+  }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_slider.Slider.Root,
       {
+        ref,
+        value,
+        defaultValue,
+        min,
+        max,
+        step,
+        disabled,
+        thumbAlignment: "edge",
+        onValueChange: (val) => onValueChange == null ? void 0 : onValueChange(val),
         "data-slot": "slider",
         className: cn(
-          "relative flex w-full touch-none items-center select-none",
+          "relative w-full touch-none select-none",
           disabled && "opacity-50",
           className
         ),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "div",
-            {
-              "data-slot": "slider-track",
-              className: "relative h-2 w-full overflow-hidden rounded-full bg-muted",
-              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                "div",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_slider.Slider.Control,
+          {
+            className: "relative flex h-5 w-full cursor-pointer items-center",
+            "data-slot": "slider-control",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_slider.Slider.Track,
                 {
-                  "data-slot": "slider-range",
-                  className: "absolute h-full rounded-full bg-primary",
-                  style: { width: `${percentage}%` }
+                  className: "relative h-2 w-full overflow-hidden rounded-full bg-muted",
+                  "data-slot": "slider-track",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_slider.Slider.Indicator,
+                    {
+                      className: "absolute h-full rounded-full bg-primary",
+                      "data-slot": "slider-indicator"
+                    }
+                  )
                 }
-              )
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "input",
-            __spreadValues({
-              ref,
-              type: "range",
-              min,
-              max,
-              step,
-              value: currentValue,
-              disabled,
-              onChange: handleChange,
-              className: cn(
-                "absolute inset-0 h-full w-full cursor-pointer opacity-0",
-                disabled && "cursor-not-allowed"
-              )
-            }, props)
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "div",
-            {
-              "data-slot": "slider-thumb",
-              className: cn(
-                "pointer-events-none absolute top-1/2 -translate-x-1/2 -translate-y-1/2",
-                "block size-5 rounded-full border-2 border-primary bg-background shadow-sm"
               ),
-              style: { left: `${percentage}%` }
-            }
-          )
-        ]
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_slider.Slider.Thumb,
+                {
+                  className: cn(
+                    "block size-5 rounded-full border-2 border-primary bg-background shadow-sm",
+                    "outline-none"
+                  ),
+                  "data-slot": "slider-thumb"
+                }
+              )
+            ]
+          }
+        )
       }
     );
   }

package/dist/components/ui/slider.mjs

@@ -1,7 +1,7 @@
 import {
   Slider
-} from "../../chunk-K74JRTJR.mjs";
-import "../../chunk-V7CNWJT3.mjs";
+} from "../../chunk-Y6DWJSKZ.mjs";
+import "../../chunk-VLQZANBF.mjs";
 import "../../chunk-FWCSY2DS.mjs";
 export {
   Slider

package/dist/components/ui/spinner.js

@@ -56,8 +56,40 @@ var import_lucide_react = require("lucide-react");
 // 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/spinner.tsx