@orion-ds/react 4.6.6 → 4.7.0

package/dist/index95 2.mjs

@@ -0,0 +1,74 @@
+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/index96 2.cjs

@@ -0,0 +1,97 @@
+"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/index96 2.mjs

@@ -0,0 +1,206 @@
+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
+};

package/dist/index97 2.mjs

@@ -0,0 +1,157 @@
+const r = {
+  theme: "light",
+  semantic: {
+    surface: {
+      base: "{color.neutral.0}",
+      subtle: "{color.neutral.50}",
+      layer: "{color.neutral.100}",
+      primary: "{color.neutral.100}",
+      secondary: "{color.neutral.50}",
+      glass: "color-mix(in srgb, {color.neutral.0} 70%, transparent)",
+      sunken: "color-mix(in srgb, {color.neutral.0} 40%, transparent)",
+      overlay: "color-mix(in srgb, {color.neutral.1000} 50%, transparent)"
+    },
+    text: {
+      primary: "{color.neutral.900}",
+      secondary: "{color.neutral.500}",
+      tertiary: "{color.neutral.400}",
+      inverse: "{color.neutral.0}",
+      brand: "{color.brand.500}",
+      "on-brand": {
+        primary: "{color.neutral.0}",
+        secondary: "color-mix(in srgb, {color.neutral.0} 90%, transparent)",
+        tertiary: "color-mix(in srgb, {color.neutral.0} 70%, transparent)"
+      }
+    },
+    border: {
+      subtle: "{color.neutral.200}",
+      strong: "{color.neutral.300}",
+      interactive: "{color.brand.500}"
+    },
+    interactive: {
+      primary: {
+        default: "{color.brand.500}",
+        hover: "{color.brand.700}",
+        text: "{color.neutral.0}"
+      },
+      secondary: {
+        default: "{color.neutral.100}",
+        hover: "{color.neutral.200}",
+        text: "{color.neutral.900}"
+      },
+      ghost: {
+        hover: "color-mix(in srgb, {color.neutral.1000} 5%, transparent)"
+      }
+    },
+    status: {
+      error: "{color.error.500}",
+      success: "{color.success.500}",
+      warning: "{color.warning.500}",
+      info: "{color.info.500}"
+    },
+    soft: {
+      brand: "color-mix(in srgb, {color.brand.500} 10%, transparent)",
+      "brand-hover": "color-mix(in srgb, {color.brand.500} 20%, transparent)",
+      success: "color-mix(in srgb, {color.success.500} 10%, transparent)",
+      error: "color-mix(in srgb, {color.error.500} 10%, transparent)",
+      warning: "color-mix(in srgb, {color.warning.500} 10%, transparent)",
+      info: "color-mix(in srgb, {color.info.500} 10%, transparent)"
+    },
+    focus: {
+      ring: "0 0 0 3px color-mix(in srgb, {color.brand.500} 40%, transparent)"
+    },
+    gradient: {
+      start: "{color.brand.400}",
+      end: "{color.brand.600}"
+    },
+    chart: {
+      1: "{color.brand.500}",
+      2: "{color.brand.300}",
+      3: "{color.brand.700}",
+      4: "{color.success.500}",
+      5: "{color.warning.500}"
+    }
+  }
+}, o = {
+  theme: "dark",
+  semantic: {
+    surface: {
+      base: "{color.neutral.900}",
+      subtle: "{color.neutral.950}",
+      layer: "{color.neutral.900}",
+      primary: "{color.neutral.900}",
+      secondary: "{color.neutral.900}",
+      glass: "color-mix(in srgb, {color.neutral.950} 60%, transparent)",
+      sunken: "color-mix(in srgb, {color.neutral.950} 40%, transparent)",
+      overlay: "color-mix(in srgb, {color.neutral.1000} 70%, transparent)"
+    },
+    text: {
+      primary: "{color.neutral.50}",
+      secondary: "{color.neutral.400}",
+      tertiary: "{color.neutral.600}",
+      inverse: "{color.neutral.950}",
+      brand: "{color.brand.400}",
+      "on-brand": {
+        primary: "{color.neutral.0}",
+        secondary: "color-mix(in srgb, {color.neutral.0} 90%, transparent)",
+        tertiary: "color-mix(in srgb, {color.neutral.0} 70%, transparent)"
+      }
+    },
+    border: {
+      subtle: "{color.neutral.800}",
+      strong: "{color.neutral.700}",
+      interactive: "{color.brand.500}"
+    },
+    interactive: {
+      primary: {
+        default: "{color.brand.500}",
+        hover: "{color.brand.400}",
+        text: "{color.neutral.900}"
+      },
+      secondary: {
+        default: "{color.neutral.800}",
+        hover: "{color.neutral.700}",
+        text: "{color.neutral.50}"
+      },
+      ghost: {
+        hover: "color-mix(in srgb, {color.neutral.0} 10%, transparent)"
+      }
+    },
+    status: {
+      error: "{color.error.500}",
+      success: "{color.success.500}",
+      warning: "{color.warning.500}",
+      info: "{color.info.500}"
+    },
+    soft: {
+      brand: "color-mix(in srgb, {color.brand.500} 15%, transparent)",
+      "brand-hover": "color-mix(in srgb, {color.brand.500} 25%, transparent)",
+      success: "color-mix(in srgb, {color.success.500} 15%, transparent)",
+      error: "color-mix(in srgb, {color.error.500} 15%, transparent)",
+      warning: "color-mix(in srgb, {color.warning.500} 15%, transparent)",
+      info: "color-mix(in srgb, {color.info.500} 15%, transparent)"
+    },
+    focus: {
+      ring: "0 0 0 3px color-mix(in srgb, {color.brand.500} 50%, transparent)"
+    },
+    gradient: {
+      start: "{color.brand.400}",
+      end: "{color.brand.600}"
+    },
+    chart: {
+      1: "{color.brand.400}",
+      2: "{color.brand.200}",
+      3: "{color.brand.600}",
+      4: "{color.success.500}",
+      5: "{color.warning.500}"
+    }
+  }
+}, n = {
+  light: r,
+  dark: o
+};
+export {
+  o as darkTheme,
+  r as lightTheme,
+  n as themes
+};

