@orion-ds/react 4.9.0 → 4.9.2

package/dist/index102.mjs

@@ -1,99 +0,0 @@
-import { useRef as E, useEffect as g, useCallback as b } from "react";
-function T(n, a, f = {}) {
-  const {
-    ctrl: t = !1,
-    alt: o = !1,
-    shift: i = !1,
-    meta: u = !1,
-    enabled: c = !0,
-    event: e = "keydown",
-    preventDefault: d = !0,
-    stopPropagation: l = !1,
-    target: s,
-    targetOnly: p = !1
-  } = f, y = E(a);
-  y.current = a, g(() => {
-    if (!c)
-      return;
-    const m = (r) => {
-      if (!(r.key.toLowerCase() === n.toLowerCase() || r.code === n) || t !== r.ctrlKey || o !== r.altKey || i !== r.shiftKey || u !== r.metaKey || p && s && r.target !== s)
-        return;
-      const h = document.activeElement;
-      (h instanceof HTMLInputElement || h instanceof HTMLTextAreaElement || h?.getAttribute("contenteditable") === "true") && n.toLowerCase() !== "escape" || (d && r.preventDefault(), l && r.stopPropagation(), y.current(r));
-    }, v = s || document;
-    return v.addEventListener(e, m), () => {
-      v.removeEventListener(e, m);
-    };
-  }, [
-    n,
-    t,
-    o,
-    i,
-    u,
-    c,
-    e,
-    d,
-    l,
-    s,
-    p
-  ]);
-}
-function L(n) {
-  const a = n.split("+"), f = a[a.length - 1] || n, t = {};
-  for (let o = 0; o < a.length - 1; o++) {
-    const i = a[o];
-    if (i)
-      switch (i.toLowerCase()) {
-        case "ctrl":
-        case "control":
-          t.ctrl = !0;
-          break;
-        case "alt":
-        case "option":
-          t.alt = !0;
-          break;
-        case "shift":
-          t.shift = !0;
-          break;
-        case "meta":
-        case "cmd":
-        case "command":
-          t.meta = !0;
-          break;
-      }
-  }
-  return { key: f, modifiers: t };
-}
-function C(n, a = {}) {
-  const {
-    enabled: f = !0,
-    event: t = "keydown",
-    preventDefault: o = !0,
-    stopPropagation: i = !1
-  } = a, u = b(() => Object.entries(n).map(([c, e]) => ({
-    ...L(c),
-    handler: e
-  })), [n]);
-  g(() => {
-    if (!f)
-      return;
-    const c = (e) => {
-      const d = u();
-      for (const { key: l, modifiers: s, handler: p } of d) {
-        if (!(e.key.toLowerCase() === l.toLowerCase() || e.code === l) || (s.ctrl ?? !1) !== e.ctrlKey || (s.alt ?? !1) !== e.altKey || (s.shift ?? !1) !== e.shiftKey || (s.meta ?? !1) !== e.metaKey) continue;
-        const m = document.activeElement;
-        if (!((m instanceof HTMLInputElement || m instanceof HTMLTextAreaElement || m?.getAttribute("contenteditable") === "true") && l.toLowerCase() !== "escape")) {
-          o && e.preventDefault(), i && e.stopPropagation(), p();
-          break;
-        }
-      }
-    };
-    return document.addEventListener(t, c), () => {
-      document.removeEventListener(t, c);
-    };
-  }, [f, t, o, i, u]);
-}
-export {
-  T as useKeyboard,
-  C as useKeyboardShortcuts
-};

