@orion-ds/react 4.9.2 → 4.9.3

package/dist/test/a11y.d.ts

@@ -0,0 +1,8 @@
+import { RenderResult } from '@testing-library/react';
+
+/**
+ * Run axe accessibility checks on a rendered component.
+ * Usage: await expectNoA11yViolations(renderResult);
+ */
+export declare function expectNoA11yViolations({ container, }: Pick<RenderResult, "container">): Promise<void>;
+//# sourceMappingURL=a11y.d.ts.map

package/dist/test/a11y.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"a11y.d.ts","sourceRoot":"","sources":["../../src/test/a11y.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D;;;GAGG;AACH,wBAAsB,sBAAsB,CAAC,EAC3C,SAAS,GACV,EAAE,IAAI,CAAC,YAAY,EAAE,WAAW,CAAC,iBAcjC"}

package/dist/test/performance.bench.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Component Render Performance Benchmarks
+ *
+ * Measures render performance of critical components to ensure they meet
+ * performance budgets (< 16ms for initial render, < 8ms for re-render).
+ *
+ * Usage:
+ *   npm run bench
+ */
+export {};
+//# sourceMappingURL=performance.bench.d.ts.map

package/dist/test/performance.bench.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"performance.bench.d.ts","sourceRoot":"","sources":["../../src/test/performance.bench.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG"}

package/dist/test/setup.d.ts

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=setup.d.ts.map

package/dist/test/setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../../src/test/setup.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AACnC,OAAO,0BAA0B,CAAC"}

package/dist/theme.css

@@ -173,6 +173,20 @@
     --alert-info-bg: var(--color-info-100);
     --alert-info-text: var(--color-info-700);
     --alert-info-border: var(--color-info-500);
+
+    /* Interactive Ghost */
+    --interactive-ghost-hover: color-mix(in srgb, var(--color-neutral-1000) 5%, transparent);
+
+    /* Soft Variants */
+    --soft-brand: color-mix(in srgb, var(--color-brand-500) 10%, transparent);
+    --soft-brand-hover: color-mix(in srgb, var(--color-brand-500) 20%, transparent);
+    --soft-success: color-mix(in srgb, var(--color-success-500) 10%, transparent);
+    --soft-error: color-mix(in srgb, var(--color-error-500) 10%, transparent);
+    --soft-warning: color-mix(in srgb, var(--color-warning-500) 10%, transparent);
+    --soft-info: color-mix(in srgb, var(--color-info-500) 10%, transparent);
+
+    /* Focus Ring */
+    --focus-ring: 0 0 0 3px color-mix(in srgb, var(--color-brand-500) 40%, transparent);
 }
 
 /* ─── Dark Theme Semantics ─── */
@@ -240,6 +254,20 @@
     --alert-info-bg: color-mix(in srgb, var(--color-info-500) 20%, transparent);
     --alert-info-text: var(--color-info-300);
     --alert-info-border: var(--color-info-500);
+
+    /* Interactive Ghost */
+    --interactive-ghost-hover: color-mix(in srgb, var(--color-neutral-0) 10%, transparent);
+
+    /* Soft Variants */
+    --soft-brand: color-mix(in srgb, var(--color-brand-500) 15%, transparent);
+    --soft-brand-hover: color-mix(in srgb, var(--color-brand-500) 25%, transparent);
+    --soft-success: color-mix(in srgb, var(--color-success-500) 15%, transparent);
+    --soft-error: color-mix(in srgb, var(--color-error-500) 15%, transparent);
+    --soft-warning: color-mix(in srgb, var(--color-warning-500) 15%, transparent);
+    --soft-info: color-mix(in srgb, var(--color-info-500) 15%, transparent);
+
+    /* Focus Ring */
+    --focus-ring: 0 0 0 3px color-mix(in srgb, var(--color-brand-500) 50%, transparent);
 }
 
 /* ─── Radius Scale (Button → Container Derivation) ─── */

package/dist/tokens/brands.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"}}},e="orion";exports.brands=r;exports.defaultBrand=e;

package/dist/tokens/brands.d.ts

@@ -0,0 +1,5 @@
+import { Brand, BrandConfig } from './types';
+
+export declare const brands: Record<Brand, BrandConfig>;
+export declare const defaultBrand: Brand;
+//# sourceMappingURL=brands.d.ts.map

package/dist/tokens/brands.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brands.d.ts","sourceRoot":"","sources":["../../src/tokens/brands.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAElD,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,WAAW,CA2NpC,CAAC;AAEX,eAAO,MAAM,YAAY,EAAE,KAAe,CAAC"}

package/dist/tokens/brands.mjs

@@ -0,0 +1,222 @@
+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"
+    }
+  }
+}, e = "orion";
+export {
+  r as brands,
+  e as defaultBrand
+};