package/dist/index97 3.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={theme:"light",semantic:{surface:{base:"{color.neutral.0}",subtle:"{color.neutral.50}",layer:"{color.neutral.100}",primary:"{color.neutral.100}",secondary:"{color.neutral.50}",glass:"color-mix(in srgb, {color.neutral.0} 70%, transparent)",sunken:"color-mix(in srgb, {color.neutral.0} 40%, transparent)",overlay:"color-mix(in srgb, {color.neutral.1000} 50%, transparent)"},text:{primary:"{color.neutral.900}",secondary:"{color.neutral.500}",tertiary:"{color.neutral.400}",inverse:"{color.neutral.0}",brand:"{color.brand.500}","on-brand":{primary:"{color.neutral.0}",secondary:"color-mix(in srgb, {color.neutral.0} 90%, transparent)",tertiary:"color-mix(in srgb, {color.neutral.0} 70%, transparent)"}},border:{subtle:"{color.neutral.200}",strong:"{color.neutral.300}",interactive:"{color.brand.500}"},interactive:{primary:{default:"{color.brand.500}",hover:"{color.brand.700}",text:"{color.neutral.0}"},secondary:{default:"{color.neutral.100}",hover:"{color.neutral.200}",text:"{color.neutral.900}"},ghost:{hover:"color-mix(in srgb, {color.neutral.1000} 5%, transparent)"}},status:{error:"{color.error.500}",success:"{color.success.500}",warning:"{color.warning.500}",info:"{color.info.500}"},soft:{brand:"color-mix(in srgb, {color.brand.500} 10%, transparent)","brand-hover":"color-mix(in srgb, {color.brand.500} 20%, transparent)",success:"color-mix(in srgb, {color.success.500} 10%, transparent)",error:"color-mix(in srgb, {color.error.500} 10%, transparent)",warning:"color-mix(in srgb, {color.warning.500} 10%, transparent)",info:"color-mix(in srgb, {color.info.500} 10%, transparent)"},focus:{ring:"0 0 0 3px color-mix(in srgb, {color.brand.500} 40%, transparent)"},gradient:{start:"{color.brand.400}",end:"{color.brand.600}"},chart:{1:"{color.brand.500}",2:"{color.brand.300}",3:"{color.brand.700}",4:"{color.success.500}",5:"{color.warning.500}"}}},o={theme:"dark",semantic:{surface:{base:"{color.neutral.900}",subtle:"{color.neutral.950}",layer:"{color.neutral.900}",primary:"{color.neutral.900}",secondary:"{color.neutral.900}",glass:"color-mix(in srgb, {color.neutral.950} 60%, transparent)",sunken:"color-mix(in srgb, {color.neutral.950} 40%, transparent)",overlay:"color-mix(in srgb, {color.neutral.1000} 70%, transparent)"},text:{primary:"{color.neutral.50}",secondary:"{color.neutral.400}",tertiary:"{color.neutral.600}",inverse:"{color.neutral.950}",brand:"{color.brand.400}","on-brand":{primary:"{color.neutral.0}",secondary:"color-mix(in srgb, {color.neutral.0} 90%, transparent)",tertiary:"color-mix(in srgb, {color.neutral.0} 70%, transparent)"}},border:{subtle:"{color.neutral.800}",strong:"{color.neutral.700}",interactive:"{color.brand.500}"},interactive:{primary:{default:"{color.brand.500}",hover:"{color.brand.400}",text:"{color.neutral.900}"},secondary:{default:"{color.neutral.800}",hover:"{color.neutral.700}",text:"{color.neutral.50}"},ghost:{hover:"color-mix(in srgb, {color.neutral.0} 10%, transparent)"}},status:{error:"{color.error.500}",success:"{color.success.500}",warning:"{color.warning.500}",info:"{color.info.500}"},soft:{brand:"color-mix(in srgb, {color.brand.500} 15%, transparent)","brand-hover":"color-mix(in srgb, {color.brand.500} 25%, transparent)",success:"color-mix(in srgb, {color.success.500} 15%, transparent)",error:"color-mix(in srgb, {color.error.500} 15%, transparent)",warning:"color-mix(in srgb, {color.warning.500} 15%, transparent)",info:"color-mix(in srgb, {color.info.500} 15%, transparent)"},focus:{ring:"0 0 0 3px color-mix(in srgb, {color.brand.500} 50%, transparent)"},gradient:{start:"{color.brand.400}",end:"{color.brand.600}"},chart:{1:"{color.brand.400}",2:"{color.brand.200}",3:"{color.brand.600}",4:"{color.success.500}",5:"{color.warning.500}"}}},n={light:r,dark:o};exports.darkTheme=o;exports.lightTheme=r;exports.themes=n;

