@elaraai/east-ui 1.0.59 → 1.0.61

package/dist/src/runtime/disclosure/collapsible.d.ts

@@ -23,7 +23,7 @@ import { type ContentProps, type JsxTag } from "../combinators.js";
  * import { Box, Collapsible, Text, UIComponentType } from "@elaraai/east-ui";
  *
  * const why = East.function([], UIComponentType, _$ => (
- *     <Collapsible trigger={<Text color="blue.500">Why did we recommend this?</Text>}>
+ *     <Collapsible trigger={<Text color="link">Why did we recommend this?</Text>}>
  *         <Box padding="3" background="bg.subtle">
  *             <Text color="fg.muted">Stage 1 was delayed ~6h due to setpoint drift.</Text>
  *         </Box>

package/dist/src/runtime/disclosure/collapsible.js

@@ -23,7 +23,7 @@ import { content } from "../combinators.js";
  * import { Box, Collapsible, Text, UIComponentType } from "@elaraai/east-ui";
  *
  * const why = East.function([], UIComponentType, _$ => (
- *     <Collapsible trigger={<Text color="blue.500">Why did we recommend this?</Text>}>
+ *     <Collapsible trigger={<Text color="link">Why did we recommend this?</Text>}>
  *         <Box padding="3" background="bg.subtle">
  *             <Text color="fg.muted">Stage 1 was delayed ~6h due to setpoint drift.</Text>
  *         </Box>

package/dist/src/runtime/layout/box.d.ts

@@ -22,7 +22,7 @@ import { type ContainerProps, type JsxTag } from "../combinators.js";
  * import { Box, Text, UIComponentType } from "@elaraai/east-ui";
  *
  * const card = East.function([], UIComponentType, _$ => (
- *     <Box padding="4" background="blue.50" color="blue.800" borderRadius="md">
+ *     <Box padding="4" background="bg.brand.subtle" color="link" borderRadius="md">
  *         <Text>Styled container content</Text>
  *     </Box>
  * ));

package/dist/src/runtime/layout/box.js

@@ -22,7 +22,7 @@ import { container } from "../combinators.js";
  * import { Box, Text, UIComponentType } from "@elaraai/east-ui";
  *
  * const card = East.function([], UIComponentType, _$ => (
- *     <Box padding="4" background="blue.50" color="blue.800" borderRadius="md">
+ *     <Box padding="4" background="bg.brand.subtle" color="link" borderRadius="md">
  *         <Text>Styled container content</Text>
  *     </Box>
  * ));

package/dist/src/runtime/layout/configurator.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<Configurator>` tag — see the export's JSDoc.
+ */
+import { Configurator as ConfiguratorFactory, type ConfiguratorOptions } from "../../layout/configurator/index.js";
+import { type JsxTag } from "../combinators.js";
+/** Row builders + types surfaced on the `<Configurator>` tag (mirrors the `Configurator` factory namespace). */
+type ConfiguratorBuilders = {
+    Control: typeof ConfiguratorFactory.Control;
+    Slot: typeof ConfiguratorFactory.Slot;
+    Spec: typeof ConfiguratorFactory.Spec;
+    Types: typeof ConfiguratorFactory.Types;
+};
+/**
+ * A labelled control table beside a live preview and a derived spec readout —
+ * the canonical "change a prop, watch the component react" surface. Reach for
+ * it for property inspectors, settings panels, and component demos; for a plain
+ * label/value readout with no controls use {@link DataList}, and for a static
+ * side-by-side enumeration use {@link Grid}.
+ *
+ * `controls` is the single source of truth: each row renders its control **and**
+ * contributes its `value` to the spec column, so a control and its readout
+ * cannot disagree. Rows built with `Configurator.Slot` render a control but
+ * report nothing; `spec` appends extra rows for state derived from several
+ * controls at once.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Badge, Configurator, SegmentGroup, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const demo = East.function([], UIComponentType, _$ => (
+ *     <Configurator
+ *         controls={[
+ *             Configurator.Control("Variant", "outline",
+ *                 <SegmentGroup value="outline" items={[SegmentGroup.Item("outline", "Outline")]} />),
+ *         ]}
+ *         preview={<Badge variant="outline">Sample</Badge>}
+ *         spec={[Configurator.Spec("Radius", "sm")]}
+ *     />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Configurator.Control(label, value, control, hint?)`,
+ * `Configurator.Slot(label, control, hint?)`, `Configurator.Spec(label, value)`
+ * and `Configurator.Types`. The sidebar stacks beneath the control table on
+ * narrow viewports. Desugars to `Configurator.Root(options)`.
+ */
+export declare const Configurator: JsxTag<ConfiguratorOptions> & ConfiguratorBuilders;
+export {};
+//# sourceMappingURL=configurator.d.ts.map

package/dist/src/runtime/layout/configurator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"configurator.d.ts","sourceRoot":"","sources":["../../../../src/runtime/layout/configurator.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,YAAY,IAAI,mBAAmB,EAAE,KAAK,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACnH,OAAO,EAAc,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE5D,gHAAgH;AAChH,KAAK,oBAAoB,GAAG;IACxB,OAAO,EAAE,OAAO,mBAAmB,CAAC,OAAO,CAAC;IAC5C,IAAI,EAAE,OAAO,mBAAmB,CAAC,IAAI,CAAC;IACtC,IAAI,EAAE,OAAO,mBAAmB,CAAC,IAAI,CAAC;IACtC,KAAK,EAAE,OAAO,mBAAmB,CAAC,KAAK,CAAC;CAC3C,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,mBAAmB,CAAC,GAAG,oBAMnD,CAAC"}

package/dist/src/runtime/layout/configurator.js

@@ -0,0 +1,53 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<Configurator>` tag — see the export's JSDoc.
+ */
+import { Configurator as ConfiguratorFactory } from "../../layout/configurator/index.js";
+import { optionsTag } from "../combinators.js";
+/**
+ * A labelled control table beside a live preview and a derived spec readout —
+ * the canonical "change a prop, watch the component react" surface. Reach for
+ * it for property inspectors, settings panels, and component demos; for a plain
+ * label/value readout with no controls use {@link DataList}, and for a static
+ * side-by-side enumeration use {@link Grid}.
+ *
+ * `controls` is the single source of truth: each row renders its control **and**
+ * contributes its `value` to the spec column, so a control and its readout
+ * cannot disagree. Rows built with `Configurator.Slot` render a control but
+ * report nothing; `spec` appends extra rows for state derived from several
+ * controls at once.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Badge, Configurator, SegmentGroup, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const demo = East.function([], UIComponentType, _$ => (
+ *     <Configurator
+ *         controls={[
+ *             Configurator.Control("Variant", "outline",
+ *                 <SegmentGroup value="outline" items={[SegmentGroup.Item("outline", "Outline")]} />),
+ *         ]}
+ *         preview={<Badge variant="outline">Sample</Badge>}
+ *         spec={[Configurator.Spec("Radius", "sm")]}
+ *     />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Configurator.Control(label, value, control, hint?)`,
+ * `Configurator.Slot(label, control, hint?)`, `Configurator.Spec(label, value)`
+ * and `Configurator.Types`. The sidebar stacks beneath the control table on
+ * narrow viewports. Desugars to `Configurator.Root(options)`.
+ */
+export const Configurator = Object.assign(optionsTag(ConfiguratorFactory.Root), {
+    Control: ConfiguratorFactory.Control,
+    Slot: ConfiguratorFactory.Slot,
+    Spec: ConfiguratorFactory.Spec,
+    Types: ConfiguratorFactory.Types,
+});
+//# sourceMappingURL=configurator.js.map

package/dist/src/runtime/layout/configurator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"configurator.js","sourceRoot":"","sources":["../../../../src/runtime/layout/configurator.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,YAAY,IAAI,mBAAmB,EAA4B,MAAM,oCAAoC,CAAC;AACnH,OAAO,EAAE,UAAU,EAAe,MAAM,mBAAmB,CAAC;AAU5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,MAAM,CAAC,MAAM,YAAY,GACrB,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE;IAChD,OAAO,EAAE,mBAAmB,CAAC,OAAO;IACpC,IAAI,EAAE,mBAAmB,CAAC,IAAI;IAC9B,IAAI,EAAE,mBAAmB,CAAC,IAAI;IAC9B,KAAK,EAAE,mBAAmB,CAAC,KAAK;CACnC,CAAC,CAAC"}

package/dist/src/runtime/layout/grid.d.ts

@@ -30,10 +30,10 @@ type GridBuilders = {
  * const gallery = East.function([], UIComponentType, _$ => (
  *     <Grid
  *         items={[
- *             Grid.Item(<Box padding="3" background="gray.200"><Text>Full Width Header</Text></Box>, { colSpan: "3" }),
- *             Grid.Item(<Box padding="2" background="gray.100"><Text>Col 1</Text></Box>),
- *             Grid.Item(<Box padding="2" background="gray.100"><Text>Col 2</Text></Box>),
- *             Grid.Item(<Box padding="2" background="gray.100"><Text>Col 3</Text></Box>),
+ *             Grid.Item(<Box padding="3" background="bg.emphasized"><Text>Full Width Header</Text></Box>, { colSpan: "3" }),
+ *             Grid.Item(<Box padding="2" background="bg.subtle"><Text>Col 1</Text></Box>),
+ *             Grid.Item(<Box padding="2" background="bg.subtle"><Text>Col 2</Text></Box>),
+ *             Grid.Item(<Box padding="2" background="bg.subtle"><Text>Col 3</Text></Box>),
  *         ]}
  *         templateColumns="repeat(3, 1fr)"
  *         gap="3"

package/dist/src/runtime/layout/grid.js

@@ -25,10 +25,10 @@ import { leaf } from "../combinators.js";
  * const gallery = East.function([], UIComponentType, _$ => (
  *     <Grid
  *         items={[
- *             Grid.Item(<Box padding="3" background="gray.200"><Text>Full Width Header</Text></Box>, { colSpan: "3" }),
- *             Grid.Item(<Box padding="2" background="gray.100"><Text>Col 1</Text></Box>),
- *             Grid.Item(<Box padding="2" background="gray.100"><Text>Col 2</Text></Box>),
- *             Grid.Item(<Box padding="2" background="gray.100"><Text>Col 3</Text></Box>),
+ *             Grid.Item(<Box padding="3" background="bg.emphasized"><Text>Full Width Header</Text></Box>, { colSpan: "3" }),
+ *             Grid.Item(<Box padding="2" background="bg.subtle"><Text>Col 1</Text></Box>),
+ *             Grid.Item(<Box padding="2" background="bg.subtle"><Text>Col 2</Text></Box>),
+ *             Grid.Item(<Box padding="2" background="bg.subtle"><Text>Col 3</Text></Box>),
  *         ]}
  *         templateColumns="repeat(3, 1fr)"
  *         gap="3"

package/dist/src/runtime/layout/index.d.ts

@@ -14,4 +14,5 @@ export { Dock } from "./dock.js";
 export { Separator } from "./separator.js";
 export { Grid } from "./grid.js";
 export { Splitter } from "./splitter.js";
+export { Configurator } from "./configurator.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/src/runtime/layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/runtime/layout/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,8CAA8C;AAE9C,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/runtime/layout/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,8CAA8C;AAE9C,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/src/runtime/layout/index.js

@@ -14,4 +14,5 @@ export { Dock } from "./dock.js";
 export { Separator } from "./separator.js";
 export { Grid } from "./grid.js";
 export { Splitter } from "./splitter.js";
+export { Configurator } from "./configurator.js";
 //# sourceMappingURL=index.js.map

package/dist/src/runtime/layout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/runtime/layout/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,8CAA8C;AAE9C,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/runtime/layout/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,8CAA8C;AAE9C,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/src/runtime/layout/splitter.d.ts

@@ -32,8 +32,8 @@ type SplitterBuilders = {
  *     <Box height="200px">
  *         <Splitter
  *             panels={[
- *                 Splitter.Panel(<Box padding="4" background="gray.800" color="white"><Text>Code Editor</Text></Box>, { id: "editor", minSize: 30 }),
- *                 Splitter.Panel(<Box padding="4" background="gray.900" color="green.400"><Text>Terminal</Text></Box>, { id: "terminal", minSize: 10 }),
+ *                 Splitter.Panel(<Box padding="4" background="bg.inverse" color="fg.inverse"><Text>Code Editor</Text></Box>, { id: "editor", minSize: 30 }),
+ *                 Splitter.Panel(<Box padding="4" background="bg.inverse" color="fg.success"><Text>Terminal</Text></Box>, { id: "terminal", minSize: 10 }),
  *             ]}
  *             defaultSize={[70, 30]}
  *             orientation="vertical"

package/dist/src/runtime/layout/splitter.js

@@ -27,8 +27,8 @@ import { optionsTag } from "../combinators.js";
  *     <Box height="200px">
  *         <Splitter
  *             panels={[
- *                 Splitter.Panel(<Box padding="4" background="gray.800" color="white"><Text>Code Editor</Text></Box>, { id: "editor", minSize: 30 }),
- *                 Splitter.Panel(<Box padding="4" background="gray.900" color="green.400"><Text>Terminal</Text></Box>, { id: "terminal", minSize: 10 }),
+ *                 Splitter.Panel(<Box padding="4" background="bg.inverse" color="fg.inverse"><Text>Code Editor</Text></Box>, { id: "editor", minSize: 30 }),
+ *                 Splitter.Panel(<Box padding="4" background="bg.inverse" color="fg.success"><Text>Terminal</Text></Box>, { id: "terminal", minSize: 10 }),
  *             ]}
  *             defaultSize={[70, 30]}
  *             orientation="vertical"

package/dist/src/runtime/layout/stack.d.ts

@@ -50,7 +50,7 @@ export declare const Stack: JsxTag<ContainerProps<typeof StackFactory.Root>> & {
  * import { VStack, Text, UIComponentType } from "@elaraai/east-ui";
  *
  * const stacked = East.function([], UIComponentType, _$ => (
- *     <VStack gap="3" align="stretch" padding="4" background="green.50">
+ *     <VStack gap="3" align="stretch" padding="4" background="bg.success.subtle">
  *         <Text>Full width item 1</Text>
  *         <Text>Full width item 2</Text>
  *     </VStack>

package/dist/src/runtime/layout/stack.js

@@ -48,7 +48,7 @@ export const Stack = Object.assign(container(StackFactory.Root), { Types: StackF
  * import { VStack, Text, UIComponentType } from "@elaraai/east-ui";
  *
  * const stacked = East.function([], UIComponentType, _$ => (
- *     <VStack gap="3" align="stretch" padding="4" background="green.50">
+ *     <VStack gap="3" align="stretch" padding="4" background="bg.success.subtle">
  *         <Text>Full width item 1</Text>
  *         <Text>Full width item 2</Text>
  *     </VStack>

package/dist/src/runtime/layout/sticky.d.ts

@@ -22,8 +22,8 @@ import { type ContentProps, type JsxTag } from "../combinators.js";
  *
  * const pinned = East.function([], UIComponentType, _$ => (
  *     <Box overflowY="auto" height="240px">
- *         <Sticky offset="0" boundary="parent" background="white">
- *             <Box padding="3" background="white"><Text>Section header — stays pinned</Text></Box>
+ *         <Sticky offset="0" boundary="parent" background="bg.surface">
+ *             <Box padding="3" background="bg.surface"><Text>Section header — stays pinned</Text></Box>
  *         </Sticky>
  *         <VStack gap="2" padding="3">
  *             <Text>Row 1</Text>

package/dist/src/runtime/layout/sticky.js

@@ -22,8 +22,8 @@ import { content } from "../combinators.js";
  *
  * const pinned = East.function([], UIComponentType, _$ => (
  *     <Box overflowY="auto" height="240px">
- *         <Sticky offset="0" boundary="parent" background="white">
- *             <Box padding="3" background="white"><Text>Section header — stays pinned</Text></Box>
+ *         <Sticky offset="0" boundary="parent" background="bg.surface">
+ *             <Box padding="3" background="bg.surface"><Text>Section header — stays pinned</Text></Box>
  *         </Sticky>
  *         <VStack gap="2" padding="3">
  *             <Text>Row 1</Text>

package/dist/src/runtime/overlays/hover-card.d.ts

@@ -25,7 +25,7 @@ import { type ContainerProps, type JsxTag } from "../combinators.js";
  *             <Avatar name="John Doe" size="lg" />
  *             <VStack gap="1" align="flex-start">
  *                 <Text fontWeight="semibold">John Doe</Text>
- *                 <Text textStyle="body-sm" color="gray.500">Software Engineer</Text>
+ *                 <Text textStyle="body-sm" color="fg.muted">Software Engineer</Text>
  *             </VStack>
  *         </HStack>
  *     </HoverCard>

package/dist/src/runtime/overlays/hover-card.js

@@ -25,7 +25,7 @@ import { container } from "../combinators.js";
  *             <Avatar name="John Doe" size="lg" />
  *             <VStack gap="1" align="flex-start">
  *                 <Text fontWeight="semibold">John Doe</Text>
- *                 <Text textStyle="body-sm" color="gray.500">Software Engineer</Text>
+ *                 <Text textStyle="body-sm" color="fg.muted">Software Engineer</Text>
  *             </VStack>
  *         </HStack>
  *     </HoverCard>

package/dist/src/runtime/typography/heading.d.ts

@@ -23,7 +23,7 @@ import { type ContentProps, type JsxTag } from "../combinators.js";
  * import { Heading, UIComponentType } from "@elaraai/east-ui";
  *
  * const title = East.function([], UIComponentType, _$ => (
- *     <Heading as="h1" textStyle="display-md" color="gray.800" textAlign="center">
+ *     <Heading as="h1" textStyle="display-md" color="fg.default" textAlign="center">
  *         Welcome to East UI
  *     </Heading>
  * ));

package/dist/src/runtime/typography/heading.js

@@ -23,7 +23,7 @@ import { content } from "../combinators.js";
  * import { Heading, UIComponentType } from "@elaraai/east-ui";
  *
  * const title = East.function([], UIComponentType, _$ => (
- *     <Heading as="h1" textStyle="display-md" color="gray.800" textAlign="center">
+ *     <Heading as="h1" textStyle="display-md" color="fg.default" textAlign="center">
  *         Welcome to East UI
  *     </Heading>
  * ));

package/dist/src/runtime/typography/highlight.d.ts

@@ -21,7 +21,7 @@ import { type ContentProps, type JsxTag } from "../combinators.js";
  * import { Highlight, UIComponentType } from "@elaraai/east-ui";
  *
  * const snippet = East.function([], UIComponentType, _$ => (
- *     <Highlight query={["TypeScript", "JavaScript"]} background="yellow.200">
+ *     <Highlight query={["TypeScript", "JavaScript"]} background="bg.warning.subtle">
  *         TypeScript is a typed superset of JavaScript
  *     </Highlight>
  * ));

package/dist/src/runtime/typography/highlight.js

@@ -21,7 +21,7 @@ import { content } from "../combinators.js";
  * import { Highlight, UIComponentType } from "@elaraai/east-ui";
  *
  * const snippet = East.function([], UIComponentType, _$ => (
- *     <Highlight query={["TypeScript", "JavaScript"]} background="yellow.200">
+ *     <Highlight query={["TypeScript", "JavaScript"]} background="bg.warning.subtle">
  *         TypeScript is a typed superset of JavaScript
  *     </Highlight>
  * ));

package/dist/src/runtime/typography/text.d.ts

@@ -52,7 +52,7 @@ type TextBuilders = {
  * import { Text, UIComponentType } from "@elaraai/east-ui";
  *
  * const styled = East.function([], UIComponentType, _$ => (
- *     <Text color="blue.600" fontWeight="bold" fontStyle="italic" background="blue.50">
+ *     <Text color="link" fontWeight="bold" fontStyle="italic" background="bg.brand.subtle">
  *         Styled Text
  *     </Text>
  * ));

package/dist/src/runtime/typography/text.js

@@ -26,7 +26,7 @@ import { content } from "../combinators.js";
  * import { Text, UIComponentType } from "@elaraai/east-ui";
  *
  * const styled = East.function([], UIComponentType, _$ => (
- *     <Text color="blue.600" fontWeight="bold" fontStyle="italic" background="blue.50">
+ *     <Text color="link" fontWeight="bold" fontStyle="italic" background="bg.brand.subtle">
  *         Styled Text
  *     </Text>
  * ));

package/dist/src/style/namespace.d.ts

@@ -97,6 +97,7 @@ export declare const Style: {
             readonly lg: import("@elaraai/east").NullType;
         }>;
         readonly ColorScheme: import("@elaraai/east").VariantType<{
+            readonly brand: import("@elaraai/east").NullType;
             readonly gray: import("@elaraai/east").NullType;
             readonly red: import("@elaraai/east").NullType;
             readonly orange: import("@elaraai/east").NullType;

package/dist/src/style/namespace.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"namespace.d.ts","sourceRoot":"","sources":["../../../src/style/namespace.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,IAAI,EACJ,WAAW,EACX,YAAY,EACf,MAAM,aAAa,CAAC;AACrB,OAAO,EACH,UAAU,EACV,SAAS,EACT,SAAS,EACT,aAAa,EACb,aAAa,EACb,YAAY,EACZ,UAAU,EACV,cAAc,EACd,UAAU,EACV,kBAAkB,EAClB,SAAS,EACZ,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACH,WAAW,EACX,aAAa,EACb,cAAc,EACd,UAAU,EACV,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACT,MAAM,aAAa,CAAC;AACrB,OAAO,EACH,WAAW,EACX,WAAW,EACX,MAAM,EACN,SAAS,EACT,WAAW,EACX,SAAS,EACZ,MAAM,aAAa,CAAC;AACrB,OAAO,EACH,eAAe,EACf,cAAc,EACd,YAAY,EACZ,UAAU,EACb,MAAM,aAAa,CAAC;AACrB,OAAO,EACH,OAAO,EACP,SAAS,EACT,UAAU,EACV,WAAW,EACX,WAAW,EACd,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACH,KAAK,EAER,MAAM,cAAc,CAAC;AAEtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgGR,CAAC"}
+{"version":3,"file":"namespace.d.ts","sourceRoot":"","sources":["../../../src/style/namespace.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,IAAI,EACJ,WAAW,EACX,YAAY,EACf,MAAM,aAAa,CAAC;AACrB,OAAO,EACH,UAAU,EACV,SAAS,EACT,SAAS,EACT,aAAa,EACb,aAAa,EACb,YAAY,EACZ,UAAU,EACV,cAAc,EACd,UAAU,EACV,kBAAkB,EAClB,SAAS,EACZ,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACH,WAAW,EACX,aAAa,EACb,cAAc,EACd,UAAU,EACV,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACT,MAAM,aAAa,CAAC;AACrB,OAAO,EACH,WAAW,EACX,WAAW,EACX,MAAM,EACN,SAAS,EACT,WAAW,EACX,SAAS,EACZ,MAAM,aAAa,CAAC;AACrB,OAAO,EACH,eAAe,EACf,cAAc,EACd,YAAY,EACZ,UAAU,EACb,MAAM,aAAa,CAAC;AACrB,OAAO,EACH,OAAO,EACP,SAAS,EACT,UAAU,EACV,WAAW,EACX,WAAW,EACd,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACH,KAAK,EAER,MAAM,cAAc,CAAC;AAEtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgGR,CAAC"}

package/dist/src/style/scheme.d.ts

@@ -56,6 +56,10 @@ export declare function Size(size: "xs" | "sm" | "md" | "lg"): ExprType<SizeType
  *   consumer's Chakra theme resolves `colorPalette="success"` etc. to the
  *   dichromacy-safe palette of the design system (see contract).
  *
+ * @property brand - Semantic: the design system's primary (deep teal). The
+ *                   default for non-semantic emphasis — prefer it over a hue
+ *                   token, which resolves to a stock Chakra palette that is
+ *                   not part of the East palette.
  * @property gray - Gray color scheme
  * @property red - Red color scheme
  * @property orange - Orange color scheme
@@ -73,6 +77,7 @@ export declare function Size(size: "xs" | "sm" | "md" | "lg"): ExprType<SizeType
  * @property neutral - Semantic: "idle / inactive / unknown"
  */
 export declare const ColorSchemeType: VariantType<{
+    readonly brand: NullType;
     readonly gray: NullType;
     readonly red: NullType;
     readonly orange: NullType;
@@ -96,7 +101,7 @@ export type ColorSchemeType = typeof ColorSchemeType;
 /**
  * String literal type for color scheme values.
  */
-export type ColorSchemeLiteral = "gray" | "red" | "orange" | "yellow" | "green" | "teal" | "blue" | "cyan" | "purple" | "pink" | "success" | "warning" | "danger" | "info" | "neutral";
+export type ColorSchemeLiteral = "brand" | "gray" | "red" | "orange" | "yellow" | "green" | "teal" | "blue" | "cyan" | "purple" | "pink" | "success" | "warning" | "danger" | "info" | "neutral";
 /**
  * Creates a color scheme variant expression for Chakra UI theming.
  *

package/dist/src/style/scheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scheme.d.ts","sourceRoot":"","sources":["../../../src/style/scheme.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAQ,QAAQ,EAAW,WAAW,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAWpF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ;;;;;EAKnB,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,OAAO,QAAQ,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpD;;;;;;;;;;;;GAYG;AACH,wBAAgB,IAAI,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAExE;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;EAgB1B,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,OAAO,eAAe,CAAC;AAErD;;GAEG;AACH,MAAM,MAAM,kBAAkB,GACxB,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAC9C,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAC5C,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;AAE5D;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,kBAAkB,GAAG,QAAQ,CAAC,eAAe,CAAC,CAEjF;AAMD;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;EAY3B,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,OAAO,gBAAgB,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,mBAAmB,GACzB,QAAQ,GACR,OAAO,GACP,SAAS,GACT,OAAO,GACP,IAAI,GACJ,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,OAAO,GACP,SAAS,CAAC;AAEhB;;;;;;;;;;;;GAYG;AACH,wBAAgB,YAAY,CAAC,QAAQ,EAAE,mBAAmB,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAEtF"}
+{"version":3,"file":"scheme.d.ts","sourceRoot":"","sources":["../../../src/style/scheme.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAQ,QAAQ,EAAW,WAAW,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAWpF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ;;;;;EAKnB,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,OAAO,QAAQ,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpD;;;;;;;;;;;;GAYG;AACH,wBAAgB,IAAI,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAExE;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;EAiB1B,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,OAAO,eAAe,CAAC;AAErD;;GAEG;AACH,MAAM,MAAM,kBAAkB,GACxB,OAAO,GACP,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAC9C,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAC5C,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;AAE5D;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,kBAAkB,GAAG,QAAQ,CAAC,eAAe,CAAC,CAEjF;AAMD;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;EAY3B,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,OAAO,gBAAgB,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,mBAAmB,GACzB,QAAQ,GACR,OAAO,GACP,SAAS,GACT,OAAO,GACP,IAAI,GACJ,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,OAAO,GACP,SAAS,CAAC;AAEhB;;;;;;;;;;;;GAYG;AACH,wBAAgB,YAAY,CAAC,QAAQ,EAAE,mBAAmB,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAEtF"}

package/dist/src/style/scheme.js

@@ -61,6 +61,10 @@ export function Size(size) {
  *   consumer's Chakra theme resolves `colorPalette="success"` etc. to the
  *   dichromacy-safe palette of the design system (see contract).
  *
+ * @property brand - Semantic: the design system's primary (deep teal). The
+ *                   default for non-semantic emphasis — prefer it over a hue
+ *                   token, which resolves to a stock Chakra palette that is
+ *                   not part of the East palette.
  * @property gray - Gray color scheme
  * @property red - Red color scheme
  * @property orange - Orange color scheme
@@ -78,6 +82,7 @@ export function Size(size) {
  * @property neutral - Semantic: "idle / inactive / unknown"
  */
 export const ColorSchemeType = VariantType({
+    brand: NullType,
     gray: NullType,
     red: NullType,
     orange: NullType,

package/dist/src/style/scheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"scheme.js","sourceRoot":"","sources":["../../../src/style/scheme.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAiB,MAAM,eAAe,CAAC;AAEpF,+EAA+E;AAC/E,OAAO;AACP,+EAA+E;AAC/E,EAAE;AACF,2EAA2E;AAC3E,iEAAiE;AACjE,sEAAsE;AACtE,qEAAqE;AAErE;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,WAAW,CAAC;IAChC,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;CACf,CAAC,CAAC;AAYH;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,IAAI,CAAC,IAA+B;IAChD,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAC;AACrD,CAAC;AAED,+EAA+E;AAC/E,eAAe;AACf,+EAA+E;AAE/E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,WAAW,CAAC;IACvC,IAAI,EAAE,QAAQ;IACd,GAAG,EAAE,QAAQ;IACb,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,QAAQ;IACf,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,QAAQ;IACjB,OAAO,EAAE,QAAQ;IACjB,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,QAAQ;CACpB,CAAC,CAAC;AAeH;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,WAAW,CAAC,MAA0B;IAClD,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,eAAe,CAAC,CAAC;AAC9D,CAAC;AAED,+EAA+E;AAC/E,iCAAiC;AACjC,+EAA+E;AAE/E;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,CAAC;IACxC,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,QAAQ;IACf,OAAO,EAAE,QAAQ;IACjB,KAAK,EAAE,QAAQ;IACf,EAAE,EAAE,QAAQ;IACZ,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,OAAO,EAAE,QAAQ;CACpB,CAAC,CAAC;AAuBH;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,YAAY,CAAC,QAA6B;IACtD,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,EAAE,gBAAgB,CAAC,CAAC;AACjE,CAAC"}
+{"version":3,"file":"scheme.js","sourceRoot":"","sources":["../../../src/style/scheme.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAiB,MAAM,eAAe,CAAC;AAEpF,+EAA+E;AAC/E,OAAO;AACP,+EAA+E;AAC/E,EAAE;AACF,2EAA2E;AAC3E,iEAAiE;AACjE,sEAAsE;AACtE,qEAAqE;AAErE;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,WAAW,CAAC;IAChC,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;CACf,CAAC,CAAC;AAYH;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,IAAI,CAAC,IAA+B;IAChD,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAC;AACrD,CAAC;AAED,+EAA+E;AAC/E,eAAe;AACf,+EAA+E;AAE/E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,WAAW,CAAC;IACvC,KAAK,EAAE,QAAQ;IACf,IAAI,EAAE,QAAQ;IACd,GAAG,EAAE,QAAQ;IACb,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,QAAQ;IACf,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,QAAQ;IACjB,OAAO,EAAE,QAAQ;IACjB,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,QAAQ;CACpB,CAAC,CAAC;AAgBH;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,WAAW,CAAC,MAA0B;IAClD,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,eAAe,CAAC,CAAC;AAC9D,CAAC;AAED,+EAA+E;AAC/E,iCAAiC;AACjC,+EAA+E;AAE/E;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,CAAC;IACxC,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,QAAQ;IACf,OAAO,EAAE,QAAQ;IACjB,KAAK,EAAE,QAAQ;IACf,EAAE,EAAE,QAAQ;IACZ,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,OAAO,EAAE,QAAQ;CACpB,CAAC,CAAC;AAuBH;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,YAAY,CAAC,QAA6B;IACtD,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,EAAE,gBAAgB,CAAC,CAAC;AACjE,CAAC"}

package/dist/src/typography/heading/index.d.ts

@@ -35,7 +35,7 @@ declare function createHeading(value: SubtypeExprOrValue<StringType>, style?: He
  *     return Heading.Root("Welcome", {
  *         as: "h1",
  *         textStyle: "display-md",
- *         color: "blue.600",
+ *         color: "link",
  *     });
  * });
  * ```

package/dist/src/typography/heading/index.js

@@ -144,7 +144,7 @@ function buildHeadingVisualStyle(style) {
  *     return Heading.Root("Welcome", {
  *         as: "h1",
  *         textStyle: "display-md",
- *         color: "blue.600",
+ *         color: "link",
  *     });
  * });
  * ```

package/dist/src/typography/highlight/index.d.ts

@@ -32,7 +32,7 @@ declare function createHighlight(value: SubtypeExprOrValue<StringType>, style: H
  * const example = East.function([], UIComponentType, $ => {
  *     return Highlight.Root("Search results for: react components", {
  *         query: ["react", "components"],
- *         background: "yellow.200",
+ *         background: "bg.warning.subtle",
  *     });
  * });
  * ```

package/dist/src/typography/highlight/index.js

@@ -108,7 +108,7 @@ function buildHighlightVisualStyle(style) {
  * const example = East.function([], UIComponentType, $ => {
  *     return Highlight.Root("Search results for: react components", {
  *         query: ["react", "components"],
- *         background: "yellow.200",
+ *         background: "bg.warning.subtle",
  *     });
  * });
  * ```

package/dist/src/typography/list/index.d.ts

@@ -95,6 +95,7 @@ export declare const List: {
                     readonly color: OptionType<import("@elaraai/east").StringType>;
                     readonly background: OptionType<import("@elaraai/east").StringType>;
                     readonly colorPalette: OptionType<import("@elaraai/east").VariantType<{
+                        readonly brand: import("@elaraai/east").NullType;
                         readonly gray: import("@elaraai/east").NullType;
                         readonly red: import("@elaraai/east").NullType;
                         readonly orange: import("@elaraai/east").NullType;
@@ -188,6 +189,7 @@ export declare const List: {
                         readonly color: OptionType<import("@elaraai/east").StringType>;
                         readonly background: OptionType<import("@elaraai/east").StringType>;
                         readonly colorPalette: OptionType<import("@elaraai/east").VariantType<{
+                            readonly brand: import("@elaraai/east").NullType;
                             readonly gray: import("@elaraai/east").NullType;
                             readonly red: import("@elaraai/east").NullType;
                             readonly orange: import("@elaraai/east").NullType;

package/dist/src/typography/list/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/typography/list/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,kBAAkB,EACvB,KAAK,QAAQ,EAEb,SAAS,EACT,UAAU,EACV,UAAU,EAIb,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAGrD,OAAO,EAGH,mBAAmB,EACnB,KAAK,SAAS,EAEjB,MAAM,YAAY,CAAC;AAIpB,OAAO,EACH,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,KAAK,SAAS,GACjB,MAAM,YAAY,CAAC;AAEpB;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,UAAU,CAAC;IAC9B,KAAK,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;IAClC,KAAK,EAAE,UAAU,CAAC,mBAAmB,CAAC,CAAC;CAC1C,CAGC,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,OAAO,QAAQ,CAAC;AAMvC,KAAK,aAAa,GACZ,MAAM,GACN,QAAQ,CAAC,eAAe,CAAC,GACzB,kBAAkB,CAAC,eAAe,CAAC,CAAC;AAE1C;;;;;;;;GAQG;AACH,iBAAS,UAAU,CACf,KAAK,EACC,aAAa,EAAE,GACf,kBAAkB,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,EACpD,KAAK,CAAC,EAAE,SAAS,GAClB,QAAQ,CAAC,eAAe,CAAC,CAW3B;AA+FD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,IAAI;;;;mBArKN,SAAS,CAAC,eAAe,CAAC;mBAC1B,UAAU,CAAC,mBAAmB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4KhC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/typography/list/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,kBAAkB,EACvB,KAAK,QAAQ,EAEb,SAAS,EACT,UAAU,EACV,UAAU,EAIb,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAGrD,OAAO,EAGH,mBAAmB,EACnB,KAAK,SAAS,EAEjB,MAAM,YAAY,CAAC;AAIpB,OAAO,EACH,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,KAAK,SAAS,GACjB,MAAM,YAAY,CAAC;AAEpB;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,UAAU,CAAC;IAC9B,KAAK,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;IAClC,KAAK,EAAE,UAAU,CAAC,mBAAmB,CAAC,CAAC;CAC1C,CAGC,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,OAAO,QAAQ,CAAC;AAMvC,KAAK,aAAa,GACZ,MAAM,GACN,QAAQ,CAAC,eAAe,CAAC,GACzB,kBAAkB,CAAC,eAAe,CAAC,CAAC;AAE1C;;;;;;;;GAQG;AACH,iBAAS,UAAU,CACf,KAAK,EACC,aAAa,EAAE,GACf,kBAAkB,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,EACpD,KAAK,CAAC,EAAE,SAAS,GAClB,QAAQ,CAAC,eAAe,CAAC,CAW3B;AA+FD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,IAAI;;;;mBArKN,SAAS,CAAC,eAAe,CAAC;mBAC1B,UAAU,CAAC,mBAAmB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4KhC,CAAC"}

package/dist/src/typography/list/types.d.ts

@@ -66,6 +66,7 @@ export declare const ListMarkerType: VariantType<{
             readonly color: OptionType<StringType>;
             readonly background: OptionType<StringType>;
             readonly colorPalette: OptionType<VariantType<{
+                readonly brand: NullType;
                 readonly gray: NullType;
                 readonly red: NullType;
                 readonly orange: NullType;
@@ -166,6 +167,7 @@ export declare const ListVisualStyleType: StructType<{
                 readonly color: OptionType<StringType>;
                 readonly background: OptionType<StringType>;
                 readonly colorPalette: OptionType<VariantType<{
+                    readonly brand: NullType;
                     readonly gray: NullType;
                     readonly red: NullType;
                     readonly orange: NullType;

package/dist/src/typography/list/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/typography/list/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/typography/list/types.ts"],"names":[],"mappings":"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"}

package/dist/src/typography/text/index.d.ts

@@ -77,7 +77,7 @@ declare function createMonoKpi(value: SubtypeExprOrValue<StringType>, style?: Te
  * const example = East.function([], UIComponentType, $ => {
  *     return Text.Root("Hello World", {
  *         textStyle: "body-md",
- *         color: "blue.500",
+ *         color: "link",
  *         fontWeight: "bold",
  *     });
  * });

package/dist/src/typography/text/index.js

@@ -279,7 +279,7 @@ function createMonoKpi(value, style) {
  * const example = East.function([], UIComponentType, $ => {
  *     return Text.Root("Hello World", {
  *         textStyle: "body-md",
- *         color: "blue.500",
+ *         color: "link",
  *         fontWeight: "bold",
  *     });
  * });

package/dist/test/buttons/button-group.examples.d.ts

@@ -1,4 +1,3 @@
 export declare const buttonGroupPrevNext: import("@elaraai/east").ExampleDef<[], any>;
-export declare const buttonGroupTimescale: import("@elaraai/east").ExampleDef<[], any>;
-export declare const buttonGroupSplit: import("@elaraai/east").ExampleDef<[], any>;
+export declare const buttonGroupVariants: import("@elaraai/east").ExampleDef<[], any>;
 //# sourceMappingURL=button-group.examples.d.ts.map

package/dist/test/buttons/button-group.examples.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.examples.d.ts","sourceRoot":"","sources":["../../../test/buttons/button-group.examples.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,mBAAmB,6CAY9B,CAAC;AAEH,eAAO,MAAM,oBAAoB,6CAe/B,CAAC;AAEH,eAAO,MAAM,gBAAgB,6CAY3B,CAAC"}
+{"version":3,"file":"button-group.examples.d.ts","sourceRoot":"","sources":["../../../test/buttons/button-group.examples.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,mBAAmB,6CAY9B,CAAC;AAEH,eAAO,MAAM,mBAAmB,6CAoD9B,CAAC"}