mada-design-system 0.9.1 → 1.0.0

package/index.es426.js

@@ -1,45 +1,32 @@
-import i from "./index.es427.js";
-import b from "./index.es428.js";
-import l from "./index.es429.js";
-import { createUnaryUnit as u, getValue as c } from "./index.es430.js";
-import { handleBreakpoints as m } from "./index.es431.js";
-function e(r) {
-  return typeof r != "number" ? r : `${r}px solid`;
-}
-function o(r, t) {
-  return b({
-    prop: r,
-    themeKey: "borders",
-    transform: t
-  });
-}
-const f = o("border", e), a = o("borderTop", e), p = o("borderRight", e), R = o("borderBottom", e), C = o("borderLeft", e), h = o("borderColor"), y = o("borderTopColor"), T = o("borderRightColor"), B = o("borderBottomColor"), g = o("borderLeftColor"), L = o("outline", e), P = o("outlineColor"), d = (r) => {
-  if (r.borderRadius !== void 0 && r.borderRadius !== null) {
-    const t = u(r.theme, "shape.borderRadius", 4, "borderRadius"), n = (s) => ({
-      borderRadius: c(t, s)
-    });
-    return m(r, r.borderRadius, n);
+import { defaultDateLib as p } from "./index.es28.js";
+function y(o, D, s = 0, l = 0, r = !1, u = p) {
+  const { from: e, to: i } = D || {}, { isSameDay: n, isAfter: m, isBefore: c } = u;
+  let f;
+  if (!e && !i)
+    f = { from: o, to: s > 0 ? void 0 : o };
+  else if (e && !i)
+    n(e, o) ? s === 0 ? f = { from: e, to: o } : r ? f = { from: e, to: void 0 } : f = void 0 : c(o, e) ? f = { from: o, to: e } : f = { from: e, to: o };
+  else if (e && i)
+    if (n(e, o) && n(i, o))
+      r ? f = { from: e, to: i } : f = void 0;
+    else if (n(e, o))
+      f = { from: e, to: s > 0 ? void 0 : o };
+    else if (n(i, o))
+      f = { from: o, to: s > 0 ? void 0 : o };
+    else if (c(o, e))
+      f = { from: o, to: i };
+    else if (m(o, e))
+      f = { from: e, to: o };
+    else if (m(o, i))
+      f = { from: e, to: o };
+    else
+      throw new Error("Invalid range");
+  if (f != null && f.from && (f != null && f.to)) {
+    const t = u.differenceInCalendarDays(f.to, f.from);
+    l > 0 && t > l ? f = { from: o, to: void 0 } : s > 1 && t < s && (f = { from: o, to: void 0 });
   }
-  return null;
-};
-d.propTypes = process.env.NODE_ENV !== "production" ? {
-  borderRadius: i
-} : {};
-d.filterProps = ["borderRadius"];
-l(f, a, p, R, C, h, y, T, B, g, d, L, P);
+  return f;
+}
 export {
-  f as border,
-  R as borderBottom,
-  B as borderBottomColor,
-  h as borderColor,
-  C as borderLeft,
-  g as borderLeftColor,
-  d as borderRadius,
-  p as borderRight,
-  T as borderRightColor,
-  a as borderTop,
-  y as borderTopColor,
-  e as borderTransform,
-  L as outline,
-  P as outlineColor
+  y as addToRange
 };

package/index.es427.js

@@ -1,5 +1,15 @@
-import e from "./index.es209.js";
-const o = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.string, e.object, e.array]) : {}, p = o;
+import { defaultDateLib as f } from "./index.es28.js";
+function y(t, r, e = f) {
+  const n = Array.isArray(r) ? r : [r];
+  let a = t.from;
+  const i = e.differenceInCalendarDays(t.to, t.from), s = Math.min(i, 6);
+  for (let o = 0; o <= s; o++) {
+    if (n.includes(a.getDay()))
+      return !0;
+    a = e.addDays(a, 1);
+  }
+  return !1;
+}
 export {
-  p as default
+  y as rangeContainsDayOfWeek
 };

package/index.es428.js

