@orion-ds/react 4.6.5 → 4.7.0

package/dist/index70.mjs

@@ -0,0 +1,191 @@
+import { jsxs as x, jsx as B, Fragment as Q } from "react/jsx-runtime";
+import { forwardRef as U, useState as F, useRef as g, useImperativeHandle as Z, useCallback as X, useEffect as L, isValidElement as _, cloneElement as D } from "react";
+import { createPortal as R } from "react-dom";
+import f from "./index206.mjs";
+const tt = (e, a, c, l) => {
+  const u = window.scrollX, d = window.scrollY;
+  let r = 0, o = 0;
+  const t = {
+    top: e.top + d - a.height - l,
+    bottom: e.bottom + d + l,
+    left: e.left + u - a.width - l,
+    right: e.right + u + l,
+    centerX: e.left + u + (e.width - a.width) / 2,
+    centerY: e.top + d + (e.height - a.height) / 2,
+    startX: e.left + u,
+    endX: e.right + u - a.width,
+    startY: e.top + d,
+    endY: e.bottom + d - a.height
+  };
+  switch (c) {
+    case "top":
+      r = t.top, o = t.centerX;
+      break;
+    case "top-start":
+      r = t.top, o = t.startX;
+      break;
+    case "top-end":
+      r = t.top, o = t.endX;
+      break;
+    case "bottom":
+      r = t.bottom, o = t.centerX;
+      break;
+    case "bottom-start":
+      r = t.bottom, o = t.startX;
+      break;
+    case "bottom-end":
+      r = t.bottom, o = t.endX;
+      break;
+    case "left":
+      r = t.centerY, o = t.left;
+      break;
+    case "left-start":
+      r = t.startY, o = t.left;
+      break;
+    case "left-end":
+      r = t.endY, o = t.left;
+      break;
+    case "right":
+      r = t.centerY, o = t.right;
+      break;
+    case "right-start":
+      r = t.startY, o = t.right;
+      break;
+    case "right-end":
+      r = t.endY, o = t.right;
+      break;
+  }
+  return { top: r, left: o };
+}, et = U(
+  ({
+    trigger: e,
+    content: a,
+    placement: c = "bottom",
+    triggerType: l = "click",
+    open: u,
+    defaultOpen: d = !1,
+    onOpenChange: r,
+    showArrow: o = !0,
+    offset: t = 8,
+    closeOnClickOutside: N = !0,
+    closeOnEscape: W = !0,
+    openDelay: P = 0,
+    closeDelay: T = 150,
+    fullWidth: M = !1,
+    className: I,
+    ...$
+  }, z) => {
+    const [A, q] = F(d), [j, y] = F({ top: 0, left: 0 }), m = g(null), p = g(null), b = g(null), v = g(null);
+    Z(z, () => m.current);
+    const C = u !== void 0, s = C ? u : A, i = X(
+      (n) => {
+        C || q(n), r?.(n);
+      },
+      [C, r]
+    ), h = X(() => {
+      if (!m.current || !p.current) return;
+      const n = m.current.getBoundingClientRect(), E = p.current.getBoundingClientRect(), Y = tt(
+        n,
+        E,
+        c,
+        t
+      );
+      y(Y);
+    }, [c, t]);
+    L(() => {
+      if (s)
+        return requestAnimationFrame(h), window.addEventListener("resize", h), window.addEventListener("scroll", h, !0), () => {
+          window.removeEventListener("resize", h), window.removeEventListener("scroll", h, !0);
+        };
+    }, [s, h]), L(() => {
+      if (!s || !N) return;
+      const n = (E) => {
+        const Y = E.target;
+        m.current && !m.current.contains(Y) && p.current && !p.current.contains(Y) && i(!1);
+      };
+      return document.addEventListener("mousedown", n), () => document.removeEventListener("mousedown", n);
+    }, [s, N, i]), L(() => {
+      if (!s || !W) return;
+      const n = (E) => {
+        E.key === "Escape" && i(!1);
+      };
+      return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
+    }, [s, W, i]), L(() => () => {
+      b.current && clearTimeout(b.current), v.current && clearTimeout(v.current);
+    }, []);
+    const w = X(() => {
+      v.current && clearTimeout(v.current), P > 0 ? b.current = setTimeout(() => i(!0), P) : i(!0);
+    }, [P, i]), k = X(() => {
+      b.current && clearTimeout(b.current), T > 0 ? v.current = setTimeout(
+        () => i(!1),
+        T
+      ) : i(!1);
+    }, [T, i]), H = X(() => {
+      s ? k() : w();
+    }, [s, w, k]), S = () => {
+      const n = {
+        "aria-expanded": s,
+        "aria-haspopup": !0
+      };
+      switch (l) {
+        case "click":
+          return { ...n, onClick: H };
+        case "hover":
+          return {
+            ...n,
+            onMouseEnter: w,
+            onMouseLeave: k
+          };
+        case "focus":
+          return {
+            ...n,
+            onFocus: w,
+            onBlur: k
+          };
+        case "manual":
+          return n;
+        default:
+          return n;
+      }
+    }, V = _(e) ? D(
+      e,
+      S()
+    ) : e, G = () => c.startsWith("top") ? "bottom" : c.startsWith("bottom") ? "top" : c.startsWith("left") ? "right" : c.startsWith("right") ? "left" : "top", J = [f.popover, s && f.visible, I].filter(Boolean).join(" "), K = /* @__PURE__ */ x(
+      "div",
+      {
+        ref: p,
+        className: J,
+        style: {
+          top: j.top,
+          left: j.left
+        },
+        role: "dialog",
+        "aria-modal": "false",
+        onMouseEnter: l === "hover" ? w : void 0,
+        onMouseLeave: l === "hover" ? k : void 0,
+        ...$,
+        children: [
+          o && /* @__PURE__ */ B(
+            "div",
+            {
+              className: `${f.arrow} ${f[`arrow-${G()}`]}`,
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ B("div", { className: f.content, children: a })
+        ]
+      }
+    ), O = [
+      f.trigger,
+      M && f.triggerFullWidth
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ x(Q, { children: [
+      /* @__PURE__ */ B("div", { ref: m, className: O, children: V }),
+      s && R(K, document.body)
+    ] });
+  }
+);
+et.displayName = "Popover";
+export {
+  et as Popover
+};

package/dist/index71 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),j=require("react"),t=require("./index111.cjs"),y=({columns:n,data:f,size:p="md",striped:x=!1,hoverable:N=!0,bordered:g=!1,borderless:v=!1,caption:h,emptyMessage:k="No data available",onRowClick:d,onSortChange:u,sortState:c,getRowKey:C=(b,o)=>o,className:S})=>{const[b,o]=j.useState(null),i=c||b,B=j.useCallback(e=>{if(!e.sortable)return;const s=e.key;let l="asc";i?.columnKey===s&&(i.direction==="asc"?l="desc":i.direction==="desc"&&(l=null)),c||o(l?{columnKey:s,direction:l}:null),u?.(s,l)},[i,c,u]),K=e=>{if(!e.sortable)return null;const s=i?.columnKey===e.key,l=s?i?.direction:null,r=[t.default.sortIndicator,s&&t.default.active].filter(Boolean).join(" ");return l==="asc"?a.jsx("span",{className:r,children:"▲"}):l==="desc"?a.jsx("span",{className:r,children:"▼"}):a.jsx("span",{className:r,children:"⇅"})},T=()=>a.jsx("thead",{className:t.default.thead,children:a.jsx("tr",{children:n.map(e=>{const s=[t.default.th,e.align&&t.default[`align${e.align.charAt(0).toUpperCase()}${e.align.slice(1)}`],e.sortable&&t.default.sortable].filter(Boolean).join(" "),l=e.sortable?()=>B(e):void 0;return a.jsxs("th",{className:s,style:{width:e.width},onClick:l,tabIndex:e.sortable?0:void 0,role:e.sortable?"button":void 0,"aria-sort":i?.columnKey===e.key?i.direction==="asc"?"ascending":"descending":void 0,...e.headerProps,children:[e.header,K(e)]},e.key)})})}),$=()=>f.length===0?a.jsx("tbody",{children:a.jsx("tr",{children:a.jsx("td",{colSpan:n.length,className:t.default.empty,children:k})})}):a.jsx("tbody",{className:t.default.tbody,children:f.map((e,s)=>{const l=C(e,s);return a.jsx("tr",{className:t.default.tr,onClick:d?()=>d(e,s):void 0,children:n.map(r=>{const A=[t.default.td,r.align&&t.default[`align${r.align.charAt(0).toUpperCase()}${r.align.slice(1)}`]].filter(Boolean).join(" "),P=r.cell?r.cell(e,s):e[r.key];return a.jsx("td",{className:A,...r.cellProps,children:P},r.key)})},l)})}),q=[t.default.container,t.default[p],x&&t.default.striped,N&&t.default.hoverable,d&&t.default.clickable,g&&t.default.bordered,v&&t.default.borderless,S].filter(Boolean).join(" ");return a.jsx("div",{className:q,children:a.jsxs("table",{className:t.default.table,children:[h&&a.jsx("caption",{className:t.default.caption,children:h}),T(),$()]})})};y.displayName="Table";exports.Table=y;

package/dist/index71 2.mjs

@@ -0,0 +1,101 @@
+import { jsx as r, jsxs as y } from "react/jsx-runtime";
+import { useState as T, useCallback as U } from "react";
+import t from "./index111.mjs";
+const u = ({
+  columns: n,
+  data: h,
+  size: N = "md",
+  striped: g = !1,
+  hoverable: v = !0,
+  bordered: k = !1,
+  borderless: C = !1,
+  caption: b,
+  emptyMessage: j = "No data available",
+  onRowClick: c,
+  onSortChange: p,
+  sortState: d,
+  getRowKey: S = (f, o) => o,
+  className: B
+}) => {
+  const [f, o] = T(null), l = d || f, K = U(
+    (e) => {
+      if (!e.sortable) return;
+      const a = e.key;
+      let s = "asc";
+      l?.columnKey === a && (l.direction === "asc" ? s = "desc" : l.direction === "desc" && (s = null)), d || o(
+        s ? { columnKey: a, direction: s } : null
+      ), p?.(a, s);
+    },
+    [l, d, p]
+  ), m = (e) => {
+    if (!e.sortable) return null;
+    const a = l?.columnKey === e.key, s = a ? l?.direction : null, i = [t.sortIndicator, a && t.active].filter(Boolean).join(" ");
+    return s === "asc" ? /* @__PURE__ */ r("span", { className: i, children: "▲" }) : s === "desc" ? /* @__PURE__ */ r("span", { className: i, children: "▼" }) : /* @__PURE__ */ r("span", { className: i, children: "⇅" });
+  }, $ = () => /* @__PURE__ */ r("thead", { className: t.thead, children: /* @__PURE__ */ r("tr", { children: n.map((e) => {
+    const a = [
+      t.th,
+      e.align && t[`align${e.align.charAt(0).toUpperCase()}${e.align.slice(1)}`],
+      e.sortable && t.sortable
+    ].filter(Boolean).join(" "), s = e.sortable ? () => K(e) : void 0;
+    return /* @__PURE__ */ y(
+      "th",
+      {
+        className: a,
+        style: { width: e.width },
+        onClick: s,
+        tabIndex: e.sortable ? 0 : void 0,
+        role: e.sortable ? "button" : void 0,
+        "aria-sort": l?.columnKey === e.key ? l.direction === "asc" ? "ascending" : "descending" : void 0,
+        ...e.headerProps,
+        children: [
+          e.header,
+          m(e)
+        ]
+      },
+      e.key
+    );
+  }) }) }), A = () => h.length === 0 ? /* @__PURE__ */ r("tbody", { children: /* @__PURE__ */ r("tr", { children: /* @__PURE__ */ r("td", { colSpan: n.length, className: t.empty, children: j }) }) }) : /* @__PURE__ */ r("tbody", { className: t.tbody, children: h.map((e, a) => {
+    const s = S(e, a);
+    return /* @__PURE__ */ r(
+      "tr",
+      {
+        className: t.tr,
+        onClick: c ? () => c(e, a) : void 0,
+        children: n.map((i) => {
+          const I = [
+            t.td,
+            i.align && t[`align${i.align.charAt(0).toUpperCase()}${i.align.slice(1)}`]
+          ].filter(Boolean).join(" "), P = i.cell ? i.cell(e, a) : e[i.key];
+          return /* @__PURE__ */ r(
+            "td",
+            {
+              className: I,
+              ...i.cellProps,
+              children: P
+            },
+            i.key
+          );
+        })
+      },
+      s
+    );
+  }) }), x = [
+    t.container,
+    t[N],
+    g && t.striped,
+    v && t.hoverable,
+    c && t.clickable,
+    k && t.bordered,
+    C && t.borderless,
+    B
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r("div", { className: x, children: /* @__PURE__ */ y("table", { className: t.table, children: [
+    b && /* @__PURE__ */ r("caption", { className: t.caption, children: b }),
+    $(),
+    A()
+  ] }) });
+};
+u.displayName = "Table";
+export {
+  u as Table
+};

package/dist/index71.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index193.cjs"),d=({value:t,max:i=100,variant:n="primary",size:c="md",showLabel:o=!1,label:r,indeterminate:s=!1,className:u,...f})=>{const l=t!==void 0?Math.min(Math.max(t/i*100,0),100):0,m=[a.default.container,a.default[c],a.default[n],s&&a.default.indeterminate,u].filter(Boolean).join(" ");return e.jsxs("div",{className:m,...f,children:[(o||r)&&e.jsxs("div",{className:a.default.labelWrapper,children:[r&&e.jsx("span",{children:r}),o&&!s&&e.jsxs("span",{className:a.default.percentage,children:[Math.round(l),"%"]})]}),e.jsx("div",{className:a.default.track,role:"progressbar","aria-valuenow":s?void 0:t,"aria-valuemin":0,"aria-valuemax":i,"aria-label":r||`Progress: ${Math.round(l)}%`,children:e.jsx("div",{className:a.default.bar,style:{width:s?void 0:`${l}%`}})})]})};d.displayName="ProgressBar";exports.ProgressBar=d;

package/dist/index71.mjs

@@ -0,0 +1,54 @@
+import { jsxs as o, jsx as n } from "react/jsx-runtime";
+import a from "./index193.mjs";
+const v = ({
+  value: e,
+  max: c = 100,
+  variant: t = "primary",
+  size: d = "md",
+  showLabel: l = !1,
+  label: r,
+  indeterminate: s = !1,
+  className: m,
+  ...p
+}) => {
+  const i = e !== void 0 ? Math.min(Math.max(e / c * 100, 0), 100) : 0, h = [
+    a.container,
+    a[d],
+    a[t],
+    s && a.indeterminate,
+    m
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("div", { className: h, ...p, children: [
+    (l || r) && /* @__PURE__ */ o("div", { className: a.labelWrapper, children: [
+      r && /* @__PURE__ */ n("span", { children: r }),
+      l && !s && /* @__PURE__ */ o("span", { className: a.percentage, children: [
+        Math.round(i),
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ n(
+      "div",
+      {
+        className: a.track,
+        role: "progressbar",
+        "aria-valuenow": s ? void 0 : e,
+        "aria-valuemin": 0,
+        "aria-valuemax": c,
+        "aria-label": r || `Progress: ${Math.round(i)}%`,
+        children: /* @__PURE__ */ n(
+          "div",
+          {
+            className: a.bar,
+            style: {
+              width: s ? void 0 : `${i}%`
+            }
+          }
+        )
+      }
+    )
+  ] });
+};
+v.displayName = "ProgressBar";
+export {
+  v as ProgressBar
+};

package/dist/index72 2.mjs

@@ -0,0 +1,97 @@
+import { jsxs as m, jsx as c } from "react/jsx-runtime";
+import { useState as I, useRef as j, useCallback as b } from "react";
+import t from "./index159.mjs";
+const A = ({
+  tabs: i,
+  defaultTab: g,
+  activeTab: f,
+  onChange: T,
+  fullWidth: v = !1,
+  noPanelPadding: x = !1,
+  className: y
+}) => {
+  const p = f !== void 0, [k, w] = I(
+    g || i[0]?.id || ""
+  ), d = j(/* @__PURE__ */ new Map()), l = p ? f : k, D = (e) => {
+    p || w(e), T?.(e);
+  }, o = b(() => i.filter((e) => !e.disabled), [i]), r = b(
+    (e) => {
+      const n = o();
+      if (n.length === 0) return;
+      const s = (e % n.length + n.length) % n.length, a = n[s];
+      if (!a) return;
+      d.current.get(a.id)?.focus();
+    },
+    [o]
+  ), N = b(
+    (e, n) => {
+      const s = o(), a = s.findIndex(
+        (h) => h.id === n
+      );
+      switch (e.key) {
+        case "ArrowLeft":
+          e.preventDefault(), r(a - 1);
+          break;
+        case "ArrowRight":
+          e.preventDefault(), r(a + 1);
+          break;
+        case "Home":
+          e.preventDefault(), r(0);
+          break;
+        case "End":
+          e.preventDefault(), r(s.length - 1);
+          break;
+      }
+    },
+    [o, r]
+  ), u = i.find((e) => e.id === l), C = [
+    t.container,
+    v && t.fullWidth,
+    x && t.noPanelPadding,
+    y
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ m("div", { className: C, children: [
+    /* @__PURE__ */ c("div", { className: t.tabList, role: "tablist", children: i.map((e) => {
+      const n = e.id === l, s = [t.tab, n && t.active].filter(Boolean).join(" ");
+      return /* @__PURE__ */ m(
+        "button",
+        {
+          ref: (a) => {
+            a ? d.current.set(e.id, a) : d.current.delete(e.id);
+          },
+          type: "button",
+          role: "tab",
+          "aria-selected": n,
+          "aria-controls": `panel-${e.id}`,
+          id: `tab-${e.id}`,
+          className: s,
+          onClick: () => D(e.id),
+          onKeyDown: (a) => N(a, e.id),
+          disabled: e.disabled,
+          tabIndex: n ? 0 : -1,
+          children: [
+            e.icon && /* @__PURE__ */ c("span", { className: t.icon, children: e.icon }),
+            /* @__PURE__ */ c("span", { children: e.label }),
+            e.badge !== void 0 && /* @__PURE__ */ c("span", { className: t.badge, children: e.badge })
+          ]
+        },
+        e.id
+      );
+    }) }),
+    u && /* @__PURE__ */ c(
+      "div",
+      {
+        className: t.panel,
+        role: "tabpanel",
+        id: `panel-${l}`,
+        "aria-labelledby": `tab-${l}`,
+        children: u.content
+      },
+      l
+    )
+  ] });
+};
+A.displayName = "Tabs";
+export {
+  A as Tabs
+};

package/dist/index72 3.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),t=require("./index159.cjs"),g=({tabs:i,defaultTab:T,activeTab:f,onChange:m,fullWidth:x=!1,noPanelPadding:v=!1,className:j})=>{const b=f!==void 0,[k,y]=r.useState(T||i[0]?.id||""),u=r.useRef(new Map),d=b?f:k,C=e=>{b||y(e),m?.(e)},o=r.useCallback(()=>i.filter(e=>!e.disabled),[i]),c=r.useCallback(e=>{const a=o();if(a.length===0)return;const l=(e%a.length+a.length)%a.length,n=a[l];if(!n)return;u.current.get(n.id)?.focus()},[o]),w=r.useCallback((e,a)=>{const l=o(),n=l.findIndex(p=>p.id===a);switch(e.key){case"ArrowLeft":e.preventDefault(),c(n-1);break;case"ArrowRight":e.preventDefault(),c(n+1);break;case"Home":e.preventDefault(),c(0);break;case"End":e.preventDefault(),c(l.length-1);break}},[o,c]),h=i.find(e=>e.id===d),D=[t.default.container,x&&t.default.fullWidth,v&&t.default.noPanelPadding,j].filter(Boolean).join(" ");return s.jsxs("div",{className:D,children:[s.jsx("div",{className:t.default.tabList,role:"tablist",children:i.map(e=>{const a=e.id===d,l=[t.default.tab,a&&t.default.active].filter(Boolean).join(" ");return s.jsxs("button",{ref:n=>{n?u.current.set(e.id,n):u.current.delete(e.id)},type:"button",role:"tab","aria-selected":a,"aria-controls":`panel-${e.id}`,id:`tab-${e.id}`,className:l,onClick:()=>C(e.id),onKeyDown:n=>w(n,e.id),disabled:e.disabled,tabIndex:a?0:-1,children:[e.icon&&s.jsx("span",{className:t.default.icon,children:e.icon}),s.jsx("span",{children:e.label}),e.badge!==void 0&&s.jsx("span",{className:t.default.badge,children:e.badge})]},e.id)})}),h&&s.jsx("div",{className:t.default.panel,role:"tabpanel",id:`panel-${d}`,"aria-labelledby":`tab-${d}`,children:h.content},d)]})};g.displayName="Tabs";exports.Tabs=g;

package/dist/index72.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),i=require("react"),r=require("lucide-react"),s=require("./index240.cjs"),p=i.forwardRef(({actions:o,variant:t="fab",position:N="bottom-right",primaryAction:h,triggerIcon:x,showLabels:k,fixed:$=!0,offset:y=24,className:v,style:A,...f},g)=>{const[a,n]=i.useState(!1),u=i.useRef(null),j=k??t==="bar";i.useEffect(()=>{if(!a)return;const e=d=>{u.current&&!u.current.contains(d.target)&&n(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[a]),i.useEffect(()=>{if(!a)return;const e=d=>{d.key==="Escape"&&n(!1)};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[a]);const c=e=>{e.disabled||(e.onClick(),(t==="fab"||t==="menu")&&n(!1))},b=[s.default.quickActions,s.default[`variant-${t}`],s.default[`position-${N}`],$&&s.default.fixed,a&&s.default.open,v].filter(Boolean).join(" "),m={...A,"--offset":`${y}px`};return t==="fab"?l.jsxs("div",{ref:u,className:b,style:m,...f,children:[l.jsx("div",{className:s.default.fabActions,children:o.map((e,d)=>l.jsxs("button",{type:"button",className:`${s.default.fabAction} ${e.variant?s.default[`action-${e.variant}`]:""} ${e.disabled?s.default.actionDisabled:""}`,onClick:()=>c(e),disabled:e.disabled,style:{transitionDelay:a?`${d*50}ms`:"0ms"},title:e.label,children:[l.jsx("span",{className:s.default.fabActionIcon,children:e.icon}),j&&l.jsx("span",{className:s.default.fabActionLabel,children:e.label})]},e.id))}),l.jsx("button",{type:"button",className:s.default.fabTrigger,onClick:()=>{h&&!a?c(h):n(!a)},"aria-expanded":a,"aria-label":a?"Close actions":"Open actions",children:l.jsx("span",{className:`${s.default.fabTriggerIcon} ${a?s.default.fabTriggerIconRotate:""}`,children:a?l.jsx(r.X,{size:24}):x||l.jsx(r.Plus,{size:24})})})]}):t==="bar"?l.jsx("div",{ref:g,className:b,style:m,...f,children:l.jsx("div",{className:s.default.bar,children:o.map(e=>l.jsxs("button",{type:"button",className:`${s.default.barAction} ${e.variant?s.default[`action-${e.variant}`]:""} ${e.disabled?s.default.actionDisabled:""}`,onClick:()=>c(e),disabled:e.disabled,title:e.label,children:[l.jsx("span",{className:s.default.barActionIcon,children:e.icon}),j&&l.jsx("span",{className:s.default.barActionLabel,children:e.label}),e.shortcut&&l.jsx("kbd",{className:s.default.shortcut,children:e.shortcut})]},e.id))})}):l.jsxs("div",{ref:u,className:b,style:m,...f,children:[a&&l.jsx("div",{className:s.default.menu,children:o.map(e=>l.jsxs("button",{type:"button",className:`${s.default.menuAction} ${e.variant?s.default[`action-${e.variant}`]:""} ${e.disabled?s.default.actionDisabled:""}`,onClick:()=>c(e),disabled:e.disabled,children:[l.jsx("span",{className:s.default.menuActionIcon,children:e.icon}),l.jsx("span",{className:s.default.menuActionLabel,children:e.label}),e.shortcut&&l.jsx("kbd",{className:s.default.shortcut,children:e.shortcut})]},e.id))}),l.jsx("button",{type:"button",className:s.default.menuTrigger,onClick:()=>n(!a),"aria-expanded":a,"aria-label":a?"Close menu":"Open menu",children:a?l.jsx(r.X,{size:20}):x||l.jsx(r.Plus,{size:20})})]})});p.displayName="QuickActions";exports.QuickActions=p;

package/dist/index72.mjs

@@ -0,0 +1,148 @@
+import { jsxs as r, jsx as n } from "react/jsx-runtime";
+import { forwardRef as x, useState as E, useRef as D, useEffect as N } from "react";
+import { X as $, Plus as k } from "lucide-react";
+import s from "./index240.mjs";
+const I = x(
+  ({
+    actions: o,
+    variant: a = "fab",
+    position: y = "bottom-right",
+    primaryAction: f,
+    triggerIcon: h,
+    showLabels: v,
+    fixed: A = !0,
+    offset: C = 24,
+    className: g,
+    style: L,
+    ...b
+  }, w) => {
+    const [l, t] = E(!1), d = D(null), p = v ?? a === "bar";
+    N(() => {
+      if (!l) return;
+      const e = (i) => {
+        d.current && !d.current.contains(i.target) && t(!1);
+      };
+      return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+    }, [l]), N(() => {
+      if (!l) return;
+      const e = (i) => {
+        i.key === "Escape" && t(!1);
+      };
+      return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+    }, [l]);
+    const c = (e) => {
+      e.disabled || (e.onClick(), (a === "fab" || a === "menu") && t(!1));
+    }, m = [
+      s.quickActions,
+      s[`variant-${a}`],
+      s[`position-${y}`],
+      A && s.fixed,
+      l && s.open,
+      g
+    ].filter(Boolean).join(" "), u = {
+      ...L,
+      "--offset": `${C}px`
+    };
+    return a === "fab" ? /* @__PURE__ */ r(
+      "div",
+      {
+        ref: d,
+        className: m,
+        style: u,
+        ...b,
+        children: [
+          /* @__PURE__ */ n("div", { className: s.fabActions, children: o.map((e, i) => /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              className: `${s.fabAction} ${e.variant ? s[`action-${e.variant}`] : ""} ${e.disabled ? s.actionDisabled : ""}`,
+              onClick: () => c(e),
+              disabled: e.disabled,
+              style: { transitionDelay: l ? `${i * 50}ms` : "0ms" },
+              title: e.label,
+              children: [
+                /* @__PURE__ */ n("span", { className: s.fabActionIcon, children: e.icon }),
+                p && /* @__PURE__ */ n("span", { className: s.fabActionLabel, children: e.label })
+              ]
+            },
+            e.id
+          )) }),
+          /* @__PURE__ */ n(
+            "button",
+            {
+              type: "button",
+              className: s.fabTrigger,
+              onClick: () => {
+                f && !l ? c(f) : t(!l);
+              },
+              "aria-expanded": l,
+              "aria-label": l ? "Close actions" : "Open actions",
+              children: /* @__PURE__ */ n(
+                "span",
+                {
+                  className: `${s.fabTriggerIcon} ${l ? s.fabTriggerIconRotate : ""}`,
+                  children: l ? /* @__PURE__ */ n($, { size: 24 }) : h || /* @__PURE__ */ n(k, { size: 24 })
+                }
+              )
+            }
+          )
+        ]
+      }
+    ) : a === "bar" ? /* @__PURE__ */ n("div", { ref: w, className: m, style: u, ...b, children: /* @__PURE__ */ n("div", { className: s.bar, children: o.map((e) => /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        className: `${s.barAction} ${e.variant ? s[`action-${e.variant}`] : ""} ${e.disabled ? s.actionDisabled : ""}`,
+        onClick: () => c(e),
+        disabled: e.disabled,
+        title: e.label,
+        children: [
+          /* @__PURE__ */ n("span", { className: s.barActionIcon, children: e.icon }),
+          p && /* @__PURE__ */ n("span", { className: s.barActionLabel, children: e.label }),
+          e.shortcut && /* @__PURE__ */ n("kbd", { className: s.shortcut, children: e.shortcut })
+        ]
+      },
+      e.id
+    )) }) }) : /* @__PURE__ */ r(
+      "div",
+      {
+        ref: d,
+        className: m,
+        style: u,
+        ...b,
+        children: [
+          l && /* @__PURE__ */ n("div", { className: s.menu, children: o.map((e) => /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              className: `${s.menuAction} ${e.variant ? s[`action-${e.variant}`] : ""} ${e.disabled ? s.actionDisabled : ""}`,
+              onClick: () => c(e),
+              disabled: e.disabled,
+              children: [
+                /* @__PURE__ */ n("span", { className: s.menuActionIcon, children: e.icon }),
+                /* @__PURE__ */ n("span", { className: s.menuActionLabel, children: e.label }),
+                e.shortcut && /* @__PURE__ */ n("kbd", { className: s.shortcut, children: e.shortcut })
+              ]
+            },
+            e.id
+          )) }),
+          /* @__PURE__ */ n(
+            "button",
+            {
+              type: "button",
+              className: s.menuTrigger,
+              onClick: () => t(!l),
+              "aria-expanded": l,
+              "aria-label": l ? "Close menu" : "Open menu",
+              children: l ? /* @__PURE__ */ n($, { size: 20 }) : h || /* @__PURE__ */ n(k, { size: 20 })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+I.displayName = "QuickActions";
+export {
+  I as QuickActions
+};

package/dist/index73 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("react"),_=require("lucide-react"),e=require("./index143.cjs"),$=c.forwardRef(({label:o,helperText:d,error:t,size:T="md",resize:p="vertical",showCounter:u=!1,maxLength:r,className:q,id:A,value:s,defaultValue:f,onChange:m,disabled:j,required:h,optional:g=!1,"aria-label":x,"aria-describedby":N,...B},E)=>{const R=c.useId(),n=A||`textarea-${R}`,b=`${n}-error`,v=`${n}-helper`,C=`${n}-counter`,[S,I]=c.useState(()=>s!==void 0?String(s).length:f!==void 0?String(f).length:0);c.useEffect(()=>{s!==void 0&&I(String(s).length)},[s]);const w=c.useCallback(l=>{I(l.target.value.length),m?.(l)},[m]),i=[];t&&i.push(b),d&&!t&&i.push(v),u&&r&&i.push(C),N&&i.push(N);const M=i.length>0?i.join(" "):void 0;!(o||x)&&process.env.NODE_ENV==="development"&&console.warn("Textarea: Missing accessible name. Provide either a `label` prop or `aria-label` for screen reader users.");const y=(()=>{if(!r)return"normal";const l=S/r*100;return l>=100?"error":l>=90?"warning":"normal"})(),F=[e.default.counter,y==="warning"&&e.default.counterWarning,y==="error"&&e.default.counterError].filter(Boolean).join(" "),O=[e.default.container,e.default[T],e.default[`resize${p.charAt(0).toUpperCase()}${p.slice(1)}`],t&&e.default.error,j&&e.default.disabled,q].filter(Boolean).join(" "),P=u||d&&!t;return a.jsxs("div",{className:O,children:[o&&a.jsxs("label",{htmlFor:n,className:e.default.label,children:[a.jsx("span",{className:e.default.labelText,children:o}),g&&a.jsx("span",{className:e.default.optional,"aria-hidden":"true",children:"(optional)"}),h&&!g&&a.jsx("span",{className:e.default.required,"aria-hidden":"true",children:"*"})]}),a.jsx("textarea",{ref:E,id:n,className:e.default.textarea,value:s,defaultValue:f,maxLength:r,onChange:w,disabled:j,required:h,"aria-required":h||void 0,"aria-invalid":t?"true":"false","aria-describedby":M,"aria-label":o?void 0:x,...B}),P&&a.jsxs("div",{className:e.default.footer,children:[d&&!t&&a.jsx("p",{id:v,className:e.default.helperText,children:d}),u&&r&&a.jsxs("span",{id:C,className:F,"aria-live":"polite","aria-atomic":"true",children:[S,"/",r]})]}),t&&a.jsxs("p",{id:b,className:e.default.errorMessage,role:"alert","aria-live":"assertive",children:[a.jsx(_.AlertCircle,{size:14,"aria-hidden":"true"}),a.jsx("span",{children:t})]})]})});$.displayName="Textarea";exports.Textarea=$;