@epicbagel/saas-kit 0.0.0-stage → 1.0.0

package/dist/primitives/list.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { HTMLAttributes } from 'react';
+
+interface ListProps extends HTMLAttributes<HTMLUListElement | HTMLOListElement> {
+    ordered?: boolean;
+    spacing?: "none" | "tight" | "normal";
+    marker?: "none" | "disc" | "decimal";
+    divided?: boolean;
+    inset?: "none" | "xs" | "md";
+    guide?: boolean;
+    textSize?: "inherit" | "xs" | "sm";
+    tone?: "inherit" | "muted" | "soft";
+    marginTop?: "none" | "sm" | "md";
+    surface?: "none" | "bordered";
+    radius?: "none" | "md";
+}
+/** Semantic ordered or unordered list with controlled rhythm and markers. */
+declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLOListElement | HTMLUListElement>>;
+interface ListItemProps extends HTMLAttributes<HTMLLIElement> {
+    layout?: "plain" | "row";
+    surface?: "none" | "bordered";
+    padding?: "none" | "sm" | "compact" | "md";
+    textSize?: "inherit" | "xs" | "sm";
+    tone?: "inherit" | "soft";
+    position?: "static" | "relative";
+    justify?: "start" | "between";
+    align?: "start" | "center" | "baseline";
+    gap?: "none" | "xs" | "sm";
+    interactiveGroup?: boolean;
+    radius?: "none" | "md";
+    accent?: "none" | "success" | "destructive";
+}
+declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLLIElement>>;
+
+export { List, ListItem, type ListItemProps, type ListProps };

package/dist/primitives/list.js

