@elaraai/east-ui 1.0.59 → 1.0.61

package/dist/test/disclosure/tabs.examples.js

@@ -4,9 +4,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "@elaraai/east-ui/jsx-runtime";
  * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
  */
 /** @jsxImportSource @elaraai/east-ui */
-import { East, NullType, StringType, example } from "@elaraai/east";
+import { East, ArrayType, BooleanType, NullType, StringType, StructType, example, variant } from "@elaraai/east";
 import { State, UIComponentType } from "@elaraai/east-ui";
-import { Box, Tabs, Text, VStack, HStack, Reactive } from "@elaraai/east-ui";
+import { Box, Configurator, SegmentGroup, Switch, Tabs, Text, VStack, HStack, Reactive } from "@elaraai/east-ui";
 export const tabsBasic = example({
     keywords: ["Tabs", "Root", "Item", "defaultValue", "basic"],
     description: "Simple tabbed interface",
@@ -19,113 +19,100 @@ export const tabsBasic = example({
     }),
     inputs: [],
 });
-export const tabsLine = example({
-    keywords: ["Tabs", "Root", "variant", "line", "underline"],
-    description: "Underline indicator style",
+// ============================================================================
+// Tabs — live configurator over every trigger + style axis
+// ============================================================================
+export const tabsVariants = example({
+    keywords: ["Tabs", "Root", "variant", "line", "underline", "fitted", "equal width", "size", "sm", "md", "lg", "Item", "disabled", "trigger", "count", "mono", "rich", "two-line", "SegmentGroup", "Switch", "Configurator", "getTag", "configurator", "Reactive", "State", "onValueChange", "interactive", "controlled"],
+    description: "Tabs configurator — variant, size and trigger-preset axes plus fitted and disabled-tab switches driving one live tab strip; the aside round-trips a controlled strip's active tab",
     fn: East.function([], UIComponentType, (_$) => {
-        return (_jsx(Box, { width: "100%", children: _jsx(Tabs, { items: [
-                    Tabs.Item("tab1", "Account", [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "Manage your account settings and preferences." }) })]),
-                    Tabs.Item("tab2", "Security", [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "Configure security options and two-factor authentication." }) })]),
-                    Tabs.Item("tab3", "Billing", [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "View billing history and update payment methods." }) })]),
-                ], defaultValue: "tab1", variant: "line" }) }));
-    }),
-    inputs: [],
-});
-export const tabsFitted = example({
-    keywords: ["Tabs", "Root", "fitted", "equal width"],
-    description: "Equal width tabs",
-    fn: East.function([], UIComponentType, (_$) => {
-        return (_jsx(Box, { width: "100%", children: _jsx(Tabs, { items: [
-                    Tabs.Item("day", "Day", [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "Daily view of your calendar." }) })]),
-                    Tabs.Item("week", "Week", [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "Weekly view of your calendar." }) })]),
-                    Tabs.Item("month", "Month", [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "Monthly view of your calendar." }) })]),
-                ], defaultValue: "week", variant: "line", fitted: true }) }));
-    }),
-    inputs: [],
-});
-export const tabsSizes = example({
-    keywords: ["Tabs", "Root", "size", "sm", "md", "lg"],
-    description: "Small, medium, and large",
-    fn: East.function([], UIComponentType, (_$) => {
-        return (_jsxs(VStack, { gap: "4", align: "stretch", width: "100%", children: [_jsx(Tabs, { items: [
-                        Tabs.Item("sm1", "Small", [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "Small size tabs" }) })]),
-                        Tabs.Item("sm2", "Tabs", [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "Content" }) })]),
-                    ], defaultValue: "sm1", size: "sm", variant: "line" }), _jsx(Tabs, { items: [
-                        Tabs.Item("md1", "Medium", [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "Medium size tabs" }) })]),
-                        Tabs.Item("md2", "Tabs", [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "Content" }) })]),
-                    ], defaultValue: "md1", size: "md", variant: "line" }), _jsx(Tabs, { items: [
-                        Tabs.Item("lg1", "Large", [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "Large size tabs" }) })]),
-                        Tabs.Item("lg2", "Tabs", [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "Content" }) })]),
-                    ], defaultValue: "lg1", size: "lg", variant: "line" })] }));
+        return (_jsx(Reactive, { children: $ => {
+                // Enumerated axes are just their variants — `getTag()` gives the
+                // segment key AND its label, so there is no parallel table to
+                // keep in step.
+                const variants = $.const([
+                    variant("line", null), variant("plain", null),
+                ], ArrayType(Tabs.Types.Variant));
+                const sizes = $.const([
+                    variant("sm", null), variant("md", null), variant("lg", null),
+                ], ArrayType(Tabs.Types.Size));
+                // A trigger preset is its items PLUS the tab that starts
+                // selected, so the axis is a struct.
+                const presets = $.const([
+                    {
+                        label: "plain", defaultTab: "tab1",
+                        items: [
+                            Tabs.Item("tab1", "Account", [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "Manage your account settings and preferences." }) })]),
+                            Tabs.Item("tab2", "Security", [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "Configure security options and two-factor authentication." }) })]),
+                            Tabs.Item("tab3", "Billing", [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "View billing history and update payment methods." }) })]),
+                        ],
+                    },
+                    {
+                        label: "count", defaultTab: "inputs",
+                        items: [
+                            Tabs.Item("inputs", "Inputs", [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "Three inputs are defined." }) })]),
+                            Tabs.Item("results", _jsxs(HStack, { gap: "2", align: "center", children: [_jsx(Text, { children: "Results" }), _jsx(Text.MonoSm, { children: "5" })] }), [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "Five results computed." }) })]),
+                        ],
+                    },
+                    {
+                        label: "two-line", defaultTab: "week-06",
+                        items: [
+                            Tabs.Item("week-06", _jsxs(VStack, { gap: "0", align: "flex-start", children: [_jsx(Text, { fontWeight: "semibold", children: "Week 06" }), _jsx(Text, { color: "fg.muted", children: "Cycle \u00B7 3\u20139 Feb" })] }), [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "Week 06 detail." }) })]),
+                            Tabs.Item("week-12", _jsxs(VStack, { gap: "0", align: "flex-start", children: [_jsx(Text, { fontWeight: "semibold", children: "Week 12" }), _jsx(Text, { color: "fg.muted", children: "Cycle \u00B7 17\u201323 Mar" })] }), [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "Week 12 detail." }) })]),
+                        ],
+                    },
+                ], ArrayType(StructType({ label: StringType, defaultTab: StringType, items: ArrayType(Tabs.Types.Item) })));
+                const variantBind = $.let(State.bind([StringType], "tabs_variant", "line"));
+                const sizeBind = $.let(State.bind([StringType], "tabs_size", "md"));
+                const triggerBind = $.let(State.bind([StringType], "tabs_trigger", "plain"));
+                const fittedBind = $.let(State.bind([BooleanType], "tabs_fitted", false));
+                const disabledBind = $.let(State.bind([BooleanType], "tabs_disabled", false));
+                // The aside is the reactive row — a controlled strip whose
+                // active tab round-trips through State (the old reactive
+                // panel's key).
+                const activeBind = $.let(State.bind([StringType], "tabs_reactive_active", "a"));
+                const vKey = $.let(variantBind.read());
+                const sKey = $.let(sizeBind.read());
+                const tKey = $.let(triggerBind.read());
+                const fitted = $.let(fittedBind.read());
+                const disabled = $.let(disabledBind.read());
+                const active = $.let(activeBind.read(), StringType);
+                const onVariant = $.const(East.function([StringType], NullType, ($, next) => { $(variantBind.write(next)); }));
+                const onSize = $.const(East.function([StringType], NullType, ($, next) => { $(sizeBind.write(next)); }));
+                const onTrigger = $.const(East.function([StringType], NullType, ($, next) => { $(triggerBind.write(next)); }));
+                const onFitted = $.const(East.function([BooleanType], NullType, ($, next) => { $(fittedBind.write(next)); }));
+                const onDisabled = $.const(East.function([BooleanType], NullType, ($, next) => { $(disabledBind.write(next)); }));
+                const onActive = $.const(East.function([StringType], NullType, ($, next) => { $(activeBind.write(next)); }));
+                // Each selection is a lookup into the same array the control renders.
+                const tabsVariant = $.let(variants.filter((_$, v) => v.getTag().equal(vKey)).get(0n));
+                const size = $.let(sizes.filter((_$, v) => v.getTag().equal(sKey)).get(0n));
+                const preset = $.let(presets.filter((_$, o) => o.label.equal(tKey)).get(0n));
+                // The disabled switch appends a disabled tab to the preset.
+                const locked = $.const([
+                    Tabs.Item("locked", "Disabled", [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "This content is not accessible." }) })], { disabled: true }),
+                ], ArrayType(Tabs.Types.Item));
+                const items = $.let(disabled.ifElse(_$ => preset.items.concat(locked), _$ => preset.items));
+                return (_jsx(Configurator, { controls: [
+                        Configurator.Control("Variant", vKey, _jsx(SegmentGroup, { value: vKey, onChange: onVariant, size: "sm", items: variants.map((_$, v) => SegmentGroup.Item(v.getTag(), _jsx(Text, { children: v.getTag().upperCase() }))) })),
+                        Configurator.Control("Size", sKey, _jsx(SegmentGroup, { value: sKey, onChange: onSize, size: "sm", items: sizes.map((_$, v) => SegmentGroup.Item(v.getTag(), _jsx(Text, { children: v.getTag().upperCase() }))) })),
+                        Configurator.Control("Trigger", tKey, _jsx(SegmentGroup, { value: tKey, onChange: onTrigger, size: "sm", items: presets.map((_$, o) => SegmentGroup.Item(o.label, _jsx(Text, { children: o.label.upperCase() }))) })),
+                        // A Slot, not a Control: the two switches report as the
+                        // Fitted / Tabs spec rows below rather than as one value.
+                        Configurator.Slot("List", _jsxs(HStack, { gap: "5", align: "center", wrap: "wrap", children: [_jsx(Switch, { checked: fitted, label: "Fitted", onChange: onFitted }), _jsx(Switch, { checked: disabled, label: "Disabled tab", onChange: onDisabled })] })),
+                    ], preview: _jsx(Box, { width: "100%", children: _jsx(Tabs, { items: items, defaultValue: preset.defaultTab, variant: tabsVariant, size: size, fitted: fitted }) }), aside: {
+                        label: "Controlled · Reactive",
+                        body: (_jsxs(VStack, { gap: "3", align: "stretch", children: [_jsx(Tabs, { items: [
+                                        Tabs.Item("a", "Tab A", [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "A content" }) })]),
+                                        Tabs.Item("b", "Tab B", [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "B content" }) })]),
+                                        Tabs.Item("c", "Tab C", [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "C content" }) })]),
+                                    ], value: active, onValueChange: onActive, variant: "line" }), _jsx(Text, { color: "fg.muted", children: East.str `Active: ${active}` })] })),
+                    }, spec: [
+                        Configurator.Spec("Tabs", East.print(items.size())),
+                        Configurator.Spec("Fitted", fitted.ifElse(_$ => "equal width", _$ => "natural")),
+                        Configurator.Spec("Disabled", disabled.ifElse(_$ => "one blocked", _$ => "none")),
+                    ] }));
+            } }));
     }),
     inputs: [],
 });
