@orion-ds/react 4.6.5 → 4.7.0

package/dist/index74.mjs

@@ -0,0 +1,87 @@
+import { jsxs as L, jsx as e } from "react/jsx-runtime";
+import { forwardRef as S, useCallback as i } from "react";
+import { Loader2 as X, Search as u, X as D } from "lucide-react";
+import s from "./index188.mjs";
+const E = S(
+  ({
+    size: n = "md",
+    value: t,
+    onClear: m,
+    onSearch: a,
+    showClear: h = !0,
+    showSearchButton: f = !1,
+    searchIcon: C,
+    clearLabel: y = "Clear search",
+    searchLabel: b = "Search",
+    loading: l = !1,
+    fullWidth: N = !1,
+    disabled: p = !1,
+    className: j,
+    onKeyDown: d,
+    ...k
+  }, x) => {
+    const B = t !== void 0 && t !== "", I = i(
+      (o) => {
+        o.key === "Enter" && a && a(o.currentTarget.value), d?.(o);
+      },
+      [a, d]
+    ), z = i(() => {
+      m?.();
+    }, [m]), g = i(() => {
+      a && typeof t == "string" && a(t);
+    }, [a, t]), M = [
+      s.container,
+      s[n],
+      N && s.fullWidth,
+      l && s.loading,
+      p && s.disabled,
+      j
+    ].filter(Boolean).join(" "), r = { sm: "Sm", md: "Md", lg: "Lg", xl: "Xl" }[n], $ = [s.input, s[`input${r}`]].join(" "), w = [
+      s.searchIcon,
+      s[`searchIcon${r}`]
+    ].join(" "), K = [
+      s.clearButton,
+      s[`clearButton${r}`]
+    ].join(" "), c = n === "sm" ? 16 : n === "lg" ? 22 : n === "xl" ? 26 : 18;
+    return /* @__PURE__ */ L("div", { className: M, children: [
+      /* @__PURE__ */ e("span", { className: w, "aria-hidden": "true", children: l ? /* @__PURE__ */ e(X, { size: c, className: s.spinner }) : C || /* @__PURE__ */ e(u, { size: c }) }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          ref: x,
+          type: "search",
+          className: $,
+          value: t,
+          disabled: p,
+          onKeyDown: I,
+          ...k
+        }
+      ),
+      h && B && !l && /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: K,
+          onClick: z,
+          "aria-label": y,
+          children: /* @__PURE__ */ e(D, { size: c - 2 })
+        }
+      ),
+      f && /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: s.searchButton,
+          onClick: g,
+          "aria-label": b,
+          disabled: l,
+          children: /* @__PURE__ */ e(u, { size: c })
+        }
+      )
+    ] });
+  }
+);
+E.displayName = "SearchInput";
+export {
+  E as SearchInput
+};

package/dist/index75 2.cjs

