@epicbagel/saas-kit 1.32.0 → 1.33.0

package/dist/primitives/fixed-action-bar.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface FixedActionBarProps {
+    title?: ReactNode;
+    description?: ReactNode;
+    children: ReactNode;
+    width?: "compact" | "narrow" | "wide" | "full";
+    actionsWidth?: "auto" | "full";
+    className?: string;
+}
+/** Persistent bottom context and action for read-only or transactional pages. */
+declare function FixedActionBar({ title, description, children, width, actionsWidth, className, }: FixedActionBarProps): react_jsx_runtime.JSX.Element;
+
+export { FixedActionBar, type FixedActionBarProps };

package/dist/primitives/fixed-action-bar.js

@@ -0,0 +1,46 @@
+"use client";
+import {
+  Text
+} from "../chunk-EIY5LLSP.js";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/fixed-action-bar.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var widthStyles = {
+  compact: "max-w-2xl",
+  narrow: "max-w-3xl",
+  wide: "max-w-5xl",
+  full: "max-w-none"
+};
+function FixedActionBar({
+  title,
+  description,
+  children,
+  width = "narrow",
+  actionsWidth = "auto",
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    "aside",
+    {
+      "aria-label": "Page action",
+      className: cn(
+        "fixed inset-x-0 bottom-0 z-40 border-t border-border bg-background/95 backdrop-blur-sm",
+        "pb-[env(safe-area-inset-bottom)] supports-backdrop-filter:bg-background/80",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs("div", { className: cn("mx-auto flex items-center gap-4 px-4 py-3 md:px-6", title ? "justify-between" : "justify-end", widthStyles[width]), children: [
+        title && /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx(Text, { className: "truncate font-medium", children: title }),
+          description && /* @__PURE__ */ jsx(Text, { variant: "muted", className: "text-sm", children: description })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: cn("shrink-0", actionsWidth === "full" && "w-full"), children })
+      ] })
+    }
+  );
+}
+export {
+  FixedActionBar
+};

package/dist/primitives/floating-action-button.cjs

@@ -0,0 +1,65 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
+"use client";
+
+
+var _chunkJDEXZGIYcjs = require('../chunk-JDEXZGIY.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/floating-action-button.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var FloatingActionButton = _react.forwardRef.call(void 0, function FloatingActionButton2({
+  label,
+  icon,
+  visible = true,
+  bottom = "bottom-6",
+  side = "right",
+  asChild = false,
+  children,
+  className,
+  variant = "default",
+  size,
+  ...rest
+}, ref) {
+  const iconOnly = !asChild && label == null;
+  const labelNode = !iconOnly && label != null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: icon ? "ml-1.5" : void 0, children: label });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "aria-hidden": !visible,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "fixed z-40 transition-all duration-300 ease-out motion-reduce:transition-opacity",
+        bottom,
+        side === "right" && "right-6 md:right-8",
+        side === "left" && "left-6 md:left-8",
+        side === "center" && "left-1/2 -translate-x-1/2",
+        visible ? "opacity-100 translate-y-0 pointer-events-auto" : "opacity-0 translate-y-3 pointer-events-none"
+      ),
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkJDEXZGIYcjs.Button,
+        {
+          ref,
+          asChild,
+          variant,
+          size: _nullishCoalesce(size, () => ( (iconOnly ? "icon" : "default"))),
+          className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+            "shadow-lg",
+            iconOnly ? "rounded-full h-14 w-14" : "rounded-full px-5 h-12",
+            className
+          ),
+          tabIndex: visible ? void 0 : -1,
+          ...rest,
+          children: asChild ? children : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+            icon,
+            labelNode
+          ] })
+        }
+      )
+    }
+  );
+});
+
+
+exports.FloatingActionButton = FloatingActionButton;

package/dist/primitives/floating-action-button.d.cts

