@almadar/ui 4.56.4 → 4.57.2

package/dist/components/index.cjs

@@ -1770,7 +1770,7 @@ var init_Badge = __esm({
       lg: "px-3 py-1.5 text-base"
     };
     exports.Badge = React78__namespace.default.forwardRef(
-      ({ className, variant = "default", size = "sm", amount, label, icon, children, ...props }, ref) => {
+      ({ className, variant = "default", size = "sm", amount, label, icon, children, onRemove, removeLabel, ...props }, ref) => {
         const iconSizes3 = { sm: "w-3 h-3", md: "w-3.5 h-3.5", lg: "w-4 h-4" };
         const resolvedIcon = typeof icon === "string" ? (() => {
           const I = resolveIcon(icon);
@@ -1784,12 +1784,31 @@ var init_Badge = __esm({
               "inline-flex items-center gap-1 font-bold rounded-sm",
               variantStyles3[variant],
               sizeStyles2[size],
+              onRemove && "pr-1",
               className
             ),
             ...props,
             children: [
               resolvedIcon,
-              children || (amount != null ? `${label ? `${label} ` : ""}${amount}` : label)
+              children || (amount != null ? `${label ? `${label} ` : ""}${amount}` : label),
+              onRemove ? /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": removeLabel ?? "Remove",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    onRemove();
+                  },
+                  className: cn(
+                    "inline-flex items-center justify-center rounded-sm",
+                    "hover:bg-foreground/10 focus:outline-none focus:ring-1 focus:ring-ring",
+                    "transition-colors",
+                    size === "sm" ? "w-4 h-4 ml-0.5" : size === "md" ? "w-5 h-5 ml-1" : "w-6 h-6 ml-1"
+                  ),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.X, { className: iconSizes3[size] })
+                }
+              ) : null
             ]
           }
         );
@@ -7870,7 +7889,7 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect71, useRef: useRef66, useCallback: useCallback126, useState: useState108 } = React78__namespace.default;
+      const { useEffect: useEffect71, useRef: useRef66, useCallback: useCallback127, useState: useState109 } = React78__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 }) {
@@ -7915,8 +7934,8 @@ var init_MapView = __esm({
         showAttribution = true
       }) {
         const eventBus = useEventBus2();
-        const [clickedPosition, setClickedPosition] = useState108(null);
-        const handleMapClick = useCallback126((lat, lng) => {
+        const [clickedPosition, setClickedPosition] = useState109(null);
+        const handleMapClick = useCallback127((lat, lng) => {
           if (showClickedPin) {
             setClickedPosition({ lat, lng });
           }
@@ -7925,7 +7944,7 @@ var init_MapView = __esm({
             eventBus.emit(`UI:${mapClickEvent}`, { latitude: lat, longitude: lng });
           }
         }, [onMapClick, mapClickEvent, eventBus, showClickedPin]);
-        const handleMarkerClick = useCallback126((marker) => {
+        const handleMarkerClick = useCallback127((marker) => {
           onMarkerClick?.(marker);
           if (markerClickEvent) {
             eventBus.emit(`UI:${markerClickEvent}`, { ...marker });
@@ -28744,6 +28763,98 @@ var init_TagCloud = __esm({
     exports.TagCloud.displayName = "TagCloud";
   }
 });
+exports.TagInput = void 0;
+var init_TagInput = __esm({
+  "components/molecules/TagInput.tsx"() {
+    "use client";
+    init_cn();
+    init_useEventBus();
+    init_Input();
+    init_Badge();
+    init_Stack();
+    init_Typography();
+    exports.TagInput = ({
+      value,
+      onChange,
+      placeholder,
+      disabled = false,
+      variant = "default",
+      unique = true,
+      helperText,
+      className,
+      addEvent,
+      removeEvent
+    }) => {
+      const eventBus = useEventBus();
+      const [draft, setDraft] = React78.useState("");
+      const commit = React78.useCallback(() => {
+        const tag = draft.trim();
+        if (!tag) return;
+        if (unique && value.includes(tag)) {
+          setDraft("");
+          return;
+        }
+        const next = [...value, tag];
+        onChange?.(next);
+        if (addEvent) {
+          eventBus.emit(`UI:${addEvent}`, { tag, value: next });
+        }
+        setDraft("");
+      }, [draft, value, onChange, unique, addEvent, eventBus]);
+      const removeAt = React78.useCallback(
+        (index) => {
+          if (disabled) return;
+          const tag = value[index];
+          const next = value.slice();
+          next.splice(index, 1);
+          onChange?.(next);
+          if (removeEvent) {
+            eventBus.emit(`UI:${removeEvent}`, { tag, index, value: next });
+          }
+        },
+        [value, onChange, disabled, removeEvent, eventBus]
+      );
+      const handleKeyDown = React78.useCallback(
+        (e) => {
+          if (disabled) return;
+          if (e.key === "Enter") {
+            e.preventDefault();
+            commit();
+          } else if (e.key === "Backspace" && draft.length === 0 && value.length > 0) {
+            e.preventDefault();
+            removeAt(value.length - 1);
+          }
+        },
+        [commit, draft.length, value, removeAt, disabled]
+      );
+      return /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "xs", className: cn("w-full", className), children: [
+        value.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(exports.HStack, { gap: "xs", className: "flex-wrap", children: value.map((tag, index) => /* @__PURE__ */ jsxRuntime.jsx(
+          exports.Badge,
+          {
+            variant,
+            size: "sm",
+            onRemove: disabled ? void 0 : () => removeAt(index),
+            removeLabel: `Remove ${tag}`,
+            children: tag
+          },
+          `${tag}-${index}`
+        )) }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          exports.Input,
+          {
+            value: draft,
+            placeholder: placeholder ?? "Type and press Enter\u2026",
+            disabled,
+            onChange: (e) => setDraft(e.target.value),
+            onKeyDown: handleKeyDown
+          }
+        ),
+        helperText ? /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "muted", children: helperText }) : null
+      ] });
+    };
+    exports.TagInput.displayName = "TagInput";
+  }
+});
 exports.ShowcaseCard = void 0;
 var init_ShowcaseCard = __esm({
   "components/molecules/ShowcaseCard.tsx"() {
@@ -32362,6 +32473,75 @@ var init_GradientDivider = __esm({
     exports.GradientDivider.displayName = "GradientDivider";
   }
 });
+exports.MarketingFooter = void 0;
+var init_MarketingFooter = __esm({
+  "components/molecules/MarketingFooter.tsx"() {
+    "use client";
+    init_cn();
+    init_Box();
+    init_Stack();
+    init_Typography();
+    exports.MarketingFooter = ({
+      columns,
+      copyright,
+      logo,
+      className
+    }) => {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        exports.Box,
+        {
+          as: "footer",
+          className: cn(
+            "bg-surface",
+            "border-t border-border",
+            "pt-12 pb-8 px-4",
+            className
+          ),
+          children: /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "lg", className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "lg", align: "start", className: "flex-wrap w-full justify-between", children: [
+              logo && /* @__PURE__ */ jsxRuntime.jsx(exports.VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: logo.href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: logo.href, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo.src, alt: logo.alt, className: "h-8 w-auto" }) }) : /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo.src, alt: logo.alt, className: "h-8 w-auto" }) }),
+              columns.map((col) => /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  exports.Typography,
+                  {
+                    variant: "body2",
+                    className: "font-semibold text-foreground mb-1",
+                    children: col.title
+                  }
+                ),
+                col.items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+                  "a",
+                  {
+                    href: item.href,
+                    className: cn(
+                      "text-sm no-underline",
+                      "text-foreground/60",
+                      "hover:text-accent",
+                      "transition-colors duration-150"
+                    ),
+                    target: item.href.startsWith("http") ? "_blank" : void 0,
+                    rel: item.href.startsWith("http") ? "noopener noreferrer" : void 0,
+                    children: item.label
+                  },
+                  item.label
+                ))
+              ] }, col.title))
+            ] }),
+            copyright && /* @__PURE__ */ jsxRuntime.jsx(
+              exports.Typography,
+              {
+                variant: "caption",
+                className: "text-foreground/30 text-center w-full pt-6",
+                children: copyright
+              }
+            )
+          ] })
+        }
+      );
+    };
+    exports.MarketingFooter.displayName = "MarketingFooter";
+  }
+});
 exports.PullQuote = void 0;
 var init_PullQuote = __esm({
   "components/molecules/PullQuote.tsx"() {
@@ -32879,6 +33059,7 @@ var init_molecules = __esm({
     init_StepFlow();
     init_SplitSection();
     init_TagCloud();
+    init_TagInput();
     init_CommunityLinks();
     init_TeamCard();
     init_ShowcaseCard();
@@ -32901,6 +33082,7 @@ var init_molecules = __esm({
     init_DocSidebar();
     init_DocTOC();
     init_GradientDivider();
+    init_MarketingFooter();
     init_PullQuote();
     init_BehaviorView();
     init_ModuleCard();
@@ -44730,6 +44912,7 @@ var init_component_registry_generated = __esm({
     init_List();
     init_LoadingState();
     init_MarkdownContent();
+    init_MarketingFooter();
     init_MasterDetail();
     init_MasterDetailLayout();
     init_MatrixQuestion();
@@ -44829,6 +45012,7 @@ var init_component_registry_generated = __esm({
     init_Table();
     init_Tabs();
     init_TagCloud();
+    init_TagInput();
     init_TeamCard();
     init_TeamOrganism();
     init_TextHighlight();
@@ -45029,6 +45213,7 @@ var init_component_registry_generated = __esm({
       "MapView": MapViewPattern,
       "MapViewPattern": MapViewPattern,
       "MarkdownContent": exports.MarkdownContent,
+      "MarketingFooter": exports.MarketingFooter,
       "MasterDetail": MasterDetail,
       "MasterDetailLayout": exports.MasterDetailLayout,
       "MatrixQuestion": exports.MatrixQuestion,
@@ -45144,6 +45329,7 @@ var init_component_registry_generated = __esm({
       "Table": exports.Table,
       "Tabs": exports.Tabs,
       "TagCloud": exports.TagCloud,
+      "TagInput": exports.TagInput,
       "TeamCard": exports.TeamCard,
       "TeamOrganism": exports.TeamOrganism,
       "TextHighlight": exports.TextHighlight,

package/dist/components/index.js

@@ -1724,7 +1724,7 @@ var init_Badge = __esm({
       lg: "px-3 py-1.5 text-base"
     };
     Badge = React78__default.forwardRef(
-      ({ className, variant = "default", size = "sm", amount, label, icon, children, ...props }, ref) => {
+      ({ className, variant = "default", size = "sm", amount, label, icon, children, onRemove, removeLabel, ...props }, ref) => {
         const iconSizes3 = { sm: "w-3 h-3", md: "w-3.5 h-3.5", lg: "w-4 h-4" };
         const resolvedIcon = typeof icon === "string" ? (() => {
           const I = resolveIcon(icon);
@@ -1738,12 +1738,31 @@ var init_Badge = __esm({
               "inline-flex items-center gap-1 font-bold rounded-sm",
               variantStyles3[variant],
               sizeStyles2[size],
+              onRemove && "pr-1",
               className
             ),
             ...props,
             children: [
               resolvedIcon,
-              children || (amount != null ? `${label ? `${label} ` : ""}${amount}` : label)
+              children || (amount != null ? `${label ? `${label} ` : ""}${amount}` : label),
+              onRemove ? /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": removeLabel ?? "Remove",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    onRemove();
+                  },
+                  className: cn(
+                    "inline-flex items-center justify-center rounded-sm",
+                    "hover:bg-foreground/10 focus:outline-none focus:ring-1 focus:ring-ring",
+                    "transition-colors",
+                    size === "sm" ? "w-4 h-4 ml-0.5" : size === "md" ? "w-5 h-5 ml-1" : "w-6 h-6 ml-1"
+                  ),
+                  children: /* @__PURE__ */ jsx(X, { className: iconSizes3[size] })
+                }
+              ) : null
             ]
           }
         );
@@ -7824,7 +7843,7 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect71, useRef: useRef66, useCallback: useCallback126, useState: useState108 } = React78__default;
+      const { useEffect: useEffect71, useRef: useRef66, useCallback: useCallback127, useState: useState109 } = React78__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 }) {
@@ -7869,8 +7888,8 @@ var init_MapView = __esm({
         showAttribution = true
       }) {
         const eventBus = useEventBus2();
-        const [clickedPosition, setClickedPosition] = useState108(null);
-        const handleMapClick = useCallback126((lat, lng) => {
+        const [clickedPosition, setClickedPosition] = useState109(null);
+        const handleMapClick = useCallback127((lat, lng) => {
           if (showClickedPin) {
             setClickedPosition({ lat, lng });
           }
@@ -7879,7 +7898,7 @@ var init_MapView = __esm({
             eventBus.emit(`UI:${mapClickEvent}`, { latitude: lat, longitude: lng });
           }
         }, [onMapClick, mapClickEvent, eventBus, showClickedPin]);
-        const handleMarkerClick = useCallback126((marker) => {
+        const handleMarkerClick = useCallback127((marker) => {
           onMarkerClick?.(marker);
           if (markerClickEvent) {
             eventBus.emit(`UI:${markerClickEvent}`, { ...marker });
@@ -28698,6 +28717,98 @@ var init_TagCloud = __esm({
     TagCloud.displayName = "TagCloud";
   }
 });
+var TagInput;
+var init_TagInput = __esm({
+  "components/molecules/TagInput.tsx"() {
+    "use client";
+    init_cn();
+    init_useEventBus();
+    init_Input();
+    init_Badge();
+    init_Stack();
+    init_Typography();
+    TagInput = ({
+      value,
+      onChange,
+      placeholder,
+      disabled = false,
+      variant = "default",
+      unique = true,
+      helperText,
+      className,
+      addEvent,
+      removeEvent
+    }) => {
+      const eventBus = useEventBus();
+      const [draft, setDraft] = useState("");
+      const commit = useCallback(() => {
+        const tag = draft.trim();
+        if (!tag) return;
+        if (unique && value.includes(tag)) {
+          setDraft("");
+          return;
+        }
+        const next = [...value, tag];
+        onChange?.(next);
+        if (addEvent) {
+          eventBus.emit(`UI:${addEvent}`, { tag, value: next });
+        }
+        setDraft("");
+      }, [draft, value, onChange, unique, addEvent, eventBus]);
+      const removeAt = useCallback(
+        (index) => {
+          if (disabled) return;
+          const tag = value[index];
+          const next = value.slice();
+          next.splice(index, 1);
+          onChange?.(next);
+          if (removeEvent) {
+            eventBus.emit(`UI:${removeEvent}`, { tag, index, value: next });
+          }
+        },
+        [value, onChange, disabled, removeEvent, eventBus]
+      );
+      const handleKeyDown = useCallback(
+        (e) => {
+          if (disabled) return;
+          if (e.key === "Enter") {
+            e.preventDefault();
+            commit();
+          } else if (e.key === "Backspace" && draft.length === 0 && value.length > 0) {
+            e.preventDefault();
+            removeAt(value.length - 1);
+          }
+        },
+        [commit, draft.length, value, removeAt, disabled]
+      );
+      return /* @__PURE__ */ jsxs(VStack, { gap: "xs", className: cn("w-full", className), children: [
+        value.length > 0 ? /* @__PURE__ */ jsx(HStack, { gap: "xs", className: "flex-wrap", children: value.map((tag, index) => /* @__PURE__ */ jsx(
+          Badge,
+          {
+            variant,
+            size: "sm",
+            onRemove: disabled ? void 0 : () => removeAt(index),
+            removeLabel: `Remove ${tag}`,
+            children: tag
+          },
+          `${tag}-${index}`
+        )) }) : null,
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: draft,
+            placeholder: placeholder ?? "Type and press Enter\u2026",
+            disabled,
+            onChange: (e) => setDraft(e.target.value),
+            onKeyDown: handleKeyDown
+          }
+        ),
+        helperText ? /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", children: helperText }) : null
+      ] });
+    };
+    TagInput.displayName = "TagInput";
+  }
+});
 var ShowcaseCard;
 var init_ShowcaseCard = __esm({
   "components/molecules/ShowcaseCard.tsx"() {
@@ -32316,6 +32427,75 @@ var init_GradientDivider = __esm({
     GradientDivider.displayName = "GradientDivider";
   }
 });
+var MarketingFooter;
+var init_MarketingFooter = __esm({
+  "components/molecules/MarketingFooter.tsx"() {
+    "use client";
+    init_cn();
+    init_Box();
+    init_Stack();
+    init_Typography();
+    MarketingFooter = ({
+      columns,
+      copyright,
+      logo,
+      className
+    }) => {
+      return /* @__PURE__ */ jsx(
+        Box,
+        {
+          as: "footer",
+          className: cn(
+            "bg-surface",
+            "border-t border-border",
+            "pt-12 pb-8 px-4",
+            className
+          ),
+          children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
+            /* @__PURE__ */ jsxs(HStack, { gap: "lg", align: "start", className: "flex-wrap w-full justify-between", children: [
+              logo && /* @__PURE__ */ jsx(VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: logo.href ? /* @__PURE__ */ jsx("a", { href: logo.href, children: /* @__PURE__ */ jsx("img", { src: logo.src, alt: logo.alt, className: "h-8 w-auto" }) }) : /* @__PURE__ */ jsx("img", { src: logo.src, alt: logo.alt, className: "h-8 w-auto" }) }),
+              columns.map((col) => /* @__PURE__ */ jsxs(VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: [
+                /* @__PURE__ */ jsx(
+                  Typography,
+                  {
+                    variant: "body2",
+                    className: "font-semibold text-foreground mb-1",
+                    children: col.title
+                  }
+                ),
+                col.items.map((item) => /* @__PURE__ */ jsx(
+                  "a",
+                  {
+                    href: item.href,
+                    className: cn(
+                      "text-sm no-underline",
+                      "text-foreground/60",
+                      "hover:text-accent",
+                      "transition-colors duration-150"
+                    ),
+                    target: item.href.startsWith("http") ? "_blank" : void 0,
+                    rel: item.href.startsWith("http") ? "noopener noreferrer" : void 0,
+                    children: item.label
+                  },
+                  item.label
+                ))
+              ] }, col.title))
+            ] }),
+            copyright && /* @__PURE__ */ jsx(
+              Typography,
+              {
+                variant: "caption",
+                className: "text-foreground/30 text-center w-full pt-6",
+                children: copyright
+              }
+            )
+          ] })
+        }
+      );
+    };
+    MarketingFooter.displayName = "MarketingFooter";
+  }
+});
 var PullQuote;
 var init_PullQuote = __esm({
   "components/molecules/PullQuote.tsx"() {
@@ -32833,6 +33013,7 @@ var init_molecules = __esm({
     init_StepFlow();
     init_SplitSection();
     init_TagCloud();
+    init_TagInput();
     init_CommunityLinks();
     init_TeamCard();
     init_ShowcaseCard();
@@ -32855,6 +33036,7 @@ var init_molecules = __esm({
     init_DocSidebar();
     init_DocTOC();
     init_GradientDivider();
+    init_MarketingFooter();
     init_PullQuote();
     init_BehaviorView();
     init_ModuleCard();
@@ -44684,6 +44866,7 @@ var init_component_registry_generated = __esm({
     init_List();
     init_LoadingState();
     init_MarkdownContent();
+    init_MarketingFooter();
     init_MasterDetail();
     init_MasterDetailLayout();
     init_MatrixQuestion();
@@ -44783,6 +44966,7 @@ var init_component_registry_generated = __esm({
     init_Table();
     init_Tabs();
     init_TagCloud();
+    init_TagInput();
     init_TeamCard();
     init_TeamOrganism();
     init_TextHighlight();
@@ -44983,6 +45167,7 @@ var init_component_registry_generated = __esm({
       "MapView": MapViewPattern,
       "MapViewPattern": MapViewPattern,
       "MarkdownContent": MarkdownContent,
+      "MarketingFooter": MarketingFooter,
       "MasterDetail": MasterDetail,
       "MasterDetailLayout": MasterDetailLayout,
       "MatrixQuestion": MatrixQuestion,
@@ -45098,6 +45283,7 @@ var init_component_registry_generated = __esm({
       "Table": Table,
       "Tabs": Tabs,
       "TagCloud": TagCloud,
+      "TagInput": TagInput,
       "TeamCard": TeamCard,
       "TeamOrganism": TeamOrganism,
       "TextHighlight": TextHighlight,
@@ -49006,4 +49192,4 @@ function useGitHubBranches(owner, repo, enabled = true) {
   });
 }
 
-export { ALL_PRESETS, ALMADAR_DND_MIME, AR_BOOK_FIELDS, AboutPageTemplate, Accordion, ActionButton, ActionButtons, Card2 as ActionCard, ActionPalette, ActionTile, Alert, AnimatedCounter, AnimatedGraphic, AnimatedReveal, ArticleSection, Aside, AuthLayout, Avatar, Badge, BattleBoard, BattleTemplate, BehaviorView, BookChapterView, BookCoverPage, BookNavBar, BookTableOfContents, BookViewer, Box, BranchingLogicBuilder, Breadcrumb, BuilderBoard, Button, ButtonGroup, CTABanner, CalendarGrid, CanvasEffect, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CaseStudyCard, CaseStudyOrganism, CastleBoard, CastleTemplate, Center, Chart, ChartLegend, Checkbox, ChoiceButton, ClassifierBoard, CodeBlock, CodeExample, CodeView, CodeViewer, CollapsibleSection, CombatLog, ComboCounter, CommunityLinks, ConditionalWrapper, ConfettiEffect, ConfirmDialog, Container, ContentRenderer, ContentSection, ControlButton, CounterTemplate, CraftingRecipe, DEFAULT_LIKERT_OPTIONS, DEFAULT_MATRIX_COLUMNS, DEFAULT_SLOTS, DIAMOND_TOP_Y, DPad, DamageNumber, DashboardGrid, DashboardLayout, DataGrid, DataList, DataTable, DateRangePicker, DateRangeSelector, DayCell, DebuggerBoard, DetailPanel, Dialog, DialogueBox, DialogueBubble, Divider, DocBreadcrumb, DocCodeBlock, DocPagination, DocSearch, DocSidebar, DocTOC, DocumentViewer, StateMachineView as DomStateMachineVisualizer, Drawer, DrawerSlot, EdgeDecoration, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EmptyState, EnemyPlate, EntityDisplayEvents, ErrorBoundary, ErrorState, EventHandlerBoard, EventLog, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FeatureCard, FeatureDetailPageTemplate, FeatureGrid, FeatureGridOrganism, FeatureRenderer2 as FeatureRenderer, FileTree, FilterGroup, FilterPill, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormActions, FormField, FormLayout, FormSection, FormSectionHeader, GameAudioContext, GameAudioProvider, GameAudioToggle, GameCanvas2D, GameHud, GameMenu, GameOverScreen, GameShell, GameTemplate, GenericAppTemplate, GeometricPattern, GradientDivider, GraphCanvas, GraphView, Grid, HStack, Header, Heading, HealthBar, HealthPanel, HeroOrganism, HeroSection, I18nProvider, IDENTITY_BOOK_FIELDS, Icon, InfiniteScrollSentinel, Input, InputGroup, InstallBox, InventoryGrid, InventoryPanel, IsometricCanvas, ItemSlot, JazariStateMachine, Label, LandingPageTemplate, LawReferenceTooltip, Lightbox, LikertScale, LineChart2 as LineChart, List3 as List, LoadingState, MapView, MarkdownContent, MarketingStatCard, MasterDetail, MasterDetailLayout, MatrixQuestion, MediaGallery, Menu, Meter, MiniMap, Modal, ModalSlot, ModuleCard, Navigation, NegotiatorBoard, NotifyListener, NumberStepper, ObjectRulePanel, OptionConstraintGroup, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, Overlay, PageHeader, Pagination, PatternTile, PhysicsManager, PlatformerCanvas, Popover, PositionedCanvas, PowerupSlots, PricingCard, PricingGrid, PricingOrganism, PricingPageTemplate, ProgressBar, ProgressDots, PullQuote, PullToRefresh, QrScanner, QuestTracker, QuizBlock, Radio, RangeSlider, RelationSelect, RepeatableFormSection, ReplyTree, ResourceBar, ResourceCounter, RichBlockEditor, RuleEditor, RuntimeDebugger, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, ScoreBoard, ScoreDisplay, SearchInput, Section, SectionHeader, Select, SequenceBar, SequencerBoard, ServiceCatalog, ShowcaseCard, ShowcaseOrganism, SidePanel, Sidebar, SignaturePad, SimpleGrid, SimulationCanvas, SimulationControls, SimulationGraph, SimulatorBoard, Skeleton, SlotContentRenderer, SocialProof, SortableList, Spacer, Sparkline, Spinner, Split, SplitPane, SplitSection, Sprite, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateArchitectBoard, StateIndicator, StateMachineView, StateNode2 as StateNode, StatsGrid, StatsOrganism, StatusBar, StatusDot, StatusEffect, StepFlow, StepFlowOrganism, SvgBranch, SvgConnection, SvgFlow, SvgGrid, SvgLobe, SvgMesh, SvgMorph, SvgNode, SvgPulse, SvgRing, SvgShield, SvgStack, SwipeableRow, Switch, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, Table, Tabs, TagCloud, TeamCard, TeamOrganism, TerrainPalette, Text, TextHighlight, Textarea, ThemeSelector, ThemeToggle, TimeSlotCell, Timeline, TimerDisplay, Toast, ToastSlot, Tooltip, TraitFrame, TraitSlot, TraitStateViewer, TransitionArrow, TrendIndicator, TurnIndicator, TurnPanel, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UncontrolledBattleBoard, UnitCommandBar, UploadDropZone, VStack, VariablePanel, VersionDiff, ViolationAlert, VoteStack, WaypointMarker, WizardContainer, WizardNavigation, WizardProgress, WorldMapBoard, WorldMapTemplate, XPBar, applyTemporaryEffect, calculateAttackTargets, calculateDamage, calculateValidMoves, clearEntities, cn, combatAnimations, combatClasses, combatEffects, createInitialGameState, createTranslate, createUnitAnimationState, drawSprite, generateCombatMessage, getAllEntities, getByType, getCurrentFrame, getEntity, getSingleton, getTileDimensions, inferDirection, isoToScreen, mapBookData, parseQueryBinding, pendulum, projectileMotion, removeEntity, resolveFieldMap, resolveFrame, resolveSheetDirection, screenToIso, spawnEntity, springOscillator, tickAnimationState, transitionAnimation, updateEntity, updateSingleton, useAgentChat, useAuthContext, useBattleState, useCamera, useCompile, useConnectGitHub, useDeepAgentGeneration, useDisconnectGitHub, useDragReorder, useDraggable, useDropZone, useEmitEvent, useEntities, useEntitiesByType, useEntity as useEntityById, useEventBus, useEventListener, useExtensions, useFileEditor, useFileSystem, useGameAudio, useGameAudioContext, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useImageCache, useInfiniteScroll, useInput, useLongPress, useOrbitalHistory, usePhysics, usePhysics2D, usePinchZoom, usePlayer, usePreview, usePullToRefresh, useQuerySingleton, useSingletonEntity, useSpriteAnimations, useSwipeGesture, useTraitListens, useTranslate, useUIEvents, useUISlotManager, useValidation };
+export { ALL_PRESETS, ALMADAR_DND_MIME, AR_BOOK_FIELDS, AboutPageTemplate, Accordion, ActionButton, ActionButtons, Card2 as ActionCard, ActionPalette, ActionTile, Alert, AnimatedCounter, AnimatedGraphic, AnimatedReveal, ArticleSection, Aside, AuthLayout, Avatar, Badge, BattleBoard, BattleTemplate, BehaviorView, BookChapterView, BookCoverPage, BookNavBar, BookTableOfContents, BookViewer, Box, BranchingLogicBuilder, Breadcrumb, BuilderBoard, Button, ButtonGroup, CTABanner, CalendarGrid, CanvasEffect, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CaseStudyCard, CaseStudyOrganism, CastleBoard, CastleTemplate, Center, Chart, ChartLegend, Checkbox, ChoiceButton, ClassifierBoard, CodeBlock, CodeExample, CodeView, CodeViewer, CollapsibleSection, CombatLog, ComboCounter, CommunityLinks, ConditionalWrapper, ConfettiEffect, ConfirmDialog, Container, ContentRenderer, ContentSection, ControlButton, CounterTemplate, CraftingRecipe, DEFAULT_LIKERT_OPTIONS, DEFAULT_MATRIX_COLUMNS, DEFAULT_SLOTS, DIAMOND_TOP_Y, DPad, DamageNumber, DashboardGrid, DashboardLayout, DataGrid, DataList, DataTable, DateRangePicker, DateRangeSelector, DayCell, DebuggerBoard, DetailPanel, Dialog, DialogueBox, DialogueBubble, Divider, DocBreadcrumb, DocCodeBlock, DocPagination, DocSearch, DocSidebar, DocTOC, DocumentViewer, StateMachineView as DomStateMachineVisualizer, Drawer, DrawerSlot, EdgeDecoration, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EmptyState, EnemyPlate, EntityDisplayEvents, ErrorBoundary, ErrorState, EventHandlerBoard, EventLog, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FeatureCard, FeatureDetailPageTemplate, FeatureGrid, FeatureGridOrganism, FeatureRenderer2 as FeatureRenderer, FileTree, FilterGroup, FilterPill, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormActions, FormField, FormLayout, FormSection, FormSectionHeader, GameAudioContext, GameAudioProvider, GameAudioToggle, GameCanvas2D, GameHud, GameMenu, GameOverScreen, GameShell, GameTemplate, GenericAppTemplate, GeometricPattern, GradientDivider, GraphCanvas, GraphView, Grid, HStack, Header, Heading, HealthBar, HealthPanel, HeroOrganism, HeroSection, I18nProvider, IDENTITY_BOOK_FIELDS, Icon, InfiniteScrollSentinel, Input, InputGroup, InstallBox, InventoryGrid, InventoryPanel, IsometricCanvas, ItemSlot, JazariStateMachine, Label, LandingPageTemplate, LawReferenceTooltip, Lightbox, LikertScale, LineChart2 as LineChart, List3 as List, LoadingState, MapView, MarkdownContent, MarketingFooter, MarketingStatCard, MasterDetail, MasterDetailLayout, MatrixQuestion, MediaGallery, Menu, Meter, MiniMap, Modal, ModalSlot, ModuleCard, Navigation, NegotiatorBoard, NotifyListener, NumberStepper, ObjectRulePanel, OptionConstraintGroup, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, Overlay, PageHeader, Pagination, PatternTile, PhysicsManager, PlatformerCanvas, Popover, PositionedCanvas, PowerupSlots, PricingCard, PricingGrid, PricingOrganism, PricingPageTemplate, ProgressBar, ProgressDots, PullQuote, PullToRefresh, QrScanner, QuestTracker, QuizBlock, Radio, RangeSlider, RelationSelect, RepeatableFormSection, ReplyTree, ResourceBar, ResourceCounter, RichBlockEditor, RuleEditor, RuntimeDebugger, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, ScoreBoard, ScoreDisplay, SearchInput, Section, SectionHeader, Select, SequenceBar, SequencerBoard, ServiceCatalog, ShowcaseCard, ShowcaseOrganism, SidePanel, Sidebar, SignaturePad, SimpleGrid, SimulationCanvas, SimulationControls, SimulationGraph, SimulatorBoard, Skeleton, SlotContentRenderer, SocialProof, SortableList, Spacer, Sparkline, Spinner, Split, SplitPane, SplitSection, Sprite, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateArchitectBoard, StateIndicator, StateMachineView, StateNode2 as StateNode, StatsGrid, StatsOrganism, StatusBar, StatusDot, StatusEffect, StepFlow, StepFlowOrganism, SvgBranch, SvgConnection, SvgFlow, SvgGrid, SvgLobe, SvgMesh, SvgMorph, SvgNode, SvgPulse, SvgRing, SvgShield, SvgStack, SwipeableRow, Switch, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, Table, Tabs, TagCloud, TagInput, TeamCard, TeamOrganism, TerrainPalette, Text, TextHighlight, Textarea, ThemeSelector, ThemeToggle, TimeSlotCell, Timeline, TimerDisplay, Toast, ToastSlot, Tooltip, TraitFrame, TraitSlot, TraitStateViewer, TransitionArrow, TrendIndicator, TurnIndicator, TurnPanel, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UncontrolledBattleBoard, UnitCommandBar, UploadDropZone, VStack, VariablePanel, VersionDiff, ViolationAlert, VoteStack, WaypointMarker, WizardContainer, WizardNavigation, WizardProgress, WorldMapBoard, WorldMapTemplate, XPBar, applyTemporaryEffect, calculateAttackTargets, calculateDamage, calculateValidMoves, clearEntities, cn, combatAnimations, combatClasses, combatEffects, createInitialGameState, createTranslate, createUnitAnimationState, drawSprite, generateCombatMessage, getAllEntities, getByType, getCurrentFrame, getEntity, getSingleton, getTileDimensions, inferDirection, isoToScreen, mapBookData, parseQueryBinding, pendulum, projectileMotion, removeEntity, resolveFieldMap, resolveFrame, resolveSheetDirection, screenToIso, spawnEntity, springOscillator, tickAnimationState, transitionAnimation, updateEntity, updateSingleton, useAgentChat, useAuthContext, useBattleState, useCamera, useCompile, useConnectGitHub, useDeepAgentGeneration, useDisconnectGitHub, useDragReorder, useDraggable, useDropZone, useEmitEvent, useEntities, useEntitiesByType, useEntity as useEntityById, useEventBus, useEventListener, useExtensions, useFileEditor, useFileSystem, useGameAudio, useGameAudioContext, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useImageCache, useInfiniteScroll, useInput, useLongPress, useOrbitalHistory, usePhysics, usePhysics2D, usePinchZoom, usePlayer, usePreview, usePullToRefresh, useQuerySingleton, useSingletonEntity, useSpriteAnimations, useSwipeGesture, useTraitListens, useTranslate, useUIEvents, useUISlotManager, useValidation };

package/dist/components/molecules/TagInput.d.ts

@@ -0,0 +1,52 @@
+/**
+ * TagInput Molecule Component
+ *
+ * Free-form chip editor for `string[]` values. The user types into an
+ * `Input` and presses Enter to commit; each committed value renders as
+ * a removable `Badge` (`onRemove` X-chip). Backspace on an empty input
+ * deletes the most recently added chip. Optional `unique` flag
+ * (default true) suppresses duplicate entries.
+ *
+ * **Atomic Design**: Composed using `Input`, `Badge`, `Typography`,
+ * `HStack`, `VStack` atoms — no raw HTML. Generic primitive; no entity
+ * binding.
+ *
+ * Event contract (mirrors DataList / FilterGroup):
+ * - Emits `UI:{addEvent}` with `{ tag, value }` when a chip is added.
+ * - Emits `UI:{removeEvent}` with `{ tag, index, value }` when a chip
+ *   is removed.
+ * - `onChange` callback stays as the direct / Storybook contract.
+ *
+ * Used by the studio Questionnaire for the `tagList` input type
+ * (`[string]` config knobs without `enumValues`).
+ */
+import React from 'react';
+import type { EventKey } from '@almadar/core';
+import { type BadgeVariant } from '../atoms/Badge';
+export interface TagInputProps {
+    /** Current list of tags. */
+    value: ReadonlyArray<string>;
+    /** Direct callback emitted on every change. Stays as the
+     *  Storybook / non-trait contract; trait-driven schemas should prefer
+     *  the bus events below. */
+    onChange?: (next: ReadonlyArray<string>) => void;
+    /** Placeholder for the entry input. Default: `"Type and press Enter…"`. */
+    placeholder?: string;
+    /** Disable add + remove interactions. */
+    disabled?: boolean;
+    /** Variant applied to each chip Badge. Default: `'default'`. */
+    variant?: BadgeVariant;
+    /** Suppress duplicate entries. Default: `true`. */
+    unique?: boolean;
+    /** Helper text rendered under the input. */
+    helperText?: string;
+    /** Additional CSS classes applied to the outer container. */
+    className?: string;
+    /** Event emitted when a tag is added: `UI:{addEvent}` with payload
+     *  `{ tag: string, value: string[] }`. */
+    addEvent?: EventKey;
+    /** Event emitted when a tag is removed: `UI:{removeEvent}` with
+     *  payload `{ tag: string, index: number, value: string[] }`. */
+    removeEvent?: EventKey;
+}
+export declare const TagInput: React.FC<TagInputProps>;

package/dist/components/molecules/index.d.ts

@@ -75,6 +75,7 @@ export { SocialProof, type SocialProofProps, type SocialProofItem } from './Soci
 export { StepFlow, type StepFlowProps, type StepItemProps } from './StepFlow';
 export { SplitSection, type SplitSectionProps } from './SplitSection';
 export { TagCloud, type TagCloudProps, type TagCloudItem } from './TagCloud';
+export { TagInput, type TagInputProps } from './TagInput';
 export { CommunityLinks, type CommunityLinksProps } from './CommunityLinks';
 export { TeamCard, type TeamCardProps } from './TeamCard';
 export { ShowcaseCard, type ShowcaseCardProps } from './ShowcaseCard';
@@ -97,6 +98,7 @@ export { DocSearch, type DocSearchProps, type DocSearchResult } from './DocSearc
 export { DocSidebar, type DocSidebarProps, type DocSidebarItem } from './DocSidebar';
 export { DocTOC, type DocTOCProps, type DocTOCItem } from './DocTOC';
 export { GradientDivider, type GradientDividerProps } from './GradientDivider';
+export { MarketingFooter, type MarketingFooterProps, type FooterLinkColumn, type FooterLinkItem } from './MarketingFooter';
 export { PullQuote, type PullQuoteProps } from './PullQuote';
 export { BehaviorView, type BehaviorViewProps } from './avl/BehaviorView';
 export { ModuleCard, type ModuleCardProps } from './avl/ModuleCard';