@konstructio/ui 0.1.2-alpha.103 → 0.1.2-alpha.105

package/dist/Counter-BV680M5r.js

@@ -0,0 +1,195 @@
+import { o as D } from "./rolldown-runtime-Ck3dxwZt.js";
+import { t as R } from "./prop-types-CfEYxTbR.js";
+import { t as P } from "./dist-DX0sBG3Q.js";
+import { t as f } from "./utils-Cx-WzRZF.js";
+import { Typography as F } from "./components/Typography/Typography.js";
+import { buttonVariants as _, counterVariants as q, labelVariants as A } from "./components/Counter/Counter.variants.js";
+import m, { forwardRef as x, useId as G, useState as H } from "react";
+import { jsx as u, jsxs as p } from "react/jsx-runtime";
+var s = /* @__PURE__ */ D(R());
+function O() {
+  return O = Object.assign || function(t) {
+    for (var i = 1; i < arguments.length; i++) {
+      var n = arguments[i];
+      for (var e in n) Object.prototype.hasOwnProperty.call(n, e) && (t[e] = n[e]);
+    }
+    return t;
+  }, O.apply(this, arguments);
+}
+function J(t, i) {
+  if (t == null) return {};
+  var n = K(t, i), e, r;
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(t);
+    for (r = 0; r < o.length; r++)
+      e = o[r], !(i.indexOf(e) >= 0) && Object.prototype.propertyIsEnumerable.call(t, e) && (n[e] = t[e]);
+  }
+  return n;
+}
+function K(t, i) {
+  if (t == null) return {};
+  var n = {}, e = Object.keys(t), r, o;
+  for (o = 0; o < e.length; o++)
+    r = e[o], !(i.indexOf(r) >= 0) && (n[r] = t[r]);
+  return n;
+}
+var j = x(function(t, i) {
+  var n = t.color, e = n === void 0 ? "currentColor" : n, r = t.size, o = r === void 0 ? 24 : r, c = J(t, ["color", "size"]);
+  return /* @__PURE__ */ m.createElement("svg", O({
+    ref: i,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: o,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: e,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, c), /* @__PURE__ */ m.createElement("line", {
+    x1: "5",
+    y1: "12",
+    x2: "19",
+    y2: "12"
+  }));
+});
+j.propTypes = {
+  color: s.default.string,
+  size: s.default.oneOfType([s.default.string, s.default.number])
+};
+j.displayName = "Minus";
+function w() {
+  return w = Object.assign || function(t) {
+    for (var i = 1; i < arguments.length; i++) {
+      var n = arguments[i];
+      for (var e in n) Object.prototype.hasOwnProperty.call(n, e) && (t[e] = n[e]);
+    }
+    return t;
+  }, w.apply(this, arguments);
+}
+function Q(t, i) {
+  if (t == null) return {};
+  var n = U(t, i), e, r;
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(t);
+    for (r = 0; r < o.length; r++)
+      e = o[r], !(i.indexOf(e) >= 0) && Object.prototype.propertyIsEnumerable.call(t, e) && (n[e] = t[e]);
+  }
+  return n;
+}
+function U(t, i) {
+  if (t == null) return {};
+  var n = {}, e = Object.keys(t), r, o;
+  for (o = 0; o < e.length; o++)
+    r = e[o], !(i.indexOf(r) >= 0) && (n[r] = t[r]);
+  return n;
+}
+var N = x(function(t, i) {
+  var n = t.color, e = n === void 0 ? "currentColor" : n, r = t.size, o = r === void 0 ? 24 : r, c = Q(t, ["color", "size"]);
+  return /* @__PURE__ */ m.createElement("svg", w({
+    ref: i,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: o,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: e,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, c), /* @__PURE__ */ m.createElement("line", {
+    x1: "12",
+    y1: "5",
+    x2: "12",
+    y2: "19"
+  }), /* @__PURE__ */ m.createElement("line", {
+    x1: "5",
+    y1: "12",
+    x2: "19",
+    y2: "12"
+  }));
+});
+N.propTypes = {
+  color: s.default.string,
+  size: s.default.oneOfType([s.default.string, s.default.number])
+};
+N.displayName = "Plus";
+var ot = x(({ canDecrement: t = !0, canIncrement: i = !0, className: n, decrementButtonClassName: e, editable: r = !1, incrementButtonClassName: o, isRequired: c, label: d, labelWrapperClassName: z, max: y = -1 / 0, min: h = 1 / 0, name: k, theme: E, value: L, onChange: v }, M) => {
+  const $ = G(), l = L ?? 0, [W, g] = H(null), S = W ?? String(l), T = () => {
+    let a = 0;
+    h === 1 / 0 ? a = l - 1 : a = Math.max(h, l - 1), g(null), v?.({ target: { value: a } });
+  }, V = () => {
+    let a = 0;
+    y === -1 / 0 ? a = l + 1 : a = Math.min(y, l + 1), g(null), v?.({ target: { value: a } });
+  }, B = (a) => {
+    const b = a.target.value;
+    if (g(b), b === "") return;
+    const I = Number(b);
+    Number.isFinite(I) && v?.({ target: { value: I } });
+  }, C = () => {
+    g(null);
+    const a = Math.min(y === -1 / 0 ? 1 / 0 : y, Math.max(h === 1 / 0 ? -1 / 0 : h, l));
+    a !== l && v?.({ target: { value: a } });
+  };
+  return /* @__PURE__ */ p("div", {
+    className: "flex flex-col gap-2",
+    "data-theme": E,
+    children: [d ? /* @__PURE__ */ u("div", {
+      className: f(z),
+      children: /* @__PURE__ */ p(F, {
+        component: "label",
+        htmlFor: k ?? $,
+        variant: "labelLarge",
+        className: f(A()),
+        children: [
+          d,
+          " ",
+          c && /* @__PURE__ */ u("span", {
+            className: "text-red-600 dark:text-red-500",
+            children: "*"
+          })
+        ]
+      })
+    }) : null, /* @__PURE__ */ p("div", {
+      className: "flex items-center",
+      role: "presentation",
+      children: [
+        /* @__PURE__ */ p("button", {
+          type: "button",
+          onClick: T,
+          className: f(_({
+            button: "rigth",
+            className: e
+          })),
+          disabled: !t,
+          children: [/* @__PURE__ */ u(j, { className: "w-4 h-4" }), /* @__PURE__ */ u(P, { children: "Decrement" })]
+        }),
+        /* @__PURE__ */ u("input", {
+          ref: M,
+          type: "number",
+          value: r ? S : l,
+          name: k,
+          className: f(q({ className: n })),
+          ...r ? {
+            onChange: B,
+            onBlur: C
+          } : { readOnly: !0 },
+          "aria-label": typeof d == "string" ? d : "number input"
+        }),
+        /* @__PURE__ */ p("button", {
+          type: "button",
+          onClick: V,
+          className: f(_({
+            button: "left",
+            className: o
+          })),
+          disabled: !i,
+          children: [/* @__PURE__ */ u(N, { className: "w-4 h-4" }), /* @__PURE__ */ u(P, { children: "Increment" })]
+        })
+      ]
+    })]
+  });
+});
+export {
+  ot as t
+};

package/dist/DropdownButton-DfNojmCW.js

@@ -0,0 +1,493 @@
+import { o as Ae } from "./rolldown-runtime-Ck3dxwZt.js";
+import { t as Le } from "./prop-types-CfEYxTbR.js";
+import { a as D, n as Fe } from "./dist-xCbHbMLA.js";
+import { n as Ne, t as se } from "./dist-CCdbu9GU.js";
+import { t as A } from "./utils-Cx-WzRZF.js";
+import { i as le, r as g, t as Ke } from "./dist-D-yS0HN8.js";
+import { t as ae } from "./dist-DYIabsrY.js";
+import { t as je } from "./dist-D5XYRjmR.js";
+import { n as Ge } from "./dist-DKryKPmP.js";
+import { n as Ue, r as Be, t as $e } from "./es2015-CoHq2g4y.js";
+import { t as Ve } from "./dist-BUocnzkM.js";
+import { t as ze } from "./Combination-CnMM05mt.js";
+import { Button as We } from "./components/Button/Button.js";
+import { t as Ye } from "./dist-CzKqHuqJ2.js";
+import { t as Xe } from "./dist-DGOjiAnB2.js";
+import { a as de, i as He, r as qe, t as Ze } from "./dist-DFCz63oC2.js";
+import { n as Je, r as fe, t as Qe } from "./dist-BdobXn93.js";
+import * as i from "react";
+import ce, { forwardRef as et } from "react";
+import { jsx as s, jsxs as ie } from "react/jsx-runtime";
+var L = /* @__PURE__ */ Ae(Le());
+function W() {
+  return W = Object.assign || function(n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var o = arguments[e];
+      for (var t in o) Object.prototype.hasOwnProperty.call(o, t) && (n[t] = o[t]);
+    }
+    return n;
+  }, W.apply(this, arguments);
+}
+function tt(n, e) {
+  if (n == null) return {};
+  var o = nt(n, e), t, r;
+  if (Object.getOwnPropertySymbols) {
+    var a = Object.getOwnPropertySymbols(n);
+    for (r = 0; r < a.length; r++)
+      t = a[r], !(e.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(n, t) && (o[t] = n[t]);
+  }
+  return o;
+}
+function nt(n, e) {
+  if (n == null) return {};
+  var o = {}, t = Object.keys(n), r, a;
+  for (a = 0; a < t.length; a++)
+    r = t[a], !(e.indexOf(r) >= 0) && (o[r] = n[r]);
+  return o;
+}
+var q = et(function(n, e) {
+  var o = n.color, t = o === void 0 ? "currentColor" : o, r = n.size, a = r === void 0 ? 24 : r, c = tt(n, ["color", "size"]);
+  return /* @__PURE__ */ ce.createElement("svg", W({
+    ref: e,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: a,
+    height: a,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: t,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, c), /* @__PURE__ */ ce.createElement("polyline", { points: "6 9 12 15 18 9" }));
+});
+q.propTypes = {
+  color: L.default.string,
+  size: L.default.oneOfType([L.default.string, L.default.number])
+};
+q.displayName = "ChevronDown";
+var ot = Object.defineProperty, p = (n, e) => ot(n, "name", {
+  value: e,
+  configurable: !0
+}), Y = ["Enter", " "], rt = [
+  "ArrowDown",
+  "PageUp",
+  "Home"
+], pe = [
+  "ArrowUp",
+  "PageDown",
+  "End"
+], at = [...rt, ...pe], cn = {
+  ltr: [...Y, "ArrowRight"],
+  rtl: [...Y, "ArrowLeft"]
+}, N = "Menu", [X, ct, it] = Ye(N), [S, me] = le(N, [
+  it,
+  de,
+  fe
+]), Z = de(), ve = fe(), [ut, K] = S(N), [st, J] = S(N), lt = /* @__PURE__ */ p((n) => {
+  const { __scopeMenu: e, open: o = !1, children: t, dir: r, onOpenChange: a, modal: c = !0 } = n, l = Z(e), [h, d] = i.useState(null), m = i.useRef(!1), v = je(a), f = Xe(r);
+  return i.useEffect(() => {
+    const w = /* @__PURE__ */ p(() => {
+      m.current = !0, document.addEventListener("pointerdown", C, {
+        capture: !0,
+        once: !0
+      }), document.addEventListener("pointermove", C, {
+        capture: !0,
+        once: !0
+      });
+    }, "handleKeyDown"), C = /* @__PURE__ */ p(() => m.current = !1, "handlePointer");
+    return document.addEventListener("keydown", w, { capture: !0 }), () => {
+      document.removeEventListener("keydown", w, { capture: !0 }), document.removeEventListener("pointerdown", C, { capture: !0 }), document.removeEventListener("pointermove", C, { capture: !0 });
+    };
+  }, []), i.useEffect(() => {
+    if (!o) return;
+    const w = /* @__PURE__ */ p(() => v(!1), "handleBlur");
+    return window.addEventListener("blur", w), () => window.removeEventListener("blur", w);
+  }, [o, v]), /* @__PURE__ */ s(He, {
+    ...l,
+    children: /* @__PURE__ */ s(ut, {
+      scope: e,
+      open: o,
+      onOpenChange: v,
+      content: h,
+      onContentChange: d,
+      children: /* @__PURE__ */ s(st, {
+        scope: e,
+        onClose: i.useCallback(() => v(!1), [v]),
+        isUsingKeyboardRef: m,
+        dir: f,
+        modal: c,
+        children: t
+      })
+    })
+  });
+}, "Menu"), dt = /* @__PURE__ */ i.forwardRef(/* @__PURE__ */ p(function(e, o) {
+  const { __scopeMenu: t, ...r } = e, a = Z(t);
+  return /* @__PURE__ */ s(Ze, {
+    ...a,
+    ...r,
+    ref: o
+  });
+}, "MenuAnchor")), ft = "MenuPortal", [un, pt] = S(ft, { forceMount: void 0 }), I = "MenuContent", [mt, he] = S(I), vt = /* @__PURE__ */ i.forwardRef(/* @__PURE__ */ p(function(e, o) {
+  const t = pt(I, e.__scopeMenu), { forceMount: r = t.forceMount, ...a } = e, c = K(I, e.__scopeMenu), l = J(I, e.__scopeMenu);
+  return /* @__PURE__ */ s(X.Provider, {
+    scope: e.__scopeMenu,
+    children: /* @__PURE__ */ s(Ve, {
+      present: r || c.open,
+      children: /* @__PURE__ */ s(X.Slot, {
+        scope: e.__scopeMenu,
+        children: l.modal ? /* @__PURE__ */ s(ht, {
+          ...a,
+          ref: o
+        }) : /* @__PURE__ */ s(gt, {
+          ...a,
+          ref: o
+        })
+      })
+    })
+  });
+}, "MenuContent")), ht = /* @__PURE__ */ i.forwardRef(/* @__PURE__ */ p(function(e, o) {
+  const t = K(I, e.__scopeMenu), r = i.useRef(null), a = D(o, r);
+  return i.useEffect(() => {
+    const c = r.current;
+    if (c) return $e(c);
+  }, []), /* @__PURE__ */ s(ge, {
+    ...e,
+    ref: a,
+    trapFocus: t.open,
+    disableOutsidePointerEvents: t.open,
+    disableOutsideScroll: !0,
+    onFocusOutside: g(e.onFocusOutside, (c) => c.preventDefault(), { checkForDefaultPrevented: !1 }),
+    onDismiss: () => t.onOpenChange(!1)
+  });
+}, "MenuRootContentModal")), gt = /* @__PURE__ */ i.forwardRef(/* @__PURE__ */ p(function(e, o) {
+  const t = K(I, e.__scopeMenu);
+  return /* @__PURE__ */ s(ge, {
+    ...e,
+    ref: o,
+    trapFocus: !1,
+    disableOutsidePointerEvents: !1,
+    disableOutsideScroll: !1,
+    onDismiss: () => t.onOpenChange(!1)
+  });
+}, "MenuRootContentNonModal")), wt = Fe("MenuContent.ScrollLock"), ge = /* @__PURE__ */ i.forwardRef(/* @__PURE__ */ p(function(e, o) {
+  const { __scopeMenu: t, loop: r = !1, trapFocus: a, onOpenAutoFocus: c, onCloseAutoFocus: l, disableOutsidePointerEvents: h, onEntryFocus: d, onEscapeKeyDown: m, onPointerDownOutside: v, onFocusOutside: f, onInteractOutside: w, onDismiss: C, disableOutsideScroll: M, ...U } = e, ee = K(I, t), B = J(I, t), be = Z(t), _e = ve(t), te = ct(t), [Ee, ne] = i.useState(null), x = i.useRef(null), De = D(o, x, ee.onContentChange), O = i.useRef(0), T = i.useRef(""), xe = i.useRef(0), $ = i.useRef(null), oe = i.useRef("right"), V = i.useRef(0), Oe = M ? ze : i.Fragment, Te = M ? {
+    as: wt,
+    allowPinchZoom: !0
+  } : void 0, ke = /* @__PURE__ */ p((u) => {
+    const b = T.current + u, y = te().filter((R) => !R.disabled), E = document.activeElement, z = y.find((R) => R.ref.current === E)?.textValue, k = Ie(y.map((R) => R.textValue), b, z), _ = y.find((R) => R.textValue === k)?.ref.current;
+    (/* @__PURE__ */ p((function R(re) {
+      T.current = re, window.clearTimeout(O.current), re !== "" && (O.current = window.setTimeout(() => R(""), 1e3));
+    }), "updateSearch"))(b), _ && setTimeout(() => _.focus());
+  }, "handleTypeaheadSearch");
+  i.useEffect(() => () => window.clearTimeout(O.current), []), Ue();
+  const P = i.useCallback((u) => oe.current === $.current?.side && Se(u, $.current?.area), []);
+  return /* @__PURE__ */ s(mt, {
+    scope: t,
+    searchRef: T,
+    onItemEnter: i.useCallback((u) => {
+      P(u) && u.preventDefault();
+    }, [P]),
+    onItemLeave: i.useCallback((u) => {
+      P(u) || (x.current?.focus(), ne(null));
+    }, [P]),
+    onTriggerLeave: i.useCallback((u) => {
+      P(u) && u.preventDefault();
+    }, [P]),
+    pointerGraceTimerRef: xe,
+    onPointerGraceIntentChange: i.useCallback((u) => {
+      $.current = u;
+    }, []),
+    children: /* @__PURE__ */ s(Oe, {
+      ...Te,
+      children: /* @__PURE__ */ s(Be, {
+        asChild: !0,
+        trapped: a,
+        onMountAutoFocus: g(c, (u) => {
+          u.preventDefault(), x.current?.focus({ preventScroll: !0 });
+        }),
+        onUnmountAutoFocus: l,
+        children: /* @__PURE__ */ s(Ge, {
+          asChild: !0,
+          disableOutsidePointerEvents: h,
+          onEscapeKeyDown: m,
+          onPointerDownOutside: v,
+          onFocusOutside: f,
+          onInteractOutside: w,
+          onDismiss: C,
+          children: /* @__PURE__ */ s(Je, {
+            asChild: !0,
+            ..._e,
+            dir: B.dir,
+            orientation: "vertical",
+            loop: r,
+            currentTabStopId: Ee,
+            onCurrentTabStopIdChange: ne,
+            onEntryFocus: g(d, (u) => {
+              B.isUsingKeyboardRef.current || u.preventDefault();
+            }),
+            preventScrollOnEntryFocus: !0,
+            children: /* @__PURE__ */ s(qe, {
+              role: "menu",
+              "aria-orientation": "vertical",
+              "data-state": we(ee.open),
+              "data-radix-menu-content": "",
+              dir: B.dir,
+              ...be,
+              ...U,
+              ref: De,
+              style: {
+                outline: "none",
+                ...U.style
+              },
+              onKeyDown: g(U.onKeyDown, (u) => {
+                const b = u.target.closest("[data-radix-menu-content]") === u.currentTarget, y = u.ctrlKey || u.altKey || u.metaKey, E = u.key.length === 1;
+                b && (u.key === "Tab" && u.preventDefault(), !y && E && ke(u.key));
+                const z = x.current;
+                if (u.target !== z || !at.includes(u.key)) return;
+                u.preventDefault();
+                const k = te().filter((_) => !_.disabled).map((_) => _.ref.current);
+                pe.includes(u.key) && k.reverse(), Ce(k);
+              }),
+              onBlur: g(e.onBlur, (u) => {
+                u.currentTarget.contains(u.target) || (window.clearTimeout(O.current), T.current = "");
+              }),
+              onPointerMove: g(e.onPointerMove, F((u) => {
+                const b = u.target, y = V.current !== u.clientX;
+                if (u.currentTarget.contains(b) && y) {
+                  const E = u.clientX > V.current ? "right" : "left";
+                  oe.current = E, V.current = u.clientX;
+                }
+              }))
+            })
+          })
+        })
+      })
+    })
+  });
+}, "MenuContentImpl")), H = "MenuItem", ue = "menu.itemSelect", Mt = /* @__PURE__ */ i.forwardRef(/* @__PURE__ */ p(function(e, o) {
+  const { disabled: t = !1, onSelect: r, ...a } = e, c = i.useRef(null), l = J(H, e.__scopeMenu), h = he(H, e.__scopeMenu), d = D(o, c), m = i.useRef(!1), v = /* @__PURE__ */ p(() => {
+    const f = c.current;
+    if (!t && f) {
+      const w = new CustomEvent(ue, {
+        bubbles: !0,
+        cancelable: !0
+      });
+      f.addEventListener(ue, (C) => r?.(C), { once: !0 }), Ne(f, w), w.defaultPrevented ? m.current = !1 : l.onClose();
+    }
+  }, "handleSelect");
+  return /* @__PURE__ */ s(Ct, {
+    ...a,
+    ref: d,
+    disabled: t,
+    onClick: g(e.onClick, v),
+    onPointerDown: (f) => {
+      e.onPointerDown?.(f), m.current = !0;
+    },
+    onPointerUp: g(e.onPointerUp, (f) => {
+      m.current || f.currentTarget?.click();
+    }),
+    onKeyDown: g(e.onKeyDown, (f) => {
+      t || f.target !== f.currentTarget || h.searchRef.current !== "" && f.key === " " || Y.includes(f.key) && (f.currentTarget.click(), f.preventDefault());
+    })
+  });
+}, "MenuItem")), Ct = /* @__PURE__ */ i.forwardRef(/* @__PURE__ */ p(function(e, o) {
+  const { __scopeMenu: t, disabled: r = !1, textValue: a, ...c } = e, l = he(H, t), h = ve(t), d = i.useRef(null), m = D(o, d), [v, f] = i.useState(!1), [w, C] = i.useState("");
+  return i.useEffect(() => {
+    const M = d.current;
+    M && C((M.textContent ?? "").trim());
+  }, [c.children]), /* @__PURE__ */ s(X.ItemSlot, {
+    scope: t,
+    disabled: r,
+    textValue: a ?? w,
+    children: /* @__PURE__ */ s(Qe, {
+      asChild: !0,
+      ...h,
+      focusable: !r,
+      children: /* @__PURE__ */ s(se.div, {
+        role: "menuitem",
+        "data-highlighted": v ? "" : void 0,
+        "aria-disabled": r || void 0,
+        "data-disabled": r ? "" : void 0,
+        ...c,
+        ref: m,
+        onPointerMove: g(e.onPointerMove, F((M) => {
+          r ? l.onItemLeave(M) : (l.onItemEnter(M), M.defaultPrevented || M.currentTarget.focus({ preventScroll: !0 }));
+        })),
+        onPointerLeave: g(e.onPointerLeave, F((M) => l.onItemLeave(M))),
+        onFocus: g(e.onFocus, () => f(!0)),
+        onBlur: g(e.onBlur, () => f(!1))
+      })
+    })
+  });
+}, "MenuItemImpl")), [sn, ln] = S("MenuRadioGroup", {
+  value: void 0,
+  onValueChange: /* @__PURE__ */ p(() => {
+  }, "onValueChange")
+}), Rt = "MenuItemIndicator", [dn, fn] = S(Rt, { checked: !1 }), It = "MenuSub", [pn, mn] = S(It);
+function we(n) {
+  return n ? "open" : "closed";
+}
+p(we, "getOpenState");
+function Me(n) {
+  return n === "indeterminate";
+}
+p(Me, "isIndeterminate");
+function yt(n) {
+  return Me(n) ? "indeterminate" : n ? "checked" : "unchecked";
+}
+p(yt, "getCheckedState");
+function Ce(n) {
+  const e = document.activeElement;
+  for (const o of n)
+    if (o === e || (o.focus(), document.activeElement !== e)) return;
+}
+p(Ce, "focusFirst");
+function Re(n, e) {
+  return n.map((o, t) => n[(e + t) % n.length]);
+}
+p(Re, "wrapArray");
+function Ie(n, e, o) {
+  const t = e.length > 1 && Array.from(e).every((l) => l === e[0]) ? e[0] : e, r = o ? n.indexOf(o) : -1;
+  let a = Re(n, Math.max(r, 0));
+  t.length === 1 && (a = a.filter((l) => l !== o));
+  const c = a.find((l) => l.toLowerCase().startsWith(t.toLowerCase()));
+  return c !== o ? c : void 0;
+}
+p(Ie, "getNextMatch");
+function ye(n, e) {
+  const { x: o, y: t } = n;
+  let r = !1;
+  for (let a = 0, c = e.length - 1; a < e.length; c = a++) {
+    const l = e[a], h = e[c], d = l.x, m = l.y, v = h.x, f = h.y;
+    m > t != f > t && o < (v - d) * (t - m) / (f - m) + d && (r = !r);
+  }
+  return r;
+}
+p(ye, "isPointInPolygon");
+function Se(n, e) {
+  return e ? ye({
+    x: n.clientX,
+    y: n.clientY
+  }, e) : !1;
+}
+p(Se, "isPointerInGraceArea");
+function F(n) {
+  return (e) => e.pointerType === "mouse" ? n(e) : void 0;
+}
+p(F, "whenMouse");
+var St = lt, Pt = dt, bt = vt, _t = Mt, Et = Object.defineProperty, j = (n, e) => Et(n, "name", {
+  value: e,
+  configurable: !0
+}), Q = "DropdownMenu", [Dt, vn] = le(Q, [me]), G = me(), [xt, Pe] = Dt(Q), Ot = /* @__PURE__ */ j((n) => {
+  const { __scopeDropdownMenu: e, children: o, dir: t, open: r, defaultOpen: a, onOpenChange: c, modal: l = !0 } = n, h = G(e), d = i.useRef(null), [m, v] = Ke({
+    prop: r,
+    defaultProp: a ?? !1,
+    onChange: c,
+    caller: Q
+  });
+  return /* @__PURE__ */ s(xt, {
+    scope: e,
+    triggerId: ae(),
+    triggerRef: d,
+    contentId: ae(),
+    open: m,
+    onOpenChange: v,
+    onOpenToggle: i.useCallback(() => v((f) => !f), [v]),
+    modal: l,
+    children: /* @__PURE__ */ s(St, {
+      ...h,
+      open: m,
+      onOpenChange: v,
+      dir: t,
+      modal: l,
+      children: o
+    })
+  });
+}, "DropdownMenu"), Tt = "DropdownMenuTrigger", kt = /* @__PURE__ */ i.forwardRef(/* @__PURE__ */ j(function(e, o) {
+  const { __scopeDropdownMenu: t, disabled: r = !1, ...a } = e, c = Pe(Tt, t), l = G(t), h = D(o, c.triggerRef);
+  return /* @__PURE__ */ s(Pt, {
+    asChild: !0,
+    ...l,
+    children: /* @__PURE__ */ s(se.button, {
+      type: "button",
+      id: c.triggerId,
+      "aria-haspopup": "menu",
+      "aria-expanded": c.open,
+      "aria-controls": c.open ? c.contentId : void 0,
+      "data-state": c.open ? "open" : "closed",
+      "data-disabled": r ? "" : void 0,
+      disabled: r,
+      ...a,
+      ref: h,
+      onPointerDown: g(e.onPointerDown, (d) => {
+        !r && d.button === 0 && d.ctrlKey === !1 && (c.onOpenToggle(), c.open || d.preventDefault());
+      }),
+      onKeyDown: g(e.onKeyDown, (d) => {
+        r || (["Enter", " "].includes(d.key) && c.onOpenToggle(), d.key === "ArrowDown" && c.onOpenChange(!0), [
+          "Enter",
+          " ",
+          "ArrowDown"
+        ].includes(d.key) && d.preventDefault());
+      })
+    })
+  });
+}, "DropdownMenuTrigger")), At = "DropdownMenuContent", Lt = /* @__PURE__ */ i.forwardRef(/* @__PURE__ */ j(function(e, o) {
+  const { __scopeDropdownMenu: t, ...r } = e, a = Pe(At, t), c = G(t), l = i.useRef(!1);
+  return /* @__PURE__ */ s(bt, {
+    id: a.contentId,
+    "aria-labelledby": a.triggerId,
+    ...c,
+    ...r,
+    ref: o,
+    onCloseAutoFocus: g(e.onCloseAutoFocus, (h) => {
+      l.current || a.triggerRef.current?.focus(), l.current = !1, h.preventDefault();
+    }),
+    onInteractOutside: g(e.onInteractOutside, (h) => {
+      const d = h.detail.originalEvent, m = d.button === 0 && d.ctrlKey === !0, v = d.button === 2 || m;
+      (!a.modal || v) && (l.current = !0);
+    }),
+    style: {
+      ...e.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)"
+    }
+  });
+}, "DropdownMenuContent")), Ft = /* @__PURE__ */ i.forwardRef(/* @__PURE__ */ j(function(e, o) {
+  const { __scopeDropdownMenu: t, ...r } = e, a = G(t);
+  return /* @__PURE__ */ s(_t, {
+    ...a,
+    ...r,
+    ref: o
+  });
+}, "DropdownMenuItem")), Nt = Ot, Kt = kt, jt = Lt, Gt = Ft, hn = ({ buttonClassName: n, className: e, itemClassName: o, label: t = "Download Invoice as", listClassName: r, options: a }) => /* @__PURE__ */ s(Nt, {
+  modal: !1,
+  children: /* @__PURE__ */ ie("div", {
+    className: A("relative w-full", e),
+    children: [/* @__PURE__ */ s(Kt, {
+      asChild: !0,
+      children: /* @__PURE__ */ ie(We, {
+        className: A("group flex gap-2 items-center justify-between w-full", n),
+        children: [t, /* @__PURE__ */ s(q, { className: "transition-transform duration-200 group-data-[state=open]:rotate-180" })]
+      })
+    }), /* @__PURE__ */ s(jt, {
+      align: "start",
+      sideOffset: 4,
+      loop: !0,
+      className: A("z-10 bg-white border border-gray-200 rounded shadow-xs animate-in fade-in-0 py-2", r),
+      style: { width: "var(--radix-dropdown-menu-trigger-width)" },
+      children: a.map((c, l) => /* @__PURE__ */ s(Gt, {
+        className: A("hover:bg-gray-50 focus:bg-gray-50 outline-none px-6 py-1.5 hover:cursor-pointer", o),
+        onSelect: () => {
+          c.onClick?.();
+        },
+        children: c.label
+      }, l))
+    })]
+  })
+});
+export {
+  hn as t
+};