@spear-ai/spectral 1.8.0 → 1.8.1

package/dist/DateTimePicker/DateTimeUtils.js

@@ -643,7 +643,7 @@ class Dn {
 const Cn = {
   major: 4,
   minor: 3,
-  patch: 4
+  patch: 6
 }, g = /* @__PURE__ */ l("$ZodType", (e, n) => {
   var t;
   e ?? (e = {}), e._zod.def = n, e._zod.bag = e._zod.bag || {}, e._zod.version = Cn;
@@ -1518,7 +1518,7 @@ function Ge(e, n) {
       if (p.$ref && (e.target === "draft-07" || e.target === "draft-04" || e.target === "openapi-3.0") ? (c.allOf = c.allOf ?? [], c.allOf.push(p)) : Object.assign(c, p), Object.assign(c, a), s._zod.parent === f)
         for (const v in c)
           v === "$ref" || v === "allOf" || v in a || delete c[v];
-      if (p.$ref)
+      if (p.$ref && d.def)
         for (const v in c)
           v === "$ref" || v === "allOf" || v in d.def && JSON.stringify(c[v]) === JSON.stringify(d.def[v]) && delete c[v];
     }

package/dist/IconsAnimated/PanelLeftCloseIcon.js

@@ -3,8 +3,8 @@ import "../styles/main.css";
 import { jsx as e, jsxs as h } from "react/jsx-runtime";
 import { cn as f } from "../utils/twUtils.js";
 import { useRef as p, useImperativeHandle as x, useCallback as i } from "react";
-import { u as v } from "../use-animation-CR-SdV2l.js";
-import { m as A } from "../proxy-CgaCj1WQ.js";
+import { m as v } from "../proxy-CO_-Vget.js";
+import { u as A } from "../use-animation-DhEPRwZ3.js";
 const w = {
   times: [0, 0.4, 1],
   duration: 0.5
@@ -12,7 +12,7 @@ const w = {
   normal: { x: 0 },
   animate: { x: [0, -1.5, 0] }
 }, N = ({ onMouseEnter: o, onMouseLeave: s, className: m, size: a = 28, ref: l, ...c }) => {
-  const t = v(), r = p(!1);
+  const t = A(), r = p(!1);
   x(l, () => (r.current = !0, {
     startAnimation: () => t.start("animate"),
     stopAnimation: () => t.start("normal")
@@ -31,7 +31,7 @@ const w = {
   return /* @__PURE__ */ e("div", { className: f(m), onMouseEnter: u, onMouseLeave: d, ...c, children: /* @__PURE__ */ h("svg", { fill: "none", height: a, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", viewBox: "0 0 24 24", width: a, xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ e("rect", { height: "18", rx: "2", width: "18", x: "3", y: "3" }),
     /* @__PURE__ */ e("path", { d: "M9 3v18" }),
-    /* @__PURE__ */ e(A.path, { animate: t, d: "m16 15-3-3 3-3", transition: w, variants: g })
+    /* @__PURE__ */ e(v.path, { animate: t, d: "m16 15-3-3 3-3", transition: w, variants: g })
   ] }) });
 };
 export {

package/dist/IconsAnimated/PanelLeftOpenIcon.js

@@ -3,8 +3,8 @@ import "../styles/main.css";
 import { jsx as e, jsxs as h } from "react/jsx-runtime";
 import { cn as p } from "../utils/twUtils.js";
 import { useRef as f, useImperativeHandle as x, useCallback as i } from "react";
-import { u as v } from "../use-animation-CR-SdV2l.js";
-import { m as A } from "../proxy-CgaCj1WQ.js";
+import { u as v } from "../use-animation-DhEPRwZ3.js";
+import { m as A } from "../proxy-CO_-Vget.js";
 const w = {
   times: [0, 0.4, 1],
   duration: 0.5

package/dist/MultiSelect/MultiSelectBase.js

@@ -110,7 +110,7 @@ const Ie = "h-4 w-4", Ce = (b) => ({
       const p = t >= 0 && t < r.length ? r[t] : null;
       if (o.key === " " && p?.type === "search" || o.key === "Enter" && p?.type === "search")
         return;
-      const n = {
+      const a = {
         ArrowDown: () => {
           o.preventDefault();
           const l = Math.min(t + 1, r.length - 1);
@@ -154,7 +154,7 @@ const Ie = "h-4 w-4", Ce = (b) => ({
           o.preventDefault(), m();
         }
       }[o.key];
-      n && n();
+      a && a();
     },
     [r, t, I, N, g, m, x]
   ), M = w(
@@ -196,32 +196,32 @@ const Ie = "h-4 w-4", Ce = (b) => ({
   showSelectAll: o = !0,
   sortAlphabetically: p = !1,
   state: f = "default",
-  value: n = [],
+  value: a = [],
   "aria-label": l,
   "aria-describedby": W,
   ...H
 }) => {
   const X = ve(), K = D ?? `${t}-${X}`, _ = `${K}-listbox`, G = `${K}-error`, [h, L] = V(!1), [T, Y] = V(""), R = we(null), ee = H.disabled ?? f === "disabled", te = f === "loading", re = f === "error", k = v(() => {
-    let e = r.filter((a) => a.label.toLowerCase().includes(T.toLowerCase()));
-    return p && (e = [...e].sort((a, i) => a.label.localeCompare(i.label))), e;
+    let e = r.filter((n) => n.label.toLowerCase().includes(T.toLowerCase()));
+    return p && (e = [...e].sort((n, i) => n.label.localeCompare(i.label))), e;
   }, [r, T, p]), O = v(() => {
-    const e = {}, a = [];
+    const e = {}, n = [];
     return k.forEach((i) => {
-      i.group ? (e[i.group] || (e[i.group] = []), e[i.group].push(i)) : a.push(i);
-    }), { groups: e, ungrouped: a, hasGroups: Object.keys(e).length > 0 };
+      i.group ? (e[i.group] || (e[i.group] = []), e[i.group].push(i)) : n.push(i);
+    }), { groups: e, ungrouped: n, hasGroups: Object.keys(e).length > 0 };
   }, [k]), $ = w(
     (e) => {
       if (r.find((u) => u.value === e)?.disabled) return;
-      const i = n.includes(e) ? n.filter((u) => u !== e) : [...n, e];
+      const i = a.includes(e) ? a.filter((u) => u !== e) : [...a, e];
       c(i), m && L(!1);
     },
-    [r, n, c, m]
+    [r, a, c, m]
   ), U = w(() => {
-    const e = r.filter((i) => !i.disabled).map((i) => i.value), a = e.every((i) => n.includes(i));
-    c(a ? [] : e);
-  }, [r, n, c]), Z = w(() => {
+    const e = r.filter((i) => !i.disabled).map((i) => i.value), n = e.every((i) => a.includes(i));
+    c(n ? [] : e);
+  }, [r, a, c]), Z = w(() => {
     c([]);
-  }, [c]), q = v(() => r.filter((e) => !e.disabled).map((e) => e.value), [r]), ie = q.length > 0 && q.every((e) => n.includes(e)), { getOptionFocusIndex: se, handleKeyDown: oe, isSelectAllFocused: le, setFocusedIndex: A } = De(
+  }, [c]), q = v(() => r.filter((e) => !e.disabled).map((e) => e.value), [r]), ie = q.length > 0 && q.every((e) => a.includes(e)), { getOptionFocusIndex: se, handleKeyDown: oe, isSelectAllFocused: le, setFocusedIndex: A } = De(
     k,
     Z,
     () => L(!1),
@@ -236,12 +236,12 @@ const Ie = "h-4 w-4", Ce = (b) => ({
   Ne(() => {
     A(h ? 0 : -1);
   }, [h, A]);
-  const ae = w((e) => {
+  const ne = w((e) => {
     Y(e.target.value);
-  }, []), ne = () => {
-    if (n.length === 0)
+  }, []), ae = () => {
+    if (a.length === 0)
       return /* @__PURE__ */ s("span", { className: "text-input-text-placeholder flex min-h-8 items-center", children: x });
-    const e = n.slice(0, j), a = n.length - j;
+    const e = a.slice(0, j), n = a.length - j;
     return /* @__PURE__ */ d("div", { className: "flex flex-wrap items-center gap-1 overflow-hidden", children: [
       e.map((i) => {
         const u = r.find((B) => B.value === i);
@@ -262,14 +262,14 @@ const Ie = "h-4 w-4", Ce = (b) => ({
           )
         ] }, i) : null;
       }),
-      a > 0 && /* @__PURE__ */ d("span", { className: "text-input-text-secondary flex items-center py-1 text-xs", children: [
+      n > 0 && /* @__PURE__ */ d("span", { className: "text-input-text-secondary flex items-center py-1 text-xs", children: [
         "+",
-        a,
+        n,
         " more"
       ] })
     ] });
-  }, J = (e, a) => {
-    const i = n.includes(e.value), u = se(a);
+  }, J = (e, n) => {
+    const i = a.includes(e.value), u = se(n);
     return /* @__PURE__ */ d(
       "button",
       {
@@ -294,7 +294,7 @@ const Ie = "h-4 w-4", Ce = (b) => ({
     "--multiselect-dropdown-max-height": "20rem"
   });
   return /* @__PURE__ */ d("div", { className: "w-full", "data-testid": "spectral-multiselect-root", children: [
-    /* @__PURE__ */ s(be, { open: h, onOpenChange: L, children: /* @__PURE__ */ d("div", { "data-testid": "spectral-multiselect-wrapper", onKeyDown: h ? oe : void 0, children: [
+    /* @__PURE__ */ s(be, { open: h, onOpenChange: L, children: /* @__PURE__ */ d("div", { "data-testid": "spectral-multiselect-wrapper", onKeyDown: h ? oe : void 0, role: "none", children: [
       /* @__PURE__ */ s(ge, { asChild: !0, children: /* @__PURE__ */ d(
         "button",
         {
@@ -314,9 +314,9 @@ const Ie = "h-4 w-4", Ce = (b) => ({
           type: "button",
           ...H,
           children: [
-            /* @__PURE__ */ s("div", { className: "min-w-0 flex-1 overflow-hidden", "data-testid": "spectral-multiselect-selected-items", children: ne() }),
+            /* @__PURE__ */ s("div", { className: "min-w-0 flex-1 overflow-hidden", "data-testid": "spectral-multiselect-selected-items", children: ae() }),
             /* @__PURE__ */ d("div", { className: "ml-2 flex shrink-0 items-center gap-2", children: [
-              P && n.length > 0 && /* @__PURE__ */ s(
+              P && a.length > 0 && /* @__PURE__ */ s(
                 "button",
                 {
                   "aria-label": "Clear all selections",
@@ -357,7 +357,7 @@ const Ie = "h-4 w-4", Ce = (b) => ({
                   "aria-label": "Search options",
                   className: "border-input-border bg-input-bg focus-visible:border-input-border--focus w-full rounded-md border py-2 pr-3 pl-9 text-sm focus-visible:ring-1 focus-visible:ring-black focus-visible:outline-none",
                   "data-testid": "spectral-multiselect-search-input",
-                  onChange: ae,
+                  onChange: ne,
                   placeholder: M,
                   ref: R,
                   type: "text",
@@ -382,11 +382,11 @@ const Ie = "h-4 w-4", Ce = (b) => ({
                 ),
                 /* @__PURE__ */ s("div", { className: "bg-input-border mx-3 my-1 h-px" })
               ] }),
-              O.ungrouped.length > 0 && /* @__PURE__ */ s("div", { className: "mb-1", children: O.ungrouped.map((e, a) => J(e, a)) }),
-              Object.entries(O.groups).map(([e, a]) => /* @__PURE__ */ d("div", { className: "mb-1", "data-testid": "spectral-multiselect-group", children: [
+              O.ungrouped.length > 0 && /* @__PURE__ */ s("div", { className: "mb-1", children: O.ungrouped.map((e, n) => J(e, n)) }),
+              Object.entries(O.groups).map(([e, n]) => /* @__PURE__ */ d("div", { className: "mb-1", "data-testid": "spectral-multiselect-group", children: [
                 (O.ungrouped.length > 0 || Object.keys(O.groups).indexOf(e) > 0) && /* @__PURE__ */ s("div", { className: "bg-input-border mx-3 my-1 h-px" }),
                 /* @__PURE__ */ s("div", { "data-testid": "spectral-multiselect-group-name", className: "text-input-text-secondary px-3 py-1 text-xs font-semibold tracking-wide uppercase", children: e }),
-                a.map((i, u) => J(i, k.indexOf(i)))
+                n.map((i, u) => J(i, k.indexOf(i)))
               ] }, e))
             ] }) })
           ] })

package/dist/RadioGroup.js

@@ -12,8 +12,8 @@ import { u as Ae } from "./index-ZExQO1ax.js";
 import { u as Ne } from "./index-BZPx6jYI.js";
 import { P as _e } from "./index-D6HcSXrq.js";
 import { cn as E } from "./utils/twUtils.js";
-import { h as Pe, c as Te, p as xe, w as Ge, m as V } from "./proxy-CgaCj1WQ.js";
-import { A as ke } from "./index-DdFoGvON.js";
+import { h as Pe, c as Te, p as xe, w as Ge, m as V } from "./proxy-CO_-Vget.js";
+import { A as ke } from "./index-Cl8VeY0o.js";
 var k = "rovingFocusGroup.onEntryFocus", De = { bubbles: !1, cancelable: !0 }, N = "RovingFocusGroup", [M, H, Me] = Ee(N), [Oe, z] = L(
   N,
   [Me]

package/dist/Select.js

@@ -68,65 +68,65 @@ import "./Icons/ZoomAllIcon.js";
 import "./Icons/ZoomXIcon.js";
 import "./Icons/ZoomYIcon.js";
 import { Label as I } from "./Label.js";
-import { R as Z, T as _, V as $, I as tt, C as et, S as rt, a as at, b as it, c as C, G as st, d as ot, e as lt, f as dt } from "./index-CpovUAO-.js";
-import { useFormFieldId as mt, useFormFieldState as ct, getAriaProps as pt, groupOptions as nt, getFormFieldCSSProperties as ut, getStateClasses as gt, getTriggerClasses as ft, ErrorMessage as ht, getErrorMessageId as bt, LoadingState as xt, EmptyState as yt, getOptionClasses as Nt } from "./utils/formFieldUtils.js";
+import { R as Z, T as _, V as $, I as tt, P as et, C as rt, S as at, a as it, b as st, c as C, G as ot, d as lt, e as dt, f as mt } from "./index-CpovUAO-.js";
+import { useFormFieldId as ct, useFormFieldState as pt, getAriaProps as nt, groupOptions as ut, getFormFieldCSSProperties as gt, getStateClasses as ht, getTriggerClasses as ft, ErrorMessage as bt, getErrorMessageId as xt, LoadingState as yt, EmptyState as Nt, getOptionClasses as vt } from "./utils/formFieldUtils.js";
 import { cn as a } from "./utils/twUtils.js";
 import { useState as St } from "react";
-const vt = ({
+const wt = ({
   align: z = "start",
   alignOffset: F = 0,
   avoidCollisions: O = !0,
   className: j,
   collisionBoundary: k,
   collisionPadding: L = 10,
-  defaultValue: T,
-  emptyMessage: V = "No options found",
+  defaultValue: P,
+  emptyMessage: T = "No options found",
   errorMessage: n,
-  id: q,
+  id: V,
   label: l,
   labelClassName: u,
-  loadingMessage: D = "Loading…",
+  loadingMessage: q = "Loading…",
   name: g,
-  onChange: E,
-  options: f = [],
-  placeholder: P = "Select an option",
+  onChange: D,
+  options: h = [],
+  placeholder: E = "Select an option",
   position: d = "popper",
   ref: B,
   side: G = "bottom",
   sideOffset: M = 4,
   state: i = "default",
-  value: h,
+  value: f,
   "aria-label": R,
   "aria-describedby": A,
   ...s
 }) => {
-  const [b, U] = St(!1), o = mt(q, g), x = bt(o), { isDisabled: m, isLoading: y, isInvalid: H } = ct(s.disabled, i), J = pt(i, A, s.required, x), { groups: N, ungrouped: S } = nt(f), K = () => {
+  const [b, U] = St(!1), o = ct(V, g), x = xt(o), { isDisabled: m, isLoading: y, isInvalid: H } = pt(s.disabled, i), J = nt(i, A, s.required, x), { groups: N, ungrouped: v } = ut(h), K = () => {
     if (y)
-      return /* @__PURE__ */ t(xt, { "data-testid": "spectral-select-loading", message: D });
-    if (f.length === 0)
-      return /* @__PURE__ */ t(yt, { "data-testid": "spectral-select-empty", message: V });
-    const v = (e) => {
-      const c = h === e.value;
-      return /* @__PURE__ */ r(ot, { className: a(Nt(!!e.disabled, !1, c), "relative flex w-full cursor-pointer items-center"), "data-testid": "spectral-select-item", disabled: e.disabled, value: e.value, children: [
-        /* @__PURE__ */ t(lt, { "data-testid": "spectral-select-item-text", className: "block truncate", children: e.label }),
-        /* @__PURE__ */ t(dt, { "data-testid": "spectral-select-item-selected-indicator", asChild: !0, children: /* @__PURE__ */ t("span", { className: "absolute right-2 flex h-4 w-4 items-center justify-center", children: /* @__PURE__ */ t(X, { size: 16 }) }) })
+      return /* @__PURE__ */ t(yt, { "data-testid": "spectral-select-loading", message: q });
+    if (h.length === 0)
+      return /* @__PURE__ */ t(Nt, { "data-testid": "spectral-select-empty", message: T });
+    const S = (e) => {
+      const c = f === e.value;
+      return /* @__PURE__ */ r(lt, { className: a(vt(!!e.disabled, !1, c), "relative flex w-full cursor-pointer items-center"), "data-testid": "spectral-select-item", disabled: e.disabled, value: e.value, children: [
+        /* @__PURE__ */ t(dt, { "data-testid": "spectral-select-item-text", className: "block truncate", children: e.label }),
+        /* @__PURE__ */ t(mt, { "data-testid": "spectral-select-item-selected-indicator", asChild: !0, children: /* @__PURE__ */ t("span", { className: "absolute right-2 flex h-4 w-4 items-center justify-center", children: /* @__PURE__ */ t(X, { size: 16 }) }) })
       ] }, e.value);
     };
     return /* @__PURE__ */ r(w, { children: [
-      S.length > 0 && /* @__PURE__ */ r(w, { children: [
-        S.map(v),
+      v.length > 0 && /* @__PURE__ */ r(w, { children: [
+        v.map(S),
         Object.keys(N).length > 0 && /* @__PURE__ */ t(C, { className: "bg-border-secondary -mx-1 my-1 h-px", "data-testid": "spectral-select-separator" })
       ] }),
-      Object.entries(N).map(([e, c], Q) => /* @__PURE__ */ r(st, { "data-testid": "spectral-select-group", children: [
+      Object.entries(N).map(([e, c], Q) => /* @__PURE__ */ r(ot, { "data-testid": "spectral-select-group", children: [
         Q > 0 && /* @__PURE__ */ t(C, { className: "bg-border-secondary -mx-1 my-1 h-px", "data-testid": "spectral-select-group-separator" }),
         /* @__PURE__ */ t(I, { className: a("text-text-primary px-2 py-1.5 text-base font-semibold", u), "data-testid": "spectral-select-group-label", children: e }),
-        c.map((W) => v(W))
+        c.map((W) => S(W))
       ] }, e))
     ] });
   };
   return /* @__PURE__ */ r("div", { className: "w-full", children: [
     l && /* @__PURE__ */ t(I, { className: a("text-text-primary mb-2 block", u, m && "text-text-secondary"), "data-testid": "spectral-select-label", htmlFor: o, children: l }),
-    /* @__PURE__ */ r(Z, { "data-testid": "spectral-select", defaultValue: T, disabled: m, name: g, onOpenChange: U, onValueChange: E, open: b, required: s.required, value: h, children: [
+    /* @__PURE__ */ r(Z, { "data-testid": "spectral-select", defaultValue: P, disabled: m, name: g, onOpenChange: U, onValueChange: D, open: b, required: s.required, value: f, children: [
       /* @__PURE__ */ t(
         _,
         {
@@ -134,24 +134,24 @@ const vt = ({
           "aria-expanded": b,
           "aria-label": R ?? l,
           asChild: !0,
-          className: a(ft(!1, i), gt(i), j),
+          className: a(ft(!1, i), ht(i), j),
           "data-slot": "select-trigger",
           "data-state": i,
           "data-testid": "spectral-select-trigger",
           id: o,
           ref: B,
           role: "combobox",
-          style: ut(),
+          style: gt(),
           ...J,
           ...s,
           children: /* @__PURE__ */ r("button", { type: "button", disabled: m, children: [
-            /* @__PURE__ */ t($, { className: "block truncate", "data-testid": "spectral-select-value", placeholder: P }),
+            /* @__PURE__ */ t($, { className: "block truncate", "data-testid": "spectral-select-value", placeholder: E }),
             /* @__PURE__ */ t(tt, { asChild: !0, children: /* @__PURE__ */ t("div", { className: "flex items-center", children: y ? /* @__PURE__ */ t(Y, { size: 20 }) : /* @__PURE__ */ t(p, { className: "transition-transform duration-200 data-[state=open]:rotate-180", size: 20 }) }) })
           ] })
         }
       ),
-      /* @__PURE__ */ r(
-        et,
+      /* @__PURE__ */ t(et, { children: /* @__PURE__ */ r(
+        rt,
         {
           align: z,
           alignOffset: F,
@@ -159,7 +159,7 @@ const vt = ({
           className: a(
             "border-input-border bg-input-bg motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out relative z-50 rounded-lg border shadow-md",
             "motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:zoom-in-95",
-            "motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[side=top]:slide-in-from-bottom-2 max-h-(--radix-select-content-available-height)",
+            "motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[side=top]:slide-in-from-bottom-2 max-h-[min(var(--radix-select-content-available-height),300px)]",
             "min-w-32 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto",
             d === "popper" && "data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1"
           ),
@@ -171,17 +171,17 @@ const vt = ({
           side: G,
           sideOffset: M,
           children: [
-            /* @__PURE__ */ t(rt, { className: "flex cursor-default items-center justify-center py-1", "data-testid": "spectral-select-scroll-up-button", children: /* @__PURE__ */ t(p, { "aria-hidden": "true", className: "rotate-180", size: 18 }) }),
-            /* @__PURE__ */ t(at, { asChild: !0, children: /* @__PURE__ */ t("div", { className: a("p-1", d === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width) scroll-my-1"), "data-testid": "spectral-select-items", children: K() }) }),
-            /* @__PURE__ */ t(it, { className: "flex cursor-default items-center justify-center py-1", "data-testid": "spectral-select-scroll-down-button", children: /* @__PURE__ */ t(p, { "aria-hidden": "true", size: 18 }) })
+            /* @__PURE__ */ t(at, { className: "flex cursor-default items-center justify-center py-1", "data-testid": "spectral-select-scroll-up-button", children: /* @__PURE__ */ t(p, { "aria-hidden": "true", className: "rotate-180", size: 18 }) }),
+            /* @__PURE__ */ t(it, { asChild: !0, children: /* @__PURE__ */ t("div", { className: a("p-1", d === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width) scroll-my-1"), "data-testid": "spectral-select-items", children: K() }) }),
+            /* @__PURE__ */ t(st, { className: "flex cursor-default items-center justify-center py-1", "data-testid": "spectral-select-scroll-down-button", children: /* @__PURE__ */ t(p, { "aria-hidden": "true", size: 18 }) })
           ]
         }
-      )
+      ) })
     ] }),
-    H && n && /* @__PURE__ */ t(ht, { "data-testid": "spectral-select-error-message", id: x, message: n })
+    H && n && /* @__PURE__ */ t(bt, { "data-testid": "spectral-select-error-message", id: x, message: n })
   ] });
 };
-vt.displayName = "Select";
+wt.displayName = "Select";
 export {
-  vt as Select
+  wt as Select
 };

package/dist/Tabs/TabsBase.js

@@ -5,8 +5,8 @@ import { generateId as K, prefersReducedMotion as $, calculateIndicatorStyle as
 import { cn as x } from "../utils/twUtils.js";
 import { createContext as k, useContext as U, useState as M, useId as F, useCallback as T, useRef as q, useMemo as B, useEffect as R } from "react";
 import { j as H } from "../index-DEYs15GP.js";
-import { m as D } from "../proxy-CgaCj1WQ.js";
-import { A as G } from "../index-DdFoGvON.js";
+import { m as D } from "../proxy-CO_-Vget.js";
+import { A as G } from "../index-Cl8VeY0o.js";
 const N = k(null), A = (y = "Tabs") => {
   const d = U(N);
   if (d === null)

package/dist/Tray.js

@@ -73,8 +73,8 @@ import { c as M } from "./index-D29mdTf5.js";
 import { createContext as H, useRef as h, useMemo as T, useContext as I } from "react";
 import { j as g } from "./index-DEYs15GP.js";
 import { D as s } from "./index-CrjD9cAD.js";
-import { m as v } from "./proxy-CgaCj1WQ.js";
-import { A as O } from "./index-DdFoGvON.js";
+import { m as v } from "./proxy-CO_-Vget.js";
+import { A as O } from "./index-Cl8VeY0o.js";
 const j = M("fixed bottom-4 left-1/2 z-10 -translate-x-1/2 overflow-hidden rounded-2xl bg-drawer-bg outline-none w-full sm:max-md:max-w-full", {
   variants: {
     size: {

package/dist/index-Cl8VeY0o.js

@@ -0,0 +1,149 @@
+import "./styles/main.css";
+import { jsx as b, Fragment as U } from "react/jsx-runtime";
+import * as v from "react";
+import { useId as W, useRef as P, useContext as Y, useInsertionEffect as V, useMemo as A, Children as X, isValidElement as _, useState as I } from "react";
+import { M as B, d as T, u as j, P as F, e as G, b as O, L as q } from "./proxy-CO_-Vget.js";
+function D(e, s) {
+  if (typeof e == "function")
+    return e(s);
+  e != null && (e.current = s);
+}
+function J(...e) {
+  return (s) => {
+    let t = !1;
+    const o = e.map((l) => {
+      const r = D(l, s);
+      return !t && typeof r == "function" && (t = !0), r;
+    });
+    if (t)
+      return () => {
+        for (let l = 0; l < o.length; l++) {
+          const r = o[l];
+          typeof r == "function" ? r() : D(e[l], null);
+        }
+      };
+  };
+}
+function Q(...e) {
+  return v.useCallback(J(...e), e);
+}
+class Z extends v.Component {
+  getSnapshotBeforeUpdate(s) {
+    const t = this.props.childRef.current;
+    if (t && s.isPresent && !this.props.isPresent && this.props.pop !== !1) {
+      const o = t.offsetParent, l = T(o) && o.offsetWidth || 0, r = T(o) && o.offsetHeight || 0, n = this.props.sizeRef.current;
+      n.height = t.offsetHeight || 0, n.width = t.offsetWidth || 0, n.top = t.offsetTop, n.left = t.offsetLeft, n.right = l - n.width - n.left, n.bottom = r - n.height - n.top;
+    }
+    return null;
+  }
+  /**
+   * Required with getSnapshotBeforeUpdate to stop React complaining.
+   */
+  componentDidUpdate() {
+  }
+  render() {
+    return this.props.children;
+  }
+}
+function ee({ children: e, isPresent: s, anchorX: t, anchorY: o, root: l, pop: r }) {
+  const n = W(), h = P(null), g = P({
+    width: 0,
+    height: 0,
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  }), { nonce: y } = Y(B), u = e.props?.ref ?? e?.ref, w = Q(h, u);
+  return V(() => {
+    const { width: c, height: a, top: p, left: m, right: C, bottom: E } = g.current;
+    if (s || r === !1 || !h.current || !c || !a)
+      return;
+    const M = t === "left" ? `left: ${m}` : `right: ${C}`, L = o === "bottom" ? `bottom: ${E}` : `top: ${p}`;
+    h.current.dataset.motionPopId = n;
+    const f = document.createElement("style");
+    y && (f.nonce = y);
+    const x = l ?? document.head;
+    return x.appendChild(f), f.sheet && f.sheet.insertRule(`
+          [data-motion-pop-id="${n}"] {
+            position: absolute !important;
+            width: ${c}px !important;
+            height: ${a}px !important;
+            ${M}px !important;
+            ${L}px !important;
+          }
+        `), () => {
+      x.contains(f) && x.removeChild(f);
+    };
+  }, [s]), b(Z, { isPresent: s, childRef: h, sizeRef: g, pop: r, children: r === !1 ? e : v.cloneElement(e, { ref: w }) });
+}
+const te = ({ children: e, initial: s, isPresent: t, onExitComplete: o, custom: l, presenceAffectsLayout: r, mode: n, anchorX: h, anchorY: g, root: y }) => {
+  const u = j(ne), w = W();
+  let c = !0, a = A(() => (c = !1, {
+    id: w,
+    initial: s,
+    isPresent: t,
+    custom: l,
+    onExitComplete: (p) => {
+      u.set(p, !0);
+      for (const m of u.values())
+        if (!m)
+          return;
+      o && o();
+    },
+    register: (p) => (u.set(p, !1), () => u.delete(p))
+  }), [t, u, o]);
+  return r && c && (a = { ...a }), A(() => {
+    u.forEach((p, m) => u.set(m, !1));
+  }, [t]), v.useEffect(() => {
+    !t && !u.size && o && o();
+  }, [t]), e = b(ee, { pop: n === "popLayout", isPresent: t, anchorX: h, anchorY: g, root: y, children: e }), b(F.Provider, { value: a, children: e });
+};
+function ne() {
+  return /* @__PURE__ */ new Map();
+}
+const $ = (e) => e.key || "";
+function S(e) {
+  const s = [];
+  return X.forEach(e, (t) => {
+    _(t) && s.push(t);
+  }), s;
+}
+const ie = ({ children: e, custom: s, initial: t = !0, onExitComplete: o, presenceAffectsLayout: l = !0, mode: r = "sync", propagate: n = !1, anchorX: h = "left", anchorY: g = "top", root: y }) => {
+  const [u, w] = G(n), c = A(() => S(e), [e]), a = n && !u ? [] : c.map($), p = P(!0), m = P(c), C = j(() => /* @__PURE__ */ new Map()), E = P(/* @__PURE__ */ new Set()), [M, L] = I(c), [f, x] = I(c);
+  O(() => {
+    p.current = !1, m.current = c;
+    for (let d = 0; d < f.length; d++) {
+      const i = $(f[d]);
+      a.includes(i) ? (C.delete(i), E.current.delete(i)) : C.get(i) !== !0 && C.set(i, !1);
+    }
+  }, [f, a.length, a.join("-")]);
+  const k = [];
+  if (c !== M) {
+    let d = [...c];
+    for (let i = 0; i < f.length; i++) {
+      const R = f[i], z = $(R);
+      a.includes(z) || (d.splice(i, 0, R), k.push(R));
+    }
+    return r === "wait" && k.length && (d = k), x(S(d)), L(c), null;
+  }
+  process.env.NODE_ENV !== "production" && r === "wait" && f.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
+  const { forceRender: K } = Y(q);
+  return b(U, { children: f.map((d) => {
+    const i = $(d), R = n && !u ? !1 : c === f || a.includes(i), z = () => {
+      if (E.current.has(i))
+        return;
+      if (E.current.add(i), C.has(i))
+        C.set(i, !0);
+      else
+        return;
+      let H = !0;
+      C.forEach((N) => {
+        N || (H = !1);
+      }), H && (K?.(), x(m.current), n && w?.(), o && o());
+    };
+    return b(te, { isPresent: R, initial: !p.current || t ? void 0 : !1, custom: s, presenceAffectsLayout: l, mode: r, root: y, onExitComplete: R ? void 0 : z, anchorX: h, anchorY: g, children: d }, i);
+  }) });
+};
+export {
+  ie as A
+};