@ag2/weave 0.6.0 → 0.8.0

package/dist/styles/ContainerColor.css.d.ts

@@ -7,6 +7,7 @@ export declare const ContainerColor: import("@vanilla-extract/recipes").RuntimeF
         SurfaceVariant: ComplexStyleRule;
         Primary: ComplexStyleRule;
         Secondary: ComplexStyleRule;
+        Info: ComplexStyleRule;
         Success: ComplexStyleRule;
         Warning: ComplexStyleRule;
         Critical: ComplexStyleRule;

package/dist/theme/brand.d.ts

@@ -0,0 +1,7 @@
+import { colorScale } from "./palette";
+import { identityFamilies } from "./identity";
+/** Choose a brand family for an existing category hue without inventing a new ramp. */
+export declare const brandFamilyForHue: (hue: number) => (typeof identityFamilies)[number];
+/** Fixed artwork/renderer tones. Product chrome should consume the semantic contract. */
+export declare const brandTone: (hue: number, step?: keyof typeof colorScale.Blue) => string;
+export declare const brandToneHex: (hue: number, step?: keyof typeof colorScale.Blue) => string;

package/dist/theme/color.css.d.ts

@@ -1,4 +1,76 @@
 export declare const color: {
+    Identity: {
+        OnMain: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Yellow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Green: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Mint: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Blue: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Indigo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Wine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Red: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Orange: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Brown: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Pink: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Peach: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Ochre: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    IdentityFill: {
+        Yellow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Green: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Mint: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Blue: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Indigo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Wine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Red: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Orange: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Brown: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Pink: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Peach: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Ochre: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    IdentityTint: {
+        Yellow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Green: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Mint: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Blue: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Indigo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Wine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Red: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Orange: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Brown: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Pink: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Peach: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Ochre: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    Media: {
+        Container: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Raised: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Elevated: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Text: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        TextSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        TextQuiet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Line: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Critical: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Action: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        ActionFill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        OnActionFill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        CriticalFill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        OnCriticalFill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    Syntax: {
+        Comment: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Punctuation: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Property: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Selector: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        String: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Operator: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Keyword: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Function: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Variable: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Number: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
     Reason: {
         you: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         agent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -25,7 +97,21 @@ export declare const color: {
         ContainerLine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         OnContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
+    Destructive: {
+        Main: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        MainHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        MainActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        OnMain: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    Action: {
+        Main: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        MainHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        MainActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        OnMain: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
     Primary: {
+        ContainerSubtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        TagContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         Main: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         MainHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         MainActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -50,6 +136,10 @@ export declare const color: {
         OnContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     Success: {
+        TagContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        TagHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        TagActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        OnTag: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         Main: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         MainHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         MainActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -62,6 +152,10 @@ export declare const color: {
         OnContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     Warning: {
+        TagContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        TagHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        TagActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        OnTag: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         Main: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         MainHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         MainActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -74,6 +168,26 @@ export declare const color: {
         OnContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     Critical: {
+        TagContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        TagHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        TagActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        OnTag: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Main: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        MainHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        MainActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        MainLine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        OnMain: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Container: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        ContainerHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        ContainerActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        ContainerLine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        OnContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    Info: {
+        TagContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        TagHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        TagActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        OnTag: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         Main: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         MainHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         MainActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -85,11 +199,43 @@ export declare const color: {
         ContainerLine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         OnContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
+    Accent: {
+        Main: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        MainHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        MainActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        MainLine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        OnMain: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Container: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        ContainerHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        ContainerActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        ContainerLine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        OnContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    Highlight: {
+        Container: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        OnContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Overlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    Control: {
+        DisabledBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        DisabledForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
     Other: {
         FocusRing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         Shadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         Overlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
+    Text: {
+        Disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Link: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Quiet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    Border: {
+        Focus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        Subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
 };
 export declare const reason: {
     you: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

package/dist/theme/colorValue.d.ts

@@ -0,0 +1,2 @@
+/** Resolve canonical opaque values for renderers that require sRGB hex (canvas, SVG assets). */
+export declare function toSrgbHex(value: string): string;

package/dist/theme/identity.d.ts

@@ -0,0 +1,9 @@
+/** Stable hash slots, with brand-derived text, glyph and initial backgrounds. */
+export declare const identityFamilies: readonly ["Yellow", "Green", "Mint", "Blue", "Indigo", "Wine", "Red", "Orange", "Brown", "Pink", "Peach", "Ochre"];
+export declare const identityValues: Record<"dark" | "light", {
+    ink: string;
+    fill: string;
+    onFill: string;
+    tint: string;
+    onTint: string;
+}[]>;

package/dist/theme/index.d.ts

@@ -3,3 +3,8 @@ export * from "./config.css";
 export * from "./vars.css";
 export * from "./util";
 export * from "./dark.css";
+export * from "./palette";
+export * from "./semantic";
+export * from "./identity";
+export * from "./colorValue";
+export * from "./brand";

package/dist/theme/neutralScale.d.ts

@@ -0,0 +1,25 @@
+/** Existing approved neutral assignments, including the three exact brand anchors. */
+export declare const neutralScale: {
+    readonly 0: "oklch(1 0 0)";
+    readonly 50: "oklch(0.967153 0.000000 89.876)";
+    readonly 75: "oklch(0.9460765 0.000952 67.691)";
+    readonly 100: "oklch(0.925000 0.001904 67.691)";
+    readonly 200: "oklch(0.890000 0.003485 67.691)";
+    readonly 250: "oklch(0.850000 0.005292 67.691)";
+    readonly 300: "oklch(0.810000 0.007099 67.691)";
+    readonly 400: "oklch(0.766227 0.009077 67.691)";
+    readonly 500: "oklch(0.700000 0.008363 67.691)";
+    readonly 550: "oklch(0.600000 0.007286 67.691)";
+    readonly 575: "oklch(0.535000 0.006585 67.691)";
+    readonly 600: "oklch(0.500000 0.006208 67.691)";
+    readonly 650: "oklch(0.470000 0.005885 67.691)";
+    readonly 700: "oklch(0.420000 0.005347 67.691)";
+    readonly 750: "oklch(0.370000 0.004808 67.691)";
+    readonly 800: "oklch(0.320000 0.004269 67.691)";
+    readonly 825: "oklch(0.3075 0.0041345 67.691)";
+    readonly 900: "oklch(0.270000 0.003731 67.691)";
+    readonly 925: "oklch(0.240000 0.003407 67.691)";
+    readonly 950: "oklch(0.215704 0.003146 17.401)";
+    readonly 1000: "oklch(0.170000 0.003146 67.691)";
+    readonly 1100: "oklch(0 0 0)";
+};

package/dist/theme/palette.d.ts

@@ -0,0 +1,330 @@
+export declare const brandColors: {
+    readonly Wine: "oklch(0.368836775 0.139301813 18.953858474)";
+    readonly Red: "oklch(0.598493594 0.190128378 27.468921581)";
+    readonly Pink: "oklch(0.903800376 0.079694210 323.525249668)";
+    readonly Green: "oklch(0.528376478 0.141024154 150.772194033)";
+    readonly Mint: "oklch(0.857770418 0.084263041 161.517741975)";
+    readonly PaleGreen: "oklch(0.933380375 0.066638576 131.686104685)";
+    readonly Navy: "oklch(0.254236102 0.120073415 267.073988973)";
+    readonly Indigo: "oklch(0.522871788 0.167994038 270.119438779)";
+    readonly Sky: "oklch(0.873307324 0.069002135 240.773146555)";
+    readonly Brown: "oklch(0.385360589 0.094661309 51.346486305)";
+    readonly Orange: "oklch(0.787009699 0.136442307 59.826136225)";
+    readonly Peach: "oklch(0.861424801 0.062583788 43.322761008)";
+    readonly Ochre: "oklch(0.506487299 0.103050084 70.035919696)";
+    readonly Yellow: "oklch(0.899728131 0.169532284 104.561072571)";
+    readonly PaleYellow: "oklch(0.957225457 0.076968671 109.359087060)";
+    readonly Ink: "oklch(0.215703550 0.003145551 17.400595087)";
+    readonly WarmGray: "oklch(0.766226535 0.009076668 67.690717819)";
+    readonly Paper: "oklch(0.967153292 0.000000036 89.875563105)";
+};
+export declare const colorScale: {
+    readonly Red: {
+        readonly 50: "oklch(0.975000000 0.008000000 323.525249668)";
+        readonly 100: "oklch(0.903800376 0.079694210 323.525249668)";
+        readonly 200: "oklch(0.834316763 0.104827504 338.077947414)";
+        readonly 300: "oklch(0.756410895 0.133007257 354.394608523)";
+        readonly 400: "oklch(0.677452244 0.161567817 10.931765052)";
+        readonly 500: "oklch(0.598493594 0.190128378 27.468921581)";
+        readonly 600: "oklch(0.494104131 0.167025394 23.598438351)";
+        readonly 700: "oklch(0.431470453 0.153163604 21.276148413)";
+        readonly 800: "oklch(0.368836775 0.139301813 18.953858474)";
+        readonly 900: "oklch(0.296918388 0.084650907 18.953858474)";
+        readonly 950: "oklch(0.225000000 0.030000000 18.953858474)";
+    };
+    readonly Green: {
+        readonly 50: "oklch(0.975000000 0.008000000 131.686104685)";
+        readonly 100: "oklch(0.933380375 0.066638576 131.686104685)";
+        readonly 200: "oklch(0.857770418 0.084263041 161.517741975)";
+        readonly 300: "oklch(0.787927577 0.096298349 159.239316337)";
+        readonly 400: "oklch(0.717140914 0.108496295 156.930101163)";
+        readonly 500: "oklch(0.646354251 0.120694242 154.620885989)";
+        readonly 600: "oklch(0.528376478 0.141024154 150.772194033)";
+        readonly 700: "oklch(0.452532359 0.113268115 150.772194033)";
+        readonly 800: "oklch(0.376688239 0.085512077 150.772194033)";
+        readonly 900: "oklch(0.300844120 0.057756038 150.772194033)";
+        readonly 950: "oklch(0.225000000 0.030000000 150.772194033)";
+    };
+    readonly Blue: {
+        readonly 50: "oklch(0.975000000 0.008000000 240.773146555)";
+        readonly 100: "oklch(0.939759964 0.029139354 240.773146555)";
+        readonly 200: "oklch(0.873307324 0.069002135 240.773146555)";
+        readonly 300: "oklch(0.799002941 0.089991822 246.995569548)";
+        readonly 400: "oklch(0.723694445 0.111265154 253.302079338)";
+        readonly 500: "oklch(0.648385949 0.132538485 259.608589129)";
+        readonly 600: "oklch(0.522871788 0.167994038 270.119438779)";
+        readonly 700: "oklch(0.455712867 0.156013882 269.358076328)";
+        readonly 800: "oklch(0.388553945 0.144033727 268.596713876)";
+        readonly 900: "oklch(0.321395024 0.132053571 267.835351424)";
+        readonly 950: "oklch(0.254236102 0.120073415 267.073988973)";
+    };
+    readonly Orange: {
+        readonly 50: "oklch(0.975000000 0.008000000 43.322761008)";
+        readonly 100: "oklch(0.861424801 0.062583788 43.322761008)";
+        readonly 200: "oklch(0.826343396 0.097402804 51.102923610)";
+        readonly 300: "oklch(0.787009699 0.136442307 59.826136225)";
+        readonly 400: "oklch(0.716130444 0.129069189 58.329727415)";
+        readonly 500: "oklch(0.645251189 0.121696072 56.833318606)";
+        readonly 600: "oklch(0.527119098 0.109407543 54.339303924)";
+        readonly 700: "oklch(0.456239844 0.102034426 52.842895114)";
+        readonly 800: "oklch(0.385360589 0.094661309 51.346486305)";
+        readonly 900: "oklch(0.305180295 0.062330654 51.346486305)";
+        readonly 950: "oklch(0.225000000 0.030000000 51.346486305)";
+    };
+    readonly Yellow: {
+        readonly 50: "oklch(0.957225457 0.076968671 109.359087060)";
+        readonly 100: "oklch(0.899728131 0.169532284 104.561072571)";
+        readonly 200: "oklch(0.837188625 0.158959211 99.070325366)";
+        readonly 300: "oklch(0.767068573 0.147104554 92.914033047)";
+        readonly 400: "oklch(0.696000953 0.135089698 86.674547588)";
+        readonly 500: "oklch(0.624933333 0.123074843 80.435062128)";
+        readonly 600: "oklch(0.506487299 0.103050084 70.035919696)";
+        readonly 700: "oklch(0.436115474 0.084787563 70.035919696)";
+        readonly 800: "oklch(0.365743649 0.066525042 70.035919696)";
+        readonly 900: "oklch(0.295371825 0.048262521 70.035919696)";
+        readonly 950: "oklch(0.225000000 0.030000000 70.035919696)";
+    };
+    readonly Neutral: {
+        readonly 0: "oklch(1 0 0)";
+        readonly 50: "oklch(0.967153 0.000000 89.876)";
+        readonly 75: "oklch(0.9460765 0.000952 67.691)";
+        readonly 100: "oklch(0.925000 0.001904 67.691)";
+        readonly 200: "oklch(0.890000 0.003485 67.691)";
+        readonly 250: "oklch(0.850000 0.005292 67.691)";
+        readonly 300: "oklch(0.810000 0.007099 67.691)";
+        readonly 400: "oklch(0.766227 0.009077 67.691)";
+        readonly 500: "oklch(0.700000 0.008363 67.691)";
+        readonly 550: "oklch(0.600000 0.007286 67.691)";
+        readonly 575: "oklch(0.535000 0.006585 67.691)";
+        readonly 600: "oklch(0.500000 0.006208 67.691)";
+        readonly 650: "oklch(0.470000 0.005885 67.691)";
+        readonly 700: "oklch(0.420000 0.005347 67.691)";
+        readonly 750: "oklch(0.370000 0.004808 67.691)";
+        readonly 800: "oklch(0.320000 0.004269 67.691)";
+        readonly 825: "oklch(0.3075 0.0041345 67.691)";
+        readonly 900: "oklch(0.270000 0.003731 67.691)";
+        readonly 925: "oklch(0.240000 0.003407 67.691)";
+        readonly 950: "oklch(0.215704 0.003146 17.401)";
+        readonly 1000: "oklch(0.170000 0.003146 67.691)";
+        readonly 1100: "oklch(0 0 0)";
+    };
+    readonly SignalRed: {
+        readonly 50: "oklch(0.975000000 0.008000000 27.468921581)";
+        readonly 100: "oklch(0.934453156 0.027613825 27.468921581)";
+        readonly 200: "oklch(0.857993394 0.064599896 27.468921581)";
+        readonly 300: "oklch(0.772265781 0.106069127 27.468921581)";
+        readonly 400: "oklch(0.685379687 0.148098752 27.468921581)";
+        readonly 500: "oklch(0.598493594 0.190128378 27.468921581)";
+        readonly 600: "oklch(0.488642537 0.143031796 27.468921581)";
+        readonly 700: "oklch(0.422731903 0.114773847 27.468921581)";
+        readonly 800: "oklch(0.356821268 0.086515898 27.468921581)";
+        readonly 900: "oklch(0.290910634 0.058257949 27.468921581)";
+        readonly 950: "oklch(0.225000000 0.030000000 27.468921581)";
+    };
+    readonly Indigo: {
+        readonly 50: "oklch(0.975000000 0.008000000 270.119438779)";
+        readonly 100: "oklch(0.939834472 0.020443981 270.119438779)";
+        readonly 200: "oklch(0.873522335 0.043909773 270.119438779)";
+        readonly 300: "oklch(0.799172362 0.070219904 270.119438779)";
+        readonly 400: "oklch(0.723817660 0.096885577 270.119438779)";
+        readonly 500: "oklch(0.648462958 0.123551250 270.119438779)";
+        readonly 600: "oklch(0.522871788 0.167994038 270.119438779)";
+        readonly 700: "oklch(0.448403841 0.133495528 270.119438779)";
+        readonly 800: "oklch(0.373935894 0.098997019 270.119438779)";
+        readonly 900: "oklch(0.299467947 0.064498509 270.119438779)";
+        readonly 950: "oklch(0.225000000 0.030000000 270.119438779)";
+    };
+    readonly Wine: {
+        readonly 50: "oklch(0.975000000 0.008000000 18.953858474)";
+        readonly 100: "oklch(0.939640479 0.015659272 18.953858474)";
+        readonly 200: "oklch(0.872962524 0.030102472 18.953858474)";
+        readonly 300: "oklch(0.798202393 0.046296362 18.953858474)";
+        readonly 400: "oklch(0.722431990 0.062709089 18.953858474)";
+        readonly 500: "oklch(0.646661587 0.079121816 18.953858474)";
+        readonly 600: "oklch(0.520377581 0.106476360 18.953858474)";
+        readonly 700: "oklch(0.444607178 0.122889087 18.953858474)";
+        readonly 800: "oklch(0.368836775 0.139301813 18.953858474)";
+        readonly 900: "oklch(0.296918388 0.084650907 18.953858474)";
+        readonly 950: "oklch(0.225000000 0.030000000 18.953858474)";
+    };
+    readonly Pink: {
+        readonly 50: "oklch(0.975000000 0.008000000 323.525249668)";
+        readonly 100: "oklch(0.903800376 0.079694210 323.525249668)";
+        readonly 200: "oklch(0.841141880 0.075107052 323.525249668)";
+        readonly 300: "oklch(0.770888414 0.069963875 323.525249668)";
+        readonly 400: "oklch(0.699685577 0.064751196 323.525249668)";
+        readonly 500: "oklch(0.628482741 0.059538517 323.525249668)";
+        readonly 600: "oklch(0.509811346 0.050850718 323.525249668)";
+        readonly 700: "oklch(0.438608510 0.045638038 323.525249668)";
+        readonly 800: "oklch(0.367405673 0.040425359 323.525249668)";
+        readonly 900: "oklch(0.296202837 0.035212679 323.525249668)";
+        readonly 950: "oklch(0.225000000 0.030000000 323.525249668)";
+    };
+    readonly Mint: {
+        readonly 50: "oklch(0.975000000 0.008000000 161.517741975)";
+        readonly 100: "oklch(0.934375888 0.034427786 161.517741975)";
+        readonly 200: "oklch(0.857770418 0.084263041 161.517741975)";
+        readonly 300: "oklch(0.785620941 0.078075884 161.517741975)";
+        readonly 400: "oklch(0.712496470 0.071805116 161.517741975)";
+        readonly 500: "oklch(0.639372000 0.065534349 161.517741975)";
+        readonly 600: "oklch(0.517497882 0.055083070 161.517741975)";
+        readonly 700: "oklch(0.444373412 0.048812302 161.517741975)";
+        readonly 800: "oklch(0.371248941 0.042541535 161.517741975)";
+        readonly 900: "oklch(0.298124471 0.036270767 161.517741975)";
+        readonly 950: "oklch(0.225000000 0.030000000 161.517741975)";
+    };
+    readonly Brown: {
+        readonly 50: "oklch(0.975000000 0.008000000 51.346486305)";
+        readonly 100: "oklch(0.940604368 0.013055243 51.346486305)";
+        readonly 200: "oklch(0.875744033 0.022587987 51.346486305)";
+        readonly 300: "oklch(0.803021839 0.033276215 51.346486305)";
+        readonly 400: "oklch(0.729316912 0.044108879 51.346486305)";
+        readonly 500: "oklch(0.655611986 0.054941542 51.346486305)";
+        readonly 600: "oklch(0.532770442 0.072995982 51.346486305)";
+        readonly 700: "oklch(0.459065516 0.083828645 51.346486305)";
+        readonly 800: "oklch(0.385360589 0.094661309 51.346486305)";
+        readonly 900: "oklch(0.305180295 0.062330654 51.346486305)";
+        readonly 950: "oklch(0.225000000 0.030000000 51.346486305)";
+    };
+    readonly Peach: {
+        readonly 50: "oklch(0.975000000 0.008000000 43.322761008)";
+        readonly 100: "oklch(0.861424801 0.062583788 43.322761008)";
+        readonly 200: "oklch(0.802677897 0.059576054 43.322761008)";
+        readonly 300: "oklch(0.736810155 0.056203746 43.322761008)";
+        readonly 400: "oklch(0.670052309 0.052785866 43.322761008)";
+        readonly 500: "oklch(0.603294462 0.049367986 43.322761008)";
+        readonly 600: "oklch(0.492031385 0.043671519 43.322761008)";
+        readonly 700: "oklch(0.425273539 0.040253640 43.322761008)";
+        readonly 800: "oklch(0.358515693 0.036835760 43.322761008)";
+        readonly 900: "oklch(0.291757846 0.033417880 43.322761008)";
+        readonly 950: "oklch(0.225000000 0.030000000 43.322761008)";
+    };
+    readonly Ochre: {
+        readonly 50: "oklch(0.975000000 0.008000000 70.035919696)";
+        readonly 100: "oklch(0.938560123 0.015392784 70.035919696)";
+        readonly 200: "oklch(0.869844927 0.029333463 70.035919696)";
+        readonly 300: "oklch(0.792800616 0.044963921 70.035919696)";
+        readonly 400: "oklch(0.714715166 0.060805602 70.035919696)";
+        readonly 500: "oklch(0.636629716 0.076647283 70.035919696)";
+        readonly 600: "oklch(0.506487299 0.103050084 70.035919696)";
+        readonly 700: "oklch(0.436115474 0.084787563 70.035919696)";
+        readonly 800: "oklch(0.365743649 0.066525042 70.035919696)";
+        readonly 900: "oklch(0.295371825 0.048262521 70.035919696)";
+        readonly 950: "oklch(0.225000000 0.030000000 70.035919696)";
+    };
+};
+export declare const brandFamilies: readonly [{
+    readonly family: "Red";
+    readonly label: "Wine / red / pink";
+    readonly anchors: readonly [{
+        readonly name: "Wine";
+        readonly hex: "#780B20";
+        readonly step: 800;
+        readonly value: "oklch(0.368836775 0.139301813 18.953858474)";
+    }, {
+        readonly name: "Red";
+        readonly hex: "#DA423A";
+        readonly step: 500;
+        readonly value: "oklch(0.598493594 0.190128378 27.468921581)";
+    }, {
+        readonly name: "Pink";
+        readonly hex: "#FACEFE";
+        readonly step: 100;
+        readonly value: "oklch(0.903800376 0.079694210 323.525249668)";
+    }];
+}, {
+    readonly family: "Green";
+    readonly label: "Green / mint / pale green";
+    readonly anchors: readonly [{
+        readonly name: "Green";
+        readonly hex: "#06813D";
+        readonly step: 600;
+        readonly value: "oklch(0.528376478 0.141024154 150.772194033)";
+    }, {
+        readonly name: "Mint";
+        readonly hex: "#9EE2BF";
+        readonly step: 200;
+        readonly value: "oklch(0.857770418 0.084263041 161.517741975)";
+    }, {
+        readonly name: "PaleGreen";
+        readonly hex: "#D9F3C5";
+        readonly step: 100;
+        readonly value: "oklch(0.933380375 0.066638576 131.686104685)";
+    }];
+}, {
+    readonly family: "Blue";
+    readonly label: "Navy / blue / sky";
+    readonly anchors: readonly [{
+        readonly name: "Navy";
+        readonly hex: "#0A185B";
+        readonly step: 950;
+        readonly value: "oklch(0.254236102 0.120073415 267.073988973)";
+    }, {
+        readonly name: "Indigo";
+        readonly hex: "#465EC9";
+        readonly step: 600;
+        readonly value: "oklch(0.522871788 0.167994038 270.119438779)";
+    }, {
+        readonly name: "Sky";
+        readonly hex: "#ADDCFF";
+        readonly step: 200;
+        readonly value: "oklch(0.873307324 0.069002135 240.773146555)";
+    }];
+}, {
+    readonly family: "Orange";
+    readonly label: "Brown / orange / peach";
+    readonly anchors: readonly [{
+        readonly name: "Brown";
+        readonly hex: "#6A3207";
+        readonly step: 800;
+        readonly value: "oklch(0.385360589 0.094661309 51.346486305)";
+    }, {
+        readonly name: "Orange";
+        readonly hex: "#F9A358";
+        readonly step: 300;
+        readonly value: "oklch(0.787009699 0.136442307 59.826136225)";
+    }, {
+        readonly name: "Peach";
+        readonly hex: "#F6C5B1";
+        readonly step: 100;
+        readonly value: "oklch(0.861424801 0.062583788 43.322761008)";
+    }];
+}, {
+    readonly family: "Yellow";
+    readonly label: "Ochre / yellow / pale yellow";
+    readonly anchors: readonly [{
+        readonly name: "Ochre";
+        readonly hex: "#8A5911";
+        readonly step: 600;
+        readonly value: "oklch(0.506487299 0.103050084 70.035919696)";
+    }, {
+        readonly name: "Yellow";
+        readonly hex: "#F0E345";
+        readonly step: 100;
+        readonly value: "oklch(0.899728131 0.169532284 104.561072571)";
+    }, {
+        readonly name: "PaleYellow";
+        readonly hex: "#F4F6BA";
+        readonly step: 50;
+        readonly value: "oklch(0.957225457 0.076968671 109.359087060)";
+    }];
+}, {
+    readonly family: "Neutral";
+    readonly label: "Ink / warm gray / off-white";
+    readonly anchors: readonly [{
+        readonly name: "Ink";
+        readonly hex: "#1B1919";
+        readonly step: 950;
+        readonly value: "oklch(0.215703550 0.003145551 17.400595087)";
+    }, {
+        readonly name: "WarmGray";
+        readonly hex: "#B7B2AD";
+        readonly step: 400;
+        readonly value: "oklch(0.766226535 0.009076668 67.690717819)";
+    }, {
+        readonly name: "Paper";
+        readonly hex: "#F4F4F4";
+        readonly step: 50;
+        readonly value: "oklch(0.967153292 0.000000036 89.875563105)";
+    }];
+}];