package/dist/index103.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react");function S(e,o,g={}){const{serializer:w=JSON.stringify,deserializer:a=JSON.parse,syncAcrossTabs:i=!0}=g,d=n.useCallback(()=>{if(typeof window>"u")return o;try{const r=window.localStorage.getItem(e);return r?a(r):o}catch(r){return console.warn(`Error reading localStorage key "${e}":`,r),o}},[e,o,a]),[c,u]=n.useState(d),l=n.useCallback(r=>{if(typeof window>"u"){console.warn("localStorage is not available");return}try{const s=r instanceof Function?r(c):r;u(s),window.localStorage.setItem(e,w(s)),window.dispatchEvent(new StorageEvent("storage",{key:e,newValue:w(s)}))}catch(s){console.warn(`Error setting localStorage key "${e}":`,s)}},[e,w,c]),t=n.useCallback(()=>{if(!(typeof window>"u"))try{window.localStorage.removeItem(e),u(o),window.dispatchEvent(new StorageEvent("storage",{key:e,newValue:null}))}catch(r){console.warn(`Error removing localStorage key "${e}":`,r)}},[e,o]);return n.useEffect(()=>{if(!i||typeof window>"u")return;const r=s=>{if(s.key===e)try{const f=s.newValue?a(s.newValue):o;u(f)}catch(f){console.warn(`Error syncing localStorage key "${e}":`,f)}};return window.addEventListener("storage",r),()=>{window.removeEventListener("storage",r)}},[e,o,a,i]),n.useEffect(()=>{u(d())},[]),[c,l,t]}function m(e,o,g={}){const{serializer:w=JSON.stringify,deserializer:a=JSON.parse}=g,i=n.useCallback(()=>{if(typeof window>"u")return o;try{const t=window.sessionStorage.getItem(e);return t?a(t):o}catch(t){return console.warn(`Error reading sessionStorage key "${e}":`,t),o}},[e,o,a]),[d,c]=n.useState(i),u=n.useCallback(t=>{if(!(typeof window>"u"))try{const r=t instanceof Function?t(d):t;c(r),window.sessionStorage.setItem(e,w(r))}catch(r){console.warn(`Error setting sessionStorage key "${e}":`,r)}},[e,w,d]),l=n.useCallback(()=>{if(!(typeof window>"u"))try{window.sessionStorage.removeItem(e),c(o)}catch(t){console.warn(`Error removing sessionStorage key "${e}":`,t)}},[e,o]);return n.useEffect(()=>{c(i())},[]),[d,u,l]}exports.useLocalStorage=S;exports.useSessionStorage=m;

package/dist/index103.mjs

@@ -1,103 +0,0 @@
-import { useCallback as i, useState as m, useEffect as l } from "react";
-function p(e, o, u = {}) {
-  const {
-    serializer: c = JSON.stringify,
-    deserializer: s = JSON.parse,
-    syncAcrossTabs: g = !0
-  } = u, w = i(() => {
-    if (typeof window > "u")
-      return o;
-    try {
-      const r = window.localStorage.getItem(e);
-      return r ? s(r) : o;
-    } catch (r) {
-      return console.warn(`Error reading localStorage key "${e}":`, r), o;
-    }
-  }, [e, o, s]), [a, d] = m(w), f = i(
-    (r) => {
-      if (typeof window > "u") {
-        console.warn("localStorage is not available");
-        return;
-      }
-      try {
-        const t = r instanceof Function ? r(a) : r;
-        d(t), window.localStorage.setItem(e, c(t)), window.dispatchEvent(
-          new StorageEvent("storage", {
-            key: e,
-            newValue: c(t)
-          })
-        );
-      } catch (t) {
-        console.warn(`Error setting localStorage key "${e}":`, t);
-      }
-    },
-    [e, c, a]
-  ), n = i(() => {
-    if (!(typeof window > "u"))
-      try {
-        window.localStorage.removeItem(e), d(o), window.dispatchEvent(
-          new StorageEvent("storage", {
-            key: e,
-            newValue: null
-          })
-        );
-      } catch (r) {
-        console.warn(`Error removing localStorage key "${e}":`, r);
-      }
-  }, [e, o]);
-  return l(() => {
-    if (!g || typeof window > "u")
-      return;
-    const r = (t) => {
-      if (t.key === e)
-        try {
-          const S = t.newValue ? s(t.newValue) : o;
-          d(S);
-        } catch (S) {
-          console.warn(`Error syncing localStorage key "${e}":`, S);
-        }
-    };
-    return window.addEventListener("storage", r), () => {
-      window.removeEventListener("storage", r);
-    };
-  }, [e, o, s, g]), l(() => {
-    d(w());
-  }, []), [a, f, n];
-}
-function h(e, o, u = {}) {
-  const { serializer: c = JSON.stringify, deserializer: s = JSON.parse } = u, g = i(() => {
-    if (typeof window > "u")
-      return o;
-    try {
-      const n = window.sessionStorage.getItem(e);
-      return n ? s(n) : o;
-    } catch (n) {
-      return console.warn(`Error reading sessionStorage key "${e}":`, n), o;
-    }
-  }, [e, o, s]), [w, a] = m(g), d = i(
-    (n) => {
-      if (!(typeof window > "u"))
-        try {
-          const r = n instanceof Function ? n(w) : n;
-          a(r), window.sessionStorage.setItem(e, c(r));
-        } catch (r) {
-          console.warn(`Error setting sessionStorage key "${e}":`, r);
-        }
-    },
-    [e, c, w]
-  ), f = i(() => {
-    if (!(typeof window > "u"))
-      try {
-        window.sessionStorage.removeItem(e), a(o);
-      } catch (n) {
-        console.warn(`Error removing sessionStorage key "${e}":`, n);
-      }
-  }, [e, o]);
-  return l(() => {
-    a(g());
-  }, []), [w, d, f];
-}
-export {
-  p as useLocalStorage,
-  h as useSessionStorage
-};

