@orion-ds/react 4.9.2 → 4.9.3

package/dist/components/Pagination/Pagination.mjs

@@ -0,0 +1,136 @@
+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/Pagination/Pagination.module.css

@@ -0,0 +1 @@
+._pagination_kj56h_8{display:inline-flex;align-items:center}._list_kj56h_13{display:flex;align-items:center;gap:var(--spacing-1);margin:0;padding:0;list-style:none}._button_kj56h_26{display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-button);color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}._button_kj56h_26:hover:not(:disabled){background:var(--surface-subtle);color:var(--text-primary)}._button_kj56h_26:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}._button_kj56h_26:disabled{opacity:.4;cursor:not-allowed}._pageButton_kj56h_56{font-family:var(--font-secondary);font-weight:var(--font-weight-medium)}._active_kj56h_61{background:var(--interactive-primary);color:var(--interactive-primary-text);border-color:var(--interactive-primary)}._active_kj56h_61:hover:not(:disabled){background:var(--interactive-primary-hover);color:var(--interactive-primary-text)}._ellipsis_kj56h_76{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-family:var(--font-secondary);-webkit-user-select:none;user-select:none}._sm_kj56h_89 ._button_kj56h_26,._sm_kj56h_89 ._ellipsis_kj56h_76{min-width:28px;height:28px;font-size:var(--font-size-12)}._md_kj56h_103 ._button_kj56h_26,._md_kj56h_103 ._ellipsis_kj56h_76{min-width:36px;height:36px;font-size:var(--font-size-14)}._lg_kj56h_117 ._button_kj56h_26,._lg_kj56h_117 ._ellipsis_kj56h_76{min-width:44px;height:44px;font-size:var(--font-size-16)}._lg_kj56h_117 ._list_kj56h_13{gap:var(--spacing-2)}._disabled_kj56h_139{pointer-events:none;opacity:.5}

package/dist/components/Pagination/Pagination.module.css.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_pagination_kj56h_8",s="_list_kj56h_13",i="_button_kj56h_26",_="_pageButton_kj56h_56",e="_active_kj56h_61",n="_ellipsis_kj56h_76",o="_sm_kj56h_89",l="_md_kj56h_103",a="_lg_kj56h_117",c="_disabled_kj56h_139",d={pagination:t,list:s,button:i,pageButton:_,active:e,ellipsis:n,sm:o,md:l,lg:a,disabled:c};exports.active=e;exports.button=i;exports.default=d;exports.disabled=c;exports.ellipsis=n;exports.lg=a;exports.list=s;exports.md=l;exports.pageButton=_;exports.pagination=t;exports.sm=o;

package/dist/components/Pagination/Pagination.module.css.mjs

@@ -0,0 +1,25 @@
+const t = "_pagination_kj56h_8", _ = "_list_kj56h_13", s = "_button_kj56h_26", n = "_pageButton_kj56h_56", i = "_active_kj56h_61", o = "_ellipsis_kj56h_76", a = "_sm_kj56h_89", l = "_md_kj56h_103", e = "_lg_kj56h_117", c = "_disabled_kj56h_139", d = {
+  pagination: t,
+  list: _,
+  button: s,
+  pageButton: n,
+  active: i,
+  ellipsis: o,
+  sm: a,
+  md: l,
+  lg: e,
+  disabled: c
+};
+export {
+  i as active,
+  s as button,
+  d as default,
+  c as disabled,
+  o as ellipsis,
+  e as lg,
+  _ as list,
+  l as md,
+  n as pageButton,
+  t as pagination,
+  a as sm
+};

package/dist/components/Pagination/Pagination.types.d.ts

@@ -0,0 +1,58 @@
+import { HTMLAttributes } from 'react';
+
+/**
+ * Pagination sizes
+ */
+export type PaginationSize = "sm" | "md" | "lg";
+/**
+ * Pagination component props
+ *
+ * @example
+ * ```tsx
+ * <Pagination
+ *   currentPage={1}
+ *   totalPages={10}
+ *   onPageChange={(page) => setPage(page)}
+ * />
+ * ```
+ */
+export interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, "onChange"> {
+    /**
+     * Current active page (1-indexed)
+     */
+    currentPage: number;
+    /**
+     * Total number of pages
+     */
+    totalPages: number;
+    /**
+     * Callback when page changes
+     */
+    onPageChange: (page: number) => void;
+    /**
+     * Number of sibling pages to show on each side of current page
+     * @default 1
+     */
+    siblingCount?: number;
+    /**
+     * Whether to show first/last page buttons
+     * @default true
+     */
+    showFirstLast?: boolean;
+    /**
+     * Whether to show previous/next buttons
+     * @default true
+     */
+    showPrevNext?: boolean;
+    /**
+     * Size variant
+     * @default 'md'
+     */
+    size?: PaginationSize;
+    /**
+     * Whether the pagination is disabled
+     * @default false
+     */
+    disabled?: boolean;
+}
+//# sourceMappingURL=Pagination.types.d.ts.map

