@wealthx/shadcn 1.2.2 → 1.3.0

package/dist/components/ui/date-picker.js

@@ -167,10 +167,10 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
         default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
         secondary: "bg-brand-secondary text-brand-secondary-foreground shadow-xs hover:bg-brand-secondary/80 focus-visible:ring-brand-secondary/30",
         destructive: "bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
-        outline: "border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        outline: "border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground focus-visible:ring-border/50 dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
         "outline-primary": "border border-primary text-foreground bg-transparent shadow-xs hover:bg-primary/5 focus-visible:ring-primary/50",
         "outline-secondary": "border border-brand-secondary text-brand-secondary bg-transparent shadow-xs hover:bg-brand-secondary/10 focus-visible:ring-brand-secondary/30",
-        ghost: "hover:bg-accent hover:text-accent-foreground hover:shadow-xs dark:hover:bg-accent/50",
+        ghost: "hover:bg-accent hover:text-accent-foreground hover:shadow-xs focus-visible:ring-border/50 dark:hover:bg-accent/50",
         link: "text-primary underline-offset-4 hover:underline"
       },
       size: {
@@ -231,11 +231,30 @@ var Button = (0, import_react.forwardRef)(function Button2(_a, ref) {
   );
 });
 
+// src/components/ui/input.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function Input(_a) {
+  var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "input",
+    __spreadValues({
+      className: cn(
+        "h-9 w-full min-w-0 border border-input bg-transparent px-3 py-1 text-body-medium font-sans shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-label-medium file:text-foreground placeholder:font-normal placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 dark:bg-input/30",
+        "focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/20",
+        "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
+        className
+      ),
+      "data-slot": "input",
+      type
+    }, props)
+  );
+}
+
 // src/components/ui/calendar.tsx
 var React2 = __toESM(require("react"));
 var import_lucide_react2 = require("lucide-react");
 var import_react_day_picker = require("react-day-picker");
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function CalendarRoot(_a) {
   var _b = _a, {
     className,
@@ -244,7 +263,7 @@ function CalendarRoot(_a) {
     "className",
     "rootRef"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "div",
     __spreadValues({
       className: cn(className),
@@ -262,12 +281,12 @@ function CalendarChevron(_a) {
     "orientation"
   ]);
   if (orientation === "left") {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.ChevronLeftIcon, __spreadValues({ className: cn("size-4", className) }, props));
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.ChevronLeftIcon, __spreadValues({ className: cn("size-4", className) }, props));
   }
   if (orientation === "right") {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.ChevronRightIcon, __spreadValues({ className: cn("size-4", className) }, props));
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.ChevronRightIcon, __spreadValues({ className: cn("size-4", className) }, props));
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.ChevronDownIcon, __spreadValues({ className: cn("size-4", className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.ChevronDownIcon, __spreadValues({ className: cn("size-4", className) }, props));
 }
 function CalendarWeekNumber(_a) {
   var _b = _a, {
@@ -275,7 +294,7 @@ function CalendarWeekNumber(_a) {
   } = _b, props = __objRest(_b, [
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) }));
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("td", __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) }));
 }
 function Calendar(_a) {
   var _b = _a, {
@@ -296,7 +315,7 @@ function Calendar(_a) {
     "components"
   ]);
   const defaultClassNames = (0, import_react_day_picker.getDefaultClassNames)();
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     import_react_day_picker.DayPicker,
     __spreadValues({
       captionLayout,
@@ -411,7 +430,7 @@ function CalendarDayButton(_a) {
     if (modifiers.focused) (_a2 = ref.current) == null ? void 0 : _a2.focus();
   }, [modifiers.focused]);
   const selectedSingle = modifiers.selected && !modifiers.range_start && !modifiers.range_end ? !modifiers.range_middle : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     Button,
     __spreadValues({
       className: cn(
@@ -436,21 +455,21 @@ var import_popover = require("@base-ui/react/popover");
 
 // src/lib/theme-provider.tsx
 var import_react2 = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var ThemeVarsContext = (0, import_react2.createContext)({});
 function useThemeVars() {
   return (0, import_react2.useContext)(ThemeVarsContext);
 }
 
 // src/components/ui/popover.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function Popover(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.Popover.Root, __spreadValues({ "data-slot": "popover" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_popover.Popover.Root, __spreadValues({ "data-slot": "popover" }, props));
 }
 function PopoverTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.Popover.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_popover.Popover.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
 }
 function PopoverContent(_a) {
   var _b = _a, {
@@ -465,13 +484,13 @@ function PopoverContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     import_popover.Popover.Positioner,
     {
       className: "z-[200]",
       align,
       sideOffset,
-      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         import_popover.Popover.Popup,
         __spreadValues({
           className: cn(
@@ -487,7 +506,7 @@ function PopoverContent(_a) {
 }
 
 // src/components/ui/date-picker.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function DatePicker({
   value,
   onChange,
@@ -522,15 +541,17 @@ function DatePicker({
   } else if (value) {
     displayValue = (0, import_date_fns.format)(value, "dd/MM/yyyy");
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Popover, { onOpenChange: disabled ? void 0 : setOpen, open, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Popover, { onOpenChange: disabled ? void 0 : setOpen, open, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
       PopoverTrigger,
       {
-        render: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        render: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           Button,
           {
             className: cn(
               "w-full justify-start rounded-none font-normal data-[empty=true]:text-muted-foreground",
+              // Show open/focus state when the popover is expanded
+              "aria-expanded:border-ring aria-expanded:ring-2 aria-expanded:ring-ring/20",
               className
             ),
             "data-empty": !value,
@@ -540,18 +561,18 @@ function DatePicker({
           }
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react3.CalendarIcon, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react3.CalendarIcon, {}),
           value ? displayValue : placeholder
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
       PopoverContent,
       {
         align: "start",
         className: "w-auto rounded-none p-0 shadow-sm",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             Calendar,
             __spreadProps(__spreadValues({
               captionLayout: "dropdown",
@@ -565,12 +586,12 @@ function DatePicker({
               )
             })
           ),
-          showTimePicker ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "border-t border-border px-3 pb-3 pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "mb-1.5 block text-xs font-medium text-muted-foreground", children: [
+          showTimePicker ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "border-t border-border px-3 pb-3 pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { className: "mb-1.5 block text-xs font-medium text-muted-foreground", children: [
             "Time",
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-              "input",
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              Input,
               {
-                className: "mt-1.5 h-8 w-full rounded-none border border-input bg-transparent px-2 text-sm font-sans outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
+                className: "mt-1.5 h-8",
                 onChange: handleTimeChange,
                 type: "time",
                 value: timeValue

package/dist/components/ui/date-picker.mjs

@@ -1,9 +1,10 @@
 import {
   DatePicker
-} from "../../chunk-5MEWU56Z.mjs";
-import "../../chunk-P6AM5V7O.mjs";
+} from "../../chunk-DUJTAXMH.mjs";
 import "../../chunk-3GF7OVTP.mjs";
-import "../../chunk-2I5S2AMY.mjs";
+import "../../chunk-OODBHKG7.mjs";
+import "../../chunk-GYMYRIZP.mjs";
+import "../../chunk-XREGSKX3.mjs";
 import "../../chunk-DBHJ5KC3.mjs";
 import "../../chunk-FEZKMUCF.mjs";
 import "../../chunk-QOJ2DQD6.mjs";

package/dist/components/ui/dialog.js

@@ -183,10 +183,10 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
         default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
         secondary: "bg-brand-secondary text-brand-secondary-foreground shadow-xs hover:bg-brand-secondary/80 focus-visible:ring-brand-secondary/30",
         destructive: "bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
-        outline: "border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        outline: "border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground focus-visible:ring-border/50 dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
         "outline-primary": "border border-primary text-foreground bg-transparent shadow-xs hover:bg-primary/5 focus-visible:ring-primary/50",
         "outline-secondary": "border border-brand-secondary text-brand-secondary bg-transparent shadow-xs hover:bg-brand-secondary/10 focus-visible:ring-brand-secondary/30",
-        ghost: "hover:bg-accent hover:text-accent-foreground hover:shadow-xs dark:hover:bg-accent/50",
+        ghost: "hover:bg-accent hover:text-accent-foreground hover:shadow-xs focus-visible:ring-border/50 dark:hover:bg-accent/50",
         link: "text-primary underline-offset-4 hover:underline"
       },
       size: {
@@ -283,38 +283,65 @@ function DialogOverlay(_a) {
     }, props)
   );
 }
+var DIALOG_MAX_WIDTHS = {
+  sm: "24rem",
+  md: "28rem",
+  lg: "32rem",
+  xl: "36rem",
+  "2xl": "42rem",
+  "3xl": "48rem",
+  "4xl": "56rem",
+  full: "100%"
+};
+var DIALOG_AUTO_MIN_WIDTH = "20rem";
 function DialogContent(_a) {
   var _b = _a, {
     className,
     children,
     showCloseButton = true,
-    style
+    style,
+    container,
+    align = "center",
+    size = "lg",
+    minWidth
   } = _b, props = __objRest(_b, [
     "className",
     "children",
     "showCloseButton",
-    "style"
+    "style",
+    "container",
+    "align",
+    "size",
+    "minWidth"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(DialogPortal, { children: [
+  const isAuto = size === "auto";
+  const sizeStyle = isAuto ? { minWidth: minWidth != null ? minWidth : DIALOG_AUTO_MIN_WIDTH } : { maxWidth: DIALOG_MAX_WIDTHS[size] };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(DialogPortal, { container: container != null ? container : void 0, children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DialogOverlay, { style: themeVars }),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       import_dialog.Dialog.Popup,
       __spreadProps(__spreadValues({
         className: cn(
-          // WealthX: removed rounded-lg (sharp corners), shadow-lg (flat panels), foreground/50 scrim via DialogOverlay
-          "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 duration-200 outline-none 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 sm:max-w-lg",
+          // WealthX: removed rounded-lg (sharp corners), shadow-lg (flat panels)
+          // max-w-[calc(100%-2rem)] acts as a viewport-edge guard on all sizes.
+          // Fixed max-width is applied via inline style (sizeStyle) to avoid
+          // Tailwind v4 class-scanning gaps with dynamic class lookups.
+          "fixed left-[50%] z-50 grid max-w-[calc(100%-2rem)] translate-x-[-50%] gap-4 border bg-background p-6 duration-200 outline-none 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",
+          // "auto" → hug content (with min-width floor); fixed sizes → fill to max-width
+          isAuto ? "w-auto" : "w-full",
+          align === "center" ? "top-[50%] translate-y-[-50%]" : "top-4 translate-y-0",
           className
         ),
         "data-slot": "dialog-content",
-        style: __spreadValues(__spreadValues({}, themeVars), style)
+        style: __spreadValues(__spreadValues(__spreadValues({}, themeVars), sizeStyle), style)
       }, props), {
         children: [
           children,
           showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
             import_dialog.Dialog.Close,
             {
-              className: "absolute top-4 right-4 transition-colors hover:bg-foreground/5 focus:outline-hidden focus:ring-2 focus:ring-border focus:ring-offset-0 disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+              className: "absolute top-4 right-4 inline-flex size-7 items-center justify-center transition-colors hover:bg-foreground/5 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border focus-visible:ring-offset-0 disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
               "data-slot": "dialog-close",
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.XIcon, {}),
@@ -367,6 +394,7 @@ function DialogFooter(_a) {
           import_dialog.Dialog.Close,
           {
             className: cn(buttonVariants({ variant: "outline" })),
+            type: "button",
             children: "Close"
           }
         ) : null

package/dist/components/ui/dialog.mjs

@@ -9,8 +9,8 @@ import {
   DialogPortal,
   DialogTitle,
   DialogTrigger
-} from "../../chunk-XIRTEFKH.mjs";
-import "../../chunk-2I5S2AMY.mjs";
+} from "../../chunk-6DZEXFNB.mjs";
+import "../../chunk-XREGSKX3.mjs";
 import "../../chunk-DBHJ5KC3.mjs";
 import "../../chunk-FEZKMUCF.mjs";
 import "../../chunk-QOJ2DQD6.mjs";

package/dist/components/ui/expense-bar-chart.js

@@ -134,7 +134,7 @@ function CardHeader(_a) {
     "div",
     __spreadValues({
       className: cn(
-        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-center gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
         className
       ),
       "data-slot": "card-header"
@@ -298,10 +298,10 @@ var buttonVariants = (0, import_class_variance_authority2.cva)(
         default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
         secondary: "bg-brand-secondary text-brand-secondary-foreground shadow-xs hover:bg-brand-secondary/80 focus-visible:ring-brand-secondary/30",
         destructive: "bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
-        outline: "border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        outline: "border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground focus-visible:ring-border/50 dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
         "outline-primary": "border border-primary text-foreground bg-transparent shadow-xs hover:bg-primary/5 focus-visible:ring-primary/50",
         "outline-secondary": "border border-brand-secondary text-brand-secondary bg-transparent shadow-xs hover:bg-brand-secondary/10 focus-visible:ring-brand-secondary/30",
-        ghost: "hover:bg-accent hover:text-accent-foreground hover:shadow-xs dark:hover:bg-accent/50",
+        ghost: "hover:bg-accent hover:text-accent-foreground hover:shadow-xs focus-visible:ring-border/50 dark:hover:bg-accent/50",
         link: "text-primary underline-offset-4 hover:underline"
       },
       size: {
@@ -454,7 +454,14 @@ function ChartPeriodButton({
 
 // src/components/ui/expense-bar-chart.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
-import_chart.Chart.register(import_chart.CategoryScale, import_chart.LinearScale, import_chart.BarController, import_chart.BarElement, import_chart.Tooltip, import_chart.Legend);
+import_chart.Chart.register(
+  import_chart.CategoryScale,
+  import_chart.LinearScale,
+  import_chart.BarController,
+  import_chart.BarElement,
+  import_chart.Tooltip,
+  import_chart.Legend
+);
 function ExpenseBarChart({
   expenseData,
   title = "Expenses",
@@ -593,7 +600,7 @@ function ExpenseBarChart({
       style: { maxWidth: width, fontFamily },
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(CardHeader, { className: "px-3 sm:px-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CardTitle, { className: "text-sm sm:text-base", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CardTitle, { className: "text-xs font-semibold uppercase tracking-wide", children: title }),
           /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CardAction, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex gap-0.5 sm:gap-1", children: periods.map((p) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
             ChartPeriodButton,
             {

package/dist/components/ui/expense-bar-chart.mjs

@@ -1,11 +1,12 @@
 import {
   ExpenseBarChart
-} from "../../chunk-K3JYD4IU.mjs";
+} from "../../chunk-5IS7G74I.mjs";
 import "../../chunk-D6ID6M4V.mjs";
-import "../../chunk-FZIXGLMV.mjs";
+import "../../chunk-M3FV7LOK.mjs";
+import "../../chunk-MN5NYQCL.mjs";
 import "../../chunk-NQPOYKAQ.mjs";
-import "../../chunk-CLIN5525.mjs";
-import "../../chunk-2I5S2AMY.mjs";
+import "../../chunk-C7CQJNMR.mjs";
+import "../../chunk-XREGSKX3.mjs";
 import "../../chunk-DBHJ5KC3.mjs";
 import "../../chunk-FEZKMUCF.mjs";
 import "../../chunk-QOJ2DQD6.mjs";

package/dist/components/ui/field.mjs

@@ -9,9 +9,9 @@ import {
   FieldSeparator,
   FieldSet,
   FieldTitle
-} from "../../chunk-LLVQKSU3.mjs";
-import "../../chunk-FH6QVUVZ.mjs";
+} from "../../chunk-GD4BJDJR.mjs";
 import "../../chunk-NSLMILBT.mjs";
+import "../../chunk-FH6QVUVZ.mjs";
 import "../../chunk-VLQZANBF.mjs";
 import "../../chunk-FWCSY2DS.mjs";
 export {