@@ -0,0 +1,52 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+import { ButtonProps } from './button.cjs';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+interface FloatingActionButtonProps extends Omit<ButtonProps, "children"> {
+    /** Text label shown next to the icon. Pass null for icon-only. */
+    label?: ReactNode;
+    /** Leading icon (lucide-react element, normally). */
+    icon?: ReactNode;
+    /**
+     * When false, the FAB is hidden — slides out + fades out. Typically
+     * wired to the `past` boolean from `useScrollPast`. Defaults to true
+     * (always visible) so the primitive also works as a standalone FAB.
+     */
+    visible?: boolean;
+    /** Bottom inset (Tailwind utility). Defaults to "bottom-6". */
+    bottom?: string;
+    /** Horizontal anchor. Defaults to "right". */
+    side?: "right" | "left" | "center";
+    /**
+     * When true, the FAB renders its single child as the trigger element
+     * (Radix Slot via Button). Use for next/link integrations.
+     *
+     *   <FloatingActionButton asChild icon={<Plus />} label="New">
+     *     <Link href="/new" />
+     *   </FloatingActionButton>
+     */
+    asChild?: boolean;
+    /** Children only used when asChild=true — should be a single element. */
+    children?: ReactNode;
+}
+/**
+ * Floating action button that lands in the corner with a soft rise +
+ * fade once `visible` flips true. Pair with `useScrollPast` to reveal
+ * once the page's primary CTA scrolls off-screen.
+ *
+ * Design notes:
+ * - z-40 sits above the page chrome but below modals/sheets (z-50)
+ * - rounded-full pill shape with shadow-lg for elevation cue
+ * - `pointer-events-none` while hidden so it never blocks underlying
+ *   content during the fade-out
+ * - motion-reduce: skips the rise transition (still fades)
+ *
+ * For scroll containers that aren't the document, render this inside
+ * a positioned ancestor — the `fixed` positioning falls back to
+ * relative-to-nearest-transformed-ancestor in those cases.
+ */
+declare const FloatingActionButton: React.ForwardRefExoticComponent<FloatingActionButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { FloatingActionButton, type FloatingActionButtonProps };

package/dist/primitives/floating-action-button.d.ts

@@ -0,0 +1,52 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+import { ButtonProps } from './button.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+interface FloatingActionButtonProps extends Omit<ButtonProps, "children"> {
+    /** Text label shown next to the icon. Pass null for icon-only. */
+    label?: ReactNode;
+    /** Leading icon (lucide-react element, normally). */
+    icon?: ReactNode;
+    /**
+     * When false, the FAB is hidden — slides out + fades out. Typically
+     * wired to the `past` boolean from `useScrollPast`. Defaults to true
+     * (always visible) so the primitive also works as a standalone FAB.
+     */
+    visible?: boolean;
+    /** Bottom inset (Tailwind utility). Defaults to "bottom-6". */
+    bottom?: string;
+    /** Horizontal anchor. Defaults to "right". */
+    side?: "right" | "left" | "center";
+    /**
+     * When true, the FAB renders its single child as the trigger element
+     * (Radix Slot via Button). Use for next/link integrations.
+     *
+     *   <FloatingActionButton asChild icon={<Plus />} label="New">
+     *     <Link href="/new" />
+     *   </FloatingActionButton>
+     */
+    asChild?: boolean;
+    /** Children only used when asChild=true — should be a single element. */
+    children?: ReactNode;
+}
+/**
+ * Floating action button that lands in the corner with a soft rise +
+ * fade once `visible` flips true. Pair with `useScrollPast` to reveal
+ * once the page's primary CTA scrolls off-screen.
+ *
+ * Design notes:
+ * - z-40 sits above the page chrome but below modals/sheets (z-50)
+ * - rounded-full pill shape with shadow-lg for elevation cue
+ * - `pointer-events-none` while hidden so it never blocks underlying
+ *   content during the fade-out
+ * - motion-reduce: skips the rise transition (still fades)
+ *
+ * For scroll containers that aren't the document, render this inside
+ * a positioned ancestor — the `fixed` positioning falls back to
+ * relative-to-nearest-transformed-ancestor in those cases.
+ */
+declare const FloatingActionButton: React.ForwardRefExoticComponent<FloatingActionButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { FloatingActionButton, type FloatingActionButtonProps };