package/dist/index104.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react");function h(c,a={}){const{wordsPerTick:u=2,intervalMs:o=60,enabled:t=!0}=a,e=n.useRef([]),[r,s]=n.useState(0);n.useEffect(()=>{e.current=c.split(/(\s+)/),s(t?0:e.current.length)},[c,t]),n.useEffect(()=>{if(!t||r>=e.current.length)return;const i=setInterval(()=>{s(g=>{const l=g+u;return l>=e.current.length?(clearInterval(i),e.current.length):l})},o);return()=>clearInterval(i)},[t,r,u,o]);const d=e.current.slice(0,r).join(""),f=r>=e.current.length;return{displayText:d,isComplete:f}}exports.useStreamingText=h;

package/dist/index104.mjs

@@ -1,21 +0,0 @@
-import { useRef as h, useState as m, useEffect as i } from "react";
-function x(s, a = {}) {
-  const { wordsPerTick: c = 2, intervalMs: o = 60, enabled: t = !0 } = a, e = h([]), [r, n] = m(0);
-  i(() => {
-    e.current = s.split(/(\s+)/), n(t ? 0 : e.current.length);
-  }, [s, t]), i(() => {
-    if (!t || r >= e.current.length) return;
-    const u = setInterval(() => {
-      n((g) => {
-        const l = g + c;
-        return l >= e.current.length ? (clearInterval(u), e.current.length) : l;
-      });
-    }, o);
-    return () => clearInterval(u);
-  }, [t, r, c, o]);
-  const d = e.current.slice(0, r).join(""), f = r >= e.current.length;
-  return { displayText: d, isComplete: f };
-}
-export {
-  x as useStreamingText
-};

