@orion-ds/react 4.9.0 → 4.9.1

package/dist/index86.mjs

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

package/dist/index87.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("./index88.cjs"),S=require("./index105.cjs"),h=require("./index83.cjs"),l=require("./index26.cjs"),d=require("./index28.cjs"),i=require("./index23.cjs"),z=require("./index73.cjs"),T=require("./index20.cjs"),n={orion:{accent:"#1B5BFF",radius:"12px",description:"Blue accent • 12px radius"},red:{accent:"#D7282F",radius:"9999px",description:"Red accent • Pill buttons"},deepblue:{accent:"#006FBA",radius:"12px",description:"Deep Blue accent • 12px radius"},orange:{accent:"#F15D22",radius:"9999px",description:"Red-Orange accent • Pill buttons"},ember:{accent:"#F15D22",radius:"12px",description:"Orange accent • Black buttons • 12px radius"},lemon:{accent:"#72FF43",radius:"9999px",description:"Lime green accent • Highly rounded"}},v=({showBrandSelector:o=!0,showThemeToggle:p=!0,showSummary:y=!0,compact:m=!1,className:x,style:u,onThemeChange:j,onBrandChange:f})=>{const k=S.useTheme();let g=null;try{g=b.useThemeContext()}catch{}const{theme:t,brand:a,setTheme:B,setBrand:C}=g??k,s=r=>{B(r),j?.(r)},c=r=>{C(r),f?.(r)};return m?e.jsxs("div",{className:x,style:{display:"flex",gap:"var(--spacing-3)",alignItems:"center",flexWrap:"wrap"},children:[p&&e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"var(--spacing-2)"},children:[e.jsx("span",{style:{fontSize:"20px"},children:"☀️"}),e.jsx(h.Switch,{checked:t==="dark",onChange:r=>s(r.target.checked?"dark":"light")}),e.jsx("span",{style:{fontSize:"20px"},children:"🌙"})]}),o&&e.jsx("div",{style:{display:"flex",gap:"var(--spacing-2)"},children:Object.keys(n).map(r=>e.jsx(l.Button,{variant:a===r?"primary":"secondary",size:"sm",onClick:()=>c(r),children:r.charAt(0).toUpperCase()+r.slice(1)},r))})]}):e.jsxs(d.Card,{variant:"elevated",className:x,style:{background:"var(--interactive-primary)",color:"var(--interactive-primary-text)",...u},children:[e.jsx(d.Card.Header,{children:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"var(--spacing-2)"},children:[e.jsx("span",{style:{fontSize:"24px"},children:"🎨"}),e.jsxs("div",{children:[e.jsx("h3",{style:{margin:0,color:"var(--interactive-primary-text)"},children:"Theme & Brand Settings"}),e.jsx("p",{style:{margin:0,fontSize:"var(--text-sm)",opacity:.9,color:"var(--interactive-primary-text)"},children:"Customize the appearance in real-time"})]})]})}),e.jsx(d.Card.Body,{style:{background:"var(--surface-base)",color:"var(--text-primary)"},children:e.jsxs("div",{style:{display:"grid",gap:"var(--spacing-6)"},children:[p&&e.jsxs("div",{children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"var(--spacing-3)"},children:[e.jsxs("div",{children:[e.jsx("label",{style:{display:"block",fontSize:"var(--text-lg)",fontWeight:"var(--font-weight-bold)",color:"var(--text-primary)",marginBottom:"var(--spacing-1)"},children:"Color Mode"}),e.jsx("p",{style:{fontSize:"var(--text-sm)",color:"var(--text-secondary)",margin:0},children:"Switch between light and dark themes"})]}),e.jsx(i.Badge,{variant:t==="light"?"warning":"primary",size:"lg",children:t==="light"?"☀️ Light":"🌙 Dark"})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"var(--spacing-3)",padding:"var(--spacing-4)",background:"var(--surface-subtle)",borderRadius:"var(--radius-control)",border:"2px solid var(--border-subtle)"},children:[e.jsx("span",{style:{fontSize:"32px"},children:"☀️"}),e.jsx(h.Switch,{checked:t==="dark",onChange:r=>s(r.target.checked?"dark":"light"),size:"lg"}),e.jsx("span",{style:{fontSize:"32px"},children:"🌙"}),e.jsxs("div",{style:{marginLeft:"auto",display:"flex",gap:"var(--spacing-2)"},children:[e.jsx(l.Button,{variant:t==="light"?"primary":"ghost",size:"sm",onClick:()=>s("light"),children:"Light"}),e.jsx(l.Button,{variant:t==="dark"?"primary":"ghost",size:"sm",onClick:()=>s("dark"),children:"Dark"})]})]})]}),o&&e.jsxs("div",{children:[e.jsxs("div",{style:{marginBottom:"var(--spacing-3)"},children:[e.jsx("label",{style:{display:"block",fontSize:"var(--text-lg)",fontWeight:"var(--font-weight-bold)",color:"var(--text-primary)",marginBottom:"var(--spacing-1)"},children:"Brand Identity"}),e.jsx("p",{style:{fontSize:"var(--text-sm)",color:"var(--text-secondary)",margin:0},children:"Select a brand to see different accent colors and styling"})]}),e.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(250px, 1fr))",gap:"var(--spacing-3)"},children:Object.keys(n).map(r=>e.jsxs("div",{onClick:()=>c(r),style:{padding:"var(--spacing-4)",background:a===r?"var(--interactive-primary)":"var(--surface-subtle)",color:a===r?"white":"var(--text-primary)",borderRadius:"var(--radius-control)",border:`2px solid ${a===r?"var(--interactive-primary)":"var(--border-subtle)"}`,cursor:"pointer",transition:"all 150ms ease"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"var(--spacing-2)"},children:[e.jsx(z.Radio,{name:"brand",value:r,checked:a===r,onChange:()=>c(r),label:r.charAt(0).toUpperCase()+r.slice(1),size:"lg"}),a===r&&e.jsx(i.Badge,{variant:"success",children:"Active"})]}),e.jsx("p",{style:{fontSize:"var(--text-sm)",margin:0,opacity:.8},children:n[r].description})]},r))})]}),y&&e.jsx(T.Alert,{variant:"info",title:"Current Settings",children:e.jsxs("div",{style:{display:"flex",gap:"var(--spacing-2)",flexWrap:"wrap"},children:[e.jsxs(i.Badge,{variant:"primary",children:["Theme: ",t]}),e.jsxs(i.Badge,{variant:"secondary",children:["Brand: ",a]}),e.jsxs(i.Badge,{variant:"secondary",children:["Accent: ",n[a].accent]}),e.jsxs(i.Badge,{variant:"secondary",children:["Radius:"," ",n[a].radius==="9999px"?"9999px (pills)":n[a].radius]})]})})]})})]})};v.displayName="ThemeController";exports.ThemeController=v;

package/dist/index87.mjs

@@ -1,389 +0,0 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { useThemeContext as B } from "./index88.mjs";
-import { useTheme as S } from "./index105.mjs";
-import { Switch as v } from "./index83.mjs";
-import { Button as d } from "./index26.mjs";
-import { Card as o } from "./index28.mjs";
-import { Badge as n } from "./index23.mjs";
-import { Radio as F } from "./index73.mjs";
-import { Alert as I } from "./index20.mjs";
-const l = {
-  orion: {
-    accent: "#1B5BFF",
-    radius: "12px",
-    description: "Blue accent • 12px radius"
-  },
-  red: {
-    accent: "#D7282F",
-    radius: "9999px",
-    description: "Red accent • Pill buttons"
-  },
-  deepblue: {
-    accent: "#006FBA",
-    radius: "12px",
-    description: "Deep Blue accent • 12px radius"
-  },
-  orange: {
-    accent: "#F15D22",
-    radius: "9999px",
-    description: "Red-Orange accent • Pill buttons"
-  },
-  ember: {
-    accent: "#F15D22",
-    radius: "12px",
-    description: "Orange accent • Black buttons • 12px radius"
-  },
-  lemon: {
-    accent: "#72FF43",
-    radius: "9999px",
-    description: "Lime green accent • Highly rounded"
-  }
-}, T = ({
-  showBrandSelector: p = !0,
-  showThemeToggle: g = !0,
-  showSummary: y = !0,
-  compact: u = !1,
-  className: h,
-  style: x,
-  onThemeChange: f,
-  onBrandChange: k
-}) => {
-  const C = S();
-  let m = null;
-  try {
-    m = B();
-  } catch {
-  }
-  const { theme: t, brand: i, setTheme: b, setBrand: z } = m ?? C, c = (e) => {
-    b(e), f?.(e);
-  }, s = (e) => {
-    z(e), k?.(e);
-  };
-  return u ? /* @__PURE__ */ a(
-    "div",
-    {
-      className: h,
-      style: {
-        display: "flex",
-        gap: "var(--spacing-3)",
-        alignItems: "center",
-        flexWrap: "wrap"
-      },
-      children: [
-        g && /* @__PURE__ */ a(
-          "div",
-          {
-            style: {
-              display: "flex",
-              alignItems: "center",
-              gap: "var(--spacing-2)"
-            },
-            children: [
-              /* @__PURE__ */ r("span", { style: { fontSize: "20px" }, children: "☀️" }),
-              /* @__PURE__ */ r(
-                v,
-                {
-                  checked: t === "dark",
-                  onChange: (e) => c(e.target.checked ? "dark" : "light")
-                }
-              ),
-              /* @__PURE__ */ r("span", { style: { fontSize: "20px" }, children: "🌙" })
-            ]
-          }
-        ),
-        p && /* @__PURE__ */ r("div", { style: { display: "flex", gap: "var(--spacing-2)" }, children: Object.keys(l).map((e) => /* @__PURE__ */ r(
-          d,
-          {
-            variant: i === e ? "primary" : "secondary",
-            size: "sm",
-            onClick: () => s(e),
-            children: e.charAt(0).toUpperCase() + e.slice(1)
-          },
-          e
-        )) })
-      ]
-    }
-  ) : /* @__PURE__ */ a(
-    o,
-    {
-      variant: "elevated",
-      className: h,
-      style: {
-        background: "var(--interactive-primary)",
-        color: "var(--interactive-primary-text)",
-        ...x
-      },
-      children: [
-        /* @__PURE__ */ r(o.Header, { children: /* @__PURE__ */ a(
-          "div",
-          {
-            style: {
-              display: "flex",
-              alignItems: "center",
-              gap: "var(--spacing-2)"
-            },
-            children: [
-              /* @__PURE__ */ r("span", { style: { fontSize: "24px" }, children: "🎨" }),
-              /* @__PURE__ */ a("div", { children: [
-                /* @__PURE__ */ r("h3", { style: { margin: 0, color: "var(--interactive-primary-text)" }, children: "Theme & Brand Settings" }),
-                /* @__PURE__ */ r(
-                  "p",
-                  {
-                    style: {
-                      margin: 0,
-                      fontSize: "var(--text-sm)",
-                      opacity: 0.9,
-                      color: "var(--interactive-primary-text)"
-                    },
-                    children: "Customize the appearance in real-time"
-                  }
-                )
-              ] })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ r(
-          o.Body,
-          {
-            style: {
-              background: "var(--surface-base)",
-              color: "var(--text-primary)"
-            },
-            children: /* @__PURE__ */ a("div", { style: { display: "grid", gap: "var(--spacing-6)" }, children: [
-              g && /* @__PURE__ */ a("div", { children: [
-                /* @__PURE__ */ a(
-                  "div",
-                  {
-                    style: {
-                      display: "flex",
-                      alignItems: "center",
-                      justifyContent: "space-between",
-                      marginBottom: "var(--spacing-3)"
-                    },
-                    children: [
-                      /* @__PURE__ */ a("div", { children: [
-                        /* @__PURE__ */ r(
-                          "label",
-                          {
-                            style: {
-                              display: "block",
-                              fontSize: "var(--text-lg)",
-                              fontWeight: "var(--font-weight-bold)",
-                              color: "var(--text-primary)",
-                              marginBottom: "var(--spacing-1)"
-                            },
-                            children: "Color Mode"
-                          }
-                        ),
-                        /* @__PURE__ */ r(
-                          "p",
-                          {
-                            style: {
-                              fontSize: "var(--text-sm)",
-                              color: "var(--text-secondary)",
-                              margin: 0
-                            },
-                            children: "Switch between light and dark themes"
-                          }
-                        )
-                      ] }),
-                      /* @__PURE__ */ r(
-                        n,
-                        {
-                          variant: t === "light" ? "warning" : "primary",
-                          size: "lg",
-                          children: t === "light" ? "☀️ Light" : "🌙 Dark"
-                        }
-                      )
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ a(
-                  "div",
-                  {
-                    style: {
-                      display: "flex",
-                      alignItems: "center",
-                      gap: "var(--spacing-3)",
-                      padding: "var(--spacing-4)",
-                      background: "var(--surface-subtle)",
-                      borderRadius: "var(--radius-control)",
-                      border: "2px solid var(--border-subtle)"
-                    },
-                    children: [
-                      /* @__PURE__ */ r("span", { style: { fontSize: "32px" }, children: "☀️" }),
-                      /* @__PURE__ */ r(
-                        v,
-                        {
-                          checked: t === "dark",
-                          onChange: (e) => c(e.target.checked ? "dark" : "light"),
-                          size: "lg"
-                        }
-                      ),
-                      /* @__PURE__ */ r("span", { style: { fontSize: "32px" }, children: "🌙" }),
-                      /* @__PURE__ */ a(
-                        "div",
-                        {
-                          style: {
-                            marginLeft: "auto",
-                            display: "flex",
-                            gap: "var(--spacing-2)"
-                          },
-                          children: [
-                            /* @__PURE__ */ r(
-                              d,
-                              {
-                                variant: t === "light" ? "primary" : "ghost",
-                                size: "sm",
-                                onClick: () => c("light"),
-                                children: "Light"
-                              }
-                            ),
-                            /* @__PURE__ */ r(
-                              d,
-                              {
-                                variant: t === "dark" ? "primary" : "ghost",
-                                size: "sm",
-                                onClick: () => c("dark"),
-                                children: "Dark"
-                              }
-                            )
-                          ]
-                        }
-                      )
-                    ]
-                  }
-                )
-              ] }),
-              p && /* @__PURE__ */ a("div", { children: [
-                /* @__PURE__ */ a("div", { style: { marginBottom: "var(--spacing-3)" }, children: [
-                  /* @__PURE__ */ r(
-                    "label",
-                    {
-                      style: {
-                        display: "block",
-                        fontSize: "var(--text-lg)",
-                        fontWeight: "var(--font-weight-bold)",
-                        color: "var(--text-primary)",
-                        marginBottom: "var(--spacing-1)"
-                      },
-                      children: "Brand Identity"
-                    }
-                  ),
-                  /* @__PURE__ */ r(
-                    "p",
-                    {
-                      style: {
-                        fontSize: "var(--text-sm)",
-                        color: "var(--text-secondary)",
-                        margin: 0
-                      },
-                      children: "Select a brand to see different accent colors and styling"
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ r(
-                  "div",
-                  {
-                    style: {
-                      display: "grid",
-                      gridTemplateColumns: "repeat(auto-fit, minmax(250px, 1fr))",
-                      gap: "var(--spacing-3)"
-                    },
-                    children: Object.keys(l).map((e) => /* @__PURE__ */ a(
-                      "div",
-                      {
-                        onClick: () => s(e),
-                        style: {
-                          padding: "var(--spacing-4)",
-                          background: i === e ? "var(--interactive-primary)" : "var(--surface-subtle)",
-                          color: i === e ? "white" : "var(--text-primary)",
-                          borderRadius: "var(--radius-control)",
-                          border: `2px solid ${i === e ? "var(--interactive-primary)" : "var(--border-subtle)"}`,
-                          cursor: "pointer",
-                          transition: "all 150ms ease"
-                        },
-                        children: [
-                          /* @__PURE__ */ a(
-                            "div",
-                            {
-                              style: {
-                                display: "flex",
-                                alignItems: "center",
-                                justifyContent: "space-between",
-                                marginBottom: "var(--spacing-2)"
-                              },
-                              children: [
-                                /* @__PURE__ */ r(
-                                  F,
-                                  {
-                                    name: "brand",
-                                    value: e,
-                                    checked: i === e,
-                                    onChange: () => s(e),
-                                    label: e.charAt(0).toUpperCase() + e.slice(1),
-                                    size: "lg"
-                                  }
-                                ),
-                                i === e && /* @__PURE__ */ r(n, { variant: "success", children: "Active" })
-                              ]
-                            }
-                          ),
-                          /* @__PURE__ */ r(
-                            "p",
-                            {
-                              style: {
-                                fontSize: "var(--text-sm)",
-                                margin: 0,
-                                opacity: 0.8
-                              },
-                              children: l[e].description
-                            }
-                          )
-                        ]
-                      },
-                      e
-                    ))
-                  }
-                )
-              ] }),
-              y && /* @__PURE__ */ r(I, { variant: "info", title: "Current Settings", children: /* @__PURE__ */ a(
-                "div",
-                {
-                  style: {
-                    display: "flex",
-                    gap: "var(--spacing-2)",
-                    flexWrap: "wrap"
-                  },
-                  children: [
-                    /* @__PURE__ */ a(n, { variant: "primary", children: [
-                      "Theme: ",
-                      t
-                    ] }),
-                    /* @__PURE__ */ a(n, { variant: "secondary", children: [
-                      "Brand: ",
-                      i
-                    ] }),
-                    /* @__PURE__ */ a(n, { variant: "secondary", children: [
-                      "Accent: ",
-                      l[i].accent
-                    ] }),
-                    /* @__PURE__ */ a(n, { variant: "secondary", children: [
-                      "Radius:",
-                      " ",
-                      l[i].radius === "9999px" ? "9999px (pills)" : l[i].radius
-                    ] })
-                  ]
-                }
-              ) })
-            ] })
-          }
-        )
-      ]
-    }
-  );
-};
-T.displayName = "ThemeController";
-export {
-  T as ThemeController
-};

package/dist/index88.cjs

@@ -1,38 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),o=require("react"),g=require("./index105.cjs"),i=require("./index16.cjs"),S=require("./index53.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/index88.mjs

@@ -1,98 +0,0 @@
-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 "./index105.mjs";
-import { getMissingFonts as x, BRAND_FONTS as C, GOOGLE_FONTS_URL as F } from "./index16.mjs";
-import { FontLoader as b } from "./index53.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/index89.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),N=require("react-dom"),i=require("./index234.cjs");let W=0;const B=()=>`toast-${++W}`,j=r.createContext(null),P=()=>{const e=r.useContext(j);if(!e)throw new Error("useToast must be used within a ToastProvider");return e},E=({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 o=()=>{a.current&&clearTimeout(a.current)},h=()=>{e.duration&&e.duration>0&&(a.current=setTimeout(c,e.duration))},v=[i.default.toast,i.default[e.variant||"info"],l&&i.default.exiting].filter(Boolean).join(" "),f=()=>{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:v,role:"alert","aria-live":"polite",onMouseEnter:o,onMouseLeave:h,children:[t.jsx("span",{className:i.default.icon,"aria-hidden":"true",children:f()}),t.jsxs("div",{className:i.default.content,children:[e.title&&t.jsx("div",{className:i.default.title,children:e.title}),t.jsx("div",{className:i.default.message,children:e.message})]}),e.action&&t.jsx("button",{type:"button",className:i.default.action,onClick:()=>{e.action?.onClick(),c()},children:e.action.label}),e.dismissible!==!1&&t.jsx("button",{type:"button",className:i.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"})})})]})},g=({children:e,position:u="bottom-right",maxToasts:l=5,defaultDuration:d=5e3})=>{const[a,c]=r.useState([]),o=r.useCallback(s=>{const n=B(),{type:k,...m}=s,L=m.variant||k||"info",M={id:n,duration:d,dismissible:!0,variant:L,...m};return c(y=>{const x=[...y,M];return x.length>l?x.slice(-l):x}),n},[d,l]),h=r.useCallback(s=>{c(n=>n.filter(k=>k.id!==s))},[]),v=r.useCallback(()=>{c([])},[]),f=r.useCallback((s,n)=>o({message:s,variant:"info",...n}),[o]),C=r.useCallback((s,n)=>o({message:s,variant:"success",...n}),[o]),p=r.useCallback((s,n)=>o({message:s,variant:"warning",...n}),[o]),b=r.useCallback((s,n)=>o({message:s,variant:"error",...n}),[o]),T={toast:o,info:f,success:C,warning:p,error:b,dismiss:h,dismissAll:v},w=[i.default.container,i.default[u]].filter(Boolean).join(" ");return t.jsxs(j.Provider,{value:T,children:[e,a.length>0&&N.createPortal(t.jsx("div",{className:w,"aria-label":"Notifications",children:a.map(s=>t.jsx(E,{toast:s,onDismiss:h},s.id))}),document.body)]})};g.displayName="ToastProvider";exports.ToastProvider=g;exports.useToast=P;