qaema-ui 0.0.44 → 0.0.46

package/dist/_virtual/index2.js

@@ -1,7 +1,7 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as t } from "../node_modules/react-helmet-async/node_modules/react-fast-compare/index.js";
-var a = t();
-const m = /* @__PURE__ */ r(a);
+import { __require as o } from "../node_modules/prop-types/index.js";
+var p = /* @__PURE__ */ o();
+const s = /* @__PURE__ */ r(p);
 export {
-  m as default
+  s as default
 };

package/dist/_virtual/index3.js

@@ -1,7 +1,7 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../node_modules/shallowequal/index.js";
-var a = o();
-const t = /* @__PURE__ */ r(a);
+import { __require as t } from "../node_modules/react-helmet-async/node_modules/react-fast-compare/index.js";
+var a = t();
+const m = /* @__PURE__ */ r(a);
 export {
-  t as default
+  m as default
 };

package/dist/_virtual/index4.js

@@ -1,7 +1,7 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../node_modules/prop-types/index.js";
-var p = /* @__PURE__ */ o();
-const s = /* @__PURE__ */ r(p);
+import { __require as o } from "../node_modules/shallowequal/index.js";
+var a = o();
+const t = /* @__PURE__ */ r(a);
 export {
-  s as default
+  t as default
 };

package/dist/components/DatePicker.js

@@ -1,35 +1,35 @@
-import { j as o } from "../_virtual/jsx-runtime.js";
-import { useState as f, useRef as re, useEffect as A } from "react";
-import { useTranslation as te } from "react-i18next";
-import { FaRegCalendarAlt as oe, FaAngleDown as ne, FaAngleLeft as se } from "../node_modules/react-icons/fa/index.js";
-import i, { useTheme as ie } from "styled-components";
-import ae from "./Hint.js";
+import { j as n } from "../_virtual/jsx-runtime.js";
+import { useState as f, useRef as te, useEffect as A } from "react";
+import { useTranslation as oe } from "react-i18next";
+import { FaRegCalendarAlt as ne, FaAngleDown as se, FaAngleLeft as ie } from "../node_modules/react-icons/fa/index.js";
+import i, { useTheme as ae } from "styled-components";
+import le from "./Hint.js";
 import { formatDate as b } from "../node_modules/date-fns/format.js";
-import { parse as le } from "../node_modules/date-fns/parse.js";
+import { parse as ce } from "../node_modules/date-fns/parse.js";
 import { isBefore as L } from "../node_modules/date-fns/isBefore.js";
 import { isAfter as z } from "../node_modules/date-fns/isAfter.js";
-import { isValid as ce } from "../node_modules/date-fns/isValid.js";
-import { arSA as de } from "../node_modules/date-fns/locale/ar-SA.js";
-import { enUS as pe } from "../node_modules/date-fns/locale/en-US.js";
+import { isValid as de } from "../node_modules/date-fns/isValid.js";
+import { arSA as pe } from "../node_modules/date-fns/locale/ar-SA.js";
+import { enUS as me } from "../node_modules/date-fns/locale/en-US.js";
 import { addMonths as ge } from "../node_modules/date-fns/addMonths.js";
-import { subMonths as me } from "../node_modules/date-fns/subMonths.js";
-import { startOfWeek as fe } from "../node_modules/date-fns/startOfWeek.js";
-import { startOfMonth as ue } from "../node_modules/date-fns/startOfMonth.js";
-import { endOfWeek as he } from "../node_modules/date-fns/endOfWeek.js";
-import { endOfMonth as ye } from "../node_modules/date-fns/endOfMonth.js";
-import { addDays as be } from "../node_modules/date-fns/addDays.js";
-import { isSameMonth as xe } from "../node_modules/date-fns/isSameMonth.js";
-import { isSameDay as $e } from "../node_modules/date-fns/isSameDay.js";
-import { getYear as we } from "../node_modules/date-fns/getYear.js";
-import { setYear as Me } from "../node_modules/date-fns/setYear.js";
-import { setMonth as je } from "../node_modules/date-fns/setMonth.js";
-const De = i.div`
+import { subMonths as fe } from "../node_modules/date-fns/subMonths.js";
+import { startOfWeek as ue } from "../node_modules/date-fns/startOfWeek.js";
+import { startOfMonth as he } from "../node_modules/date-fns/startOfMonth.js";
+import { endOfWeek as ye } from "../node_modules/date-fns/endOfWeek.js";
+import { endOfMonth as be } from "../node_modules/date-fns/endOfMonth.js";
+import { addDays as xe } from "../node_modules/date-fns/addDays.js";
+import { isSameMonth as $e } from "../node_modules/date-fns/isSameMonth.js";
+import { isSameDay as we } from "../node_modules/date-fns/isSameDay.js";
+import { getYear as Me } from "../node_modules/date-fns/getYear.js";
+import { setYear as je } from "../node_modules/date-fns/setYear.js";
+import { setMonth as De } from "../node_modules/date-fns/setMonth.js";
+const Se = i.div`
   position: relative;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   gap: 0.5rem;