@@ -0,0 +1,38 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),o=require("react"),g=require("./index94.cjs"),i=require("./index4.cjs"),S=require("./index41.cjs"),h=o.createContext(void 0);function P(){return typeof window>"u"?!0:getComputedStyle(document.documentElement).getPropertyValue("--orion-react-styles-loaded").trim()==="1"}function O({children:t,defaultTheme:r,defaultBrand:d,options:p,disableFontWarnings:c=!1,disableAutoFontLoading:T=!1,disableCSSWarnings:u=!1}){const v={...p,...r!==void 0&&{defaultTheme:r},...d!==void 0&&{defaultBrand:d}},n=g.useTheme(v),a=o.useRef(new Set),m=o.useRef(!1);return o.useEffect(()=>{if(u||typeof window>"u"||!(process.env.NODE_ENV==="development"||window.location.hostname==="localhost"))return;const s=setTimeout(()=>{!m.current&&!P()&&(m.current=!0,console.warn(`[Orion] Component styles not detected!
+
+You must import the component CSS file:
+
+  import '@orion-ds/react/styles.css'; // Single import includes all styles
+
+Add this import in your app entry file. It includes both design tokens and component styles.
+
+To disable this warning, set disableCSSWarnings={true} on ThemeProvider.`))},100);return()=>clearTimeout(s)},[u]),o.useEffect(()=>{if(c||typeof window>"u"||!(process.env.NODE_ENV==="development"||typeof window<"u"&&window.location.hostname==="localhost"))return;const s=setTimeout(()=>{const{brand:e}=n,l=i.getMissingFonts(e);if(l.length>0&&!a.current.has(e)){a.current.add(e);const w=i.BRAND_FONTS[e].join(", ");console.warn(`[Orion] Missing fonts for "${e}" brand: ${l.join(", ")}
+
+The "${e}" brand requires these fonts: ${w}
+
+To fix this, add one of the following to your app:
+
+Option 1: Use <FontLoader /> component (recommended)
+  import { FontLoader } from '@orion-ds/react';
+  <ThemeProvider>
+    <FontLoader />
+    <App />
+  </ThemeProvider>
+
+Option 2: Add Google Fonts to your HTML <head>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="${i.GOOGLE_FONTS_URL}" rel="stylesheet">
+
+To disable this warning, set disableFontWarnings={true} on ThemeProvider.`)}},1e3);return()=>clearTimeout(s)},[n.brand,c,n]),f.jsxs(h.Provider,{value:n,children:[!T&&f.jsx(S.FontLoader,{}),t]})}function x(){const t=o.useContext(h);if(t===void 0)throw new Error(`❌ useTheme() must be used inside <ThemeProvider>
+
+Solution:
+Wrap your app with ThemeProvider:
+
+export default function App() {
+  return (
+    <ThemeProvider>
+      <YourComponents />
+    </ThemeProvider>
+  );
+}`);return t}exports.ThemeProvider=O;exports.useThemeContext=x;

package/dist/index75 2.mjs

@@ -0,0 +1,98 @@
+import { jsxs as y, jsx as g } from "react/jsx-runtime";
+import { useRef as a, useEffect as l, useContext as S, createContext as O } from "react";
+import { useTheme as P } from "./index94.mjs";
+import { getMissingFonts as x, BRAND_FONTS as C, GOOGLE_FONTS_URL as F } from "./index4.mjs";
+import { FontLoader as b } from "./index41.mjs";
+const f = O(void 0);
+function E() {
+  return typeof window > "u" ? !0 : getComputedStyle(document.documentElement).getPropertyValue("--orion-react-styles-loaded").trim() === "1";
+}
+function R({
+  children: o,
+  defaultTheme: n,
+  defaultBrand: s,
+  options: p,
+  disableFontWarnings: i = !1,
+  disableAutoFontLoading: h = !1,
+  disableCSSWarnings: d = !1
+}) {
+  const v = {
+    ...p,
+    ...n !== void 0 && { defaultTheme: n },
+    ...s !== void 0 && { defaultBrand: s }
+  }, t = P(v), c = a(/* @__PURE__ */ new Set()), m = a(!1);
+  return l(() => {
+    if (d || typeof window > "u" || !(process.env.NODE_ENV === "development" || window.location.hostname === "localhost")) return;
+    const r = setTimeout(() => {
+      !m.current && !E() && (m.current = !0, console.warn(
+        `[Orion] Component styles not detected!
+
+You must import the component CSS file:
+
+  import '@orion-ds/react/styles.css'; // Single import includes all styles
+
+Add this import in your app entry file. It includes both design tokens and component styles.
+
+To disable this warning, set disableCSSWarnings={true} on ThemeProvider.`
+      ));
+    }, 100);
+    return () => clearTimeout(r);
+  }, [d]), l(() => {
+    if (i || typeof window > "u" || !(process.env.NODE_ENV === "development" || typeof window < "u" && window.location.hostname === "localhost")) return;
+    const r = setTimeout(() => {
+      const { brand: e } = t, u = x(e);
+      if (u.length > 0 && !c.current.has(e)) {
+        c.current.add(e);
+        const w = C[e].join(", ");
+        console.warn(
+          `[Orion] Missing fonts for "${e}" brand: ${u.join(", ")}
+
+The "${e}" brand requires these fonts: ${w}
+
+To fix this, add one of the following to your app:
+
+Option 1: Use <FontLoader /> component (recommended)
+  import { FontLoader } from '@orion-ds/react';
+  <ThemeProvider>
+    <FontLoader />
+    <App />
+  </ThemeProvider>
+
+Option 2: Add Google Fonts to your HTML <head>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="${F}" rel="stylesheet">
+
+To disable this warning, set disableFontWarnings={true} on ThemeProvider.`
+        );
+      }
+    }, 1e3);
+    return () => clearTimeout(r);
+  }, [t.brand, i, t]), /* @__PURE__ */ y(f.Provider, { value: t, children: [
+    !h && /* @__PURE__ */ g(b, {}),
+    o
+  ] });
+}
+function _() {
+  const o = S(f);
+  if (o === void 0)
+    throw new Error(
+      `❌ useTheme() must be used inside <ThemeProvider>
+
+Solution:
+Wrap your app with ThemeProvider:
+
+export default function App() {
+  return (
+    <ThemeProvider>
+      <YourComponents />
+    </ThemeProvider>
+  );
+}`
+    );
+  return o;
+}
+export {
+  R as ThemeProvider,
+  _ as useThemeContext
+};

