tawuniya 0.7.7 → 0.7.8

package/dist/components/base/command.js

@@ -3,7 +3,6 @@ import * as d from "react";
 import "@radix-ui/react-dialog";
 import { Command as e } from "cmdk";
 import { cn as m } from "../../lib/utils.js";
-import "./dialog.js";
 const s = d.forwardRef(({ className: a, ...o }, r) => /* @__PURE__ */ t(
   e,
   {

package/dist/components/compound/card-button.js

@@ -113,7 +113,7 @@ const U = ({
       {
         className: r(
           "relative flex flex-col justify-center size-full gap-y-2 p-3 rounded-2xl overflow-hidden group transition-colors duration-300",
-          !a && "border-2",
+          !a && "border",
           n ? "border-primary" : "border-transparent",
           t?.mainWrapper
         ),
@@ -154,7 +154,7 @@ const U = ({
                     children: f
                   }
                 ),
-                !n && d && !a && !o && /* @__PURE__ */ e(
+                d && (!n || !c) && !a && !o && /* @__PURE__ */ e(
                   "div",
                   {
                     className: r(

package/dist/components/ui/checkbox.js

@@ -3,21 +3,21 @@ import * as s from "react";
 import * as r from "@radix-ui/react-checkbox";
 import { Check as c } from "lucide-react";
 import { cn as t } from "../../lib/utils.js";
-const d = s.forwardRef(({ className: o, ...i }, a) => /* @__PURE__ */ e(
+const d = s.forwardRef(({ className: i, ...o }, a) => /* @__PURE__ */ e(
   r.Root,
   {
     ref: a,
     className: t(
       "tawn peer h-5 w-5 shrink-0 rounded-sm bg-secondary-200 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
-      o
+      i
     ),
     "data-testid": "checkbox",
-    ...i,
+    ...o,
     children: /* @__PURE__ */ e(
       r.Indicator,
       {
         className: t("flex items-center justify-center text-current"),
-        children: /* @__PURE__ */ e(c, { size: 16 })
+        children: /* @__PURE__ */ e(c, { size: 14, strokeWidth: 4, className: "shrink-0" })
       }
     )
   }

package/dist/components/ui/date-selector.d.ts

@@ -12,6 +12,7 @@ export interface DateSelectorProps {
     hideToggle?: boolean;
     onChange?: (value: string) => void;
     onDateChange?: (gregorianDate: string, hijriDate: string) => void;
+    onToggle?: (isHijri: boolean) => void;
     form?: {
         controller: any;
         control: any;

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

@@ -1,57 +1,58 @@
 import { jsx as m, jsxs as E } from "react/jsx-runtime";
-import { forwardRef as Ve, useState as A, useRef as q, useMemo as k, useCallback as re, useEffect as G } from "react";
+import { forwardRef as Ce, useState as A, useRef as q, useMemo as T, useCallback as re, useEffect as G } from "react";
 import a from "moment";
 import o from "moment-hijri";
 import "moment/dist/locale/ar.js";
 import { getMessages as ae, cn as L } from "../../lib/utils.js";
-import Ce from "./typography.js";
+import Ee from "./typography.js";
 import J from "./select.js";
-import Ee from "./switch.js";
+import Ae from "./switch.js";
 import "nuqs/adapters/react";
 import "react-dom";
-import Ae from "../../hooks/use-language.js";
+import we from "../../hooks/use-language.js";
 import "nuqs";
 import "../../context/main-context.js";
-const we = ({ error: T }) => T ? /* @__PURE__ */ m("div", { className: "text-sm !text-destructive", "data-testid": "dateSelectorError", children: /* @__PURE__ */ m("span", { children: T }) }) : null, ze = Ve(
+const ze = ({ error: V }) => V ? /* @__PURE__ */ m("div", { className: "text-sm !text-destructive", "data-testid": "dateSelectorError", children: /* @__PURE__ */ m("span", { children: V }) }) : null, _e = Ce(
   ({
-    label: T,
+    label: V,
     views: f = ["Day", "Month", "Year"],
     outputDate: x = "gregorian",
     isHijri: ne = !1,
     format: g = "DD/MM/YYYY",
     onChange: b,
     onDateChange: U,
+    onToggle: ie,
     value: K,
-    className: ie,
+    className: oe,
     error: I,
     min: w,
     max: z,
     form: S,
-    hideToggle: oe,
+    hideToggle: se,
     disabled: _
-  }, se) => {
-    const [i, le] = A(ne), [y, j] = A(""), [p, N] = A(""), [u, v] = A(""), [O, B] = A(!1), Q = Ae(), {
-      muharram: ce,
-      safar: de,
-      rabiAlAwwal: he,
-      rabiAlThaani: me,
-      jumadaAlAwwal: ue,
-      jumadaAlThaani: fe,
-      rajab: ge,
-      shabaan: Ye,
-      ramadan: ye,
-      shawwaal: pe,
-      dhulHijjah: Me,
-      dhulQadah: De
-    } = ae(Q, "arabicMonth"), { day: Se, month: xe, year: je, hijri: be } = ae(Q, "date"), V = q(!1), P = q(""), C = q(
+  }, le) => {
+    const [i, ce] = A(ne), [y, j] = A(""), [p, N] = A(""), [u, v] = A(""), [O, B] = A(!1), Q = we(), {
+      muharram: de,
+      safar: he,
+      rabiAlAwwal: me,
+      rabiAlThaani: ue,
+      jumadaAlAwwal: fe,
+      jumadaAlThaani: ge,
+      rajab: Ye,
+      shabaan: ye,
+      ramadan: pe,
+      shawwaal: Me,
+      dhulHijjah: De,
+      dhulQadah: Se
+    } = ae(Q, "arabicMonth"), { day: xe, month: je, year: be, hijri: Ie } = ae(Q, "date"), k = q(!1), P = q(""), C = q(
       () => {
       }
     );
     a.locale(Q === "ar" ? "ar" : "en");
-    const F = a().year(), R = k(() => Array.from({ length: 101 }, (r, e) => F - e), [F]), H = o().iYear(), W = k(() => Array.from({ length: 101 }, (r, e) => H - e), [H]), X = re(
+    const F = a().year(), R = T(() => Array.from({ length: 101 }, (r, e) => F - e), [F]), H = o().iYear(), W = T(() => Array.from({ length: 101 }, (r, e) => H - e), [H]), X = re(
       (r) => r ? r instanceof Date ? a(r).locale("en").format(g) : r : "",
       [g]
-    ), { minDate: c, maxDate: d } = k(() => {
+    ), { minDate: c, maxDate: d } = T(() => {
       let r = null, e = null;
       if (w)
         try {
@@ -79,7 +80,6 @@ const we = ({ error: T }) => T ? /* @__PURE__ */ m("div", { className: "text-sm
         }
       return { minDate: r, maxDate: e };
     }, [w, z, g, x]), Z = a.months(), $ = [
-      ce,
       de,
       he,
       me,
@@ -90,8 +90,9 @@ const we = ({ error: T }) => T ? /* @__PURE__ */ m("div", { className: "text-sm
       ye,
       pe,
       Me,
-      De
-    ], Ie = k(() => {
+      De,
+      Se
+    ], Ne = T(() => {
       const r = p || (i ? (o().iMonth() + 1).toString() : (a().month() + 1).toString()), e = u || (i ? o().iYear().toString() : a().year().toString());
       let t;
       return i ? t = o().iYear(parseInt(e)).iMonth(parseInt(r) - 1).iDaysInMonth() : t = a().year(parseInt(e)).month(parseInt(r) - 1).daysInMonth(), Array.from({ length: t }, (h, n) => {
@@ -101,8 +102,8 @@ const we = ({ error: T }) => T ? /* @__PURE__ */ m("div", { className: "text-sm
           try {
             let D;
             if (i) {
-              const Te = o().iYear(parseInt(e)).iMonth(parseInt(r) - 1).iDate(n + 1);
-              D = a(Te.format("YYYY-MM-DD"));
+              const ke = o().iYear(parseInt(e)).iMonth(parseInt(r) - 1).iDate(n + 1);
+              D = a(ke.format("YYYY-MM-DD"));
             } else
               D = a().year(parseInt(e)).month(parseInt(r) - 1).date(n + 1);
             c && D.isBefore(c, "day") && (M = !0), d && D.isAfter(d, "day") && (M = !0);
@@ -115,7 +116,7 @@ const we = ({ error: T }) => T ? /* @__PURE__ */ m("div", { className: "text-sm
           disabled: M
         };
       }).filter((h) => !h.disabled);
-    }, [p, u, i, c, d]), Ne = k(() => (i ? $ : Z).map((e, t) => {
+    }, [p, u, i, c, d]), ve = T(() => (i ? $ : Z).map((e, t) => {
       const Y = (t + 1).toString().padStart(2, "0");
       let h = !1;
       if (c || d)
@@ -145,7 +146,7 @@ const we = ({ error: T }) => T ? /* @__PURE__ */ m("div", { className: "text-sm
       d,
       F,
       H
-    ]), ve = k(() => (i ? W : R).map((e) => {
+    ]), Te = T(() => (i ? W : R).map((e) => {
       let t = !1;
       if (c || d)
         try {
@@ -169,7 +170,9 @@ const we = ({ error: T }) => T ? /* @__PURE__ */ m("div", { className: "text-sm
       if (!(!r || !p || !u))
         try {
           let e, t;
-          if (i ? (t = o().iYear(parseInt(u)).iMonth(parseInt(p) - 1).iDate(parseInt(r)), e = a(t.format("YYYY-MM-DD"))) : (e = a().year(parseInt(u)).month(parseInt(p) - 1).date(parseInt(r)), t = o(e.locale("en").format("YYYY-MM-DD"))), c && e.isBefore(c, "day") || d && e.isAfter(d, "day"))
+          if (i ? (t = o().iYear(parseInt(u)).iMonth(parseInt(p) - 1).iDate(parseInt(r)), e = a(t.format("YYYY-MM-DD"))) : (e = a().year(parseInt(u)).month(parseInt(p) - 1).date(parseInt(r)), t = o(
+            e.locale("en").format("YYYY-MM-DD")
+          )), c && e.isBefore(c, "day") || d && e.isAfter(d, "day"))
             return;
           const Y = e.locale("en").format(g), h = {
             YYYY: "iYYYY",
@@ -184,7 +187,7 @@ const we = ({ error: T }) => T ? /* @__PURE__ */ m("div", { className: "text-sm
             n = n.replace(M, h[M]);
           });
           const s = t.format(n).replace(/i/g, "");
-          V.current = !0;
+          k.current = !0;
           const l = x === "hijri" ? s : Y;
           C.current && C.current(l), b && b(l), U && U(Y, s);
         } catch (e) {
@@ -210,7 +213,7 @@ const we = ({ error: T }) => T ? /* @__PURE__ */ m("div", { className: "text-sm
       }
     }, [f, y, O]), G(() => {
       const e = X(S ? void 0 : K);
-      if (e && e !== P.current && !V.current)
+      if (e && e !== P.current && !k.current)
         try {
           if (x === "hijri") {
             const t = o(e, g);
@@ -222,7 +225,7 @@ const we = ({ error: T }) => T ? /* @__PURE__ */ m("div", { className: "text-sm
         } catch (t) {
           console.error("Error parsing date value:", t);
         }
-      P.current = e, V.current = !1;
+      P.current = e, k.current = !1;
     }, [K, g, x, S, X]), G(() => {
       if (O && (f.includes("Day") ? y : y || "1") && p && u) {
         const e = setTimeout(() => {
@@ -238,9 +241,9 @@ const we = ({ error: T }) => T ? /* @__PURE__ */ m("div", { className: "text-sm
       ee,
       f
     ]);
-    const ke = (r) => {
-      le(r), j(""), N(""), v(""), B(!1), V.current = !0, C.current && C.current(""), b && b(""), setTimeout(() => {
-        V.current = !1;
+    const Ve = (r) => {
+      ce(r), ie?.(r), j(""), N(""), v(""), B(!1), k.current = !0, C.current && C.current(""), b && b(""), setTimeout(() => {
+        k.current = !1;
       }, 0);
     }, te = (r, e) => {
       C.current = r;
@@ -271,19 +274,19 @@ const we = ({ error: T }) => T ? /* @__PURE__ */ m("div", { className: "text-sm
             className: L(
               "w-full p-2 sm:h-[62px] flex flex-col gap-y-1.5 rounded-lg overflow-x-auto overflow-y-hidden",
               I ? "!bg-destructive/5" : "bg-background",
-              ie
+              oe
             ),
             "data-testid": "dateSelector",
             children: [
-              T && /* @__PURE__ */ m(
-                Ce,
+              V && /* @__PURE__ */ m(
+                Ee,
                 {
                   as: "label",
                   size: "xs",
                   weight: "medium",
                   color: I ? "destructive" : "muted_foreground",
                   "data-testid": "dateSelectorLabel",
-                  children: T
+                  children: V
                 }
               ),
               /* @__PURE__ */ m("div", { className: "size-full animate-fade-in", children: /* @__PURE__ */ E("div", { className: "flex flex-col gap-3 h-full sm:flex-row! sm:items-center", children: [
@@ -297,8 +300,8 @@ const we = ({ error: T }) => T ? /* @__PURE__ */ m("div", { className: "text-sm
                         J,
                         {
                           ref: e,
-                          label: Se,
-                          options: Ie,
+                          label: xe,
+                          options: Ne,
                           value: y,
                           onChange: t,
                           embedded: !0,
@@ -324,8 +327,8 @@ const we = ({ error: T }) => T ? /* @__PURE__ */ m("div", { className: "text-sm
                         J,
                         {
                           ref: e,
-                          label: xe,
-                          options: Ne,
+                          label: je,
+                          options: ve,
                           value: p,
                           onChange: Y,
                           embedded: !0,
@@ -352,8 +355,8 @@ const we = ({ error: T }) => T ? /* @__PURE__ */ m("div", { className: "text-sm
                         J,
                         {
                           ref: e,
-                          label: je,
-                          options: ve,
+                          label: be,
+                          options: Te,
                           value: u,
                           onChange: h,
                           embedded: !0,
@@ -372,7 +375,7 @@ const we = ({ error: T }) => T ? /* @__PURE__ */ m("div", { className: "text-sm
                     }
                   )
                 ] }),
-                !oe && /* @__PURE__ */ E(
+                !se && /* @__PURE__ */ E(
                   "div",
                   {
                     className: "flex items-center gap-2 justify-end sm:ml-auto",
@@ -383,16 +386,16 @@ const we = ({ error: T }) => T ? /* @__PURE__ */ m("div", { className: "text-sm
                         {
                           htmlFor: "hijri-toggle",
                           className: "text-sm text-muted-foreground",
-                          children: be
+                          children: Ie
                         }
                       ),
                       /* @__PURE__ */ m(
-                        Ee,
+                        Ae,
                         {
                           size: "sm",
                           id: "hijri-toggle",
                           checked: i,
-                          onChange: ke,
+                          onChange: Ve,
                           className: "data-[state=checked]:bg-gradient-primary",
                           disabled: _
                         }
@@ -404,7 +407,7 @@ const we = ({ error: T }) => T ? /* @__PURE__ */ m("div", { className: "text-sm
             ]
           }
         ),
-        /* @__PURE__ */ m(we, { error: I })
+        /* @__PURE__ */ m(ze, { error: I })
       ] });
     };
     if (S?.controller && S?.control && S?.name) {
@@ -418,10 +421,10 @@ const we = ({ error: T }) => T ? /* @__PURE__ */ m("div", { className: "text-sm
         }
       ) });
     }
-    return te(b, se);
+    return te(b, le);
   }
 );
-ze.displayName = "DateSelector";
+_e.displayName = "DateSelector";
 export {
-  ze as default
+  _e as default
 };

package/dist/context/main-provider.d.ts

@@ -1,4 +1,6 @@
-interface MainProviderProps extends Children {
+import { ReactNode } from 'react';
+interface MainProviderProps {
+    children: ReactNode;
     showAccessibility?: boolean;
     accessibilityPosition?: AccessibilityPositionType;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tawuniya",
   "private": false,
-  "version": "0.7.7",
+  "version": "0.7.8",
   "type": "module",
   "main": "./dist/components.js",
   "module": "./dist/components.js",