-`, Se = i.div`
+`, ke = i.div`
   position: relative;
   width: 100%;
   height: 3.5rem;
@@ -40,7 +40,7 @@ const De = i.div`
   align-items: center;
   padding: ${({ theme: e }) => `${e.spacing.s} ${e.spacing.sm}`};
   box-shadow: ${({ theme: e }) => e.boxShadow.s3};
-`, ke = i.input`
+`, ve = i.input`
   all: unset;
   flex: 1;
   height: 100%;
@@ -54,7 +54,7 @@ const De = i.div`
   }
 
   cursor: ${({ disabled: e }) => e ? "not-allowed" : "pointer"};
-`, ve = i.div`
+`, Oe = i.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -62,7 +62,7 @@ const De = i.div`
   color: ${({ theme: e }) => e.colors.grey.n400};
   font-size: 1rem;
   flex-shrink: 0;
-`, Oe = i.div`
+`, Fe = i.div`
   position: absolute;
   top: 110%;
   left: 0;
@@ -78,7 +78,7 @@ const De = i.div`
   font-weight: bold;
   cursor: pointer;
   margin-bottom: 0.5rem;
-`, Y = i(se)`
+`, Y = i(ie)`
   cursor: pointer;
   font-size: 1.25rem;
   color: ${({ theme: e }) => e.colors.primary.purple.n450};
@@ -107,9 +107,9 @@ const De = i.div`
   opacity: ${(e) => e.disabled ? 0.2 : 1};
   background-color: ${(e) => e.selected ? e.theme.colors.primary.purple.n450 : "transparent"};
   color: ${(e) => e.selected ? "white" : "inherit"};
-  border-radius: ${({ theme: e, isToday: a }) => (d) => a && !d.selected ? e.borderRadius.circle : e.borderRadius.md};
+  border-radius: ${({ theme: e, isToday: a }) => (c) => a && !c.selected ? e.borderRadius.circle : e.borderRadius.md};
 
-  background-color: ${({ theme: e, isToday: a }) => (d) => a && !d.selected && e.colors.primary.purple.n100};
+  background-color: ${({ theme: e, isToday: a }) => (c) => a && !c.selected && e.colors.primary.purple.n100};
   &:hover {
     background-color: ${(e) => !e.disabled && !e.selected ? e.theme.colors.grey.n50 : ""};
   }
@@ -123,23 +123,23 @@ const De = i.div`
   border: none;
   border-radius: ${({ theme: e }) => e.borderRadius.md};
   cursor: pointer;
-`, F = i.div`
+`, N = i.div`
   width: 100%;
   background-color: white;
   border-radius: ${({ theme: e }) => e.borderRadius.md};
-`, Fe = i.div`
+`, Ne = i.div`
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 0.313rem;
   max-height: 12.5rem;
   overflow-y: auto;
   padding: ${({ theme: e }) => e.spacing.sm};
-`, Ne = i.div`
+`, We = i.div`
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 0.313rem;
   padding: ${({ theme: e }) => e.spacing.sm};
-`, N = i.div`
+`, W = i.div`
   text-align: center;
   padding: ${({ theme: e }) => e.spacing.sm};
   cursor: pointer;
@@ -148,7 +148,7 @@ const De = i.div`
   &:hover {
     background-color: #eee;
   }