package/dist/index75.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=require("./index216.cjs"),o=t.forwardRef(({as:a="section",spacing:n="lg",background:l="none",borderTop:r=!1,borderBottom:c=!1,className:s,children:i,...d},u)=>{const f=[e.default.section,e.default[`spacing-${n}`],e.default[`bg-${l}`],r&&e.default.borderTop,c&&e.default.borderBottom,s].filter(Boolean).join(" ");return t.createElement(a,{ref:u,className:f,...d},i)});o.displayName="Section";exports.Section=o;

package/dist/index75.mjs

@@ -0,0 +1,36 @@
+import { forwardRef as f, createElement as p } from "react";
+import e from "./index216.mjs";
+const d = f(
+  ({
+    as: o = "section",
+    spacing: t = "lg",
+    background: r = "none",
+    borderTop: s = !1,
+    borderBottom: n = !1,
+    className: a,
+    children: c,
+    ...i
+  }, l) => {
+    const m = [
+      e.section,
+      e[`spacing-${t}`],
+      e[`bg-${r}`],
+      s && e.borderTop,
+      n && e.borderBottom,
+      a
+    ].filter(Boolean).join(" ");
+    return p(
+      o,
+      {
+        ref: l,
+        className: m,
+        ...i
+      },
+      c
+    );
+  }
+);
+d.displayName = "Section";
+export {
+  d as Section
+};

package/dist/index76 2.mjs

