@orion-ds/react 4.7.0 → 4.9.0

package/dist/index95 2.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/index96 2.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/index96 2.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
-};

package/dist/index97 2.mjs

@@ -1,157 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

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