@epicbagel/saas-kit 0.0.0-stage → 1.1.0

package/dist/chunk-PNWNU6JW.cjs

@@ -0,0 +1,171 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
+
+
+var _chunkL4DH72UFcjs = require('./chunk-L4DH72UF.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/quick-filters.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function definedKeys(obj) {
+  return Object.keys(obj).filter((k) => obj[k] !== void 0 && obj[k] !== null);
+}
+function valuesEqual(a, b) {
+  if (typeof a === "object" && typeof b === "object") {
+    return JSON.stringify(a) === JSON.stringify(b);
+  }
+  return a === b;
+}
+function areFiltersEqual(filters1, filters2) {
+  const keys1 = definedKeys(filters1);
+  const keys2 = definedKeys(filters2);
+  if (keys1.length !== keys2.length) return false;
+  return keys1.every((key) => valuesEqual(filters1[key], filters2[key]));
+}
+function Shell({
+  showLabel,
+  appearance,
+  className,
+  children
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "flex items-center gap-3",
+        showLabel && "justify-between",
+        appearance === "underline" ? "border-b border-border" : "rounded-md bg-muted/50 p-3",
+        className
+      ),
+      children: [
+        showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "span",
+          {
+            className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+              "text-sm font-medium text-muted-foreground",
+              appearance === "underline" && "py-3"
+            ),
+            children: "Quick filters:"
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+function QuickFilters({
+  quickFilters,
+  activeFilters,
+  onFilterClick,
+  showLabel = true,
+  appearance = "surface",
+  className = ""
+}) {
+  if (!quickFilters || quickFilters.length === 0) {
+    return null;
+  }
+  const hasGroups = quickFilters.some((f) => f.group !== void 0);
+  if (!hasGroups) {
+    const isActive2 = (qf) => areFiltersEqual(activeFilters, qf.filters);
+    const handleClick2 = (qf) => isActive2(qf) ? onFilterClick({}) : onFilterClick(qf.filters);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Shell, { showLabel, appearance, className, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "flex items-center flex-wrap", appearance === "underline" ? "gap-6" : "gap-2"), children: quickFilters.map((filter) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkL4DH72UFcjs.Button,
+      {
+        variant: appearance === "underline" ? "ghost" : isActive2(filter) ? "default" : "outline",
+        size: "sm",
+        onClick: () => handleClick2(filter),
+        "aria-pressed": isActive2(filter),
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "h-8",
+          appearance === "underline" && "-mb-px h-11 rounded-none border-b-2 px-0 hover:bg-transparent",
+          appearance === "underline" && (isActive2(filter) ? "border-primary text-foreground" : "border-transparent text-muted-foreground hover:text-foreground")
+        ),
+        children: filter.label
+      },
+      filter.id
+    )) }) });
+  }
+  const effGroup = (f) => _nullishCoalesce(f.group, () => ( f.id));
+  const order = [];
+  const byGroup = /* @__PURE__ */ new Map();
+  for (const f of quickFilters) {
+    const g = effGroup(f);
+    if (!byGroup.has(g)) {
+      byGroup.set(g, []);
+      order.push(g);
+    }
+    byGroup.get(g).push(f);
+  }
+  const ownedKeys = (g) => {
+    const keys = /* @__PURE__ */ new Set();
+    for (const f of byGroup.get(g)) for (const k of definedKeys(f.filters)) keys.add(k);
+    return [...keys];
+  };
+  const isActive = (f) => {
+    const keys = definedKeys(f.filters);
+    if (keys.length === 0) {
+      return ownedKeys(effGroup(f)).every(
+        (k) => activeFilters[k] === void 0 || activeFilters[k] === null
+      );
+    }
+    return keys.every((k) => valuesEqual(activeFilters[k], f.filters[k]));
+  };
+  const handleClick = (f) => {
+    const base = { ...activeFilters };
+    for (const k of ownedKeys(effGroup(f))) delete base[k];
+    onFilterClick(isActive(f) ? base : { ...base, ...f.filters });
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Shell, { showLabel, appearance, className, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "flex items-center flex-wrap", appearance === "underline" ? "gap-6" : "gap-2"), children: order.map((g) => {
+    const fs = byGroup.get(g);
+    if (fs.length === 1) {
+      const filter = fs[0];
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkL4DH72UFcjs.Button,
+        {
+          variant: appearance === "underline" ? "ghost" : isActive(filter) ? "default" : "outline",
+          size: "sm",
+          onClick: () => handleClick(filter),
+          "aria-pressed": isActive(filter),
+          className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+            "h-8",
+            appearance === "underline" && "-mb-px h-11 rounded-none border-b-2 px-0 hover:bg-transparent",
+            appearance === "underline" && (isActive(filter) ? "border-primary text-foreground" : "border-transparent text-muted-foreground hover:text-foreground")
+          ),
+          children: filter.label
+        },
+        filter.id
+      );
+    }
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "inline-flex items-center",
+          appearance === "underline" ? "gap-6" : "gap-1 rounded-md border p-0.5"
+        ),
+        children: fs.map((filter) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkL4DH72UFcjs.Button,
+          {
+            variant: appearance === "underline" ? "ghost" : isActive(filter) ? "default" : "ghost",
+            size: "sm",
+            onClick: () => handleClick(filter),
+            "aria-pressed": isActive(filter),
+            className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+              "h-7",
+              appearance === "underline" && "-mb-px h-11 rounded-none border-b-2 px-0 hover:bg-transparent",
+              appearance === "underline" && (isActive(filter) ? "border-primary text-foreground" : "border-transparent text-muted-foreground hover:text-foreground")
+            ),
+            children: filter.label
+          },
+          filter.id
+        ))
+      },
+      g
+    );
+  }) }) });
+}
+
+
+
+exports.QuickFilters = QuickFilters;

