@orion-ds/react 4.6.5 → 4.7.0

package/dist/index89.mjs

@@ -0,0 +1,225 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { useState as w, useCallback as a, useContext as j, createContext as B, useRef as E, useEffect as P } from "react";
+import { createPortal as I } from "react-dom";
+import i from "./index176.mjs";
+let D = 0;
+const R = () => `toast-${++D}`, C = B(null), G = () => {
+  const e = j(C);
+  if (!e)
+    throw new Error("useToast must be used within a ToastProvider");
+  return e;
+}, z = ({ toast: e, onDismiss: u }) => {
+  const [d, h] = w(!1), s = E(null), c = a(() => {
+    h(!0), setTimeout(() => {
+      u(e.id), e.onDismiss?.();
+    }, 200);
+  }, [e, u]);
+  P(() => {
+    if (e.duration && e.duration > 0)
+      return s.current = setTimeout(c, e.duration), () => {
+        s.current && clearTimeout(s.current);
+      };
+  }, [e.duration, c]);
+  const o = () => {
+    s.current && clearTimeout(s.current);
+  }, m = () => {
+    e.duration && e.duration > 0 && (s.current = setTimeout(c, e.duration));
+  }, v = [
+    i.toast,
+    i[e.variant || "info"],
+    d && i.exiting
+  ].filter(Boolean).join(" "), k = () => {
+    switch (e.variant) {
+      case "success":
+        return /* @__PURE__ */ t("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ t(
+          "path",
+          {
+            d: "M16.667 5L7.5 14.167 3.333 10",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ) });
+      case "error":
+        return /* @__PURE__ */ l("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
+          /* @__PURE__ */ t(
+            "circle",
+            {
+              cx: "10",
+              cy: "10",
+              r: "7.5",
+              stroke: "currentColor",
+              strokeWidth: "1.5"
+            }
+          ),
+          /* @__PURE__ */ t(
+            "path",
+            {
+              d: "M10 6v5M10 13.5v.5",
+              stroke: "currentColor",
+              strokeWidth: "1.5",
+              strokeLinecap: "round"
+            }
+          )
+        ] });
+      case "warning":
+        return /* @__PURE__ */ l("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
+          /* @__PURE__ */ t(
+            "path",
+            {
+              d: "M8.57 3.216L1.538 15.143a1.667 1.667 0 001.429 2.524h14.066a1.667 1.667 0 001.429-2.524L11.43 3.216a1.667 1.667 0 00-2.858 0z",
+              stroke: "currentColor",
+              strokeWidth: "1.5",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ t(
+            "path",
+            {
+              d: "M10 7.5v3.333M10 14.167h.008",
+              stroke: "currentColor",
+              strokeWidth: "1.5",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ] });
+      default:
+        return /* @__PURE__ */ l("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
+          /* @__PURE__ */ t(
+            "circle",
+            {
+              cx: "10",
+              cy: "10",
+              r: "7.5",
+              stroke: "currentColor",
+              strokeWidth: "1.5"
+            }
+          ),
+          /* @__PURE__ */ t(
+            "path",
+            {
+              d: "M10 9v4.5M10 6.5v.5",
+              stroke: "currentColor",
+              strokeWidth: "1.5",
+              strokeLinecap: "round"
+            }
+          )
+        ] });
+    }
+  };
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: v,
+      role: "alert",
+      "aria-live": "polite",
+      onMouseEnter: o,
+      onMouseLeave: m,
+      children: [
+        /* @__PURE__ */ t("span", { className: i.icon, "aria-hidden": "true", children: k() }),
+        /* @__PURE__ */ l("div", { className: i.content, children: [
+          e.title && /* @__PURE__ */ t("div", { className: i.title, children: e.title }),
+          /* @__PURE__ */ t("div", { className: i.message, children: e.message })
+        ] }),
+        e.action && /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: i.action,
+            onClick: () => {
+              e.action?.onClick(), c();
+            },
+            children: e.action.label
+          }
+        ),
+        e.dismissible !== !1 && /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: i.closeButton,
+            onClick: c,
+            "aria-label": "Dismiss",
+            children: /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ t(
+              "path",
+              {
+                d: "M12 4L4 12M4 4l8 8",
+                stroke: "currentColor",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ) })
+          }
+        )
+      ]
+    }
+  );
+}, A = ({
+  children: e,
+  position: u = "bottom-right",
+  maxToasts: d = 5,
+  defaultDuration: h = 5e3
+}) => {
+  const [s, c] = w([]), o = a(
+    (r) => {
+      const n = R(), { type: f, ...g } = r, N = g.variant || f || "info", y = {
+        id: n,
+        duration: h,
+        dismissible: !0,
+        variant: N,
+        ...g
+      };
+      return c((W) => {
+        const p = [...W, y];
+        return p.length > d ? p.slice(-d) : p;
+      }), n;
+    },
+    [h, d]
+  ), m = a((r) => {
+    c((n) => n.filter((f) => f.id !== r));
+  }, []), v = a(() => {
+    c([]);
+  }, []), k = a(
+    (r, n) => o({ message: r, variant: "info", ...n }),
+    [o]
+  ), L = a(
+    (r, n) => o({ message: r, variant: "success", ...n }),
+    [o]
+  ), x = a(
+    (r, n) => o({ message: r, variant: "warning", ...n }),
+    [o]
+  ), T = a(
+    (r, n) => o({ message: r, variant: "error", ...n }),
+    [o]
+  ), M = {
+    toast: o,
+    info: k,
+    success: L,
+    warning: x,
+    error: T,
+    dismiss: m,
+    dismissAll: v
+  }, b = [i.container, i[u]].filter(Boolean).join(" ");
+  return /* @__PURE__ */ l(C.Provider, { value: M, children: [
+    e,
+    s.length > 0 && I(
+      /* @__PURE__ */ t("div", { className: b, "aria-label": "Notifications", children: s.map((r) => /* @__PURE__ */ t(
+        z,
+        {
+          toast: r,
+          onDismiss: m
+        },
+        r.id
+      )) }),
+      document.body
+    )
+  ] });
+};
+A.displayName = "ToastProvider";
+export {
+  A as ToastProvider,
+  G as useToast
+};

