@almadar/ui 4.57.0 → 4.57.2

package/dist/avl/index.cjs

@@ -13832,7 +13832,7 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect88, useRef: useRef88, useCallback: useCallback128, useState: useState122 } = React96__namespace.default;
+      const { useEffect: useEffect88, useRef: useRef88, useCallback: useCallback129, useState: useState123 } = React96__namespace.default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus3 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
@@ -13877,8 +13877,8 @@ var init_MapView = __esm({
         showAttribution = true
       }) {
         const eventBus = useEventBus3();
-        const [clickedPosition, setClickedPosition] = useState122(null);
-        const handleMapClick = useCallback128((lat, lng) => {
+        const [clickedPosition, setClickedPosition] = useState123(null);
+        const handleMapClick = useCallback129((lat, lng) => {
           if (showClickedPin) {
             setClickedPosition({ lat, lng });
           }
@@ -13887,7 +13887,7 @@ var init_MapView = __esm({
             eventBus.emit(`UI:${mapClickEvent}`, { latitude: lat, longitude: lng });
           }
         }, [onMapClick, mapClickEvent, eventBus, showClickedPin]);
-        const handleMarkerClick = useCallback128((marker) => {
+        const handleMarkerClick = useCallback129((marker) => {
           onMarkerClick?.(marker);
           if (markerClickEvent) {
             eventBus.emit(`UI:${markerClickEvent}`, { ...marker });
@@ -33304,6 +33304,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] = React96.useState("");
+      const commit = React96.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 = React96.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 = React96.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(VStack, { gap: "xs", className: cn("w-full", className), children: [
+        value.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(HStack, { gap: "xs", className: "flex-wrap", children: value.map((tag, index) => /* @__PURE__ */ jsxRuntime.jsx(
+          Badge,
+          {
+            variant,
+            size: "sm",
+            onRemove: disabled ? void 0 : () => removeAt(index),
+            removeLabel: `Remove ${tag}`,
+            children: tag
+          },
+          `${tag}-${index}`
+        )) }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Input,
+          {
+            value: draft,
+            placeholder: placeholder ?? "Type and press Enter\u2026",
+            disabled,
+            onChange: (e) => setDraft(e.target.value),
+            onKeyDown: handleKeyDown
+          }
+        ),
+        helperText ? /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "caption", color: "muted", children: helperText }) : null
+      ] });
+    };
+    TagInput.displayName = "TagInput";
+  }
+});
 var ShowcaseCard;
 var init_ShowcaseCard = __esm({
   "components/molecules/ShowcaseCard.tsx"() {
@@ -36922,6 +37014,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__ */ jsxRuntime.jsx(
+        Box,
+        {
+          as: "footer",
+          className: cn(
+            "bg-surface",
+            "border-t border-border",
+            "pt-12 pb-8 px-4",
+            className
+          ),
+          children: /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "lg", className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "lg", align: "start", className: "flex-wrap w-full justify-between", children: [
+              logo && /* @__PURE__ */ jsxRuntime.jsx(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(VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  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(
+              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"() {
@@ -53763,6 +53924,7 @@ var init_component_registry_generated = __esm({
     init_List();
     init_LoadingState();
     init_MarkdownContent();
+    init_MarketingFooter();
     init_MasterDetail();
     init_MasterDetailLayout();
     init_MatrixQuestion();
@@ -53862,6 +54024,7 @@ var init_component_registry_generated = __esm({
     init_Table();
     init_Tabs();
     init_TagCloud();
+    init_TagInput();
     init_TeamCard();
     init_TeamOrganism();
     init_TextHighlight();
@@ -54062,6 +54225,7 @@ var init_component_registry_generated = __esm({
       "MapView": MapViewPattern,
       "MapViewPattern": MapViewPattern,
       "MarkdownContent": MarkdownContent,
+      "MarketingFooter": MarketingFooter,
       "MasterDetail": MasterDetail,
       "MasterDetailLayout": MasterDetailLayout,
       "MatrixQuestion": MatrixQuestion,
@@ -54177,6 +54341,7 @@ var init_component_registry_generated = __esm({
       "Table": Table,
       "Tabs": Tabs,
       "TagCloud": TagCloud,
+      "TagInput": TagInput,
       "TeamCard": TeamCard,
       "TeamOrganism": TeamOrganism,
       "TextHighlight": TextHighlight,

package/dist/avl/index.js

@@ -13786,7 +13786,7 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect88, useRef: useRef88, useCallback: useCallback128, useState: useState122 } = React96__default;
+      const { useEffect: useEffect88, useRef: useRef88, useCallback: useCallback129, useState: useState123 } = React96__default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus3 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
@@ -13831,8 +13831,8 @@ var init_MapView = __esm({
         showAttribution = true
       }) {
         const eventBus = useEventBus3();
-        const [clickedPosition, setClickedPosition] = useState122(null);
-        const handleMapClick = useCallback128((lat, lng) => {
+        const [clickedPosition, setClickedPosition] = useState123(null);
+        const handleMapClick = useCallback129((lat, lng) => {
           if (showClickedPin) {
             setClickedPosition({ lat, lng });
           }
@@ -13841,7 +13841,7 @@ var init_MapView = __esm({
             eventBus.emit(`UI:${mapClickEvent}`, { latitude: lat, longitude: lng });
           }
         }, [onMapClick, mapClickEvent, eventBus, showClickedPin]);
-        const handleMarkerClick = useCallback128((marker) => {
+        const handleMarkerClick = useCallback129((marker) => {
           onMarkerClick?.(marker);
           if (markerClickEvent) {
             eventBus.emit(`UI:${markerClickEvent}`, { ...marker });
@@ -33258,6 +33258,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"() {
@@ -36876,6 +36968,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"() {
@@ -53717,6 +53878,7 @@ var init_component_registry_generated = __esm({
     init_List();
     init_LoadingState();
     init_MarkdownContent();
+    init_MarketingFooter();
     init_MasterDetail();
     init_MasterDetailLayout();
     init_MatrixQuestion();
@@ -53816,6 +53978,7 @@ var init_component_registry_generated = __esm({
     init_Table();
     init_Tabs();
     init_TagCloud();
+    init_TagInput();
     init_TeamCard();
     init_TeamOrganism();
     init_TextHighlight();
@@ -54016,6 +54179,7 @@ var init_component_registry_generated = __esm({
       "MapView": MapViewPattern,
       "MapViewPattern": MapViewPattern,
       "MarkdownContent": MarkdownContent,
+      "MarketingFooter": MarketingFooter,
       "MasterDetail": MasterDetail,
       "MasterDetailLayout": MasterDetailLayout,
       "MatrixQuestion": MatrixQuestion,
@@ -54131,6 +54295,7 @@ var init_component_registry_generated = __esm({
       "Table": Table,
       "Tabs": Tabs,
       "TagCloud": TagCloud,
+      "TagInput": TagInput,
       "TeamCard": TeamCard,
       "TeamOrganism": TeamOrganism,
       "TextHighlight": TextHighlight,

package/dist/components/index.cjs

@@ -32473,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"() {
@@ -33013,6 +33082,7 @@ var init_molecules = __esm({
     init_DocSidebar();
     init_DocTOC();
     init_GradientDivider();
+    init_MarketingFooter();
     init_PullQuote();
     init_BehaviorView();
     init_ModuleCard();
@@ -44842,6 +44912,7 @@ var init_component_registry_generated = __esm({
     init_List();
     init_LoadingState();
     init_MarkdownContent();
+    init_MarketingFooter();
     init_MasterDetail();
     init_MasterDetailLayout();
     init_MatrixQuestion();
@@ -44941,6 +45012,7 @@ var init_component_registry_generated = __esm({
     init_Table();
     init_Tabs();
     init_TagCloud();
+    init_TagInput();
     init_TeamCard();
     init_TeamOrganism();
     init_TextHighlight();
@@ -45141,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,
@@ -45256,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,