@@ -1,43 +1,28 @@
-import P from "./index.es427.js";
-import { handleBreakpoints as m } from "./index.es431.js";
-import $ from "./index.es408.js";
-function c(t, e, f = !0) {
-  if (!e || typeof e != "string")
-    return null;
-  if (t && t.vars && f) {
-    const n = `vars.${e}`.split(".").reduce((r, s) => r && r[s] ? r[s] : null, t);
-    if (n != null)
-      return n;
+import { defaultDateLib as p } from "./index.es28.js";
+import { dateMatchModifiers as s } from "./index.es369.js";
+import { rangeContainsDayOfWeek as M } from "./index.es427.js";
+import { rangeIncludesDate as l } from "./index.es324.js";
+import { rangeOverlaps as y } from "./index.es429.js";
+import { isDatesArray as a, isDateRange as A, isDayOfWeekType as C, isDateInterval as I, isDateAfterType as v, isDateBeforeType as F } from "./index.es326.js";
+function d(n, t, f = p) {
+  const e = Array.isArray(t) ? t : [t];
+  if (e.filter((o) => typeof o != "function").some((o) => typeof o == "boolean" ? o : f.isDate(o) ? l(n, o, !1, f) : a(o, f) ? o.some((r) => l(n, r, !1, f)) : A(o) ? o.from && o.to ? y(n, { from: o.from, to: o.to }, f) : !1 : C(o) ? M(n, o.dayOfWeek, f) : I(o) ? f.isAfter(o.before, o.after) ? y(n, {
+    from: f.addDays(o.after, 1),
+    to: f.addDays(o.before, -1)
+  }, f) : s(n.from, o, f) || s(n.to, o, f) : v(o) || F(o) ? s(n.from, o, f) || s(n.to, o, f) : !1))
+    return !0;
+  const i = e.filter((o) => typeof o == "function");
+  if (i.length) {
+    let o = n.from;
+    const r = f.differenceInCalendarDays(n.to, n.from);
+    for (let u = 0; u <= r; u++) {
+      if (i.some((D) => D(o)))
+        return !0;
+      o = f.addDays(o, 1);
+    }
   }
-  return e.split(".").reduce((n, r) => n && n[r] != null ? n[r] : null, t);
-}
-function y(t, e, f, n = f) {
-  let r;
-  return typeof t == "function" ? r = t(f) : Array.isArray(t) ? r = t[f] || n : r = c(t, f) || n, e && (r = e(r, n, t)), r;
-}
-function k(t) {
-  const {
-    prop: e,
-    cssProperty: f = t.prop,
-    themeKey: n,
-    transform: r
-  } = t, s = (o) => {
-    if (o[e] == null)
-      return null;
-    const v = o[e], d = o.theme, i = c(d, n) || {};
-    return m(o, v, (u) => {
-      let l = y(i, r, u);
-      return u === l && typeof u == "string" && (l = y(i, r, `${e}${u === "default" ? "" : $(u)}`, u)), f === !1 ? l : {
-        [f]: l
-      };
-    });
-  };
-  return s.propTypes = process.env.NODE_ENV !== "production" ? {
-    [e]: P
-  } : {}, s.filterProps = [e], s;
+  return !1;
 }
 export {
-  k as default,
-  c as getPath,
-  y as getStyleValue
+  d as rangeContainsModifiers
 };

package/index.es429.js

@@ -1,10 +1,8 @@
-import c from "./index.es432.js";
-function f(...n) {
-  const u = n.reduce((r, e) => (e.filterProps.forEach((o) => {
-    r[o] = e;
-  }), r), {}), t = (r) => Object.keys(r).reduce((e, o) => u[o] ? c(e, u[o](r)) : e, {});
-  return t.propTypes = process.env.NODE_ENV !== "production" ? n.reduce((r, e) => Object.assign(r, e.propTypes), {}) : {}, t.filterProps = n.reduce((r, e) => r.concat(e.filterProps), []), t;
+import { rangeIncludesDate as m } from "./index.es324.js";
+import { defaultDateLib as r } from "./index.es28.js";
+function u(o, f, l = r) {
+  return m(o, f.from, !1, l) || m(o, f.to, !1, l) || m(f, o.from, !1, l) || m(f, o.to, !1, l);
 }
 export {
-  f as default
+  u as rangeOverlaps
 };

package/index.es43.js

@@ -1,292 +1,53 @@
-import { jsxs as c, jsx as e, Fragment as R } from "react/jsx-runtime";
-import * as l from "@radix-ui/react-navigation-menu";
-import { cva as H } from "./index.es111.js";
-import * as s from "react";
-import { Content as B } from "@radix-ui/react-dialog";
-import { Slot as v } from "@radix-ui/react-slot";
-import { useMediaQuery as L, useToggle as D } from "./index.es106.js";
-import { cn as n } from "./index.es89.js";
-import { strings as p } from "./index.es101.js";
-import "./index.es2.js";
-import { Button as f } from "./index.es23.js";
-import { Input as F } from "./index.es37.js";
-import { Sheet as M, SheetTrigger as _, SheetClose as x, SheetContent as K, SheetHeader as E, SheetTitle as G, SheetFooter as P } from "./index.es68.js";
-import O from "./index.es138.js";
-import N from "./index.es114.js";
-import Q from "./index.es139.js";
-import h from "./index.es131.js";
-import q from "./index.es140.js";
-import { Stack as J } from "./index.es42.js";
-import U from "./index.es5.js";
-import { ToggleGroup as W, ToggleGroupItem as S } from "./index.es79.js";
-import y from "./index.es93.js";
-import { ShouldRender as g } from "./index.es15.js";
-const X = s.forwardRef(({ className: t, children: a, viewport: r = !0, ...o }, i) => {
-  const { dir: d } = y();
-  return /* @__PURE__ */ c(l.Root, { dir: d, ref: i, className: n("relative z-10 hidden flex-1 items-center lg:flex", t), ...o, children: [
-    a,
-    r && /* @__PURE__ */ e(C, {})
-  ] });
-});
-X.displayName = l.Root.displayName;
-const Y = s.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(l.List, { ref: r, className: n("group flex flex-1 list-none items-center justify-center", t), ...a }));
-Y.displayName = l.List.displayName;
-const ze = l.Item, b = H(
-  `group relative inline-flex h-[72px] items-center justify-center gap-space-01 px-space-05 py-space-02 after:absolute  after:bottom-0  after:start-1/2  after:h-space-02  after:w-[calc(100%_-_16px)]  after:rounded-full
-     hover:bg-button-background-neutral-hovered hover:after:bg-background-neutral-400 focus:bg-transparent
-     focus:outline focus:outline-2 focus:outline-black active:bg-button-background-neutral-pressed active:after:bg-background-neutral-800
-     ltr:after:-translate-x-1/2  rtl:after:translate-x-1/2
-    data-[state=open]:bg-button-background-primary-hovered hover:data-[state=open]:bg-button-background-primary-hovered data-[state=open]:text-text-oncolor-primary hover:data-[state=open]:after:bg-background-primary-400 data-[state=open]:after:bg-background-primary-400 data-[state=open]:active:bg-button-background-primary-pressed
-    [&.active]:bg-button-background-primary-hovered [&.active]:text-text-oncolor-primary [&.active]:after:bg-background-primary-400 [&.active]:active:bg-button-background-primary-pressed`
-), Z = s.forwardRef(({ className: t, children: a, ...r }, o) => /* @__PURE__ */ c(l.Trigger, { ref: o, className: n(b(), "", t), ...r, children: [
-  a,
-  " ",
-  /* @__PURE__ */ e(
-    O,
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { OTPInput as p } from "./index.es145.js";
+import * as o from "react";
+import { cn as i } from "./index.es94.js";
+const u = o.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ r(
+    p,
     {
-      size: 20,
-      className: "relative top-[1px] me-1 transition duration-200 group-data-[state=open]:rotate-180",
-      "aria-hidden": "true"
-    }
-  )
-] }));
-Z.displayName = l.Trigger.displayName;
-const $ = s.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  l.Content,
-  {
-    ref: r,
-    className: n(
-      "data-[motion=from-end]:animate-enterFromRight data-[motion=from-start]:animate-enterFromLeft data-[motion=to-end]:animate-exitToRight data-[motion=to-start]:animate-exitToLeft absolute start-0 top-0 w-full sm:w-auto",
-      t
-    ),
-    ...a
-  }
-));
-$.displayName = l.Content.displayName;
-const V = s.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  l.Link,
-  {
-    className: n(
-      "group relative inline-flex h-[72px] items-center justify-center gap-space-01 px-space-05 py-space-02 after:absolute after:bottom-0 after:start-1/2 after:h-space-02 after:w-[calc(100%_-_16px)] after:rounded-full hover:bg-button-background-neutral-hovered hover:after:bg-background-neutral-400 focus:bg-transparent focus:outline focus:outline-2 focus:outline-black active:bg-button-background-neutral-pressed active:after:bg-background-neutral-800 ltr:after:-translate-x-1/2 rtl:after:translate-x-1/2 [&.active]:bg-button-background-primary-hovered [&.active]:text-text-oncolor-primary [&.active]:after:bg-background-primary-400 [&.active]:active:bg-button-background-primary-pressed",
-      t
-    ),
-    ref: r,
-    ...a
-  }
-));
-V.displayName = l.Link.displayName;
-const C = s.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e("div", { className: n("absolute start-0 top-full flex justify-center"), children: /* @__PURE__ */ e(
-  l.Viewport,
-  {
-    className: n(
-      "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
-      t
-    ),
-    ref: r,
-    ...a
-  }
-) }));
-C.displayName = l.Viewport.displayName;
-const ee = s.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  l.Indicator,
-  {
-    ref: r,
-    className: n(
-      "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
-      t
-    ),
-    ...a,
-    children: /* @__PURE__ */ e("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
-  }
-));
-ee.displayName = l.Indicator.displayName;
-const te = s.forwardRef(
-  ({ className: t, divider: a = !1, children: r, ...o }, i) => /* @__PURE__ */ e(
-    "header",
-    {
-      ref: i,
-      className: n(
-        "relative z-50 flex h-[72px] min-h-[72px] w-full bg-background-menu px-space-04 md:px-space-06 ",
+      ref: a,
+      containerClassName: i(
+        "flex items-center grow has-[:disabled]:text-disabled",
         {
-          "after:absolute after:bottom-0 after:start-0 after:block after:h-[1px] after:w-full after:bg-background-neutral-100": a
+          group: !e.disabled
         },
         t
       ),
-      ...o,
-      children: /* @__PURE__ */ e("div", { className: "mx-auto flex w-full max-w-container items-center  justify-between ", children: r })
+      ...e
     }
   )
 );
-te.displayName = "NavigationHeader";
-const ae = s.forwardRef(
-  ({ className: t, logoAlt: a, logoSrc: r, ...o }, i) => /* @__PURE__ */ e("a", { ref: i, className: n("flex w-full shrink-0 md:justify-center lg:w-auto", t), ...o, children: /* @__PURE__ */ e("img", { src: r, alt: a || "logo" }) })
-);
-ae.displayName = "NavigationHeaderLogo";
-const re = s.forwardRef(({ className: t, collapsed: a, onToggleCollapsed: r, children: o, ...i }, d) => /* @__PURE__ */ c("div", { ref: d, className: n("flex w-full items-center gap-space-04", t), ...i, children: [
-  /* @__PURE__ */ e(f, { variant: "text", colors: "neutral", size: "icon", type: "button", rounded: "default", className: "lg:hidden", onClick: r, children: a ? /* @__PURE__ */ e(N, {}) : /* @__PURE__ */ e(Q, {}) }),
-  o
-] }));
-re.displayName = "NavigationMain";
-const oe = s.forwardRef(({ className: t, children: a, ...r }, o) => /* @__PURE__ */ e("div", { ref: o, className: n("flex items-center", t), ...r, children: a }));
-oe.displayName = "NavigationActions";
-const ne = s.forwardRef(
-  ({ className: t, children: a, asChild: r, ...o }, i) => {
-    const d = r ? v : "button", u = L("(max-width: 1023px)");
-    return /* @__PURE__ */ c(R, { children: [
-      /* @__PURE__ */ e(g, { shouldRender: r && u, children: /* @__PURE__ */ e(f, { asChild: !0, variant: "ghost", size: "icon", colors: "gray", children: /* @__PURE__ */ e(v, { ref: i, className: t, ...o, children: a }) }) }),
-      /* @__PURE__ */ e(g, { shouldRender: !u, children: /* @__PURE__ */ e(d, { className: n(b(), t), ref: i, ...o, children: a }) })
-    ] });
-  }
-);
-ne.displayName = "NavigationAction";
-const Te = ({
-  onSearch: t,
-  onValueChange: a,
-  children: r
-}) => {
-  const [o, i] = s.useState(""), d = L("(max-width: 1023px)"), [u, w, z] = D(), T = (m) => {
-    m.key === "Enter" && t(o.trim());
-  }, j = (m) => {
-    const k = m.target.value;
-    i(k), a == null || a(k);
-  }, I = () => {
-    i(""), t("");
-  }, A = () => {
-    t(o);
-  };
-  return /* @__PURE__ */ c(
-    M,
+u.displayName = "InputOTP";
+const c = o.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r("div", { ref: a, className: i("flex grow items-center", t), ...e }));
+c.displayName = "InputOTPGroup";
+const f = o.forwardRef(
+  ({ char: t, hasFakeCaret: e, isActive: a, className: s, ...d }, n) => /* @__PURE__ */ l(
+    "div",
     {
-      open: u,
-      onOpenChange: (m) => {
-        z(m), setTimeout(() => {
-          document.body.style.removeProperty("pointer-events");
-        }, 1e3);
-      },
+      ref: n,
+      className: i(
+        "relative h-space-07 min-w-[48px] p-space-02 text-body-02",
+        "flex grow items-center justify-center",
+        "transition-all duration-300",
+        "border-y border-e border-input first:rounded-s first:border-s last:rounded-e group-has-[input[aria-invalid=true]]:border-error",
+        "group-hover:border-form-field-border-hovered ",
+        { "border border-form-field-border-hovered": a },
+        s
+      ),
       children: [
-        /* @__PURE__ */ e(_, { asChild: !0, children: /* @__PURE__ */ c(R, { children: [
-          /* @__PURE__ */ e(g, { shouldRender: !d, children: /* @__PURE__ */ c("button", { className: b(), onClick: w, children: [
-            /* @__PURE__ */ e(h, {}),
-            " ",
-            /* @__PURE__ */ e("span", { className: "sr-only lg:not-sr-only", children: p.Shared.Search })
-          ] }) }),
-          /* @__PURE__ */ e(g, { shouldRender: d, children: /* @__PURE__ */ e(f, { variant: "ghost", colors: "gray", size: "icon", onClick: w, children: /* @__PURE__ */ e(h, {}) }) })
-        ] }) }),
-        /* @__PURE__ */ e(B, { className: "absolute inset-x-0 top-[72px] z-50 flex w-full flex-col overflow-y-auto rounded-b-3 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out sm:max-w-full", children: /* @__PURE__ */ e("div", { className: "scrollbar-thumb-rounded-full scrollbar-track-rounded-full scrollbar-w-2.5 scrollbar-h-2.5 h-full overflow-auto bg-background-menu p-space-05 scrollbar scrollbar-track-transparent scrollbar-thumb-border", children: /* @__PURE__ */ c("div", { className: "mx-auto flex max-w-screen-xl flex-col py-space-06", children: [
-          /* @__PURE__ */ e(x, { asChild: !0, className: "ms-auto", children: /* @__PURE__ */ e(f, { size: "icon-sm", rounded: "default", variant: "text", colors: "neutral", type: "button", children: /* @__PURE__ */ e(N, {}) }) }),
-          /* @__PURE__ */ c("div", { className: "flex gap-space-04 py-space-07", children: [
-            /* @__PURE__ */ e(
-              F,
-              {
-                rounded: "default",
-                value: o,
-                placeholder: p.Shared.Search,
-                startAdornment: /* @__PURE__ */ e(h, {}),
-                onKeyDown: T,
-                onChange: j,
-                endAdornment: o && /* @__PURE__ */ e("button", { type: "button", className: "text-text-default", onClick: I, children: /* @__PURE__ */ e(N, { size: 20 }) })
-              }
-            ),
-            /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ e(f, { colors: "primary", rounded: "default", onClick: A, children: p.Shared.Search }) })
-          ] }),
-          r
-        ] }) }) })
+        /* @__PURE__ */ r("div", { className: "group-has-[input[aria-invalid=true]]:text-error group-has-[input[data-input-otp-placeholder-shown]]:text-form-field-text-placeholder", children: t ?? d.placeholderChar }),
+        e && /* @__PURE__ */ r("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ r("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
       ]
     }
-  );
-}, je = ({ onValueChange: t, className: a }) => {
-  const { changeLang: r, lang: o } = y(), i = () => {
-    r(o === "ar" ? "en" : "ar"), t == null || t();
-  };
-  return /* @__PURE__ */ c("button", { className: n(b(), "hidden lg:inline-flex", a), onClick: i, "data-testid": "localizationBtn", children: [
-    /* @__PURE__ */ e(q, {}),
-    " ",
-    /* @__PURE__ */ e("span", { className: "sr-only lg:not-sr-only", children: p.Shared.siteLanguageText })
-  ] });
-}, Ie = ({
-  open: t,
-  onOpenChange: a,
-  children: r
-}) => /* @__PURE__ */ e(M, { open: t, onOpenChange: a, children: /* @__PURE__ */ e(K, { side: "right", className: "flex h-svh w-10/12 flex-col overflow-x-hidden p-0 sm:max-w-lg md:max-w-xl", children: r }) }), Ae = ({ children: t, className: a, ...r }) => /* @__PURE__ */ e(E, { hideCenter: !0, className: n("flex items-center justify-between bg-background-neutral-25 px-space-05", a), ...r, children: /* @__PURE__ */ e(G, { children: t }) }), He = ({
-  children: t,
-  className: a,
-  hideSwitchLang: r,
-  ...o
-}) => /* @__PURE__ */ c(P, { className: n("flex !flex-col gap-y-space-04 bg-transparent", a), ...o, children: [
-  /* @__PURE__ */ e(g, { shouldRender: !r, children: /* @__PURE__ */ e(ie, {}) }),
-  t
-] }), Be = ({ children: t, className: a, ...r }) => /* @__PURE__ */ e(
-  "div",
-  {
-    className: n(
-      "scrollbar-thumb-rounded-full scrollbar-track-rounded-full scrollbar-w-2.5 scrollbar-h-2.5 h-full overflow-auto bg-card p-space-04 text-foreground scrollbar scrollbar-track-transparent scrollbar-thumb-border",
-      a
-    ),
-    ...r,
-    children: t
-  }
-), ie = () => {
-  const { changeLang: t, lang: a } = y();
-  return /* @__PURE__ */ c(J, { justifyContent: "between", alignItems: "center", children: [
-    /* @__PURE__ */ e(U, { children: p.Shared.Language }),
-    /* @__PURE__ */ c(
-      W,
-      {
-        type: "single",
-        size: "sm",
-        "data-testid": "localizationBtn",
-        value: a,
-        variant: "outline",
-        colors: "gray",
-        onValueChange: (r) => {
-          t(r);
-        },
-        children: [
-          /* @__PURE__ */ e(S, { value: "ar", children: "العربية" }),
-          /* @__PURE__ */ e(S, { value: "en", children: "English" })
-        ]
-      }
-    )
-  ] });
-}, le = s.forwardRef(
-  ({ className: t, target: a, asChild: r, ...o }, i) => {
-    const d = r ? v : "a", u = a === "_blank" ? "noopener noreferrer" : "";
-    return /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ e(
-      d,
-      {
-        className: n(
-          "group relative inline-flex gap-space-01 rounded px-space-04 py-space-02 text-body-01 font-semibold text-text-default focus:outline focus:outline-2 focus:outline-black active:bg-button-background-neutral-pressed active:before:absolute active:before:start-0 active:before:top-1/2 active:before:h-space-05 active:before:w-[6px] active:before:-translate-y-1/2 active:before:rounded-full active:before:bg-background-neutral-800",
-          t
-        ),
-        ref: i,
-        rel: u,
-        ...o
-      }
-    ) });
-  }
+  )
 );