-`, We = i.label`
+`, Ee = i.label`
   display: flex;
   align-items: flex-end;
   column-gap: ${({ theme: e }) => e.spacing.xs};
@@ -157,59 +157,59 @@ const De = i.div`
   font-weight: 400;
   text-align: ${({ theme: e }) => e.dir === "rtl" ? "right" : "left"};
   line-height: ${({ theme: e }) => e.typography.lineHeights.s};
-`, Ee = i.span`
+`, Ie = i.span`
   color: ${({ theme: e }) => e.colors.grey.n300};
   font-size: ${({ theme: e }) => e.typography.sizes.s2};
 
   display: flex;
   justify-content: ${({ theme: e }) => e.dir === "rtl" ? "flex-end" : "flex-start"};
   text-align: ${({ theme: e }) => e.dir === "rtl" ? "right" : "left"};
-`, fr = ({ value: e, onChange: a, minDate: d, maxDate: x, label: v, optional: O, disabled: W, error: D }) => {
-  const [E, $] = f(!1), [p, g] = f(e || /* @__PURE__ */ new Date()), [w, u] = f(e || null), [I, h] = f(e ? b(e, "dd/MM/yyyy") : ""), [M, j] = f("calendar"), [T, R] = f(0), S = re(null), k = /* @__PURE__ */ new Date(), C = ie(), { t: V, i18n: H } = te(), l = (H.language || "").toLowerCase().startsWith("ar") || C.dir === "rtl", y = l ? "rtl" : "ltr", P = l ? de : pe, J = l ? ["أح", "اث", "ثل", "أر", "خم", "جم", "سب"] : ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], B = l ? ["يناير", "فبراير", "مارس", "أبريل", "مايو", "يونيو", "يوليو", "أغسطس", "سبتمبر", "أكتوبر", "نوفمبر", "ديسمبر"] : ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], m = (r) => {
+`, ur = ({ value: e, onChange: a, minDate: c, maxDate: x, label: O, optional: F, disabled: E, error: D }) => {
+  const [I, $] = f(!1), [d, p] = f(e || /* @__PURE__ */ new Date()), [w, u] = f(e || null), [T, h] = f(e ? b(e, "dd/MM/yyyy") : ""), [M, j] = f("calendar"), [V, R] = f(0), S = te(null), k = /* @__PURE__ */ new Date(), C = ae(), { t: H, i18n: P } = oe(), l = (P.language || "").toLowerCase().startsWith("ar") || C.dir === "rtl", y = l ? "rtl" : "ltr", J = l ? pe : me, B = l ? ["أح", "اث", "ثل", "أر", "خم", "جم", "سب"] : ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], _ = l ? ["يناير", "فبراير", "مارس", "أبريل", "مايو", "يونيو", "يوليو", "أغسطس", "سبتمبر", "أكتوبر", "نوفمبر", "ديسمبر"] : ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], m = (o) => {
     const s = ["٠", "١", "٢", "٣", "٤", "٥", "٦", "٧", "٨", "٩"];
-    return r.toString().replace(/\d/g, (n) => s[Number(n)]);
-  }, _ = (r) => {
+    return o.toString().replace(/\d/g, (r) => s[Number(r)]);
+  }, G = (o) => {
     const s = "٠١٢٣٤٥٦٧٨٩";
-    return r.replace(/[٠-٩]/g, (n) => s.indexOf(n).toString());
+    return o.replace(/[٠-٩]/g, (r) => s.indexOf(r).toString());
   };
   A(() => {
-    const r = (s) => {
+    const o = (s) => {
       S.current && !S.current.contains(s.target) && ($(!1), j("calendar"));
     };
-    return document.addEventListener("mousedown", r), () => document.removeEventListener("mousedown", r);
+    return document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
   }, []), A(() => {
     if (e) {
-      const r = b(e, "dd/MM/yyyy");
-      u(e), g(e), h(l ? m(r) : r);
+      const s = b(e, l ? "yyyy/MM/dd" : "dd/MM/yyyy");
+      u(e), p(e), h(l ? m(s) : s);
     } else
       u(null), h("");
   }, [e, l]);
-  const G = (r) => {
-    const s = r.target.value;
-    let n = _(s).replace(/\D/g, "");
-    if (n === "") {
+  const U = (o) => {
+    const s = o.target.value;
+    let r = G(s).replace(/\D/g, "");
+    if (r === "") {
       h(""), u(null), a(null);
       return;
     }
-    n.length >= 3 && (n = n.slice(0, 2) + "/" + n.slice(2)), n.length >= 6 && (n = n.slice(0, 5) + "/" + n.slice(5, 9));
-    const t = l ? m(n) : n;
-    if (h(t), n.length === 10) {
-      const c = le(n, "dd/MM/yyyy", /* @__PURE__ */ new Date()), ee = d && L(c, d) || x && z(c, x);
-      ce(c) && !ee && (u(c), g(c), a(c));
+    l ? (r.length >= 5 && (r = r.slice(0, 4) + "/" + r.slice(4)), r.length >= 8 && (r = r.slice(0, 7) + "/" + r.slice(7, 9))) : (r.length >= 3 && (r = r.slice(0, 2) + "/" + r.slice(2)), r.length >= 6 && (r = r.slice(0, 5) + "/" + r.slice(5, 9)));
+    const t = l ? m(r) : r;
+    if (h(t), r.length === 10) {
+      const g = ce(r, l ? "yyyy/MM/dd" : "dd/MM/yyyy", /* @__PURE__ */ new Date()), re = c && L(g, c) || x && z(g, x);
+      de(g) && !re && (u(g), p(g), a(g));
     }
-  }, U = () => {
-    const r = fe(ue(p), { weekStartsOn: 0 }), s = he(ye(p), { weekStartsOn: 0 }), n = [];
-    for (let t = r; t <= s; t = be(t, 1)) {
-      const c = d && L(t, d) || x && z(t, x) || !xe(t, p);
-      n.push(
-        /* @__PURE__ */ o.jsx(
+  }, q = () => {
+    const o = ue(he(d), { weekStartsOn: 0 }), s = ye(be(d), { weekStartsOn: 0 }), r = [];
+    for (let t = o; t <= s; t = xe(t, 1)) {
+      const v = c && L(t, c) || x && z(t, x) || !$e(t, d);
+      r.push(
+        /* @__PURE__ */ n.jsx(
           Le,
           {
             isToday: k.getDate() === t.getDate() && k.getMonth() === t.getMonth() && k.getFullYear() === t.getFullYear(),
-            disabled: c,
-            selected: w ? $e(t, w) : !1,
+            disabled: v,
+            selected: w ? we(t, w) : !1,
             onClick: () => {
-              c || (u(t), h(l ? m(b(t, "dd/MM/yyyy")) : b(t, "dd/MM/yyyy")), a(t), $(!1));
+              v || (u(t), h(l ? m(b(t, "dd/MM/yyyy")) : b(t, "dd/MM/yyyy")), a(t), $(!1));
             },
             children: l ? m(t.getDate()) : t.getDate()
           },
@@ -217,89 +217,89 @@ const De = i.div`
         )
       );
     }
