@simpli-route/apollo-ds 0.1.83 → 0.1.85

package/dist/index.es22.js

@@ -1,142 +1,123 @@
-import { j as e } from "./index.es49.js";
-import { ClockIcon as D } from "./index.es51.js";
-import { forwardRef as H } from "react";
-import { TimeField as J, Group as K, DateInput as M, Button as Q, FieldError as U } from "react-aria-components";
-import { cn as r } from "./index.es50.js";
-import "./index.es17.js";
-import { Label as W } from "./index.es18.js";
-import { invisibleInputLabelVariants as X, invisibleInputCaptionVariants as Y } from "./index.es60.js";
-import { useTimeField as Z } from "./index.es44.js";
-import { TimePickerPopover as $ } from "./index.es23.js";
-import { TimeSegment as q } from "./index.es24.js";
-import { invisibleTimeFieldContainerVariants as z, invisibleTimeFieldGroupVariants as E, invisibleTimeFieldInputVariants as S, timeFieldButtonVariants as ee } from "./index.es73.js";
-const ie = H(
-  ({
-    size: s = "bodyDefault",
-    orientation: a = "vertical",
-    label: t,
-    captionError: n,
-    validationState: l,
-    className: x,
-    dateInputClassName: b,
-    dateSegmentClassName: j,
-    labelClassName: N,
-    captionErrorClassName: T,
-    isDisabled: m = !1,
-    isRequired: f = !1,
-    tooltipText: C,
-    tooltipSupportText: F,
-    tooltipProps: I,
-    granularity: g = "minute",
-    hourCycle: c,
-    hideTimeZone: V,
-    shouldForceLeadingZeros: k,
-    placeholderValue: P,
-    minValue: O,
-    maxValue: y,
-    value: G,
-    defaultValue: L,
-    onChange: w,
-    confirmButtonLabel: B = "Ok",
-    ...R
-  }, _) => {
-    const { currentValue: d, isPickerOpen: p, setIsPickerOpen: u, handleChange: v, containerRef: h } = Z({
-      value: G,
-      defaultValue: L,
-      onChange: w
-    }), A = (i, o) => m ? "disabled" : l === "invalid" ? "error" : i ? "active" : o ? "hover" : "default";
-    return /* @__PURE__ */ e.jsxs(
-      J,
-      {
-        ref: _,
-        value: d,
-        className: r(z({ size: s, orientation: a }), x),
-        isDisabled: m,
-        isInvalid: l === "invalid",
-        isRequired: f,
-        granularity: g,
-        hourCycle: c,
-        hideTimeZone: V,
-        shouldForceLeadingZeros: k,
-        placeholderValue: P,
-        minValue: O,
-        maxValue: y,
-        onChange: v,
-        ...R,
-        children: [
-          t && /* @__PURE__ */ e.jsx(
-            W,
+import { j as e } from "./index.es52.js";
+import { today as G, getLocalTimeZone as I } from "@internationalized/date";
+import { CalendarIcon as b, LeftChevronIcon as H, RightChevronIcon as z } from "./index.es81.js";
+import { DatePicker as L, Label as P, Group as B, DateInput as w, DateSegment as R, Button as d, 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 s } from "./index.es53.js";
+import { datepickerLabelVariants as S, datepickerGroupVariants as U, datepickerInputVariants as W, datepickerSegmentVariants as X, datepickerButtonVariants as o, datepickerCaptionVariants as Y, popoverVariants as _, calendarVariants as $, calendarHeaderVariants as E, calendarHeadingVariants as ee, calendarGridVariants as ae, calendarHeaderCellVariants as re, calendarCellVariants as se } from "./index.es68.js";
+const oe = ({
+  label: m,
+  size: l = "bodyDefault",
+  orientation: c = "vertical",
+  captionError: t,
+  validationState: n,
+  className: x,
+  inputClassName: h,
+  labelClassName: j,
+  captionErrorClassName: f,
+  popoverClassName: p,
+  firstDayOfWeek: u = "mon",
+  isDisabled: i = !1,
+  ...N
+}) => {
+  const C = (a, r) => i ? "disabled" : n === "invalid" ? "error" : a ? "active" : r ? "hover" : "default";
+  return /* @__PURE__ */ e.jsxs(
+    L,
+    {
+      className: s("flex gap-1", c === "horizontal" ? "flex-row items-center" : "flex-col", x),
+      isDisabled: i,
+      isInvalid: n === "invalid",
+      ...N,
+      children: [
+        m && /* @__PURE__ */ e.jsx(
+          P,
+          {
+            className: s(
+              S({ size: l }),
+              j,
+              c === "horizontal" && n !== "invalid" ? "self-center" : "self-start"
+            ),
+            children: m
+          }
+        ),
+        /* @__PURE__ */ e.jsxs("div", { className: s("flex flex-col", c === "horizontal" ? "flex-1" : "w-full"), children: [
+          /* @__PURE__ */ e.jsxs(
+            B,
             {
-              labelClassName: r(
-                X({ size: s }),
-                N,
-                a === "horizontal" && l !== "invalid" ? "self-center" : "self-start"
+              className: ({ isFocusWithin: a, isHovered: r }) => s(
+                U({
+                  size: l,
+                  state: C(a, r)
+                })
               ),
-              isRequired: f,
-              tooltipText: C,
-              tooltipSupportText: F,
-              tooltipProps: I,
-              children: t
+              children: [
+                /* @__PURE__ */ e.jsx(w, { className: s(W({ size: l }), h), children: (a) => /* @__PURE__ */ e.jsx(
+                  R,
+                  {
+                    segment: a,
+                    className: ({ isFocused: r }) => X({
+                      size: l,
+                      isPlaceholder: a.isPlaceholder,
+                      isFocused: r
+                    })
+                  }
+                ) }),
+                /* @__PURE__ */ e.jsx(d, { className: s(o({ size: l }), "text-neutral-900"), isDisabled: i, children: /* @__PURE__ */ e.jsx(b, { className: l === "bodySm" ? "size-3.5" : "size-4" }) })
+              ]
             }
           ),
-          /* @__PURE__ */ e.jsxs("div", { className: r("flex flex-col", a === "horizontal" ? "flex-1" : "w-full"), children: [
-            /* @__PURE__ */ e.jsxs(
-              K,
+          t && n === "invalid" && /* @__PURE__ */ e.jsx(
+            "div",
+            {
+              className: s(
+                Y({
+                  state: "error"
+                }),
+                f
+              ),
+              children: t
+            }
+          )
+        ] }),
+        n === "invalid" && t && /* @__PURE__ */ e.jsx(T, { className: "sr-only", children: t }),
+        /* @__PURE__ */ e.jsx(F, { className: s(_(), p), placement: "bottom start", children: /* @__PURE__ */ e.jsx(Z, { className: "outline-none", children: /* @__PURE__ */ e.jsxs(q, { className: $(), firstDayOfWeek: u, children: [
+          /* @__PURE__ */ e.jsxs("header", { className: E(), children: [
+            /* @__PURE__ */ e.jsx(
+              d,
               {
-                ref: h,
-                className: ({ isFocusWithin: i, isHovered: o }) => r(
-                  E({
-                    size: s,
-                    state: A(i || p, o)
-                  })
-                ),
-                children: [
-                  /* @__PURE__ */ e.jsx(M, { className: r(S({ size: s }), "font-semibold", b), children: (i) => /* @__PURE__ */ e.jsx(q, { segment: i, className: j }) }),
-                  /* @__PURE__ */ e.jsx(
-                    Q,
-                    {
-                      className: r(ee({ size: s })),
-                      "aria-label": "Time Picker",
-                      isDisabled: m,
-                      onPress: () => u((i) => !i),
-                      children: /* @__PURE__ */ e.jsx(D, { className: s === "bodySm" ? "size-3.5" : "size-4" })
-                    }
-                  )
-                ]
+                slot: "previous",
+                className: o({ size: "bodyDefault" }),
+                isDisabled: i,
+                children: /* @__PURE__ */ e.jsx(H, { className: "size-4" })
               }
             ),
-            n && l === "invalid" && /* @__PURE__ */ e.jsx(
-              "div",
-              {
-                className: r(
-                  Y({
-                    state: "error"
-                  }),
-                  T
-                ),
-                children: n
-              }
-            )
+            /* @__PURE__ */ e.jsx(A, { className: ee() }),
+            /* @__PURE__ */ e.jsx(d, { slot: "next", className: o({ size: "bodyDefault" }), isDisabled: i, children: /* @__PURE__ */ e.jsx(z, { className: "size-4" }) })
           ] }),
-          l === "invalid" && n && /* @__PURE__ */ e.jsx(U, { className: "sr-only", children: n }),
-          /* @__PURE__ */ e.jsx(
-            $,
-            {
-              isOpen: p,
-              value: d,
-              hourCycle: c,
-              containerRef: h,
-              confirmButtonLabel: B,
-              onOpenChange: u,
-              onChange: v
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-ie.displayName = "InvisibleTimeField";
+          /* @__PURE__ */ e.jsxs(J, { className: ae(), children: [
+            /* @__PURE__ */ e.jsx(K, { children: (a) => /* @__PURE__ */ e.jsx(M, { className: re(), children: a }) }),
+            /* @__PURE__ */ e.jsx(O, { children: (a) => {
+              const r = G(I()), v = a.year === r.year && a.month === r.month && a.day === r.day;
+              return /* @__PURE__ */ e.jsx(
+                Q,
+                {
+                  date: a,
+                  className: ({ isSelected: y, isDisabled: V, isOutsideMonth: g, isHovered: k, isFocusVisible: D }) => se({
+                    isSelected: y,
+                    isDisabled: V,
+                    isOutsideMonth: g,
+                    isHovered: k,
+                    isFocusVisible: D,
+                    isToday: v
+                  })
+                }
+              );
+            } })
+          ] })
+        ] }) }) })
+      ]
+    }
+  );
+};
 export {
-  ie as InvisibleTimeField
+  oe as InvisibleDatepicker
 };

package/dist/index.es23.js

@@ -1,160 +1,136 @@
-import { j as n } from "./index.es49.js";
-import { Time as O } from "@internationalized/date";
-import { useRef as M, useState as P, useCallback as d, useEffect as j } from "react";
-import { Popover as $, ListBox as k, ListBoxItem as N } from "react-aria-components";
-import { cn as x } from "./index.es50.js";
-import { Button as H } from "./index.es9.js";
-import { timePickerListItemVariants as A } from "./index.es73.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);
-    h == null || h(e), a == null || a(!1);
-  }, [s, m, h, a]), p = d(() => {
-    a == null || a(!1);
-  }, [a]);
-  j(() => {
-    if (i) {
-      b((r == null ? void 0 : r.hour) ?? 0), v((r == null ? void 0 : r.minute) ?? 0);
-      const e = ((r == null ? void 0 : r.hour) ?? 0) >= 12 ? "PM" : "AM";
-      L(e);
+import { j as e } from "./index.es52.js";
+import { forwardRef as X, useState as S } from "react";
+import { useFilter as Y, Select as Z, FieldError as $, Popover as ee } from "react-aria-components";
+import { cn as t } from "./index.es53.js";
+import "./index.es20.js";
+import { Label as ae } from "./index.es21.js";
+import { PopoverContent as le } from "./index.es82.js";
+import { InvisibleSelectContent as ie } from "./index.es24.js";
+import { invisibleSelectContainerVariants as se, invisibleSelectLabelVariants as te, invisibleSelectCaptionVariants as re, invisibleSelectPopoverVariants as ne } from "./index.es69.js";
+const oe = (N, C) => {
+  const {
+    size: c = "sm",
+    orientation: d = "vertical",
+    label: f,
+    items: y,
+    selectionMode: i = "single",
+    value: b,
+    defaultValue: v,
+    placeholder: j = "Selecciona",
+    captionError: r,
+    validationState: s,
+    className: I,
+    buttonClassName: V,
+    labelClassName: g,
+    captionErrorClassName: L,
+    popoverClassName: E,
+    classNameSearchField: O,
+    classNameSearchFieldInput: P,
+    isDisabled: u = !1,
+    onChange: n,
+    tooltipText: A,
+    tooltipSupportText: F,
+    tooltipProps: R,
+    isRequired: T = !1,
+    maxLengthTextOption: z = 18,
+    placeholderSearch: D = "Search",
+    enableSearch: B = !1,
+    noResultsText: q = "No se encontraron resultados",
+    "aria-label": M,
+    "aria-labelledby": _,
+    "aria-describedby": k,
+    id: w,
+    name: G
+  } = N, { contains: H } = Y({ sensitivity: "base" }), [x, m] = S(!1), [J, h] = S(() => v !== void 0 ? v : i === "multiple" ? [] : null), p = b !== void 0, o = p ? b : J, K = (l) => {
+    if (i === "multiple" && o && Array.isArray(o)) {
+      const a = o.filter((W) => W !== l);
+      p || h(a), n && n(a);
     }
-  }, [i, r]), j(() => {
-    i && setTimeout(() => {
-      if (y.current && g.current) {
-        const e = y.current.querySelector(`[data-key="${f}"]`), t = g.current.querySelector(`[data-key="${m}"]`);
-        e == null || e.scrollIntoView({ block: "center", behavior: "smooth" }), t == null || t.scrollIntoView({ block: "center", behavior: "smooth" });
+  }, Q = (l) => {
+    let a;
+    i === "multiple" ? a = l instanceof Set ? Array.from(l) : l : (a = l, m(!1)), p || h(a), n && n(a);
+  }, U = {
+    className: t(se({ size: c, orientation: d }), I),
+    selectionMode: i,
+    isDisabled: u,
+    isInvalid: s === "invalid",
+    value: o,
+    "aria-label": M,
+    "aria-labelledby": _,
+    "aria-describedby": k,
+    id: w,
+    name: G,
+    onChange: Q
+  };
+  return /* @__PURE__ */ e.jsxs(Z, { ...U, children: [
+    f && /* @__PURE__ */ e.jsx(
+      ae,
+      {
+        labelClassName: t(
+          te({ size: c }),
+          g,
+          d === "horizontal" && s !== "invalid" ? "self-center" : "self-start"
+        ),
+        isRequired: T,
+        tooltipText: A,
+        tooltipSupportText: F,
+        tooltipProps: R,
+        children: f
       }
-      if (S.current && l === 12) {
-        const e = S.current.querySelector(`[data-key="${u}"]`);
-        e == null || e.scrollIntoView({ block: "center", behavior: "smooth" });
+    ),
+    /* @__PURE__ */ e.jsxs("div", { className: t("flex flex-col", d === "horizontal" ? "flex-1" : "w-full"), children: [
+      /* @__PURE__ */ e.jsx(
+        ie,
+        {
+          ref: C,
+          isOpen: x,
+          setIsOpen: m,
+          size: c,
+          isDisabled: u,
+          buttonClassName: V,
+          selectionMode: i,
+          maxLengthTextOption: z,
+          handleDeleteOptionSelected: K,
+          placeholder: j,
+          validationState: s
+        }
+      ),
+      r && s === "invalid" && /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: t(
+            re({
+              state: "error"
+            }),
+            L
+          ),
+          children: r
+        }
+      )
+    ] }),
+    s === "invalid" && r && /* @__PURE__ */ e.jsx($, { className: "sr-only", children: r }),
+    /* @__PURE__ */ e.jsx(
+      ee,
+      {
+        className: t(ne(), E),
+        isOpen: x,
+        onOpenChange: m,
+        children: /* @__PURE__ */ e.jsx(
+          le,
+          {
+            enableSearch: B,
+            contains: H,
+            classNameSearchField: O,
+            classNameSearchFieldInput: P,
+            placeholderSearch: D,
+            items: y,
+            renderEmptyState: () => /* @__PURE__ */ e.jsx("div", { className: "px-3 py-2 text-xs text-neutral-600", children: q })
+          }
+        )
       }
-    }, 50);
-  }, [i, f, m, u, l]), j(() => {
-    const e = (t) => {
-      i && t.key === "Enter" && (t.preventDefault(), w()), i && t.key === "Escape" && (t.preventDefault(), p());
-    };
-    return i && document.addEventListener("keydown", e), () => {
-      document.removeEventListener("keydown", e);
-    };
-  }, [i, w, p]);
-  const B = d(
-    (e) => {
-      let t = e;
-      if (l === 12) {
-        const o = u === "PM";
-        e === 12 ? t = o ? 12 : 0 : t = o ? e + 12 : e;
-      }
-      b(t);
-    },
-    [l, u]
-  ), q = d((e) => {
-    v(e);
-  }, []), D = d(
-    (e) => {
-      L(e);
-      let t = s;
-      const o = e === "PM", c = f;
-      c === 12 ? t = o ? 12 : 0 : t = o ? c + 12 : c, b(t);
-    },
-    [s, f]
-  ), I = d(
-    (e) => {
-      e || p();
-    },
-    [p]
-  );
-  return /* @__PURE__ */ n.jsx(
-    $,
-    {
-      isOpen: i,
-      triggerRef: K,
-      placement: "bottom start",
-      className: "overflow-hidden rounded bg-white ring-1 ring-black/10",
-      style: {
-        boxShadow: "0px 1px 2px 0px #22242A0F, 0px 1px 3px 0px #22242A1A"
-      },
-      shouldCloseOnInteractOutside: () => !0,
-      onOpenChange: I,
-      children: /* @__PURE__ */ n.jsxs("div", { className: x("flex flex-col", l === 12 ? "w-[180px]" : "w-[140px]"), children: [
-        /* @__PURE__ */ n.jsxs("div", { className: "flex h-[180px] divide-x divide-neutral-200", children: [
-          /* @__PURE__ */ n.jsx("div", { className: "flex-1", children: /* @__PURE__ */ n.jsx(
-            k,
-            {
-              ref: y,
-              "aria-label": "Hours",
-              selectionMode: "single",
-              selectedKeys: /* @__PURE__ */ new Set([String(f)]),
-              className: "custom-scrollbar h-full overflow-y-auto p-1 outline-none",
-              onSelectionChange: (e) => {
-                const t = Array.from(e)[0];
-                t && B(Number(t));
-              },
-              children: V.map((e) => /* @__PURE__ */ n.jsx(
-                N,
-                {
-                  id: String(e),
-                  textValue: String(e).padStart(2, "0"),
-                  className: ({ isSelected: t, isFocused: o, isHovered: c }) => x(A({ isSelected: t, isFocused: o, isHovered: c, padding: "default" })),
-                  children: String(e).padStart(2, "0")
-                },
-                e
-              ))
-            }
-          ) }),
-          /* @__PURE__ */ n.jsx("div", { className: "flex-1", children: /* @__PURE__ */ n.jsx(
-            k,
-            {
-              ref: g,
-              "aria-label": "Minutes",
-              selectionMode: "single",
-              selectedKeys: /* @__PURE__ */ new Set([String(m)]),
-              className: "custom-scrollbar h-full overflow-y-auto p-1 outline-none",
-              onSelectionChange: (e) => {
-                const t = Array.from(e)[0];
-                t && q(Number(t));
-              },
-              children: E.map((e) => /* @__PURE__ */ n.jsx(
-                N,
-                {
-                  id: String(e),
-                  textValue: String(e).padStart(2, "0"),
-                  className: ({ isSelected: t, isFocused: o, isHovered: c }) => x(A({ isSelected: t, isFocused: o, isHovered: c, padding: "default" })),
-                  children: String(e).padStart(2, "0")
-                },
-                e
-              ))
-            }
-          ) }),
-          l === 12 && /* @__PURE__ */ n.jsx("div", { className: "w-14", children: /* @__PURE__ */ n.jsx(
-            k,
-            {
-              ref: S,
-              "aria-label": "Period",
-              selectionMode: "single",
-              selectedKeys: /* @__PURE__ */ new Set([u]),
-              className: "custom-scrollbar h-full overflow-y-auto p-1 outline-none",
-              onSelectionChange: (e) => {
-                const t = Array.from(e)[0];
-                t && D(t);
-              },
-              children: ["AM", "PM"].map((e) => /* @__PURE__ */ n.jsx(
-                N,
-                {
-                  id: e,
-                  textValue: e,
-                  className: ({ isSelected: t, isFocused: o, isHovered: c }) => x(A({ isSelected: t, isFocused: o, isHovered: c, padding: "compact" })),
-                  children: e
-                },
-                e
-              ))
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ n.jsx("div", { className: "border-t border-neutral-200 p-2", children: /* @__PURE__ */ n.jsx(H, { fullWidth: !0, intent: "tertiary", size: "sm", onPress: w, children: R }) })
-      ] })
-    }
-  );
-}
+    )
+  ] });
+}, he = X(oe);
 export {
-  U as TimePickerPopover
+  he as InvisibleSelect
 };

package/dist/index.es24.js

@@ -1,41 +1,80 @@
-import { j as n } from "./index.es49.js";
-import { DateSegment as a } from "react-aria-components";
-import { cn as i } from "./index.es50.js";
-function c({ segment: t, className: o }) {
-  const l = () => t.maxValue != null ? String(t.maxValue).length + "ch" : "fit-content";
-  return /* @__PURE__ */ n.jsx(
-    a,
+import { j as e } from "./index.es52.js";
+import { CrossCircleIcon as C, DownChevronIcon as V } from "./index.es81.js";
+import { Button as x, SelectValue as F } from "react-aria-components";
+import { cn as l } from "./index.es53.js";
+import { invisibleSelectButtonVariants as I, invisibleSelectBadgeVariants as P } from "./index.es69.js";
+const k = ({
+  ref: f,
+  isOpen: a,
+  setIsOpen: d,
+  size: s,
+  isDisabled: t,
+  buttonClassName: h,
+  selectionMode: j,
+  maxLengthTextOption: m,
+  handleDeleteOptionSelected: p,
+  placeholder: v,
+  validationState: N
+}) => {
+  const g = (r, n) => t ? "disabled" : N === "invalid" ? "error" : n || a ? "active" : r ? "hover" : "default";
+  return /* @__PURE__ */ e.jsx(
+    x,
     {
-      segment: t,
-      className: ({ isPlaceholder: r, isFocusVisible: e }) => i(
-        "group box-content rounded-sm text-right tabular-nums text-neutral-900 outline-none",
-        "focus:bg-primary-500 focus:text-white",
-        "px-0.5",
-        r && "text-neutral-700",
-        e && "bg-primary-500 text-white",
-        o
+      ref: f,
+      className: ({ isHovered: r, isFocusVisible: n }) => l(
+        I({
+          size: s,
+          state: g(r, n)
+        }),
+        h
       ),
-      style: {
-        minWidth: l()
-      },
-      children: ({ text: r, isPlaceholder: e }) => /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-        /* @__PURE__ */ n.jsx(
+      onPress: () => d(!a),
+      children: ({ isHovered: r, isFocusVisible: n }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx(F, { className: "flex flex-1 items-center gap-1 overflow-hidden", children: ({ selectedItems: c, selectedText: S, isPlaceholder: w }) => /* @__PURE__ */ e.jsx(e.Fragment, { children: j === "multiple" && c && c.length > 0 ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-1", children: c.filter((o) => o != null).map((o) => {
+          const i = o.label, B = i.length > m ? `${i.slice(0, m)}...` : i, u = o.value;
+          return /* @__PURE__ */ e.jsxs("div", { className: l(P({ size: s, isDisabled: t })), children: [
+            /* @__PURE__ */ e.jsx("span", { children: B }),
+            /* @__PURE__ */ e.jsx(
+              x,
+              {
+                className: l("outline-none", t ? "cursor-not-allowed" : ""),
+                isDisabled: t,
+                slot: null,
+                onPress: () => p(u),
+                children: /* @__PURE__ */ e.jsx(
+                  C,
+                  {
+                    className: l(
+                      "text-primary-800",
+                      t ? "text-neutral-600" : "",
+                      s === "xs" || s === "sm" ? "size-3" : "size-4"
+                    )
+                  }
+                )
+              }
+            )
+          ] }, u);
+        }) }) : /* @__PURE__ */ e.jsx(
           "span",
           {
-            "aria-hidden": "true",
-            className: i(
-              "pointer-events-none block w-full text-center text-neutral-700",
-              "group-focus:text-white",
-              e ? "visible" : "invisible h-0"
+            className: l(
+              "flex-1 truncate text-left",
+              w ? "text-neutral-600" : "",
+              t ? "text-neutral-700" : ""
             ),
-            children: t.placeholder
+            children: S || v
           }
-        ),
-        e ? "" : r
+        ) }) }),
+        r || n || a ? /* @__PURE__ */ e.jsx(
+          V,
+          {
+            className: `${a ? "rotate-180" : ""} size-4 text-blue-900 transition-transform duration-100`
+          }
+        ) : null
       ] })
     }
   );
-}
+};
 export {
-  c as TimeSegment
+  k as InvisibleSelectContent
 };