-le.displayName = l.Link.displayName;
+f.displayName = "InputOTPSlot";
+const m = o.forwardRef(({ ...t }, e) => /* @__PURE__ */ r("div", { ref: e, role: "separator", ...t, children: /* @__PURE__ */ r("div", { className: "flex size-space-05 items-center justify-center", children: /* @__PURE__ */ r("div", { className: "size-space-01 rounded-full bg-foreground" }) }) }));
+m.displayName = "InputOTPSeparator";
 export {
-  ne as NavigationAction,
-  oe as NavigationActions,
-  te as NavigationHeader,
-  ae as NavigationHeaderLogo,
-  re as NavigationMain,
-  X as NavigationMenu,
-  $ as NavigationMenuContent,
-  ee as NavigationMenuIndicator,
-  ze as NavigationMenuItem,
-  V as NavigationMenuLink,
-  Y as NavigationMenuList,
-  Z as NavigationMenuTrigger,
-  C as NavigationMenuViewport,
-  Be as NavigationMobileBody,
-  He as NavigationMobileFooter,
-  Ae as NavigationMobileHeader,
-  le as NavigationMobileLink,
-  Ie as NavigationMobileSideBar,
-  ie as NavigationMobileSwitchLanguage,
-  Te as NavigationSearch,
-  je as NavigationSwitchLanguage,
-  b as navigationMenuTriggerStyle
+  u as InputOTP,
+  c as InputOTPGroup,
+  m as InputOTPSeparator,
+  f as InputOTPSlot
 };