package/dist/index9 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),n=require("react"),I=require("react-dom"),d=require("lucide-react"),o=require("./index100.cjs"),g=n.createContext(null);function m(){return n.useContext(g)}const b={info:l.jsx(d.Info,{size:24}),warning:l.jsx(d.AlertTriangle,{size:24}),danger:l.jsx(d.AlertCircle,{size:24})},r=({open:e,onClose:t,closeOnBackdrop:i=!1,closeOnEscape:a=!1,children:c,className:x})=>{const u=n.useId(),f=n.useId();if(n.useEffect(()=>{if(!e||!a)return;const s=p=>{p.key==="Escape"&&t()};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[e,a,t]),n.useEffect(()=>(e?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[e]),!e)return null;const N=[o.default.dialog,x].filter(Boolean).join(" "),v=s=>{i&&s.target===s.currentTarget&&t()};return I.createPortal(l.jsx(g.Provider,{value:{titleId:u,descriptionId:f},children:l.jsx("div",{className:o.default.backdrop,onClick:v,role:"alertdialog","aria-modal":"true","aria-labelledby":u,"aria-describedby":f,children:l.jsx("div",{className:N,children:c})})}),document.body)},A=({variant:e="info",icon:t,className:i})=>{const a={info:o.default.iconInfo,warning:o.default.iconWarning,danger:o.default.iconDanger}[e],c=[o.default.icon,a,i].filter(Boolean).join(" ");return l.jsx("div",{className:c,"aria-hidden":"true",children:t||b[e]})},D=({className:e,children:t})=>{const i=m(),a=[o.default.title,e].filter(Boolean).join(" ");return l.jsx("h2",{id:i?.titleId,className:a,children:t})},y=({className:e,children:t})=>{const i=m(),a=[o.default.description,e].filter(Boolean).join(" ");return l.jsx("p",{id:i?.descriptionId,className:a,children:t})},j=({className:e,children:t})=>{const i=[o.default.actions,e].filter(Boolean).join(" ");return l.jsx("div",{className:i,children:t})};r.Icon=A;r.Title=D;r.Description=y;r.Actions=j;r.displayName="AlertDialog";A.displayName="AlertDialog.Icon";D.displayName="AlertDialog.Title";y.displayName="AlertDialog.Description";j.displayName="AlertDialog.Actions";exports.AlertDialog=r;

package/dist/index9 2.mjs

@@ -0,0 +1,91 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useId as m, useEffect as f, createContext as h, useContext as x } from "react";
+import { createPortal as C } from "react-dom";
+import { AlertCircle as k, AlertTriangle as w, Info as j } from "lucide-react";
+import n from "./index100.mjs";
+const u = h(null);
+function g() {
+  return x(u);
+}
+const B = {
+  info: /* @__PURE__ */ o(j, { size: 24 }),
+  warning: /* @__PURE__ */ o(w, { size: 24 }),
+  danger: /* @__PURE__ */ o(k, { size: 24 })
+}, a = ({
+  open: e,
+  onClose: t,
+  closeOnBackdrop: i = !1,
+  closeOnEscape: r = !1,
+  children: s,
+  className: N
+}) => {
+  const c = m(), d = m();
+  if (f(() => {
+    if (!e || !r) return;
+    const l = (b) => {
+      b.key === "Escape" && t();
+    };
+    return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
+  }, [e, r, t]), f(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+    document.body.style.overflow = "";
+  }), [e]), !e) return null;
+  const v = [n.dialog, N].filter(Boolean).join(" "), I = (l) => {
+    i && l.target === l.currentTarget && t();
+  };
+  return C(
+    /* @__PURE__ */ o(u.Provider, { value: { titleId: c, descriptionId: d }, children: /* @__PURE__ */ o(
+      "div",
+      {
+        className: n.backdrop,
+        onClick: I,
+        role: "alertdialog",
+        "aria-modal": "true",
+        "aria-labelledby": c,
+        "aria-describedby": d,
+        children: /* @__PURE__ */ o("div", { className: v, children: s })
+      }
+    ) }),
+    document.body
+  );
+}, y = ({
+  variant: e = "info",
+  icon: t,
+  className: i
+}) => {
+  const r = {
+    info: n.iconInfo,
+    warning: n.iconWarning,
+    danger: n.iconDanger
+  }[e], s = [n.icon, r, i].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("div", { className: s, "aria-hidden": "true", children: t || B[e] });
+}, A = ({
+  className: e,
+  children: t
+}) => {
+  const i = g(), r = [n.title, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("h2", { id: i?.titleId, className: r, children: t });
+}, p = ({
+  className: e,
+  children: t
+}) => {
+  const i = g(), r = [n.description, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("p", { id: i?.descriptionId, className: r, children: t });
+}, D = ({
+  className: e,
+  children: t
+}) => {
+  const i = [n.actions, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("div", { className: i, children: t });
+};
+a.Icon = y;
+a.Title = A;
+a.Description = p;
+a.Actions = D;
+a.displayName = "AlertDialog";
+y.displayName = "AlertDialog.Icon";
+A.displayName = "AlertDialog.Title";
+p.displayName = "AlertDialog.Description";
+D.displayName = "AlertDialog.Actions";
+export {
+  a as AlertDialog
+};

package/dist/index9.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index35.cjs");exports.CodeEditor=e.CodeEditor;

package/dist/index9.mjs

@@ -0,0 +1,4 @@
+import { CodeEditor as d } from "./index35.mjs";
+export {
+  d as CodeEditor
+};

package/dist/index90 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react");function t(r){const[i,s]=u.useState(()=>typeof window>"u"?!1:window.matchMedia(r).matches);return u.useEffect(()=>{if(typeof window>"u")return;const e=window.matchMedia(r),n=d=>{s(d.matches)};return s(e.matches),e.addEventListener?(e.addEventListener("change",n),()=>e.removeEventListener("change",n)):(e.addListener(n),()=>e.removeListener(n))},[r]),i}function o(){return t("(max-width: 639px)")}function a(){return t("(min-width: 640px) and (max-width: 1023px)")}function c(){return t("(min-width: 1024px)")}function f(){return t("(prefers-color-scheme: dark)")}function h(){return t("(prefers-reduced-motion: reduce)")}exports.useIsDesktop=c;exports.useIsMobile=o;exports.useIsTablet=a;exports.useMediaQuery=t;exports.usePrefersDarkMode=f;exports.usePrefersReducedMotion=h;

package/dist/index90 2.mjs

@@ -0,0 +1,35 @@
+import { useState as u, useEffect as o } from "react";
+function t(r) {
+  const [s, i] = u(() => typeof window > "u" ? !1 : window.matchMedia(r).matches);
+  return o(() => {
+    if (typeof window > "u")
+      return;
+    const e = window.matchMedia(r), n = (d) => {
+      i(d.matches);
+    };
+    return i(e.matches), e.addEventListener ? (e.addEventListener("change", n), () => e.removeEventListener("change", n)) : (e.addListener(n), () => e.removeListener(n));
+  }, [r]), s;
+}
+function c() {
+  return t("(max-width: 639px)");
+}
+function f() {
+  return t("(min-width: 640px) and (max-width: 1023px)");
+}
+function m() {
+  return t("(min-width: 1024px)");
+}
+function h() {
+  return t("(prefers-color-scheme: dark)");
+}
+function w() {
+  return t("(prefers-reduced-motion: reduce)");
+}
+export {
+  m as useIsDesktop,
+  c as useIsMobile,
+  f as useIsTablet,
+  t as useMediaQuery,
+  h as usePrefersDarkMode,
+  w as usePrefersReducedMotion
+};

package/dist/index90.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react/jsx-runtime"),l=require("react"),t=require("./index148.cjs"),u=l.forwardRef(({pressed:o,defaultPressed:c=!1,onPressedChange:a,variant:d="default",size:i="md",disabled:f,className:g,children:m,onClick:n,...b},T)=>{const[j,p]=l.useState(c),s=o!==void 0,e=s?o:j,y=l.useCallback(x=>{const r=!e;s||p(r),a?.(r),n?.(x)},[e,s,a,n]),q=[t.default.toggle,t.default[d],t.default[i],e&&t.default.pressed,g].filter(Boolean).join(" ");return N.jsx("button",{ref:T,type:"button",className:q,"aria-pressed":e,disabled:f,onClick:y,...b,children:m})});u.displayName="Toggle";exports.Toggle=u;

package/dist/index90.mjs

@@ -0,0 +1,48 @@
+import { jsx as j } from "react/jsx-runtime";
+import { forwardRef as k, useState as C, useCallback as P } from "react";
+import s from "./index148.mjs";
+const T = k(
+  ({
+    pressed: o,
+    defaultPressed: n = !1,
+    onPressedChange: l,
+    variant: i = "default",
+    size: c = "md",
+    disabled: d,
+    className: m,
+    children: f,
+    onClick: r,
+    ...p
+  }, u) => {
+    const [g, b] = C(n), t = o !== void 0, e = t ? o : g, x = P(
+      (N) => {
+        const a = !e;
+        t || b(a), l?.(a), r?.(N);
+      },
+      [e, t, l, r]
+    ), y = [
+      s.toggle,
+      s[i],
+      s[c],
+      e && s.pressed,
+      m
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ j(
+      "button",
+      {
+        ref: u,
+        type: "button",
+        className: y,
+        "aria-pressed": e,
+        disabled: d,
+        onClick: x,
+        ...p,
+        children: f
+      }
+    );
+  }
+);
+T.displayName = "Toggle";
+export {
+  T as Toggle
+};

package/dist/index91 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react");function h(n,a,f={}){const{ctrl:t=!1,alt:o=!1,shift:c=!1,meta:u=!1,enabled:i=!0,event:e="keydown",preventDefault:m=!0,stopPropagation:l=!1,target:s,targetOnly:p=!1}=f,b=y.useRef(a);b.current=a,y.useEffect(()=>{if(!i)return;const d=r=>{if(!(r.key.toLowerCase()===n.toLowerCase()||r.code===n)||t!==r.ctrlKey||o!==r.altKey||c!==r.shiftKey||u!==r.metaKey||p&&s&&r.target!==s)return;const g=document.activeElement;(g instanceof HTMLInputElement||g instanceof HTMLTextAreaElement||g?.getAttribute("contenteditable")==="true")&&n.toLowerCase()!=="escape"||(m&&r.preventDefault(),l&&r.stopPropagation(),b.current(r))},v=s||document;return v.addEventListener(e,d),()=>{v.removeEventListener(e,d)}},[n,t,o,c,u,i,e,m,l,s,p])}function E(n){const a=n.split("+"),f=a[a.length-1]||n,t={};for(let o=0;o<a.length-1;o++){const c=a[o];if(c)switch(c.toLowerCase()){case"ctrl":case"control":t.ctrl=!0;break;case"alt":case"option":t.alt=!0;break;case"shift":t.shift=!0;break;case"meta":case"cmd":case"command":t.meta=!0;break}}return{key:f,modifiers:t}}function L(n,a={}){const{enabled:f=!0,event:t="keydown",preventDefault:o=!0,stopPropagation:c=!1}=a,u=y.useCallback(()=>Object.entries(n).map(([i,e])=>({...E(i),handler:e})),[n]);y.useEffect(()=>{if(!f)return;const i=e=>{const m=u();for(const{key:l,modifiers:s,handler:p}of m){if(!(e.key.toLowerCase()===l.toLowerCase()||e.code===l)||(s.ctrl??!1)!==e.ctrlKey||(s.alt??!1)!==e.altKey||(s.shift??!1)!==e.shiftKey||(s.meta??!1)!==e.metaKey)continue;const d=document.activeElement;if(!((d instanceof HTMLInputElement||d instanceof HTMLTextAreaElement||d?.getAttribute("contenteditable")==="true")&&l.toLowerCase()!=="escape")){o&&e.preventDefault(),c&&e.stopPropagation(),p();break}}};return document.addEventListener(t,i),()=>{document.removeEventListener(t,i)}},[f,t,o,c,u])}exports.useKeyboard=h;exports.useKeyboardShortcuts=L;

package/dist/index91 2.mjs

@@ -0,0 +1,99 @@
+import { useRef as E, useEffect as g, useCallback as b } from "react";
+function T(n, a, f = {}) {
+  const {
+    ctrl: t = !1,
+    alt: o = !1,
+    shift: i = !1,
+    meta: u = !1,
+    enabled: c = !0,
+    event: e = "keydown",
+    preventDefault: d = !0,
+    stopPropagation: l = !1,
+    target: s,
+    targetOnly: p = !1
+  } = f, y = E(a);
+  y.current = a, g(() => {
+    if (!c)
+      return;
+    const m = (r) => {
+      if (!(r.key.toLowerCase() === n.toLowerCase() || r.code === n) || t !== r.ctrlKey || o !== r.altKey || i !== r.shiftKey || u !== r.metaKey || p && s && r.target !== s)
+        return;
+      const h = document.activeElement;
+      (h instanceof HTMLInputElement || h instanceof HTMLTextAreaElement || h?.getAttribute("contenteditable") === "true") && n.toLowerCase() !== "escape" || (d && r.preventDefault(), l && r.stopPropagation(), y.current(r));
+    }, v = s || document;
+    return v.addEventListener(e, m), () => {
+      v.removeEventListener(e, m);
+    };
+  }, [
+    n,
+    t,
+    o,
+    i,
+    u,
+    c,
+    e,
+    d,
+    l,
+    s,
+    p
+  ]);
+}
+function L(n) {
+  const a = n.split("+"), f = a[a.length - 1] || n, t = {};
+  for (let o = 0; o < a.length - 1; o++) {
+    const i = a[o];
+    if (i)
+      switch (i.toLowerCase()) {
+        case "ctrl":
+        case "control":
+          t.ctrl = !0;
+          break;
+        case "alt":
+        case "option":
+          t.alt = !0;
+          break;
+        case "shift":
+          t.shift = !0;
+          break;
+        case "meta":
+        case "cmd":
+        case "command":
+          t.meta = !0;
+          break;
+      }
+  }
+  return { key: f, modifiers: t };
+}
+function C(n, a = {}) {
+  const {
+    enabled: f = !0,
+    event: t = "keydown",
+    preventDefault: o = !0,
+    stopPropagation: i = !1
+  } = a, u = b(() => Object.entries(n).map(([c, e]) => ({
+    ...L(c),
+    handler: e
+  })), [n]);
+  g(() => {
+    if (!f)
+      return;
+    const c = (e) => {
+      const d = u();
+      for (const { key: l, modifiers: s, handler: p } of d) {
+        if (!(e.key.toLowerCase() === l.toLowerCase() || e.code === l) || (s.ctrl ?? !1) !== e.ctrlKey || (s.alt ?? !1) !== e.altKey || (s.shift ?? !1) !== e.shiftKey || (s.meta ?? !1) !== e.metaKey) continue;
+        const m = document.activeElement;
+        if (!((m instanceof HTMLInputElement || m instanceof HTMLTextAreaElement || m?.getAttribute("contenteditable") === "true") && l.toLowerCase() !== "escape")) {
+          o && e.preventDefault(), i && e.stopPropagation(), p();
+          break;
+        }
+      }
+    };
+    return document.addEventListener(t, c), () => {
+      document.removeEventListener(t, c);
+    };
+  }, [f, t, o, i, u]);
+}
+export {
+  T as useKeyboard,
+  C as useKeyboardShortcuts
+};

package/dist/index91.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const G=require("react/jsx-runtime"),n=require("react"),a=require("./index162.cjs"),j=n.createContext(null);function q(){const t=n.useContext(j);if(!t)throw new Error("ToggleGroup.Item must be used within a ToggleGroup");return t}const A=n.forwardRef(({value:t,disabled:c,className:y,children:g,...d},f)=>{const{type:I,value:b,onItemToggle:x,variant:h,size:s,disabled:p}=q(),m=b.includes(t),T=c||p,u=[a.default.item,m&&a.default.itemPressed,y].filter(Boolean).join(" ");return G.jsx("button",{ref:f,type:"button",className:u,"aria-pressed":m,disabled:T,onClick:()=>x(t),...d,children:g})});A.displayName="ToggleGroup.Item";const R=n.forwardRef(({type:t,value:c,defaultValue:y,onValueChange:g,variant:d="default",size:f="md",disabled:I=!1,className:b,children:x,...h},s)=>{const p=e=>e===void 0?[]:Array.isArray(e)?e:[e],[m,T]=n.useState(p(y)),u=c!==void 0,i=u?p(c):m,k=n.useRef(null),C=n.useCallback(e=>{let o;i.includes(e)?o=i.filter(r=>r!==e):t==="multiple"?o=[...i,e]:o=[e],u||T(o),g?.(t==="single"?o[0]??"":o)},[i,t,u,g]),v=n.useCallback(e=>{const o=k.current;if(!o)return;const r=Array.from(o.querySelectorAll("button:not(:disabled)")),w=r.indexOf(e.target);if(w===-1)return;let l;e.key==="ArrowRight"||e.key==="ArrowDown"?l=(w+1)%r.length:e.key==="ArrowLeft"||e.key==="ArrowUp"?l=(w-1+r.length)%r.length:e.key==="Home"?l=0:e.key==="End"&&(l=r.length-1),l!==void 0&&(e.preventDefault(),r[l]?.focus())},[]),D=[a.default.group,a.default[d],a.default[f],b].filter(Boolean).join(" "),N={type:t,value:i,onItemToggle:C,variant:d,size:f,disabled:I};return G.jsx(j.Provider,{value:N,children:G.jsx("div",{ref:e=>{k.current=e,typeof s=="function"?s(e):s&&(s.current=e)},role:"group",className:D,onKeyDown:v,...h,children:x})})});R.displayName="ToggleGroup";const P=Object.assign(R,{Item:A});exports.ToggleGroup=P;

package/dist/index91.mjs

@@ -0,0 +1,101 @@
+import { jsx as w } from "react/jsx-runtime";
+import { forwardRef as A, useState as _, useRef as z, useCallback as k, createContext as B, useContext as E } from "react";
+import u from "./index162.mjs";
+const C = B(null);
+function K() {
+  const t = E(C);
+  if (!t)
+    throw new Error("ToggleGroup.Item must be used within a ToggleGroup");
+  return t;
+}
+const D = A(
+  ({ value: t, disabled: a, className: p, children: c, ...g }, d) => {
+    const {
+      type: I,
+      value: y,
+      onItemToggle: x,
+      variant: h,
+      size: s,
+      disabled: f
+    } = K(), m = y.includes(t), b = a || f, l = [u.item, m && u.itemPressed, p].filter(Boolean).join(" ");
+    return /* @__PURE__ */ w(
+      "button",
+      {
+        ref: d,
+        type: "button",
+        className: l,
+        "aria-pressed": m,
+        disabled: b,
+        onClick: () => x(t),
+        ...g,
+        children: c
+      }
+    );
+  }
+);
+D.displayName = "ToggleGroup.Item";
+const N = A(
+  ({
+    type: t,
+    value: a,
+    defaultValue: p,
+    onValueChange: c,
+    variant: g = "default",
+    size: d = "md",
+    disabled: I = !1,
+    className: y,
+    children: x,
+    ...h
+  }, s) => {
+    const f = (e) => e === void 0 ? [] : Array.isArray(e) ? e : [e], [m, b] = _(
+      f(p)
+    ), l = a !== void 0, i = l ? f(a) : m, G = z(null), v = k(
+      (e) => {
+        let o;
+        i.includes(e) ? o = i.filter((r) => r !== e) : t === "multiple" ? o = [...i, e] : o = [e], l || b(o), c?.(t === "single" ? o[0] ?? "" : o);
+      },
+      [i, t, l, c]
+    ), R = k(
+      (e) => {
+        const o = G.current;
+        if (!o) return;
+        const r = Array.from(
+          o.querySelectorAll(
+            "button:not(:disabled)"
+          )
+        ), T = r.indexOf(e.target);
+        if (T === -1) return;
+        let n;
+        e.key === "ArrowRight" || e.key === "ArrowDown" ? n = (T + 1) % r.length : e.key === "ArrowLeft" || e.key === "ArrowUp" ? n = (T - 1 + r.length) % r.length : e.key === "Home" ? n = 0 : e.key === "End" && (n = r.length - 1), n !== void 0 && (e.preventDefault(), r[n]?.focus());
+      },
+      []
+    ), j = [u.group, u[g], u[d], y].filter(Boolean).join(" "), P = {
+      type: t,
+      value: i,
+      onItemToggle: v,
+      variant: g,
+      size: d,
+      disabled: I
+    };
+    return /* @__PURE__ */ w(C.Provider, { value: P, children: /* @__PURE__ */ w(
+      "div",
+      {
+        ref: (e) => {
+          G.current = e, typeof s == "function" ? s(e) : s && (s.current = e);
+        },
+        role: "group",
+        className: j,
+        onKeyDown: R,
+        ...h,
+        children: x
+      }
+    ) });
+  }
+);
+N.displayName = "ToggleGroup";
+const H = Object.assign(N, {
+  Item: D
+});
+export {
+  H as ToggleGroup
+};