package/dist/components/Pagination/Pagination.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.types.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,cAAc,CAAC,WAAW,CAAC,EAC3B,UAAU,CACX;IACC;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAErC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/components/Pagination/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Pagination Component - Page navigation controls.
+ *
+ * @example
+ * ```tsx
+ * import { Pagination } from '@orion-ds/react';
+ *
+ * <Pagination
+ *   total={100}
+ *   current={1}
+ *   pageSize={10}
+ *   onPageChange={(page) => setCurrentPage(page)}
+ * />
+ * ```
+ */
+export { Pagination } from './Pagination';
+export type { PaginationProps, PaginationSize } from './Pagination.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/Popover/Popover.cjs

@@ -0,0 +1 @@
+"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.d.ts

@@ -0,0 +1,4 @@
+import { PopoverProps } from './Popover.types';
+
+export declare const Popover: import('react').ForwardRefExoticComponent<PopoverProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Popover.d.ts.map

package/dist/components/Popover/Popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,YAAY,EAAoB,MAAM,iBAAiB,CAAC;AAwFtE,eAAO,MAAM,OAAO,yGA8OnB,CAAC"}

package/dist/components/Popover/Popover.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 "./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/Popover/Popover.module.css

@@ -0,0 +1 @@
+:root{--popover-arrow-size: 10px;--popover-arrow-offset: 6px;--popover-arrow-margin: 5px}._trigger_1xlzd_16{display:inline-block}._triggerFullWidth_1xlzd_21{display:block;width:100%;min-width:0}._popover_1xlzd_28{position:absolute;z-index:var(--z-popover);min-width:200px;max-width:320px;background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-control);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:scale(.95);transition:opacity var(--transition-fast),transform var(--transition-fast),visibility 0s linear var(--transition-fast)}._visible_1xlzd_46{opacity:1;visibility:visible;transform:scale(1);transition:opacity var(--transition-fast),transform var(--transition-fast),visibility 0s linear 0s}._content_1xlzd_57{padding:var(--spacing-4);font-family:var(--font-secondary);font-size:var(--font-size-14);color:var(--text-primary)}._arrow_1xlzd_68{position:absolute;width:var(--popover-arrow-size);height:var(--popover-arrow-size);background:var(--surface-base);border:1px solid var(--border-subtle);transform:rotate(45deg)}._arrow-top_1xlzd_78{top:calc(var(--popover-arrow-offset) * -1);left:50%;margin-left:calc(var(--popover-arrow-margin) * -1);border-right:none;border-bottom:none}._arrow-bottom_1xlzd_86{bottom:calc(var(--popover-arrow-offset) * -1);left:50%;margin-left:calc(var(--popover-arrow-margin) * -1);border-left:none;border-top:none}._arrow-left_1xlzd_94{left:calc(var(--popover-arrow-offset) * -1);top:50%;margin-top:calc(var(--popover-arrow-margin) * -1);border-right:none;border-top:none}._arrow-right_1xlzd_102{right:calc(var(--popover-arrow-offset) * -1);top:50%;margin-top:calc(var(--popover-arrow-margin) * -1);border-left:none;border-bottom:none}@media(prefers-reduced-motion:reduce){._popover_1xlzd_28{transition:none}}

package/dist/components/Popover/Popover.module.css.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r="_trigger_1xlzd_16",t="_triggerFullWidth_1xlzd_21",o="_popover_1xlzd_28",e="_visible_1xlzd_46",_="_content_1xlzd_57",l="_arrow_1xlzd_68",i={trigger:r,triggerFullWidth:t,popover:o,visible:e,content:_,arrow:l,"arrow-top":"_arrow-top_1xlzd_78","arrow-bottom":"_arrow-bottom_1xlzd_86","arrow-left":"_arrow-left_1xlzd_94","arrow-right":"_arrow-right_1xlzd_102"};exports.arrow=l;exports.content=_;exports.default=i;exports.popover=o;exports.trigger=r;exports.triggerFullWidth=t;exports.visible=e;

package/dist/components/Popover/Popover.module.css.mjs

@@ -0,0 +1,21 @@
+const r = "_trigger_1xlzd_16", t = "_triggerFullWidth_1xlzd_21", o = "_popover_1xlzd_28", _ = "_visible_1xlzd_46", l = "_content_1xlzd_57", e = "_arrow_1xlzd_68", i = {
+  trigger: r,
+  triggerFullWidth: t,
+  popover: o,
+  visible: _,
+  content: l,
+  arrow: e,
+  "arrow-top": "_arrow-top_1xlzd_78",
+  "arrow-bottom": "_arrow-bottom_1xlzd_86",
+  "arrow-left": "_arrow-left_1xlzd_94",
+  "arrow-right": "_arrow-right_1xlzd_102"
+};
+export {
+  e as arrow,
+  l as content,
+  i as default,
+  o as popover,
+  r as trigger,
+  t as triggerFullWidth,
+  _ as visible
+};