package/dist/primitives/floating-action-button.js

@@ -0,0 +1,65 @@
+"use client";
+"use client";
+import {
+  Button
+} from "../chunk-W326GKML.js";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/floating-action-button.tsx
+import { forwardRef } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var FloatingActionButton = forwardRef(function FloatingActionButton2({
+  label,
+  icon,
+  visible = true,
+  bottom = "bottom-6",
+  side = "right",
+  asChild = false,
+  children,
+  className,
+  variant = "default",
+  size,
+  ...rest
+}, ref) {
+  const iconOnly = !asChild && label == null;
+  const labelNode = !iconOnly && label != null && /* @__PURE__ */ jsx("span", { className: icon ? "ml-1.5" : void 0, children: label });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-hidden": !visible,
+      className: cn(
+        "fixed z-40 transition-all duration-300 ease-out motion-reduce:transition-opacity",
+        bottom,
+        side === "right" && "right-6 md:right-8",
+        side === "left" && "left-6 md:left-8",
+        side === "center" && "left-1/2 -translate-x-1/2",
+        visible ? "opacity-100 translate-y-0 pointer-events-auto" : "opacity-0 translate-y-3 pointer-events-none"
+      ),
+      children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          ref,
+          asChild,
+          variant,
+          size: size ?? (iconOnly ? "icon" : "default"),
+          className: cn(
+            "shadow-lg",
+            iconOnly ? "rounded-full h-14 w-14" : "rounded-full px-5 h-12",
+            className
+          ),
+          tabIndex: visible ? void 0 : -1,
+          ...rest,
+          children: asChild ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+            icon,
+            labelNode
+          ] })
+        }
+      )
+    }
+  );
+});
+export {
+  FloatingActionButton
+};

package/dist/primitives/form-section.cjs

@@ -0,0 +1,38 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/form-section.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+function FormSection({
+  label,
+  meta,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "section", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "space-y-3", className), children: [
+    (label || meta) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-baseline justify-between gap-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "font-mono text-[0.65rem] uppercase tracking-[0.18em] text-muted-foreground", children: label }),
+      meta && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "font-mono text-[0.65rem] uppercase tracking-wider text-muted-foreground", children: meta })
+    ] }),
+    children
+  ] });
+}
+function FormSectionList({ children, className }) {
+  const items = _react.Children.toArray(children).filter(Boolean);
+  if (items.length === 0) return null;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "space-y-6", className), children: items.map((child, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: i === 0 ? void 0 : "border-t border-border pt-6",
+      children: child
+    },
+    i
+  )) });
+}
+
+
+
+exports.FormSection = FormSection; exports.FormSectionList = FormSectionList;

package/dist/primitives/form-section.d.cts

