@almadar/ui 6.53.0 → 6.53.1

package/dist/components/index.cjs

@@ -3730,7 +3730,9 @@ var init_en = __esm({
       "agentActivity.llmToolCalls": "Tool calls",
       "agentActivity.showRawLlm": "Raw LLM",
       "agentActivity.earlierConversations": "Earlier conversations ({{count}})",
-      "agentActivity.earlierActivity": "Earlier activity"
+      "agentActivity.earlierActivity": "Earlier activity",
+      "tabs.scrollStart": "Scroll tabs back",
+      "tabs.scrollEnd": "Scroll tabs forward"
     };
   }
 });
@@ -10805,6 +10807,7 @@ var init_Tabs = __esm({
     init_Badge();
     init_Typography();
     init_Box();
+    init_Button();
     init_cn();
     init_useEventBus();
     init_domPassthrough();
@@ -10836,6 +10839,28 @@ var init_Tabs = __esm({
       const uid = React82.useId();
       const tabId = (id) => `${uid}-tab-${id}`;
       const panelId = (id) => `${uid}-panel-${id}`;
+      const laneRef = React82.useRef(null);
+      const [hidden, setHidden] = React82.useState({ start: false, end: false });
+      const measure = React82.useCallback(() => {
+        const lane = laneRef.current;
+        if (!lane || orientation !== "horizontal") return;
+        const max = lane.scrollWidth - lane.clientWidth;
+        const start = max > 1 && lane.scrollLeft > 1;
+        const end = max > 1 && lane.scrollLeft < max - 1;
+        setHidden((prev) => prev.start === start && prev.end === end ? prev : { start, end });
+      }, [orientation]);
+      React82.useLayoutEffect(() => {
+        measure();
+        const lane = laneRef.current;
+        if (!lane || typeof ResizeObserver === "undefined") return void 0;
+        const observer2 = new ResizeObserver(measure);
+        observer2.observe(lane);
+        return () => observer2.disconnect();
+      }, [measure, rawItems.length]);
+      const scrollLane = (direction) => {
+        const lane = laneRef.current;
+        if (lane) lane.scrollBy({ left: direction * lane.clientWidth * 0.8, behavior: "smooth" });
+      };
       const handleTabChange = (tabId2, tabEvent) => {
         if (controlledActiveTab === void 0) {
           setInternalActiveTab(tabId2);
@@ -10892,62 +10917,97 @@ var init_Tabs = __esm({
           "data-[active=true]:border-primary"
         ].join(" ")
       };
-      return /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { ...domPassthrough(rest), className: cn("w-full", orientation === "vertical" && "flex flex-row", className), children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          exports.Box,
-          {
-            role: "tablist",
-            "aria-orientation": orientation,
-            className: cn(
-              "flex",
-              // Horizontal tab strip becomes a horizontally-scrollable lane
-              // below its container width — phones with many tabs scroll
-              // instead of clipping. `snap-x` snaps to each tab; the
-              // scrollbar is hidden for a cleaner affordance (the swipe
-              // gesture is the discoverability cue).
-              orientation === "horizontal" ? "flex-row border-b-[length:var(--border-width)] border-border overflow-x-auto snap-x snap-mandatory [&::-webkit-scrollbar]:hidden" : "flex-col border-r-[length:var(--border-width)] border-border",
-              variant === "pills" && "gap-1 p-1 bg-muted border-0 rounded-interactive",
-              variant === "underline" && orientation === "vertical" && "border-b-0"
-            ),
-            children: safeItems.map((item, index) => {
-              const isActive = item.id === activeTab;
-              const isDisabled = item.disabled;
-              return /* @__PURE__ */ jsxRuntime.jsxs(
-                exports.Box,
-                {
-                  as: "button",
-                  ref: (el) => {
-                    tabRefs.current[item.id] = el;
-                  },
-                  id: tabId(item.id),
-                  role: "tab",
-                  "aria-selected": isActive,
-                  "aria-controls": isActive ? panelId(item.id) : void 0,
-                  "aria-disabled": isDisabled,
-                  tabIndex: isActive ? 0 : -1,
-                  onClick: () => !isDisabled && handleTabChange(item.id, item.event),
-                  onKeyDown: (e) => handleKeyDown(e, index),
-                  "data-active": isActive,
-                  "data-testid": `tab-${item.id}`,
-                  className: cn(
-                    "flex items-center gap-2 px-4 py-2 text-sm font-medium transition-colors whitespace-nowrap",
-                    orientation === "horizontal" && "snap-start shrink-0",
-                    "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-                    isDisabled && "opacity-50 cursor-not-allowed",
-                    variantClasses2[variant],
-                    isActive ? variant === "pills" ? "text-primary-foreground" : "text-foreground" : "text-muted-foreground hover:text-foreground"
-                  ),
-                  children: [
-                    item.iconAsset?.url ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: item.iconAsset.url, alt: item.iconAsset.name ?? item.iconAsset.category ?? "", width: 16, height: 16, style: { imageRendering: "pixelated", objectFit: "contain", width: 16, height: 16 }, className: "flex-shrink-0" }) : item.icon && (typeof item.icon === "string" ? /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: item.icon, size: "sm" }) : /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { icon: item.icon, size: "sm" })),
-                    /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "small", weight: "medium", className: "!text-inherit", children: item.label }),
-                    item.badge !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: "default", size: "sm", children: item.badge })
-                  ]
+      const tablist = /* @__PURE__ */ jsxRuntime.jsx(
+        exports.Box,
+        {
+          ref: laneRef,
+          role: "tablist",
+          "aria-orientation": orientation,
+          onScroll: measure,
+          "data-scroll-affordance": hidden.start || hidden.end ? "true" : void 0,
+          className: cn(
+            "flex",
+            // Horizontal tab strip becomes a horizontally-scrollable lane
+            // below its container width — phones with many tabs scroll
+            // instead of clipping. `snap-x` snaps to each tab; the
+            // scrollbar is hidden — the edge chevrons are the affordance.
+            orientation === "horizontal" ? "flex-row border-b-[length:var(--border-width)] border-border overflow-x-auto snap-x snap-mandatory [&::-webkit-scrollbar]:hidden" : "flex-col border-r-[length:var(--border-width)] border-border",
+            variant === "pills" && "gap-1 p-1 bg-muted border-0 rounded-interactive",
+            variant === "underline" && orientation === "vertical" && "border-b-0"
+          ),
+          children: safeItems.map((item, index) => {
+            const isActive = item.id === activeTab;
+            const isDisabled = item.disabled;
+            return /* @__PURE__ */ jsxRuntime.jsxs(
+              exports.Box,
+              {
+                as: "button",
+                ref: (el) => {
+                  tabRefs.current[item.id] = el;
                 },
-                item.id
-              );
-            })
-          }
-        ),
+                id: tabId(item.id),
+                role: "tab",
+                "aria-selected": isActive,
+                "aria-controls": isActive ? panelId(item.id) : void 0,
+                "aria-disabled": isDisabled,
+                tabIndex: isActive ? 0 : -1,
+                onClick: () => !isDisabled && handleTabChange(item.id, item.event),
+                onKeyDown: (e) => handleKeyDown(e, index),
+                "data-active": isActive,
+                "data-testid": `tab-${item.id}`,
+                className: cn(
+                  "flex items-center gap-2 px-4 py-2 text-sm font-medium transition-colors whitespace-nowrap",
+                  orientation === "horizontal" && "snap-start shrink-0",
+                  "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+                  isDisabled && "opacity-50 cursor-not-allowed",
+                  variantClasses2[variant],
+                  isActive ? variant === "pills" ? "text-primary-foreground" : "text-foreground" : "text-muted-foreground hover:text-foreground"
+                ),
+                children: [
+                  item.iconAsset?.url ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: item.iconAsset.url, alt: item.iconAsset.name ?? item.iconAsset.category ?? "", width: 16, height: 16, style: { imageRendering: "pixelated", objectFit: "contain", width: 16, height: 16 }, className: "flex-shrink-0" }) : item.icon && (typeof item.icon === "string" ? /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: item.icon, size: "sm" }) : /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { icon: item.icon, size: "sm" })),
+                  /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "small", weight: "medium", className: "!text-inherit", children: item.label }),
+                  item.badge !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: "default", size: "sm", children: item.badge })
+                ]
+              },
+              item.id
+            );
+          })
+        }
+      );
+      return /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { ...domPassthrough(rest), className: cn("w-full", orientation === "vertical" && "flex flex-row", className), children: [
+        orientation === "horizontal" ? /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { className: "relative", children: [
+          tablist,
+          hidden.start && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "pointer-events-none absolute inset-y-0 start-0 w-10 bg-gradient-to-r from-[var(--color-background)] to-transparent rtl:bg-gradient-to-l" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              exports.Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                leftIcon: "chevron-left",
+                "aria-label": t("tabs.scrollStart"),
+                "data-testid": "tabs-scroll-start",
+                className: "absolute start-0 top-1/2 -translate-y-1/2 px-1 rtl:rotate-180",
+                onClick: () => scrollLane(-1)
+              }
+            )
+          ] }),
+          hidden.end && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "pointer-events-none absolute inset-y-0 end-0 w-10 bg-gradient-to-l from-[var(--color-background)] to-transparent rtl:bg-gradient-to-r" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              exports.Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                leftIcon: "chevron-right",
+                "aria-label": t("tabs.scrollEnd"),
+                "data-testid": "tabs-scroll-end",
+                className: "absolute end-0 top-1/2 -translate-y-1/2 px-1 rtl:rotate-180",
+                onClick: () => scrollLane(1)
+              }
+            )
+          ] })
+        ] }) : tablist,
         activeTabContent !== void 0 && activeTabContent !== null && /* @__PURE__ */ jsxRuntime.jsx(
           exports.Box,
           {
@@ -29477,7 +29537,7 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect77, useRef: useRef81, useCallback: useCallback106, useState: useState112 } = React82__namespace.default;
+      const { useEffect: useEffect77, useRef: useRef81, useCallback: useCallback107, useState: useState112 } = React82__namespace.default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus2 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
@@ -29526,7 +29586,7 @@ var init_MapView = __esm({
         const contentSurface = providers.useContentSurface(surface);
         const eventBus = useEventBus2();
         const [clickedPosition, setClickedPosition] = useState112(null);
-        const handleMapClick = useCallback106((lat, lng) => {
+        const handleMapClick = useCallback107((lat, lng) => {
           if (showClickedPin) {
             setClickedPosition({ lat, lng });
           }
@@ -29535,7 +29595,7 @@ var init_MapView = __esm({
             eventBus.emit(`UI:${mapClickEvent}`, { latitude: lat, longitude: lng });
           }
         }, [onMapClick, mapClickEvent, eventBus, showClickedPin]);
-        const handleMarkerClick = useCallback106((marker) => {
+        const handleMarkerClick = useCallback107((marker) => {
           onMarkerClick?.(marker);
           if (markerClickEvent) {
             eventBus.emit(`UI:${markerClickEvent}`, { ...marker });
@@ -52076,263 +52136,775 @@ var init_component_registry_generated = __esm({
     init_WizardNavigation();
     init_WizardProgress();
     COMPONENT_REGISTRY = {
-      "Accordion": exports.Accordion,
-      "ActionPalette": ActionPalette,
-      "ActionTile": ActionTile,
-      "ActivationBlock": exports.ActivationBlock,
-      "AgentActivityFeed": AgentActivityFeed,
-      "AgentActivityRow": AgentActivityRow,
-      "AgentChatFeed": AgentChatFeed,
-      "Alert": AlertPattern,
-      "AlertPattern": AlertPattern,
-      "AlgoGraphCanvas": exports.AlgoGraphCanvas,
-      "AlgorithmCanvas": exports.AlgorithmCanvas,
-      "AnimatedCounter": exports.AnimatedCounter,
-      "AnimatedGraphic": exports.AnimatedGraphic,
-      "AnimatedReveal": exports.AnimatedReveal,
-      "Aside": exports.Aside,
-      "AtlasImage": AtlasImage,
-      "AtlasPanel": AtlasPanel,
-      "AuthLayout": exports.AuthLayout,
-      "Avatar": exports.Avatar,
-      "Badge": exports.Badge,
-      "BehaviorView": exports.BehaviorView,
-      "BiologyCanvas": exports.BiologyCanvas,
-      "BloomQuizBlock": exports.BloomQuizBlock,
-      "Box": BoxPattern,
-      "BoxPattern": BoxPattern,
-      "BranchingLogicBuilder": exports.BranchingLogicBuilder,
-      "Breadcrumb": exports.Breadcrumb,
-      "Button": ButtonPattern,
-      "ButtonGroup": exports.ButtonGroup,
-      "ButtonPattern": ButtonPattern,
-      "CalendarGrid": CalendarGrid,
-      "Canvas": Canvas,
-      "Canvas2D": Canvas2D,
-      "Card": exports.Card,
-      "Carousel": exports.Carousel,
-      "Center": exports.Center,
-      "ChangeList": exports.ChangeList,
-      "Chart": exports.Chart,
-      "ChartLegend": exports.ChartLegend,
-      "ChatBar": ChatBar,
-      "Checkbox": exports.Checkbox,
-      "ChemistryCanvas": exports.ChemistryCanvas,
-      "ChoiceButton": ChoiceButton,
-      "CodeBlock": exports.CodeBlock,
-      "CodeRunnerPanel": exports.CodeRunnerPanel,
-      "CommandPalette": exports.CommandPalette,
-      "CommitRow": exports.CommitRow,
-      "ConditionalWrapper": exports.ConditionalWrapper,
-      "ConfettiEffect": exports.ConfettiEffect,
-      "ConfirmDialog": exports.ConfirmDialog,
-      "ConnectionBlock": exports.ConnectionBlock,
-      "Container": exports.Container,
-      "ContentRenderer": exports.ContentRenderer,
-      "ControlButton": ControlButton,
-      "ControlGrid": ControlGrid,
-      "CounterTemplate": exports.CounterTemplate,
-      "DashboardGrid": exports.DashboardGrid,
-      "DashboardLayout": exports.DashboardLayout,
-      "DataGrid": DataGrid,
-      "DataList": DataList,
-      "DateRangePicker": exports.DateRangePicker,
-      "DateRangeSelector": exports.DateRangeSelector,
-      "DayCell": DayCell,
-      "DetailPanel": exports.DetailPanel,
-      "Dialog": exports.Dialog,
-      "DialogueBubble": DialogueBubble,
-      "Divider": DividerPattern,
-      "DividerPattern": DividerPattern,
-      "DocBreadcrumb": exports.DocBreadcrumb,
-      "DocPagination": DocPagination,
-      "DocSearch": DocSearch,
-      "DocSidebar": exports.DocSidebar,
-      "DocTOC": exports.DocTOC,
-      "DockLayout": exports.DockLayout,
-      "DocumentDetails": DocumentDetails,
-      "DocumentPanel": DocumentPanel,
-      "DocumentViewer": exports.DocumentViewer,
-      "DrawFxLayer": DrawFxLayer,
-      "DrawGroup": DrawGroup,
-      "DrawMesh": DrawMesh,
-      "DrawShape": DrawShape,
-      "DrawShapeLayer": DrawShapeLayer,
-      "DrawSkinnedMesh": DrawSkinnedMesh,
-      "DrawSprite": DrawSprite,
-      "DrawSpriteLayer": DrawSpriteLayer,
-      "DrawText": DrawText,
-      "DrawTextLayer": DrawTextLayer,
-      "Drawer": exports.Drawer,
-      "DrawerSlot": exports.DrawerSlot,
-      "EdgeDecoration": exports.EdgeDecoration,
-      "EmojiPicker": exports.EmojiPicker,
-      "EmptyState": exports.EmptyState,
-      "ErrorBoundary": exports.ErrorBoundary,
-      "ErrorState": exports.ErrorState,
-      "FeatureCard": exports.FeatureCard,
-      "FeatureGrid": exports.FeatureGrid,
-      "FileTree": exports.FileTree,
-      "FilterGroup": exports.FilterGroup,
-      "FilterPill": exports.FilterPill,
-      "Flex": exports.Flex,
-      "FlipCard": exports.FlipCard,
-      "FlipContainer": exports.FlipContainer,
-      "FloatingActionButton": exports.FloatingActionButton,
-      "FloatingToolbar": exports.FloatingToolbar,
-      "Form": exports.Form,
-      "FormField": exports.FormField,
-      "FormLayout": exports.FormLayout,
-      "FormSectionHeader": exports.FormSectionHeader,
-      "FxOverlay": exports.FxOverlay,
-      "GameAudioCue": GameAudioCue,
-      "GameAudioToggle": GameAudioToggle,
-      "GameHud": GameHud,
-      "GameIcon": GameIcon,
-      "GameMenu": GameMenu,
-      "GameShell": exports.GameShell,
-      "Gantt": Gantt,
-      "GenericAppTemplate": exports.GenericAppTemplate,
-      "GeometricPattern": exports.GeometricPattern,
-      "GradientDivider": exports.GradientDivider,
-      "GraphCanvas": exports.GraphCanvas,
-      "GraphView": exports.GraphView,
-      "Grid": exports.Grid,
-      "HStack": exports.HStack,
-      "Header": exports.Header,
-      "HealthBar": HealthBar,
-      "Icon": exports.Icon,
-      "IconButton": IconButtonPattern,
-      "IconButtonPattern": IconButtonPattern,
-      "Image": exports.Image,
-      "ImportPreviewTree": exports.ImportPreviewTree,
-      "ImportProgress": exports.ImportProgress,
-      "ImportSourcePicker": exports.ImportSourcePicker,
-      "InfiniteScrollSentinel": exports.InfiniteScrollSentinel,
-      "Input": exports.Input,
-      "InputGroup": exports.InputGroup,
-      "JazariStateMachine": exports.JazariStateMachine,
-      "Label": LabelPattern,
-      "LabelPattern": LabelPattern,
-      "LawReferenceTooltip": exports.LawReferenceTooltip,
-      "LearningCanvas": exports.LearningCanvas,
-      "Lightbox": exports.Lightbox,
-      "LikertScale": exports.LikertScale,
-      "LineChart": exports.LineChart,
-      "LoadingState": exports.LoadingState,
-      "MapView": MapView,
-      "MarkdownContent": exports.MarkdownContent,
-      "MasterDetailLayout": exports.MasterDetailLayout,
-      "MathCanvas": exports.MathCanvas,
-      "MatrixQuestion": exports.MatrixQuestion,
-      "MediaGallery": exports.MediaGallery,
-      "Menu": exports.Menu,
-      "Meter": exports.Meter,
-      "Modal": exports.Modal,
-      "ModalSlot": exports.ModalSlot,
-      "ModuleCard": exports.ModuleCard,
-      "Navigation": exports.Navigation,
-      "NumberStepper": exports.NumberStepper,
-      "OptionConstraintGroup": exports.OptionConstraintGroup,
-      "OrbitalVisualization": exports.OrbitalVisualization,
-      "Overlay": exports.Overlay,
-      "PageHeader": exports.PageHeader,
-      "PageTransition": exports.PageTransition,
-      "Pagination": exports.Pagination,
-      "PatternTile": exports.PatternTile,
-      "PhysicsCanvas": exports.PhysicsCanvas,
-      "Popover": exports.Popover,
-      "PositionedCanvas": exports.PositionedCanvas,
-      "Presence": exports.Presence,
-      "ProgressBar": exports.ProgressBar,
-      "ProgressDots": exports.ProgressDots,
-      "PullToRefresh": exports.PullToRefresh,
-      "QrScanner": exports.QrScanner,
-      "QuizBlock": exports.QuizBlock,
-      "Radio": exports.Radio,
-      "RangeSlider": exports.RangeSlider,
-      "ReflectionBlock": exports.ReflectionBlock,
-      "RelationSelect": exports.RelationSelect,
-      "RepeatableFormSection": exports.RepeatableFormSection,
-      "ReplyTree": exports.ReplyTree,
-      "RichTextEditor": exports.RichTextEditor,
-      "RuntimeDebugger": RuntimeDebugger,
-      "ScaledDiagram": exports.ScaledDiagram,
-      "ScoreDisplay": ScoreDisplay,
-      "SearchInput": exports.SearchInput,
-      "Section": exports.Section,
-      "SectionHeader": exports.SectionHeader,
-      "SegmentRenderer": exports.SegmentRenderer,
-      "Select": exports.Select,
-      "SequenceBar": SequenceBar,
-      "SidePanel": exports.SidePanel,
-      "Sidebar": exports.Sidebar,
-      "SignaturePad": exports.SignaturePad,
-      "SimpleGrid": exports.SimpleGrid,
-      "Skeleton": Skeleton,
-      "SocialProof": exports.SocialProof,
-      "SortableList": exports.SortableList,
-      "Spacer": SpacerPattern,
-      "SpacerPattern": SpacerPattern,
-      "Sparkline": exports.Sparkline,
-      "Spinner": exports.Spinner,
-      "Split": exports.Split,
-      "SplitPane": exports.SplitPane,
-      "Stack": exports.Stack,
-      "StarRating": exports.StarRating,
-      "StatBadge": StatBadge,
-      "StatCard": exports.StatCard,
-      "StatDisplay": exports.StatDisplay,
-      "StateGraph": StateGraph,
-      "StateJsonView": StateJsonView,
-      "StateMachineView": exports.StateMachineView,
-      "StatusDot": exports.StatusDot,
-      "SubagentTracePanel": exports.SubagentTracePanel,
-      "SvgBranch": exports.SvgBranch,
-      "SvgConnection": exports.SvgConnection,
-      "SvgFlow": exports.SvgFlow,
-      "SvgGrid": exports.SvgGrid,
-      "SvgLobe": exports.SvgLobe,
-      "SvgMesh": exports.SvgMesh,
-      "SvgMorph": exports.SvgMorph,
-      "SvgNode": exports.SvgNode,
-      "SvgPulse": exports.SvgPulse,
-      "SvgRing": exports.SvgRing,
-      "SvgShield": exports.SvgShield,
-      "SvgStack": exports.SvgStack,
-      "SwipeableRow": exports.SwipeableRow,
-      "Switch": exports.Switch,
-      "TabbedContainer": exports.TabbedContainer,
-      "TableView": TableView,
-      "Tabs": exports.Tabs,
-      "TagInput": exports.TagInput,
-      "TextHighlight": exports.TextHighlight,
-      "Textarea": exports.Textarea,
-      "ThemeToggle": exports.ThemeToggle,
-      "TimeSlotCell": TimeSlotCell,
-      "Timeline": exports.Timeline,
-      "TimerDisplay": TimerDisplay,
-      "Toast": exports.Toast,
-      "ToastSlot": exports.ToastSlot,
-      "Tooltip": exports.Tooltip,
-      "TopNavItem": TopNavItem,
-      "TraitFrame": TraitFrame,
-      "TraitSlot": TraitSlot,
-      "TrendIndicator": exports.TrendIndicator,
-      "TypewriterText": exports.TypewriterText,
-      "Typography": exports.Typography,
-      "UISlotComponent": UISlotComponent,
-      "UISlotRenderer": UISlotRenderer,
-      "UploadDropZone": exports.UploadDropZone,
-      "VStack": exports.VStack,
-      "VersionDiff": exports.VersionDiff,
-      "ViolationAlert": exports.ViolationAlert,
-      "VoteStack": exports.VoteStack,
-      "WizardContainer": exports.WizardContainer,
-      "WizardNavigation": exports.WizardNavigation,
-      "WizardProgress": exports.WizardProgress,
+      get "Accordion"() {
+        return exports.Accordion;
+      },
+      get "ActionPalette"() {
+        return ActionPalette;
+      },
+      get "ActionTile"() {
+        return ActionTile;
+      },
+      get "ActivationBlock"() {
+        return exports.ActivationBlock;
+      },
+      get "AgentActivityFeed"() {
+        return AgentActivityFeed;
+      },
+      get "AgentActivityRow"() {
+        return AgentActivityRow;
+      },
+      get "AgentChatFeed"() {
+        return AgentChatFeed;
+      },
+      get "Alert"() {
+        return AlertPattern;
+      },
+      get "AlertPattern"() {
+        return AlertPattern;
+      },
+      get "AlgoGraphCanvas"() {
+        return exports.AlgoGraphCanvas;
+      },
+      get "AlgorithmCanvas"() {
+        return exports.AlgorithmCanvas;
+      },
+      get "AnimatedCounter"() {
+        return exports.AnimatedCounter;
+      },
+      get "AnimatedGraphic"() {
+        return exports.AnimatedGraphic;
+      },
+      get "AnimatedReveal"() {
+        return exports.AnimatedReveal;
+      },
+      get "Aside"() {
+        return exports.Aside;
+      },
+      get "AtlasImage"() {
+        return AtlasImage;
+      },
+      get "AtlasPanel"() {
+        return AtlasPanel;
+      },
+      get "AuthLayout"() {
+        return exports.AuthLayout;
+      },
+      get "Avatar"() {
+        return exports.Avatar;
+      },
+      get "Badge"() {
+        return exports.Badge;
+      },
+      get "BehaviorView"() {
+        return exports.BehaviorView;
+      },
+      get "BiologyCanvas"() {
+        return exports.BiologyCanvas;
+      },
+      get "BloomQuizBlock"() {
+        return exports.BloomQuizBlock;
+      },
+      get "Box"() {
+        return BoxPattern;
+      },
+      get "BoxPattern"() {
+        return BoxPattern;
+      },
+      get "BranchingLogicBuilder"() {
+        return exports.BranchingLogicBuilder;
+      },
+      get "Breadcrumb"() {
+        return exports.Breadcrumb;
+      },
+      get "Button"() {
+        return ButtonPattern;
+      },
+      get "ButtonGroup"() {
+        return exports.ButtonGroup;
+      },
+      get "ButtonPattern"() {
+        return ButtonPattern;
+      },
+      get "CalendarGrid"() {
+        return CalendarGrid;
+      },
+      get "Canvas"() {
+        return Canvas;
+      },
+      get "Canvas2D"() {
+        return Canvas2D;
+      },
+      get "Card"() {
+        return exports.Card;
+      },
+      get "Carousel"() {
+        return exports.Carousel;
+      },
+      get "Center"() {
+        return exports.Center;
+      },
+      get "ChangeList"() {
+        return exports.ChangeList;
+      },
+      get "Chart"() {
+        return exports.Chart;
+      },
+      get "ChartLegend"() {
+        return exports.ChartLegend;
+      },
+      get "ChatBar"() {
+        return ChatBar;
+      },
+      get "Checkbox"() {
+        return exports.Checkbox;
+      },
+      get "ChemistryCanvas"() {
+        return exports.ChemistryCanvas;
+      },
+      get "ChoiceButton"() {
+        return ChoiceButton;
+      },
+      get "CodeBlock"() {
+        return exports.CodeBlock;
+      },
+      get "CodeRunnerPanel"() {
+        return exports.CodeRunnerPanel;
+      },
+      get "CommandPalette"() {
+        return exports.CommandPalette;
+      },
+      get "CommitRow"() {
+        return exports.CommitRow;
+      },
+      get "ConditionalWrapper"() {
+        return exports.ConditionalWrapper;
+      },
+      get "ConfettiEffect"() {
+        return exports.ConfettiEffect;
+      },
+      get "ConfirmDialog"() {
+        return exports.ConfirmDialog;
+      },
+      get "ConnectionBlock"() {
+        return exports.ConnectionBlock;
+      },
+      get "Container"() {
+        return exports.Container;
+      },
+      get "ContentRenderer"() {
+        return exports.ContentRenderer;
+      },
+      get "ControlButton"() {
+        return ControlButton;
+      },
+      get "ControlGrid"() {
+        return ControlGrid;
+      },
+      get "CounterTemplate"() {
+        return exports.CounterTemplate;
+      },
+      get "DashboardGrid"() {
+        return exports.DashboardGrid;
+      },
+      get "DashboardLayout"() {
+        return exports.DashboardLayout;
+      },
+      get "DataGrid"() {
+        return DataGrid;
+      },
+      get "DataList"() {
+        return DataList;
+      },
+      get "DateRangePicker"() {
+        return exports.DateRangePicker;
+      },
+      get "DateRangeSelector"() {
+        return exports.DateRangeSelector;
+      },
+      get "DayCell"() {
+        return DayCell;
+      },
+      get "DetailPanel"() {
+        return exports.DetailPanel;
+      },
+      get "Dialog"() {
+        return exports.Dialog;
+      },
+      get "DialogueBubble"() {
+        return DialogueBubble;
+      },
+      get "Divider"() {
+        return DividerPattern;
+      },
+      get "DividerPattern"() {
+        return DividerPattern;
+      },
+      get "DocBreadcrumb"() {
+        return exports.DocBreadcrumb;
+      },
+      get "DocPagination"() {
+        return DocPagination;
+      },
+      get "DocSearch"() {
+        return DocSearch;
+      },
+      get "DocSidebar"() {
+        return exports.DocSidebar;
+      },
+      get "DocTOC"() {
+        return exports.DocTOC;
+      },
+      get "DockLayout"() {
+        return exports.DockLayout;
+      },
+      get "DocumentDetails"() {
+        return DocumentDetails;
+      },
+      get "DocumentPanel"() {
+        return DocumentPanel;
+      },
+      get "DocumentViewer"() {
+        return exports.DocumentViewer;
+      },
+      get "DrawFxLayer"() {
+        return DrawFxLayer;
+      },
+      get "DrawGroup"() {
+        return DrawGroup;
+      },
+      get "DrawMesh"() {
+        return DrawMesh;
+      },
+      get "DrawShape"() {
+        return DrawShape;
+      },
+      get "DrawShapeLayer"() {
+        return DrawShapeLayer;
+      },
+      get "DrawSkinnedMesh"() {
+        return DrawSkinnedMesh;
+      },
+      get "DrawSprite"() {
+        return DrawSprite;
+      },
+      get "DrawSpriteLayer"() {
+        return DrawSpriteLayer;
+      },
+      get "DrawText"() {
+        return DrawText;
+      },
+      get "DrawTextLayer"() {
+        return DrawTextLayer;
+      },
+      get "Drawer"() {
+        return exports.Drawer;
+      },
+      get "DrawerSlot"() {
+        return exports.DrawerSlot;
+      },
+      get "EdgeDecoration"() {
+        return exports.EdgeDecoration;
+      },
+      get "EmojiPicker"() {
+        return exports.EmojiPicker;
+      },
+      get "EmptyState"() {
+        return exports.EmptyState;
+      },
+      get "ErrorBoundary"() {
+        return exports.ErrorBoundary;
+      },
+      get "ErrorState"() {
+        return exports.ErrorState;
+      },
+      get "FeatureCard"() {
+        return exports.FeatureCard;
+      },
+      get "FeatureGrid"() {
+        return exports.FeatureGrid;
+      },
+      get "FileTree"() {
+        return exports.FileTree;
+      },
+      get "FilterGroup"() {
+        return exports.FilterGroup;
+      },
+      get "FilterPill"() {
+        return exports.FilterPill;
+      },
+      get "Flex"() {
+        return exports.Flex;
+      },
+      get "FlipCard"() {
+        return exports.FlipCard;
+      },
+      get "FlipContainer"() {
+        return exports.FlipContainer;
+      },
+      get "FloatingActionButton"() {
+        return exports.FloatingActionButton;
+      },
+      get "FloatingToolbar"() {
+        return exports.FloatingToolbar;
+      },
+      get "Form"() {
+        return exports.Form;
+      },
+      get "FormField"() {
+        return exports.FormField;
+      },
+      get "FormLayout"() {
+        return exports.FormLayout;
+      },
+      get "FormSectionHeader"() {
+        return exports.FormSectionHeader;
+      },
+      get "FxOverlay"() {
+        return exports.FxOverlay;
+      },
+      get "GameAudioCue"() {
+        return GameAudioCue;
+      },
+      get "GameAudioToggle"() {
+        return GameAudioToggle;
+      },
+      get "GameHud"() {
+        return GameHud;
+      },
+      get "GameIcon"() {
+        return GameIcon;
+      },
+      get "GameMenu"() {
+        return GameMenu;
+      },
+      get "GameShell"() {
+        return exports.GameShell;
+      },
+      get "Gantt"() {
+        return Gantt;
+      },
+      get "GenericAppTemplate"() {
+        return exports.GenericAppTemplate;
+      },
+      get "GeometricPattern"() {
+        return exports.GeometricPattern;
+      },
+      get "GradientDivider"() {
+        return exports.GradientDivider;
+      },
+      get "GraphCanvas"() {
+        return exports.GraphCanvas;
+      },
+      get "GraphView"() {
+        return exports.GraphView;
+      },
+      get "Grid"() {
+        return exports.Grid;
+      },
+      get "HStack"() {
+        return exports.HStack;
+      },
+      get "Header"() {
+        return exports.Header;
+      },
+      get "HealthBar"() {
+        return HealthBar;
+      },
+      get "Icon"() {
+        return exports.Icon;
+      },
+      get "IconButton"() {
+        return IconButtonPattern;
+      },
+      get "IconButtonPattern"() {
+        return IconButtonPattern;
+      },
+      get "Image"() {
+        return exports.Image;
+      },
+      get "ImportPreviewTree"() {
+        return exports.ImportPreviewTree;
+      },
+      get "ImportProgress"() {
+        return exports.ImportProgress;
+      },
+      get "ImportSourcePicker"() {
+        return exports.ImportSourcePicker;
+      },
+      get "InfiniteScrollSentinel"() {
+        return exports.InfiniteScrollSentinel;
+      },
+      get "Input"() {
+        return exports.Input;
+      },
+      get "InputGroup"() {
+        return exports.InputGroup;
+      },
+      get "JazariStateMachine"() {
+        return exports.JazariStateMachine;
+      },
+      get "Label"() {
+        return LabelPattern;
+      },
+      get "LabelPattern"() {
+        return LabelPattern;
+      },
+      get "LawReferenceTooltip"() {
+        return exports.LawReferenceTooltip;
+      },
+      get "LearningCanvas"() {
+        return exports.LearningCanvas;
+      },
+      get "Lightbox"() {
+        return exports.Lightbox;
+      },
+      get "LikertScale"() {
+        return exports.LikertScale;
+      },
+      get "LineChart"() {
+        return exports.LineChart;
+      },
+      get "LoadingState"() {
+        return exports.LoadingState;
+      },
+      get "MapView"() {
+        return MapView;
+      },
+      get "MarkdownContent"() {
+        return exports.MarkdownContent;
+      },
+      get "MasterDetailLayout"() {
+        return exports.MasterDetailLayout;
+      },
+      get "MathCanvas"() {
+        return exports.MathCanvas;
+      },
+      get "MatrixQuestion"() {
+        return exports.MatrixQuestion;
+      },
+      get "MediaGallery"() {
+        return exports.MediaGallery;
+      },
+      get "Menu"() {
+        return exports.Menu;
+      },
+      get "Meter"() {
+        return exports.Meter;
+      },
+      get "Modal"() {
+        return exports.Modal;
+      },
+      get "ModalSlot"() {
+        return exports.ModalSlot;
+      },
+      get "ModuleCard"() {
+        return exports.ModuleCard;
+      },
+      get "Navigation"() {
+        return exports.Navigation;
+      },
+      get "NumberStepper"() {
+        return exports.NumberStepper;
+      },
+      get "OptionConstraintGroup"() {
+        return exports.OptionConstraintGroup;
+      },
+      get "OrbitalVisualization"() {
+        return exports.OrbitalVisualization;
+      },
+      get "Overlay"() {
+        return exports.Overlay;
+      },
+      get "PageHeader"() {
+        return exports.PageHeader;
+      },
+      get "PageTransition"() {
+        return exports.PageTransition;
+      },
+      get "Pagination"() {
+        return exports.Pagination;
+      },
+      get "PatternTile"() {
+        return exports.PatternTile;
+      },
+      get "PhysicsCanvas"() {
+        return exports.PhysicsCanvas;
+      },
+      get "Popover"() {
+        return exports.Popover;
+      },
+      get "PositionedCanvas"() {
+        return exports.PositionedCanvas;
+      },
+      get "Presence"() {
+        return exports.Presence;
+      },
+      get "ProgressBar"() {
+        return exports.ProgressBar;
+      },
+      get "ProgressDots"() {
+        return exports.ProgressDots;
+      },
+      get "PullToRefresh"() {
+        return exports.PullToRefresh;
+      },
+      get "QrScanner"() {
+        return exports.QrScanner;
+      },
+      get "QuizBlock"() {
+        return exports.QuizBlock;
+      },
+      get "Radio"() {
+        return exports.Radio;
+      },
+      get "RangeSlider"() {
+        return exports.RangeSlider;
+      },
+      get "ReflectionBlock"() {
+        return exports.ReflectionBlock;
+      },
+      get "RelationSelect"() {
+        return exports.RelationSelect;
+      },
+      get "RepeatableFormSection"() {
+        return exports.RepeatableFormSection;
+      },
+      get "ReplyTree"() {
+        return exports.ReplyTree;
+      },
+      get "RichTextEditor"() {
+        return exports.RichTextEditor;
+      },
+      get "RuntimeDebugger"() {
+        return RuntimeDebugger;
+      },
+      get "ScaledDiagram"() {
+        return exports.ScaledDiagram;
+      },
+      get "ScoreDisplay"() {
+        return ScoreDisplay;
+      },
+      get "SearchInput"() {
+        return exports.SearchInput;
+      },
+      get "Section"() {
+        return exports.Section;
+      },
+      get "SectionHeader"() {
+        return exports.SectionHeader;
+      },
+      get "SegmentRenderer"() {
+        return exports.SegmentRenderer;
+      },
+      get "Select"() {
+        return exports.Select;
+      },
+      get "SequenceBar"() {
+        return SequenceBar;
+      },
+      get "SidePanel"() {
+        return exports.SidePanel;
+      },
+      get "Sidebar"() {
+        return exports.Sidebar;
+      },
+      get "SignaturePad"() {
+        return exports.SignaturePad;
+      },
+      get "SimpleGrid"() {
+        return exports.SimpleGrid;
+      },
+      get "Skeleton"() {
+        return Skeleton;
+      },
+      get "SocialProof"() {
+        return exports.SocialProof;
+      },
+      get "SortableList"() {
+        return exports.SortableList;
+      },
+      get "Spacer"() {
+        return SpacerPattern;
+      },
+      get "SpacerPattern"() {
+        return SpacerPattern;
+      },
+      get "Sparkline"() {
+        return exports.Sparkline;
+      },
+      get "Spinner"() {
+        return exports.Spinner;
+      },
+      get "Split"() {
+        return exports.Split;
+      },
+      get "SplitPane"() {
+        return exports.SplitPane;
+      },
+      get "Stack"() {
+        return exports.Stack;
+      },
+      get "StarRating"() {
+        return exports.StarRating;
+      },
+      get "StatBadge"() {
+        return StatBadge;
+      },
+      get "StatCard"() {
+        return exports.StatCard;
+      },
+      get "StatDisplay"() {
+        return exports.StatDisplay;
+      },
+      get "StateGraph"() {
+        return StateGraph;
+      },
+      get "StateJsonView"() {
+        return StateJsonView;
+      },
+      get "StateMachineView"() {
+        return exports.StateMachineView;
+      },
+      get "StatusDot"() {
+        return exports.StatusDot;
+      },
+      get "SubagentTracePanel"() {
+        return exports.SubagentTracePanel;
+      },
+      get "SvgBranch"() {
+        return exports.SvgBranch;
+      },
+      get "SvgConnection"() {
+        return exports.SvgConnection;
+      },
+      get "SvgFlow"() {
+        return exports.SvgFlow;
+      },
+      get "SvgGrid"() {
+        return exports.SvgGrid;
+      },
+      get "SvgLobe"() {
+        return exports.SvgLobe;
+      },
+      get "SvgMesh"() {
+        return exports.SvgMesh;
+      },
+      get "SvgMorph"() {
+        return exports.SvgMorph;
+      },
+      get "SvgNode"() {
+        return exports.SvgNode;
+      },
+      get "SvgPulse"() {
+        return exports.SvgPulse;
+      },
+      get "SvgRing"() {
+        return exports.SvgRing;
+      },
+      get "SvgShield"() {
+        return exports.SvgShield;
+      },
+      get "SvgStack"() {
+        return exports.SvgStack;
+      },
+      get "SwipeableRow"() {
+        return exports.SwipeableRow;
+      },
+      get "Switch"() {
+        return exports.Switch;
+      },
+      get "TabbedContainer"() {
+        return exports.TabbedContainer;
+      },
+      get "TableView"() {
+        return TableView;
+      },
+      get "Tabs"() {
+        return exports.Tabs;
+      },
+      get "TagInput"() {
+        return exports.TagInput;
+      },
+      get "TextHighlight"() {
+        return exports.TextHighlight;
+      },
+      get "Textarea"() {
+        return exports.Textarea;
+      },
+      get "ThemeToggle"() {
+        return exports.ThemeToggle;
+      },
+      get "TimeSlotCell"() {
+        return TimeSlotCell;
+      },
+      get "Timeline"() {
+        return exports.Timeline;
+      },
+      get "TimerDisplay"() {
+        return TimerDisplay;
+      },
+      get "Toast"() {
+        return exports.Toast;
+      },
+      get "ToastSlot"() {
+        return exports.ToastSlot;
+      },
+      get "Tooltip"() {
+        return exports.Tooltip;
+      },
+      get "TopNavItem"() {
+        return TopNavItem;
+      },
+      get "TraitFrame"() {
+        return TraitFrame;
+      },
+      get "TraitSlot"() {
+        return TraitSlot;
+      },
+      get "TrendIndicator"() {
+        return exports.TrendIndicator;
+      },
+      get "TypewriterText"() {
+        return exports.TypewriterText;
+      },
+      get "Typography"() {
+        return exports.Typography;
+      },
+      get "UISlotComponent"() {
+        return UISlotComponent;
+      },
+      get "UISlotRenderer"() {
+        return UISlotRenderer;
+      },
+      get "UploadDropZone"() {
+        return exports.UploadDropZone;
+      },
+      get "VStack"() {
+        return exports.VStack;
+      },
+      get "VersionDiff"() {
+        return exports.VersionDiff;
+      },
+      get "ViolationAlert"() {
+        return exports.ViolationAlert;
+      },
+      get "VoteStack"() {
+        return exports.VoteStack;
+      },
+      get "WizardContainer"() {
+        return exports.WizardContainer;
+      },
+      get "WizardNavigation"() {
+        return exports.WizardNavigation;
+      },
+      get "WizardProgress"() {
+        return exports.WizardProgress;
+      },
       // Semantic aliases
-      "Text": TextPattern
+      get "Text"() {
+        return TextPattern;
+      }
     };
   }
 });