@orion-ds/react 4.6.5 → 4.7.0

package/dist/index40 2.mjs

@@ -0,0 +1,164 @@
+import { jsxs as c, jsx as n } from "react/jsx-runtime";
+import { forwardRef as z, useState as k, useRef as A, useEffect as O } from "react";
+import { Search as R, Calendar as B, Filter as I, ChevronDown as j, X as E } from "lucide-react";
+import e from "./index149.mjs";
+const F = ({
+  filter: r,
+  onSelect: a,
+  onClose: o
+}) => {
+  const [t, i] = k([]), u = (s) => {
+    if (r.type === "multi-select") {
+      const m = t.includes(s.value) ? t.filter((h) => h !== s.value) : [...t, s.value];
+      i(m);
+    } else
+      a(s.value), o();
+  }, p = () => {
+    t.length > 0 && a(t), o();
+  };
+  return /* @__PURE__ */ c("div", { className: e.dropdown, children: [
+    r.options?.map((s) => /* @__PURE__ */ c(
+      "button",
+      {
+        type: "button",
+        className: `${e.dropdownItem} ${t.includes(s.value) ? e.dropdownItemSelected : ""}`,
+        onClick: () => u(s),
+        children: [
+          r.type === "multi-select" && /* @__PURE__ */ n("span", { className: e.checkbox, children: t.includes(s.value) && "✓" }),
+          /* @__PURE__ */ n("span", { children: s.label }),
+          s.count !== void 0 && /* @__PURE__ */ n("span", { className: e.optionCount, children: s.count })
+        ]
+      },
+      s.value
+    )),
+    r.type === "multi-select" && /* @__PURE__ */ c("div", { className: e.dropdownFooter, children: [
+      /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          className: e.dropdownCancel,
+          onClick: o,
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          className: e.dropdownApply,
+          onClick: p,
+          children: "Apply"
+        }
+      )
+    ] })
+  ] });
+}, L = z(
+  ({
+    filters: r,
+    activeFilters: a,
+    onFilterChange: o,
+    onFilterRemove: t,
+    onClearAll: i,
+    searchable: u = !1,
+    searchValue: p = "",
+    onSearchChange: s,
+    searchPlaceholder: m = "Search...",
+    showCount: h = !0,
+    compact: w = !1,
+    className: C,
+    ...g
+  }, f) => {
+    const [$, y] = k(null), v = A(null);
+    O(() => {
+      const l = (d) => {
+        v.current && !v.current.contains(d.target) && y(null);
+      };
+      return document.addEventListener("mousedown", l), () => document.removeEventListener("mousedown", l);
+    }, []);
+    const x = (l, d) => {
+      o(l, d);
+    }, S = [e.filterBar, w && e.compact, C].filter(Boolean).join(" ");
+    return /* @__PURE__ */ c("div", { ref: f, className: S, ...g, children: [
+      u && /* @__PURE__ */ c("div", { className: e.searchWrapper, children: [
+        /* @__PURE__ */ n(R, { size: 16, className: e.searchIcon }),
+        /* @__PURE__ */ n(
+          "input",
+          {
+            type: "text",
+            className: e.searchInput,
+            placeholder: m,
+            value: p,
+            onChange: (l) => s?.(l.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n("div", { className: e.filters, ref: v, children: r.map((l) => {
+        const d = a.some((b) => b.key === l.key), N = $ === l.key;
+        return /* @__PURE__ */ c("div", { className: e.filterWrapper, children: [
+          /* @__PURE__ */ c(
+            "button",
+            {
+              type: "button",
+              className: `${e.filterTrigger} ${d ? e.filterActive : ""}`,
+              onClick: () => y(N ? null : l.key),
+              children: [
+                l.icon || (l.type.includes("date") ? /* @__PURE__ */ n(B, { size: 14 }) : /* @__PURE__ */ n(I, { size: 14 })),
+                /* @__PURE__ */ n("span", { children: l.label }),
+                /* @__PURE__ */ n(
+                  j,
+                  {
+                    size: 14,
+                    className: `${e.chevron} ${N ? e.chevronOpen : ""}`
+                  }
+                )
+              ]
+            }
+          ),
+          N && l.type !== "text" && /* @__PURE__ */ n(
+            F,
+            {
+              filter: l,
+              onSelect: (b) => x(l.key, b),
+              onClose: () => y(null)
+            }
+          )
+        ] }, l.key);
+      }) }),
+      a.length > 0 && /* @__PURE__ */ c("div", { className: e.activeFilters, children: [
+        a.map((l) => /* @__PURE__ */ c("span", { className: e.chip, children: [
+          /* @__PURE__ */ n("span", { className: e.chipLabel, children: l.label }),
+          /* @__PURE__ */ n(
+            "button",
+            {
+              type: "button",
+              className: e.chipRemove,
+              onClick: () => t(l.key),
+              "aria-label": `Remove ${l.label} filter`,
+              children: /* @__PURE__ */ n(E, { size: 12 })
+            }
+          )
+        ] }, l.key)),
+        i && a.length > 1 && /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            className: e.clearAll,
+            onClick: i,
+            children: "Clear all"
+          }
+        )
+      ] }),
+      h && a.length > 0 && /* @__PURE__ */ c("span", { className: e.count, children: [
+        a.length,
+        " filter",
+        a.length !== 1 ? "s" : "",
+        " ",
+        "active"
+      ] })
+    ] });
+  }
+);
+L.displayName = "FilterBar";
+export {
+  L as FilterBar
+};

package/dist/index40 3.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),r=require("lucide-react"),l=require("./index149.cjs"),$=({filter:c,onSelect:a,onClose:d})=>{const[n,i]=o.useState([]),p=t=>{if(c.type==="multi-select"){const m=n.includes(t.value)?n.filter(f=>f!==t.value):[...n,t.value];i(m)}else a(t.value),d()},h=()=>{n.length>0&&a(n),d()};return e.jsxs("div",{className:l.default.dropdown,children:[c.options?.map(t=>e.jsxs("button",{type:"button",className:`${l.default.dropdownItem} ${n.includes(t.value)?l.default.dropdownItemSelected:""}`,onClick:()=>p(t),children:[c.type==="multi-select"&&e.jsx("span",{className:l.default.checkbox,children:n.includes(t.value)&&"✓"}),e.jsx("span",{children:t.label}),t.count!==void 0&&e.jsx("span",{className:l.default.optionCount,children:t.count})]},t.value)),c.type==="multi-select"&&e.jsxs("div",{className:l.default.dropdownFooter,children:[e.jsx("button",{type:"button",className:l.default.dropdownCancel,onClick:d,children:"Cancel"}),e.jsx("button",{type:"button",className:l.default.dropdownApply,onClick:h,children:"Apply"})]})]})},N=o.forwardRef(({filters:c,activeFilters:a,onFilterChange:d,onFilterRemove:n,onClearAll:i,searchable:p=!1,searchValue:h="",onSearchChange:t,searchPlaceholder:m="Search...",showCount:f=!0,compact:b=!1,className:k,...g},w)=>{const[C,x]=o.useState(null),j=o.useRef(null);o.useEffect(()=>{const s=u=>{j.current&&!j.current.contains(u.target)&&x(null)};return document.addEventListener("mousedown",s),()=>document.removeEventListener("mousedown",s)},[]);const S=(s,u)=>{d(s,u)},R=[l.default.filterBar,b&&l.default.compact,k].filter(Boolean).join(" ");return e.jsxs("div",{ref:w,className:R,...g,children:[p&&e.jsxs("div",{className:l.default.searchWrapper,children:[e.jsx(r.Search,{size:16,className:l.default.searchIcon}),e.jsx("input",{type:"text",className:l.default.searchInput,placeholder:m,value:h,onChange:s=>t?.(s.target.value)})]}),e.jsx("div",{className:l.default.filters,ref:j,children:c.map(s=>{const u=a.some(v=>v.key===s.key),y=C===s.key;return e.jsxs("div",{className:l.default.filterWrapper,children:[e.jsxs("button",{type:"button",className:`${l.default.filterTrigger} ${u?l.default.filterActive:""}`,onClick:()=>x(y?null:s.key),children:[s.icon||(s.type.includes("date")?e.jsx(r.Calendar,{size:14}):e.jsx(r.Filter,{size:14})),e.jsx("span",{children:s.label}),e.jsx(r.ChevronDown,{size:14,className:`${l.default.chevron} ${y?l.default.chevronOpen:""}`})]}),y&&s.type!=="text"&&e.jsx($,{filter:s,onSelect:v=>S(s.key,v),onClose:()=>x(null)})]},s.key)})}),a.length>0&&e.jsxs("div",{className:l.default.activeFilters,children:[a.map(s=>e.jsxs("span",{className:l.default.chip,children:[e.jsx("span",{className:l.default.chipLabel,children:s.label}),e.jsx("button",{type:"button",className:l.default.chipRemove,onClick:()=>n(s.key),"aria-label":`Remove ${s.label} filter`,children:e.jsx(r.X,{size:12})})]},s.key)),i&&a.length>1&&e.jsx("button",{type:"button",className:l.default.clearAll,onClick:i,children:"Clear all"})]}),f&&a.length>0&&e.jsxs("span",{className:l.default.count,children:[a.length," filter",a.length!==1?"s":""," ","active"]})]})});N.displayName="FilterBar";exports.FilterBar=N;

package/dist/index40.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("react"),w=require("lucide-react"),a=require("./index198.cjs"),S=n.forwardRef(({open:d,onOpenChange:c,commands:m,recentCommands:i,onSelect:D,placeholder:E="Type a command or search...",emptyMessage:C="No results found.",footer:N,className:L,...R},M)=>{const[r,b]=n.useState(""),[o,u]=n.useState(0),v=n.useRef(null),y=n.useRef(null),k=n.useMemo(()=>{if(!r)return m;const e=r.toLowerCase();return m.filter(t=>{const l=t.label.toLowerCase().includes(e),h=t.description?.toLowerCase().includes(e),j=t.keywords?.some(K=>K.toLowerCase().includes(e));return l||h||j})},[m,r]),p=n.useMemo(()=>{const e=[],t=[];return k.forEach(l=>{if(l.category){const h=e.find(j=>j.title===l.category);h?h.commands.push(l):e.push({title:l.category,commands:[l]})}else t.push(l)}),t.length>0&&e.unshift({title:"",commands:t}),e},[k]),f=n.useMemo(()=>{const e=[];return i&&i.length>0&&!r&&e.push(...i),p.forEach(t=>{e.push(...t.commands)}),e},[p,i,r]);n.useEffect(()=>{d&&(b(""),u(0),setTimeout(()=>v.current?.focus(),0))},[d]);const $=n.useCallback(e=>{switch(e.key){case"ArrowDown":e.preventDefault(),u(t=>Math.min(t+1,f.length-1));break;case"ArrowUp":e.preventDefault(),u(t=>Math.max(t-1,0));break;case"Enter":{e.preventDefault();const t=f[o];t&&!t.disabled&&x(t);break}case"Escape":e.preventDefault(),c(!1);break}},[f,o,c]),x=e=>{D?.(e),e.onSelect(),c(!1)};if(n.useEffect(()=>{const e=y.current;if(!e)return;const t=e.querySelector(`[data-index="${o}"]`);t&&t.scrollIntoView({block:"nearest"})},[o]),n.useEffect(()=>{const e=t=>{(t.metaKey||t.ctrlKey)&&t.key==="k"&&(t.preventDefault(),c(!d))};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[d,c]),!d)return null;const I=[a.default.commandBar,L].filter(Boolean).join(" ");let g=0;return s.jsx("div",{className:a.default.overlay,onClick:()=>c(!1),children:s.jsxs("div",{ref:M,className:I,onClick:e=>e.stopPropagation(),onKeyDown:$,...R,children:[s.jsxs("div",{className:a.default.inputWrapper,children:[s.jsx(w.Search,{size:18,className:a.default.searchIcon}),s.jsx("input",{ref:v,type:"text",className:a.default.input,placeholder:E,value:r,onChange:e=>{b(e.target.value),u(0)},autoComplete:"off",autoCorrect:"off",spellCheck:!1}),s.jsx("kbd",{className:a.default.shortcutHint,children:"ESC"})]}),s.jsx("div",{ref:y,className:a.default.results,children:f.length===0?s.jsx("div",{className:a.default.empty,children:C}):s.jsxs(s.Fragment,{children:[i&&i.length>0&&!r&&s.jsxs("div",{className:a.default.group,children:[s.jsx("div",{className:a.default.groupTitle,children:"Recent"}),i.map(e=>{const t=g++;return s.jsxs("button",{type:"button","data-index":t,className:`${a.default.item} ${t===o?a.default.itemSelected:""} ${e.disabled?a.default.itemDisabled:""}`,onClick:()=>!e.disabled&&x(e),onMouseEnter:()=>u(t),children:[e.icon&&s.jsx("span",{className:a.default.itemIcon,children:e.icon}),s.jsxs("span",{className:a.default.itemContent,children:[s.jsx("span",{className:a.default.itemLabel,children:e.label}),e.description&&s.jsx("span",{className:a.default.itemDescription,children:e.description})]}),e.shortcut&&s.jsx("kbd",{className:a.default.itemShortcut,children:e.shortcut})]},`recent-${e.id}`)})]}),p.map(e=>s.jsxs("div",{className:a.default.group,children:[e.title&&s.jsx("div",{className:a.default.groupTitle,children:e.title}),e.commands.map(t=>{const l=g++;return s.jsxs("button",{type:"button","data-index":l,className:`${a.default.item} ${l===o?a.default.itemSelected:""} ${t.disabled?a.default.itemDisabled:""}`,onClick:()=>!t.disabled&&x(t),onMouseEnter:()=>u(l),children:[t.icon&&s.jsx("span",{className:a.default.itemIcon,children:t.icon}),s.jsxs("span",{className:a.default.itemContent,children:[s.jsx("span",{className:a.default.itemLabel,children:t.label}),t.description&&s.jsx("span",{className:a.default.itemDescription,children:t.description})]}),t.shortcut&&s.jsx("kbd",{className:a.default.itemShortcut,children:t.shortcut})]},t.id)})]},e.title||"ungrouped"))]})}),N?s.jsx("div",{className:a.default.footer,children:N}):s.jsxs("div",{className:a.default.footer,children:[s.jsxs("span",{className:a.default.footerHint,children:[s.jsx(w.Command,{size:12})," ",s.jsx("span",{children:"K to toggle"})]}),s.jsxs("span",{className:a.default.footerHint,children:[s.jsx("span",{children:"↑↓"})," to navigate"]}),s.jsxs("span",{className:a.default.footerHint,children:[s.jsx("span",{children:"↵"})," to select"]})]})]})})});S.displayName="CommandBar";exports.CommandBar=S;

package/dist/index40.mjs

@@ -0,0 +1,193 @@
+import { jsx as a, jsxs as n, Fragment as j } from "react/jsx-runtime";
+import { forwardRef as z, useState as E, useRef as C, useMemo as v, useEffect as y, useCallback as A } from "react";
+import { Search as q, Command as F } from "lucide-react";
+import s from "./index198.mjs";
+const G = z(
+  ({
+    open: u,
+    onOpenChange: o,
+    commands: p,
+    recentCommands: i,
+    onSelect: L,
+    placeholder: $ = "Type a command or search...",
+    emptyMessage: I = "No results found.",
+    footer: k,
+    className: K,
+    ...M
+  }, R) => {
+    const [r, w] = E(""), [c, d] = E(0), g = C(null), x = C(null), D = v(() => {
+      if (!r) return p;
+      const e = r.toLowerCase();
+      return p.filter((t) => {
+        const l = t.label.toLowerCase().includes(e), m = t.description?.toLowerCase().includes(e), b = t.keywords?.some(
+          (T) => T.toLowerCase().includes(e)
+        );
+        return l || m || b;
+      });
+    }, [p, r]), f = v(() => {
+      const e = [], t = [];
+      return D.forEach((l) => {
+        if (l.category) {
+          const m = e.find((b) => b.title === l.category);
+          m ? m.commands.push(l) : e.push({ title: l.category, commands: [l] });
+        } else
+          t.push(l);
+      }), t.length > 0 && e.unshift({ title: "", commands: t }), e;
+    }, [D]), h = v(() => {
+      const e = [];
+      return i && i.length > 0 && !r && e.push(...i), f.forEach((t) => {
+        e.push(...t.commands);
+      }), e;
+    }, [f, i, r]);
+    y(() => {
+      u && (w(""), d(0), setTimeout(() => g.current?.focus(), 0));
+    }, [u]);
+    const B = A(
+      (e) => {
+        switch (e.key) {
+          case "ArrowDown":
+            e.preventDefault(), d((t) => Math.min(t + 1, h.length - 1));
+            break;
+          case "ArrowUp":
+            e.preventDefault(), d((t) => Math.max(t - 1, 0));
+            break;
+          case "Enter": {
+            e.preventDefault();
+            const t = h[c];
+            t && !t.disabled && N(t);
+            break;
+          }
+          case "Escape":
+            e.preventDefault(), o(!1);
+            break;
+        }
+      },
+      [h, c, o]
+    ), N = (e) => {
+      L?.(e), e.onSelect(), o(!1);
+    };
+    if (y(() => {
+      const e = x.current;
+      if (!e) return;
+      const t = e.querySelector(`[data-index="${c}"]`);
+      t && t.scrollIntoView({ block: "nearest" });
+    }, [c]), y(() => {
+      const e = (t) => {
+        (t.metaKey || t.ctrlKey) && t.key === "k" && (t.preventDefault(), o(!u));
+      };
+      return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+    }, [u, o]), !u) return null;
+    const H = [s.commandBar, K].filter(Boolean).join(" ");
+    let S = 0;
+    return /* @__PURE__ */ a("div", { className: s.overlay, onClick: () => o(!1), children: /* @__PURE__ */ n(
+      "div",
+      {
+        ref: R,
+        className: H,
+        onClick: (e) => e.stopPropagation(),
+        onKeyDown: B,
+        ...M,
+        children: [
+          /* @__PURE__ */ n("div", { className: s.inputWrapper, children: [
+            /* @__PURE__ */ a(q, { size: 18, className: s.searchIcon }),
+            /* @__PURE__ */ a(
+              "input",
+              {
+                ref: g,
+                type: "text",
+                className: s.input,
+                placeholder: $,
+                value: r,
+                onChange: (e) => {
+                  w(e.target.value), d(0);
+                },
+                autoComplete: "off",
+                autoCorrect: "off",
+                spellCheck: !1
+              }
+            ),
+            /* @__PURE__ */ a("kbd", { className: s.shortcutHint, children: "ESC" })
+          ] }),
+          /* @__PURE__ */ a("div", { ref: x, className: s.results, children: h.length === 0 ? /* @__PURE__ */ a("div", { className: s.empty, children: I }) : /* @__PURE__ */ n(j, { children: [
+            i && i.length > 0 && !r && /* @__PURE__ */ n("div", { className: s.group, children: [
+              /* @__PURE__ */ a("div", { className: s.groupTitle, children: "Recent" }),
+              i.map((e) => {
+                const t = S++;
+                return /* @__PURE__ */ n(
+                  "button",
+                  {
+                    type: "button",
+                    "data-index": t,
+                    className: `${s.item} ${t === c ? s.itemSelected : ""} ${e.disabled ? s.itemDisabled : ""}`,
+                    onClick: () => !e.disabled && N(e),
+                    onMouseEnter: () => d(t),
+                    children: [
+                      e.icon && /* @__PURE__ */ a("span", { className: s.itemIcon, children: e.icon }),
+                      /* @__PURE__ */ n("span", { className: s.itemContent, children: [
+                        /* @__PURE__ */ a("span", { className: s.itemLabel, children: e.label }),
+                        e.description && /* @__PURE__ */ a("span", { className: s.itemDescription, children: e.description })
+                      ] }),
+                      e.shortcut && /* @__PURE__ */ a("kbd", { className: s.itemShortcut, children: e.shortcut })
+                    ]
+                  },
+                  `recent-${e.id}`
+                );
+              })
+            ] }),
+            f.map((e) => /* @__PURE__ */ n(
+              "div",
+              {
+                className: s.group,
+                children: [
+                  e.title && /* @__PURE__ */ a("div", { className: s.groupTitle, children: e.title }),
+                  e.commands.map((t) => {
+                    const l = S++;
+                    return /* @__PURE__ */ n(
+                      "button",
+                      {
+                        type: "button",
+                        "data-index": l,
+                        className: `${s.item} ${l === c ? s.itemSelected : ""} ${t.disabled ? s.itemDisabled : ""}`,
+                        onClick: () => !t.disabled && N(t),
+                        onMouseEnter: () => d(l),
+                        children: [
+                          t.icon && /* @__PURE__ */ a("span", { className: s.itemIcon, children: t.icon }),
+                          /* @__PURE__ */ n("span", { className: s.itemContent, children: [
+                            /* @__PURE__ */ a("span", { className: s.itemLabel, children: t.label }),
+                            t.description && /* @__PURE__ */ a("span", { className: s.itemDescription, children: t.description })
+                          ] }),
+                          t.shortcut && /* @__PURE__ */ a("kbd", { className: s.itemShortcut, children: t.shortcut })
+                        ]
+                      },
+                      t.id
+                    );
+                  })
+                ]
+              },
+              e.title || "ungrouped"
+            ))
+          ] }) }),
+          k ? /* @__PURE__ */ a("div", { className: s.footer, children: k }) : /* @__PURE__ */ n("div", { className: s.footer, children: [
+            /* @__PURE__ */ n("span", { className: s.footerHint, children: [
+              /* @__PURE__ */ a(F, { size: 12 }),
+              " ",
+              /* @__PURE__ */ a("span", { children: "K to toggle" })
+            ] }),
+            /* @__PURE__ */ n("span", { className: s.footerHint, children: [
+              /* @__PURE__ */ a("span", { children: "↑↓" }),
+              " to navigate"
+            ] }),
+            /* @__PURE__ */ n("span", { className: s.footerHint, children: [
+              /* @__PURE__ */ a("span", { children: "↵" }),
+              " to select"
+            ] })
+          ] })
+        ]
+      }
+    ) });
+  }
+);
+G.displayName = "CommandBar";
+export {
+  G as CommandBar
+};

package/dist/index41 3.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),l=require("react"),s=require("./index4.cjs");function m({onLoad:r,onError:i,showLoadingState:h=!1,loadingComponent:u,children:d}){const[g,t]=l.useState(!1),[f,F]=l.useState(!1);return l.useEffect(()=>{if(typeof document>"u"||f)return;const c=document.head;if(c.querySelector('link[href*="fonts.googleapis.com"]')){F(!0),t(!0),r?.();return}try{s.FONT_PRECONNECT_URLS.forEach((a,y)=>{const n=document.createElement("link");n.rel="preconnect",n.href=a,y===1&&(n.crossOrigin="anonymous"),n.setAttribute("data-orion-fonts","preconnect"),c.appendChild(n)});const e=document.createElement("link");e.rel="stylesheet",e.href=s.GOOGLE_FONTS_URL,e.setAttribute("data-orion-fonts","stylesheet"),e.onload=async()=>{try{await s.waitForFonts([...s.ALL_FONTS]),t(!0),r?.()}catch{t(!0),r?.()}},e.onerror=()=>{const a=new Error("Failed to load Google Fonts");console.error("[Orion] Failed to load fonts from Google Fonts"),i?.(a),t(!0)},c.appendChild(e),F(!0)}catch(e){console.error("[Orion] Error injecting font links:",e),i?.(e instanceof Error?e:new Error("Font injection failed")),t(!0)}},[f,r,i]),h&&!g?u?o.jsx(o.Fragment,{children:u}):null:d?o.jsx(o.Fragment,{children:d}):null}m.displayName="FontLoader";exports.FontLoader=m;

package/dist/index41 3.mjs

@@ -0,0 +1,47 @@
+import { jsx as d, Fragment as u } from "react/jsx-runtime";
+import { useState as m, useEffect as y } from "react";
+import { FONT_PRECONNECT_URLS as E, GOOGLE_FONTS_URL as O, waitForFonts as g, ALL_FONTS as L } from "./index4.mjs";
+function k({
+  onLoad: n,
+  onError: o,
+  showLoadingState: p = !1,
+  loadingComponent: c,
+  children: a
+}) {
+  const [F, t] = m(!1), [l, f] = m(!1);
+  return y(() => {
+    if (typeof document > "u" || l) return;
+    const s = document.head;
+    if (s.querySelector(
+      'link[href*="fonts.googleapis.com"]'
+    )) {
+      f(!0), t(!0), n?.();
+      return;
+    }
+    try {
+      E.forEach((i, h) => {
+        const r = document.createElement("link");
+        r.rel = "preconnect", r.href = i, h === 1 && (r.crossOrigin = "anonymous"), r.setAttribute("data-orion-fonts", "preconnect"), s.appendChild(r);
+      });
+      const e = document.createElement("link");
+      e.rel = "stylesheet", e.href = O, e.setAttribute("data-orion-fonts", "stylesheet"), e.onload = async () => {
+        try {
+          await g([...L]), t(!0), n?.();
+        } catch {
+          t(!0), n?.();
+        }
+      }, e.onerror = () => {
+        const i = new Error("Failed to load Google Fonts");
+        console.error("[Orion] Failed to load fonts from Google Fonts"), o?.(i), t(!0);
+      }, s.appendChild(e), f(!0);
+    } catch (e) {
+      console.error("[Orion] Error injecting font links:", e), o?.(
+        e instanceof Error ? e : new Error("Font injection failed")
+      ), t(!0);
+    }
+  }, [l, n, o]), p && !F ? c ? /* @__PURE__ */ d(u, { children: c }) : null : a ? /* @__PURE__ */ d(u, { children: a }) : null;
+}
+k.displayName = "FontLoader";
+export {
+  k as FontLoader
+};

package/dist/index41.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),c=require("react"),e=require("./index146.cjs"),t=c.forwardRef(({size:r="lg",centered:n=!0,padded:a=!0,className:o,children:i,...s},u)=>{const d=[e.default.container,e.default[r],n&&e.default.centered,a&&e.default.padded,o].filter(Boolean).join(" ");return l.jsx("div",{ref:u,className:d,...s,children:i})});t.displayName="Container";exports.Container=t;

package/dist/index41.mjs

@@ -0,0 +1,26 @@
+import { jsx as d } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import e from "./index146.mjs";
+const c = l(
+  ({
+    size: r = "lg",
+    centered: o = !0,
+    padded: t = !0,
+    className: a,
+    children: n,
+    ...s
+  }, i) => {
+    const m = [
+      e.container,
+      e[r],
+      o && e.centered,
+      t && e.padded,
+      a
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ d("div", { ref: i, className: m, ...s, children: n });
+  }
+);
+c.displayName = "Container";
+export {
+  c as Container
+};

package/dist/index42 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("react"),$=require("lucide-react"),e=require("./index142.cjs"),m=r.forwardRef(({label:t,helpText:d,children:o,columns:l=1,className:s,...n},i)=>{const u=[e.default.group,e.default[`columns-${l}`],s].filter(Boolean).join(" ");return a.jsxs("div",{ref:i,className:u,...n,children:[t&&a.jsx("div",{className:e.default.groupLabel,children:t}),a.jsx("div",{className:e.default.groupFields,children:o}),d&&a.jsx("div",{className:e.default.groupHelp,children:d})]})});m.displayName="FormSection.Group";const j=r.forwardRef(({children:t,align:d="end",className:o,...l},s)=>{const n=[e.default.actions,e.default[`align-${d}`],o].filter(Boolean).join(" ");return a.jsx("div",{ref:s,className:n,...l,children:t})});j.displayName="FormSection.Actions";const N=r.forwardRef(({title:t,description:d,children:o,actions:l,collapsible:s=!1,defaultCollapsed:n=!1,divider:i=!1,variant:u="default",icon:f,disabled:h=!1,className:x,...p},v)=>{const[c,S]=r.useState(n),g=[e.default.formSection,e.default[`variant-${u}`],i&&e.default.divider,h&&e.default.disabled,s&&e.default.collapsible,c&&e.default.collapsed,x].filter(Boolean).join(" "),F=()=>{s&&S(!c)},y=s?"button":"div",R=s?{type:"button",onClick:F,"aria-expanded":!c}:{},C=t||f||s;return a.jsxs("div",{ref:v,className:g,...p,children:[C&&a.jsxs(y,{className:e.default.header,...R,children:[a.jsxs("div",{className:e.default.headerContent,children:[f&&a.jsx("span",{className:e.default.icon,children:f}),(t||d)&&a.jsxs("div",{className:e.default.headerText,children:[t&&a.jsx("h3",{className:e.default.title,children:t}),d&&a.jsx("p",{className:e.default.description,children:d})]})]}),s&&a.jsx($.ChevronDown,{size:20,className:`${e.default.collapseIcon} ${c?e.default.iconCollapsed:""}`})]}),(!s||!c)&&a.jsxs("div",{className:e.default.content,children:[a.jsx("div",{className:e.default.fields,children:o}),l&&a.jsx("div",{className:e.default.actionsWrapper,children:l})]})]})});N.displayName="FormSection";const q=Object.assign(N,{Group:m,Actions:j});exports.FormSection=q;

package/dist/index42 2.mjs

@@ -0,0 +1,84 @@
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { forwardRef as p, useState as B } from "react";
+import { ChevronDown as H } from "lucide-react";
+import e from "./index142.mjs";
+const h = p(
+  ({ label: o, helpText: n, children: i, columns: r = 1, className: s, ...d }, t) => {
+    const m = [e.group, e[`columns-${r}`], s].filter(Boolean).join(" ");
+    return /* @__PURE__ */ c("div", { ref: t, className: m, ...d, children: [
+      o && /* @__PURE__ */ a("div", { className: e.groupLabel, children: o }),
+      /* @__PURE__ */ a("div", { className: e.groupFields, children: i }),
+      n && /* @__PURE__ */ a("div", { className: e.groupHelp, children: n })
+    ] });
+  }
+);
+h.displayName = "FormSection.Group";
+const f = p(
+  ({ children: o, align: n = "end", className: i, ...r }, s) => {
+    const d = [e.actions, e[`align-${n}`], i].filter(Boolean).join(" ");
+    return /* @__PURE__ */ a("div", { ref: s, className: d, ...r, children: o });
+  }
+);
+f.displayName = "FormSection.Actions";
+const u = p(
+  ({
+    title: o,
+    description: n,
+    children: i,
+    actions: r,
+    collapsible: s = !1,
+    defaultCollapsed: d = !1,
+    divider: t = !1,
+    variant: m = "default",
+    icon: N,
+    disabled: v = !1,
+    className: g,
+    ...S
+  }, F) => {
+    const [l, j] = B(d), y = [
+      e.formSection,
+      e[`variant-${m}`],
+      t && e.divider,
+      v && e.disabled,
+      s && e.collapsible,
+      l && e.collapsed,
+      g
+    ].filter(Boolean).join(" "), C = () => {
+      s && j(!l);
+    }, $ = s ? "button" : "div", x = s ? {
+      type: "button",
+      onClick: C,
+      "aria-expanded": !l
+    } : {};
+    return /* @__PURE__ */ c("div", { ref: F, className: y, ...S, children: [
+      (o || N || s) && /* @__PURE__ */ c($, { className: e.header, ...x, children: [
+        /* @__PURE__ */ c("div", { className: e.headerContent, children: [
+          N && /* @__PURE__ */ a("span", { className: e.icon, children: N }),
+          (o || n) && /* @__PURE__ */ c("div", { className: e.headerText, children: [
+            o && /* @__PURE__ */ a("h3", { className: e.title, children: o }),
+            n && /* @__PURE__ */ a("p", { className: e.description, children: n })
+          ] })
+        ] }),
+        s && /* @__PURE__ */ a(
+          H,
+          {
+            size: 20,
+            className: `${e.collapseIcon} ${l ? e.iconCollapsed : ""}`
+          }
+        )
+      ] }),
+      (!s || !l) && /* @__PURE__ */ c("div", { className: e.content, children: [
+        /* @__PURE__ */ a("div", { className: e.fields, children: i }),
+        r && /* @__PURE__ */ a("div", { className: e.actionsWrapper, children: r })
+      ] })
+    ] });
+  }
+);
+u.displayName = "FormSection";
+const z = Object.assign(u, {
+  Group: h,
+  Actions: f
+});
+export {
+  z as FormSection
+};

package/dist/index42.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),f=require("react"),b=require("lucide-react"),e=require("./index179.cjs"),q=f.forwardRef(({left:n,right:i,children:u,className:x,...k},r)=>a.jsxs("div",{ref:r,className:`${e.default.toolbar} ${x||""}`,...k,children:[n&&a.jsx("div",{className:e.default.toolbarLeft,children:n}),u,i&&a.jsx("div",{className:e.default.toolbarRight,children:i})]}));q.displayName="DataTable.Toolbar";const I=f.forwardRef(({pagination:n,onChange:i,className:u,...x},k)=>{const{page:r,pageSize:h,total:N,pageSizeOptions:T=[10,25,50,100]}=n,m=Math.ceil(N/h),M=(r-1)*h+1,y=Math.min(r*h,N),v=o=>{o>=1&&o<=m&&i({page:o,pageSize:h})},g=o=>{i({page:1,pageSize:Number(o.target.value)})};return a.jsxs("div",{ref:k,className:`${e.default.pagination} ${u||""}`,...x,children:[a.jsxs("div",{className:e.default.paginationInfo,children:[a.jsxs("span",{className:e.default.paginationText,children:[M,"-",y," of ",N]}),a.jsx("select",{className:e.default.pageSizeSelect,value:h,onChange:g,children:T.map(o=>a.jsxs("option",{value:o,children:[o," / page"]},o))})]}),a.jsxs("div",{className:e.default.paginationControls,children:[a.jsx("button",{type:"button",className:e.default.paginationButton,onClick:()=>v(r-1),disabled:r<=1,"aria-label":"Previous page",children:a.jsx(b.ChevronLeft,{size:16})}),a.jsxs("span",{className:e.default.paginationPages,children:[r," / ",m]}),a.jsx("button",{type:"button",className:e.default.paginationButton,onClick:()=>v(r+1),disabled:r>=m,"aria-label":"Next page",children:a.jsx(b.ChevronRight,{size:16})})]})]})});I.displayName="DataTable.Pagination";const R=f.forwardRef(({state:n,className:i,...u},x)=>a.jsxs("div",{ref:x,className:`${e.default.emptyState} ${i||""}`,...u,children:[n.icon&&a.jsx("div",{className:e.default.emptyIcon,children:n.icon}),a.jsx("h3",{className:e.default.emptyTitle,children:n.title}),n.description&&a.jsx("p",{className:e.default.emptyDescription,children:n.description}),n.action&&a.jsx("div",{className:e.default.emptyAction,children:n.action})]}));R.displayName="DataTable.EmptyState";function oe({columns:n,data:i,rowKey:u="id",searchable:x=!1,searchPlaceholder:k="Search...",searchValue:r,onSearchChange:h,pagination:N,onPaginationChange:T,selectable:m=!1,selectedKeys:M,onSelectionChange:y,bulkActions:v,rowActions:g,sort:o,onSortChange:S,emptyState:B,loading:E=!1,striped:K=!1,hoverable:W=!0,compact:w=!1,stickyHeader:H=!1,maxHeight:U,onRowClick:_,toolbar:z,className:F,...G},J){const[Q,X]=f.useState(""),[Y,O]=f.useState([]),[Z,ee]=f.useState(),[P,V]=f.useState(null),$=r??Q,d=M??Y,p=o??Z,A=f.useCallback((t,s)=>typeof u=="function"?u(t,s):t[u]??s,[u]),ae=t=>{const s=t.target.value;h?h(s):X(s)},te=t=>{if(!t.sortable)return;let s;p?.key===t.key?p.direction==="asc"?s={key:t.key,direction:"desc"}:s=void 0:s={key:t.key,direction:"asc"},S?S(s):ee(s)},se=()=>{const t=i.map((c,j)=>A(c,j)),s=d.length===i.length?[]:t;y?y(s):O(s)},le=t=>{const s=d.includes(t)?d.filter(c=>c!==t):[...d,t];y?y(s):O(s)},D=f.useMemo(()=>{let t=[...i];if(!h&&$){const s=$.toLowerCase();t=t.filter(c=>Object.values(c).some(j=>String(j).toLowerCase().includes(s)))}return!S&&p&&t.sort((s,c)=>{const j=s[p.key],l=c[p.key],L=String(j).localeCompare(String(l));return p.direction==="asc"?L:-L}),t},[i,$,p,h,S]),ne=[e.default.dataTable,w&&e.default.compact,F].filter(Boolean).join(" "),ie=[e.default.table,K&&e.default.striped,W&&e.default.hoverable,H&&e.default.stickyHeader].filter(Boolean).join(" "),ce=i.length>0&&d.length===i.length,de=d.length>0&&d.length<i.length,re={icon:a.jsx(b.Inbox,{size:48}),title:"No data",description:"There are no items to display."};return a.jsxs("div",{ref:J,className:ne,...G,children:[(x||z||m&&d.length>0)&&a.jsxs("div",{className:e.default.toolbar,children:[a.jsxs("div",{className:e.default.toolbarLeft,children:[m&&d.length>0&&v&&a.jsxs("div",{className:e.default.bulkActions,children:[a.jsxs("span",{className:e.default.selectedCount,children:[d.length," selected"]}),v.map(t=>a.jsxs("button",{type:"button",className:`${e.default.bulkAction} ${t.variant==="danger"?e.default.bulkActionDanger:""}`,onClick:()=>t.onClick(d),children:[t.icon,a.jsx("span",{children:t.label})]},t.key))]}),z]}),a.jsx("div",{className:e.default.toolbarRight,children:x&&a.jsxs("div",{className:e.default.searchWrapper,children:[a.jsx(b.Search,{size:16,className:e.default.searchIcon}),a.jsx("input",{type:"text",className:e.default.searchInput,placeholder:k,value:$,onChange:ae})]})})]}),a.jsx("div",{className:e.default.tableContainer,style:{maxHeight:U},children:E?a.jsx("div",{className:e.default.loadingOverlay,children:a.jsx("div",{className:e.default.spinner})}):D.length===0?a.jsx(R,{state:B||re}):a.jsxs("table",{className:ie,children:[a.jsx("thead",{className:e.default.thead,children:a.jsxs("tr",{children:[m&&a.jsx("th",{className:`${e.default.th} ${e.default.checkboxCell}`,children:a.jsx("input",{type:"checkbox",className:e.default.checkbox,checked:ce,ref:t=>{t&&(t.indeterminate=de)},onChange:se,"aria-label":"Select all rows"})}),n.map(t=>a.jsx("th",{className:`${e.default.th} ${t.sortable?e.default.sortable:""} ${t.sticky?e.default[`sticky-${t.sticky}`]:""} ${t.hideOnMobile?e.default.hideOnMobile:""}`,style:{width:t.width,minWidth:t.minWidth,textAlign:t.align},onClick:()=>te(t),children:a.jsxs("span",{className:e.default.thContent,children:[t.header,t.sortable&&a.jsx("span",{className:e.default.sortIcon,children:p?.key===t.key?p.direction==="asc"?a.jsx(b.ChevronUp,{size:14}):a.jsx(b.ChevronDown,{size:14}):a.jsx(b.ChevronUp,{size:14,className:e.default.sortIconInactive})})]})},t.key)),g&&g.length>0&&a.jsx("th",{className:`${e.default.th} ${e.default.actionsCell}`,children:a.jsx("span",{className:"sr-only",children:"Actions"})})]})}),a.jsx("tbody",{className:e.default.tbody,children:D.map((t,s)=>{const c=A(t,s),j=d.includes(c);return a.jsxs("tr",{className:`${e.default.tr} ${j?e.default.trSelected:""}`,onClick:l=>{l.target.closest(`.${e.default.checkbox}`)||l.target.closest(`.${e.default.actionMenu}`)||_?.(t,s)},children:[m&&a.jsx("td",{className:`${e.default.td} ${e.default.checkboxCell}`,children:a.jsx("input",{type:"checkbox",className:e.default.checkbox,checked:j,onChange:()=>le(c),"aria-label":`Select row ${s+1}`})}),n.map(l=>a.jsx("td",{className:`${e.default.td} ${l.sticky?e.default[`sticky-${l.sticky}`]:""} ${l.hideOnMobile?e.default.hideOnMobile:""}`,style:{textAlign:l.align},children:l.render?l.render(t[l.key],t,s):String(t[l.key]??"")},l.key)),g&&g.length>0&&a.jsx("td",{className:`${e.default.td} ${e.default.actionsCell}`,children:a.jsxs("div",{className:e.default.actionMenu,children:[a.jsx("button",{type:"button",className:e.default.actionMenuTrigger,onClick:()=>V(P===c?null:c),"aria-label":"Row actions",children:a.jsx(b.MoreHorizontal,{size:16})}),P===c&&a.jsx("div",{className:e.default.actionMenuDropdown,children:g.filter(l=>!l.show||l.show(t)).map(l=>a.jsxs("button",{type:"button",className:`${e.default.actionMenuItem} ${l.variant==="danger"?e.default.actionMenuItemDanger:""}`,onClick:()=>{l.onClick(t),V(null)},children:[l.icon,a.jsx("span",{children:l.label})]},l.key))})]})})]},c)})})]})}),N&&D.length>0&&a.jsx(I,{pagination:N,onChange:T||(()=>{})})]})}const C=f.forwardRef(oe);C.Toolbar=q;C.Pagination=I;C.EmptyState=R;exports.DataTable=C;