@@ -0,0 +1,43 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface FormSectionProps {
+    /**
+     * Mono uppercase tracking-wide label. Distinct from
+     * <SettingsSection>'s larger h2 heading — FormSection is sized for
+     * sub-areas inside a single pane (composer right-rail, sidebar form,
+     * multi-area editor) where the label reads as a field-group caption
+     * rather than a page heading.
+     */
+    label: ReactNode;
+    /**
+     * Right-aligned meta slot, baseline-aligned with the label. Use for
+     * small status hints: counts ("4 rules"), pending text ("Saving…"),
+     * a reset link. Heavier controls belong inside `children`.
+     */
+    meta?: ReactNode;
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * Labelled section primitive for form panes. Compose inside a
+ * <FormSectionList> to get horizontal dividers + consistent vertical
+ * rhythm between adjacent sections.
+ */
+declare function FormSection({ label, meta, children, className, }: FormSectionProps): react_jsx_runtime.JSX.Element;
+interface FormSectionListProps {
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * Vertical stack of <FormSection>s with a light horizontal divider
+ * between adjacent items — same structural cue as a settings page,
+ * scaled for the compact form-pane label style.
+ *
+ * Filters out null/false children, so conditional sections
+ * (`{condition && <FormSection .../>}`) don't produce empty divider
+ * rows.
+ */
+declare function FormSectionList({ children, className }: FormSectionListProps): react_jsx_runtime.JSX.Element | null;
+
+export { FormSection, FormSectionList, type FormSectionListProps, type FormSectionProps };

package/dist/primitives/form-section.d.ts

@@ -0,0 +1,43 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface FormSectionProps {
+    /**
+     * Mono uppercase tracking-wide label. Distinct from
+     * <SettingsSection>'s larger h2 heading — FormSection is sized for
+     * sub-areas inside a single pane (composer right-rail, sidebar form,
+     * multi-area editor) where the label reads as a field-group caption
+     * rather than a page heading.
+     */
+    label: ReactNode;
+    /**
+     * Right-aligned meta slot, baseline-aligned with the label. Use for
+     * small status hints: counts ("4 rules"), pending text ("Saving…"),
+     * a reset link. Heavier controls belong inside `children`.
+     */
+    meta?: ReactNode;
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * Labelled section primitive for form panes. Compose inside a
+ * <FormSectionList> to get horizontal dividers + consistent vertical
+ * rhythm between adjacent sections.
+ */
+declare function FormSection({ label, meta, children, className, }: FormSectionProps): react_jsx_runtime.JSX.Element;
+interface FormSectionListProps {
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * Vertical stack of <FormSection>s with a light horizontal divider
+ * between adjacent items — same structural cue as a settings page,
+ * scaled for the compact form-pane label style.
+ *
+ * Filters out null/false children, so conditional sections
+ * (`{condition && <FormSection .../>}`) don't produce empty divider
+ * rows.
+ */
+declare function FormSectionList({ children, className }: FormSectionListProps): react_jsx_runtime.JSX.Element | null;
+
+export { FormSection, FormSectionList, type FormSectionListProps, type FormSectionProps };

package/dist/primitives/form-section.js

@@ -0,0 +1,38 @@
+"use client";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/form-section.tsx
+import { Children } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function FormSection({
+  label,
+  meta,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("section", { className: cn("space-y-3", className), children: [
+    (label || meta) && /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [
+      /* @__PURE__ */ jsx("h2", { className: "font-mono text-[0.65rem] uppercase tracking-[0.18em] text-muted-foreground", children: label }),
+      meta && /* @__PURE__ */ jsx("div", { className: "font-mono text-[0.65rem] uppercase tracking-wider text-muted-foreground", children: meta })
+    ] }),
+    children
+  ] });
+}
+function FormSectionList({ children, className }) {
+  const items = Children.toArray(children).filter(Boolean);
+  if (items.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { className: cn("space-y-6", className), children: items.map((child, i) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: i === 0 ? void 0 : "border-t border-border pt-6",
+      children: child
+    },
+    i
+  )) });
+}
+export {
+  FormSection,
+  FormSectionList
+};

package/dist/primitives/key-value-grid.cjs

@@ -0,0 +1,52 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/key-value-grid.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function KeyValueGrid({
+  items,
+  columns = 2,
+  size = "xs",
+  className
+}) {
+  const colsClass = columns === 3 ? "grid-cols-3" : "grid-cols-2";
+  const textClass = size === "xs" ? "text-xs" : "text-sm";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "dl",
+    {
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "grid gap-x-3 gap-y-0.5",
+        colsClass,
+        textClass,
+        className
+      ),
+      children: items.map((item, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "contents", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "dt",
+          {
+            className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+              "text-muted-foreground",
+              item.emphasis && "font-medium text-foreground"
+            ),
+            children: item.label
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "dd",
+          {
+            className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+              "text-right tabular-nums",
+              item.emphasis && "font-medium"
+            ),
+            children: item.value
+          }
+        )
+      ] }, i))
+    }
+  );
+}
+
+
+exports.KeyValueGrid = KeyValueGrid;