package/dist/index105.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),E=a=>a==="light"||a==="dark",S=a=>["orion","red","deepblue","orange","ember","lemon"].includes(a);function k(a={}){const{defaultTheme:l="light",defaultBrand:f="orion",storageEnabled:r=!0,storageKey:d="orion-theme",brandStorageKey:i="orion-brand"}=a,[o,c]=n.useState(l),[u,m]=n.useState(f),s=n.useCallback(e=>{c(e),typeof window<"u"&&(document.documentElement.setAttribute("data-theme",e),r&&localStorage.setItem(d,e))},[r,d]),g=n.useCallback(e=>{m(e),typeof window<"u"&&(document.documentElement.setAttribute("data-brand",e),r&&localStorage.setItem(i,e))},[r,i]),h=n.useCallback(()=>{s(o==="light"?"dark":"light")},[o,s]);return n.useEffect(()=>{typeof window<"u"&&(document.documentElement.setAttribute("data-theme",o),document.documentElement.setAttribute("data-brand",u))},[o,u]),n.useEffect(()=>{if(!r)return;const e=localStorage.getItem(d);e&&E(e)&&(c(e),document.documentElement.setAttribute("data-theme",e));const t=localStorage.getItem(i);t&&S(t)&&(m(t),document.documentElement.setAttribute("data-brand",t))},[]),n.useEffect(()=>{if(typeof window>"u"||!r)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),t=b=>{localStorage.getItem(d)||s(b.matches?"dark":"light")};if(e.addEventListener)return e.addEventListener("change",t),()=>e.removeEventListener("change",t);if(e.addListener)return e.addListener(t),()=>e.removeListener(t)},[r,d,s]),{theme:o,brand:u,setTheme:s,setBrand:g,toggleTheme:h,isDark:o==="dark",isLight:o==="light"}}exports.useTheme=k;

package/dist/index105.mjs

@@ -1,55 +0,0 @@
-import { useState as f, useCallback as m, useEffect as c } from "react";
-const p = (r) => r === "light" || r === "dark", k = (r) => ["orion", "red", "deepblue", "orange", "ember", "lemon"].includes(
-  r
-);
-function w(r = {}) {
-  const {
-    defaultTheme: g = "light",
-    defaultBrand: h = "orion",
-    storageEnabled: n = !0,
-    storageKey: d = "orion-theme",
-    brandStorageKey: i = "orion-brand"
-  } = r, [o, u] = f(g), [s, l] = f(h), a = m(
-    (e) => {
-      u(e), typeof window < "u" && (document.documentElement.setAttribute("data-theme", e), n && localStorage.setItem(d, e));
-    },
-    [n, d]
-  ), b = m(
-    (e) => {
-      l(e), typeof window < "u" && (document.documentElement.setAttribute("data-brand", e), n && localStorage.setItem(i, e));
-    },
-    [n, i]
-  ), E = m(() => {
-    a(o === "light" ? "dark" : "light");
-  }, [o, a]);
-  return c(() => {
-    typeof window < "u" && (document.documentElement.setAttribute("data-theme", o), document.documentElement.setAttribute("data-brand", s));
-  }, [o, s]), c(() => {
-    if (!n) return;
-    const e = localStorage.getItem(d);
-    e && p(e) && (u(e), document.documentElement.setAttribute("data-theme", e));
-    const t = localStorage.getItem(i);
-    t && k(t) && (l(t), document.documentElement.setAttribute("data-brand", t));
-  }, []), c(() => {
-    if (typeof window > "u" || !n)
-      return;
-    const e = window.matchMedia("(prefers-color-scheme: dark)"), t = (S) => {
-      localStorage.getItem(d) || a(S.matches ? "dark" : "light");
-    };
-    if (e.addEventListener)
-      return e.addEventListener("change", t), () => e.removeEventListener("change", t);
-    if (e.addListener)
-      return e.addListener(t), () => e.removeListener(t);
-  }, [n, d, a]), {
-    theme: o,
-    brand: s,
-    setTheme: a,
-    setBrand: b,
-    toggleTheme: E,
-    isDark: o === "dark",
-    isLight: o === "light"
-  };
-}
-export {
-  w as useTheme
-};