@@ -0,0 +1,68 @@
+"use client";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/list.tsx
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var spacingStyles = { none: "", tight: "space-y-1.5", normal: "space-y-3" };
+var markerStyles = {
+  none: "list-none",
+  disc: "list-disc pl-5",
+  decimal: "list-decimal pl-5"
+};
+var List = forwardRef(function List2({ ordered = false, spacing = "none", marker = "none", divided = false, inset = "none", guide = false, textSize = "inherit", tone = "inherit", marginTop = "none", surface = "none", radius = "none", className, ...props }, ref) {
+  const Component = ordered ? "ol" : "ul";
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      ref,
+      className: cn(
+        spacingStyles[spacing],
+        markerStyles[marker],
+        divided && "divide-y divide-border",
+        inset === "xs" && "pl-1",
+        inset === "md" && "pl-4",
+        guide && "border-l border-border",
+        textSize === "xs" && "text-xs",
+        textSize === "sm" && "text-sm",
+        tone === "muted" && "text-muted-foreground",
+        tone === "soft" && "text-foreground/80",
+        marginTop === "sm" && "mt-2",
+        marginTop === "md" && "mt-4",
+        surface === "bordered" && "border border-border bg-background",
+        radius === "md" && "rounded-md",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var ListItem = forwardRef(function ListItem2({ className, layout = "plain", surface = "none", padding = "none", textSize = "inherit", tone = "inherit", position = "static", justify = "start", align = "start", gap = "xs", interactiveGroup = false, radius = "none", accent = "none", ...props }, ref) {
+  return /* @__PURE__ */ jsx("li", { ref, className: cn(
+    layout === "row" && "flex items-start",
+    surface === "bordered" && "rounded-md border",
+    padding === "sm" && "p-2",
+    padding === "md" && "px-3 py-2",
+    padding === "compact" && "py-2.5",
+    textSize === "xs" && "text-xs",
+    textSize === "sm" && "text-sm",
+    tone === "soft" && "text-foreground/80",
+    position === "relative" && "relative",
+    justify === "between" && "justify-between gap-3",
+    align === "center" && "items-center",
+    align === "baseline" && "items-baseline",
+    gap === "xs" && "gap-1.5",
+    gap === "sm" && "gap-2",
+    interactiveGroup && "group",
+    radius === "md" && "rounded-md",
+    accent === "success" && "border-l-2 border-emerald-500 bg-emerald-500/5",
+    accent === "destructive" && "border-l-2 border-red-500 bg-red-500/5",
+    className
+  ), ...props });
+});
+export {
+  List,
+  ListItem
+};

package/dist/primitives/load-more-button.cjs

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use client";
+
+
+var _chunkFNDBM67Kcjs = require('../chunk-FNDBM67K.cjs');
+require('../chunk-L4DH72UF.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+exports.LoadMoreButton = _chunkFNDBM67Kcjs.LoadMoreButton;

package/dist/primitives/load-more-button.d.cts

@@ -0,0 +1,42 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface LoadMoreButtonProps {
+    /**
+     * Called when the user taps the button. Wire to a server action /
+     * fetch that appends the next page to your list.
+     */
+    onClick: () => void;
+    /**
+     * False once every page has been fetched — renders a muted "all
+     * caught up" line instead of the button so the user knows they've
+     * hit the end. Pass `true` while you don't know yet (until the
+     * first response comes back).
+     */
+    hasMore: boolean;
+    /** In-flight indicator while the next page is being fetched. */
+    loading?: boolean;
+    label?: ReactNode;
+    loadingLabel?: ReactNode;
+    /** Shown when `hasMore` is false. */
+    doneLabel?: ReactNode;
+    /** Optional total count shown next to the done label ("42 of 42"). */
+    totalLoaded?: number;
+    totalCount?: number;
+    className?: string;
+}
+/**
+ * Cursor-paginated "load more" footer for any list. Decoupled from
+ * the data layer — the parent owns fetching and appending. Two
+ * states:
+ *
+ *   - hasMore=true → a wide outline button ("Load 25 more" / "Loading…")
+ *   - hasMore=false → a muted centred line ("All caught up · 42 events")
+ *
+ * Drop one below any list (kit's `ResourceList` consumes it via the
+ * `loadMore` prop). Owns its own visual rhythm: `mt-4`, centred,
+ * full width on mobile so the tap target is comfortable.
+ */
+declare function LoadMoreButton({ onClick, hasMore, loading, label, loadingLabel, doneLabel, totalLoaded, totalCount, className, }: LoadMoreButtonProps): react_jsx_runtime.JSX.Element;
+
+export { LoadMoreButton, type LoadMoreButtonProps };

package/dist/primitives/load-more-button.d.ts

@@ -0,0 +1,42 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface LoadMoreButtonProps {
+    /**
+     * Called when the user taps the button. Wire to a server action /
+     * fetch that appends the next page to your list.
+     */
+    onClick: () => void;
+    /**
+     * False once every page has been fetched — renders a muted "all
+     * caught up" line instead of the button so the user knows they've
+     * hit the end. Pass `true` while you don't know yet (until the
+     * first response comes back).
+     */
+    hasMore: boolean;
+    /** In-flight indicator while the next page is being fetched. */
+    loading?: boolean;
+    label?: ReactNode;
+    loadingLabel?: ReactNode;
+    /** Shown when `hasMore` is false. */
+    doneLabel?: ReactNode;
+    /** Optional total count shown next to the done label ("42 of 42"). */
+    totalLoaded?: number;
+    totalCount?: number;
+    className?: string;
+}
+/**
+ * Cursor-paginated "load more" footer for any list. Decoupled from
+ * the data layer — the parent owns fetching and appending. Two
+ * states:
+ *
+ *   - hasMore=true → a wide outline button ("Load 25 more" / "Loading…")
+ *   - hasMore=false → a muted centred line ("All caught up · 42 events")
+ *
+ * Drop one below any list (kit's `ResourceList` consumes it via the
+ * `loadMore` prop). Owns its own visual rhythm: `mt-4`, centred,
+ * full width on mobile so the tap target is comfortable.
+ */
+declare function LoadMoreButton({ onClick, hasMore, loading, label, loadingLabel, doneLabel, totalLoaded, totalCount, className, }: LoadMoreButtonProps): react_jsx_runtime.JSX.Element;
+
+export { LoadMoreButton, type LoadMoreButtonProps };

package/dist/primitives/load-more-button.js

@@ -0,0 +1,10 @@
+"use client";
+"use client";
+import {
+  LoadMoreButton
+} from "../chunk-J3GQXM37.js";
+import "../chunk-HQRWRRZJ.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  LoadMoreButton
+};

package/dist/primitives/loading.cjs

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+// src/primitives/loading.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function Loading() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-screen items-center justify-center bg-background", children: "Loading..." });
+}
+
+
+exports.Loading = Loading;

package/dist/primitives/loading.d.cts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function Loading(): react_jsx_runtime.JSX.Element;
+
+export { Loading };

package/dist/primitives/loading.d.ts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function Loading(): react_jsx_runtime.JSX.Element;
+
+export { Loading };

package/dist/primitives/loading.js

@@ -0,0 +1,10 @@
+"use client";
+
+// src/primitives/loading.tsx
+import { jsx } from "react/jsx-runtime";
+function Loading() {
+  return /* @__PURE__ */ jsx("div", { className: "flex min-h-screen items-center justify-center bg-background", children: "Loading..." });
+}
+export {
+  Loading
+};

package/dist/primitives/message.cjs

@@ -0,0 +1,95 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/message.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function MessageGroup({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "message-group",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, "cn-message-group flex min-w-0 flex-col", className),
+      ...props
+    }
+  );
+}
+function Message({
+  className,
+  align = "start",
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "message",
+      "data-align": align,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "cn-message group/message relative flex w-full min-w-0 data-[align=end]:flex-row-reverse",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MessageAvatar({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "message-avatar",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "cn-message-avatar flex w-fit shrink-0 items-center justify-center self-end overflow-hidden rounded-full bg-muted",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MessageContent({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "message-content",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "cn-message-content flex w-full min-w-0 flex-col wrap-break-word",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MessageHeader({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "message-header",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "cn-message-header flex max-w-full min-w-0 items-center",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MessageFooter({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "message-footer",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "cn-message-footer flex max-w-full min-w-0 items-center group-data-[align=end]/message:justify-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+
+
+
+
+
+
+exports.Message = Message; exports.MessageAvatar = MessageAvatar; exports.MessageContent = MessageContent; exports.MessageFooter = MessageFooter; exports.MessageGroup = MessageGroup; exports.MessageHeader = MessageHeader;

package/dist/primitives/message.d.cts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+declare function MessageGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function Message({ className, align, ...props }: React.ComponentProps<"div"> & {
+    align?: "start" | "end";
+}): react_jsx_runtime.JSX.Element;
+declare function MessageAvatar({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function MessageContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function MessageHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function MessageFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+export { Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader };

package/dist/primitives/message.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+declare function MessageGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function Message({ className, align, ...props }: React.ComponentProps<"div"> & {
+    align?: "start" | "end";
+}): react_jsx_runtime.JSX.Element;
+declare function MessageAvatar({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function MessageContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function MessageHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function MessageFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+export { Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader };

package/dist/primitives/message.js

@@ -0,0 +1,95 @@
+"use client";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/message.tsx
+import { jsx } from "react/jsx-runtime";
+function MessageGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "message-group",
+      className: cn("cn-message-group flex min-w-0 flex-col", className),
+      ...props
+    }
+  );
+}
+function Message({
+  className,
+  align = "start",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "message",
+      "data-align": align,
+      className: cn(
+        "cn-message group/message relative flex w-full min-w-0 data-[align=end]:flex-row-reverse",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MessageAvatar({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "message-avatar",
+      className: cn(
+        "cn-message-avatar flex w-fit shrink-0 items-center justify-center self-end overflow-hidden rounded-full bg-muted",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MessageContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "message-content",
+      className: cn(
+        "cn-message-content flex w-full min-w-0 flex-col wrap-break-word",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MessageHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "message-header",
+      className: cn(
+        "cn-message-header flex max-w-full min-w-0 items-center",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MessageFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "message-footer",
+      className: cn(
+        "cn-message-footer flex max-w-full min-w-0 items-center group-data-[align=end]/message:justify-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  Message,
+  MessageAvatar,
+  MessageContent,
+  MessageFooter,
+  MessageGroup,
+  MessageHeader
+};

package/dist/primitives/native-select.cjs

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/native-select.tsx
+var _react = require('react');
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+var NativeSelect = _react.forwardRef.call(void 0, 
+  function NativeSelect2({ className, children, options, ...props }, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "relative block", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "select",
+        {
+          ref,
+          className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+            "flex h-10 w-full appearance-none rounded-md border border-input bg-background px-3 py-2 pr-9 text-[16px] md:text-sm",
+            "ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+            "disabled:cursor-not-allowed disabled:opacity-50",
+            className
+          ),
+          ...props,
+          children: options ? options.map((option) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", { value: option.value, disabled: option.disabled, children: option.label }, option.value)) : children
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronDown, { "aria-hidden": true, className: "pointer-events-none absolute right-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" })
+    ] });
+  }
+);
+
+
+exports.NativeSelect = NativeSelect;

package/dist/primitives/native-select.d.cts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { SelectHTMLAttributes } from 'react';
+
+interface NativeSelectOption {
+    value: string | number;
+    label: string;
+    disabled?: boolean;
+}
+interface NativeSelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
+    options?: NativeSelectOption[];
+}
+/** Native select control for imperative or non-React option management. */
+declare const NativeSelect: React.ForwardRefExoticComponent<NativeSelectProps & React.RefAttributes<HTMLSelectElement>>;
+
+export { NativeSelect, type NativeSelectOption, type NativeSelectProps };

package/dist/primitives/native-select.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { SelectHTMLAttributes } from 'react';
+
+interface NativeSelectOption {
+    value: string | number;
+    label: string;
+    disabled?: boolean;
+}
+interface NativeSelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
+    options?: NativeSelectOption[];
+}
+/** Native select control for imperative or non-React option management. */
+declare const NativeSelect: React.ForwardRefExoticComponent<NativeSelectProps & React.RefAttributes<HTMLSelectElement>>;
+
+export { NativeSelect, type NativeSelectOption, type NativeSelectProps };

package/dist/primitives/native-select.js

@@ -0,0 +1,33 @@
+"use client";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/native-select.tsx
+import { forwardRef } from "react";
+import { ChevronDown } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var NativeSelect = forwardRef(
+  function NativeSelect2({ className, children, options, ...props }, ref) {
+    return /* @__PURE__ */ jsxs("span", { className: "relative block", children: [
+      /* @__PURE__ */ jsx(
+        "select",
+        {
+          ref,
+          className: cn(
+            "flex h-10 w-full appearance-none rounded-md border border-input bg-background px-3 py-2 pr-9 text-[16px] md:text-sm",
+            "ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+            "disabled:cursor-not-allowed disabled:opacity-50",
+            className
+          ),
+          ...props,
+          children: options ? options.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, disabled: option.disabled, children: option.label }, option.value)) : children
+        }
+      ),
+      /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": true, className: "pointer-events-none absolute right-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" })
+    ] });
+  }
+);
+export {
+  NativeSelect
+};

package/dist/primitives/page-header-actions.cjs

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use client";
+
+
+var _chunkWQJKUKBLcjs = require('../chunk-WQJKUKBL.cjs');
+require('../chunk-ZAITUDYD.cjs');
+require('../chunk-L4DH72UF.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+exports.PageHeaderActions = _chunkWQJKUKBLcjs.PageHeaderActions;

package/dist/primitives/page-header-actions.d.cts

@@ -0,0 +1,49 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { ButtonProps } from './button.cjs';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+interface PageHeaderAction {
+    /** Stable identity used when rendering the action in both layouts. */
+    id: string;
+    label: ReactNode;
+    icon?: ReactNode;
+    onSelect?: () => void;
+    /** Optional nested actions. Desktop renders a menu button; mobile nests it inside Actions. */
+    items?: PageHeaderAction[];
+    /** Optional supporting copy shown when the action appears in a menu. */
+    description?: ReactNode;
+    disabled?: boolean;
+    /** Button treatment used in the expanded desktop layout. */
+    variant?: ButtonProps["variant"];
+    /**
+     * Visual hierarchy in the expanded desktop layout. Primary actions are
+     * always placed at the far right. When omitted, hierarchy is inferred from
+     * the button variant.
+     */
+    priority?: "primary" | "secondary" | "tertiary";
+    /** Semantic treatment used in the collapsed mobile menu. */
+    tone?: "default" | "muted" | "destructive";
+    /** Visually separates destructive or lower-priority actions in the menu. */
+    separatorBefore?: boolean;
+    title?: string;
+}
+interface PageHeaderActionsProps {
+    actions: PageHeaderAction[];
+    /** Visible label for the collapsed mobile trigger. */
+    mobileLabel?: ReactNode;
+    /** Accessible label when `mobileLabel` is not plain text. */
+    mobileAriaLabel?: string;
+    className?: string;
+}
+/**
+ * Responsive action cluster designed for `PageHeader`.
+ *
+ * Desktop keeps every action visible for fast scanning. Mobile collapses the
+ * same action definitions into one menu so page titles retain useful space.
+ * Status and other non-interactive metadata should remain beside the title.
+ */
+declare function PageHeaderActions({ actions, mobileLabel, mobileAriaLabel, className, }: PageHeaderActionsProps): react_jsx_runtime.JSX.Element | null;
+
+export { type PageHeaderAction, PageHeaderActions, type PageHeaderActionsProps };