-export const tabsWithDisabled = example({
-    keywords: ["Tabs", "Item", "disabled"],
-    description: "One tab is disabled",
-    fn: East.function([], UIComponentType, (_$) => {
-        return (_jsx(Box, { width: "100%", children: _jsx(Tabs, { items: [
-                    Tabs.Item("enabled1", "Enabled", [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "This tab is enabled." }) })]),
-                    Tabs.Item("disabled", "Disabled", [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "This content is not accessible." }) })], { disabled: true }),
-                    Tabs.Item("enabled2", "Also Enabled", [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "This tab is also enabled." }) })]),
-                ], defaultValue: "enabled1", variant: "line" }) }));
-    }),
-    inputs: [],
-});
-export const tabsInteractive = example({
-    keywords: ["Tabs", "Root", "Reactive", "State", "onValueChange", "interactive"],
-    description: "Click tabs to see onValueChange callback",
-    fn: East.function([], UIComponentType, (_$) => (_jsx(Reactive, { children: $ => {
-            const selectedBind = $.let(State.bind([StringType], "tabs_selected", "tab1"));
-            const selected = $.let(selectedBind.read(), StringType);
-            const onValueChange = $.const(East.function([StringType], NullType, ($, newValue) => {
-                $(selectedBind.write(newValue));
-            }));
-            return (_jsxs(VStack, { gap: "3", align: "stretch", children: [_jsx(Box, { width: "100%", children: _jsx(Tabs, { items: [
-                                Tabs.Item("tab1", "Dashboard", [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "Dashboard content - view your metrics here." }) })]),
-                                Tabs.Item("tab2", "Analytics", [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "Analytics content - detailed reports and charts." }) })]),
-                                Tabs.Item("tab3", "Settings", [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "Settings content - configure your preferences." }) })]),
-                            ], defaultValue: "tab1", onValueChange: onValueChange, variant: "line" }) }), _jsx(Text.Eyebrow, { children: East.str `SELECTED · ${selected}` })] }));
-        } }))),
-    inputs: [],
-});
-export const tabsWithCountBadges = example({
-    keywords: ["Tabs", "Root", "Item", "trigger", "count", "mono", "rich"],
-    description: "Rich trigger with an inline mono count (Results · 5) per bsys eyebrow grammar",
-    fn: East.function([], UIComponentType, (_$) => {
-        return (_jsx(Tabs, { items: [
-                Tabs.Item("inputs", "Inputs", [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "Three inputs are defined." }) })]),
-                Tabs.Item("results", _jsxs(HStack, { gap: "2", align: "center", children: [_jsx(Text, { children: "Results" }), _jsx(Text.MonoSm, { children: "5" })] }), [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "Five results computed." }) })]),
-            ], defaultValue: "inputs", variant: "line" }));
-    }),
-    inputs: [],
-});
-export const tabsTwoLine = example({
-    keywords: ["Tabs", "Root", "Item", "trigger", "two-line", "rich"],
-    description: "Rich two-line trigger mirroring the Week / Period header",
-    fn: East.function([], UIComponentType, (_$) => {
-        return (_jsx(Tabs, { items: [
-                Tabs.Item("week-06", _jsxs(VStack, { gap: "0", align: "flex-start", children: [_jsx(Text, { fontWeight: "semibold", children: "Week 06" }), _jsx(Text, { color: "fg.muted", children: "Cycle \u00B7 3\u20139 Feb" })] }), [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "Week 06 detail." }) })]),
-                Tabs.Item("week-12", _jsxs(VStack, { gap: "0", align: "flex-start", children: [_jsx(Text, { fontWeight: "semibold", children: "Week 12" }), _jsx(Text, { color: "fg.muted", children: "Cycle \u00B7 17\u201323 Mar" })] }), [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "Week 12 detail." }) })]),
-            ], defaultValue: "week-06", variant: "line" }));
-    }),
-    inputs: [],
-});
-export const tabsReactive = example({
-    keywords: ["Tabs", "Root", "Reactive", "State", "controlled", "onValueChange"],
-    description: "Reactive controlled Tabs with a live active-tab indicator",
-    fn: East.function([], UIComponentType, (_$) => (_jsx(Reactive, { children: $ => {
-            const bind = $.let(State.bind([StringType], "tabs_reactive_active", "a"));
-            const active = $.let(bind.read(), StringType);
-            const onValueChange = $.const(East.function([StringType], NullType, ($, next) => {
-                $(bind.write(next));
-            }));
-            return (_jsxs(VStack, { gap: "3", align: "stretch", children: [_jsx(Tabs, { items: [
-                            Tabs.Item("a", "Tab A", [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "A content" }) })]),
-                            Tabs.Item("b", "Tab B", [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "B content" }) })]),
-                            Tabs.Item("c", "Tab C", [_jsx(Box, { padding: "4", children: _jsx(Text, { children: "C content" }) })]),
-                        ], value: active, onValueChange: onValueChange, variant: "line" }), _jsx(Text, { color: "fg.muted", children: East.str `Active: ${active}` })] }));
-        } }))),
-    inputs: [],
-});
 //# sourceMappingURL=tabs.examples.js.map