-    return /* @__PURE__ */ o.jsx(Ae, { $dir: y, children: n });
-  }, q = () => {
-    const s = we(/* @__PURE__ */ new Date()) + T * 12;
-    return Array.from({ length: 12 }, (n, t) => s + t);
-  }, K = (r) => {
-    g(Me(p, r)), j("month");
-  }, Q = (r) => {
-    const s = je(p, r);
-    g(s), j("calendar");
-  }, X = () => {
-    const r = y === "rtl", s = () => {
-      M === "calendar" ? g(me(p)) : R((t) => t - 1);
-    }, n = () => {
-      M === "calendar" ? g(ge(p, 1)) : R((t) => t + 1);
+    return /* @__PURE__ */ n.jsx(Ae, { $dir: y, children: r });
+  }, K = () => {
+    const s = Me(/* @__PURE__ */ new Date()) + V * 12;
+    return Array.from({ length: 12 }, (r, t) => s + t);
+  }, Q = (o) => {
+    p(je(d, o)), j("month");
+  }, X = (o) => {
+    const s = De(d, o);
+    p(s), j("calendar");
+  }, Z = () => {
+    const o = y === "rtl", s = () => {
+      M === "calendar" ? p(fe(d)) : R((t) => t - 1);
+    }, r = () => {
+      M === "calendar" ? p(ge(d, 1)) : R((t) => t + 1);
     };
-    return /* @__PURE__ */ o.jsxs(Re, { children: [
-      /* @__PURE__ */ o.jsx(
+    return /* @__PURE__ */ n.jsxs(Re, { children: [
+      /* @__PURE__ */ n.jsx(
         Y,
         {
           $dir: y,
           $position: "left",
           onClick: (t) => {
-            t.stopPropagation(), r ? n() : s();
+            t.stopPropagation(), o ? r() : s();
           }
         }
       ),
-      /* @__PURE__ */ o.jsxs("div", { onClick: () => j("year"), children: [
+      /* @__PURE__ */ n.jsxs("div", { onClick: () => j("year"), children: [
         (() => {
-          const t = b(p, "MMMM yyyy", { locale: P });
+          const t = b(d, "MMMM yyyy", { locale: J });
           return l ? m(t) : t;
         })(),
-        /* @__PURE__ */ o.jsx(ne, { color: C.colors.grey.n300, size: 12 })
+        /* @__PURE__ */ n.jsx(se, { color: C.colors.grey.n300, size: 12 })
       ] }),
-      /* @__PURE__ */ o.jsx(
+      /* @__PURE__ */ n.jsx(
         Y,
         {
           $dir: y,
           $position: "right",
           onClick: (t) => {
-            t.stopPropagation(), r ? s() : n();
+            t.stopPropagation(), o ? s() : r();
           }
         }
       )
     ] });
-  }, Z = () => M === "calendar" ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    /* @__PURE__ */ o.jsx(Ce, { $dir: y, children: J.map((r) => /* @__PURE__ */ o.jsx("div", { children: r }, r)) }),
-    U(),
-    /* @__PURE__ */ o.jsx(ze, { children: /* @__PURE__ */ o.jsx(
+  }, ee = () => M === "calendar" ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    /* @__PURE__ */ n.jsx(Ce, { $dir: y, children: B.map((o) => /* @__PURE__ */ n.jsx("div", { children: o }, o)) }),
+    q(),
+    /* @__PURE__ */ n.jsx(ze, { children: /* @__PURE__ */ n.jsx(
       Ye,
       {
         onClick: () => {
           w && a(w), $(!1);
         },
-        children: V("SET_DATE")
+        children: H("SET_DATE")
       }
     ) })
-  ] }) : M === "year" ? /* @__PURE__ */ o.jsx(F, { children: /* @__PURE__ */ o.jsx(Fe, { children: q().map((r) => /* @__PURE__ */ o.jsx(N, { onClick: () => K(r), children: l ? m(r) : r }, r)) }) }) : /* @__PURE__ */ o.jsx(F, { children: /* @__PURE__ */ o.jsx(Ne, { children: B.map((r, s) => /* @__PURE__ */ o.jsx(N, { onClick: () => Q(s), children: r }, `${r}-${s}`)) }) });
-  return /* @__PURE__ */ o.jsxs(De, { ref: S, children: [
-    v && /* @__PURE__ */ o.jsxs(We, { children: [
-      v,
+  ] }) : M === "year" ? /* @__PURE__ */ n.jsx(N, { children: /* @__PURE__ */ n.jsx(Ne, { children: K().map((o) => /* @__PURE__ */ n.jsx(W, { onClick: () => Q(o), children: l ? m(o) : o }, o)) }) }) : /* @__PURE__ */ n.jsx(N, { children: /* @__PURE__ */ n.jsx(We, { children: _.map((o, s) => /* @__PURE__ */ n.jsx(W, { onClick: () => X(s), children: o }, `${o}-${s}`)) }) });
+  return /* @__PURE__ */ n.jsxs(Se, { ref: S, children: [
+    O && /* @__PURE__ */ n.jsxs(Ee, { children: [
+      O,
       " ",
-      O && /* @__PURE__ */ o.jsx(Ee, { children: O })
+      F && /* @__PURE__ */ n.jsx(Ie, { children: F })
     ] }),
-    /* @__PURE__ */ o.jsxs(Se, { $error: D, children: [
-      /* @__PURE__ */ o.jsx(ve, { children: /* @__PURE__ */ o.jsx(oe, {}) }),
-      /* @__PURE__ */ o.jsx(
-        ke,
+    /* @__PURE__ */ n.jsxs(ke, { $error: D, children: [
+      /* @__PURE__ */ n.jsx(Oe, { children: /* @__PURE__ */ n.jsx(ne, {}) }),
+      /* @__PURE__ */ n.jsx(
+        ve,
         {
-          disabled: W,
-          value: I,
-          onChange: G,
+          disabled: E,
+          value: T,
+          onChange: U,
           placeholder: l ? "يوم/شهر/سنة" : "dd/mm/yyyy",
           onFocus: () => $(!0)
         }
       )
     ] }),
-    E && /* @__PURE__ */ o.jsxs(Oe, { children: [
-      X(),
-      Z()
+    I && /* @__PURE__ */ n.jsxs(Fe, { children: [
+      Z(),
+      ee()
     ] }),
-    D && /* @__PURE__ */ o.jsx(ae, { variant: "error", showLeadIcon: !1, title: D, showLink: !1 })
+    D && /* @__PURE__ */ n.jsx(le, { variant: "error", showLeadIcon: !1, title: D, showLink: !1 })
   ] });
 };
 export {
-  fr as default
+  ur as default
 };

package/dist/components/RadioInput.d.ts

@@ -2,6 +2,7 @@ import type React from 'react';
 type RadioInputOption = {
     label: string;
     value: string | number;
+    disabled?: boolean;
 };
 type BadgeConfig = {
     label?: string;

package/dist/components/RadioInput.js

@@ -1,20 +1,22 @@
-import { j as i } from "../_virtual/jsx-runtime.js";
-import { TbSparkles as $ } from "../node_modules/react-icons/tb/index.js";
-import a, { css as p } from "styled-components";
-import { useQaemaCoreTranslation as w } from "../i18n/i18n.js";
+import { j as t } from "../_virtual/jsx-runtime.js";
+import { TbSparkles as w } from "../node_modules/react-icons/tb/index.js";
+import l, { css as c } from "styled-components";
+import { useQaemaCoreTranslation as b } from "../i18n/i18n.js";
 import j from "./Hint.js";
 import { Optional as v } from "./InputField.js";
-import b from "./Radio.js";
-const F = a.div`
+import F from "./Radio.js";
+const z = l.div`
   display: flex;
   align-items: center;
   gap: ${({ theme: e }) => e.spacing.xs};
-`, z = a.div`
+  opacity: ${({ $disabled: e }) => e ? 0.5 : 1};
+  color: ${({ $disabled: e }) => e ? "#8A94A1" : "inherit"};
+`, O = l.div`
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   gap: ${({ theme: e }) => e.spacing.xs};
-`, R = a.div`
+`, R = l.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -30,7 +32,7 @@ const F = a.div`
     line-height: ${({ theme: e }) => e.typography.lineHeights.xs};
     color: ${({ theme: e }) => e.colors.grey.n350};
   }
-`, I = a.span`
+`, I = l.span`
   display: inline-flex;
   align-items: center;
   height: 20px;
@@ -38,62 +40,63 @@ const F = a.div`
   gap: 8px;
   border-radius: 4px;
   background: ${({ theme: e }) => {
-  var n, l, t;
-  return ((t = (l = (n = e.colors) == null ? void 0 : n.primary) == null ? void 0 : l.purple) == null ? void 0 : t.n100) || "#F1EEFF";
+  var n, a, r;
+  return ((r = (a = (n = e.colors) == null ? void 0 : n.primary) == null ? void 0 : a.purple) == null ? void 0 : r.n100) || "#F1EEFF";
 }};
   color: ${({ theme: e }) => {
-  var n, l, t;
-  return ((t = (l = (n = e.colors) == null ? void 0 : n.primary) == null ? void 0 : l.purple) == null ? void 0 : t.n450) || "#7259FF";
+  var n, a, r;
+  return ((r = (a = (n = e.colors) == null ? void 0 : n.primary) == null ? void 0 : a.purple) == null ? void 0 : r.n450) || "#7259FF";
 }};
   font-size: ${({ theme: e }) => e.typography.sizes.s2 || "10px"};
   line-height: ${({ theme: e }) => e.typography.lineHeights.m};
   font-weight: 400;
-`, O = a($)`
+`, S = l(w)`
   width: 12px;
   height: 12px;
   flex: 0 0 auto;
-`, S = a.div`
+`, H = l.div`
   display: flex;
   width: 100%;
   flex-direction: ${({ $variant: e }) => e};
-  ${({ $variant: e, theme: n }) => e === "row" ? p`
+  ${({ $variant: e, theme: n }) => e === "row" ? c`
           justify-content: space-between;
           align-items: center;
-        ` : p`
+        ` : c`
           gap: ${n.spacing.xs};
         `}
-`, A = (e) => {
-  const { name: n, label: l = "", options: t, value: c, disabled: h, optional: d = !1, onChange: g, error: o, badge: s, optionsVariant: x = "column" } = e, { t: f } = w();
-  if (!(t != null && t.length)) return null;
-  const u = (r) => s != null && s.showFor ? typeof s.showFor == "function" ? !!s.showFor(r) : s.showFor === r.value : !1, y = (s == null ? void 0 : s.label) ?? "Recommended";
-  return /* @__PURE__ */ i.jsxs(z, { children: [
-    l && /* @__PURE__ */ i.jsxs(R, { children: [
-      /* @__PURE__ */ i.jsx("label", { children: l }),
-      d && /* @__PURE__ */ i.jsx(v, { children: f("OPTIONAL") })
+`, D = (e) => {
+  const { name: n, label: a = "", options: r, value: h, disabled: d, optional: g = !1, onChange: x, error: p, badge: s, optionsVariant: f = "column" } = e, { t: y } = b();
+  if (!(r != null && r.length)) return null;
+  const u = (i) => s != null && s.showFor ? typeof s.showFor == "function" ? !!s.showFor(i) : s.showFor === i.value : !1, m = (s == null ? void 0 : s.label) ?? "Recommended";
+  return /* @__PURE__ */ t.jsxs(O, { children: [
+    a && /* @__PURE__ */ t.jsxs(R, { children: [
+      /* @__PURE__ */ t.jsx("label", { children: a }),
+      g && /* @__PURE__ */ t.jsx(v, { children: y("OPTIONAL") })
     ] }),
-    /* @__PURE__ */ i.jsx(S, { $variant: x, children: t.map((r) => {
-      const m = u(r);
-      return /* @__PURE__ */ i.jsxs(F, { children: [
-        /* @__PURE__ */ i.jsx(
-          b,
+    /* @__PURE__ */ t.jsx(H, { $variant: f, children: r.map((i) => {
+      const $ = u(i), o = i.disabled || d;
+      return /* @__PURE__ */ t.jsxs(z, { $disabled: o, children: [
+        /* @__PURE__ */ t.jsx(
+          F,
           {
             name: n,
-            label: r.label,
-            value: r.value,
-            $selected: c === (r == null ? void 0 : r.value),
-            onChange: g,
-            $disabled: h
+            label: i.label,
+            value: i.value,
+            $selected: h === (i == null ? void 0 : i.value),
+            onChange: x,
+            $disabled: o,
+            $variant: o ? "grey" : "primary"
           }
         ),
-        m && /* @__PURE__ */ i.jsxs(I, { children: [
-          (s == null ? void 0 : s.showIcon) !== !1 && /* @__PURE__ */ i.jsx(O, {}),
-          y
+        $ && /* @__PURE__ */ t.jsxs(I, { children: [
+          (s == null ? void 0 : s.showIcon) !== !1 && /* @__PURE__ */ t.jsx(S, {}),
+          m
         ] })
-      ] }, r.value);
+      ] }, i.value);
     }) }),
-    o && /* @__PURE__ */ i.jsx(j, { variant: "error", title: o })
+    p && /* @__PURE__ */ t.jsx(j, { variant: "error", title: p })
   ] });
 };
 export {
-  A as default
+  D as default
 };

package/dist/node_modules/react-bootstrap/esm/CloseButton.js

@@ -1,4 +1,4 @@
-import o from "../../../_virtual/index4.js";
+import o from "../../../_virtual/index2.js";
 import * as p from "react";
 import n from "../../../_virtual/index.js";
 import { j as i } from "../../../_virtual/jsx-runtime.js";

package/dist/node_modules/react-bootstrap/esm/Feedback.js

@@ -1,6 +1,6 @@
 import i from "../../../_virtual/index.js";
 import * as f from "react";
-import e from "../../../_virtual/index4.js";
+import e from "../../../_virtual/index2.js";
 import { j as l } from "../../../_virtual/jsx-runtime.js";
 const c = {
   /**

package/dist/node_modules/react-bootstrap/esm/Form.js

@@ -1,5 +1,5 @@
 import i from "../../../_virtual/index.js";
-import o from "../../../_virtual/index4.js";
+import o from "../../../_virtual/index2.js";
 import * as s from "react";
 import f from "./FormCheck.js";
 import l from "./FormControl.js";

package/dist/node_modules/react-bootstrap/esm/Image.js

@@ -1,6 +1,6 @@
 import f from "../../../_virtual/index.js";
 import * as d from "react";
-import o from "../../../_virtual/index4.js";
+import o from "../../../_virtual/index2.js";
 import { useBootstrapPrefix as u } from "./ThemeProvider.js";
 import { j as p } from "../../../_virtual/jsx-runtime.js";
 o.string, o.bool, o.bool, o.bool, o.bool;

package/dist/node_modules/react-helmet-async/lib/index.esm.js

@@ -2,9 +2,9 @@ var Q = Object.defineProperty;
 var X = (e, t, r) => t in e ? Q(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
 var h = (e, t, r) => X(e, typeof t != "symbol" ? t + "" : t, r);
 import y, { Component as R } from "react";
-import ee from "../../../_virtual/index2.js";
+import ee from "../../../_virtual/index3.js";
 import F from "../../../_virtual/browser.js";
-import te from "../../../_virtual/index3.js";
+import te from "../../../_virtual/index4.js";
 var Y = /* @__PURE__ */ ((e) => (e.BASE = "base", e.BODY = "body", e.HEAD = "head", e.HTML = "html", e.LINK = "link", e.META = "meta", e.NOSCRIPT = "noscript", e.SCRIPT = "script", e.STYLE = "style", e.TITLE = "title", e.FRAGMENT = "Symbol(react.fragment)", e))(Y || {}), $ = {
   link: { rel: ["amphtml", "canonical", "alternate"] },
   script: { type: ["application/ld+json"] },

package/dist/node_modules/react-smooth/es6/Animate.js

@@ -1,5 +1,5 @@
 import x, { Children as w, cloneElement as z, PureComponent as F } from "react";
-import a from "../../../_virtual/index4.js";
+import a from "../../../_virtual/index2.js";
 import { deepEqual as H } from "../../fast-equals/dist/esm/index.js";
 import L from "./AnimateManager.js";
 import { configEasing as V } from "./easing.js";

package/dist/node_modules/react-transition-group/esm/Transition.js

@@ -1,6 +1,6 @@
 import C from "../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js";
 import D from "../../@babel/runtime/helpers/esm/inheritsLoose.js";
-import o from "../../../_virtual/index4.js";
+import o from "../../../_virtual/index2.js";
 import v from "react";
 import b from "react-dom";
 import T from "./config.js";

package/dist/node_modules/react-transition-group/esm/utils/PropTypes.js

@@ -1,4 +1,4 @@
-import e from "../../../../_virtual/index4.js";
+import e from "../../../../_virtual/index2.js";
 var n = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.shape({
   enter: e.number,
   exit: e.number,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "qaema-ui",
   "private": false,
-  "version": "0.0.44",
+  "version": "0.0.46",
   "type": "module",
   "publishConfig": {
     "access": "public"