package/dist/components/Popover/Popover.types.d.ts

@@ -0,0 +1,103 @@
+import { HTMLAttributes, ReactNode, RefObject } from 'react';
+
+/**
+ * Popover placement options
+ */
+export type PopoverPlacement = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+/**
+ * Popover trigger types
+ */
+export type PopoverTrigger = "click" | "hover" | "focus" | "manual";
+/**
+ * Popover component props
+ *
+ * @example
+ * ```tsx
+ * <Popover
+ *   trigger={<Button>Open</Button>}
+ *   content={<div>Popover content</div>}
+ * />
+ * ```
+ */
+export interface PopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, "content"> {
+    /**
+     * The trigger element that opens the popover
+     */
+    trigger: ReactNode;
+    /**
+     * The content to display in the popover
+     */
+    content: ReactNode;
+    /**
+     * Placement of the popover relative to the trigger
+     * @default 'bottom'
+     */
+    placement?: PopoverPlacement;
+    /**
+     * How to trigger the popover
+     * @default 'click'
+     */
+    triggerType?: PopoverTrigger;
+    /**
+     * Whether the popover is open (controlled mode)
+     */
+    open?: boolean;
+    /**
+     * Default open state (uncontrolled mode)
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Callback when open state changes
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Whether to show an arrow pointing to the trigger
+     * @default true
+     */
+    showArrow?: boolean;
+    /**
+     * Offset from the trigger in pixels
+     * @default 8
+     */
+    offset?: number;
+    /**
+     * Whether to close when clicking outside
+     * @default true
+     */
+    closeOnClickOutside?: boolean;
+    /**
+     * Whether to close when pressing Escape
+     * @default true
+     */
+    closeOnEscape?: boolean;
+    /**
+     * Delay before showing (for hover trigger)
+     * @default 0
+     */
+    openDelay?: number;
+    /**
+     * Delay before hiding (for hover trigger)
+     * @default 150
+     */
+    closeDelay?: number;
+    /**
+     * Whether the trigger wrapper should stretch to fill its container
+     * Set to true when Popover is placed inside a constrained container (e.g., sidebar header)
+     * Changes trigger from display: inline-block to display: block with width: 100%
+     * @default false
+     */
+    fullWidth?: boolean;
+}
+/**
+ * Internal hook return type
+ */
+export interface UsePopoverReturn {
+    isOpen: boolean;
+    setIsOpen: (open: boolean) => void;
+    triggerRef: RefObject<HTMLDivElement | null>;
+    popoverRef: RefObject<HTMLDivElement | null>;
+    triggerProps: Record<string, unknown>;
+    popoverProps: Record<string, unknown>;
+}
+//# sourceMappingURL=Popover.types.d.ts.map

package/dist/components/Popover/Popover.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE;;GAEG;AACH,MAAM,MAAM,gBAAgB,GACxB,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,OAAO,GACP,aAAa,GACb,WAAW,CAAC;AAEhB;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEpE;;;;;;;;;;GAUG;AACH,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,cAAc,CAAC,cAAc,CAAC,EAC9B,SAAS,CACV;IACC;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAE7B;;;OAGG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAE7B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,UAAU,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC7C,UAAU,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC7C,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACvC"}

package/dist/components/Popover/index.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Popover Component - Contextual content overlay.
+ *
+ * @example
+ * ```tsx
+ * import { Popover, Button } from '@orion-ds/react';
+ *
+ * <Popover
+ *   trigger={<Button>Open Menu</Button>}
+ *   content={
+ *     <div>
+ *       <p>Popover content here</p>
+ *       <Button size="sm">Action</Button>
+ *     </div>
+ *   }
+ *   placement="bottom"
+ * />
+ * ```
+ */
+export { Popover } from './Popover';
+export type { PopoverProps, PopoverPlacement, PopoverTrigger, } from './Popover.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Popover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,cAAc,GACf,MAAM,iBAAiB,CAAC"}

package/dist/components/ProgressBar/ProgressBar.cjs

@@ -0,0 +1 @@
+"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.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { ProgressBarProps } from './ProgressBar.types';
+
+export declare const ProgressBar: React.FC<ProgressBarProps>;
+//# sourceMappingURL=ProgressBar.d.ts.map

package/dist/components/ProgressBar/ProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG5D,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAwDlD,CAAC"}