package/dist/test/disclosure/tabs.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.examples.js","sourceRoot":"","sources":["../../../test/disclosure/tabs.examples.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AACH,wCAAwC;AACxC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE7E,MAAM,CAAC,MAAM,SAAS,GAAG,OAAO,CAAC;IAC7B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC;IAC3D,WAAW,EAAE,yBAAyB;IACtC,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,CACH,KAAC,GAAG,IAAC,KAAK,EAAC,MAAM,YACb,KAAC,IAAI,IACD,KAAK,EAAE;oBACH,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,UAAU,EAAE,CAAC,KAAC,GAAG,IAAC,OAAO,EAAC,GAAG,YAAC,KAAC,IAAI,kFAAuE,GAAM,CAAC,CAAC;oBACxI,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,UAAU,EAAE,CAAC,KAAC,GAAG,IAAC,OAAO,EAAC,GAAG,YAAC,KAAC,IAAI,sDAA2C,GAAM,CAAC,CAAC;oBAC5G,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC,KAAC,GAAG,IAAC,OAAO,EAAC,GAAG,YAAC,KAAC,IAAI,iDAAsC,GAAM,CAAC,CAAC;iBACxG,EACD,YAAY,EAAC,UAAU,GACzB,GACA,CACT,CAAC;IACN,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,OAAO,CAAC;IAC5B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,CAAC;IAC1D,WAAW,EAAE,2BAA2B;IACxC,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,CACH,KAAC,GAAG,IAAC,KAAK,EAAC,MAAM,YACb,KAAC,IAAI,IACD,KAAK,EAAE;oBACH,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC,KAAC,GAAG,IAAC,OAAO,EAAC,GAAG,YAAC,KAAC,IAAI,gEAAqD,GAAM,CAAC,CAAC;oBACjH,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,KAAC,GAAG,IAAC,OAAO,EAAC,GAAG,YAAC,KAAC,IAAI,4EAAiE,GAAM,CAAC,CAAC;oBAC9H,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC,KAAC,GAAG,IAAC,OAAO,EAAC,GAAG,YAAC,KAAC,IAAI,mEAAwD,GAAM,CAAC,CAAC;iBACvH,EACD,YAAY,EAAC,MAAM,EACnB,OAAO,EAAC,MAAM,GAChB,GACA,CACT,CAAC;IACN,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,OAAO,CAAC;IAC9B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,CAAC;IACnD,WAAW,EAAE,kBAAkB;IAC/B,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,CACH,KAAC,GAAG,IAAC,KAAK,EAAC,MAAM,YACb,KAAC,IAAI,IACD,KAAK,EAAE;oBACH,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,KAAC,GAAG,IAAC,OAAO,EAAC,GAAG,YAAC,KAAC,IAAI,+CAAoC,GAAM,CAAC,CAAC;oBAC3F,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,KAAC,GAAG,IAAC,OAAO,EAAC,GAAG,YAAC,KAAC,IAAI,gDAAqC,GAAM,CAAC,CAAC;oBAC9F,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC,KAAC,GAAG,IAAC,OAAO,EAAC,GAAG,YAAC,KAAC,IAAI,iDAAsC,GAAM,CAAC,CAAC;iBACpG,EACD,YAAY,EAAC,MAAM,EACnB,OAAO,EAAC,MAAM,EACd,MAAM,EAAE,IAAI,GACd,GACA,CACT,CAAC;IACN,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,OAAO,CAAC;IAC7B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;IACpD,WAAW,EAAE,0BAA0B;IACvC,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,CACH,MAAC,MAAM,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,MAAM,aACxC,KAAC,IAAI,IACD,KAAK,EAAE;wBACH,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,KAAC,GAAG,IAAC,OAAO,EAAC,GAAG,YAAC,KAAC,IAAI,kCAAuB,GAAM,CAAC,CAAC;wBAChF,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,KAAC,GAAG,IAAC,OAAO,EAAC,GAAG,YAAC,KAAC,IAAI,0BAAe,GAAM,CAAC,CAAC;qBAC1E,EACD,YAAY,EAAC,KAAK,EAClB,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,MAAM,GAChB,EACF,KAAC,IAAI,IACD,KAAK,EAAE;wBACH,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,KAAC,GAAG,IAAC,OAAO,EAAC,GAAG,YAAC,KAAC,IAAI,mCAAwB,GAAM,CAAC,CAAC;wBAClF,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,KAAC,GAAG,IAAC,OAAO,EAAC,GAAG,YAAC,KAAC,IAAI,0BAAe,GAAM,CAAC,CAAC;qBAC1E,EACD,YAAY,EAAC,KAAK,EAClB,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,MAAM,GAChB,EACF,KAAC,IAAI,IACD,KAAK,EAAE;wBACH,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,KAAC,GAAG,IAAC,OAAO,EAAC,GAAG,YAAC,KAAC,IAAI,kCAAuB,GAAM,CAAC,CAAC;wBAChF,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,KAAC,GAAG,IAAC,OAAO,EAAC,GAAG,YAAC,KAAC,IAAI,0BAAe,GAAM,CAAC,CAAC;qBAC1E,EACD,YAAY,EAAC,KAAK,EAClB,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,MAAM,GAChB,IACG,CACZ,CAAC;IACN,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACpC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,CAAC;IACtC,WAAW,EAAE,qBAAqB;IAClC,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,CACH,KAAC,GAAG,IAAC,KAAK,EAAC,MAAM,YACb,KAAC,IAAI,IACD,KAAK,EAAE;oBACH,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,SAAS,EAAE,CAAC,KAAC,GAAG,IAAC,OAAO,EAAC,GAAG,YAAC,KAAC,IAAI,uCAA4B,GAAM,CAAC,CAAC;oBAC5F,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,UAAU,EAAE,CAAC,KAAC,GAAG,IAAC,OAAO,EAAC,GAAG,YAAC,KAAC,IAAI,kDAAuC,GAAM,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;oBAC5H,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,cAAc,EAAE,CAAC,KAAC,GAAG,IAAC,OAAO,EAAC,GAAG,YAAC,KAAC,IAAI,4CAAiC,GAAM,CAAC,CAAC;iBACzG,EACD,YAAY,EAAC,UAAU,EACvB,OAAO,EAAC,MAAM,GAChB,GACA,CACT,CAAC;IACN,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,OAAO,CAAC;IACnC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,eAAe,EAAE,aAAa,CAAC;IAC/E,WAAW,EAAE,0CAA0C;IACvD,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAC3C,KAAC,QAAQ,cAAE,CAAC,CAAC,EAAE;YACX,MAAM,YAAY,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,EAAE,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;YAC9E,MAAM,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,UAAU,CAAC,CAAC;YACxD,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE;gBAChF,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;YACpC,CAAC,CAAC,CAAC,CAAC;YACJ,OAAO,CACH,MAAC,MAAM,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,SAAS,aAC3B,KAAC,GAAG,IAAC,KAAK,EAAC,MAAM,YACb,KAAC,IAAI,IACD,KAAK,EAAE;gCACH,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC,KAAC,GAAG,IAAC,OAAO,EAAC,GAAG,YAAC,KAAC,IAAI,8DAAmD,GAAM,CAAC,CAAC;gCACjH,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC,KAAC,GAAG,IAAC,OAAO,EAAC,GAAG,YAAC,KAAC,IAAI,mEAAwD,GAAM,CAAC,CAAC;gCACtH,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,KAAC,GAAG,IAAC,OAAO,EAAC,GAAG,YAAC,KAAC,IAAI,iEAAsD,GAAM,CAAC,CAAC;6BACtH,EACD,YAAY,EAAC,MAAM,EACnB,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAC,MAAM,GAChB,GACA,EACL,KAAC,IAAI,CAAC,OAAO,cAAE,IAAI,CAAC,GAAG,CAAA,cAAc,QAAQ,EAAE,GAAgB,IAC3D,CACZ,CAAC;QACN,CAAC,GAAY,CAChB,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,OAAO,CAAC;IACvC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC;IACtE,WAAW,EAAE,+EAA+E;IAC5F,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,CACH,KAAC,IAAI,IACD,KAAK,EAAE;gBACH,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,CAAC,KAAC,GAAG,IAAC,OAAO,EAAC,GAAG,YAAC,KAAC,IAAI,4CAAiC,GAAM,CAAC,CAAC;gBAC9F,IAAI,CAAC,IAAI,CACL,SAAS,EACT,MAAC,MAAM,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,QAAQ,aAAC,KAAC,IAAI,0BAAe,EAAC,KAAC,IAAI,CAAC,MAAM,cAAE,GAAG,GAAe,IAAU,EAC9F,CAAC,KAAC,GAAG,IAAC,OAAO,EAAC,GAAG,YAAC,KAAC,IAAI,yCAA8B,GAAM,CAAC,CAC/D;aACJ,EACD,YAAY,EAAC,QAAQ,EACrB,OAAO,EAAC,MAAM,GAChB,CACL,CAAC;IACN,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,OAAO,CAAC;IAC/B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,CAAC;IACjE,WAAW,EAAE,0DAA0D;IACvE,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,CACH,KAAC,IAAI,IACD,KAAK,EAAE;gBACH,IAAI,CAAC,IAAI,CACL,SAAS,EACT,MAAC,MAAM,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,YAAY,aAAC,KAAC,IAAI,IAAC,UAAU,EAAC,UAAU,wBAAe,EAAA,KAAC,IAAI,IAAC,KAAK,EAAC,UAAU,0CAAuB,IAAS,EACnI,CAAC,KAAC,GAAG,IAAC,OAAO,EAAC,GAAG,YAAC,KAAC,IAAI,kCAAuB,GAAM,CAAC,CACxD;gBACD,IAAI,CAAC,IAAI,CACL,SAAS,EACT,MAAC,MAAM,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,YAAY,aAAC,KAAC,IAAI,IAAC,UAAU,EAAC,UAAU,wBAAe,EAAA,KAAC,IAAI,IAAC,KAAK,EAAC,UAAU,4CAAyB,IAAS,EACrI,CAAC,KAAC,GAAG,IAAC,OAAO,EAAC,GAAG,YAAC,KAAC,IAAI,kCAAuB,GAAM,CAAC,CACxD;aACJ,EACD,YAAY,EAAC,SAAS,EACtB,OAAO,EAAC,MAAM,GAChB,CACL,CAAC;IACN,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,OAAO,CAAC;IAChC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,EAAE,eAAe,CAAC;IAC9E,WAAW,EAAE,2DAA2D;IACxE,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAC3C,KAAC,QAAQ,cAAE,CAAC,CAAC,EAAE;YACX,MAAM,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,EAAE,sBAAsB,EAAE,GAAG,CAAC,CAAC,CAAC;YAC1E,MAAM,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,UAAU,CAAC,CAAC;YAC9C,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE;gBAC5E,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;YACxB,CAAC,CAAC,CAAC,CAAC;YACJ,OAAO,CACH,MAAC,MAAM,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,SAAS,aAC3B,KAAC,IAAI,IACD,KAAK,EAAE;4BACH,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,OAAO,EAAE,CAAC,KAAC,GAAG,IAAC,OAAO,EAAC,GAAG,YAAC,KAAC,IAAI,4BAAiB,GAAM,CAAC,CAAC;4BACxE,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,OAAO,EAAE,CAAC,KAAC,GAAG,IAAC,OAAO,EAAC,GAAG,YAAC,KAAC,IAAI,4BAAiB,GAAM,CAAC,CAAC;4BACxE,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,OAAO,EAAE,CAAC,KAAC,GAAG,IAAC,OAAO,EAAC,GAAG,YAAC,KAAC,IAAI,4BAAiB,GAAM,CAAC,CAAC;yBAC3E,EACD,KAAK,EAAE,MAAM,EACb,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAC,MAAM,GAChB,EACF,KAAC,IAAI,IAAC,KAAK,EAAC,UAAU,YAAE,IAAI,CAAC,GAAG,CAAA,WAAW,MAAM,EAAE,GAAQ,IACtD,CACZ,CAAC;QACN,CAAC,GAAY,CAChB,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC"}
+{"version":3,"file":"tabs.examples.js","sourceRoot":"","sources":["../../../test/disclosure/tabs.examples.tsx"],"names":[],"mappings":"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"}

