@yuno-payments/dashboard-design-system 0.0.110 → 0.0.111

package/dist/components/atoms/combobox/combobox.js

@@ -2,10 +2,10 @@ import { j as t } from "../../../_virtual/jsx-runtime.js";
 import { forwardRef as Y, useState as y, useRef as Z, useEffect as I } from "react";
 import { cn as m } from "../../../lib/utils.js";
 import { Combobox as _, ComboboxTrigger as A, ComboboxContent as W } from "../../../vendor/shadcn/combobox.js";
+import { Icon as $ } from "../icon/icon.js";
 import { Label as P } from "../../../vendor/shadcn/label.js";
 import { Typography as C } from "../typography/typography.js";
 import { Badge as N } from "../badge/badge.js";
-import { Icon as $ } from "../icon/icon.js";
 import { Checkbox as ee } from "../checkbox/checkbox.js";
 const te = ({ message: n = "No results" }) => /* @__PURE__ */ t.jsx("div", { className: "p-4 text-center", children: /* @__PURE__ */ t.jsx(C, { variant: "sm", className: "text-muted-foreground", children: n }) }), se = Y(
   ({

package/dist/components/atoms/dots-menu/dots-menu.js

@@ -1,9 +1,9 @@
 import { j as e } from "../../../_virtual/jsx-runtime.js";
 import * as h from "react";
-import { cn as l } from "../../../lib/utils.js";
-import { DropdownMenu as x, DropdownMenuTrigger as f, DropdownMenuContent as j, DropdownMenuItem as w } from "../dropdown-menu/dropdown-menu.js";
-import { Button as g } from "../button/button.js";
+import { Button as x } from "../button/button.js";
 import { Icon as c } from "../icon/icon.js";
+import { cn as l } from "../../../lib/utils.js";
+import { DropdownMenu as f, DropdownMenuTrigger as j, DropdownMenuContent as w, DropdownMenuItem as g } from "../dropdown-menu/dropdown-menu.js";
 import { Tooltip as C } from "../tooltip/tooltip.js";
 const k = ({
   allowed: r,
@@ -24,9 +24,9 @@ const k = ({
   if (!r.actions || r.actions.length === 0)
     return null;
   const p = {};
-  return i !== void 0 && (p.marginBottom = `${i}px`), /* @__PURE__ */ e.jsx("div", { className: l("inline-flex relative", a), style: p, children: /* @__PURE__ */ e.jsxs(x, { open: o, onOpenChange: d, children: [
-    /* @__PURE__ */ e.jsx(f, { asChild: !0, disabled: t, children: /* @__PURE__ */ e.jsx(
-      g,
+  return i !== void 0 && (p.marginBottom = `${i}px`), /* @__PURE__ */ e.jsx("div", { className: l("inline-flex relative", a), style: p, children: /* @__PURE__ */ e.jsxs(f, { open: o, onOpenChange: d, children: [
+    /* @__PURE__ */ e.jsx(j, { asChild: !0, disabled: t, children: /* @__PURE__ */ e.jsx(
+      x,
       {
         disabled: t,
         variant: "ghost",
@@ -50,7 +50,7 @@ const k = ({
       }
     ) }),
     /* @__PURE__ */ e.jsx(
-      j,
+      w,
       {
         id: "dots-menu",
         align: "end",
@@ -60,7 +60,7 @@ const k = ({
           {
             allowed: s.allowed ?? !0,
             children: /* @__PURE__ */ e.jsxs(
-              w,
+              g,
               {
                 onClick: () => u(s),
                 disabled: !s.allowed,

package/dist/components/atoms/field/field.js

@@ -2,9 +2,9 @@ import { j as e } from "../../../_virtual/jsx-runtime.js";
 import { forwardRef as $, useId as E } from "react";
 import { InputGroup as G, InputGroupAddon as f, InputGroupInput as b } from "../../../vendor/shadcn/input-group.js";
 import { cn as a } from "../../../lib/utils.js";
-import { Field as w, FieldLabel as y, FieldDescription as z, FieldError as B } from "../../../vendor/shadcn/field.js";
+import { Button as w } from "../button/button.js";
 import { Icon as j } from "../icon/icon.js";
-import { Button as I } from "../button/button.js";
+import { Field as y, FieldLabel as z, FieldDescription as B, FieldError as I } from "../../../vendor/shadcn/field.js";
 const R = $(
   ({
     className: p,
@@ -24,14 +24,14 @@ const R = $(
   }, g) => {
     const F = E(), s = h || t?.id || F, n = !!i;
     return /* @__PURE__ */ e.jsxs(
-      w,
+      y,
       {
         orientation: N,
         "data-invalid": n,
         className: a("w-full", p),
         children: [
           c && /* @__PURE__ */ e.jsx(
-            y,
+            z,
             {
               htmlFor: s,
               className: a(d && "text-muted-foreground"),
@@ -82,10 +82,10 @@ const R = $(
                   }
                 ) })
               ] }),
-              o && /* @__PURE__ */ e.jsx(I, { disabled: d, ...o })
+              o && /* @__PURE__ */ e.jsx(w, { disabled: d, ...o })
             ] }),
-            l && !i && /* @__PURE__ */ e.jsx(z, { id: `${s}-description`, children: l }),
-            i && /* @__PURE__ */ e.jsx(B, { id: `${s}-description`, children: i })
+            l && !i && /* @__PURE__ */ e.jsx(B, { id: `${s}-description`, children: l }),
+            i && /* @__PURE__ */ e.jsx(I, { id: `${s}-description`, children: i })
           ] })
         ]
       }

package/dist/components/atoms/filter/filter.js

@@ -5,8 +5,8 @@ import { Badge as C } from "../../../vendor/shadcn/badge.js";
 import { Separator as p } from "../../../vendor/shadcn/separator.js";
 import { Checkbox as Q } from "../../../vendor/shadcn/checkbox.js";
 import { RadioGroup as E, RadioGroupItem as L } from "../../../vendor/shadcn/radio-group.js";
-import { cn as u } from "../../../lib/utils.js";
 import { Icon as y } from "../icon/icon.js";
+import { cn as u } from "../../../lib/utils.js";
 import { Field as k } from "../field/field.js";
 import { Tooltip as v } from "../tooltip/tooltip.js";
 const F = x(

package/dist/components/atoms/filter-dropdown/filter-dropdown.js

@@ -3,10 +3,10 @@ import { forwardRef as C, useState as D, useRef as H, useCallback as K, useEffec
 import { Button as E } from "../../../vendor/shadcn/button.js";
 import { Separator as F } from "../../../vendor/shadcn/separator.js";
 import { Badge as T } from "../../../vendor/shadcn/badge.js";
+import { Icon as g } from "../icon/icon.js";
 import { FilterSection as k } from "../filter/filter.js";
 import { FilterDateRange as $ } from "../filter/filter-date-range.js";
 import { cn as d } from "../../../lib/utils.js";
-import { Icon as g } from "../icon/icon.js";
 const S = C(
   ({ icon: s, label: h, isActive: r = !1, showChevron: m = !1, className: u, ...l }, b) => /* @__PURE__ */ t.jsxs(
     "button",

package/dist/components/atoms/search-field/search-field.js

@@ -2,9 +2,9 @@ import { j as t } from "../../../_virtual/jsx-runtime.js";
 import { forwardRef as U, useId as Y, useState as l, useRef as V, useEffect as z } from "react";
 import { cn as r } from "../../../lib/utils.js";
 import { Input as Z } from "../../../vendor/shadcn/input.js";
+import { Icon as w } from "../icon/icon.js";
 import { cva as D } from "../../../node_modules/class-variance-authority/dist/index.js";
 import { Label as K } from "../../../vendor/shadcn/label.js";
-import { Icon as w } from "../icon/icon.js";
 const P = D("flex gap-2 w-full", {
   variants: {
     layout: {

package/dist/components/atoms/select/search-select.js

@@ -2,10 +2,10 @@ import { j as e } from "../../../_virtual/jsx-runtime.js";
 import * as n from "react";
 import { cn as a } from "../../../lib/utils.js";
 import { FieldLabel as A } from "../../../vendor/shadcn/field.js";
+import { Icon as b } from "../icon/icon.js";
 import { Combobox as B, ComboboxTrigger as H, ComboboxContent as J } from "../../../vendor/shadcn/combobox.js";
 import { Command as K, CommandInput as M, CommandList as P, CommandEmpty as Q, CommandGroup as U, CommandItem as k } from "../../../vendor/shadcn/command.js";
 import { Typography as x } from "../typography/typography.js";
-import { Icon as b } from "../icon/icon.js";
 const W = n.forwardRef(
   ({
     label: j,

package/dist/components/molecules/breadcrumb/breadcrumb.js

@@ -1,8 +1,8 @@
 import { j as r } from "../../../_virtual/jsx-runtime.js";
 import { forwardRef as L, Fragment as i } from "react";
-import { Breadcrumb as C, BreadcrumbList as M, BreadcrumbItem as h, BreadcrumbEllipsis as E, BreadcrumbSeparator as I, BreadcrumbPage as N, BreadcrumbLink as V } from "../../../vendor/shadcn/breadcrumb.js";
+import { Icon as C } from "../../atoms/icon/icon.js";
+import { Breadcrumb as M, BreadcrumbList as E, BreadcrumbItem as h, BreadcrumbEllipsis as I, BreadcrumbSeparator as N, BreadcrumbPage as V, BreadcrumbLink as k } from "../../../vendor/shadcn/breadcrumb.js";
 import { DropdownMenu as u, DropdownMenuTrigger as x, DropdownMenuContent as j, DropdownMenuItem as p } from "../../../vendor/shadcn/dropdown-menu.js";
-import { Icon as k } from "../../atoms/icon/icon.js";
 const v = L(
   ({ items: s, separator: b, maxItems: l = 0, className: f }, m) => {
     const a = l > 0 && s.length > l, c = a ? [
@@ -16,20 +16,20 @@ const v = L(
       for (let n = e.length - 1; n >= 0; n--)
         if (e[n]) return n;
       return -1;
-    })(c), t = () => /* @__PURE__ */ r.jsx(I, { children: b }), B = (e) => /* @__PURE__ */ r.jsxs(u, { children: [
+    })(c), t = () => /* @__PURE__ */ r.jsx(N, { children: b }), B = (e) => /* @__PURE__ */ r.jsxs(u, { children: [
       /* @__PURE__ */ r.jsxs(x, { className: "flex items-center gap-1 text-sm text-neutral-500 hover:text-neutral-700 transition-colors", children: [
         e.label,
-        /* @__PURE__ */ r.jsx(k, { name: "CaretDown", className: "size-4" })
+        /* @__PURE__ */ r.jsx(C, { name: "CaretDown", className: "size-4" })
       ] }),
       /* @__PURE__ */ r.jsx(j, { children: e.dropdown?.map((n, o) => /* @__PURE__ */ r.jsx(p, { asChild: !0, children: /* @__PURE__ */ r.jsx("a", { href: n.href, children: n.label }) }, o)) })
-    ] }), w = (e, n) => n ? /* @__PURE__ */ r.jsx(N, { children: e.label }) : /* @__PURE__ */ r.jsx(V, { href: e.href, children: e.label }), D = () => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    ] }), w = (e, n) => n ? /* @__PURE__ */ r.jsx(V, { children: e.label }) : /* @__PURE__ */ r.jsx(k, { href: e.href, children: e.label }), D = () => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
       /* @__PURE__ */ r.jsx(h, { children: /* @__PURE__ */ r.jsxs(u, { children: [
-        /* @__PURE__ */ r.jsx(x, { children: /* @__PURE__ */ r.jsx(E, {}) }),
+        /* @__PURE__ */ r.jsx(x, { children: /* @__PURE__ */ r.jsx(I, {}) }),
         /* @__PURE__ */ r.jsx(j, { children: d.map((e, n) => /* @__PURE__ */ r.jsx(p, { asChild: !0, children: /* @__PURE__ */ r.jsx("a", { href: e.href, children: e.label }) }, n)) })
       ] }) }),
       t()
     ] });
-    return /* @__PURE__ */ r.jsx(C, { ref: m, className: f, children: /* @__PURE__ */ r.jsx(M, { children: c.map((e, n) => {
+    return /* @__PURE__ */ r.jsx(M, { ref: m, className: f, children: /* @__PURE__ */ r.jsx(E, { children: c.map((e, n) => {
       if (e === null && d.length > 0)
         return /* @__PURE__ */ r.jsx(i, { children: D() }, n);
       if (!e) return null;

package/dist/components/organisms/data-table/components/column-header/data-table-column-header-content.js

@@ -1,8 +1,8 @@
 import { j as e } from "../../../../../_virtual/jsx-runtime.js";
+import { Icon as o } from "../../../../atoms/icon/icon.js";
 import { cn as u } from "../../../../../lib/utils.js";
 import { DataTableSortIndicator as f } from "./data-table-sort-indicator.js";
 import { COLUMN_HEADER_CONFIG as t } from "../../utils/data-table-constants.js";
-import { Icon as o } from "../../../../atoms/icon/icon.js";
 import { DropdownMenuTrigger as d } from "../../../../atoms/dropdown-menu/dropdown-menu.js";
 function N({
   title: r,

package/dist/components/organisms/data-table/components/column-header/data-table-column-header-menu.js

@@ -1,6 +1,6 @@
 import { j as e } from "../../../../../_virtual/jsx-runtime.js";
-import { DropdownMenuContent as g, DropdownMenuItem as n, DropdownMenuSeparator as o } from "../../../../atoms/dropdown-menu/dropdown-menu.js";
-import { Icon as i } from "../../../../atoms/icon/icon.js";
+import { Icon as n } from "../../../../atoms/icon/icon.js";
+import { DropdownMenuContent as g, DropdownMenuItem as i, DropdownMenuSeparator as o } from "../../../../atoms/dropdown-menu/dropdown-menu.js";
 function p({
   column: s,
   isLastVisibleColumn: r,
@@ -9,63 +9,63 @@ function p({
   const l = s.getCanSort(), d = s.getCanPin(), x = s.getCanHide(), t = s.getIsPinned(), c = s.getIsSorted();
   return /* @__PURE__ */ e.jsxs(g, { align: "start", children: [
     l && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsxs(n, { onClick: () => s.toggleSorting(!1), children: [
-        /* @__PURE__ */ e.jsx(i, { name: "ArrowUp", size: "sm" }),
+      /* @__PURE__ */ e.jsxs(i, { onClick: () => s.toggleSorting(!1), children: [
+        /* @__PURE__ */ e.jsx(n, { name: "ArrowUp", size: "sm" }),
         "Ascending"
       ] }),
-      /* @__PURE__ */ e.jsxs(n, { onClick: () => s.toggleSorting(!0), children: [
-        /* @__PURE__ */ e.jsx(i, { name: "ArrowDown", size: "sm" }),
+      /* @__PURE__ */ e.jsxs(i, { onClick: () => s.toggleSorting(!0), children: [
+        /* @__PURE__ */ e.jsx(n, { name: "ArrowDown", size: "sm" }),
         "Descending"
       ] }),
-      c && /* @__PURE__ */ e.jsxs(n, { onClick: () => s.clearSorting(), children: [
-        /* @__PURE__ */ e.jsx(i, { name: "X", size: "sm" }),
+      c && /* @__PURE__ */ e.jsxs(i, { onClick: () => s.clearSorting(), children: [
+        /* @__PURE__ */ e.jsx(n, { name: "X", size: "sm" }),
         "Clear sorting"
       ] }),
       /* @__PURE__ */ e.jsx(o, {})
     ] }),
     d && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs(
-        n,
+        i,
         {
           onClick: () => s.pin("left"),
           disabled: t === "left",
           children: [
-            /* @__PURE__ */ e.jsx(i, { name: "PushPinSimple", size: "sm" }),
+            /* @__PURE__ */ e.jsx(n, { name: "PushPinSimple", size: "sm" }),
             "Pin to the left"
           ]
         }
       ),
       /* @__PURE__ */ e.jsxs(
-        n,
+        i,
         {
           onClick: () => s.pin("right"),
           disabled: t === "right",
           children: [
-            /* @__PURE__ */ e.jsx(i, { name: "PushPinSimple", size: "sm" }),
+            /* @__PURE__ */ e.jsx(n, { name: "PushPinSimple", size: "sm" }),
             "Pin to the right"
           ]
         }
       ),
-      t && /* @__PURE__ */ e.jsxs(n, { onClick: () => s.pin(!1), children: [
-        /* @__PURE__ */ e.jsx(i, { name: "PushPinSimpleSlash", size: "sm" }),
+      t && /* @__PURE__ */ e.jsxs(i, { onClick: () => s.pin(!1), children: [
+        /* @__PURE__ */ e.jsx(n, { name: "PushPinSimpleSlash", size: "sm" }),
         "Unpin"
       ] }),
       /* @__PURE__ */ e.jsx(o, {})
     ] }),
     x && /* @__PURE__ */ e.jsxs(
-      n,
+      i,
       {
         onClick: () => s.toggleVisibility(!1),
         disabled: r,
         children: [
-          /* @__PURE__ */ e.jsx(i, { name: "EyeSlash", size: "sm" }),
+          /* @__PURE__ */ e.jsx(n, { name: "EyeSlash", size: "sm" }),
           "Hide",
           r && /* @__PURE__ */ e.jsx("span", { className: "ml-auto text-xs text-muted-foreground", children: "(Last column)" })
         ]
       }
     ),
-    /* @__PURE__ */ e.jsxs(n, { onClick: a, children: [
-      /* @__PURE__ */ e.jsx(i, { name: "Columns", size: "sm" }),
+    /* @__PURE__ */ e.jsxs(i, { onClick: a, children: [
+      /* @__PURE__ */ e.jsx(n, { name: "Columns", size: "sm" }),
       "Manage columns"
     ] })
   ] });

package/dist/components/organisms/data-table/components/column-header/data-table-column-header.js

@@ -1,10 +1,10 @@
 import { j as e } from "../../../../../_virtual/jsx-runtime.js";
+import { Icon as b } from "../../../../atoms/icon/icon.js";
 import { cn as m } from "../../../../../lib/utils.js";
-import { useColumnHeader as b } from "../../hooks/use-column-header.js";
-import { DataTableColumnHeaderMenu as D } from "./data-table-column-header-menu.js";
-import { DataTableManageColumnsDialog as O } from "../dialogs/data-table-manage-columns-dialog.js";
-import { DataTableColumnHeaderContent as v } from "./data-table-column-header-content.js";
-import { Icon as H } from "../../../../atoms/icon/icon.js";
+import { useColumnHeader as D } from "../../hooks/use-column-header.js";
+import { DataTableColumnHeaderMenu as O } from "./data-table-column-header-menu.js";
+import { DataTableManageColumnsDialog as v } from "../dialogs/data-table-manage-columns-dialog.js";
+import { DataTableColumnHeaderContent as H } from "./data-table-column-header-content.js";
 import { DropdownMenu as I } from "../../../../atoms/dropdown-menu/dropdown-menu.js";
 function z({
   column: o,
@@ -28,10 +28,10 @@ function z({
     visibleColumnsCount: j,
     isLastVisibleColumn: M,
     handleManageColumnsClick: h
-  } = b(o, l);
+  } = D(o, l);
   return !i && !x ? /* @__PURE__ */ e.jsxs("div", { className: m("flex items-center gap-2", a), children: [
     n && /* @__PURE__ */ e.jsx(
-      H,
+      b,
       {
         name: "Info",
         size: "sm",
@@ -43,7 +43,7 @@ function z({
   ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("div", { className: m("flex items-center gap-2", a), children: /* @__PURE__ */ e.jsxs(I, { open: t, onOpenChange: p, children: [
       /* @__PURE__ */ e.jsx(
-        v,
+        H,
         {
           title: s,
           info: n,
@@ -57,7 +57,7 @@ function z({
         }
       ),
       /* @__PURE__ */ e.jsx(
-        D,
+        O,
         {
           column: o,
           isLastVisibleColumn: M,
@@ -66,7 +66,7 @@ function z({
       )
     ] }) }),
     /* @__PURE__ */ e.jsx(
-      O,
+      v,
       {
         isOpen: d,
         onOpenChange: C,

package/dist/components/organisms/data-table/hooks/use-data-table-columns.js

@@ -1,10 +1,10 @@
 import { j as n } from "../../../../_virtual/jsx-runtime.js";
 import * as C from "react";
+import { Button as S } from "../../../atoms/button/button.js";
 import { DataTableColumnHeader as f } from "../components/column-header/data-table-column-header.js";
-import { isHeaderConfig as S } from "../utils/data-table-utils.js";
+import { isHeaderConfig as h } from "../utils/data-table-utils.js";
 import { ACTIONS_COLUMN_CONFIG as c } from "../utils/data-table-constants.js";
 import { Checkbox as u } from "../../../atoms/checkbox/checkbox.js";
-import { Button as h } from "../../../atoms/button/button.js";
 function P({
   columns: g,
   checkboxSelection: d = !1,
@@ -24,7 +24,7 @@ function P({
             title: e
           }
         )
-      } : S(e) ? {
+      } : h(e) ? {
         ...o,
         enablePinning: i,
         header: ({ column: s, table: m }) => /* @__PURE__ */ n.jsx(
@@ -65,7 +65,7 @@ function P({
         id: "actions",
         header: "",
         cell: ({ row: e }) => a.render ? /* @__PURE__ */ n.jsx(n.Fragment, { children: a.render(e.original) }) : /* @__PURE__ */ n.jsx(
-          h,
+          S,
           {
             variant: "ghost",
             size: "icon",

package/dist/components/organisms/sheet/sheet.js

@@ -5,9 +5,9 @@ import { cva as g } from "../../../node_modules/class-variance-authority/dist/in
 import { normalizeDimension as p, cn as r } from "../../../lib/utils.js";
 import { useBodyScrollLock as M } from "../../../hooks/use-body-scroll-lock.js";
 import { useEscapeKey as R } from "../../../hooks/use-escape-key.js";
-import { Typography as x } from "../../atoms/typography/typography.js";
-import { Button as b } from "../../atoms/button/button.js";
 import { Icon as W } from "../../atoms/icon/icon.js";
+import { Button as x } from "../../atoms/button/button.js";
+import { Typography as b } from "../../atoms/typography/typography.js";
 const D = g(
   "fixed z-[1000000] bg-background shadow-lg transition-transform duration-300 ease-in-out",
   {
@@ -117,7 +117,7 @@ const D = g(
                 children: [
                   /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-1", children: [
                     l && /* @__PURE__ */ e.jsx(
-                      x,
+                      b,
                       {
                         id: "sheet-title",
                         as: "h2",
@@ -127,7 +127,7 @@ const D = g(
                       }
                     ),
                     o && /* @__PURE__ */ e.jsx(
-                      x,
+                      b,
                       {
                         id: "sheet-description",
                         variant: "muted",
@@ -137,7 +137,7 @@ const D = g(
                     )
                   ] }),
                   /* @__PURE__ */ e.jsx(
-                    b,
+                    x,
                     {
                       variant: "ghost",
                       size: "icon",
@@ -159,7 +159,7 @@ const D = g(
                   z
                 ),
                 children: c.map((t, C) => /* @__PURE__ */ e.jsx(
-                  b,
+                  x,
                   {
                     disabled: T || t.disabled,
                     ...t

package/dist/components/organisms/tutorial/tutorial.js

@@ -1,9 +1,9 @@
 import { j as e } from "../../../_virtual/jsx-runtime.js";
 import { forwardRef as C } from "react";
 import { cn as j } from "../../../lib/utils.js";
-import { Typography as c } from "../../atoms/typography/typography.js";
-import { Button as x } from "../../atoms/button/button.js";
+import { Button as c } from "../../atoms/button/button.js";
 import { Icon as y } from "../../atoms/icon/icon.js";
+import { Typography as x } from "../../atoms/typography/typography.js";
 import { Link as b } from "../../atoms/link/link.js";
 import { Badge as w } from "../../atoms/badge/badge.js";
 const B = C(
@@ -46,9 +46,9 @@ const B = C(
           style: i ? { maxWidth: `${i}px` } : void 0,
           children: [
             /* @__PURE__ */ e.jsxs("div", { className: "flex items-start justify-between gap-4 mb-3", children: [
-              /* @__PURE__ */ e.jsx("div", { className: "flex-1", children: a.title && /* @__PURE__ */ e.jsx(c, { variant: "h4", className: "text-base font-semibold", children: a.title }) }),
+              /* @__PURE__ */ e.jsx("div", { className: "flex-1", children: a.title && /* @__PURE__ */ e.jsx(x, { variant: "h4", className: "text-base font-semibold", children: a.title }) }),
               !a.hideCloseButton && /* @__PURE__ */ e.jsx(
-                x,
+                c,
                 {
                   variant: "ghost",
                   size: "icon",
@@ -58,7 +58,7 @@ const B = C(
                 }
               )
             ] }),
-            /* @__PURE__ */ e.jsx("div", { className: "mb-5", children: /* @__PURE__ */ e.jsx(c, { variant: "sm", className: "text-muted-foreground font-normal", children: a.content }) }),
+            /* @__PURE__ */ e.jsx("div", { className: "mb-5", children: /* @__PURE__ */ e.jsx(x, { variant: "sm", className: "text-muted-foreground font-normal", children: a.content }) }),
             /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
               t && h !== (d ?? 0) - 1 && /* @__PURE__ */ e.jsx("div", { className: "flex-1", children: /* @__PURE__ */ e.jsx(
                 b,
@@ -70,13 +70,13 @@ const B = C(
                   children: t.title
                 }
               ) }),
-              (d ?? 0) > 1 && /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e.jsxs(c, { variant: "xs", className: "text-muted-foreground mr-6", children: [
+              (d ?? 0) > 1 && /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e.jsxs(x, { variant: "xs", className: "text-muted-foreground mr-6", children: [
                 "Step ",
                 (h ?? 0) + 1,
                 " of ",
                 d
               ] }) }),
-              o && n && /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e.jsx(x, { size: "default", ...n, children: n.title }) })
+              o && n && /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e.jsx(c, { size: "default", ...n, children: n.title }) })
             ] }),
             !o && r.length > 0 && /* @__PURE__ */ e.jsxs(
               "div",
@@ -88,7 +88,7 @@ const B = C(
                 children: [
                   v && f && /* @__PURE__ */ e.jsx(w, { variant: "default", className: "bg-green-100 text-green-800", children: f }),
                   r.map((s, m) => /* @__PURE__ */ e.jsx(
-                    x,
+                    c,
                     {
                       variant: s.variant || "default",
                       size: s.size || "default",