@yuno-payments/dashboard-design-system 2.0.6 → 2.0.8

package/dist/components/atoms/checkbox/checkbox.js

@@ -1,9 +1,9 @@
 import { j as e } from "../../../_virtual/jsx-runtime.js";
-import { forwardRef as g, useId as C } from "react";
-import { Checkbox as j } from "../../../vendor/shadcn/checkbox.js";
-import { cn as x } from "../../../lib/utils.js";
-import { Label as k } from "../label/label.js";
-const v = g(
+import { forwardRef as g, useId as v } from "react";
+import { Checkbox as C } from "../../../vendor/shadcn/checkbox.js";
+import { cn as m } from "../../../lib/utils.js";
+import { Label as j } from "../label/label.js";
+const k = g(
   ({
     label: n,
     description: c,
@@ -15,7 +15,7 @@ const v = g(
     info: l,
     ...p
   }, h) => {
-    const u = C(), o = i || t || u, d = (r) => {
+    const u = v(), o = i || t || u, d = (r) => {
       if (!a) return;
       a({
         target: {
@@ -35,8 +35,8 @@ const v = g(
         stopPropagation: () => {
         }
       });
-    }, m = /* @__PURE__ */ e.jsx(
-      j,
+    }, x = /* @__PURE__ */ e.jsx(
+      C,
       {
         ref: h,
         id: o,
@@ -47,15 +47,15 @@ const v = g(
         className: "size-3.5 cursor-pointer"
       }
     );
-    return n ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-2", children: [
-      m,
+    return n ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-2 rtl:flex-row-reverse", children: [
+      x,
       /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-1.5", children: [
         /* @__PURE__ */ e.jsx(
-          k,
+          j,
           {
             htmlFor: o,
             info: l,
-            className: x(
+            className: m(
               "text-sm leading-none cursor-pointer",
               s && "text-muted-foreground",
               f
@@ -66,7 +66,7 @@ const v = g(
         c && /* @__PURE__ */ e.jsx(
           "p",
           {
-            className: x(
+            className: m(
               "text-sm text-muted-foreground",
               s && "opacity-50"
             ),
@@ -74,10 +74,10 @@ const v = g(
           }
         )
       ] })
-    ] }) : m;
+    ] }) : x;
   }
 );
-v.displayName = "Checkbox";
+k.displayName = "Checkbox";
 export {
-  v as Checkbox
+  k as Checkbox
 };

package/dist/components/atoms/filter/filter-date-range.js

@@ -18,36 +18,36 @@ const c = {
   const s = l.getDate();
   return `${t[l.getMonth()]} ${s}`;
 }, z = (l, t) => {
-  const s = t[l.getMonth()], r = l.getFullYear();
-  return `${s} ${r}`;
+  const s = t[l.getMonth()], i = l.getFullYear();
+  return `${s} ${i}`;
 }, B = (l, t) => t[l.getDay()], J = (l, t) => {
   const s = /* @__PURE__ */ new Date();
   s.setHours(0, 0, 0, 0);
-  const r = `${B(s, l)}, ${D(s, t)}`, x = new Date(s);
+  const i = `${B(s, l)}, ${D(s, t)}`, x = new Date(s);
   x.setDate(x.getDate() - 2);
-  const p = `${D(x, t)} - ${D(s, t)}`, o = new Date(s);
+  const f = `${D(x, t)} - ${D(s, t)}`, o = new Date(s);
   o.setDate(o.getDate() - 6);
-  const f = `${D(o, t)} - ${D(s, t)}`, m = new Date(s);
+  const p = `${D(o, t)} - ${D(s, t)}`, m = new Date(s);
   m.setDate(m.getDate() - 29);
   const y = `${D(m, t)} - ${D(s, t)}`, j = z(s, t);
   return {
-    today: r,
-    last3Days: p,
-    last7Days: f,
+    today: i,
+    last3Days: f,
+    last7Days: p,
     last30Days: y,
     thisMonth: j
   };
 }, d = L(
-  ({ label: l, description: t, value: s, className: r, ...x }, p) => {
+  ({ label: l, description: t, value: s, className: i, ...x }, f) => {
     const o = `date-range-${s}`;
     return /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-4 w-full py-1", children: [
       /* @__PURE__ */ e.jsxs(
         "label",
         {
-          ref: p,
+          ref: f,
           className: O(
-            "flex-1 flex items-start gap-3 cursor-pointer",
-            r
+            "flex-1 flex items-start gap-3 cursor-pointer rtl:flex-row-reverse",
+            i
           ),
           ...x,
           children: [
@@ -66,11 +66,11 @@ const K = L(
     showCustomFields: l = !1,
     onCustomFieldsChange: t,
     startDate: s,
-    endDate: r,
+    endDate: i,
     startTime: x = "",
-    endTime: p = "",
+    endTime: f = "",
     onStartDateChange: o,
-    onEndDateChange: f,
+    onEndDateChange: p,
     onStartTimeChange: m,
     onEndTimeChange: y,
     mode: j = "range",
@@ -86,21 +86,21 @@ const K = L(
     ...F
   }, I) => {
     const a = u(() => {
-      const i = E(v);
-      return T ? { ...i, ...T } : i;
+      const r = E(v);
+      return T ? { ...r, ...T } : r;
     }, [v, T]), S = u(() => G(a), [a]), _ = u(() => V(a), [a]), g = u(
       () => J(S, _),
       [S, _]
-    ), b = (i) => {
-      C?.(i), t?.(i === c.CUSTOM);
-    }, P = (i) => {
-      if (i) {
-        const N = new Date(i);
+    ), b = (r) => {
+      C?.(r), t?.(r === c.CUSTOM);
+    }, P = (r) => {
+      if (r) {
+        const N = new Date(r);
         N.setHours(0, 0, 0, 0);
-        const M = new Date(i);
-        M.setHours(23, 59, 59, 999), o?.(N), f?.(M);
+        const M = new Date(r);
+        M.setHours(23, 59, 59, 999), o?.(N), p?.(M);
       } else
-        o?.(void 0), f?.(void 0);
+        o?.(void 0), p?.(void 0);
     };
     return /* @__PURE__ */ e.jsxs(
       "div",
@@ -148,8 +148,8 @@ const K = L(
                     /* @__PURE__ */ e.jsx("div", { className: "flex-1 flex flex-col gap-3", children: /* @__PURE__ */ e.jsx(
                       A,
                       {
-                        date: r,
-                        onChange: f,
+                        date: i,
+                        onChange: p,
                         placeholder: n?.endDate ?? a.endDate,
                         className: "h-9",
                         iconPosition: "none"
@@ -170,7 +170,7 @@ const K = L(
                     /* @__PURE__ */ e.jsx("div", { className: "flex-1 flex flex-col gap-3", children: /* @__PURE__ */ e.jsx(
                       w,
                       {
-                        value: p,
+                        value: f,
                         onChange: y,
                         mode: "dropdown",
                         use24Hour: !0,

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

@@ -1,6 +1,6 @@
 import { j as e } from "../../../_virtual/jsx-runtime.js";
 import { forwardRef as p, useMemo as k, useState as Q } from "react";
-import { Button as F } from "../../../vendor/shadcn/button.js";
+import { Button as w } from "../../../vendor/shadcn/button.js";
 import { Badge as I } from "../../../vendor/shadcn/badge.js";
 import { Separator as S } from "../../../vendor/shadcn/separator.js";
 import { Checkbox as D } from "../../../vendor/shadcn/checkbox.js";
@@ -49,10 +49,10 @@ const H = p(
     const f = k(() => {
       const o = T(m);
       return c ? { ...o, ...c } : o;
-    }, [m, c]), x = s.length > 0, w = s.slice(0, a), b = s.length - a;
+    }, [m, c]), x = s.length > 0, F = s.slice(0, a), b = s.length - a;
     return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-4", children: [
       /* @__PURE__ */ e.jsxs(
-        F,
+        w,
         {
           ref: y,
           variant: "outline",
@@ -68,7 +68,7 @@ const H = p(
       x && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsx(S, { orientation: "vertical", className: "h-5" }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-          w.map((o) => /* @__PURE__ */ e.jsx(
+          F.map((o) => /* @__PURE__ */ e.jsx(
             A,
             {
               label: o.label,
@@ -78,7 +78,7 @@ const H = p(
           )),
           b > 0 && /* @__PURE__ */ e.jsx(I, { variant: "default", className: "h-8 px-3 py-2 shadow-xs", children: /* @__PURE__ */ e.jsx("span", { className: "text-xs font-medium leading-none", children: q(f, b) }) }),
           n && /* @__PURE__ */ e.jsx(
-            F,
+            w,
             {
               variant: "ghost",
               size: "sm",
@@ -109,7 +109,7 @@ const J = p(
       enableSelectAll: y = !0,
       enableInverse: f = !0,
       enableNone: x = !0,
-      description: w,
+      description: F,
       lang: b,
       translations: o
     } = s, C = k(() => {
@@ -160,12 +160,12 @@ const J = p(
           className: "mb-4"
         }
       ),
-      w && /* @__PURE__ */ e.jsx("p", { className: "text-xs font-normal text-muted-foreground mb-4", children: w }),
+      F && /* @__PURE__ */ e.jsx("p", { className: "text-xs font-normal text-muted-foreground mb-4", children: F }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between mb-1", children: [
         /* @__PURE__ */ e.jsx("span", { className: "text-sm font-normal text-foreground", children: n }),
         d && g === "checkbox" && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-end gap-4", children: [
           y && /* @__PURE__ */ e.jsx(
-            F,
+            w,
             {
               variant: "link",
               size: "sm",
@@ -175,7 +175,7 @@ const J = p(
             }
           ),
           f && /* @__PURE__ */ e.jsx(
-            F,
+            w,
             {
               variant: "link",
               size: "sm",
@@ -185,7 +185,7 @@ const J = p(
             }
           ),
           x && /* @__PURE__ */ e.jsx(
-            F,
+            w,
             {
               variant: "link",
               size: "sm",
@@ -228,7 +228,7 @@ const J = p(
   }
 );
 J.displayName = "FilterSection";
-const L = p(({ label: s, checked: l, onCheckedChange: n, description: a, className: r, icon: m }, c) => /* @__PURE__ */ e.jsxs("label", { className: v("flex items-start gap-2 cursor-pointer", r), children: [
+const L = p(({ label: s, checked: l, onCheckedChange: n, description: a, className: r, icon: m }, c) => /* @__PURE__ */ e.jsxs("label", { className: v("flex items-start gap-2 cursor-pointer rtl:flex-row-reverse", r), children: [
   /* @__PURE__ */ e.jsx(D, { ref: c, checked: l, onCheckedChange: n }),
   m && /* @__PURE__ */ e.jsx(
     "img",
@@ -248,7 +248,7 @@ const L = p(({ label: s, checked: l, onCheckedChange: n, description: a, classNa
 ] }));
 L.displayName = "FilterCheckboxOption";
 const O = p(
-  ({ label: s, value: l, description: n, className: a }, r) => /* @__PURE__ */ e.jsxs("div", { className: v("flex items-start gap-3", a), children: [
+  ({ label: s, value: l, description: n, className: a }, r) => /* @__PURE__ */ e.jsxs("div", { className: v("flex items-start gap-3 rtl:flex-row-reverse", a), children: [
     /* @__PURE__ */ e.jsx(U, { ref: r, value: l, id: `radio-${l}` }),
     /* @__PURE__ */ e.jsxs(
       "label",

package/dist/components/atoms/radio-group/radio-group-option.js

@@ -1,7 +1,7 @@
 import { j as r } from "../../../_virtual/jsx-runtime.js";
 import { RadioGroupItem as d } from "../../../vendor/shadcn/radio-group.js";
-import { cn as a } from "../../../lib/utils.js";
-import { Label as l } from "../label/label.js";
+import { cn as l } from "../../../lib/utils.js";
+import { Label as a } from "../label/label.js";
 const o = ({
   option: e,
   radioId: s,
@@ -9,7 +9,7 @@ const o = ({
 }) => /* @__PURE__ */ r.jsxs(
   "div",
   {
-    className: t ? "flex items-center gap-3" : "flex items-start gap-3",
+    className: t ? "flex items-center gap-3 rtl:flex-row-reverse" : "flex items-start gap-3 rtl:flex-row-reverse",
     children: [
       /* @__PURE__ */ r.jsx(
         d,
@@ -22,10 +22,10 @@ const o = ({
       ),
       t ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
         /* @__PURE__ */ r.jsx(
-          l,
+          a,
           {
             htmlFor: s,
-            className: a(
+            className: l(
               "cursor-pointer",
               e.disabled && "text-muted-foreground"
             ),
@@ -35,10 +35,10 @@ const o = ({
         e.description && /* @__PURE__ */ r.jsx("p", { className: "text-sm text-muted-foreground ms-auto", children: e.description })
       ] }) : /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-1.5 flex-1", children: [
         /* @__PURE__ */ r.jsx(
-          l,
+          a,
           {
             htmlFor: s,
-            className: a(
+            className: l(
               "cursor-pointer",
               e.disabled && "text-muted-foreground"
             ),