@orion-ds/react 4.6.5 → 4.7.0

package/dist/index32 2.mjs

@@ -0,0 +1,103 @@
+import { jsxs as a, jsx as i } from "react/jsx-runtime";
+import { forwardRef as P, useRef as R, useEffect as s } from "react";
+import { X as z } from "lucide-react";
+import e from "./index154.mjs";
+const B = P(
+  ({
+    open: l,
+    onClose: t,
+    title: f,
+    description: u,
+    subtitle: n,
+    children: v,
+    size: h = "md",
+    position: p = "right",
+    headerActions: y,
+    footer: d,
+    overlay: N = !0,
+    closeOnOverlayClick: b = !0,
+    closeOnEscape: o = !0,
+    loading: w = !1,
+    className: k,
+    ...D
+  }, E) => {
+    const c = R(null), m = u ?? n;
+    if (s(() => {
+      n && process.env.NODE_ENV === "development" && console.warn(
+        '[DetailPanel] The "subtitle" prop is deprecated. Use "description" instead. subtitle will be removed in v3.0.'
+      );
+    }, [n]), s(() => {
+      if (!l || !o) return;
+      const r = (j) => {
+        j.key === "Escape" && t();
+      };
+      return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
+    }, [l, o, t]), s(() => {
+      if (l) {
+        const r = document.body.style.overflow;
+        return document.body.style.overflow = "hidden", setTimeout(() => {
+          c.current?.focus();
+        }, 0), () => {
+          document.body.style.overflow = r;
+        };
+      }
+    }, [l]), !l) return null;
+    const g = () => {
+      b && t();
+    }, x = [
+      e.panel,
+      e[`size-${h}`],
+      e[`position-${p}`],
+      k
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ a("div", { className: e.container, children: [
+      N && /* @__PURE__ */ i(
+        "div",
+        {
+          className: e.overlay,
+          onClick: g,
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ a(
+        "div",
+        {
+          ref: E || c,
+          className: x,
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": "detail-panel-title",
+          tabIndex: -1,
+          ...D,
+          children: [
+            /* @__PURE__ */ a("div", { className: e.header, children: [
+              /* @__PURE__ */ a("div", { className: e.headerContent, children: [
+                /* @__PURE__ */ i("h2", { id: "detail-panel-title", className: e.title, children: f }),
+                m && /* @__PURE__ */ i("p", { className: e.subtitle, children: m })
+              ] }),
+              /* @__PURE__ */ a("div", { className: e.headerActions, children: [
+                y,
+                /* @__PURE__ */ i(
+                  "button",
+                  {
+                    type: "button",
+                    className: e.closeButton,
+                    onClick: t,
+                    "aria-label": "Close panel",
+                    children: /* @__PURE__ */ i(z, { size: 20 })
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ i("div", { className: e.body, children: w ? /* @__PURE__ */ i("div", { className: e.loading, children: /* @__PURE__ */ i("div", { className: e.spinner }) }) : v }),
+            d && /* @__PURE__ */ i("div", { className: e.footer, children: d })
+          ]
+        }
+      )
+    ] });
+  }
+);
+B.displayName = "DetailPanel";
+export {
+  B as DetailPanel
+};

package/dist/index32 3.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),a=require("react"),P=require("lucide-react"),e=require("./index154.cjs"),u=a.forwardRef(({open:t,onClose:s,title:f,description:m,subtitle:d,children:v,size:h="md",position:y="right",headerActions:j,footer:n,overlay:N=!0,closeOnOverlayClick:x=!0,closeOnEscape:r=!0,loading:b=!1,className:p,...w},D)=>{const c=a.useRef(null),o=m??d;if(a.useEffect(()=>{d&&process.env.NODE_ENV==="development"&&console.warn('[DetailPanel] The "subtitle" prop is deprecated. Use "description" instead. subtitle will be removed in v3.0.')},[d]),a.useEffect(()=>{if(!t||!r)return;const i=k=>{k.key==="Escape"&&s()};return document.addEventListener("keydown",i),()=>document.removeEventListener("keydown",i)},[t,r,s]),a.useEffect(()=>{if(t){const i=document.body.style.overflow;return document.body.style.overflow="hidden",setTimeout(()=>{c.current?.focus()},0),()=>{document.body.style.overflow=i}}},[t]),!t)return null;const E=()=>{x&&s()},g=[e.default.panel,e.default[`size-${h}`],e.default[`position-${y}`],p].filter(Boolean).join(" ");return l.jsxs("div",{className:e.default.container,children:[N&&l.jsx("div",{className:e.default.overlay,onClick:E,"aria-hidden":"true"}),l.jsxs("div",{ref:D||c,className:g,role:"dialog","aria-modal":"true","aria-labelledby":"detail-panel-title",tabIndex:-1,...w,children:[l.jsxs("div",{className:e.default.header,children:[l.jsxs("div",{className:e.default.headerContent,children:[l.jsx("h2",{id:"detail-panel-title",className:e.default.title,children:f}),o&&l.jsx("p",{className:e.default.subtitle,children:o})]}),l.jsxs("div",{className:e.default.headerActions,children:[j,l.jsx("button",{type:"button",className:e.default.closeButton,onClick:s,"aria-label":"Close panel",children:l.jsx(P.X,{size:20})})]})]}),l.jsx("div",{className:e.default.body,children:b?l.jsx("div",{className:e.default.loading,children:l.jsx("div",{className:e.default.spinner})}):v}),n&&l.jsx("div",{className:e.default.footer,children:n})]})]})});u.displayName="DetailPanel";exports.DetailPanel=u;

package/dist/index32.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("./index226.cjs"),d=require("./index227.cjs"),h=require("./index228.cjs"),n=require("./index229.cjs"),C=require("./index230.cjs"),c=require("./index231.cjs"),l=require("./index232.cjs"),u=require("./index233.cjs"),p=require("./index234.cjs"),m=require("./index235.cjs"),y=require("./index236.cjs"),g=require("./index237.cjs"),M=require("./index238.cjs"),q=require("./index239.cjs"),a=({children:t,className:r,...i})=>o.jsx("div",{className:[s.default.chat,r].filter(Boolean).join(" "),role:"region","aria-label":"Chat interface",...i,children:t});a.displayName="Chat";const e=a;e.Header=d.ChatHeader;e.Messages=h.ChatMessages;e.Message=n.ChatMessage;e.Input=C.ChatInput;e.TypingIndicator=c.ChatTypingIndicator;e.CodeBlock=l.ChatCodeBlock;e.Markdown=u.ChatMarkdown;e.ImagePreview=p.ChatImagePreview;e.AudioPlayer=m.ChatAudioPlayer;e.VoiceRecorder=y.ChatVoiceRecorder;e.FileUpload=g.ChatFileUpload;e.Attachment=M.ChatAttachment;e.Sidebar=q.ChatSidebar;e.Header.displayName="Chat.Header";e.Messages.displayName="Chat.Messages";e.Message.displayName="Chat.Message";e.Input.displayName="Chat.Input";e.TypingIndicator.displayName="Chat.TypingIndicator";e.CodeBlock.displayName="Chat.CodeBlock";e.Markdown.displayName="Chat.Markdown";e.ImagePreview.displayName="Chat.ImagePreview";e.AudioPlayer.displayName="Chat.AudioPlayer";e.VoiceRecorder.displayName="Chat.VoiceRecorder";e.FileUpload.displayName="Chat.FileUpload";e.Attachment.displayName="Chat.Attachment";e.Sidebar.displayName="Chat.Sidebar";exports.Chat=e;

package/dist/index32.mjs

@@ -0,0 +1,56 @@
+import { jsx as i } from "react/jsx-runtime";
+import m from "./index226.mjs";
+import { ChatHeader as d } from "./index227.mjs";
+import { ChatMessages as p } from "./index228.mjs";
+import { ChatMessage as s } from "./index229.mjs";
+import { ChatInput as l } from "./index230.mjs";
+import { ChatTypingIndicator as h } from "./index231.mjs";
+import { ChatCodeBlock as C } from "./index232.mjs";
+import { ChatMarkdown as n } from "./index233.mjs";
+import { ChatImagePreview as c } from "./index234.mjs";
+import { ChatAudioPlayer as y } from "./index235.mjs";
+import { ChatVoiceRecorder as f } from "./index236.mjs";
+import { ChatFileUpload as g } from "./index237.mjs";
+import { ChatAttachment as N } from "./index238.mjs";
+import { ChatSidebar as I } from "./index239.mjs";
+const e = ({ children: t, className: o, ...r }) => /* @__PURE__ */ i(
+  "div",
+  {
+    className: [m.chat, o].filter(Boolean).join(" "),
+    role: "region",
+    "aria-label": "Chat interface",
+    ...r,
+    children: t
+  }
+);
+e.displayName = "Chat";
+const a = e;
+a.Header = d;
+a.Messages = p;
+a.Message = s;
+a.Input = l;
+a.TypingIndicator = h;
+a.CodeBlock = C;
+a.Markdown = n;
+a.ImagePreview = c;
+a.AudioPlayer = y;
+a.VoiceRecorder = f;
+a.FileUpload = g;
+a.Attachment = N;
+a.Sidebar = I;
+a.Header.displayName = "Chat.Header";
+a.Messages.displayName = "Chat.Messages";
+a.Message.displayName = "Chat.Message";
+a.Input.displayName = "Chat.Input";
+a.TypingIndicator.displayName = "Chat.TypingIndicator";
+a.CodeBlock.displayName = "Chat.CodeBlock";
+a.Markdown.displayName = "Chat.Markdown";
+a.ImagePreview.displayName = "Chat.ImagePreview";
+a.AudioPlayer.displayName = "Chat.AudioPlayer";
+a.VoiceRecorder.displayName = "Chat.VoiceRecorder";
+a.FileUpload.displayName = "Chat.FileUpload";
+a.Attachment.displayName = "Chat.Attachment";
+a.Sidebar.displayName = "Chat.Sidebar";
+export {
+  a as Chat
+};

package/dist/index33 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("react"),e=require("./index114.cjs"),l=c.forwardRef(({orientation:s="horizontal",variant:t="solid",spacing:d="md",label:r,className:o,...n},u)=>{const i=[e.default.divider,e.default[s],e.default[t],e.default[`spacing-${d}`],r&&e.default.withLabel,o].filter(Boolean).join(" ");return r&&s==="horizontal"?a.jsxs("div",{className:i,role:"separator","aria-orientation":s,children:[a.jsx("span",{className:e.default.line}),a.jsx("span",{className:e.default.label,children:r}),a.jsx("span",{className:e.default.line})]}):a.jsx("hr",{ref:u,className:i,role:"separator","aria-orientation":s,...n})});l.displayName="Divider";exports.Divider=l;

package/dist/index33 4.mjs

@@ -0,0 +1,48 @@
+import { jsxs as c, jsx as s } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import a from "./index114.mjs";
+const p = d(
+  ({
+    orientation: r = "horizontal",
+    variant: o = "solid",
+    spacing: l = "md",
+    label: e,
+    className: m,
+    ...n
+  }, t) => {
+    const i = [
+      a.divider,
+      a[r],
+      a[o],
+      a[`spacing-${l}`],
+      e && a.withLabel,
+      m
+    ].filter(Boolean).join(" ");
+    return e && r === "horizontal" ? /* @__PURE__ */ c(
+      "div",
+      {
+        className: i,
+        role: "separator",
+        "aria-orientation": r,
+        children: [
+          /* @__PURE__ */ s("span", { className: a.line }),
+          /* @__PURE__ */ s("span", { className: a.label, children: e }),
+          /* @__PURE__ */ s("span", { className: a.line })
+        ]
+      }
+    ) : /* @__PURE__ */ s(
+      "hr",
+      {
+        ref: t,
+        className: i,
+        role: "separator",
+        "aria-orientation": r,
+        ...n
+      }
+    );
+  }
+);
+p.displayName = "Divider";
+export {
+  p as Divider
+};

package/dist/index33.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),u=require("lucide-react"),s=require("./index158.cjs"),m=t.forwardRef(({label:i,helperText:n,error:a,size:j="md",indeterminate:r=!1,className:k,id:N,disabled:h,required:o,checked:v,"aria-label":f,"aria-describedby":p,...C},y)=>{const R=t.useId(),l=N||`checkbox-${R}`,x=`${l}-error`,b=`${l}-helper`,g=t.useRef(null),d=y||g;t.useEffect(()=>{d.current&&(d.current.indeterminate=r)},[r,d]);const c=[];a&&c.push(x),n&&!a&&c.push(b),p&&c.push(p);const I=c.length>0?c.join(" "):void 0;!(i||f)&&process.env.NODE_ENV==="development"&&console.warn("Checkbox: Missing accessible name. Provide either a `label` prop or `aria-label` for screen reader users.");const q=r?"mixed":void 0,M=[s.default.container,s.default[j],a&&s.default.error,h&&s.default.disabled,k].filter(Boolean).join(" ");return e.jsxs("div",{className:M,children:[e.jsx("input",{ref:d,type:"checkbox",id:l,className:s.default.input,disabled:h,required:o,checked:v,"aria-required":o||void 0,"aria-invalid":a?"true":"false","aria-checked":q,"aria-describedby":I,"aria-label":i?void 0:f,...C}),e.jsxs("label",{htmlFor:l,className:s.default.labelWrapper,children:[e.jsx("span",{className:s.default.checkbox,"aria-hidden":"true",children:e.jsx("span",{className:s.default.checkmark,children:r?e.jsx(u.Minus,{strokeWidth:3}):e.jsx(u.Check,{strokeWidth:3})})}),i&&e.jsxs("span",{className:s.default.label,children:[i,o&&e.jsx("span",{className:s.default.required,"aria-hidden":"true",children:"*"})]})]}),n&&!a&&e.jsx("p",{id:b,className:s.default.helperText,children:n}),a&&e.jsxs("p",{id:x,className:s.default.errorMessage,role:"alert","aria-live":"assertive",children:[e.jsx(u.AlertCircle,{size:14,"aria-hidden":"true"}),e.jsx("span",{children:a})]})]})});m.displayName="Checkbox";exports.Checkbox=m;

package/dist/index33.mjs

@@ -0,0 +1,84 @@
+import { jsxs as l, jsx as s } from "react/jsx-runtime";
+import { forwardRef as A, useId as B, useRef as E, useEffect as M } from "react";
+import { Minus as W, Check as $, AlertCircle as w } from "lucide-react";
+import e from "./index158.mjs";
+const z = A(
+  ({
+    label: i,
+    helperText: d,
+    error: a,
+    size: b = "md",
+    indeterminate: r = !1,
+    className: k,
+    id: N,
+    disabled: h,
+    required: t,
+    checked: v,
+    "aria-label": p,
+    "aria-describedby": m,
+    ...x
+  }, C) => {
+    const y = B(), n = N || `checkbox-${y}`, f = `${n}-error`, u = `${n}-helper`, I = E(null), o = C || I;
+    M(() => {
+      o.current && (o.current.indeterminate = r);
+    }, [r, o]);
+    const c = [];
+    a && c.push(f), d && !a && c.push(u), m && c.push(m);
+    const g = c.length > 0 ? c.join(" ") : void 0;
+    !(i || p) && process.env.NODE_ENV === "development" && console.warn(
+      "Checkbox: Missing accessible name. Provide either a `label` prop or `aria-label` for screen reader users."
+    );
+    const j = r ? "mixed" : void 0, R = [
+      e.container,
+      e[b],
+      a && e.error,
+      h && e.disabled,
+      k
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ l("div", { className: R, children: [
+      /* @__PURE__ */ s(
+        "input",
+        {
+          ref: o,
+          type: "checkbox",
+          id: n,
+          className: e.input,
+          disabled: h,
+          required: t,
+          checked: v,
+          "aria-required": t || void 0,
+          "aria-invalid": a ? "true" : "false",
+          "aria-checked": j,
+          "aria-describedby": g,
+          "aria-label": i ? void 0 : p,
+          ...x
+        }
+      ),
+      /* @__PURE__ */ l("label", { htmlFor: n, className: e.labelWrapper, children: [
+        /* @__PURE__ */ s("span", { className: e.checkbox, "aria-hidden": "true", children: /* @__PURE__ */ s("span", { className: e.checkmark, children: r ? /* @__PURE__ */ s(W, { strokeWidth: 3 }) : /* @__PURE__ */ s($, { strokeWidth: 3 }) }) }),
+        i && /* @__PURE__ */ l("span", { className: e.label, children: [
+          i,
+          t && /* @__PURE__ */ s("span", { className: e.required, "aria-hidden": "true", children: "*" })
+        ] })
+      ] }),
+      d && !a && /* @__PURE__ */ s("p", { id: u, className: e.helperText, children: d }),
+      a && /* @__PURE__ */ l(
+        "p",
+        {
+          id: f,
+          className: e.errorMessage,
+          role: "alert",
+          "aria-live": "assertive",
+          children: [
+            /* @__PURE__ */ s(w, { size: 14, "aria-hidden": "true" }),
+            /* @__PURE__ */ s("span", { children: a })
+          ]
+        }
+      )
+    ] });
+  }
+);
+z.displayName = "Checkbox";
+export {
+  z as Checkbox
+};

package/dist/index34 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("react"),g=require("react-dom"),a=require("./index146.cjs"),u=s.forwardRef(({children:e,className:r,...o},d)=>t.jsx("div",{ref:d,className:`${a.default.header} ${r||""}`,...o,children:e}));u.displayName="Drawer.Header";const f=s.forwardRef(({children:e,className:r,...o},d)=>t.jsx("div",{ref:d,className:`${a.default.body} ${r||""}`,...o,children:e}));f.displayName="Drawer.Body";const w=s.forwardRef(({children:e,className:r,...o},d)=>t.jsx("div",{ref:d,className:`${a.default.footer} ${r||""}`,...o,children:e}));w.displayName="Drawer.Footer";const m=s.forwardRef(({open:e,onClose:r,placement:o="right",size:d="md",closeOnBackdrop:n=!0,closeOnEscape:c=!0,showCloseButton:y=!0,children:v,className:b,...h},j)=>{const l=s.useCallback(i=>{c&&i.key==="Escape"&&r()},[c,r]),k=s.useCallback(()=>{n&&r()},[n,r]);if(s.useEffect(()=>{if(e){const i=document.body.style.overflow;return document.body.style.overflow="hidden",document.addEventListener("keydown",l),()=>{document.body.style.overflow=i,document.removeEventListener("keydown",l)}}},[e,l]),!e)return null;const x=[a.default.overlay,e&&a.default.overlayVisible].filter(Boolean).join(" "),D=[a.default.drawer,a.default[o],a.default[`size-${d}`],e&&a.default.drawerVisible,b].filter(Boolean).join(" "),N=t.jsxs("div",{className:x,children:[t.jsx("div",{className:a.default.backdrop,onClick:k,"aria-hidden":"true"}),t.jsxs("div",{ref:j,className:D,role:"dialog","aria-modal":"true",...h,children:[y&&t.jsx("button",{type:"button",className:a.default.closeButton,onClick:r,"aria-label":"Close drawer",children:t.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:"M15 5L5 15M5 5L15 15",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),v]})]});return g.createPortal(N,document.body)});m.displayName="Drawer";const p=Object.assign(m,{Header:u,Body:f,Footer:w});exports.Drawer=p;

package/dist/index34 3.mjs

@@ -0,0 +1,132 @@
+import { jsxs as m, jsx as d } from "react/jsx-runtime";
+import { forwardRef as s, useCallback as u, useEffect as j } from "react";
+import { createPortal as L } from "react-dom";
+import o from "./index146.mjs";
+const w = s(
+  ({ children: e, className: r, ...t }, a) => /* @__PURE__ */ d(
+    "div",
+    {
+      ref: a,
+      className: `${o.header} ${r || ""}`,
+      ...t,
+      children: e
+    }
+  )
+);
+w.displayName = "Drawer.Header";
+const y = s(
+  ({ children: e, className: r, ...t }, a) => /* @__PURE__ */ d("div", { ref: a, className: `${o.body} ${r || ""}`, ...t, children: e })
+);
+y.displayName = "Drawer.Body";
+const f = s(
+  ({ children: e, className: r, ...t }, a) => /* @__PURE__ */ d(
+    "div",
+    {
+      ref: a,
+      className: `${o.footer} ${r || ""}`,
+      ...t,
+      children: e
+    }
+  )
+);
+f.displayName = "Drawer.Footer";
+const v = s(
+  ({
+    open: e,
+    onClose: r,
+    placement: t = "right",
+    size: a = "md",
+    closeOnBackdrop: n = !0,
+    closeOnEscape: c = !0,
+    showCloseButton: h = !0,
+    children: b,
+    className: k,
+    ...p
+  }, N) => {
+    const i = u(
+      (l) => {
+        c && l.key === "Escape" && r();
+      },
+      [c, r]
+    ), D = u(() => {
+      n && r();
+    }, [n, r]);
+    if (j(() => {
+      if (e) {
+        const l = document.body.style.overflow;
+        return document.body.style.overflow = "hidden", document.addEventListener("keydown", i), () => {
+          document.body.style.overflow = l, document.removeEventListener("keydown", i);
+        };
+      }
+    }, [e, i]), !e)
+      return null;
+    const g = [o.overlay, e && o.overlayVisible].filter(Boolean).join(" "), B = [
+      o.drawer,
+      o[t],
+      o[`size-${a}`],
+      e && o.drawerVisible,
+      k
+    ].filter(Boolean).join(" "), $ = /* @__PURE__ */ m("div", { className: g, children: [
+      /* @__PURE__ */ d(
+        "div",
+        {
+          className: o.backdrop,
+          onClick: D,
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ m(
+        "div",
+        {
+          ref: N,
+          className: B,
+          role: "dialog",
+          "aria-modal": "true",
+          ...p,
+          children: [
+            h && /* @__PURE__ */ d(
+              "button",
+              {
+                type: "button",
+                className: o.closeButton,
+                onClick: r,
+                "aria-label": "Close drawer",
+                children: /* @__PURE__ */ d(
+                  "svg",
+                  {
+                    width: "20",
+                    height: "20",
+                    viewBox: "0 0 20 20",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    children: /* @__PURE__ */ d(
+                      "path",
+                      {
+                        d: "M15 5L5 15M5 5L15 15",
+                        stroke: "currentColor",
+                        strokeWidth: "1.5",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round"
+                      }
+                    )
+                  }
+                )
+              }
+            ),
+            b
+          ]
+        }
+      )
+    ] });
+    return L($, document.body);
+  }
+);
+v.displayName = "Drawer";
+const H = Object.assign(v, {
+  Header: w,
+  Body: y,
+  Footer: f
+});
+export {
+  H as Drawer
+};

package/dist/index34.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),w=require("react"),e=require("./index170.cjs"),u=w.forwardRef(({variant:c="default",size:d="md",icon:i,clickable:f=!1,onClick:s,onRemove:l,disabled:a=!1,selected:o=!1,children:h,className:p,...v},m)=>{const r=f||!!s,j=[e.default.chip,e.default[c],e.default[d],r&&e.default.clickable,o&&e.default.selected,a&&e.default.disabled,p].filter(Boolean).join(" "),k=()=>{!a&&s&&s()},x=t=>{t.stopPropagation(),!a&&l&&l()},y=t=>{a||((t.key==="Enter"||t.key===" ")&&(t.preventDefault(),s?.()),(t.key==="Backspace"||t.key==="Delete")&&(t.preventDefault(),l?.()))};return n.jsxs("div",{ref:m,className:j,role:r?"button":void 0,tabIndex:r&&!a?0:void 0,"aria-disabled":a,"aria-pressed":o,onClick:r?k:void 0,onKeyDown:r?y:void 0,...v,children:[i&&n.jsx("span",{className:e.default.icon,"aria-hidden":"true",children:i}),n.jsx("span",{className:e.default.label,children:h}),l&&n.jsx("button",{type:"button",className:e.default.removeButton,onClick:x,disabled:a,"aria-label":"Remove",children:n.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:n.jsx("path",{d:"M10.5 3.5L3.5 10.5M3.5 3.5l7 7",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})});u.displayName="Chip";exports.Chip=u;

package/dist/index34.mjs

@@ -0,0 +1,86 @@
+import { jsxs as y, jsx as r } from "react/jsx-runtime";
+import { forwardRef as x } from "react";
+import e from "./index170.mjs";
+const D = x(
+  ({
+    variant: c = "default",
+    size: p = "md",
+    icon: s,
+    clickable: d = !1,
+    onClick: n,
+    onRemove: i,
+    disabled: a = !1,
+    selected: l = !1,
+    children: f,
+    className: h,
+    ...m
+  }, u) => {
+    const o = d || !!n, v = [
+      e.chip,
+      e[c],
+      e[p],
+      o && e.clickable,
+      l && e.selected,
+      a && e.disabled,
+      h
+    ].filter(Boolean).join(" "), k = () => {
+      !a && n && n();
+    }, w = (t) => {
+      t.stopPropagation(), !a && i && i();
+    };
+    return /* @__PURE__ */ y(
+      "div",
+      {
+        ref: u,
+        className: v,
+        role: o ? "button" : void 0,
+        tabIndex: o && !a ? 0 : void 0,
+        "aria-disabled": a,
+        "aria-pressed": l,
+        onClick: o ? k : void 0,
+        onKeyDown: o ? (t) => {
+          a || ((t.key === "Enter" || t.key === " ") && (t.preventDefault(), n?.()), (t.key === "Backspace" || t.key === "Delete") && (t.preventDefault(), i?.()));
+        } : void 0,
+        ...m,
+        children: [
+          s && /* @__PURE__ */ r("span", { className: e.icon, "aria-hidden": "true", children: s }),
+          /* @__PURE__ */ r("span", { className: e.label, children: f }),
+          i && /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              className: e.removeButton,
+              onClick: w,
+              disabled: a,
+              "aria-label": "Remove",
+              children: /* @__PURE__ */ r(
+                "svg",
+                {
+                  width: "14",
+                  height: "14",
+                  viewBox: "0 0 14 14",
+                  fill: "none",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  children: /* @__PURE__ */ r(
+                    "path",
+                    {
+                      d: "M10.5 3.5L3.5 10.5M3.5 3.5l7 7",
+                      stroke: "currentColor",
+                      strokeWidth: "1.5",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round"
+                    }
+                  )
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+D.displayName = "Chip";
+export {
+  D as Chip
+};

package/dist/index35 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("react"),U=require("react-dom"),i=require("./index101.cjs"),V=(e,l,m)=>{const r=window.scrollX,c=window.scrollY,u=4;let n=0,h=0;switch(m){case"bottom-start":n=e.bottom+c+u,h=e.left+r;break;case"bottom":n=e.bottom+c+u,h=e.left+r+(e.width-l.width)/2;break;case"bottom-end":n=e.bottom+c+u,h=e.right+r-l.width;break;case"top-start":n=e.top+c-l.height-u,h=e.left+r;break;case"top":n=e.top+c-l.height-u,h=e.left+r+(e.width-l.width)/2;break;case"top-end":n=e.top+c-l.height-u,h=e.right+r-l.width;break}return{top:n,left:h}},_=({item:e,onSelect:l,onNavigate:m})=>{const r=()=>{e.disabled||(e.onClick?.(),l())},c=n=>{n.key==="Enter"||n.key===" "?(n.preventDefault(),r()):n.key==="ArrowDown"?(n.preventDefault(),m?.("down")):n.key==="ArrowUp"&&(n.preventDefault(),m?.("up"))},u=[i.default.item,e.disabled&&i.default.disabled,e.danger&&i.default.danger].filter(Boolean).join(" ");return a.jsxs("div",{className:u,role:"menuitem",tabIndex:e.disabled?-1:0,"aria-disabled":e.disabled,onClick:r,onKeyDown:c,children:[e.icon&&a.jsx("span",{className:i.default.icon,"aria-hidden":"true",children:e.icon}),a.jsx("span",{className:i.default.label,children:e.label}),e.shortcut&&a.jsx("span",{className:i.default.shortcut,"aria-hidden":"true",children:e.shortcut})]})},P=s.forwardRef(({trigger:e,items:l=[],groups:m=[],placement:r="bottom-start",open:c,onOpenChange:u,onSelect:n,minWidth:h=180,closeOnSelect:y=!0,className:F,...S},A)=>{const[B,M]=s.useState(!1),[C,z]=s.useState({top:0,left:0}),[v,E]=s.useState(-1),w=s.useRef(null),k=s.useRef(null),x=s.useRef(new Map);s.useImperativeHandle(A,()=>w.current);const j=c!==void 0,f=j?c:B,I=(m.length>0?m:[{items:l}]).flatMap(t=>t.items).filter(t=>!t.disabled),b=s.useCallback(t=>{j||M(t),u?.(t),t||E(-1)},[j,u]),p=s.useCallback(()=>{if(!w.current||!k.current)return;const t=w.current.getBoundingClientRect(),d=k.current.getBoundingClientRect(),o=V(t,d,r);z(o)},[r]);s.useEffect(()=>{if(f)return requestAnimationFrame(p),window.addEventListener("resize",p),window.addEventListener("scroll",p,!0),requestAnimationFrame(()=>{const t=x.current.get(0);t&&(t.focus(),E(0))}),()=>{window.removeEventListener("resize",p),window.removeEventListener("scroll",p,!0)}},[f,p]),s.useEffect(()=>{if(!f)return;const t=d=>{const o=d.target;w.current&&!w.current.contains(o)&&k.current&&!k.current.contains(o)&&b(!1)};return document.addEventListener("mousedown",t),()=>document.removeEventListener("mousedown",t)},[f,b]),s.useEffect(()=>{if(!f)return;const t=d=>{d.key==="Escape"&&b(!1)};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[f,b]);const K=s.useCallback(()=>{b(!f)},[f,b]),T=s.useCallback(t=>{n?.(t),y&&b(!1)},[y,n,b]),X=s.useCallback(t=>{const d=I.length;if(d===0)return;let o;t==="down"?o=v<d-1?v+1:0:o=v>0?v-1:d-1,E(o),x.current.get(o)?.focus()},[v,I.length]),Y=s.isValidElement(e)?s.cloneElement(e,{onClick:K,"aria-expanded":f,"aria-haspopup":"menu"}):e,D=m.length>0?m:[{items:l}],H=[i.default.menu,f&&i.default.visible,F].filter(Boolean).join(" ");let N=0;const O=a.jsx("div",{ref:k,className:H,style:{top:C.top,left:C.left,minWidth:h},role:"menu","aria-orientation":"vertical",...S,children:D.map((t,d)=>a.jsxs("div",{className:i.default.group,children:[t.label&&a.jsx("div",{className:i.default.groupLabel,children:t.label}),t.items.map(o=>{const L=N;return o.disabled||N++,a.jsx("div",{ref:q=>{q&&!o.disabled&&x.current.set(L,q)},children:a.jsx(_,{item:o,onSelect:()=>T(o),onNavigate:X})},o.id)}),d<D.length-1&&a.jsx("div",{className:i.default.separator,role:"separator"})]},d))});return a.jsxs(a.Fragment,{children:[a.jsx("div",{ref:w,className:i.default.trigger,children:Y}),f&&U.createPortal(O,document.body)]})});P.displayName="Dropdown";exports.Dropdown=P;