package/dist/index106.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");function B(S={}){const{maxDuration:v=300,mimeType:f="audio/webm",onRecordingComplete:y,onError:i}=S,[p,R]=e.useState(!1),[T,m]=e.useState(0),[h,b]=e.useState(),[C,s]=e.useState(),u=e.useRef(null),d=e.useRef(null),l=e.useRef([]),n=e.useRef(null),M=e.useRef(0),g=typeof window<"u"&&"MediaRecorder"in window,o=e.useCallback(()=>{n.current&&(clearInterval(n.current),n.current=null),d.current&&(d.current.getTracks().forEach(t=>t.stop()),d.current=null),u.current=null,l.current=[]},[]),D=e.useCallback(async()=>{if(!g){const t="Voice recording is not supported in this browser";s(t),i?.(t);return}try{s(void 0),b(void 0),m(0),l.current=[];const t=await navigator.mediaDevices.getUserMedia({audio:!0});d.current=t;let c=f;MediaRecorder.isTypeSupported(f)||(c=["audio/webm","audio/mp4","audio/ogg"].find(I=>MediaRecorder.isTypeSupported(I))||"");const a=new MediaRecorder(t,{mimeType:c||void 0});u.current=a,a.ondataavailable=r=>{r.data.size>0&&l.current.push(r.data)},a.onstop=()=>{const r=new Blob(l.current,{type:c||"audio/webm"});b(r),y?.(r),o()},a.onerror=()=>{const r="Recording failed";s(r),i?.(r),o()},a.start(100),R(!0),M.current=Date.now(),n.current=window.setInterval(()=>{const r=Math.floor((Date.now()-M.current)/1e3);m(r),r>=v&&k()},100)}catch(t){const c=t instanceof Error?t.message:"Failed to access microphone";s(c),i?.(c),o()}},[g,f,v,y,i,o]),k=e.useCallback(()=>{u.current&&p&&(u.current.stop(),R(!1),n.current&&(clearInterval(n.current),n.current=null))},[p]),w=e.useCallback(()=>{o(),R(!1),m(0),b(void 0)},[o]),E=e.useCallback(()=>{w(),s(void 0)},[w]);return e.useEffect(()=>()=>{o()},[o]),{isRecording:p,duration:T,audioBlob:h,error:C,startRecording:D,stopRecording:k,cancelRecording:w,reset:E,isSupported:g}}exports.useVoiceRecorder=B;

package/dist/index106.mjs

@@ -1,74 +0,0 @@
-import { useState as p, useRef as i, useCallback as a, useEffect as V } from "react";
-function A(D = {}) {
-  const {
-    maxDuration: y = 300,
-    // 5 minutes default
-    mimeType: m = "audio/webm",
-    onRecordingComplete: h,
-    onError: u
-  } = D, [R, g] = p(!1), [E, w] = p(0), [I, b] = p(), [S, c] = p(), d = i(null), l = i(null), f = i([]), o = i(null), T = i(0), v = typeof window < "u" && "MediaRecorder" in window, t = a(() => {
-    o.current && (clearInterval(o.current), o.current = null), l.current && (l.current.getTracks().forEach((r) => r.stop()), l.current = null), d.current = null, f.current = [];
-  }, []), B = a(async () => {
-    if (!v) {
-      const r = "Voice recording is not supported in this browser";
-      c(r), u?.(r);
-      return;
-    }
-    try {
-      c(void 0), b(void 0), w(0), f.current = [];
-      const r = await navigator.mediaDevices.getUserMedia({ audio: !0 });
-      l.current = r;
-      let n = m;
-      MediaRecorder.isTypeSupported(m) || (n = ["audio/webm", "audio/mp4", "audio/ogg"].find((C) => MediaRecorder.isTypeSupported(C)) || "");
-      const s = new MediaRecorder(r, {
-        mimeType: n || void 0
-      });
-      d.current = s, s.ondataavailable = (e) => {
-        e.data.size > 0 && f.current.push(e.data);
-      }, s.onstop = () => {
-        const e = new Blob(f.current, {
-          type: n || "audio/webm"
-        });
-        b(e), h?.(e), t();
-      }, s.onerror = () => {
-        const e = "Recording failed";
-        c(e), u?.(e), t();
-      }, s.start(100), g(!0), T.current = Date.now(), o.current = window.setInterval(() => {
-        const e = Math.floor((Date.now() - T.current) / 1e3);
-        w(e), e >= y && k();
-      }, 100);
-    } catch (r) {
-      const n = r instanceof Error ? r.message : "Failed to access microphone";
-      c(n), u?.(n), t();
-    }
-  }, [
-    v,
-    m,
-    y,
-    h,
-    u,
-    t
-  ]), k = a(() => {
-    d.current && R && (d.current.stop(), g(!1), o.current && (clearInterval(o.current), o.current = null));
-  }, [R]), M = a(() => {
-    t(), g(!1), w(0), b(void 0);
-  }, [t]), x = a(() => {
-    M(), c(void 0);
-  }, [M]);
-  return V(() => () => {
-    t();
-  }, [t]), {
-    isRecording: R,
-    duration: E,
-    audioBlob: I,
-    error: S,
-    startRecording: B,
-    stopRecording: k,
-    cancelRecording: M,
-    reset: x,
-    isSupported: v
-  };
-}
-export {
-  A as useVoiceRecorder
-};