package/dist/test/display/avatar-group.examples.d.ts

@@ -1,5 +1,3 @@
 export declare const avatarGroupBasic: import("@elaraai/east").ExampleDef<[], any>;
-export declare const avatarGroupOverflow: import("@elaraai/east").ExampleDef<[], any>;
-export declare const avatarGroupDensities: import("@elaraai/east").ExampleDef<[], any>;
-export declare const avatarGroupLarge: import("@elaraai/east").ExampleDef<[], any>;
+export declare const avatarGroupVariants: import("@elaraai/east").ExampleDef<[], any>;
 //# sourceMappingURL=avatar-group.examples.d.ts.map

package/dist/test/display/avatar-group.examples.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar-group.examples.d.ts","sourceRoot":"","sources":["../../../test/display/avatar-group.examples.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,gBAAgB,6CAO3B,CAAC;AAEH,eAAO,MAAM,mBAAmB,6CAa9B,CAAC;AAEH,eAAO,MAAM,oBAAoB,6CAgB/B,CAAC;AAEH,eAAO,MAAM,gBAAgB,6CAO3B,CAAC"}
+{"version":3,"file":"avatar-group.examples.d.ts","sourceRoot":"","sources":["../../../test/display/avatar-group.examples.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,gBAAgB,6CAO3B,CAAC;AAEH,eAAO,MAAM,mBAAmB,6CAmD9B,CAAC"}

package/dist/test/display/avatar-group.examples.js

@@ -1,12 +1,12 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@elaraai/east-ui/jsx-runtime";
+import { jsx as _jsx } from "@elaraai/east-ui/jsx-runtime";
 /**
  * Copyright (c) 2025 Elara AI Pty Ltd
  * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
  */
 /** @jsxImportSource @elaraai/east-ui */
-import { East, example } from "@elaraai/east";
-import { UIComponentType } from "@elaraai/east-ui";
-import { AvatarGroup, Stack } from "@elaraai/east-ui";
+import { ArrayType, East, NullType, StringType, example, variant } from "@elaraai/east";
+import { State, Style, UIComponentType } from "@elaraai/east-ui";
+import { AvatarGroup, Configurator, Reactive, SegmentGroup, Text } from "@elaraai/east-ui";
 export const avatarGroupBasic = example({
     keywords: ["AvatarGroup", "Root", "avatars"],
     description: "Basic avatar group with three avatars",
@@ -15,31 +15,36 @@ export const avatarGroupBasic = example({
     }),
     inputs: [],
 });
-export const avatarGroupOverflow = example({
-    keywords: ["AvatarGroup", "Root", "max", "overflow"],
-    description: "Avatar group with max overflow showing +N",
-    fn: East.function([], UIComponentType, ($) => {
-        return (_jsx(AvatarGroup, { avatars: [{ name: "Alice" }, { name: "Bob" }, { name: "Carol" }, { name: "Dan" }, { name: "Eve" }], max: 3n, size: "sm" }));
-    }),
-    inputs: [],
-});
-export const avatarGroupDensities = example({
-    keywords: ["AvatarGroup", "density", "condensed", "compact", "comfortable", "sizes"],
-    description: "The three densities stacked — every member avatar sized to the group density (matching ChipRail / Trace)",
-    fn: East.function([], UIComponentType, ($) => {
-        const condensed = $.const(_jsx(AvatarGroup, { avatars: [{ name: "Alice" }, { name: "Bob" }, { name: "Carol" }], density: "condensed" }));
-        const compact = $.const(_jsx(AvatarGroup, { avatars: [{ name: "Alice" }, { name: "Bob" }, { name: "Carol" }], density: "compact" }));
-        const comfortable = $.const(_jsx(AvatarGroup, { avatars: [{ name: "Alice" }, { name: "Bob" }, { name: "Carol" }], density: "comfortable" }));
-        return (_jsxs(Stack, { direction: "column", gap: "6", children: [condensed, compact, comfortable] }));
-    }),
-    inputs: [],
-});
-export const avatarGroupLarge = example({
-    keywords: ["AvatarGroup", "Root", "size", "lg"],
-    description: "Large avatar group with custom border",
-    fn: East.function([], UIComponentType, ($) => {
-        return _jsx(AvatarGroup, { avatars: [{ name: "Mira" }, { name: "Noah" }], size: "lg", borderColor: "blue.200" });
-    }),
+export const avatarGroupVariants = example({
+    keywords: ["AvatarGroup", "Root", "size", "sm", "lg", "max", "overflow", "density", "condensed", "compact", "comfortable", "borderColor", "branded", "Reactive", "State", "SegmentGroup", "Configurator", "getTag", "configurator"],
+    description: "AvatarGroup configurator — size and density axes on one live group with the +N overflow and branded border composed on",
+    fn: East.function([], UIComponentType, (_$) => (_jsx(Reactive, { children: $ => {
+            const sizes = $.const([
+                variant("sm", null), variant("md", null), variant("lg", null),
+            ], ArrayType(Style.Types.Size));
+            const densities = $.const([
+                variant("condensed", null), variant("compact", null), variant("comfortable", null),
+            ], ArrayType(Style.Types.Density));
+            const sizeBind = $.let(State.bind([StringType], "avatargroup_size", "md"));
+            const densityBind = $.let(State.bind([StringType], "avatargroup_density", "compact"));
+            const sKey = $.let(sizeBind.read());
+            const dKey = $.let(densityBind.read());
+            const onSize = $.const(East.function([StringType], NullType, ($, next) => { $(sizeBind.write(next)); }));
+            const onDensity = $.const(East.function([StringType], NullType, ($, next) => { $(densityBind.write(next)); }));
+            const size = $.let(sizes.filter((_$, v) => v.getTag().equal(sKey)).get(0n));
+            const density = $.let(densities.filter((_$, v) => v.getTag().equal(dKey)).get(0n));
+            // max and borderColor are presence-typed, so the switches pick
+            // between prebuilt groups.
+            // ONE group — the overflow +N chip and the branded border are
+            // presence-typed, so both compose on permanently.
+            const preview = $.const(_jsx(AvatarGroup, { avatars: [{ name: "Alice" }, { name: "Bob" }, { name: "Carol" }, { name: "Dan" }, { name: "Eve" }], max: 3n, size: size, density: density, borderColor: "border.brand" }));
+            return (_jsx(Configurator, { controls: [
+                    Configurator.Control("Size", sKey, _jsx(SegmentGroup, { value: sKey, onChange: onSize, size: "sm", items: sizes.map((_$, v) => SegmentGroup.Item(v.getTag(), _jsx(Text, { children: v.getTag().upperCase() }))) })),
+                    Configurator.Control("Density", dKey, _jsx(SegmentGroup, { value: dKey, onChange: onDensity, size: "sm", items: densities.map((_$, v) => SegmentGroup.Item(v.getTag(), _jsx(Text, { children: v.getTag().upperCase() }))) })),
+                ], preview: preview, spec: [
+                    Configurator.Spec("Avatars", "5 · max 3"),
+                ] }));
+        } }))),
     inputs: [],
 });
 //# sourceMappingURL=avatar-group.examples.js.map

package/dist/test/display/avatar-group.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar-group.examples.js","sourceRoot":"","sources":["../../../test/display/avatar-group.examples.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"avatar-group.examples.js","sourceRoot":"","sources":["../../../test/display/avatar-group.examples.tsx"],"names":[],"mappings":"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"}

package/dist/test/display/avatar.examples.d.ts

@@ -1,6 +1,3 @@
 export declare const avatarBasic: import("@elaraai/east").ExampleDef<[], any>;
-export declare const avatarSizes: import("@elaraai/east").ExampleDef<[], any>;
-export declare const avatarColors: import("@elaraai/east").ExampleDef<[], any>;
-export declare const avatarDensities: import("@elaraai/east").ExampleDef<[], any>;
-export declare const avatarInteractive: import("@elaraai/east").ExampleDef<[], any>;
+export declare const avatarVariants: import("@elaraai/east").ExampleDef<[], any>;
 //# sourceMappingURL=avatar.examples.d.ts.map

package/dist/test/display/avatar.examples.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.examples.d.ts","sourceRoot":"","sources":["../../../test/display/avatar.examples.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,WAAW,6CAatB,CAAC;AAEH,eAAO,MAAM,WAAW,6CActB,CAAC;AAEH,eAAO,MAAM,YAAY,6CAgBvB,CAAC;AAEH,eAAO,MAAM,eAAe,6CAgB1B,CAAC;AAEH,eAAO,MAAM,iBAAiB,6CAoB5B,CAAC"}
+{"version":3,"file":"avatar.examples.d.ts","sourceRoot":"","sources":["../../../test/display/avatar.examples.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,WAAW,6CAatB,CAAC;AAMH,eAAO,MAAM,cAAc,6CAwIzB,CAAC"}