@epicbagel/saas-kit 1.32.0 → 1.34.0

package/dist/chunk-UKYUWSF2.cjs

@@ -0,0 +1,489 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+
+
+var _chunkNQK5ZWC7cjs = require('./chunk-NQK5ZWC7.cjs');
+
+
+
+
+
+var _chunkPPX2VPGIcjs = require('./chunk-PPX2VPGI.cjs');
+
+
+
+
+
+var _chunkU2NES7VRcjs = require('./chunk-U2NES7VR.cjs');
+
+
+var _chunkVGTINL5Qcjs = require('./chunk-VGTINL5Q.cjs');
+
+
+var _chunkJDEXZGIYcjs = require('./chunk-JDEXZGIY.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+
+var _chunkR35FT53Gcjs = require('./chunk-R35FT53G.cjs');
+
+// src/primitives/app-sidebar.tsx
+var _reactslot = require('@radix-ui/react-slot');
+var _lucidereact = require('lucide-react');
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _jsxruntime = require('react/jsx-runtime');
+var SIDEBAR_WIDTHS = {
+  default: "16rem",
+  wide: "20rem"
+};
+var SIDEBAR_WIDTH_ICON = "4.5rem";
+var SidebarContext = React.createContext(null);
+function useSidebar() {
+  const context = React.useContext(SidebarContext);
+  if (!context) {
+    throw new Error("useSidebar must be used within a SidebarProvider.");
+  }
+  return context;
+}
+var SidebarProvider = React.forwardRef(function SidebarProvider2({
+  defaultOpen = true,
+  open: openProp,
+  onOpenChange,
+  storageKey,
+  width = "default",
+  surface = "background",
+  className,
+  style,
+  children,
+  ...props
+}, ref) {
+  const isMobile = _chunkR35FT53Gcjs.useIsMobile.call(void 0, );
+  const [openMobile, setOpenMobile] = React.useState(false);
+  const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
+  const open = _nullishCoalesce(openProp, () => ( internalOpen));
+  React.useEffect(() => {
+    if (!storageKey || openProp !== void 0) return;
+    try {
+      const saved = window.localStorage.getItem(storageKey);
+      if (saved === "true" || saved === "false") {
+        setInternalOpen(saved === "true");
+      }
+    } catch (e) {
+    }
+  }, [openProp, storageKey]);
+  const setOpen = React.useCallback(
+    (nextOpen) => {
+      if (openProp === void 0) setInternalOpen(nextOpen);
+      _optionalChain([onOpenChange, 'optionalCall', _ => _(nextOpen)]);
+      if (storageKey) {
+        try {
+          window.localStorage.setItem(storageKey, String(nextOpen));
+        } catch (e2) {
+        }
+      }
+    },
+    [onOpenChange, openProp, storageKey]
+  );
+  const toggleSidebar = React.useCallback(() => {
+    if (isMobile) setOpenMobile((current) => !current);
+    else setOpen(!open);
+  }, [isMobile, open, setOpen]);
+  React.useEffect(() => {
+    const handleKeyDown = (event) => {
+      if (event.key.toLowerCase() === "b" && (event.metaKey || event.ctrlKey)) {
+        event.preventDefault();
+        toggleSidebar();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [toggleSidebar]);
+  const value = React.useMemo(
+    () => ({
+      state: open ? "expanded" : "collapsed",
+      open,
+      setOpen,
+      openMobile,
+      setOpenMobile,
+      isMobile,
+      surface,
+      toggleSidebar
+    }),
+    [isMobile, open, openMobile, setOpen, surface, toggleSidebar]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SidebarContext.Provider, { value, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU2NES7VRcjs.TooltipProvider, { delayDuration: 150, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ref,
+      "data-slot": "sidebar-wrapper",
+      style: {
+        "--sidebar-width": SIDEBAR_WIDTHS[width],
+        "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+        ...style
+      },
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "group/sidebar-wrapper flex min-h-svh w-full bg-background",
+        className
+      ),
+      ...props,
+      children
+    }
+  ) }) });
+});
+var Sidebar = React.forwardRef(
+  function Sidebar2({
+    side = "left",
+    collapsible = "icon",
+    mobileLabel = "Navigation",
+    onEscapeKeyDown,
+    className,
+    children,
+    ...props
+  }, ref) {
+    const { isMobile, open, openMobile, setOpenMobile, surface } = useSidebar();
+    if (isMobile) {
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPPX2VPGIcjs.Sheet, { open: openMobile, onOpenChange: setOpenMobile, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        _chunkPPX2VPGIcjs.SheetContent,
+        {
+          side,
+          width: "full",
+          padding: "none",
+          onEscapeKeyDown,
+          className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+            "gap-0 text-sidebar-foreground",
+            surface === "card" ? "bg-card" : "bg-background"
+          ),
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPPX2VPGIcjs.SheetTitle, { className: "sr-only", children: mobileLabel }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPPX2VPGIcjs.SheetDescription, { className: "sr-only", children: "Primary application navigation." }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "div",
+              {
+                "data-slot": "sidebar",
+                "data-mobile": "true",
+                "data-surface": surface,
+                className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+                  "flex h-full min-h-0 w-full flex-col",
+                  surface === "card" ? "bg-card" : "bg-background",
+                  className
+                ),
+                children
+              }
+            )
+          ]
+        }
+      ) });
+    }
+    const visible = collapsible !== "offcanvas" || open;
+    const width = collapsible === "none" ? "var(--sidebar-width)" : open ? "var(--sidebar-width)" : collapsible === "icon" ? "var(--sidebar-width-icon)" : "0px";
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "aside",
+      {
+        ref,
+        "data-slot": "sidebar",
+        "data-state": open ? "expanded" : "collapsed",
+        "data-collapsible": open ? "" : collapsible,
+        "data-side": side,
+        "data-surface": surface,
+        "aria-hidden": !visible,
+        style: { width },
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "group/sidebar sticky top-0 hidden h-svh shrink-0 flex-col border-sidebar-border text-sidebar-foreground transition-[width] duration-200 ease-linear md:flex",
+          surface === "card" ? "bg-card" : "bg-background",
+          side === "left" ? "border-r" : "border-l",
+          !visible && "overflow-hidden border-transparent",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-full min-h-0 w-full flex-col overflow-hidden", children })
+      }
+    );
+  }
+);
+var SidebarInset = React.forwardRef(
+  function SidebarInset2({ className, ...props }, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "main",
+      {
+        ref,
+        "data-slot": "sidebar-inset",
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "relative flex min-h-svh min-w-0 flex-1 flex-col bg-background",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var SidebarTrigger = React.forwardRef(function SidebarTrigger2({ className, onClick, visibility = "always", ...props }, ref) {
+  const { toggleSidebar } = useSidebar();
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _chunkJDEXZGIYcjs.Button,
+    {
+      ref,
+      type: "button",
+      variant: "ghost",
+      size: "icon",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "shrink-0",
+        visibility === "mobile" && "md:hidden",
+        visibility === "desktop" && "hidden md:inline-flex",
+        className
+      ),
+      onClick: (event) => {
+        _optionalChain([onClick, 'optionalCall', _2 => _2(event)]);
+        if (!event.defaultPrevented) toggleSidebar();
+      },
+      "aria-label": "Toggle navigation",
+      ...props,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.PanelLeft, { className: "h-5 w-5" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Toggle navigation" })
+      ]
+    }
+  );
+});
+var SidebarRail = React.forwardRef(
+  function SidebarRail2({ className, ...props }, ref) {
+    const { toggleSidebar } = useSidebar();
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        ref,
+        type: "button",
+        "aria-label": "Toggle navigation",
+        title: "Toggle navigation",
+        tabIndex: -1,
+        onClick: toggleSidebar,
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "absolute inset-y-0 right-0 z-20 hidden w-3 translate-x-1/2 transition-colors after:absolute after:inset-y-0 after:left-1/2 after:w-px hover:after:bg-sidebar-border md:block",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+function SidebarHeader({
+  border = "none",
+  minHeight = "none",
+  padding = "default",
+  justify = "start",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "sidebar-header",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "flex shrink-0 flex-col gap-2",
+        padding === "default" ? minHeight === "header" ? "px-3 py-2" : "p-3" : minHeight === "header" ? "px-4 py-2" : "px-4 py-3",
+        border === "bottom" && "border-b border-sidebar-border",
+        minHeight === "header" && "h-16 min-h-16",
+        justify === "center" && "justify-center",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SidebarBrand({
+  expanded,
+  collapsed,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      "data-slot": "sidebar-brand",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, "min-w-0", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "group-data-[state=collapsed]/sidebar:hidden", children: expanded }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden justify-center group-data-[state=collapsed]/sidebar:flex", children: collapsed })
+      ]
+    }
+  );
+}
+function SidebarFooter({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "sidebar-footer",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, "flex shrink-0 flex-col gap-2 p-3", className),
+      ...props
+    }
+  );
+}
+function SidebarFooterActions({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "sidebar-footer-actions",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "grid grid-cols-[minmax(0,1fr)_auto] items-center gap-1 group-data-[state=collapsed]/sidebar:grid-cols-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SidebarContent({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "sidebar-content",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SidebarGroup({
+  separated = false,
+  padding = "default",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "sidebar-group",
+      "data-separated": separated ? "true" : void 0,
+      "data-padding": padding,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "relative flex w-full min-w-0 flex-col",
+        padding === "compact" ? "p-[12px]" : "p-3",
+        separated && "border-t border-sidebar-border",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SidebarGroupLabel({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "sidebar-group-label",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "mb-1 flex h-8 items-center px-2 text-xs font-medium text-sidebar-foreground/60 transition-[height,margin,opacity] group-data-[state=collapsed]/sidebar:mb-0 group-data-[state=collapsed]/sidebar:h-0 group-data-[state=collapsed]/sidebar:overflow-hidden group-data-[state=collapsed]/sidebar:opacity-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SidebarGroupContent({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "sidebar-group-content",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, "w-full text-sm", className),
+      ...props
+    }
+  );
+}
+function SidebarSeparator({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkNQK5ZWC7cjs.Separator,
+    {
+      "data-slot": "sidebar-separator",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, "mx-3 w-auto bg-sidebar-border", className),
+      ...props
+    }
+  );
+}
+function SidebarMenu({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "ul",
+    {
+      "data-slot": "sidebar-menu",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, "flex w-full min-w-0 flex-col gap-1", className),
+      ...props
+    }
+  );
+}
+function SidebarMenuItem({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "li",
+    {
+      "data-slot": "sidebar-menu-item",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, "group/menu-item relative", className),
+      ...props
+    }
+  );
+}
+var SidebarMenuButton = React.forwardRef(function SidebarMenuButton2({ asChild = false, isActive = false, tooltip, className, onClick, ...props }, ref) {
+  const { isMobile, open, setOpenMobile } = useSidebar();
+  const Comp = asChild ? _reactslot.Slot : "button";
+  const control = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      ref,
+      "data-slot": "sidebar-menu-button",
+      "data-active": isActive,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "peer/menu-button flex min-h-11 w-full min-w-0 items-center gap-3 overflow-hidden rounded-md px-3 py-2 text-left text-sm font-medium outline-hidden transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 focus-visible:ring-sidebar-ring disabled:pointer-events-none disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground [&>svg]:size-5 [&>svg]:shrink-0 group-data-[state=collapsed]/sidebar:justify-center group-data-[state=collapsed]/sidebar:px-2 group-data-[state=collapsed]/sidebar:[&>span]:hidden",
+        className
+      ),
+      onClick: (event) => {
+        _optionalChain([onClick, 'optionalCall', _3 => _3(event)]);
+        if (!event.defaultPrevented && isMobile) setOpenMobile(false);
+      },
+      ...props
+    }
+  );
+  if (!tooltip || open || isMobile) return control;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkU2NES7VRcjs.Tooltip, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU2NES7VRcjs.TooltipTrigger, { asChild: true, children: control }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU2NES7VRcjs.TooltipContent, { side: "right", align: "center", children: tooltip })
+  ] });
+});
+function SidebarMenuBadge({
+  children,
+  className,
+  placement = "overlay",
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkVGTINL5Qcjs.CountBadge,
+    {
+      "data-slot": "sidebar-menu-badge",
+      value: children,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "pointer-events-none group-data-[state=collapsed]/sidebar:hidden",
+        placement === "overlay" && "absolute right-2 top-1/2 -translate-y-1/2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.useSidebar = useSidebar; exports.SidebarProvider = SidebarProvider; exports.Sidebar = Sidebar; exports.SidebarInset = SidebarInset; exports.SidebarTrigger = SidebarTrigger; exports.SidebarRail = SidebarRail; exports.SidebarHeader = SidebarHeader; exports.SidebarBrand = SidebarBrand; exports.SidebarFooter = SidebarFooter; exports.SidebarFooterActions = SidebarFooterActions; exports.SidebarContent = SidebarContent; exports.SidebarGroup = SidebarGroup; exports.SidebarGroupLabel = SidebarGroupLabel; exports.SidebarGroupContent = SidebarGroupContent; exports.SidebarSeparator = SidebarSeparator; exports.SidebarMenu = SidebarMenu; exports.SidebarMenuItem = SidebarMenuItem; exports.SidebarMenuButton = SidebarMenuButton; exports.SidebarMenuBadge = SidebarMenuBadge;

package/dist/{chunk-MOJHETNO.cjs → chunk-VUMLLKWY.cjs}

@@ -7,23 +7,23 @@ var _chunkEUFV25KLcjs = require('./chunk-EUFV25KL.cjs');
 var _chunk7YCKII7Gcjs = require('./chunk-7YCKII7G.cjs');
 
 
-var _chunkMW67PHAQcjs = require('./chunk-MW67PHAQ.cjs');
+var _chunkS2IMM37Qcjs = require('./chunk-S2IMM37Q.cjs');
 
 
 var _chunkLELBCBDTcjs = require('./chunk-LELBCBDT.cjs');
 
 
 
+var _chunkYYFVG5A6cjs = require('./chunk-YYFVG5A6.cjs');
 
 
-var _chunkU2NES7VRcjs = require('./chunk-U2NES7VR.cjs');
+var _chunkXLIAY56Vcjs = require('./chunk-XLIAY56V.cjs');
 
 
 
-var _chunkYYFVG5A6cjs = require('./chunk-YYFVG5A6.cjs');
 
 
-var _chunkXLIAY56Vcjs = require('./chunk-XLIAY56V.cjs');
+var _chunkU2NES7VRcjs = require('./chunk-U2NES7VR.cjs');
 
 
 var _chunkPQUSJEXLcjs = require('./chunk-PQUSJEXL.cjs');
@@ -268,7 +268,7 @@ function ResourceList({
   const controlsVisible = !(hideControlsWhenEmpty && !loading && !error && _optionalChain([data, 'optionalAccess', _5 => _5.length]) === 0);
   const filterOnQuickRow = filterBarVisible && !toolbarHasOtherControls && hasQuickFilters;
   const filterBarNode = filterBarVisible ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkMW67PHAQcjs.FilterBar,
+    _chunkS2IMM37Qcjs.FilterBar,
     {
       filters: filterSchema,
       onFiltersChange,

package/dist/chunk-VWOWPNKT.js

@@ -0,0 +1,73 @@
+"use client";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/page-header.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function PageHeader({
+  eyebrow,
+  title,
+  description,
+  children,
+  size = "default",
+  actionsLayout = "inline",
+  spacing = "default",
+  responsiveVisibility = "always",
+  className
+}) {
+  const display = size === "display";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-start justify-between gap-4",
+        spacing === "default" && (display ? "mb-8 md:mb-10" : "mb-6"),
+        spacing === "compact" && "mb-4",
+        display && "flex-col gap-6 sm:flex-row sm:gap-4",
+        actionsLayout === "responsive" && "flex-wrap gap-y-3 [&>div:last-child]:w-full [&>div:last-child]:justify-end sm:[&>div:last-child]:w-auto",
+        responsiveVisibility === "desktop" && "hidden md:flex",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: cn("min-w-0 flex-1", display ? "space-y-2" : "space-y-1.5"), children: [
+          eyebrow && /* @__PURE__ */ jsx("p", { className: "font-mono text-xs uppercase tracking-widest text-muted-foreground", children: eyebrow }),
+          /* @__PURE__ */ jsx(
+            "h1",
+            {
+              className: cn(
+                "font-semibold tracking-tight",
+                size === "display" ? "text-4xl leading-none md:text-6xl md:leading-none" : "text-2xl md:text-3xl"
+              ),
+              children: title
+            }
+          ),
+          description && /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: cn(
+                "max-w-[72ch] text-muted-foreground",
+                size === "display" ? "text-base md:text-lg" : "text-sm"
+              ),
+              children: description
+            }
+          )
+        ] }),
+        children && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "flex shrink-0 items-center gap-2",
+              size === "display" ? "w-full flex-wrap sm:mt-0.5 sm:w-auto sm:flex-nowrap md:mt-1" : "mt-1"
+            ),
+            children
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  PageHeader
+};

package/dist/chunk-W5L6LQI3.js

@@ -0,0 +1,42 @@
+"use client";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/marketing-header.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function MarketingHeader({
+  brand,
+  links = [],
+  trailing,
+  renderLink,
+  variant = "default",
+  className
+}) {
+  const link = (l) => {
+    const cls = variant === "mono" ? "font-mono text-xs uppercase tracking-[0.18em] text-muted-foreground transition-colors hover:text-foreground" : "text-sm text-muted-foreground transition-colors hover:text-foreground";
+    if (renderLink)
+      return /* @__PURE__ */ jsx("span", { children: renderLink({ href: l.href, children: l.label, className: cls }) }, l.href);
+    return /* @__PURE__ */ jsx("a", { href: l.href, className: cls, children: l.label }, l.href);
+  };
+  return /* @__PURE__ */ jsx(
+    "header",
+    {
+      className: cn(
+        "sticky top-0 z-50 border-b border-border bg-background/80 backdrop-blur-sm supports-[backdrop-filter]:bg-background/70",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex w-full max-w-5xl items-center justify-between px-4 py-4 md:px-6", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center", children: brand }),
+        /* @__PURE__ */ jsxs("nav", { className: "flex items-center gap-3 md:gap-5", children: [
+          links.length > 0 && /* @__PURE__ */ jsx("div", { className: "hidden items-center gap-5 sm:flex", children: links.map(link) }),
+          trailing && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 md:gap-3", children: trailing })
+        ] })
+      ] })
+    }
+  );
+}
+
+export {
+  MarketingHeader
+};

package/dist/chunk-WMTCL463.js

@@ -0,0 +1,47 @@
+"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
+};