@boxcustodia/library 0.5.2 → 0.5.4

package/dist/index.es130.js

@@ -1,6 +1,24 @@
-import { createSafeContext as e } from "./index.es91.js";
-const [t, r] = e();
+import { cva as i } from "./index.es148.js";
+const t = i("ui-animate-spin", {
+  variants: {
+    variant: {
+      primary: "ui-text-primary",
+      secondary: "ui-text-secondary",
+      ghost: "ui-text-muted-foreground",
+      error: "ui-text-error",
+      success: "ui-text-success"
+    },
+    size: {
+      sm: "ui-w-4 ui-h-4",
+      default: "ui-w-7 ui-h-7",
+      lg: "ui-w-10 ui-h-10"
+    }
+  },
+  defaultVariants: {
+    variant: "primary",
+    size: "default"
+  }
+});
 export {
-  r as FormFieldContextProvider,
-  t as useFormFieldContext
+  t as loaderVariants
 };

package/dist/index.es131.js

@@ -1,6 +1,13 @@
-import { createSafeContext as t } from "./index.es91.js";
-const [o, r] = t();
+import e from "./index.es202.js";
+/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const r = e("LoaderCircle", [
+  ["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]
+]);
 export {
-  r as FormItemContextProvider,
-  o as useFormItemContext
+  r as default
 };

package/dist/index.es132.js

@@ -1,19 +1,226 @@
-import { cva as r } from "./index.es154.js";
-const o = r(
-  "ui-m-1 ui-transition ui-ease-in-out ui-delay-150 ui-duration-300",
-  {
-    variants: {
-      variant: {
-        default: "ui-border-foreground/60 ui-border ui-text-foreground ui-bg-card hover:ui-bg-card/80",
-        secondary: "ui-border-foreground/60 ui-border ui-bg-secondary ui-text-secondary-foreground hover:ui-bg-secondary/80",
-        error: "ui-border-transparent ui-bg-error ui-text-error-foreground hover:ui-bg-error/80"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
+import * as s from "react";
+import { composeEventHandlers as w } from "./index.es175.js";
+import { composeRefs as L } from "./index.es168.js";
+import { createContextScope as K } from "./index.es176.js";
+import { useControllableState as g } from "./index.es88.js";
+import { Primitive as U } from "./index.es165.js";
+import { createMenuScope as D, Anchor as B, Content as F, Group as H, Label as W, Item as $, CheckboxItem as X, RadioGroup as q, RadioItem as z, ItemIndicator as J, Separator as Q, Arrow as V, SubTrigger as Y, SubContent as Z, Root as oo, Portal as eo, Sub as ro } from "./index.es184.js";
+import { useId as M } from "./index.es166.js";
+import { j as t } from "./index.es100.js";
+var v = "DropdownMenu", [no, No] = K(
+  v,
+  [D]
+), u = D(), [ao, x] = no(v), _ = (o) => {
+  const {
+    __scopeDropdownMenu: n,
+    children: r,
+    dir: e,
+    open: a,
+    defaultOpen: d,
+    onOpenChange: c,
+    modal: p = !0
+  } = o, i = u(n), f = s.useRef(null), [l = !1, m] = g({
+    prop: a,
+    defaultProp: d,
+    onChange: c
+  });
+  return /* @__PURE__ */ t.jsx(
+    ao,
+    {
+      scope: n,
+      triggerId: M(),
+      triggerRef: f,
+      contentId: M(),
+      open: l,
+      onOpenChange: m,
+      onOpenToggle: s.useCallback(() => m((k) => !k), [m]),
+      modal: p,
+      children: /* @__PURE__ */ t.jsx(oo, { ...i, open: l, onOpenChange: m, dir: e, modal: p, children: r })
     }
+  );
+};
+_.displayName = v;
+var h = "DropdownMenuTrigger", R = s.forwardRef(
+  (o, n) => {
+    const { __scopeDropdownMenu: r, disabled: e = !1, ...a } = o, d = x(h, r), c = u(r);
+    return /* @__PURE__ */ t.jsx(B, { asChild: !0, ...c, children: /* @__PURE__ */ t.jsx(
+      U.button,
+      {
+        type: "button",
+        id: d.triggerId,
+        "aria-haspopup": "menu",
+        "aria-expanded": d.open,
+        "aria-controls": d.open ? d.contentId : void 0,
+        "data-state": d.open ? "open" : "closed",
+        "data-disabled": e ? "" : void 0,
+        disabled: e,
+        ...a,
+        ref: L(n, d.triggerRef),
+        onPointerDown: w(o.onPointerDown, (p) => {
+          !e && p.button === 0 && p.ctrlKey === !1 && (d.onOpenToggle(), d.open || p.preventDefault());
+        }),
+        onKeyDown: w(o.onKeyDown, (p) => {
+          e || (["Enter", " "].includes(p.key) && d.onOpenToggle(), p.key === "ArrowDown" && d.onOpenChange(!0), ["Enter", " ", "ArrowDown"].includes(p.key) && p.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+R.displayName = h;
+var to = "DropdownMenuPortal", I = (o) => {
+  const { __scopeDropdownMenu: n, ...r } = o, e = u(n);
+  return /* @__PURE__ */ t.jsx(eo, { ...e, ...r });
+};
+I.displayName = to;
+var b = "DropdownMenuContent", S = s.forwardRef(
+  (o, n) => {
+    const { __scopeDropdownMenu: r, ...e } = o, a = x(b, r), d = u(r), c = s.useRef(!1);
+    return /* @__PURE__ */ t.jsx(
+      F,
+      {
+        id: a.contentId,
+        "aria-labelledby": a.triggerId,
+        ...d,
+        ...e,
+        ref: n,
+        onCloseAutoFocus: w(o.onCloseAutoFocus, (p) => {
+          var i;
+          c.current || (i = a.triggerRef.current) == null || i.focus(), c.current = !1, p.preventDefault();
+        }),
+        onInteractOutside: w(o.onInteractOutside, (p) => {
+          const i = p.detail.originalEvent, f = i.button === 0 && i.ctrlKey === !0, l = i.button === 2 || f;
+          (!a.modal || l) && (c.current = !0);
+        }),
+        style: {
+          ...o.style,
+          "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+          "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
+          "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
+          "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
+          "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
+        }
+      }
+    );
+  }
+);
+S.displayName = b;
+var po = "DropdownMenuGroup", C = s.forwardRef(
+  (o, n) => {
+    const { __scopeDropdownMenu: r, ...e } = o, a = u(r);
+    return /* @__PURE__ */ t.jsx(H, { ...a, ...e, ref: n });
   }
 );
+C.displayName = po;
+var so = "DropdownMenuLabel", N = s.forwardRef(
+  (o, n) => {
+    const { __scopeDropdownMenu: r, ...e } = o, a = u(r);
+    return /* @__PURE__ */ t.jsx(W, { ...a, ...e, ref: n });
+  }
+);
+N.displayName = so;
+var uo = "DropdownMenuItem", A = s.forwardRef(
+  (o, n) => {
+    const { __scopeDropdownMenu: r, ...e } = o, a = u(r);
+    return /* @__PURE__ */ t.jsx($, { ...a, ...e, ref: n });
+  }
+);
+A.displayName = uo;
+var io = "DropdownMenuCheckboxItem", E = s.forwardRef((o, n) => {
+  const { __scopeDropdownMenu: r, ...e } = o, a = u(r);
+  return /* @__PURE__ */ t.jsx(X, { ...a, ...e, ref: n });
+});
+E.displayName = io;
+var co = "DropdownMenuRadioGroup", P = s.forwardRef((o, n) => {
+  const { __scopeDropdownMenu: r, ...e } = o, a = u(r);
+  return /* @__PURE__ */ t.jsx(q, { ...a, ...e, ref: n });
+});
+P.displayName = co;
+var lo = "DropdownMenuRadioItem", O = s.forwardRef((o, n) => {
+  const { __scopeDropdownMenu: r, ...e } = o, a = u(r);
+  return /* @__PURE__ */ t.jsx(z, { ...a, ...e, ref: n });
+});
+O.displayName = lo;
+var mo = "DropdownMenuItemIndicator", y = s.forwardRef((o, n) => {
+  const { __scopeDropdownMenu: r, ...e } = o, a = u(r);
+  return /* @__PURE__ */ t.jsx(J, { ...a, ...e, ref: n });
+});
+y.displayName = mo;
+var wo = "DropdownMenuSeparator", T = s.forwardRef((o, n) => {
+  const { __scopeDropdownMenu: r, ...e } = o, a = u(r);
+  return /* @__PURE__ */ t.jsx(Q, { ...a, ...e, ref: n });
+});
+T.displayName = wo;
+var fo = "DropdownMenuArrow", vo = s.forwardRef(
+  (o, n) => {
+    const { __scopeDropdownMenu: r, ...e } = o, a = u(r);
+    return /* @__PURE__ */ t.jsx(V, { ...a, ...e, ref: n });
+  }
+);
+vo.displayName = fo;
+var Mo = (o) => {
+  const { __scopeDropdownMenu: n, children: r, open: e, onOpenChange: a, defaultOpen: d } = o, c = u(n), [p = !1, i] = g({
+    prop: e,
+    defaultProp: d,
+    onChange: a
+  });
+  return /* @__PURE__ */ t.jsx(ro, { ...c, open: p, onOpenChange: i, children: r });
+}, go = "DropdownMenuSubTrigger", j = s.forwardRef((o, n) => {
+  const { __scopeDropdownMenu: r, ...e } = o, a = u(r);
+  return /* @__PURE__ */ t.jsx(Y, { ...a, ...e, ref: n });
+});
+j.displayName = go;
+var Do = "DropdownMenuSubContent", G = s.forwardRef((o, n) => {
+  const { __scopeDropdownMenu: r, ...e } = o, a = u(r);
+  return /* @__PURE__ */ t.jsx(
+    Z,
+    {
+      ...a,
+      ...e,
+      ref: n,
+      style: {
+        ...o.style,
+        "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+        "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
+        "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
+        "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
+        "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
+      }
+    }
+  );
+});
+G.displayName = Do;
+var Ao = _, Eo = R, Po = I, Oo = S, yo = C, To = N, jo = A, Go = E, ko = P, Lo = O, Ko = y, Uo = T, Bo = Mo, Fo = j, Ho = G;
 export {
-  o as multiSelectVariants
+  Go as CheckboxItem,
+  Oo as Content,
+  _ as DropdownMenu,
+  vo as DropdownMenuArrow,
+  E as DropdownMenuCheckboxItem,
+  S as DropdownMenuContent,
+  C as DropdownMenuGroup,
+  A as DropdownMenuItem,
+  y as DropdownMenuItemIndicator,
+  N as DropdownMenuLabel,
+  I as DropdownMenuPortal,
+  P as DropdownMenuRadioGroup,
+  O as DropdownMenuRadioItem,
+  T as DropdownMenuSeparator,
+  Mo as DropdownMenuSub,
+  G as DropdownMenuSubContent,
+  j as DropdownMenuSubTrigger,
+  R as DropdownMenuTrigger,
+  yo as Group,
+  jo as Item,
+  Ko as ItemIndicator,
+  To as Label,
+  Po as Portal,
+  ko as RadioGroup,
+  Lo as RadioItem,
+  Ao as Root,
+  Uo as Separator,
+  Bo as Sub,
+  Ho as SubContent,
+  Fo as SubTrigger,
+  Eo as Trigger,
+  No as createDropdownMenuScope
 };

package/dist/index.es133.js

@@ -1,46 +1,13 @@
-const x = ({
-  valueKey: l,
-  values: r,
-  setValues: n,
-  items: t,
-  maxCount: p,
-  setIsPopoverOpen: d
-}) => {
-  const h = (c) => {
-    if (c.key === "Enter")
-      d(!0);
-    else if (c.key === "Backspace" && !c.currentTarget.value) {
-      const o = [...r];
-      o.pop(), n == null || n(o);
-    }
-  }, f = (c) => {
-    const o = r.includes(c) ? r.filter((g) => g !== c) : [...r, c];
-    n == null || n(o);
-  }, i = () => {
-    n == null || n([]);
-  };
-  return {
-    handleInputKeyDown: h,
-    toggleOption: f,
-    handleClear: i,
-    handleTogglePopover: () => {
-      d((c) => !c);
-    },
-    clearExtraOptions: () => {
-      const c = r.slice(0, p);
-      n == null || n(c);
-    },
-    toggleAll: () => {
-      const c = t.filter((o) => !o.disabled);
-      if (r.length === c.length)
-        i();
-      else {
-        const o = c.map((g) => g[l]);
-        n == null || n(o);
-      }
-    }
-  };
-};
+import t from "./index.es202.js";
+/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const h = t("ChevronRight", [
+  ["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
+]);
 export {
-  x as useMultiSelect
+  h as default
 };

package/dist/index.es134.js

@@ -1,13 +1,13 @@
-import e from "./index.es202.js";
+import c from "./index.es202.js";
 /**
  * @license lucide-react v0.379.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const o = e("ChevronLeft", [
-  ["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]
+const r = c("Circle", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
 ]);
 export {
-  o as default
+  r as default
 };

package/dist/index.es135.js

@@ -1,6 +1,43 @@
-function t(n) {
-  return !!(n && typeof n == "object" && "start" in n && "end" in n);
-}
+import { j as r } from "./index.es100.js";
+import l from "react";
+import { MenuSub as c, MenuSubTrigger as t, MenuSubContent as o, MenuSeparator as x, MenuLabel as b, MenuRadioItem as d, MenuCheckboxItem as j, MenuItem as h } from "./index.es56.js";
+const p = (e, n) => {
+  var s;
+  switch (e.type) {
+    case "item":
+      return /* @__PURE__ */ r.jsxs(h, { ...e, children: [
+        e.label,
+        " ",
+        n
+      ] });
+    case "checkbox":
+      return /* @__PURE__ */ r.jsxs(j, { ...e, children: [
+        e.label,
+        " ",
+        n
+      ] });
+    case "radio":
+      return /* @__PURE__ */ r.jsxs(d, { ...e, children: [
+        e.label,
+        " ",
+        n
+      ] });
+    case "label":
+      return /* @__PURE__ */ r.jsxs(b, { ...e, children: [
+        e.label,
+        " "
+      ] });
+    case "separator":
+      return /* @__PURE__ */ r.jsx(x, { ...e });
+    case "submenu":
+      return /* @__PURE__ */ r.jsxs(c, { children: [
+        /* @__PURE__ */ r.jsx(t, { ...e, children: e.label }),
+        /* @__PURE__ */ r.jsx(o, { children: (s = e.items) == null ? void 0 : s.map((a, u) => /* @__PURE__ */ r.jsx(l.Fragment, { children: p(a) }, u)) })
+      ] });
+    default:
+      return null;
+  }
+};
 export {
-  t as isDateRange
+  p as renderMenuItem
 };

package/dist/index.es136.js

@@ -1,16 +1,19 @@
-import e from "./index.es202.js";
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const a = e("Calendar", [
-  ["path", { d: "M8 2v4", key: "1cmpym" }],
-  ["path", { d: "M16 2v4", key: "4m81vk" }],
-  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
-  ["path", { d: "M3 10h18", key: "8toen8" }]
-]);
+import { cva as r } from "./index.es148.js";
+const o = r(
+  "ui-m-1 ui-transition ui-ease-in-out ui-delay-150 ui-duration-300",
+  {
+    variants: {
+      variant: {
+        default: "ui-border-foreground/60 ui-border ui-text-foreground ui-bg-card hover:ui-bg-card/80",
+        secondary: "ui-border-foreground/60 ui-border ui-bg-secondary ui-text-secondary-foreground hover:ui-bg-secondary/80",
+        error: "ui-border-transparent ui-bg-error ui-text-error-foreground hover:ui-bg-error/80"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
 export {
-  a as default
+  o as multiSelectVariants
 };

package/dist/index.es137.js

@@ -1,7 +1,46 @@
-function e(t) {
-  return t instanceof Date || typeof t == "object" && Object.prototype.toString.call(t) === "[object Date]";
-}
+const x = ({
+  valueKey: l,
+  values: r,
+  setValues: n,
+  items: t,
+  maxCount: p,
+  setIsPopoverOpen: d
+}) => {
+  const h = (c) => {
+    if (c.key === "Enter")
+      d(!0);
+    else if (c.key === "Backspace" && !c.currentTarget.value) {
+      const o = [...r];
+      o.pop(), n == null || n(o);
+    }
+  }, f = (c) => {
+    const o = r.includes(c) ? r.filter((g) => g !== c) : [...r, c];
+    n == null || n(o);
+  }, i = () => {
+    n == null || n([]);
+  };
+  return {
+    handleInputKeyDown: h,
+    toggleOption: f,
+    handleClear: i,
+    handleTogglePopover: () => {
+      d((c) => !c);
+    },
+    clearExtraOptions: () => {
+      const c = r.slice(0, p);
+      n == null || n(c);
+    },
+    toggleAll: () => {
+      const c = t.filter((o) => !o.disabled);
+      if (r.length === c.length)
+        i();
+      else {
+        const o = c.map((g) => g[l]);
+        n == null || n(o);
+      }
+    }
+  };
+};
 export {
-  e as default,
-  e as isDate
+  x as useMultiSelect
 };

package/dist/index.es138.js

@@ -1,59 +1,11 @@
-import { getDefaultOptions as v } from "./index.es242.js";
-import { formatters as D } from "./index.es243.js";
-import { longFormatters as C } from "./index.es244.js";
-import { isProtectedWeekYearToken as S, isProtectedDayOfYearToken as R, warnOrThrowProtectedError as W } from "./index.es245.js";
-import { isValid as x } from "./index.es246.js";
-import { toDate as P } from "./index.es236.js";
-import { enUS as Y } from "./index.es247.js";
-const z = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, F = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, y = /^'([^]*?)'?$/, A = /''/g, L = /[a-zA-Z]/;
-function U(t, n, e) {
-  var i, s, k, u, d, g, h, w;
-  const c = v(), l = (e == null ? void 0 : e.locale) ?? c.locale ?? Y, T = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((s = (i = e == null ? void 0 : e.locale) == null ? void 0 : i.options) == null ? void 0 : s.firstWeekContainsDate) ?? c.firstWeekContainsDate ?? ((u = (k = c.locale) == null ? void 0 : k.options) == null ? void 0 : u.firstWeekContainsDate) ?? 1, O = (e == null ? void 0 : e.weekStartsOn) ?? ((g = (d = e == null ? void 0 : e.locale) == null ? void 0 : d.options) == null ? void 0 : g.weekStartsOn) ?? c.weekStartsOn ?? ((w = (h = c.locale) == null ? void 0 : h.options) == null ? void 0 : w.weekStartsOn) ?? 0, o = P(t);
-  if (!x(o))
-    throw new RangeError("Invalid time value");
-  let f = n.match(F).map((a) => {
-    const r = a[0];
-    if (r === "p" || r === "P") {
-      const m = C[r];
-      return m(a, l.formatLong);
-    }
-    return a;
-  }).join("").match(z).map((a) => {
-    if (a === "''")
-      return { isToken: !1, value: "'" };
-    const r = a[0];
-    if (r === "'")
-      return { isToken: !1, value: $(a) };
-    if (D[r])
-      return { isToken: !0, value: a };
-    if (r.match(L))
-      throw new RangeError(
-        "Format string contains an unescaped latin alphabet character `" + r + "`"
-      );
-    return { isToken: !1, value: a };
-  });
-  l.localize.preprocessor && (f = l.localize.preprocessor(o, f));
-  const E = {
-    firstWeekContainsDate: T,
-    weekStartsOn: O,
-    locale: l
-  };
-  return f.map((a) => {
-    if (!a.isToken) return a.value;
-    const r = a.value;
-    (!(e != null && e.useAdditionalWeekYearTokens) && S(r) || !(e != null && e.useAdditionalDayOfYearTokens) && R(r)) && W(r, n, String(t));
-    const m = D[r[0]];
-    return m(o, r, l.localize, E);
-  }).join("");
-}
-function $(t) {
-  const n = t.match(y);
-  return n ? n[1].replace(A, "'") : t;
-}
+import e from "./index.es202.js";
+/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const r = e("ChevronUp", [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]]);
 export {
-  U as default,
-  U as format,
-  U as formatDate,
-  D as formatters,
-  C as longFormatters
+  r as default
 };

package/dist/index.es139.js

@@ -1,35 +1,13 @@
-import { cva as r } from "./index.es154.js";
-const t = r(
-  [
-    "ui-flex ui-justify-between ui-items-center",
-    "ui-text-primary-foreground",
-    "ui-pointer-events-auto ui-relative ui-w-full ui-rounded-xl ui-p-3 ui-shadow-lg"
-  ],
-  {
-    variants: {
-      variant: {
-        info: "ui-bg-primary ui-text-primary-foreground",
-        error: "ui-bg-error ui-text-error-foreground",
-        success: "ui-bg-success ui-text-success-foreground"
-      }
-    },
-    defaultVariants: {
-      variant: "info"
-    }
-  }
-), e = r("", {
-  variants: {
-    variant: {
-      info: "ui-text-primary-foreground",
-      error: "ui-text-error-foreground",
-      success: "ui-text-success-foreground"
-    }
-  },
-  defaultVariants: {
-    variant: "info"
-  }
-});
+import o from "./index.es202.js";
+/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const n = o("ChevronDown", [
+  ["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]
+]);
 export {
-  e as toastIconVariants,
-  t as toastVariants
+  n as default
 };

package/dist/index.es140.js

@@ -1,15 +1,23 @@
-import e from "./index.es202.js";
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const r = e("CircleAlert", [
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
-  ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
-  ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
-]);
+import { j as i } from "./index.es100.js";
+import { DOTS as r } from "./index.es22.js";
+import { cn as e } from "./index.es89.js";
+const o = ({
+  isActive: t = !1,
+  ...a
+}) => /* @__PURE__ */ i.jsx(
+  "button",
+  {
+    ...a,
+    "data-active": t,
+    "data-dots": a.children === r,
+    className: e(
+      "ui-transition-colors ui-border ui-py-2 ui-px-4 ui-w-[50px] ui-h-full data-[active=false]:hover:ui-bg-accent",
+      "data-[active=true]:ui-bg-primary data-[active=true]:ui-text-primary-foreground data-[active=true]:ui-border-transparent data-[active=true]:hover:ui-bg-primary/90",
+      a.className
+    )
+  }
+);
+o.displayName = "PaginationOption";
 export {
-  r as default
+  o as PaginationOption
 };