@@ -0,0 +1,225 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { useState as g, useCallback as a, useContext as N, createContext as j, useRef as B, useEffect as W } from "react";
+import { createPortal as y } from "react-dom";
+import o from "./index151.mjs";
+let E = 0;
+const P = () => `toast-${++E}`, w = j(null), $ = () => {
+  const e = N(w);
+  if (!e)
+    throw new Error("useToast must be used within a ToastProvider");
+  return e;
+}, I = ({ toast: e, onDismiss: u }) => {
+  const [d, h] = g(!1), s = B(null), c = a(() => {
+    h(!0), setTimeout(() => {
+      u(e.id), e.onDismiss?.();
+    }, 200);
+  }, [e, u]);
+  W(() => {
+    if (e.duration && e.duration > 0)
+      return s.current = setTimeout(c, e.duration), () => {
+        s.current && clearTimeout(s.current);
+      };
+  }, [e.duration, c]);
+  const i = () => {
+    s.current && clearTimeout(s.current);
+  }, m = () => {
+    e.duration && e.duration > 0 && (s.current = setTimeout(c, e.duration));
+  }, v = [
+    o.toast,
+    o[e.variant || "info"],
+    d && o.exiting
+  ].filter(Boolean).join(" "), k = () => {
+    switch (e.variant) {
+      case "success":
+        return /* @__PURE__ */ t("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ t(
+          "path",
+          {
+            d: "M16.667 5L7.5 14.167 3.333 10",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ) });
+      case "error":
+        return /* @__PURE__ */ l("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
+          /* @__PURE__ */ t(
+            "circle",
+            {
+              cx: "10",
+              cy: "10",
+              r: "7.5",
+              stroke: "currentColor",
+              strokeWidth: "1.5"
+            }
+          ),
+          /* @__PURE__ */ t(
+            "path",
+            {
+              d: "M10 6v5M10 13.5v.5",
+              stroke: "currentColor",
+              strokeWidth: "1.5",
+              strokeLinecap: "round"
+            }
+          )
+        ] });
+      case "warning":
+        return /* @__PURE__ */ l("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
+          /* @__PURE__ */ t(
+            "path",
+            {
+              d: "M8.57 3.216L1.538 15.143a1.667 1.667 0 001.429 2.524h14.066a1.667 1.667 0 001.429-2.524L11.43 3.216a1.667 1.667 0 00-2.858 0z",
+              stroke: "currentColor",
+              strokeWidth: "1.5",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ t(
+            "path",
+            {
+              d: "M10 7.5v3.333M10 14.167h.008",
+              stroke: "currentColor",
+              strokeWidth: "1.5",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ] });
+      default:
+        return /* @__PURE__ */ l("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
+          /* @__PURE__ */ t(
+            "circle",
+            {
+              cx: "10",
+              cy: "10",
+              r: "7.5",
+              stroke: "currentColor",
+              strokeWidth: "1.5"
+            }
+          ),
+          /* @__PURE__ */ t(
+            "path",
+            {
+              d: "M10 9v4.5M10 6.5v.5",
+              stroke: "currentColor",
+              strokeWidth: "1.5",
+              strokeLinecap: "round"
+            }
+          )
+        ] });
+    }
+  };
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: v,
+      role: "alert",
+      "aria-live": "polite",
+      onMouseEnter: i,
+      onMouseLeave: m,
+      children: [
+        /* @__PURE__ */ t("span", { className: o.icon, "aria-hidden": "true", children: k() }),
+        /* @__PURE__ */ l("div", { className: o.content, children: [
+          e.title && /* @__PURE__ */ t("div", { className: o.title, children: e.title }),
+          /* @__PURE__ */ t("div", { className: o.message, children: e.message })
+        ] }),
+        e.action && /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: o.action,
+            onClick: () => {
+              e.action?.onClick(), c();
+            },
+            children: e.action.label
+          }
+        ),
+        e.dismissible !== !1 && /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: o.closeButton,
+            onClick: c,
+            "aria-label": "Dismiss",
+            children: /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ t(
+              "path",
+              {
+                d: "M12 4L4 12M4 4l8 8",
+                stroke: "currentColor",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ) })
+          }
+        )
+      ]
+    }
+  );
+}, D = ({
+  children: e,
+  position: u = "bottom-right",
+  maxToasts: d = 5,
+  defaultDuration: h = 5e3
+}) => {
+  const [s, c] = g([]), i = a(
+    (r) => {
+      const n = P(), f = {
+        id: n,
+        duration: h,
+        dismissible: !0,
+        variant: "info",
+        ...r
+      };
+      return c((b) => {
+        const p = [...b, f];
+        return p.length > d ? p.slice(-d) : p;
+      }), n;
+    },
+    [h, d]
+  ), m = a((r) => {
+    c((n) => n.filter((f) => f.id !== r));
+  }, []), v = a(() => {
+    c([]);
+  }, []), k = a(
+    (r, n) => i({ message: r, variant: "info", ...n }),
+    [i]
+  ), C = a(
+    (r, n) => i({ message: r, variant: "success", ...n }),
+    [i]
+  ), L = a(
+    (r, n) => i({ message: r, variant: "warning", ...n }),
+    [i]
+  ), x = a(
+    (r, n) => i({ message: r, variant: "error", ...n }),
+    [i]
+  ), M = {
+    toast: i,
+    info: k,
+    success: C,
+    warning: L,
+    error: x,
+    dismiss: m,
+    dismissAll: v
+  }, T = [o.container, o[u]].filter(Boolean).join(" ");
+  return /* @__PURE__ */ l(w.Provider, { value: M, children: [
+    e,
+    s.length > 0 && y(
+      /* @__PURE__ */ t("div", { className: T, "aria-label": "Notifications", children: s.map((r) => /* @__PURE__ */ t(
+        I,
+        {
+          toast: r,
+          onDismiss: m
+        },
+        r.id
+      )) }),
+      document.body
+    )
+  ] });
+};
+D.displayName = "ToastProvider";
+export {
+  D as ToastProvider,
+  $ as useToast
+};

