@simpli-route/apollo-ds 0.1.53 → 0.1.55

package/dist/index.es112.js

@@ -1,59 +1,168 @@
-import { j as r } from "./index.es40.js";
-import { SliderThumb as m } from "react-aria-components";
-import { cn as i } from "./index.es41.js";
-import { Tooltip as c } from "./index.es36.js";
-import { TooltipTrigger as d } from "./index.es37.js";
-const y = ({
-  index: o,
-  valuePercent: n,
-  value: a,
-  suffix: p,
-  modeTooltip: g,
-  positionTooltip: t,
-  showTypeValue: s,
-  classNameThumb: e,
-  isHiddenValue: l
-}) => /* @__PURE__ */ r.jsx(
-  "div",
+import { getDefaultExportFromCjs as r } from "./index.es107.js";
+import { p as o } from "./index.es120.js";
+const l = o;
+function e(a) {
+  return Object.fromEntries(
+    Object.entries(a).filter(([i]) => i !== "DEFAULT")
+  );
+}
+var s = l(
+  ({ addUtilities: a, matchUtilities: i, theme: n }) => {
+    a({
+      "@keyframes enter": n("keyframes.enter"),
+      "@keyframes exit": n("keyframes.exit"),
+      ".animate-in": {
+        animationName: "enter",
+        animationDuration: n("animationDuration.DEFAULT"),
+        "--tw-enter-opacity": "initial",
+        "--tw-enter-scale": "initial",
+        "--tw-enter-rotate": "initial",
+        "--tw-enter-translate-x": "initial",
+        "--tw-enter-translate-y": "initial"
+      },
+      ".animate-out": {
+        animationName: "exit",
+        animationDuration: n("animationDuration.DEFAULT"),
+        "--tw-exit-opacity": "initial",
+        "--tw-exit-scale": "initial",
+        "--tw-exit-rotate": "initial",
+        "--tw-exit-translate-x": "initial",
+        "--tw-exit-translate-y": "initial"
+      }
+    }), i(
+      {
+        "fade-in": (t) => ({ "--tw-enter-opacity": t }),
+        "fade-out": (t) => ({ "--tw-exit-opacity": t })
+      },
+      { values: n("animationOpacity") }
+    ), i(
+      {
+        "zoom-in": (t) => ({ "--tw-enter-scale": t }),
+        "zoom-out": (t) => ({ "--tw-exit-scale": t })
+      },
+      { values: n("animationScale") }
+    ), i(
+      {
+        "spin-in": (t) => ({ "--tw-enter-rotate": t }),
+        "spin-out": (t) => ({ "--tw-exit-rotate": t })
+      },
+      { values: n("animationRotate") }
+    ), i(
+      {
+        "slide-in-from-top": (t) => ({
+          "--tw-enter-translate-y": `-${t}`
+        }),
+        "slide-in-from-bottom": (t) => ({
+          "--tw-enter-translate-y": t
+        }),
+        "slide-in-from-left": (t) => ({
+          "--tw-enter-translate-x": `-${t}`
+        }),
+        "slide-in-from-right": (t) => ({
+          "--tw-enter-translate-x": t
+        }),
+        "slide-out-to-top": (t) => ({
+          "--tw-exit-translate-y": `-${t}`
+        }),
+        "slide-out-to-bottom": (t) => ({
+          "--tw-exit-translate-y": t
+        }),
+        "slide-out-to-left": (t) => ({
+          "--tw-exit-translate-x": `-${t}`
+        }),
+        "slide-out-to-right": (t) => ({
+          "--tw-exit-translate-x": t
+        })
+      },
+      { values: n("animationTranslate") }
+    ), i(
+      { duration: (t) => ({ animationDuration: t }) },
+      { values: e(n("animationDuration")) }
+    ), i(
+      { delay: (t) => ({ animationDelay: t }) },
+      { values: n("animationDelay") }
+    ), i(
+      { ease: (t) => ({ animationTimingFunction: t }) },
+      { values: e(n("animationTimingFunction")) }
+    ), a({
+      ".running": { animationPlayState: "running" },
+      ".paused": { animationPlayState: "paused" }
+    }), i(
+      { "fill-mode": (t) => ({ animationFillMode: t }) },
+      { values: n("animationFillMode") }
+    ), i(
+      { direction: (t) => ({ animationDirection: t }) },
+      { values: n("animationDirection") }
+    ), i(
+      { repeat: (t) => ({ animationIterationCount: t }) },
+      { values: n("animationRepeat") }
+    );
+  },
   {
-    className: i("absolute", s === "tooltip" && !l ? "top-[-6px]" : "top-1/2"),
-    style: { left: `${n * 100}%`, transform: "translate(-50%, -50%)" },
-    children: s === "tooltip" && !l ? /* @__PURE__ */ r.jsxs(d, { closeDelay: 100, delay: 100, children: [
-      /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsx(
-        m,
-        {
-          index: o,
-          className: i(
-            "dragging:bg-primary-100 size-5 rounded-full bg-primary-500 outline-none ring-black transition focus-visible:ring-2",
-            e
-          )
-        }
-      ) }),
-      /* @__PURE__ */ r.jsxs(
-        c,
-        {
-          mode: g,
-          placement: t,
-          size: "sm",
-          className: i("!text-sm", t === "top" ? "!mb-6" : "!mt-6"),
-          children: [
-            a,
-            p
-          ]
+    theme: {
+      extend: {
+        animationDelay: ({ theme: a }) => ({
+          ...a("transitionDelay")
+        }),
+        animationDuration: ({ theme: a }) => ({
+          0: "0ms",
+          ...a("transitionDuration")
+        }),
+        animationTimingFunction: ({ theme: a }) => ({
+          ...a("transitionTimingFunction")
+        }),
+        animationFillMode: {
+          none: "none",
+          forwards: "forwards",
+          backwards: "backwards",
+          both: "both"
+        },
+        animationDirection: {
+          normal: "normal",
+          reverse: "reverse",
+          alternate: "alternate",
+          "alternate-reverse": "alternate-reverse"
+        },
+        animationOpacity: ({ theme: a }) => ({
+          DEFAULT: 0,
+          ...a("opacity")
+        }),
+        animationTranslate: ({ theme: a }) => ({
+          DEFAULT: "100%",
+          ...a("translate")
+        }),
+        animationScale: ({ theme: a }) => ({
+          DEFAULT: 0,
+          ...a("scale")
+        }),
+        animationRotate: ({ theme: a }) => ({
+          DEFAULT: "30deg",
+          ...a("rotate")
+        }),
+        animationRepeat: {
+          0: "0",
+          1: "1",
+          infinite: "infinite"
+        },
+        keyframes: {
+          enter: {
+            from: {
+              opacity: "var(--tw-enter-opacity, 1)",
+              transform: "translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))"
+            }
+          },
+          exit: {
+            to: {
+              opacity: "var(--tw-exit-opacity, 1)",
+              transform: "translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))"
+            }
+          }
         }
-      )
-    ] }) : /* @__PURE__ */ r.jsx(
-      m,
-      {
-        index: o,
-        className: i(
-          "dragging:bg-primary-100 size-5 rounded-full bg-primary-500 outline-none ring-black transition focus-visible:ring-2",
-          e
-        )
       }
-    )
+    }
   }
 );
+const u = /* @__PURE__ */ r(s);
 export {
-  y as SliderThumb
+  u as default
 };

package/dist/index.es12.js

@@ -2,7 +2,7 @@ import { j as o } from "./index.es40.js";
 import { forwardRef as h } from "react";
 import { useContextProps as B, ButtonContext as j, Button as N } from "react-aria-components";
 import { cn as w } from "./index.es41.js";
-import { buttonVariants as C } from "./index.es72.js";
+import { buttonVariants as C } from "./index.es68.js";
 function I(r, i) {
   const [a, c] = B(r, i, j), {
     intent: m = "secondary",

package/dist/index.es13.js

@@ -2,7 +2,7 @@ import { j as e } from "./index.es40.js";
 import { forwardRef as h } from "react";
 import { TextField as j, Label as N, Input as V, FieldError as y } from "react-aria-components";
 import { cn as i } from "./index.es41.js";
-import { invisibleInputContainerVariants as w, invisibleInputLabelVariants as C, invisibleInputVariants as F, invisibleInputCaptionVariants as L } from "./index.es58.js";
+import { invisibleInputContainerVariants as w, invisibleInputLabelVariants as C, invisibleInputVariants as F, invisibleInputCaptionVariants as L } from "./index.es62.js";
 const R = h(
   ({
     size: l = "bodyDefault",

package/dist/index.es15.js

@@ -3,7 +3,7 @@ import { today as k, getLocalTimeZone as G } from "@internationalized/date";
 import { CalendarIcon as I, LeftChevronIcon as H, RightChevronIcon as z } from "./index.es42.js";
 import { DatePicker as L, Label as P, Group as B, DateInput as w, DateSegment as R, Button as c, FieldError as T, Popover as F, Dialog as Z, Calendar as q, Heading as A, CalendarGrid as J, CalendarGridHeader as K, CalendarHeaderCell as M, CalendarGridBody as O, CalendarCell as Q } from "react-aria-components";
 import { cn as r } from "./index.es41.js";
-import { datepickerLabelVariants as S, datepickerGroupVariants as U, datepickerInputVariants as W, datepickerSegmentVariants as X, datepickerButtonVariants as d, datepickerCaptionVariants as Y, popoverVariants as _, calendarVariants as $, calendarHeaderVariants as E, calendarHeadingVariants as ee, calendarGridVariants as ae, calendarHeaderCellVariants as se, calendarCellVariants as re } from "./index.es52.js";
+import { datepickerLabelVariants as S, datepickerGroupVariants as U, datepickerInputVariants as W, datepickerSegmentVariants as X, datepickerButtonVariants as d, datepickerCaptionVariants as Y, popoverVariants as _, calendarVariants as $, calendarHeaderVariants as E, calendarHeadingVariants as ee, calendarGridVariants as ae, calendarHeaderCellVariants as se, calendarCellVariants as re } from "./index.es56.js";
 const oe = ({
   label: o,
   size: l = "bodyDefault",

package/dist/index.es16.js

@@ -1,121 +1,124 @@
 import { j as e } from "./index.es40.js";
-import { DownChevronIcon as O } from "./index.es42.js";
-import { forwardRef as F, useState as P } from "react";
-import { useLocale as R } from "react-aria";
-import { Select as _, Button as k, SelectValue as z, FieldError as A, Popover as D, ListBox as G } from "react-aria-components";
-import { cn as s } from "./index.es41.js";
-import "./index.es13.js";
-import { Label as H } from "./index.es14.js";
-import { invisibleInputLabelVariants as J, invisibleInputCaptionVariants as K } from "./index.es58.js";
-import { invisibleSelectContainerVariants as M, invisibleSelectButtonVariants as Q, invisibleSelectValueVariants as T, invisibleSelectChevronVariants as U, invisibleSelectPopoverVariants as W, invisibleSelectListBoxVariants as X } from "./index.es53.js";
-const Y = ({
-  size: a = "bodyDefault",
-  orientation: o = "vertical",
-  label: f,
-  placeholder: x = "Select an option",
-  captionError: r,
-  validationState: l,
-  className: d,
-  buttonClassName: h,
-  labelClassName: b,
-  captionErrorClassName: j,
-  isDisabled: c = !1,
-  isRequired: v = !1,
-  tooltipText: N,
-  tooltipSupportText: V,
-  tooltipProps: S,
-  items: I,
-  selectionMode: C,
-  children: L,
-  ...B
-}, g) => {
-  const [p, w] = P(!1), u = (i, t, n) => c ? "disabled" : l === "invalid" ? "error" : t || n || p ? "active" : i ? "hover" : "default", { locale: y } = R();
-  return /* @__PURE__ */ e.jsxs(
-    _,
-    {
-      className: s(M({ size: a, orientation: o }), d),
-      isDisabled: c,
-      lang: y,
-      isInvalid: l === "invalid",
-      isRequired: v,
-      selectionMode: C,
-      onOpenChange: w,
-      ...B,
-      children: [
-        f && /* @__PURE__ */ e.jsx(
-          H,
-          {
-            labelClassName: s(
-              J({ size: a }),
-              b,
-              o === "horizontal" && l !== "invalid" ? "self-center" : "self-start"
-            ),
-            isRequired: v,
-            tooltipText: N,
-            tooltipSupportText: V,
-            tooltipProps: S,
-            children: f
-          }
+import { forwardRef as K, useState as x } from "react";
+import { useFilter as Q, Select as U, Label as W, FieldError as X, Popover as Y } from "react-aria-components";
+import { cn as r } from "./index.es41.js";
+import { PopoverContent as Z } from "./index.es67.js";
+import { InvisibleSelectContent as _ } from "./index.es17.js";
+import { invisibleSelectContainerVariants as $, invisibleSelectLabelVariants as ee, invisibleSelectCaptionVariants as ae, invisibleSelectPopoverVariants as le } from "./index.es57.js";
+const ie = (C, N) => {
+  const {
+    size: c = "xs",
+    orientation: d = "vertical",
+    label: p,
+    items: y,
+    selectionMode: i = "single",
+    value: b,
+    defaultValue: v,
+    placeholder: j = "Selecciona",
+    captionError: t,
+    validationState: s,
+    className: I,
+    buttonClassName: V,
+    labelClassName: g,
+    captionErrorClassName: L,
+    popoverClassName: O,
+    classNameSearchField: A,
+    classNameSearchFieldInput: E,
+    isDisabled: h = !1,
+    onChange: n,
+    maxLengthTextOption: F = 18,
+    placeholderSearch: P = "Search",
+    enableSearch: z = !1,
+    "aria-label": D,
+    "aria-labelledby": B,
+    "aria-describedby": R,
+    id: M,
+    name: T
+  } = C, { contains: k } = Q({ sensitivity: "base" }), [u, m] = x(!1), [q, S] = x(() => v !== void 0 ? v : i === "multiple" ? [] : null), f = b !== void 0, o = f ? b : q, w = (l) => {
+    if (i === "multiple" && o && Array.isArray(o)) {
+      const a = o.filter((J) => J !== l);
+      f || S(a), n && n(a);
+    }
+  }, G = (l) => {
+    let a;
+    i === "multiple" ? a = l instanceof Set ? Array.from(l) : l : (a = l, m(!1)), f || S(a), n && n(a);
+  }, H = {
+    className: r($({ size: c, orientation: d }), I),
+    selectionMode: i,
+    isDisabled: h,
+    isInvalid: s === "invalid",
+    value: o,
+    "aria-label": D,
+    "aria-labelledby": B,
+    "aria-describedby": R,
+    id: M,
+    name: T,
+    onChange: G
+  };
+  return /* @__PURE__ */ e.jsxs(U, { ...H, children: [
+    p && /* @__PURE__ */ e.jsx(
+      W,
+      {
+        className: r(
+          ee({ size: c }),
+          g,
+          d === "horizontal" && s !== "invalid" ? "self-center" : "self-start"
         ),
-        /* @__PURE__ */ e.jsxs("div", { className: s("flex flex-col", o === "horizontal" ? "flex-1" : "w-full"), children: [
-          /* @__PURE__ */ e.jsx(
-            k,
-            {
-              ref: g,
-              className: ({ isHovered: i, isFocusVisible: t, isFocused: n }) => s(
-                Q({
-                  size: a,
-                  state: u(i, t, n)
-                }),
-                h
-              ),
-              children: ({ isHovered: i, isFocusVisible: t, isFocused: n }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                /* @__PURE__ */ e.jsx(
-                  z,
-                  {
-                    className: ({ selectedText: m }) => s(
-                      T({
-                        hasValue: !!m,
-                        isDisabled: c
-                      })
-                    ),
-                    children: ({ selectedText: m }) => m || x
-                  }
-                ),
-                /* @__PURE__ */ e.jsx(
-                  O,
-                  {
-                    className: s(
-                      U({
-                        state: u(i, t, n),
-                        isOpen: p
-                      })
-                    )
-                  }
-                )
-              ] })
-            }
+        children: p
+      }
+    ),
+    /* @__PURE__ */ e.jsxs("div", { className: r("flex flex-col", d === "horizontal" ? "flex-1" : "w-full"), children: [
+      /* @__PURE__ */ e.jsx(
+        _,
+        {
+          ref: N,
+          isOpen: u,
+          setIsOpen: m,
+          size: c,
+          isDisabled: h,
+          buttonClassName: V,
+          selectionMode: i,
+          maxLengthTextOption: F,
+          handleDeleteOptionSelected: w,
+          placeholder: j,
+          validationState: s
+        }
+      ),
+      t && s === "invalid" && /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: r(
+            ae({
+              state: "error"
+            }),
+            L
           ),
-          r && l === "invalid" && /* @__PURE__ */ e.jsx(
-            "div",
-            {
-              className: s(
-                K({
-                  state: "error"
-                }),
-                j
-              ),
-              children: r
-            }
-          )
-        ] }),
-        l === "invalid" && r && /* @__PURE__ */ e.jsx(A, { className: "sr-only", children: r }),
-        /* @__PURE__ */ e.jsx(D, { className: s(W()), placement: "bottom start", children: /* @__PURE__ */ e.jsx(G, { items: I, className: s(X()), children: L }) })
-      ]
-    }
-  );
-}, Z = F(Y);
-Z.displayName = "InvisibleSelect";
+          children: t
+        }
+      )
+    ] }),
+    s === "invalid" && t && /* @__PURE__ */ e.jsx(X, { className: "sr-only", children: t }),
+    /* @__PURE__ */ e.jsx(
+      Y,
+      {
+        className: r(le(), O),
+        isOpen: u,
+        onOpenChange: m,
+        children: /* @__PURE__ */ e.jsx(
+          Z,
+          {
+            enableSearch: z,
+            contains: k,
+            classNameSearchField: A,
+            classNameSearchFieldInput: E,
+            placeholderSearch: P,
+            items: y
+          }
+        )
+      }
+    )
+  ] });
+}, me = K(ie);
 export {
-  Z as InvisibleSelect
+  me as InvisibleSelect
 };

package/dist/index.es17.js

@@ -1,45 +1,80 @@
 import { j as e } from "./index.es40.js";
-import { ListBoxItem as a } from "react-aria-components";
-import { cn as i } from "./index.es41.js";
-import { invisibleSelectItemVariants as c } from "./index.es53.js";
-const j = (r) => {
-  const { children: s, textValue: l, ...n } = r, m = l || (typeof s == "string" ? s : void 0);
-  return /* @__PURE__ */ e.jsx(
-    a,
+import { CrossCircleIcon as w, DownChevronIcon as B } from "./index.es42.js";
+import { Button as u, SelectValue as C } from "react-aria-components";
+import { cn as l } from "./index.es41.js";
+import { invisibleSelectButtonVariants as V, invisibleSelectBadgeVariants as I } from "./index.es57.js";
+const F = ({
+  ref: x,
+  isOpen: o,
+  setIsOpen: f,
+  size: a,
+  isDisabled: r,
+  buttonClassName: d,
+  selectionMode: h,
+  maxLengthTextOption: c,
+  handleDeleteOptionSelected: j,
+  placeholder: p,
+  validationState: v
+}) => {
+  const N = (t, n) => r ? "disabled" : v === "invalid" ? "error" : n || o ? "active" : t ? "hover" : "default";
+  return /* @__PURE__ */ e.jsxs(
+    u,
     {
-      ...n,
-      textValue: m,
-      className: ({ isHovered: t, isFocusVisible: o, isSelected: x }) => i(
-        c({
-          isSelected: x,
-          isHovered: t,
-          isFocusVisible: o
-        })
+      ref: x,
+      className: ({ isHovered: t, isFocusVisible: n }) => l(
+        V({
+          size: a,
+          state: N(t, n)
+        }),
+        d
       ),
-      children: ({ isSelected: t }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx(
+      onPress: () => f(!o),
+      children: [
+        /* @__PURE__ */ e.jsx(C, { className: "flex flex-1 items-center gap-1 overflow-hidden", children: ({ selectedItems: t, selectedText: n, isPlaceholder: g }) => /* @__PURE__ */ e.jsx(e.Fragment, { children: h === "multiple" && t && t.length > 0 ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-1", children: t.filter((s) => s != null).map((s) => {
+          const i = s.label, S = i.length > c ? `${i.slice(0, c)}...` : i, m = s.value;
+          return /* @__PURE__ */ e.jsxs("div", { className: l(I({ size: a, isDisabled: r })), children: [
+            /* @__PURE__ */ e.jsx("span", { children: S }),
+            /* @__PURE__ */ e.jsx(
+              u,
+              {
+                className: l("outline-none", r ? "cursor-not-allowed" : ""),
+                isDisabled: r,
+                slot: null,
+                onPress: () => j(m),
+                children: /* @__PURE__ */ e.jsx(
+                  w,
+                  {
+                    className: l(
+                      "text-primary-800",
+                      r ? "text-neutral-600" : "",
+                      a === "xs" || a === "sm" ? "size-3" : "size-4"
+                    )
+                  }
+                )
+              }
+            )
+          ] }, m);
+        }) }) : /* @__PURE__ */ e.jsx(
           "span",
           {
-            className: i(
-              "flex flex-1 items-center gap-2 text-sm font-normal text-primary-900",
-              t && "text-primary-500"
+            className: l(
+              "flex-1 truncate text-left",
+              g ? "text-neutral-600" : "",
+              r ? "text-neutral-700" : ""
             ),
-            children: s
+            children: n || p
           }
-        ),
-        /* @__PURE__ */ e.jsx("span", { className: "flex w-5 shrink-0 items-center", children: t && /* @__PURE__ */ e.jsx("svg", { width: "14", height: "13", viewBox: "0 0 14 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e.jsx(
-          "path",
+        ) }) }),
+        /* @__PURE__ */ e.jsx(
+          B,
           {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M13.2241 0.601824C13.4808 0.780773 13.5439 1.13398 13.365 1.39073L5.69829 12.3907C5.59653 12.5367 5.43209 12.6264 5.25425 12.633C5.07641 12.6395 4.90582 12.5622 4.79359 12.4241L0.460261 7.09072C0.26291 6.84783 0.299829 6.49094 0.542723 6.29358C0.785617 6.09623 1.14251 6.13315 1.33986 6.37605L5.19872 11.1254L12.4352 0.7427C12.6141 0.485948 12.9673 0.422875 13.2241 0.601824Z",
-            fill: "#4C3BEF"
+            className: `${o ? "rotate-180" : ""} size-4 text-blue-900 transition-transform duration-100`
           }
-        ) }) })
-      ] })
+        )
+      ]
     }
   );
 };
 export {
-  j as InvisibleSelectItem
+  F as InvisibleSelectContent
 };

package/dist/index.es18.js

@@ -5,10 +5,10 @@ import { TimeField as S, Group as U, DateInput as W, Button as X, FieldError as
 import { cn as s } from "./index.es41.js";
 import "./index.es13.js";
 import { Label as Z } from "./index.es14.js";
-import { invisibleInputLabelVariants as $, invisibleInputCaptionVariants as q } from "./index.es58.js";
+import { invisibleInputLabelVariants as $, invisibleInputCaptionVariants as q } from "./index.es62.js";
 import { TimePickerPopover as z } from "./index.es19.js";
 import { TimeSegment as ee } from "./index.es20.js";
-import { invisibleTimeFieldContainerVariants as ie, invisibleTimeFieldGroupVariants as se, invisibleTimeFieldInputVariants as le, timeFieldButtonVariants as ne } from "./index.es54.js";
+import { invisibleTimeFieldContainerVariants as ie, invisibleTimeFieldGroupVariants as se, invisibleTimeFieldInputVariants as le, timeFieldButtonVariants as ne } from "./index.es58.js";
 const re = K(
   ({
     size: l = "bodyDefault",

package/dist/index.es19.js

@@ -4,7 +4,7 @@ import { useRef as M, useState as P, useCallback as d, useEffect as j } from "re
 import { Popover as $, ListBox as k, ListBoxItem as N } from "react-aria-components";
 import { cn as x } from "./index.es41.js";
 import { Button as H } from "./index.es5.js";
-import { timePickerListItemVariants as A } from "./index.es54.js";
+import { timePickerListItemVariants as A } from "./index.es58.js";
 function U(C) {
   const { isOpen: i, onOpenChange: a, value: r, onChange: h, hourCycle: l = 12, containerRef: K, confirmButtonLabel: R } = C, y = M(null), g = M(null), S = M(null), [s, b] = P((r == null ? void 0 : r.hour) ?? 0), [m, v] = P((r == null ? void 0 : r.minute) ?? 0), V = Array.from({ length: l === 12 ? 12 : 24 }, (e, t) => l === 12 ? t + 1 : t), E = Array.from({ length: 60 }, (e, t) => t), f = l === 12 ? s === 0 ? 12 : s > 12 ? s - 12 : s : s, T = s >= 12 ? "PM" : "AM", [u, L] = P(T), w = d(() => {
     const e = new O(s, m, 0);

package/dist/index.es22.js

@@ -2,7 +2,7 @@ import { j as e } from "./index.es40.js";
 import { forwardRef as x } from "react";
 import { cn as y } from "./index.es41.js";
 import { Loader as f } from "./index.es21.js";
-import { Overlay as u } from "./index.es68.js";
+import { Overlay as u } from "./index.es69.js";
 const v = (s, a) => {
   const {
     className: l,