hazo_ui 4.9.0 → 4.10.0

package/dist/index.js

@@ -138,6 +138,18 @@ var require_objectWithoutPropertiesLoose = __commonJS({
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
+function safeHref(url) {
+  if (!url) return void 0;
+  const trimmed = url.trim();
+  const lower = trimmed.toLowerCase();
+  if (lower.startsWith("http://") || lower.startsWith("https://") || lower.startsWith("mailto:")) {
+    return trimmed;
+  }
+  if (trimmed.startsWith("/") && !trimmed.startsWith("//")) {
+    return trimmed;
+  }
+  return void 0;
+}
 function HazoContextProvider({
   correlationId,
   userId,
@@ -6697,39 +6709,47 @@ function resolve_animation_classes(open_anim = "zoom", close_anim = "zoom") {
 }
 var VARIANT_PRESETS = {
   info: {
-    header_background_color: "rgb(191, 219, 254)",
-    description_background_color: "rgb(219, 234, 254)",
-    header_text_color: "rgb(30, 58, 138)",
-    border_color: "rgb(59, 130, 246)",
-    accent_color: "rgb(59, 130, 246)",
+    header_background_color: "var(--dialog-info-bg)",
+    description_background_color: "var(--dialog-info-bg)",
+    header_text_color: "var(--dialog-info-fg)",
+    border_color: "var(--dialog-info-fg)",
+    accent_color: "var(--dialog-info-fg)",
     overlay_class_name: "bg-blue-950/50"
   },
   success: {
-    header_background_color: "rgb(187, 247, 208)",
-    description_background_color: "rgb(220, 252, 231)",
-    header_text_color: "rgb(22, 101, 52)",
-    border_color: "rgb(34, 197, 94)",
-    accent_color: "rgb(34, 197, 94)",
+    header_background_color: "var(--dialog-success-bg)",
+    description_background_color: "var(--dialog-success-bg)",
+    header_text_color: "var(--dialog-success-fg)",
+    border_color: "var(--dialog-success-fg)",
+    accent_color: "var(--dialog-success-fg)",
     overlay_class_name: "bg-green-950/50"
   },
   warning: {
-    header_background_color: "rgb(253, 230, 138)",
-    description_background_color: "rgb(254, 249, 195)",
-    header_text_color: "rgb(113, 63, 18)",
-    border_color: "rgb(234, 179, 8)",
-    accent_color: "rgb(234, 179, 8)",
+    header_background_color: "var(--dialog-warning-bg)",
+    description_background_color: "var(--dialog-warning-bg)",
+    header_text_color: "var(--dialog-warning-fg)",
+    border_color: "var(--dialog-warning-fg)",
+    accent_color: "var(--dialog-warning-fg)",
     overlay_class_name: "bg-yellow-950/50"
   },
   destructive: {
-    header_background_color: "rgb(254, 202, 202)",
-    description_background_color: "rgb(254, 226, 226)",
-    header_text_color: "rgb(127, 29, 29)",
-    border_color: "rgb(239, 68, 68)",
-    accent_color: "rgb(239, 68, 68)",
+    header_background_color: "var(--dialog-destructive-bg)",
+    description_background_color: "var(--dialog-destructive-bg)",
+    header_text_color: "var(--dialog-destructive-fg)",
+    border_color: "var(--dialog-destructive-fg)",
+    accent_color: "var(--dialog-destructive-fg)",
     overlay_class_name: "bg-red-950/50",
     action_button_variant: "destructive"
   }
 };
+var NEUTRAL_VARIANT_PRESET = {
+  header_background_color: "hsl(var(--dialog-border) / 0.12)",
+  description_background_color: "hsl(var(--dialog-border) / 0.12)",
+  header_text_color: "hsl(var(--dialog-fg))",
+  border_color: "hsl(var(--dialog-border))",
+  accent_color: "hsl(var(--dialog-border))",
+  overlay_class_name: "bg-black/50"
+};
 function HazoUiDialog({
   open,
   onOpenChange,
@@ -6738,13 +6758,13 @@ function HazoUiDialog({
   onCancel,
   title = "Action required",
   description,
-  actionButtonText = "Confirm",
+  actionButtonText: actionButtonTextProp,
   actionButtonVariant,
   cancelButtonText = "Cancel",
-  showCancelButton = true,
+  showCancelButton: showCancelButtonProp,
   showActionButton = true,
-  closeOnConfirm = false,
-  actionButtonLoading = false,
+  closeOnConfirm: closeOnConfirmProp,
+  actionButtonLoading: actionButtonLoadingProp,
   actionButtonDisabled = false,
   actionButtonIcon,
   footerContent,
@@ -6764,18 +6784,46 @@ function HazoUiDialog({
   borderColor,
   accentColor,
   headerBar = false,
-  headerBarColor = "#1e293b",
+  headerBarColor,
   className,
   contentClassName,
   overlayClassName,
   headerClassName,
   footerClassName,
-  showCloseButton = true
+  showCloseButton = true,
+  kind
 }) {
   const config = get_hazo_ui_config();
-  const variant_preset = variant !== "default" ? VARIANT_PRESETS[variant] : void 0;
+  const is_confirm_kind = kind === "confirm";
+  const is_status_kind = kind === "status";
+  const [internal_confirm_loading, set_internal_confirm_loading] = React26.useState(false);
+  const cancel_ref = React26.useRef(null);
+  const variant_preset = variant !== "default" ? VARIANT_PRESETS[variant] : is_status_kind || is_confirm_kind ? NEUTRAL_VARIANT_PRESET : void 0;
   const resolved_action_button_variant = actionButtonVariant ?? variant_preset?.action_button_variant ?? "default";
+  const showCancelButton = showCancelButtonProp ?? (is_status_kind ? false : true);
+  const closeOnConfirm = closeOnConfirmProp ?? (is_status_kind || is_confirm_kind ? true : false);
+  const actionButtonText = actionButtonTextProp ?? (is_status_kind ? "OK" : is_confirm_kind ? showCancelButton ? "Confirm" : "OK" : "Confirm");
+  const actionButtonLoading = actionButtonLoadingProp ?? (is_confirm_kind ? internal_confirm_loading : false);
   const handleConfirm = () => {
+    if (is_confirm_kind) {
+      try {
+        const result = onConfirm?.();
+        if (result instanceof Promise) {
+          if (actionButtonLoadingProp === void 0) set_internal_confirm_loading(true);
+          result.then(() => {
+            if (closeOnConfirm) onOpenChange?.(false);
+          }).catch(() => {
+          }).finally(() => {
+            if (actionButtonLoadingProp === void 0) set_internal_confirm_loading(false);
+          });
+          return;
+        }
+      } catch {
+        return;
+      }
+      if (closeOnConfirm) onOpenChange?.(false);
+      return;
+    }
     onConfirm?.();
     if (closeOnConfirm) {
       onOpenChange?.(false);
@@ -6795,12 +6843,14 @@ function HazoUiDialog({
   const finalHeaderBackgroundColor = headerBackgroundColor ?? variant_preset?.header_background_color ?? config.header_background_color;
   const finalDescriptionBgColor = descriptionBackgroundColor ?? variant_preset?.description_background_color;
   const finalHeaderTextColor = headerTextColor ?? variant_preset?.header_text_color ?? config.header_text_color;
-  const is_variant_active = variant !== "default";
+  const is_variant_active = variant !== "default" || is_status_kind;
   const has_split_header = splitHeader && !headerBar && !!finalDescriptionBgColor && !!description;
   const has_merged_variant_header = !splitHeader && is_variant_active && !headerBar && !!description;
+  const resolvedHeaderBarColor = headerBarColor ?? (variant !== "default" && variant_preset ? variant_preset.header_text_color : "var(--dialog-header-bar-bg)");
   const headerStyles = {
     ...headerBar && {
-      backgroundColor: headerBarColor,
+      backgroundColor: resolvedHeaderBarColor,
+      color: "var(--dialog-header-bar-fg)",
       paddingTop: compact ? "0.625rem" : "1.5rem",
       paddingBottom: compact ? "0.625rem" : "1.5rem",
       paddingLeft: "1.5rem",
@@ -6810,15 +6860,19 @@ function HazoUiDialog({
     ...!has_split_header && finalHeaderTextColor && { color: finalHeaderTextColor }
   };
   const titleClassName = cn(
-    "cls_dialog_title",
-    headerBar && "!text-white"
+    "cls_dialog_title"
   );
   const descriptionClassName = cn(
-    "cls_dialog_description",
-    headerBar && "!text-white/80"
+    "cls_dialog_description"
   );
   const bodyStyles = {
-    ...bodyBackgroundColor && { backgroundColor: bodyBackgroundColor }
+    ...bodyBackgroundColor && { backgroundColor: bodyBackgroundColor },
+    // kind="form" gets a comfortable body/label typography scale via the
+    // hazo_theme --dialog-body-size token. --dialog-label-size is intentionally
+    // not re-applied here: CSS custom properties inherit, so a consumer's own
+    // <label> elements inside `children` can reference var(--dialog-label-size)
+    // directly without any extra plumbing from this component.
+    ...kind === "form" && { fontSize: "var(--dialog-body-size)" }
   };
   const footerStyles = {
     ...footerBackgroundColor && { backgroundColor: footerBackgroundColor }
@@ -6842,6 +6896,86 @@ function HazoUiDialog({
     ...finalCancelTextColor && { color: finalCancelTextColor },
     ...finalCancelBorderColor && { borderColor: finalCancelBorderColor }
   };
+  if (is_confirm_kind) {
+    const top_border_color = resolved_border_color ?? "hsl(var(--dialog-border))";
+    return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogPortal, { children: [
+      /* @__PURE__ */ jsx(
+        DialogOverlay,
+        {
+          className: cn(
+            "cls_confirm_dialog_overlay",
+            overlayClassName ?? variant_preset?.overlay_class_name
+          ),
+          style: { backdropFilter: "blur(4px)" }
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        DialogPrimitive.Content,
+        {
+          className: cn(
+            "cls_confirm_dialog_content",
+            "fixed left-[50%] top-[50%] z-50",
+            "translate-x-[-50%] translate-y-[-50%]",
+            "bg-background shadow-lg",
+            "duration-200",
+            animationClasses,
+            "overflow-hidden",
+            className
+          ),
+          style: {
+            width: "min(90vw, 420px)",
+            borderRadius: "12px",
+            borderTop: `4px solid ${top_border_color}`,
+            boxShadow: "0 20px 60px rgba(0,0,0,0.15)",
+            outline: "none"
+          },
+          onOpenAutoFocus: (e) => {
+            if ((variant === "destructive" || variant === "warning") && showCancelButton && cancel_ref.current) {
+              e.preventDefault();
+              cancel_ref.current.focus();
+            }
+          },
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "cls_confirm_dialog_body px-6 pt-7 pb-5", children: [
+              /* @__PURE__ */ jsx(DialogPrimitive.Title, { className: "cls_confirm_dialog_title text-[17px] font-semibold text-foreground mb-2.5", children: title }),
+              children ? /* @__PURE__ */ jsx(DialogPrimitive.Description, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: "cls_confirm_dialog_children text-sm text-muted-foreground leading-relaxed", children }) }) : description ? /* @__PURE__ */ jsx(DialogPrimitive.Description, { className: "cls_confirm_dialog_description text-sm text-muted-foreground leading-relaxed", children: description }) : null
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "cls_confirm_dialog_separator border-t border-border" }),
+            /* @__PURE__ */ jsxs("div", { className: "cls_confirm_dialog_actions px-6 py-4 flex justify-end gap-3", children: [
+              showCancelButton && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  ref: cancel_ref,
+                  type: "button",
+                  className: "cls_confirm_cancel_button focus-visible:ring-0 focus-visible:ring-offset-0",
+                  variant: "outline",
+                  onClick: handleCancel,
+                  disabled: actionButtonLoading,
+                  style: cancelButtonStyles,
+                  children: cancelButtonText
+                }
+              ),
+              showActionButton && /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  type: "button",
+                  className: "cls_confirm_action_button",
+                  variant: resolved_action_button_variant,
+                  onClick: handleConfirm,
+                  disabled: actionButtonLoading || actionButtonDisabled,
+                  style: actionButtonStyles,
+                  children: [
+                    actionButtonLoading && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 mr-2 animate-spin" }),
+                    actionButtonText
+                  ]
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    ] }) });
+  }
   return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogPortal, { children: [
     /* @__PURE__ */ jsx(
       DialogOverlay,
@@ -6916,10 +7050,17 @@ function HazoUiDialog({
                 style: headerStyles,
                 children: [
                   /* @__PURE__ */ jsx(DialogTitle, { className: titleClassName, children: title }),
-                  description && /* @__PURE__ */ jsx(DialogDescription, { className: cn(
-                    descriptionClassName,
-                    has_merged_variant_header && "italic text-xs mt-1"
-                  ), children: description })
+                  description && /* @__PURE__ */ jsx(
+                    DialogDescription,
+                    {
+                      className: cn(
+                        descriptionClassName,
+                        has_merged_variant_header && "italic text-xs mt-1"
+                      ),
+                      style: headerBar ? { opacity: 0.8 } : void 0,
+                      children: description
+                    }
+                  )
                 ]
               }
             )
@@ -6985,7 +7126,7 @@ function HazoUiDialog({
             DialogPrimitive.Close,
             {
               className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
-              style: headerBar ? { color: "white" } : finalHeaderTextColor ? { color: finalHeaderTextColor } : void 0,
+              style: headerBar ? { color: "var(--dialog-header-bar-fg)" } : finalHeaderTextColor ? { color: finalHeaderTextColor } : void 0,
               children: [
                 /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
                 /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
@@ -6997,28 +7138,6 @@ function HazoUiDialog({
     )
   ] }) });
 }
-var CONFIRM_VARIANT_PRESETS = {
-  destructive: {
-    accent_color: "rgb(220, 38, 38)",
-    confirm_button_color: "rgb(220, 38, 38)",
-    overlay_class_name: "bg-red-950/50"
-  },
-  warning: {
-    accent_color: "rgb(245, 158, 11)",
-    confirm_button_color: "rgb(245, 158, 11)",
-    overlay_class_name: "bg-yellow-950/50"
-  },
-  info: {
-    accent_color: "rgb(37, 99, 235)",
-    confirm_button_color: "rgb(37, 99, 235)",
-    overlay_class_name: "bg-blue-950/50"
-  },
-  success: {
-    accent_color: "rgb(22, 163, 74)",
-    confirm_button_color: "rgb(22, 163, 74)",
-    overlay_class_name: "bg-green-950/50"
-  }
-};
 function HazoUiConfirmDialog({
   open,
   onOpenChange,
@@ -7031,126 +7150,37 @@ function HazoUiConfirmDialog({
   showCancelButton = true,
   onConfirm,
   onCancel,
-  loading: external_loading,
+  loading,
   disabled = false,
   accentColor,
   confirmButtonColor,
   openAnimation = "zoom",
   closeAnimation = "zoom"
 }) {
-  const [internal_loading, set_internal_loading] = React26.useState(false);
-  const config = get_hazo_ui_config();
-  const variant_preset = variant !== "default" ? CONFIRM_VARIANT_PRESETS[variant] : void 0;
-  const is_loading = external_loading ?? internal_loading;
-  const resolved_confirm_label = confirmLabel ?? (showCancelButton ? "Confirm" : "OK");
-  const resolved_accent_color = accentColor ?? variant_preset?.accent_color ?? "rgb(148, 163, 184)";
-  const resolved_confirm_button_color = confirmButtonColor ?? variant_preset?.confirm_button_color ?? config.submit_button_background_color;
-  const cancel_button_styles = {
-    ...config.cancel_button_background_color && { backgroundColor: config.cancel_button_background_color },
-    ...config.cancel_button_text_color && { color: config.cancel_button_text_color },
-    ...config.cancel_button_border_color && { borderColor: config.cancel_button_border_color }
-  };
-  const confirm_button_styles = {
-    ...resolved_confirm_button_color && {
-      backgroundColor: resolved_confirm_button_color,
-      borderColor: resolved_confirm_button_color,
-      color: "white"
-    }
-  };
-  const animation_classes = resolve_animation_classes(openAnimation, closeAnimation);
-  const handle_confirm = async () => {
-    try {
-      const result = onConfirm();
-      if (result instanceof Promise) {
-        set_internal_loading(true);
-        await result;
-      }
-      onOpenChange(false);
-    } catch {
-    } finally {
-      set_internal_loading(false);
+  const resolved_accent_color = confirmButtonColor ?? accentColor;
+  return /* @__PURE__ */ jsx(
+    HazoUiDialog,
+    {
+      kind: "confirm",
+      open,
+      onOpenChange,
+      title,
+      description,
+      variant,
+      actionButtonText: confirmLabel,
+      cancelButtonText: cancelLabel,
+      showCancelButton,
+      onConfirm,
+      onCancel,
+      actionButtonLoading: loading,
+      actionButtonDisabled: disabled,
+      accentColor: resolved_accent_color,
+      openAnimation,
+      closeAnimation,
+      closeOnConfirm: true,
+      children
     }
-  };
-  const handle_cancel = () => {
-    onCancel?.();
-    onOpenChange(false);
-  };
-  const cancel_ref = React26.useRef(null);
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogPortal, { children: [
-    /* @__PURE__ */ jsx(
-      DialogOverlay,
-      {
-        className: cn(
-          "cls_confirm_dialog_overlay",
-          variant_preset?.overlay_class_name
-        ),
-        style: { backdropFilter: "blur(4px)" }
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      DialogPrimitive.Content,
-      {
-        className: cn(
-          "cls_confirm_dialog_content",
-          "fixed left-[50%] top-[50%] z-50",
-          "translate-x-[-50%] translate-y-[-50%]",
-          "bg-background shadow-lg",
-          "duration-200",
-          animation_classes,
-          "overflow-hidden"
-        ),
-        style: {
-          width: "min(90vw, 420px)",
-          borderRadius: "12px",
-          borderTop: `4px solid ${resolved_accent_color}`,
-          boxShadow: "0 20px 60px rgba(0,0,0,0.15)",
-          outline: "none"
-        },
-        onOpenAutoFocus: (e) => {
-          if ((variant === "destructive" || variant === "warning") && showCancelButton && cancel_ref.current) {
-            e.preventDefault();
-            cancel_ref.current.focus();
-          }
-        },
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "cls_confirm_dialog_body px-6 pt-7 pb-5", children: [
-            /* @__PURE__ */ jsx(DialogPrimitive.Title, { className: "cls_confirm_dialog_title text-[17px] font-semibold text-foreground mb-2.5", children: title }),
-            children ? /* @__PURE__ */ jsx(DialogPrimitive.Description, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: "cls_confirm_dialog_children text-sm text-muted-foreground leading-relaxed", children }) }) : description ? /* @__PURE__ */ jsx(DialogPrimitive.Description, { className: "cls_confirm_dialog_description text-sm text-muted-foreground leading-relaxed", children: description }) : null
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "cls_confirm_dialog_separator border-t border-border" }),
-          /* @__PURE__ */ jsxs("div", { className: "cls_confirm_dialog_actions px-6 py-4 flex justify-end gap-3", children: [
-            showCancelButton && /* @__PURE__ */ jsx(
-              Button,
-              {
-                ref: cancel_ref,
-                type: "button",
-                className: "cls_confirm_cancel_button focus-visible:ring-0 focus-visible:ring-offset-0",
-                variant: "outline",
-                onClick: handle_cancel,
-                disabled: is_loading,
-                style: cancel_button_styles,
-                children: cancelLabel
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              Button,
-              {
-                type: "button",
-                className: "cls_confirm_action_button",
-                onClick: handle_confirm,
-                disabled: is_loading || disabled,
-                style: confirm_button_styles,
-                children: [
-                  is_loading && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 mr-2 animate-spin" }),
-                  resolved_confirm_label
-                ]
-              }
-            )
-          ] })
-        ]
-      }
-    )
-  ] }) });
+  );
 }
 var Slider = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(
   SliderPrimitive.Root,
@@ -11382,7 +11412,174 @@ var ThemeToggle = React26.forwardRef(
   }
 );
 ThemeToggle.displayName = "ThemeToggle";
+function Logo({
+  logoUrl,
+  logoUrlDark,
+  appTitle,
+  href,
+  height = 28,
+  className,
+  imgClassName
+}) {
+  const alt = appTitle ?? "Logo";
+  let content = null;
+  if (logoUrl) {
+    content = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: logoUrl,
+          alt,
+          height,
+          style: { height },
+          className: cn("object-contain", logoUrlDark && "dark:hidden", imgClassName)
+        }
+      ),
+      logoUrlDark ? /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: logoUrlDark,
+          alt,
+          height,
+          style: { height },
+          className: cn("hidden object-contain dark:block", imgClassName)
+        }
+      ) : null
+    ] });
+  } else if (appTitle) {
+    content = /* @__PURE__ */ jsx("span", { className: "font-semibold text-navbar-fg", children: appTitle });
+  }
+  if (content === null) return /* @__PURE__ */ jsx(Fragment$1, {});
+  const resolvedHref = safeHref(href);
+  if (resolvedHref) {
+    return /* @__PURE__ */ jsx("a", { href: resolvedHref, className: cn("inline-flex items-center gap-2", className), children: content });
+  }
+  return /* @__PURE__ */ jsx("div", { className: cn("inline-flex items-center gap-2", className), children: content });
+}
+function AppHeader({ identity, homeHref, navItems, actions, className }) {
+  return /* @__PURE__ */ jsxs(
+    "header",
+    {
+      "aria-label": "Application header",
+      className: cn(
+        "flex w-full items-center justify-between gap-4 border-b bg-navbar text-navbar-fg border-navbar-border px-4 py-2.5",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ jsx(
+            Logo,
+            {
+              logoUrl: identity?.logoUrl,
+              logoUrlDark: identity?.logoUrlDark,
+              appTitle: identity?.appTitle,
+              href: homeHref
+            }
+          ),
+          navItems
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4", children: actions })
+      ]
+    }
+  );
+}
+function AppFooter({ variant, footer, identity, className }) {
+  const cfg = footer ?? identity?.footer?.[variant];
+  if (variant === "app") {
+    const links = cfg?.columns?.[0]?.links;
+    return /* @__PURE__ */ jsxs(
+      "footer",
+      {
+        className: cn(
+          "flex w-full items-center justify-between gap-4 border-t bg-footer-app text-footer-app-fg border-footer-app-border px-4 py-2 text-sm",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "text-footer-app-fg-muted", children: cfg?.copyright }),
+          links && links.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4", children: links.map((link, i) => /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: safeHref(link.href),
+              className: "text-footer-app-fg-muted hover:text-footer-app-fg",
+              children: link.label
+            },
+            `${link.href}-${i}`
+          )) }) : null
+        ]
+      }
+    );
+  }
+  const showBrandRow = Boolean(identity?.logoUrl || identity?.appTitle);
+  return /* @__PURE__ */ jsxs(
+    "footer",
+    {
+      className: cn(
+        "w-full border-t bg-footer-public text-footer-public-fg border-footer-public-border px-6 py-10",
+        className
+      ),
+      children: [
+        showBrandRow ? /* @__PURE__ */ jsx("div", { className: "mb-8", children: /* @__PURE__ */ jsx(
+          Logo,
+          {
+            logoUrl: identity?.logoUrl,
+            logoUrlDark: identity?.logoUrlDark,
+            appTitle: identity?.appTitle
+          }
+        ) }) : null,
+        cfg?.columns && cfg.columns.length > 0 ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-8 md:grid-cols-4", children: cfg.columns.map((column, idx) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+          column.heading ? /* @__PURE__ */ jsx("div", { className: "font-medium text-footer-public-fg", children: column.heading }) : null,
+          column.links.map((link, i) => /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: safeHref(link.href),
+              className: "text-footer-public-fg-muted hover:text-footer-public-fg",
+              children: link.label
+            },
+            `${link.href}-${i}`
+          ))
+        ] }, column.heading ?? idx)) }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "mt-8 flex flex-wrap items-center justify-between gap-4", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-sm text-footer-public-fg-muted", children: cfg?.copyright }),
+          cfg?.social ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+            cfg.social.github ? /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: safeHref(cfg.social.github),
+                className: "text-footer-public-fg-muted hover:text-footer-public-fg",
+                children: "GitHub"
+              }
+            ) : null,
+            cfg.social.twitter ? /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: safeHref(cfg.social.twitter),
+                className: "text-footer-public-fg-muted hover:text-footer-public-fg",
+                children: "Twitter"
+              }
+            ) : null,
+            cfg.social.linkedin ? /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: safeHref(cfg.social.linkedin),
+                className: "text-footer-public-fg-muted hover:text-footer-public-fg",
+                children: "LinkedIn"
+              }
+            ) : null,
+            cfg.social.website ? /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: safeHref(cfg.social.website),
+                className: "text-footer-public-fg-muted hover:text-footer-public-fg",
+                children: "Website"
+              }
+            ) : null
+          ] }) : null
+        ] })
+      ]
+    }
+  );
+}
 