package/dist/index76 3.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),L=require("react-dom"),o=require("./index151.cjs");let M=0;const N=()=>`toast-${++M}`,m=r.createContext(null),y=()=>{const e=r.useContext(m);if(!e)throw new Error("useToast must be used within a ToastProvider");return e},B=({toast:e,onDismiss:u})=>{const[l,d]=r.useState(!1),a=r.useRef(null),c=r.useCallback(()=>{d(!0),setTimeout(()=>{u(e.id),e.onDismiss?.()},200)},[e,u]);r.useEffect(()=>{if(e.duration&&e.duration>0)return a.current=setTimeout(c,e.duration),()=>{a.current&&clearTimeout(a.current)}},[e.duration,c]);const i=()=>{a.current&&clearTimeout(a.current)},h=()=>{e.duration&&e.duration>0&&(a.current=setTimeout(c,e.duration))},f=[o.default.toast,o.default[e.variant||"info"],l&&o.default.exiting].filter(Boolean).join(" "),k=()=>{switch(e.variant){case"success":return t.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:t.jsx("path",{d:"M16.667 5L7.5 14.167 3.333 10",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})});case"error":return t.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:[t.jsx("circle",{cx:"10",cy:"10",r:"7.5",stroke:"currentColor",strokeWidth:"1.5"}),t.jsx("path",{d:"M10 6v5M10 13.5v.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]});case"warning":return t.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:[t.jsx("path",{d:"M8.57 3.216L1.538 15.143a1.667 1.667 0 001.429 2.524h14.066a1.667 1.667 0 001.429-2.524L11.43 3.216a1.667 1.667 0 00-2.858 0z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M10 7.5v3.333M10 14.167h.008",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]});default:return t.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:[t.jsx("circle",{cx:"10",cy:"10",r:"7.5",stroke:"currentColor",strokeWidth:"1.5"}),t.jsx("path",{d:"M10 9v4.5M10 6.5v.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})}};return t.jsxs("div",{className:f,role:"alert","aria-live":"polite",onMouseEnter:i,onMouseLeave:h,children:[t.jsx("span",{className:o.default.icon,"aria-hidden":"true",children:k()}),t.jsxs("div",{className:o.default.content,children:[e.title&&t.jsx("div",{className:o.default.title,children:e.title}),t.jsx("div",{className:o.default.message,children:e.message})]}),e.action&&t.jsx("button",{type:"button",className:o.default.action,onClick:()=>{e.action?.onClick(),c()},children:e.action.label}),e.dismissible!==!1&&t.jsx("button",{type:"button",className:o.default.closeButton,onClick:c,"aria-label":"Dismiss",children:t.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:t.jsx("path",{d:"M12 4L4 12M4 4l8 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})},j=({children:e,position:u="bottom-right",maxToasts:l=5,defaultDuration:d=5e3})=>{const[a,c]=r.useState([]),i=r.useCallback(s=>{const n=N(),v={id:n,duration:d,dismissible:!0,variant:"info",...s};return c(T=>{const x=[...T,v];return x.length>l?x.slice(-l):x}),n},[d,l]),h=r.useCallback(s=>{c(n=>n.filter(v=>v.id!==s))},[]),f=r.useCallback(()=>{c([])},[]),k=r.useCallback((s,n)=>i({message:s,variant:"info",...n}),[i]),g=r.useCallback((s,n)=>i({message:s,variant:"success",...n}),[i]),C=r.useCallback((s,n)=>i({message:s,variant:"warning",...n}),[i]),b=r.useCallback((s,n)=>i({message:s,variant:"error",...n}),[i]),p={toast:i,info:k,success:g,warning:C,error:b,dismiss:h,dismissAll:f},w=[o.default.container,o.default[u]].filter(Boolean).join(" ");return t.jsxs(m.Provider,{value:p,children:[e,a.length>0&&L.createPortal(t.jsx("div",{className:w,"aria-label":"Notifications",children:a.map(s=>t.jsx(B,{toast:s,onDismiss:h},s.id))}),document.body)]})};j.displayName="ToastProvider";exports.ToastProvider=j;exports.useToast=y;

package/dist/index76.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("react"),e=require("./index212.cjs"),u=o.forwardRef(({value:d,disabled:a,children:t,...c},i)=>l.jsx("option",{ref:i,value:d,disabled:a,...c,children:t}));u.displayName="Select.Option";const f=o.forwardRef(({label:d,error:a,helperText:t,options:c,placeholder:i="Select an option...",fullWidth:p=!1,size:h="md",optional:j=!1,className:x,id:b,disabled:N,required:r,children:S,...v},y)=>{const s=b||`select-${Math.random().toString(36).substr(2,9)}`,$=[e.default.selectContainer,p&&e.default.fullWidth,a&&e.default.error,x].filter(Boolean).join(" "),g=[e.default.select,e.default[h]].filter(Boolean).join(" ");return l.jsxs("div",{className:$,children:[d&&l.jsxs("label",{htmlFor:s,className:e.default.label,children:[d,j&&l.jsx("span",{className:e.default.optional,children:"(optional)"}),r&&l.jsx("span",{"aria-label":"required",children:"*"})]}),l.jsx("div",{className:e.default.selectWrapper,children:l.jsxs("select",{ref:y,id:s,className:g,disabled:N,required:r,"aria-invalid":a?"true":"false","aria-describedby":a?`${s}-error`:t?`${s}-helper`:void 0,...v,children:[i&&l.jsx("option",{value:"",disabled:!0,className:e.default.placeholder,children:i}),c?.map(n=>l.jsx("option",{value:n.value,disabled:n.disabled,children:n.label},n.value)),S]})}),t&&!a&&l.jsx("span",{id:`${s}-helper`,className:e.default.helperText,children:t}),a&&l.jsxs("span",{id:`${s}-error`,className:e.default.errorMessage,role:"alert",children:[l.jsx("span",{className:e.default.errorIcon,"aria-hidden":"true",children:"⚠"}),a]})]})});f.displayName="Select";const m=f;m.Option=u;exports.Select=m;

package/dist/index76.mjs

@@ -0,0 +1,84 @@
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import e from "./index212.mjs";
+const p = m(
+  ({ value: n, disabled: l, children: i, ...o }, t) => /* @__PURE__ */ a("option", { ref: t, value: n, disabled: l, ...o, children: i })
+);
+p.displayName = "Select.Option";
+const h = m(
+  ({
+    label: n,
+    error: l,
+    helperText: i,
+    options: o,
+    placeholder: t = "Select an option...",
+    fullWidth: f = !1,
+    size: N = "md",
+    optional: u = !1,
+    className: b,
+    id: v,
+    disabled: S,
+    required: d,
+    children: $,
+    ...j
+  }, y) => {
+    const s = v || `select-${Math.random().toString(36).substr(2, 9)}`, C = [
+      e.selectContainer,
+      f && e.fullWidth,
+      l && e.error,
+      b
+    ].filter(Boolean).join(" "), O = [e.select, e[N]].filter(Boolean).join(" ");
+    return /* @__PURE__ */ c("div", { className: C, children: [
+      n && /* @__PURE__ */ c("label", { htmlFor: s, className: e.label, children: [
+        n,
+        u && /* @__PURE__ */ a("span", { className: e.optional, children: "(optional)" }),
+        d && /* @__PURE__ */ a("span", { "aria-label": "required", children: "*" })
+      ] }),
+      /* @__PURE__ */ a("div", { className: e.selectWrapper, children: /* @__PURE__ */ c(
+        "select",
+        {
+          ref: y,
+          id: s,
+          className: O,
+          disabled: S,
+          required: d,
+          "aria-invalid": l ? "true" : "false",
+          "aria-describedby": l ? `${s}-error` : i ? `${s}-helper` : void 0,
+          ...j,
+          children: [
+            t && /* @__PURE__ */ a("option", { value: "", disabled: !0, className: e.placeholder, children: t }),
+            o?.map((r) => /* @__PURE__ */ a(
+              "option",
+              {
+                value: r.value,
+                disabled: r.disabled,
+                children: r.label
+              },
+              r.value
+            )),
+            $
+          ]
+        }
+      ) }),
+      i && !l && /* @__PURE__ */ a("span", { id: `${s}-helper`, className: e.helperText, children: i }),
+      l && /* @__PURE__ */ c(
+        "span",
+        {
+          id: `${s}-error`,
+          className: e.errorMessage,
+          role: "alert",
+          children: [
+            /* @__PURE__ */ a("span", { className: e.errorIcon, "aria-hidden": "true", children: "⚠" }),
+            l
+          ]
+        }
+      )
+    ] });
+  }
+);
+h.displayName = "Select";
+const g = h;
+g.Option = p;
+export {
+  g as Select
+};

package/dist/index77 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react/jsx-runtime"),l=require("react"),t=require("./index153.cjs"),u=l.forwardRef(({pressed:o,defaultPressed:c=!1,onPressedChange:a,variant:d="default",size:i="md",disabled:f,className:g,children:m,onClick:n,...b},T)=>{const[j,p]=l.useState(c),s=o!==void 0,e=s?o:j,y=l.useCallback(x=>{const r=!e;s||p(r),a?.(r),n?.(x)},[e,s,a,n]),q=[t.default.toggle,t.default[d],t.default[i],e&&t.default.pressed,g].filter(Boolean).join(" ");return N.jsx("button",{ref:T,type:"button",className:q,"aria-pressed":e,disabled:f,onClick:y,...b,children:m})});u.displayName="Toggle";exports.Toggle=u;

package/dist/index77 3.mjs

@@ -0,0 +1,48 @@
+import { jsx as j } from "react/jsx-runtime";
+import { forwardRef as k, useState as C, useCallback as P } from "react";
+import s from "./index153.mjs";
+const T = k(
+  ({
+    pressed: o,
+    defaultPressed: n = !1,
+    onPressedChange: l,
+    variant: i = "default",
+    size: c = "md",
+    disabled: d,
+    className: m,
+    children: f,
+    onClick: r,
+    ...p
+  }, u) => {
+    const [g, b] = C(n), t = o !== void 0, e = t ? o : g, x = P(
+      (N) => {
+        const a = !e;
+        t || b(a), l?.(a), r?.(N);
+      },
+      [e, t, l, r]
+    ), y = [
+      s.toggle,
+      s[i],
+      s[c],
+      e && s.pressed,
+      m
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ j(
+      "button",
+      {
+        ref: u,
+        type: "button",
+        className: y,
+        "aria-pressed": e,
+        disabled: d,
+        onClick: x,
+        ...p,
+        children: f
+      }
+    );
+  }
+);
+T.displayName = "Toggle";
+export {
+  T as Toggle
+};

package/dist/index77.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),u=require("react"),S=require("lucide-react"),s=require("./index243.cjs"),y=u.forwardRef(({className:e,...d},i)=>a.jsx("hr",{ref:i,className:`${s.default.divider} ${e||""}`,...d}));y.displayName="Sidebar.Divider";const b=u.forwardRef(({item:e,active:d=!1,collapsed:i=!1,depth:t=0,className:r,...c},l)=>{const[f,h]=u.useState(!1),n=e.children&&e.children.length>0,m=[s.default.item,d&&s.default.itemActive,e.disabled&&s.default.itemDisabled,t>0&&s.default.itemNested,r].filter(Boolean).join(" "),x=o=>{n&&(o.preventDefault(),h(!f)),e.onClick&&!e.disabled&&e.onClick()},j=a.jsxs(a.Fragment,{children:[e.icon&&a.jsx("span",{className:s.default.itemIcon,children:e.icon}),!i&&a.jsxs(a.Fragment,{children:[a.jsx("span",{className:s.default.itemLabel,children:e.label}),e.badge&&a.jsx("span",{className:s.default.itemBadge,children:e.badge}),n&&a.jsx(S.ChevronDown,{size:16,className:`${s.default.itemChevron} ${f?s.default.chevronExpanded:""}`})]})]}),v=e.href&&!n?"a":"button",N=e.href&&!n?{href:e.href}:{type:"button",onClick:x};return a.jsxs("li",{className:s.default.itemWrapper,children:[a.jsx(v,{ref:l,className:m,"aria-current":d?"page":void 0,"aria-disabled":e.disabled,title:i?e.label:void 0,style:{paddingLeft:!i&&t>0?`calc(var(--spacing-3) + ${t*12}px)`:void 0},...N,...c,children:j}),n&&f&&!i&&a.jsx("ul",{className:s.default.subItems,children:e.children.map(o=>a.jsx(b,{item:o,active:!1,collapsed:i,depth:t+1},o.id))})]})});b.displayName="Sidebar.Item";const g=u.forwardRef(({section:e,activeItem:d,collapsed:i=!1,className:t,...r},c)=>a.jsxs("div",{ref:c,className:`${s.default.section} ${t||""}`,...r,children:[e.title&&!i&&a.jsx("div",{className:s.default.sectionTitle,children:e.title}),a.jsx("ul",{className:s.default.sectionItems,children:e.items.map(l=>a.jsx(b,{item:l,active:d===l.id,collapsed:i},l.id))})]}));g.displayName="Sidebar.Section";const C=u.forwardRef(({sections:e,activeItem:d,collapsed:i=!1,onCollapsedChange:t,header:r,footer:c,variant:l="default",width:f=240,collapsedWidth:h=64,className:n,style:m,...x},j)=>{const v=[s.default.sidebar,s.default[`variant-${l}`],i&&s.default.collapsed,n].filter(Boolean).join(" "),N={...m,"--sidebar-width":`${i?h:f}px`},o=()=>{t&&t(!i)};return a.jsxs("nav",{ref:j,className:v,style:N,...x,children:[r&&a.jsx("div",{className:s.default.header,children:r}),a.jsx("div",{className:s.default.content,children:e.map((p,$)=>a.jsx(g,{section:p,activeItem:d,collapsed:i},p.title||$))}),c&&a.jsx("div",{className:s.default.footer,children:c}),t&&a.jsx("button",{type:"button",className:s.default.collapseToggle,onClick:o,"aria-label":i?"Expand sidebar":"Collapse sidebar",children:i?a.jsx(S.ChevronRight,{size:16}):a.jsx(S.ChevronLeft,{size:16})})]})});C.displayName="Sidebar";const R=Object.assign(C,{Item:b,Section:g,Divider:y});exports.Sidebar=R;