@orion-ds/react 4.6.5 → 4.7.0

package/dist/components/PageHeader/PageHeader.mjs

@@ -1,106 +0,0 @@
-"use client";
-import { jsxs as r, jsx as l } from "react/jsx-runtime";
-import { forwardRef as w } from "react";
-import { ChevronLeft as N, ChevronRight as z } from "lucide-react";
-import e from "./PageHeader.module.css.mjs";
-const $ = w(
-  ({
-    title: p,
-    description: d,
-    breadcrumbs: c,
-    actions: t,
-    tabs: n,
-    activeTab: o,
-    onTabChange: h,
-    backLink: i,
-    badge: m,
-    variant: f = "default",
-    size: b = "md",
-    bordered: u = !0,
-    sticky: v = !1,
-    className: g,
-    ...C
-  }, k) => {
-    const B = [
-      e.pageHeader,
-      e[`variant-${f}`],
-      e[`size-${b}`],
-      u && e.bordered,
-      v && e.sticky,
-      g
-    ].filter(Boolean).join(" "), y = (a, s) => {
-      h && h(a), s && (window.location.href = s);
-    };
-    return /* @__PURE__ */ r("div", { ref: k, className: B, ...C, children: [
-      i && /* @__PURE__ */ l("div", { className: e.backLink, children: i.href ? /* @__PURE__ */ r("a", { href: i.href, className: e.backLinkAnchor, children: [
-        /* @__PURE__ */ l(N, { size: 16 }),
-        /* @__PURE__ */ l("span", { children: i.label || "Back" })
-      ] }) : /* @__PURE__ */ r(
-        "button",
-        {
-          type: "button",
-          onClick: i.onClick,
-          className: e.backLinkButton,
-          children: [
-            /* @__PURE__ */ l(N, { size: 16 }),
-            /* @__PURE__ */ l("span", { children: i.label || "Back" })
-          ]
-        }
-      ) }),
-      c && c.length > 0 && /* @__PURE__ */ l("nav", { className: e.breadcrumbs, "aria-label": "Breadcrumb", children: /* @__PURE__ */ l("ol", { className: e.breadcrumbList, children: c.map((a, s) => /* @__PURE__ */ r("li", { className: e.breadcrumbItem, children: [
-        s > 0 && /* @__PURE__ */ l(
-          z,
-          {
-            size: 14,
-            className: e.breadcrumbSeparator
-          }
-        ),
-        a.href ? /* @__PURE__ */ l("a", { href: a.href, className: e.breadcrumbLink, children: a.label }) : a.onClick ? /* @__PURE__ */ l(
-          "button",
-          {
-            type: "button",
-            onClick: a.onClick,
-            className: e.breadcrumbButton,
-            children: a.label
-          }
-        ) : /* @__PURE__ */ l(
-          "span",
-          {
-            className: e.breadcrumbCurrent,
-            "aria-current": "page",
-            children: a.label
-          }
-        )
-      ] }, a.label)) }) }),
-      /* @__PURE__ */ r("div", { className: e.main, children: [
-        /* @__PURE__ */ r("div", { className: e.titleSection, children: [
-          /* @__PURE__ */ r("div", { className: e.titleRow, children: [
-            /* @__PURE__ */ l("h1", { className: e.title, children: p }),
-            m && /* @__PURE__ */ l("span", { className: e.badge, children: m })
-          ] }),
-          d && /* @__PURE__ */ l("p", { className: e.description, children: d })
-        ] }),
-        t && /* @__PURE__ */ l("div", { className: e.actions, children: t })
-      ] }),
-      n && n.length > 0 && /* @__PURE__ */ l("div", { className: e.tabs, role: "tablist", children: n.map((a) => /* @__PURE__ */ r(
-        "button",
-        {
-          role: "tab",
-          type: "button",
-          "aria-selected": o === a.id,
-          className: `${e.tab} ${o === a.id ? e.tabActive : ""}`,
-          onClick: () => y(a.id, a.href),
-          children: [
-            /* @__PURE__ */ l("span", { children: a.label }),
-            a.badge && /* @__PURE__ */ l("span", { className: e.tabBadge, children: a.badge })
-          ]
-        },
-        a.id
-      )) })
-    ] });
-  }
-);
-$.displayName = "PageHeader";
-export {
-  $ as PageHeader
-};