package/dist/index98 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={orion:{name:"Orion",description:"Default brand - Orion Blue, professional rounded corners",accent:{primary:"{color.brand.orion.500}",light:"{color.brand.orion.100}",dark:"{color.brand.orion.900}"},typography:{primary:"Libre Baskerville",secondary:"Inter",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.md}",radiusContainer:"{radius.lg}",buttonStyle:"pill"},semantic:{light:{interactivePrimary:"{color.brand.orion.500}",interactivePrimaryHover:"{color.brand.orion.700}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.orion.500}",interactivePrimaryHover:"{color.brand.orion.400}",interactivePrimaryText:"{color.neutral.0}"}},usage:{html:'<html data-theme="dark">',css:"/* No additional CSS needed - default */",attribute:null}},deepblue:{name:"Deepblue",description:"Deepblue brand - Deep Blue with Work Sans typography",accent:{primary:"{color.brand.deepblue.500}",light:"{color.brand.deepblue.100}",dark:"{color.brand.deepblue.800}"},typography:{primary:"Work Sans",secondary:"Work Sans",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.md}",radiusContainer:"{radius.lg}",buttonStyle:"rounded"},semantic:{light:{interactivePrimary:"{color.brand.deepblue.500}",interactivePrimaryHover:"{color.brand.deepblue.700}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.deepblue.500}",interactivePrimaryHover:"{color.brand.deepblue.400}",interactivePrimaryText:"{color.neutral.900}"}},usage:{html:'<html data-theme="dark" data-brand="deepblue">',css:'/* Included in theme.css via [data-brand="deepblue"] */',attribute:"deepblue"}},red:{name:"Red",description:"Red brand - Red with Poppins typography and pill buttons",accent:{primary:"{color.brand.red.500}",light:"{color.brand.red.100}",dark:"{color.brand.red.900}"},typography:{primary:"Poppins",secondary:"Inter",mono:"JetBrains Mono"},geometry:{radiusControl:"var(--radius-lg)",radiusContainer:"{radius.lg}",buttonStyle:"pill"},semantic:{light:{interactivePrimary:"{color.brand.red.500}",interactivePrimaryHover:"{color.brand.red.600}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.red.500}",interactivePrimaryHover:"{color.brand.red.400}",interactivePrimaryText:"{color.neutral.0}"}},usage:{html:'<html data-theme="dark" data-brand="red">',css:'/* Included in theme.css via [data-brand="red"] */',attribute:"red"}},orange:{name:"Orange",description:"Orange brand - Red-Orange with pill buttons",accent:{primary:"{color.brand.orange.500}",light:"{color.brand.orange.100}",dark:"{color.brand.orange.900}"},typography:{primary:"DM Sans",secondary:"Inter",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.full}",radiusContainer:"{radius.lg}",buttonStyle:"pill"},semantic:{light:{interactivePrimary:"{color.brand.orange.500}",interactivePrimaryHover:"{color.brand.orange.700}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.orange.500}",interactivePrimaryHover:"{color.brand.orange.400}",interactivePrimaryText:"{color.neutral.0}"}},usage:{html:'<html data-theme="dark" data-brand="orange">',css:'/* Included in theme.css via [data-brand="orange"] */',attribute:"orange"}},ember:{name:"Ember",description:"Ember brand — Orange accent with dark neutral buttons and rectangular geometry",accent:{primary:"{color.brand.orange.500}",light:"{color.brand.orange.100}",dark:"{color.brand.orange.900}"},typography:{primary:"DM Sans",secondary:"Inter",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.md}",radiusContainer:"{radius.xl}",buttonStyle:"rounded"},semantic:{light:{interactivePrimary:"{color.neutral.900}",interactivePrimaryHover:"{color.neutral.700}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.neutral.100}",interactivePrimaryHover:"{color.neutral.0}",interactivePrimaryText:"{color.neutral.900}"}},usage:{html:'<html data-theme="light|dark" data-brand="ember">',css:'/* Included in theme.css via [data-brand="ember"] */',attribute:"ember"}},lemon:{name:"Lemon",description:"Lemon brand - Bright lime green with Anton typography and highly rounded design",accent:{primary:"{color.brand.lemon.600}",light:"{color.brand.lemon.100}",dark:"{color.brand.lemon.900}"},typography:{primary:"Anton",secondary:"Work Sans",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.lg}",radiusContainer:"{radius.lg}",buttonStyle:"pill"},semantic:{light:{interactivePrimary:"{color.brand.lemon.700}",interactivePrimaryHover:"{color.brand.lemon.800}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.lemon.500}",interactivePrimaryHover:"{color.brand.lemon.600}",interactivePrimaryText:"{color.neutral.900}"}},usage:{html:'<html data-theme="dark" data-brand="lemon">',css:'/* Included in theme.css via [data-brand="lemon"] */',attribute:"lemon"}}};exports.brands=r;