package/dist/chunk-PPX2VPGI.cjs

@@ -0,0 +1,138 @@
+"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; } }"use client";
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/sheet.tsx
+var _reactdialog = require('@radix-ui/react-dialog'); var SheetPrimitive = _interopRequireWildcard(_reactdialog);
+var _classvarianceauthority = require('class-variance-authority');
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+var Sheet = SheetPrimitive.Root;
+var SheetTrigger = SheetPrimitive.Trigger;
+var SheetClose = SheetPrimitive.Close;
+var SheetPortal = SheetPrimitive.Portal;
+var SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  SheetPrimitive.Overlay,
+  {
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+      "fixed inset-0 z-50 bg-black/30 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+var sheetVariants = _classvarianceauthority.cva.call(void 0, 
+  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500 flex flex-col overflow-hidden",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+);
+var SheetContent = React.forwardRef(({ side = "right", className, children, hideClose, width = "default", padding = "default", overflow = "hidden", ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, SheetPortal, { children: [
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SheetOverlay, {}),
+  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    SheetPrimitive.Content,
+    {
+      ref,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        sheetVariants({ side }),
+        width === "xl" && "w-full sm:max-w-xl",
+        width === "full" && "w-full max-w-none sm:max-w-none",
+        padding === "none" && "p-0",
+        overflow === "y-auto" && "overflow-y-auto",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        !hideClose && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, SheetPrimitive.Close, { "aria-label": "Close", className: "absolute right-2 top-2 inline-flex h-[44px] w-[44px] items-center justify-center rounded-md text-muted-foreground ring-offset-background transition-colors hover:bg-accent hover:text-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.X, { className: "h-[20px] w-[20px]" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+var SheetHeader = ({
+  className,
+  padding = "none",
+  border = "none",
+  shrink = true,
+  align = "responsive",
+  paddingEnd = "none",
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "div",
+  {
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+      "flex flex-col space-y-2 text-center sm:text-left",
+      padding === "compact" && "px-4 py-3",
+      border === "bottom" && "border-b",
+      !shrink && "shrink-0",
+      align === "start" && "text-left",
+      paddingEnd === "lg" && "pr-6",
+      className
+    ),
+    ...props
+  }
+);
+SheetHeader.displayName = "SheetHeader";
+var SheetFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "div",
+  {
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+SheetFooter.displayName = "SheetFooter";
+var SheetTitle = React.forwardRef(({ className, display = "block", ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  SheetPrimitive.Title,
+  {
+    ref,
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, "text-lg font-semibold text-foreground", display === "inline-flex" && "inline-flex items-center gap-2", className),
+    ...props
+  }
+));
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+var SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  SheetPrimitive.Description,
+  {
+    ref,
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, "text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+
+
+
+
+
+
+
+
+
+
+
+
+exports.Sheet = Sheet; exports.SheetTrigger = SheetTrigger; exports.SheetClose = SheetClose; exports.SheetPortal = SheetPortal; exports.SheetOverlay = SheetOverlay; exports.SheetContent = SheetContent; exports.SheetHeader = SheetHeader; exports.SheetFooter = SheetFooter; exports.SheetTitle = SheetTitle; exports.SheetDescription = SheetDescription;

package/dist/chunk-PQUSJEXL.cjs

@@ -0,0 +1,51 @@
+"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 _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 _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/input.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _jsxruntime = require('react/jsx-runtime');
+var Input = React.forwardRef(
+  ({ className, type, selectOnFocus, font = "sans", textSize = "default", controlSize = "default", surface = "default", grow = false, marginTop = "none", tone = "default", controlWidth = "full", shrink = true, weight = "normal", onFocus, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "input",
+      {
+        type,
+        "data-slot": "input",
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "flex w-full rounded-md px-3 py-2 ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 transition-colors",
+          surface === "default" && "border border-input bg-background enabled:hover:border-muted-foreground/30 enabled:hover:bg-accent/10",
+          surface === "ghost" && "border-0 bg-transparent shadow-none",
+          controlSize === "default" && "h-11 px-4",
+          controlSize === "sm" && "h-9",
+          controlSize === "lg" && "h-12 px-4 py-3",
+          font === "mono" && "font-mono",
+          textSize === "default" && "text-[16px] md:text-sm",
+          // iOS Safari zooms focused form controls below 16px. Keep every
+          // input at the base size on mobile, even when a compact desktop
+          // treatment is requested.
+          textSize === "xs" && "text-[16px] md:text-xs",
+          grow && "flex-1",
+          marginTop === "xs" && "mt-1",
+          tone === "muted" && "text-muted-foreground",
+          controlWidth === "compact" && "w-32",
+          !shrink && "shrink-0",
+          weight === "medium" && "font-medium",
+          className
+        ),
+        ref,
+        onFocus: (e) => {
+          if (selectOnFocus) e.currentTarget.select();
+          _optionalChain([onFocus, 'optionalCall', _ => _(e)]);
+        },
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+
+
+
+exports.Input = Input;

package/dist/chunk-QD63LB2F.js

@@ -0,0 +1,62 @@
+"use client";
+import {
+  CountBadge
+} from "./chunk-H7TETFLB.js";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/chip-tabs.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function ChipTabs({
+  items,
+  value,
+  onChange,
+  size = "sm",
+  variant = "soft",
+  trailing,
+  className,
+  marginBottom = "none",
+  placement = "inline",
+  disabled = false,
+  guidedValue
+}) {
+  const padClass = size === "xs" ? "px-1.5 py-0.5" : size === "md" ? "px-3.5 py-2" : "px-2 py-1";
+  const textClass = size === "xs" ? "text-[11px]" : size === "md" ? "text-sm" : "text-xs";
+  const gapClass = size === "md" ? "gap-2" : "gap-1";
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center", gapClass, marginBottom === "lg" && "mb-6", placement === "panel" && "border-b px-3 py-2", className), children: [
+    /* @__PURE__ */ jsx("div", { className: cn("flex min-w-0 flex-wrap", gapClass), children: items.map((item) => {
+      const active = item.id === value;
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          disabled,
+          onClick: () => onChange(item.id),
+          className: cn(
+            "rounded-md transition-colors inline-flex items-center gap-1 disabled:pointer-events-none disabled:opacity-60",
+            textClass,
+            padClass,
+            variant === "outline" && "border",
+            item.id === guidedValue && "ring-2 ring-destructive/60 ring-offset-2 ring-offset-background animate-pulse-once motion-reduce:animate-none",
+            active && variant === "soft" && "bg-accent text-accent-foreground font-medium",
+            !active && variant === "soft" && "text-muted-foreground hover:bg-accent/50",
+            active && variant === "outline" && "border-primary bg-primary/10 text-foreground font-medium",
+            !active && variant === "outline" && "border-muted-foreground/50 bg-background text-muted-foreground hover:border-foreground/60 hover:text-foreground"
+          ),
+          children: [
+            item.icon,
+            item.label,
+            item.count != null && item.count > 0 && /* @__PURE__ */ jsx(CountBadge, { value: item.count, variant: "secondary" })
+          ]
+        },
+        item.id
+      );
+    }) }),
+    trailing && /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center gap-1", children: trailing })
+  ] });
+}
+
+export {
+  ChipTabs
+};

package/dist/chunk-QMA3WVB7.js

@@ -0,0 +1,51 @@
+"use client";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/input.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var Input = React.forwardRef(
+  ({ className, type, selectOnFocus, font = "sans", textSize = "default", controlSize = "default", surface = "default", grow = false, marginTop = "none", tone = "default", controlWidth = "full", shrink = true, weight = "normal", onFocus, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        type,
+        "data-slot": "input",
+        className: cn(
+          "flex w-full rounded-md px-3 py-2 ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 transition-colors",
+          surface === "default" && "border border-input bg-background enabled:hover:border-muted-foreground/30 enabled:hover:bg-accent/10",
+          surface === "ghost" && "border-0 bg-transparent shadow-none",
+          controlSize === "default" && "h-11 px-4",
+          controlSize === "sm" && "h-9",
+          controlSize === "lg" && "h-12 px-4 py-3",
+          font === "mono" && "font-mono",
+          textSize === "default" && "text-[16px] md:text-sm",
+          // iOS Safari zooms focused form controls below 16px. Keep every
+          // input at the base size on mobile, even when a compact desktop
+          // treatment is requested.
+          textSize === "xs" && "text-[16px] md:text-xs",
+          grow && "flex-1",
+          marginTop === "xs" && "mt-1",
+          tone === "muted" && "text-muted-foreground",
+          controlWidth === "compact" && "w-32",
+          !shrink && "shrink-0",
+          weight === "medium" && "font-medium",
+          className
+        ),
+        ref,
+        onFocus: (e) => {
+          if (selectOnFocus) e.currentTarget.select();
+          onFocus?.(e);
+        },
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+
+export {
+  Input
+};

package/dist/chunk-QNZYQLNP.js

@@ -0,0 +1,125 @@
+"use client";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger
+} from "./chunk-V4LE2HWP.js";
+import {
+  Button
+} from "./chunk-HQRWRRZJ.js";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/page-header-actions.tsx
+import { Fragment } from "react";
+import { ChevronDown } from "lucide-react";
+import { Fragment as Fragment2, jsx, jsxs } from "react/jsx-runtime";
+function MenuActionContent({ action }) {
+  return /* @__PURE__ */ jsxs(Fragment2, { children: [
+    action.icon,
+    /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-col gap-0.5", children: [
+      /* @__PURE__ */ jsx("span", { children: action.label }),
+      action.description && /* @__PURE__ */ jsx("span", { className: "text-xs font-normal leading-snug text-muted-foreground", children: action.description })
+    ] })
+  ] });
+}
+function MenuActions({ actions }) {
+  return actions.map((action) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    action.separatorBefore && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+    action.items?.length ? /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [
+      /* @__PURE__ */ jsx(DropdownMenuSubTrigger, { disabled: action.disabled, children: /* @__PURE__ */ jsx(MenuActionContent, { action }) }),
+      /* @__PURE__ */ jsx(DropdownMenuSubContent, { children: /* @__PURE__ */ jsx(MenuActions, { actions: action.items }) })
+    ] }) : /* @__PURE__ */ jsx(
+      DropdownMenuItem,
+      {
+        disabled: action.disabled,
+        tone: action.tone,
+        onSelect: action.onSelect,
+        className: action.description ? "items-start" : void 0,
+        children: /* @__PURE__ */ jsx(MenuActionContent, { action })
+      }
+    )
+  ] }, action.id));
+}
+function PageHeaderActions({
+  actions,
+  mobileLabel = "Actions",
+  mobileAriaLabel,
+  className
+}) {
+  if (actions.length === 0) return null;
+  const priorityFor = (action) => {
+    if (action.priority) return action.priority;
+    if (action.variant === "default") return "primary";
+    if (["quiet", "ghost", "ghost-destructive", "link", "link-muted"].includes(action.variant ?? "")) {
+      return "tertiary";
+    }
+    return "secondary";
+  };
+  const hasPrimaryAction = actions.some((action) => priorityFor(action) === "primary");
+  const desktopActions = hasPrimaryAction ? actions.map((action, index) => ({ action, index })).sort((left, right) => {
+    const rank = { tertiary: 0, secondary: 1, primary: 2 };
+    return rank[priorityFor(left.action)] - rank[priorityFor(right.action)] || left.index - right.index;
+  }).map(({ action }) => action) : actions;
+  return /* @__PURE__ */ jsxs("div", { className: cn("shrink-0", className), children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "hidden items-center gap-2 sm:flex",
+        "data-slot": "page-header-actions-desktop",
+        children: desktopActions.map(
+          (action) => action.items?.length ? /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+            /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+              Button,
+              {
+                type: "button",
+                size: "sm",
+                variant: action.variant ?? "outline",
+                disabled: action.disabled,
+                title: action.title,
+                children: [
+                  action.icon,
+                  action.label,
+                  /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", width: "compact", children: /* @__PURE__ */ jsx(MenuActions, { actions: action.items }) })
+          ] }, action.id) : /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              size: "sm",
+              variant: action.variant ?? "outline",
+              disabled: action.disabled,
+              title: action.title,
+              onClick: action.onSelect,
+              children: [
+                action.icon,
+                action.label
+              ]
+            },
+            action.id
+          )
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "sm:hidden", "data-slot": "page-header-actions-mobile", children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { type: "button", size: "sm", variant: "outline", "aria-label": mobileAriaLabel, children: [
+        mobileLabel,
+        /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true" })
+      ] }) }),
+      /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", width: "compact", children: /* @__PURE__ */ jsx(MenuActions, { actions }) })
+    ] }) })
+  ] });
+}
+
+export {
+  PageHeaderActions
+};

package/dist/chunk-R35FT53G.cjs

@@ -0,0 +1,25 @@
+"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; } }"use client";
+
+// src/hooks/use-mobile.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+  const [isMobile, setIsMobile] = React.useState(
+    void 0
+  );
+  React.useEffect(() => {
+    if (typeof window === "undefined") return;
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    };
+    mql.addEventListener("change", onChange);
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+  return !!isMobile;
+}
+
+
+
+exports.useIsMobile = useIsMobile;