package/dist/index107.cjs

@@ -1,97 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=typeof process<"u"&&process.env?.NODE_ENV!=="production",a="color: #f59e0b; font-weight: bold;",s="color: #10b981;",r="background: #f3f4f6; padding: 2px 4px; border-radius: 3px;";function p(e,o,n){i&&o&&!n&&console.warn(`%c[Orion/${e}]%c Missing aria-label for icon-only component.
-
-Screen readers cannot announce the purpose of this button.
-
-%cFix:%c Add an aria-label prop:
-%c<${e} iconOnly icon={<Icon />} aria-label="Description" />%c
-
-Learn more: https://orion.design/accessibility`,a,"",s,"",r,"")}function m(e,o){i&&o&&console.warn(`%c[Orion/${e}]%c Brand is GLOBAL - set on ThemeProvider, not components.
-
-Components automatically inherit the brand from the nearest ThemeProvider.
-Passing brand as a prop has no effect.
-
-%cFix:%c Set brand globally:
-%c<ThemeProvider options={{ defaultBrand: 'red' }}>
-  <App />
-</ThemeProvider>%c
-
-Or change it dynamically:
-%cconst { setBrand } = useThemeContext();
-setBrand('deepblue');%c
-
-Learn more: https://orion.design/theming`,a,"",s,"",r,"",r,"")}function h(e,o){i&&o&&console.warn(`%c[Orion/${e}]%c Theme is GLOBAL - set on ThemeProvider, not components.
-
-Components automatically inherit the theme from the nearest ThemeProvider.
-Passing theme as a prop has no effect.
-
-%cFix:%c Set theme globally:
-%c<ThemeProvider options={{ defaultTheme: 'dark' }}>
-  <App />
-</ThemeProvider>%c
-
-Or change it dynamically:
-%cconst { setTheme, toggleTheme } = useThemeContext();
-setTheme('dark');
-toggleTheme();%c
-
-Learn more: https://orion.design/theming`,a,"",s,"",r,"",r,"")}function f(e,o){if(i&&o==="glass"){const n=typeof document<"u"?document.documentElement.dataset.mode:void 0;n&&n!=="display"&&console.warn(`%c[Orion/${e}]%c Glass variant only works in Display mode.
-
-Current mode is '%c${n}%c', but glass effects require '%cdisplay%c'.
-The component will render but may not look as intended.
-
-%cFix:%c Either:
-1. Use a different variant for ${n} mode:
-   %c<${e} variant="elevated" />%c
-
-2. Or switch to Display mode:
-   %c<html data-mode="display">%c
-
-Learn more: https://orion.design/modes`,a,"",r,"",r,"",s,"",r,"",r,"")}}function u(e,o){if(!i||!o)return;const n=["color","backgroundColor","borderColor","background"],l=/#[0-9A-Fa-f]{3,8}/,d=/rgba?\s*\(/;for(const t of n){const c=o[t];if(typeof c=="string"&&(l.test(c)||d.test(c))){console.warn(`%c[Orion/${e}]%c Hardcoded color detected: ${t}="${c}"
-
-Use CSS variables instead for theme compatibility.
-
-%cFix:%c Replace hardcoded colors with tokens:
-%c// Instead of:
-style={{ ${t}: '${c}' }}
-
-// Use:
-style={{ ${t}: 'var(--text-primary)' }}     // For text
-style={{ ${t}: 'var(--surface-base)' }}     // For backgrounds
-style={{ ${t}: 'var(--border-subtle)' }}    // For borders
-style={{ ${t}: 'var(--interactive-primary)' }} // For interactive elements%c
-
-Learn more: https://orion.design/tokens`,a,"",s,"",r,"");break}}}function b(e){i&&e&&console.warn(`%c[Orion/Field]%c Field is a self-contained component, not a wrapper.
-
-Children passed to Field will be ignored.
-
-%cFix:%c Use props instead of children:
-%c// WRONG:
-<Field label="Email">
-  <input type="email" />
-</Field>
-
-// CORRECT:
-<Field
-  label="Email"
-  type="email"
-  placeholder="you@example.com"
-/>%c
-
-Learn more: https://orion.design/components/field`,a,"",s,"",r,"")}function g(e,o){i&&console.warn(`%c[Orion]%c Consider using the pre-built ${o} section instead of ${e}.
-
-Orion provides ready-to-use sections that follow best practices.
-
-%cAvailable sections:%c
-Hero, Features, Pricing, Testimonials, FAQ, CTA, Footer,
-Team, Contact, Newsletter, LogoCloud, Blog, Gallery,
-Timeline, Comparison, Banner, SocialProof, AppDownload
-
-%cUsage:%c
-%cimport { ${o} } from '@orion/react';
-
-<${o}
-  headline="Your Headline"
-  // ... other props
-/>%c
-
-Learn more: https://orion.design/sections`,a,"",s,"","","",r,"")}exports.warnBrandProp=m;exports.warnFieldChildren=b;exports.warnGlassVariant=f;exports.warnHardcodedColors=u;exports.warnMissingAriaLabel=p;exports.warnThemeProp=h;exports.warnUsePrebuiltSection=g;

package/dist/index107.mjs

@@ -1,206 +0,0 @@
-const i = typeof process < "u" && process.env?.NODE_ENV !== "production", a = "color: #f59e0b; font-weight: bold;", s = "color: #10b981;", n = "background: #f3f4f6; padding: 2px 4px; border-radius: 3px;";
-function p(e, o, r) {
-  i && o && !r && console.warn(
-    `%c[Orion/${e}]%c Missing aria-label for icon-only component.
-
-Screen readers cannot announce the purpose of this button.
-
-%cFix:%c Add an aria-label prop:
-%c<${e} iconOnly icon={<Icon />} aria-label="Description" />%c
-
-Learn more: https://orion.design/accessibility`,
-    a,
-    "",
-    s,
-    "",
-    n,
-    ""
-  );
-}
-function m(e, o) {
-  i && o && console.warn(
-    `%c[Orion/${e}]%c Brand is GLOBAL - set on ThemeProvider, not components.
-
-Components automatically inherit the brand from the nearest ThemeProvider.
-Passing brand as a prop has no effect.
-
-%cFix:%c Set brand globally:
-%c<ThemeProvider options={{ defaultBrand: 'red' }}>
-  <App />
-</ThemeProvider>%c
-
-Or change it dynamically:
-%cconst { setBrand } = useThemeContext();
-setBrand('deepblue');%c
-
-Learn more: https://orion.design/theming`,
-    a,
-    "",
-    s,
-    "",
-    n,
-    "",
-    n,
-    ""
-  );
-}
-function h(e, o) {
-  i && o && console.warn(
-    `%c[Orion/${e}]%c Theme is GLOBAL - set on ThemeProvider, not components.
-
-Components automatically inherit the theme from the nearest ThemeProvider.
-Passing theme as a prop has no effect.
-
-%cFix:%c Set theme globally:
-%c<ThemeProvider options={{ defaultTheme: 'dark' }}>
-  <App />
-</ThemeProvider>%c
-
-Or change it dynamically:
-%cconst { setTheme, toggleTheme } = useThemeContext();
-setTheme('dark');
-toggleTheme();%c
-
-Learn more: https://orion.design/theming`,
-    a,
-    "",
-    s,
-    "",
-    n,
-    "",
-    n,
-    ""
-  );
-}
-function f(e, o) {
-  if (i && o === "glass") {
-    const r = typeof document < "u" ? document.documentElement.dataset.mode : void 0;
-    r && r !== "display" && console.warn(
-      `%c[Orion/${e}]%c Glass variant only works in Display mode.
-
-Current mode is '%c${r}%c', but glass effects require '%cdisplay%c'.
-The component will render but may not look as intended.
-
-%cFix:%c Either:
-1. Use a different variant for ${r} mode:
-   %c<${e} variant="elevated" />%c
-
-2. Or switch to Display mode:
-   %c<html data-mode="display">%c
-
-Learn more: https://orion.design/modes`,
-      a,
-      "",
-      n,
-      "",
-      n,
-      "",
-      s,
-      "",
-      n,
-      "",
-      n,
-      ""
-    );
-  }
-}
-function u(e, o) {
-  if (!i || !o) return;
-  const r = ["color", "backgroundColor", "borderColor", "background"], l = /#[0-9A-Fa-f]{3,8}/, d = /rgba?\s*\(/;
-  for (const t of r) {
-    const c = o[t];
-    if (typeof c == "string" && (l.test(c) || d.test(c))) {
-      console.warn(
-        `%c[Orion/${e}]%c Hardcoded color detected: ${t}="${c}"
-
-Use CSS variables instead for theme compatibility.
-
-%cFix:%c Replace hardcoded colors with tokens:
-%c// Instead of:
-style={{ ${t}: '${c}' }}
-
-// Use:
-style={{ ${t}: 'var(--text-primary)' }}     // For text
-style={{ ${t}: 'var(--surface-base)' }}     // For backgrounds
-style={{ ${t}: 'var(--border-subtle)' }}    // For borders
-style={{ ${t}: 'var(--interactive-primary)' }} // For interactive elements%c
-
-Learn more: https://orion.design/tokens`,
-        a,
-        "",
-        s,
-        "",
-        n,
-        ""
-      );
-      break;
-    }
-  }
-}
-function b(e) {
-  i && e && console.warn(
-    `%c[Orion/Field]%c Field is a self-contained component, not a wrapper.
-
-Children passed to Field will be ignored.
-
-%cFix:%c Use props instead of children:
-%c// WRONG:
-<Field label="Email">
-  <input type="email" />
-</Field>
-
-// CORRECT:
-<Field
-  label="Email"
-  type="email"
-  placeholder="you@example.com"
-/>%c
-
-Learn more: https://orion.design/components/field`,
-    a,
-    "",
-    s,
-    "",
-    n,
-    ""
-  );
-}
-function g(e, o) {
-  i && console.warn(
-    `%c[Orion]%c Consider using the pre-built ${o} section instead of ${e}.
-
-Orion provides ready-to-use sections that follow best practices.
-
-%cAvailable sections:%c
-Hero, Features, Pricing, Testimonials, FAQ, CTA, Footer,
-Team, Contact, Newsletter, LogoCloud, Blog, Gallery,
-Timeline, Comparison, Banner, SocialProof, AppDownload
-
-%cUsage:%c
-%cimport { ${o} } from '@orion/react';
-
-<${o}
-  headline="Your Headline"
-  // ... other props
-/>%c
-
-Learn more: https://orion.design/sections`,
-    a,
-    "",
-    s,
-    "",
-    "",
-    "",
-    n,
-    ""
-  );
-}
-export {
-  m as warnBrandProp,
-  b as warnFieldChildren,
-  f as warnGlassVariant,
-  u as warnHardcodedColors,
-  p as warnMissingAriaLabel,
-  h as warnThemeProp,
-  g as warnUsePrebuiltSection
-};