package/dist/components/Pagination/Pagination.cjs

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),b=require("react"),o=require("./Pagination.module.css.cjs"),L=(t,e,u)=>{const h=u*2+5;if(e<=h)return Array.from({length:e},(r,p)=>p+1);const a=Math.max(t-u,1),d=Math.min(t+u,e),f=a>2,l=d<e-1,s=[];s.push(1),f?s.push("ellipsis"):a===2&&s.push(2);for(let r=a;r<=d;r++)r!==1&&r!==e&&s.push(r);return l?s.push("ellipsis"):d===e-1&&s.push(e-1),e>1&&s.push(e),s},k=b.forwardRef(({currentPage:t,totalPages:e,onPageChange:u,siblingCount:h=1,showFirstLast:a=!0,showPrevNext:d=!0,size:f="md",disabled:l=!1,className:s,...r},p)=>{const m=b.useMemo(()=>L(t,e,h),[t,e,h]),x=t>1,j=t<e,c=n=>{!l&&n>=1&&n<=e&&n!==t&&u(n)},v=[o.default.pagination,o.default[f],l&&o.default.disabled,s].filter(Boolean).join(" ");return e<=0?null:i.jsx("nav",{ref:p,className:v,"aria-label":"Pagination",...r,children:i.jsxs("ul",{className:o.default.list,children:[a&&i.jsx("li",{children:i.jsx("button",{type:"button",className:o.default.button,onClick:()=>c(1),disabled:!x||l,"aria-label":"Go to first page",children:i.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:i.jsx("path",{d:"M11 12L7 8l4-4M5 12V4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})}),d&&i.jsx("li",{children:i.jsx("button",{type:"button",className:o.default.button,onClick:()=>c(t-1),disabled:!x||l,"aria-label":"Go to previous page",children:i.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:i.jsx("path",{d:"M10 12L6 8l4-4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})}),m.map((n,N)=>i.jsx("li",{children:n==="ellipsis"?i.jsx("span",{className:o.default.ellipsis,"aria-hidden":"true",children:"…"}):i.jsx("button",{type:"button",className:`${o.default.button} ${o.default.pageButton} ${n===t?o.default.active:""}`,onClick:()=>c(n),disabled:l,"aria-label":`Go to page ${n}`,"aria-current":n===t?"page":void 0,children:n})},n==="ellipsis"?`ellipsis-${N}`:n)),d&&i.jsx("li",{children:i.jsx("button",{type:"button",className:o.default.button,onClick:()=>c(t+1),disabled:!j||l,"aria-label":"Go to next page",children:i.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:i.jsx("path",{d:"M6 12l4-4-4-4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})}),a&&i.jsx("li",{children:i.jsx("button",{type:"button",className:o.default.button,onClick:()=>c(e),disabled:!j||l,"aria-label":"Go to last page",children:i.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:i.jsx("path",{d:"M5 12l4-4-4-4M11 12V4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})})]})})});k.displayName="Pagination";exports.Pagination=k;

package/dist/components/Pagination/Pagination.mjs

@@ -1,137 +0,0 @@
-"use client";
-import { jsx as i, jsxs as N } from "react/jsx-runtime";
-import { forwardRef as L, useMemo as w } from "react";
-import t from "./Pagination.module.css.mjs";
-const M = (e, n, d) => {
-  const p = d * 2 + 5;
-  if (n <= p)
-    return Array.from({ length: n }, (r, f) => f + 1);
-  const h = Math.max(e - d, 1), c = Math.min(e + d, n), u = h > 2, s = c < n - 1, l = [];
-  l.push(1), u ? l.push("ellipsis") : h === 2 && l.push(2);
-  for (let r = h; r <= c; r++)
-    r !== 1 && r !== n && l.push(r);
-  return s ? l.push("ellipsis") : c === n - 1 && l.push(n - 1), n > 1 && l.push(n), l;
-}, y = L(
-  ({
-    currentPage: e,
-    totalPages: n,
-    onPageChange: d,
-    siblingCount: p = 1,
-    showFirstLast: h = !0,
-    showPrevNext: c = !0,
-    size: u = "md",
-    disabled: s = !1,
-    className: l,
-    ...r
-  }, f) => {
-    const b = w(
-      () => M(e, n, p),
-      [e, n, p]
-    ), m = e > 1, k = e < n, a = (o) => {
-      !s && o >= 1 && o <= n && o !== e && d(o);
-    }, v = [
-      t.pagination,
-      t[u],
-      s && t.disabled,
-      l
-    ].filter(Boolean).join(" ");
-    return n <= 0 ? null : /* @__PURE__ */ i("nav", { ref: f, className: v, "aria-label": "Pagination", ...r, children: /* @__PURE__ */ N("ul", { className: t.list, children: [
-      h && /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
-        "button",
-        {
-          type: "button",
-          className: t.button,
-          onClick: () => a(1),
-          disabled: !m || s,
-          "aria-label": "Go to first page",
-          children: /* @__PURE__ */ i("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ i(
-            "path",
-            {
-              d: "M11 12L7 8l4-4M5 12V4",
-              stroke: "currentColor",
-              strokeWidth: "1.5",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            }
-          ) })
-        }
-      ) }),
-      c && /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
-        "button",
-        {
-          type: "button",
-          className: t.button,
-          onClick: () => a(e - 1),
-          disabled: !m || s,
-          "aria-label": "Go to previous page",
-          children: /* @__PURE__ */ i("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ i(
-            "path",
-            {
-              d: "M10 12L6 8l4-4",
-              stroke: "currentColor",
-              strokeWidth: "1.5",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            }
-          ) })
-        }
-      ) }),
-      b.map((o, x) => /* @__PURE__ */ i("li", { children: o === "ellipsis" ? /* @__PURE__ */ i("span", { className: t.ellipsis, "aria-hidden": "true", children: "…" }) : /* @__PURE__ */ i(
-        "button",
-        {
-          type: "button",
-          className: `${t.button} ${t.pageButton} ${o === e ? t.active : ""}`,
-          onClick: () => a(o),
-          disabled: s,
-          "aria-label": `Go to page ${o}`,
-          "aria-current": o === e ? "page" : void 0,
-          children: o
-        }
-      ) }, o === "ellipsis" ? `ellipsis-${x}` : o)),
-      c && /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
-        "button",
-        {
-          type: "button",
-          className: t.button,
-          onClick: () => a(e + 1),
-          disabled: !k || s,
-          "aria-label": "Go to next page",
-          children: /* @__PURE__ */ i("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ i(
-            "path",
-            {
-              d: "M6 12l4-4-4-4",
-              stroke: "currentColor",
-              strokeWidth: "1.5",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            }
-          ) })
-        }
-      ) }),
-      h && /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
-        "button",
-        {
-          type: "button",
-          className: t.button,
-          onClick: () => a(n),
-          disabled: !k || s,
-          "aria-label": "Go to last page",
-          children: /* @__PURE__ */ i("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ i(
-            "path",
-            {
-              d: "M5 12l4-4-4-4M11 12V4",
-              stroke: "currentColor",
-              strokeWidth: "1.5",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            }
-          ) })
-        }
-      ) })
-    ] }) });
-  }
-);
-y.displayName = "Pagination";
-export {
-  y as Pagination
-};

package/dist/components/Popover/Popover.cjs

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

package/dist/components/Popover/Popover.mjs

@@ -1,192 +0,0 @@
-"use client";
-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 "./Popover.module.css.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/components/ProgressBar/ProgressBar.cjs

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./ProgressBar.module.css.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/components/ProgressBar/ProgressBar.mjs

@@ -1,55 +0,0 @@
-"use client";
-import { jsxs as o, jsx as n } from "react/jsx-runtime";
-import a from "./ProgressBar.module.css.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/components/QuickActions/QuickActions.cjs

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),i=require("react"),r=require("lucide-react"),s=require("./QuickActions.module.css.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/components/QuickActions/QuickActions.mjs

@@ -1,149 +0,0 @@
-"use client";
-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 "./QuickActions.module.css.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
-};