-export { ANIMATION_PRESETS, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CELEBRATION_GRADIENT, Calendar, CanvasTextToolbar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CelebrationProvider, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, CommandNodeExtension, CommandPill, CommandPopover, DateRangeSelector, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, ErrorBanner, ErrorPage, FunnelChart, HazoContextProvider, HazoThemeProvider, HazoUiConfirmDialog, HazoUiDialog, DialogClose as HazoUiDialogClose, DialogContent as HazoUiDialogContent, DialogDescription as HazoUiDialogDescription, DialogFooter as HazoUiDialogFooter, DialogHeader as HazoUiDialogHeader, DialogOverlay as HazoUiDialogOverlay, DialogPortal as HazoUiDialogPortal, Dialog as HazoUiDialogRoot, DialogTitle as HazoUiDialogTitle, DialogTrigger as HazoUiDialogTrigger, HazoUiEtaProgress, HazoUiFlexInput, HazoUiFlexRadio, HazoUiImageCropper, HazoUiImageCropperDialog, HazoUiKanban, HazoUiKanbanFilter, HazoUiMemoryDropdown, HazoUiMultiFilterDialog, HazoUiMultiSortDialog, HazoUiPillRadio, HazoUiProgressBar, HazoUiRte, HazoUiTable, HazoUiTextarea, HazoUiTextbox, HazoUiToaster, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputAffix, InverseSparkline, Label3 as Label, LoadingTimeout, MarkdownEditor, NotificationCountBadge, NotificationItem, NotificationPanel, Popover, PopoverContent, PopoverTrigger, ProgressiveImage, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, Command as ShadcnCommand, CommandEmpty as ShadcnCommandEmpty, CommandGroup as ShadcnCommandGroup, CommandInput as ShadcnCommandInput, CommandItem as ShadcnCommandItem, CommandList as ShadcnCommandList, Skeleton, SkeletonBar, SkeletonCircle, SkeletonGroup, SkeletonRect, Slider, Sparkline, Spinner, StackedBars, Switch, Table2 as Table, TableBody, TableCaption, TableCell2 as TableCell, TableFooter, TableHead, TableHeader2 as TableHeader, TableRow2 as TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeScript, ThemeToggle, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, applyKanbanFilter, buttonGroupVariants, celebrate, cn, computeEta, create_command_suggestion_extension, easeToward, errorToast, format_num, generateUUID, get_hazo_ui_config, get_logger, median, parse_commands_from_text, pick_x_label_indices, reset_hazo_ui_config, resolve_animation_classes, set_hazo_ui_config, set_logger, successToast, text_to_tiptap_content, toggleVariants, upsertEntry as upsertMemoryEntry, useClickOutside, useCopyToClipboard, useDebounce, useErrorDisplay, useEtaProgress, useFullscreen, useIsMobile, useLoadingState, useLocalStorage, useMediaQuery, useSessionStorage, useTheme, useViewport, useWakeLock, use_fullscreen, use_wake_lock };
+export { ANIMATION_PRESETS, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AppFooter, AppHeader, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CELEBRATION_GRADIENT, Calendar, CanvasTextToolbar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CelebrationProvider, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, CommandNodeExtension, CommandPill, CommandPopover, DateRangeSelector, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, ErrorBanner, ErrorPage, FunnelChart, HazoContextProvider, HazoThemeProvider, HazoUiConfirmDialog, HazoUiDialog, DialogClose as HazoUiDialogClose, DialogContent as HazoUiDialogContent, DialogDescription as HazoUiDialogDescription, DialogFooter as HazoUiDialogFooter, DialogHeader as HazoUiDialogHeader, DialogOverlay as HazoUiDialogOverlay, DialogPortal as HazoUiDialogPortal, Dialog as HazoUiDialogRoot, DialogTitle as HazoUiDialogTitle, DialogTrigger as HazoUiDialogTrigger, HazoUiEtaProgress, HazoUiFlexInput, HazoUiFlexRadio, HazoUiImageCropper, HazoUiImageCropperDialog, HazoUiKanban, HazoUiKanbanFilter, HazoUiMemoryDropdown, HazoUiMultiFilterDialog, HazoUiMultiSortDialog, HazoUiPillRadio, HazoUiProgressBar, HazoUiRte, HazoUiTable, HazoUiTextarea, HazoUiTextbox, HazoUiToaster, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputAffix, InverseSparkline, Label3 as Label, LoadingTimeout, Logo, MarkdownEditor, NotificationCountBadge, NotificationItem, NotificationPanel, Popover, PopoverContent, PopoverTrigger, ProgressiveImage, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, Command as ShadcnCommand, CommandEmpty as ShadcnCommandEmpty, CommandGroup as ShadcnCommandGroup, CommandInput as ShadcnCommandInput, CommandItem as ShadcnCommandItem, CommandList as ShadcnCommandList, Skeleton, SkeletonBar, SkeletonCircle, SkeletonGroup, SkeletonRect, Slider, Sparkline, Spinner, StackedBars, Switch, Table2 as Table, TableBody, TableCaption, TableCell2 as TableCell, TableFooter, TableHead, TableHeader2 as TableHeader, TableRow2 as TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeScript, ThemeToggle, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, applyKanbanFilter, buttonGroupVariants, celebrate, cn, computeEta, create_command_suggestion_extension, easeToward, errorToast, format_num, generateUUID, get_hazo_ui_config, get_logger, median, parse_commands_from_text, pick_x_label_indices, reset_hazo_ui_config, resolve_animation_classes, safeHref, set_hazo_ui_config, set_logger, successToast, text_to_tiptap_content, toggleVariants, upsertEntry as upsertMemoryEntry, useClickOutside, useCopyToClipboard, useDebounce, useErrorDisplay, useEtaProgress, useFullscreen, useIsMobile, useLoadingState, useLocalStorage, useMediaQuery, useSessionStorage, useTheme, useViewport, useWakeLock, use_fullscreen, use_wake_lock };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map