package/dist/primitives/key-value-grid.d.cts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface KeyValueGridItem {
+    label: ReactNode;
+    value: ReactNode;
+    /** Render with `font-medium` for a totals/summary row. */
+    emphasis?: boolean;
+}
+interface KeyValueGridProps {
+    items: KeyValueGridItem[];
+    /** Number of columns. Defaults to 2. */
+    columns?: 2 | 3;
+    /** Visual size. `xs` matches dense popovers; `sm` matches cards. */
+    size?: "xs" | "sm";
+    className?: string;
+}
+declare function KeyValueGrid({ items, columns, size, className, }: KeyValueGridProps): react_jsx_runtime.JSX.Element;
+
+export { KeyValueGrid, type KeyValueGridItem, type KeyValueGridProps };

package/dist/primitives/key-value-grid.d.ts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface KeyValueGridItem {
+    label: ReactNode;
+    value: ReactNode;
+    /** Render with `font-medium` for a totals/summary row. */
+    emphasis?: boolean;
+}
+interface KeyValueGridProps {
+    items: KeyValueGridItem[];
+    /** Number of columns. Defaults to 2. */
+    columns?: 2 | 3;
+    /** Visual size. `xs` matches dense popovers; `sm` matches cards. */
+    size?: "xs" | "sm";
+    className?: string;
+}
+declare function KeyValueGrid({ items, columns, size, className, }: KeyValueGridProps): react_jsx_runtime.JSX.Element;
+
+export { KeyValueGrid, type KeyValueGridItem, type KeyValueGridProps };

package/dist/primitives/key-value-grid.js

@@ -0,0 +1,52 @@
+"use client";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/key-value-grid.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function KeyValueGrid({
+  items,
+  columns = 2,
+  size = "xs",
+  className
+}) {
+  const colsClass = columns === 3 ? "grid-cols-3" : "grid-cols-2";
+  const textClass = size === "xs" ? "text-xs" : "text-sm";
+  return /* @__PURE__ */ jsx(
+    "dl",
+    {
+      className: cn(
+        "grid gap-x-3 gap-y-0.5",
+        colsClass,
+        textClass,
+        className
+      ),
+      children: items.map((item, i) => /* @__PURE__ */ jsxs("div", { className: "contents", children: [
+        /* @__PURE__ */ jsx(
+          "dt",
+          {
+            className: cn(
+              "text-muted-foreground",
+              item.emphasis && "font-medium text-foreground"
+            ),
+            children: item.label
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "dd",
+          {
+            className: cn(
+              "text-right tabular-nums",
+              item.emphasis && "font-medium"
+            ),
+            children: item.value
+          }
+        )
+      ] }, i))
+    }
+  );
+}
+export {
+  KeyValueGrid
+};

package/dist/primitives/marketing-footer.cjs

@@ -0,0 +1,34 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/marketing-footer.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function MarketingFooter({
+  brand,
+  links = [],
+  meta,
+  renderLink,
+  className
+}) {
+  const cls = "transition-colors hover:text-foreground";
+  const link = (l) => {
+    if (renderLink)
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: renderLink({ href: l.href, children: l.label, className: cls }) }, l.href);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "a", { href: l.href, className: cls, children: l.label }, l.href);
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "footer", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "border-t border-border", className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mx-auto flex w-full max-w-5xl flex-wrap items-center justify-between gap-4 px-4 py-6 md:px-6", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center", children: brand }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-4 font-mono text-xs text-muted-foreground", children: [
+      links.map(link),
+      meta && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        links.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-muted-foreground/40", children: "\xB7" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: meta })
+      ] })
+    ] })
+  ] }) });
+}
+
+
+exports.MarketingFooter = MarketingFooter;