package/dist/tokens/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./primitives.cjs"),r=require("./themes.cjs"),t=require("./brands.cjs"),i=require("./utils.cjs");exports.blur=e.blur;exports.color=e.color;exports.icon=e.icon;exports.primitives=e.primitives;exports.radius=e.radius;exports.spacing=e.spacing;exports.typography=e.typography;exports.darkTheme=r.darkTheme;exports.lightTheme=r.lightTheme;exports.themes=r.themes;exports.brands=t.brands;exports.defaultBrand=t.defaultBrand;exports.getBrand=i.getBrand;exports.getSemanticToken=i.getSemanticToken;exports.getToken=i.getToken;exports.isValidBrand=i.isValidBrand;exports.isValidTheme=i.isValidTheme;exports.toCSSVariable=i.toCSSVariable;

package/dist/tokens/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Orion Design System - Core Tokens
+ *
+ * @packageDocumentation
+ */
+export * from './types';
+export * from './primitives';
+export * from './themes';
+export * from './brands';
+export * from './utils';
+//# sourceMappingURL=index.d.ts.map

package/dist/tokens/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,cAAc,SAAS,CAAC;AAGxB,cAAc,cAAc,CAAC;AAG7B,cAAc,UAAU,CAAC;AAGzB,cAAc,UAAU,CAAC;AAGzB,cAAc,SAAS,CAAC"}

package/dist/tokens/index.mjs

@@ -0,0 +1,24 @@
+import { blur as o, color as a, icon as t, primitives as i, radius as m, spacing as d, typography as n } from "./primitives.mjs";
+import { darkTheme as l, lightTheme as s, themes as g } from "./themes.mjs";
+import { brands as f, defaultBrand as T } from "./brands.mjs";
+import { getBrand as x, getSemanticToken as b, getToken as k, isValidBrand as u, isValidTheme as B, toCSSVariable as S } from "./utils.mjs";
+export {
+  o as blur,
+  f as brands,
+  a as color,
+  l as darkTheme,
+  T as defaultBrand,
+  x as getBrand,
+  b as getSemanticToken,
+  k as getToken,
+  t as icon,
+  u as isValidBrand,
+  B as isValidTheme,
+  s as lightTheme,
+  i as primitives,
+  m as radius,
+  d as spacing,
+  g as themes,
+  S as toCSSVariable,
+  n as typography
+};