package/index.es430.js

@@ -1,78 +1,9 @@
-import d from "./index.es427.js";
-import { handleBreakpoints as f } from "./index.es431.js";
-import { getPath as l } from "./index.es428.js";
-import y from "./index.es432.js";
-import h from "./index.es436.js";
-const v = {
-  m: "margin",
-  p: "padding"
-}, E = {
-  t: "Top",
-  r: "Right",
-  b: "Bottom",
-  l: "Left",
-  x: ["Left", "Right"],
-  y: ["Top", "Bottom"]
-}, p = {
-  marginX: "mx",
-  marginY: "my",
-  paddingX: "px",
-  paddingY: "py"
-}, N = h((e) => {
-  if (e.length > 2)
-    if (p[e])
-      e = p[e];
-    else
-      return [e];
-  const [n, t] = e.split(""), r = v[n], a = E[t] || "";
-  return Array.isArray(a) ? a.map((o) => r + o) : [r + a];
-}), s = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], m = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], b = [...s, ...m];
-function I(e, n, t, r) {
-  var a;
-  const o = (a = l(e, n, !1)) != null ? a : t;
-  return typeof o == "number" ? (i) => typeof i == "string" ? i : (process.env.NODE_ENV, o * i) : Array.isArray(o) ? (i) => typeof i == "string" ? i : (process.env.NODE_ENV !== "production" && Number.isInteger(i) && i > o.length - 1, o[i]) : typeof o == "function" ? o : (process.env.NODE_ENV, () => {
-  });
+function r(t) {
+  return (d = {}) => {
+    const n = d.width ? String(d.width) : t.defaultWidth;
+    return t.formats[n] || t.formats[t.defaultWidth];
+  };
 }
-function B(e) {
-  return I(e, "spacing", 8, "spacing");
-}
-function S(e, n) {
-  if (typeof n == "string" || n == null)
-    return n;
-  const t = Math.abs(n), r = e(t);
-  return n >= 0 ? r : typeof r == "number" ? -r : `-${r}`;
-}
-function T(e, n) {
-  return (t) => e.reduce((r, a) => (r[a] = S(n, t), r), {});
-}
-function $(e, n, t, r) {
-  if (n.indexOf(t) === -1)
-    return null;
-  const a = N(t), o = T(a, r), i = e[t];
-  return f(e, i, o);
-}
-function u(e, n) {
-  const t = B(e.theme);
-  return Object.keys(e).map((r) => $(e, n, r, t)).reduce(y, {});
-}
-function c(e) {
-  return u(e, s);
-}
-c.propTypes = process.env.NODE_ENV !== "production" ? s.reduce((e, n) => (e[n] = d, e), {}) : {};
-c.filterProps = s;
-function g(e) {
-  return u(e, m);
-}
-g.propTypes = process.env.NODE_ENV !== "production" ? m.reduce((e, n) => (e[n] = d, e), {}) : {};
-g.filterProps = m;
-process.env.NODE_ENV !== "production" && b.reduce((e, n) => (e[n] = d, e), {});
 export {
-  B as createUnarySpacing,
-  I as createUnaryUnit,
-  T as getStyleFromPropValue,
-  S as getValue,
-  c as margin,
-  s as marginKeys,
-  g as padding,
-  m as paddingKeys
+  r as buildFormatLongFn
 };