@cashdoc/cashdoc-cms-design-system 2.5.0 → 2.5.2

package/dist/index.es.js

@@ -13242,15 +13242,7 @@ function Nw(e) {
   return e ? "checked" : "unchecked";
 }
 var Aw = Ew, HT = Mw;
-const oi = 40, Vp = 3, UT = 26, GT = (e) => {
-  if (typeof e == "number")
-    return `${Math.max(e, oi)}px`;
-  if (typeof e == "string") {
-    const t = e.trim();
-    return t ? Number.isNaN(Number(t)) ? t : `${Math.max(Number(t), oi)}px` : `${oi}px`;
-  }
-  return `${oi}px`;
-}, KT = De(
+const UT = De(
   P(
     "peer group relative inline-flex items-center transition-colors",
     "box-border rounded-full border-2 border-transparent",
@@ -13277,7 +13269,15 @@ const oi = 40, Vp = 3, UT = 26, GT = (e) => {
       variant: "default"
     }
   }
-), qT = E.forwardRef(
+), oi = 40, Vp = 3, GT = 26, KT = (e) => {
+  if (typeof e == "number")
+    return `${Math.max(e, oi)}px`;
+  if (typeof e == "string") {
+    const t = e.trim();
+    return t ? Number.isNaN(Number(t)) ? t : `${Math.max(Number(t), oi)}px` : `${oi}px`;
+  }
+  return `${oi}px`;
+}, qT = E.forwardRef(
   ({
     className: e,
     variant: t,
@@ -13287,7 +13287,7 @@ const oi = 40, Vp = 3, UT = 26, GT = (e) => {
     style: a,
     ...i
   }, s) => {
-    const c = GT(r), l = `max(var(--switch-track-width), ${oi}px)`, d = `calc(var(--switch-track-width-safe) - ${UT}px)`, u = {
+    const c = KT(r), l = `max(var(--switch-track-width), ${oi}px)`, d = `calc(var(--switch-track-width-safe) - ${GT}px)`, u = {
       ...a,
       "--switch-track-width": c,
       "--switch-track-width-safe": l,
@@ -13297,7 +13297,7 @@ const oi = 40, Vp = 3, UT = 26, GT = (e) => {
     return /* @__PURE__ */ N(
       Aw,
       {
-        className: P(KT({ variant: t }), e),
+        className: P(UT({ variant: t }), e),
         ...i,
         style: u,
         ref: s,
@@ -13796,9 +13796,7 @@ var pI = "RadioGroupIndicator", qw = b.forwardRef(
 );
 qw.displayName = pI;
 var Xw = Uw, Zw = Kw, vI = qw;
-const gI = E.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ g(Xw, { className: e, ...t, ref: r }));
-gI.displayName = Xw.displayName;
-const yI = De(
+const gI = De(
   P(
     "flex items-center justify-center",
     "aspect-square rounded-full bg-cms-white",
@@ -13847,7 +13845,7 @@ const yI = De(
       size: "md"
     }
   }
-), bI = De(
+), yI = De(
   "flex aspect-square items-center justify-center rounded-full bg-current",
   {
     variants: {
@@ -13870,16 +13868,18 @@ const yI = De(
       size: "md"
     }
   }
-), wI = E.forwardRef(({ className: e, variant: t, size: r, ...n }, o) => /* @__PURE__ */ g(
+), bI = E.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ g(Xw, { className: e, ...t, ref: r }));
+bI.displayName = Xw.displayName;
+const wI = E.forwardRef(({ className: e, variant: t, size: r, ...n }, o) => /* @__PURE__ */ g(
   Zw,
   {
     ref: o,
-    className: P(yI({ variant: t, size: r }), e),
+    className: P(gI({ variant: t, size: r }), e),
     ...n,
     children: /* @__PURE__ */ g(
       vI,
       {
-        className: P(bI({ variant: t, size: r }))
+        className: P(yI({ variant: t, size: r }))
       }
     )
   }
@@ -14219,8 +14219,8 @@ const $I = ({
         },
         className: P(
           `
-              group flex w-full items-center gap-2 rounded-[4px] border-0 py-3.5
-              pr-1 pl-3
+              group flex w-full items-center justify-start gap-2 rounded-[4px]
+              border-0 py-3.5 pr-1 pl-3
             `,
           "text-[16px] leading-[22px] font-semibold",
           "cursor-pointer transition-colors duration-150",
@@ -14272,8 +14272,8 @@ const $I = ({
               onClick: () => o(c.url),
               className: P(
                 `
-                    flex w-full items-center gap-2 rounded-[4px] border-0
-                    bg-transparent py-3.5 pr-2 pl-7
+                    flex w-full items-center justify-start gap-2 rounded-[4px]
+                    border-0 bg-transparent py-3.5 pr-2 pl-7
                   `,
                 "cursor-pointer transition-colors duration-150",
                 "hover:bg-cms-surface-slate"
@@ -16608,7 +16608,7 @@ const yR = E.forwardRef(
     }
   )
 );
-yR.displayName = "ToolTip";
+yR.displayName = "Tooltip";
 const bR = De(
   "w-full caption-bottom [border-spacing:0] bg-cms-white text-[13px]",
   {
@@ -16622,7 +16622,42 @@ const bR = De(
       bordered: !1
     }
   }
-), ah = E.createContext({}), wR = E.forwardRef(
+), wR = De(
+  "border-b border-cms-gray-150 transition-colors",
+  {
+    variants: {
+      hoverable: {
+        true: "hover:bg-cms-gray-50",
+        false: ""
+      },
+      selected: {
+        true: "bg-cms-gray-100",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      hoverable: !1,
+      selected: !1
+    }
+  }
+), xR = De(
+  P(
+    "px-3.5 py-3 align-middle text-cms-gray-850",
+    "[&:has([role=checkbox])]:pr-0"
+  ),
+  {
+    variants: {
+      align: {
+        left: "text-left",
+        center: "text-center",
+        right: "text-right"
+      }
+    },
+    defaultVariants: {
+      align: "left"
+    }
+  }
+), ah = E.createContext({}), OR = E.forwardRef(
   ({ className: e, striped: t, hoverable: r, bordered: n, compact: o, ...a }, i) => {
     const {
       ref: s,
@@ -16684,8 +16719,8 @@ const bR = De(
     ) });
   }
 );
-wR.displayName = "Table";
-const xR = E.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ g(
+OR.displayName = "Table";
+const SR = E.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ g(
   "thead",
   {
     ref: r,
@@ -16699,8 +16734,8 @@ const xR = E.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ g(
     ...t
   }
 ));
-xR.displayName = "TableHeader";
-const OR = E.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ g(
+SR.displayName = "TableHeader";
+const CR = E.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ g(
   "tbody",
   {
     ref: r,
@@ -16708,8 +16743,8 @@ const OR = E.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ g(
     ...t
   }
 ));
-OR.displayName = "TableBody";
-const SR = E.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ g(
+CR.displayName = "TableBody";
+const _R = E.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ g(
   "tfoot",
   {
     ref: r,
@@ -16721,26 +16756,8 @@ const SR = E.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ g(
     ...t
   }
 ));
-SR.displayName = "TableFooter";
-const CR = De(
-  "border-b border-cms-gray-150 transition-colors",
-  {
-    variants: {
-      hoverable: {
-        true: "hover:bg-cms-gray-50",
-        false: ""
-      },
-      selected: {
-        true: "bg-cms-gray-100",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      hoverable: !1,
-      selected: !1
-    }
-  }
-), Jx = E.forwardRef(
+_R.displayName = "TableFooter";
+const Jx = E.forwardRef(
   ({ className: e, selected: t, ...r }, n) => {
     const { hoverable: o, striped: a } = E.useContext(ah);
     return /* @__PURE__ */ g(
@@ -16748,7 +16765,7 @@ const CR = De(
       {
         ref: n,
         className: P(
-          CR({ hoverable: o, selected: t }),
+          wR({ hoverable: o, selected: t }),
           a && "even:bg-cms-gray-50",
           e
         ),
@@ -16759,15 +16776,15 @@ const CR = De(
   }
 );
 Jx.displayName = "TableRow";
-const _R = {
+const ER = {
   left: "text-left",
   center: "text-center",
   right: "text-right"
-}, ER = {
+}, PR = {
   left: "justify-start",
   center: "justify-center",
   right: "justify-end"
-}, PR = E.forwardRef(
+}, MR = E.forwardRef(
   ({
     className: e,
     children: t,
@@ -16786,7 +16803,7 @@ const _R = {
         scope: i,
         className: P(
           "h-10 px-3.5 align-middle",
-          _R[a],
+          ER[a],
           "text-[12px] font-semibold text-cms-gray-600",
           "whitespace-nowrap",
           "border-0 border-b border-cms-gray-200",
@@ -16803,7 +16820,7 @@ const _R = {
             onClick: o,
             className: P(
               "flex w-full items-center",
-              ER[a],
+              PR[a],
               "cursor-pointer border-0 bg-transparent p-0 select-none",
               "font-[inherit] text-inherit",
               "focus-visible:outline-2 focus-visible:outline-offset-2",
@@ -16822,25 +16839,8 @@ const _R = {
     );
   }
 );
-PR.displayName = "TableHead";
-const MR = De(
-  P(
-    "px-3.5 py-3 align-middle text-cms-gray-850",
-    "[&:has([role=checkbox])]:pr-0"
-  ),
-  {
-    variants: {
-      align: {
-        left: "text-left",
-        center: "text-center",
-        right: "text-right"
-      }
-    },
-    defaultVariants: {
-      align: "left"
-    }
-  }
-), e1 = E.forwardRef(
+MR.displayName = "TableHead";
+const e1 = E.forwardRef(
   ({ className: e, align: t, ...r }, n) => {
     const { compact: o } = E.useContext(ah);
     return /* @__PURE__ */ g(
@@ -16848,7 +16848,7 @@ const MR = De(
       {
         ref: n,
         className: P(
-          MR({ align: t }),
+          xR({ align: t }),
           o && "px-2.5 py-1.5",
           e
         ),
@@ -35558,7 +35558,7 @@ export {
   Rk as PopoverContent,
   jk as PopoverMenuItem,
   cK as PopoverTrigger,
-  gI as RadioGroup,
+  bI as RadioGroup,
   wI as RadioGroupItem,
   YG as RefreshIcon,
   jG as SaveIcon,
@@ -35569,14 +35569,14 @@ export {
   jI as SideNavigation,
   p5 as SuccessModal,
   qT as Switch,
-  wR as Table,
-  OR as TableBody,
+  OR as Table,
+  CR as TableBody,
   NR as TableCaption,
   e1 as TableCell,
   kR as TableExpandableRow,
-  SR as TableFooter,
-  PR as TableHead,
-  xR as TableHeader,
+  _R as TableFooter,
+  MR as TableHead,
+  SR as TableHeader,
   Jx as TableRow,
   fK as Tabs,
   XR as TabsContent,
@@ -35593,6 +35593,7 @@ export {
   uK as Toaster,
   $E as ToggleButton,
   yR as ToolTip,
+  yR as Tooltip,
   $G as TrashIcon,
   QG as TrendingDownIcon,
   ZG as TrendingUpIcon,