package/dist/tokens/primitives.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={project:{name:"Orion",description:"AI-First Design System Primitives"},color:{brand:{orion:{50:"#e8f0ff",100:"#c7daff",200:"#a3c2ff",300:"#7ea9ff",400:"#5990ff",500:"#1B5BFF",600:"#1850e6",700:"#1544cc",800:"#1139b3",900:"#0d2d99",950:"#071a5c"},deepblue:{50:"#e6f2ff",100:"#b3d9ff",200:"#80bfff",300:"#4da6ff",400:"#1a8cff",500:"#006FBA",600:"#0062a6",700:"#005592",800:"#00487d",900:"#003b69",950:"#002540"},red:{50:"#fdf2f2",100:"#fde8e8",200:"#fbd5d5",300:"#f8b4b4",400:"#f08282",500:"#D7282F",600:"#b91c22",700:"#93151b",800:"#7a151b",900:"#661619",950:"#3b090b"},orange:{50:"#fef0eb",100:"#fdd5c9",200:"#fcb9a5",300:"#fa9d80",400:"#f87d52",500:"#F15D22",600:"#d9531f",700:"#c0491b",800:"#a63f17",900:"#8c3513",950:"#59220c"},ember:{50:"#fef0eb",100:"#fdd5c9",200:"#fcb9a5",300:"#fa9d80",400:"#f87d52",500:"#F15D22",600:"#d9531f",700:"#c0491b",800:"#a63f17",900:"#8c3513",950:"#59220c"},lemon:{50:"#F4FFE6",100:"#E5FFCC",200:"#CCFFAA",300:"#A8FF77",400:"#8DFF5C",500:"#72FF43",600:"#5CE629",700:"#47B31A",800:"#358C14",900:"#266B0F",950:"#1A4A0A"}},neutral:{0:"#ffffff",50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a",950:"#020617",1e3:"#000000"},neutralPure:{0:"#ffffff",50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717",950:"#0a0a0a",1e3:"#000000"},error:{500:"#ef4444"},success:{500:"#22c55e"},warning:{500:"#eab308"},info:{500:"#3b82f6"}},typography:{family:{primary:"Libre Baskerville, system-ui, sans-serif",secondary:"Inter, system-ui, sans-serif",mono:"JetBrains Mono, monospace"},weight:{regular:"400",medium:"500",bold:"700"},size:{10:"10px",11:"11px",12:"12px",13:"13px",14:"14px",16:"16px",18:"18px",20:"20px",24:"24px",32:"32px",48:"48px",64:"64px",80:"80px",96:"96px"},lineHeight:{none:"1",tight:"1.25",snug:"1.375",normal:"1.5",relaxed:"1.625",loose:"2"}},spacing:{0:"0px",1:"4px",2:"8px",3:"12px",4:"16px",5:"20px",6:"24px",7:"28px",8:"32px",9:"36px",10:"40px",11:"44px",12:"48px",16:"64px",20:"80px",24:"96px",32:"128px",px:"1px","05":"2px"},radius:{0:"0px",sm:"8px",md:"12px",lg:"16px","lg-2":"20px",xl:"24px","2xl":"32px",full:"9999px"},radiusScale:{0:"0",xs:"sm",sm:"lg",md:"xl",lg:"2xl","lg-2":"3xl",xl:"3xl","2xl":"3xl",full:"3xl"},blur:{sm:"4px",md:"8px",lg:"12px",xl:"24px"},zIndex:{base:"0",dropdown:"50",sticky:"100",overlay:"200",modal:"300",popover:"400",tooltip:"500",toast:"600"},transition:{fast:"150ms ease",normal:"300ms ease",slow:"500ms ease"},icon:{library:"lucide",cdn:"https://unpkg.com/lucide@latest",size:{sm:"16px",md:"20px",lg:"24px",xl:"32px"},stroke:"2"}},{color:f,typography:p,spacing:a,radius:x,blur:s,icon:r}=e;exports.blur=s;exports.color=f;exports.icon=r;exports.primitives=e;exports.radius=x;exports.spacing=a;exports.typography=p;

package/dist/tokens/primitives.d.ts

@@ -0,0 +1,5 @@
+import { Primitives } from './types';
+
+export declare const primitives: Primitives;
+export declare const color: import('./types').ColorPrimitives, typography: import('./types').TypographyPrimitives, spacing: import('./types').SpacingPrimitives, radius: import('./types').RadiusPrimitives, blur: import('./types').BlurPrimitives, icon: import('./types').IconPrimitives;
+//# sourceMappingURL=primitives.d.ts.map

package/dist/tokens/primitives.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../src/tokens/primitives.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,eAAO,MAAM,UAAU,EAAE,UA+Of,CAAC;AAGX,eAAO,MAAQ,KAAK,qCAAE,UAAU,0CAAE,OAAO,uCAAE,MAAM,sCAAE,IAAI,oCAAE,IAAI,kCAAe,CAAC"}

package/dist/tokens/primitives.mjs

@@ -0,0 +1,249 @@
+const f = {
+  project: {
+    name: "Orion",
+    description: "AI-First Design System Primitives"
+  },
+  color: {
+    brand: {
+      orion: {
+        50: "#e8f0ff",
+        100: "#c7daff",
+        200: "#a3c2ff",
+        300: "#7ea9ff",
+        400: "#5990ff",
+        500: "#1B5BFF",
+        600: "#1850e6",
+        700: "#1544cc",
+        800: "#1139b3",
+        900: "#0d2d99",
+        950: "#071a5c"
+      },
+      deepblue: {
+        50: "#e6f2ff",
+        100: "#b3d9ff",
+        200: "#80bfff",
+        300: "#4da6ff",
+        400: "#1a8cff",
+        500: "#006FBA",
+        600: "#0062a6",
+        700: "#005592",
+        800: "#00487d",
+        900: "#003b69",
+        950: "#002540"
+      },
+      red: {
+        50: "#fdf2f2",
+        100: "#fde8e8",
+        200: "#fbd5d5",
+        300: "#f8b4b4",
+        400: "#f08282",
+        500: "#D7282F",
+        600: "#b91c22",
+        700: "#93151b",
+        800: "#7a151b",
+        900: "#661619",
+        950: "#3b090b"
+      },
+      orange: {
+        50: "#fef0eb",
+        100: "#fdd5c9",
+        200: "#fcb9a5",
+        300: "#fa9d80",
+        400: "#f87d52",
+        500: "#F15D22",
+        600: "#d9531f",
+        700: "#c0491b",
+        800: "#a63f17",
+        900: "#8c3513",
+        950: "#59220c"
+      },
+      ember: {
+        50: "#fef0eb",
+        100: "#fdd5c9",
+        200: "#fcb9a5",
+        300: "#fa9d80",
+        400: "#f87d52",
+        500: "#F15D22",
+        600: "#d9531f",
+        700: "#c0491b",
+        800: "#a63f17",
+        900: "#8c3513",
+        950: "#59220c"
+      },
+      lemon: {
+        50: "#F4FFE6",
+        100: "#E5FFCC",
+        200: "#CCFFAA",
+        300: "#A8FF77",
+        400: "#8DFF5C",
+        500: "#72FF43",
+        600: "#5CE629",
+        700: "#47B31A",
+        800: "#358C14",
+        900: "#266B0F",
+        950: "#1A4A0A"
+      }
+    },
+    neutral: {
+      0: "#ffffff",
+      50: "#f8fafc",
+      100: "#f1f5f9",
+      200: "#e2e8f0",
+      300: "#cbd5e1",
+      400: "#94a3b8",
+      500: "#64748b",
+      600: "#475569",
+      700: "#334155",
+      800: "#1e293b",
+      900: "#0f172a",
+      950: "#020617",
+      1e3: "#000000"
+    },
+    neutralPure: {
+      0: "#ffffff",
+      50: "#fafafa",
+      100: "#f5f5f5",
+      200: "#e5e5e5",
+      300: "#d4d4d4",
+      400: "#a3a3a3",
+      500: "#737373",
+      600: "#525252",
+      700: "#404040",
+      800: "#262626",
+      900: "#171717",
+      950: "#0a0a0a",
+      1e3: "#000000"
+    },
+    error: {
+      500: "#ef4444"
+    },
+    success: {
+      500: "#22c55e"
+    },
+    warning: {
+      500: "#eab308"
+    },
+    info: {
+      500: "#3b82f6"
+    }
+  },
+  typography: {
+    family: {
+      primary: "Libre Baskerville, system-ui, sans-serif",
+      secondary: "Inter, system-ui, sans-serif",
+      mono: "JetBrains Mono, monospace"
+    },
+    weight: {
+      regular: "400",
+      medium: "500",
+      bold: "700"
+    },
+    size: {
+      10: "10px",
+      11: "11px",
+      12: "12px",
+      13: "13px",
+      14: "14px",
+      16: "16px",
+      18: "18px",
+      20: "20px",
+      24: "24px",
+      32: "32px",
+      48: "48px",
+      64: "64px",
+      80: "80px",
+      96: "96px"
+    },
+    lineHeight: {
+      none: "1",
+      tight: "1.25",
+      snug: "1.375",
+      normal: "1.5",
+      relaxed: "1.625",
+      loose: "2"
+    }
+  },
+  spacing: {
+    0: "0px",
+    1: "4px",
+    2: "8px",
+    3: "12px",
+    4: "16px",
+    5: "20px",
+    6: "24px",
+    7: "28px",
+    8: "32px",
+    9: "36px",
+    10: "40px",
+    11: "44px",
+    12: "48px",
+    16: "64px",
+    20: "80px",
+    24: "96px",
+    32: "128px",
+    px: "1px",
+    "05": "2px"
+  },
+  radius: {
+    0: "0px",
+    sm: "8px",
+    md: "12px",
+    lg: "16px",
+    "lg-2": "20px",
+    xl: "24px",
+    "2xl": "32px",
+    full: "9999px"
+  },
+  radiusScale: {
+    0: "0",
+    xs: "sm",
+    sm: "lg",
+    md: "xl",
+    lg: "2xl",
+    "lg-2": "3xl",
+    xl: "3xl",
+    "2xl": "3xl",
+    full: "3xl"
+  },
+  blur: {
+    sm: "4px",
+    md: "8px",
+    lg: "12px",
+    xl: "24px"
+  },
+  zIndex: {
+    base: "0",
+    dropdown: "50",
+    sticky: "100",
+    overlay: "200",
+    modal: "300",
+    popover: "400",
+    tooltip: "500",
+    toast: "600"
+  },
+  transition: {
+    fast: "150ms ease",
+    normal: "300ms ease",
+    slow: "500ms ease"
+  },
+  icon: {
+    library: "lucide",
+    cdn: "https://unpkg.com/lucide@latest",
+    size: {
+      sm: "16px",
+      md: "20px",
+      lg: "24px",
+      xl: "32px"
+    },
+    stroke: "2"
+  }
+}, { color: e, typography: p, spacing: x, radius: a, blur: s, icon: l } = f;
+export {
+  s as blur,
+  e as color,
+  l as icon,
+  f as primitives,
+  a as radius,
+  x as spacing,
+  p as typography
+};

package/dist/tokens/themes.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/tokens/themes.d.ts

@@ -0,0 +1,9 @@
+import { ThemeConfig } from './types';
+
+export declare const lightTheme: ThemeConfig;
+export declare const darkTheme: ThemeConfig;
+export declare const themes: {
+    readonly light: ThemeConfig;
+    readonly dark: ThemeConfig;
+};
+//# sourceMappingURL=themes.d.ts.map

package/dist/tokens/themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/tokens/themes.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,UAAU,EAAE,WA0Ef,CAAC;AAEX,eAAO,MAAM,SAAS,EAAE,WA0Ed,CAAC;AAEX,eAAO,MAAM,MAAM;;;CAGT,CAAC"}