@epicbagel/saas-kit 0.0.0-stage → 1.1.0

package/dist/primitives/stack.d.ts

@@ -0,0 +1,63 @@
+import * as React from 'react';
+import { HTMLAttributes, ElementType } from 'react';
+
+/**
+ * Stack — flex container with a canonical gap scale.
+ *
+ * Consumers stop guessing between `gap-2`, `gap-3`, `gap-4`, etc.
+ * Five sizes map to the shared spacing scale from no gap through large.
+ */
+type StackGap = "none" | "xs" | "sm" | "compact" | "md" | "lg";
+type StackDirection = "vertical" | "horizontal";
+interface StackProps extends HTMLAttributes<HTMLElement> {
+    gap?: StackGap;
+    direction?: StackDirection;
+    reverse?: boolean;
+    /** Cross-axis alignment (defaults to stretch). */
+    align?: "start" | "center" | "end" | "stretch" | "baseline";
+    /** Main-axis distribution. */
+    justify?: "start" | "center" | "end" | "between";
+    /** Allow children to wrap onto additional lines. */
+    wrap?: boolean;
+    grow?: boolean;
+    shrink?: boolean;
+    minWidth?: "auto" | "zero";
+    minHeight?: "auto" | "zero";
+    height?: "auto" | "full";
+    overflow?: "visible" | "hidden" | "auto" | "x-auto" | "y-auto";
+    marginTop?: "none" | "xs" | "sm" | "md" | "lg";
+    marginBottom?: "none" | "md" | "lg";
+    marginEnd?: "none" | "negative-xs";
+    marginStart?: "none" | "auto";
+    overlap?: "none" | "sm";
+    padding?: "none" | "xs" | "sm" | "control" | "compact" | "md" | "lg" | "action-row" | "card-header" | "card-footer";
+    paddingX?: "none" | "md" | "lg";
+    paddingY?: "none" | "sm" | "compact" | "section" | "md" | "lg" | "xl" | "hero";
+    paddingTop?: "none" | "tight" | "md" | "base" | "lg" | "safe";
+    paddingBottom?: "none" | "sm" | "md";
+    border?: "none" | "top" | "bottom" | "dashed";
+    tone?: "inherit" | "muted" | "subtle" | "primary" | "warning" | "destructive";
+    textSize?: "inherit" | "xs" | "sm";
+    surface?: "none" | "background" | "card" | "muted";
+    radius?: "none" | "md" | "lg" | "xl";
+    width?: "auto" | "fit" | "full";
+    textAlign?: "start" | "center";
+    columnGap?: "none" | "md";
+    rowGap?: "none" | "xs";
+    font?: "sans" | "mono";
+    transform?: "none" | "uppercase";
+    tracking?: "normal" | "wide";
+    maxWidth?: "none" | "xl";
+    maxHeight?: "none" | "viewport";
+    centered?: boolean;
+    opacity?: "full" | "soft";
+    interaction?: "none" | "group" | "hover-accent" | "group-hover-accent";
+    selected?: boolean;
+    divided?: boolean;
+    gridSpan?: "auto" | "full";
+    /** Semantic element used for the stack. */
+    as?: ElementType;
+}
+declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLElement>>;
+
+export { Stack };

package/dist/primitives/stack.js

@@ -0,0 +1,8 @@
+"use client";
+import {
+  Stack
+} from "../chunk-6RVPQGYS.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  Stack
+};

package/dist/primitives/status-badge.cjs

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunk2HTYXBDUcjs = require('../chunk-2HTYXBDU.cjs');
+require('../chunk-I6GUOEBO.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+exports.StatusBadge = _chunk2HTYXBDUcjs.StatusBadge;

package/dist/primitives/status-badge.d.cts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+import { Badge } from './badge.cjs';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+type StatusBadgeTone = "neutral" | "active" | "success" | "warning" | "error" | "info";
+interface StatusBadgeProps extends Omit<ComponentProps<typeof Badge>, "variant" | "size" | "padding" | "weight" | "shrink" | "transform"> {
+    /** Semantic status colour; geometry and typography stay fixed. */
+    tone?: StatusBadgeTone;
+}
+/**
+ * A quiet, spacious label for application state.
+ *
+ * Status badges deliberately use smaller type with more inset than generic
+ * badges so short, uppercase labels remain legible without feeling cramped.
+ */
+declare function StatusBadge({ tone, ...props }: StatusBadgeProps): react_jsx_runtime.JSX.Element;
+
+export { StatusBadge, type StatusBadgeProps, type StatusBadgeTone };

package/dist/primitives/status-badge.d.ts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+import { Badge } from './badge.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+type StatusBadgeTone = "neutral" | "active" | "success" | "warning" | "error" | "info";
+interface StatusBadgeProps extends Omit<ComponentProps<typeof Badge>, "variant" | "size" | "padding" | "weight" | "shrink" | "transform"> {
+    /** Semantic status colour; geometry and typography stay fixed. */
+    tone?: StatusBadgeTone;
+}
+/**
+ * A quiet, spacious label for application state.
+ *
+ * Status badges deliberately use smaller type with more inset than generic
+ * badges so short, uppercase labels remain legible without feeling cramped.
+ */
+declare function StatusBadge({ tone, ...props }: StatusBadgeProps): react_jsx_runtime.JSX.Element;
+
+export { StatusBadge, type StatusBadgeProps, type StatusBadgeTone };

package/dist/primitives/status-badge.js

@@ -0,0 +1,9 @@
+"use client";
+import {
+  StatusBadge
+} from "../chunk-GMJWBGTJ.js";
+import "../chunk-D4ZL2OEQ.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  StatusBadge
+};

package/dist/primitives/status-icon-tile.cjs

@@ -0,0 +1,32 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkT2ZFSPE4cjs = require('../chunk-T2ZFSPE4.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/status-icon-tile.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function StatusIconTile({ icon, tone = "neutral", size = "md", className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "span",
+    {
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "mt-0.5 inline-flex shrink-0 items-center justify-center rounded-md",
+        size === "xs" ? "h-6 w-6" : size === "sm" ? "h-7 w-7" : "h-8 w-8",
+        tone === "neutral" && "bg-muted text-muted-foreground",
+        tone === "primary" && "bg-primary text-primary-foreground",
+        tone === "success" && "bg-emerald-100 text-emerald-600 dark:bg-emerald-900/30 dark:text-emerald-400",
+        tone === "warning" && "bg-amber-100 text-amber-600 dark:bg-amber-900/30 dark:text-amber-400",
+        tone === "destructive" && "bg-red-100 text-red-600 dark:bg-red-900/30 dark:text-red-400",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT2ZFSPE4cjs.Icon, { icon, size: size === "xs" ? "sm" : "md" })
+    }
+  );
+}
+
+
+exports.StatusIconTile = StatusIconTile;

package/dist/primitives/status-icon-tile.d.cts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLAttributes, ElementType } from 'react';
+
+interface StatusIconTileProps extends HTMLAttributes<HTMLSpanElement> {
+    icon: ElementType;
+    tone?: "neutral" | "primary" | "success" | "warning" | "destructive";
+    size?: "xs" | "sm" | "md";
+}
+/** Compact semantic icon tile for decisions, statuses, and callouts. */
+declare function StatusIconTile({ icon, tone, size, className, ...props }: StatusIconTileProps): react_jsx_runtime.JSX.Element;
+
+export { StatusIconTile, type StatusIconTileProps };

package/dist/primitives/status-icon-tile.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLAttributes, ElementType } from 'react';
+
+interface StatusIconTileProps extends HTMLAttributes<HTMLSpanElement> {
+    icon: ElementType;
+    tone?: "neutral" | "primary" | "success" | "warning" | "destructive";
+    size?: "xs" | "sm" | "md";
+}
+/** Compact semantic icon tile for decisions, statuses, and callouts. */
+declare function StatusIconTile({ icon, tone, size, className, ...props }: StatusIconTileProps): react_jsx_runtime.JSX.Element;
+
+export { StatusIconTile, type StatusIconTileProps };

package/dist/primitives/status-icon-tile.js

@@ -0,0 +1,32 @@
+"use client";
+import {
+  Icon
+} from "../chunk-KN4RPX35.js";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/status-icon-tile.tsx
+import { jsx } from "react/jsx-runtime";
+function StatusIconTile({ icon, tone = "neutral", size = "md", className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "mt-0.5 inline-flex shrink-0 items-center justify-center rounded-md",
+        size === "xs" ? "h-6 w-6" : size === "sm" ? "h-7 w-7" : "h-8 w-8",
+        tone === "neutral" && "bg-muted text-muted-foreground",
+        tone === "primary" && "bg-primary text-primary-foreground",
+        tone === "success" && "bg-emerald-100 text-emerald-600 dark:bg-emerald-900/30 dark:text-emerald-400",
+        tone === "warning" && "bg-amber-100 text-amber-600 dark:bg-amber-900/30 dark:text-amber-400",
+        tone === "destructive" && "bg-red-100 text-red-600 dark:bg-red-900/30 dark:text-red-400",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(Icon, { icon, size: size === "xs" ? "sm" : "md" })
+    }
+  );
+}
+export {
+  StatusIconTile
+};

package/dist/primitives/status-icon.cjs

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkBGLGRUPPcjs = require('../chunk-BGLGRUPP.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+exports.StatusIcon = _chunkBGLGRUPPcjs.StatusIcon;

package/dist/primitives/status-icon.d.cts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { LucideIcon } from 'lucide-react';
+
+type StatusIconStatus = "completed" | "failed" | "cancelled" | "pending" | "running";
+interface StatusIconProps {
+    /**
+     * Status of the operation. Falls back to the `running` glyph when the
+     * value is unknown, since unknown ≈ in-flight is the safer default for
+     * activity feeds.
+     */
+    status: string;
+    /** Override the icon mapping if a domain needs a different visual. */
+    iconMap?: Partial<Record<StatusIconStatus, LucideIcon>>;
+    className?: string;
+}
+declare function StatusIcon({ status, iconMap, className }: StatusIconProps): react_jsx_runtime.JSX.Element;
+
+export { StatusIcon, type StatusIconProps, type StatusIconStatus };

package/dist/primitives/status-icon.d.ts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { LucideIcon } from 'lucide-react';
+
+type StatusIconStatus = "completed" | "failed" | "cancelled" | "pending" | "running";
+interface StatusIconProps {
+    /**
+     * Status of the operation. Falls back to the `running` glyph when the
+     * value is unknown, since unknown ≈ in-flight is the safer default for
+     * activity feeds.
+     */
+    status: string;
+    /** Override the icon mapping if a domain needs a different visual. */
+    iconMap?: Partial<Record<StatusIconStatus, LucideIcon>>;
+    className?: string;
+}
+declare function StatusIcon({ status, iconMap, className }: StatusIconProps): react_jsx_runtime.JSX.Element;
+
+export { StatusIcon, type StatusIconProps, type StatusIconStatus };

package/dist/primitives/status-icon.js

@@ -0,0 +1,8 @@
+"use client";
+import {
+  StatusIcon
+} from "../chunk-V7542UGX.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  StatusIcon
+};

package/dist/primitives/status-panel.cjs

@@ -0,0 +1,83 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/status-panel.tsx
+
+
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var StatusPanel = _react.forwardRef.call(void 0, 
+  function StatusPanel2({ tone = "neutral", density = "compact", className, ...props }, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        "data-tone": tone,
+        "data-density": density,
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "rounded-lg border text-sm leading-relaxed",
+          density === "compact" && "p-3",
+          density === "roomy" && "p-4",
+          "data-[tone=neutral]:border-border data-[tone=neutral]:bg-muted/40 data-[tone=neutral]:text-muted-foreground",
+          "data-[tone=info]:border-primary/30 data-[tone=info]:bg-primary/5 data-[tone=info]:text-foreground",
+          "data-[tone=success]:border-emerald-500/30 data-[tone=success]:bg-emerald-500/10 data-[tone=success]:text-emerald-800 dark:data-[tone=success]:text-emerald-300",
+          "data-[tone=warning]:border-amber-500/30 data-[tone=warning]:bg-amber-500/10 data-[tone=warning]:text-amber-800 dark:data-[tone=warning]:text-amber-300",
+          "data-[tone=destructive]:border-destructive/40 data-[tone=destructive]:bg-destructive/10 data-[tone=destructive]:text-destructive",
+          "[&_[data-slot=title]]:block [&_[data-slot=title]]:font-semibold",
+          "[&_[data-slot=meta]]:block [&_[data-slot=meta]]:text-current/70",
+          "[&_[data-slot=row]]:flex [&_[data-slot=row]]:items-center",
+          density === "compact" && "[&_[data-slot=meta]]:text-xs [&_[data-slot=row]]:mt-1.5 [&_[data-slot=row]]:gap-2",
+          density === "roomy" && "[&_[data-slot=meta]]:text-sm [&_[data-slot=row]]:gap-4",
+          "[&_[data-slot=label]]:min-w-0 [&_[data-slot=label]]:flex-1 [&_[data-slot=label]]:truncate",
+          "[&_[data-slot=badge]]:shrink-0 [&_[data-slot=badge]]:rounded-md [&_[data-slot=badge]]:border [&_[data-slot=badge]]:px-1.5 [&_[data-slot=badge]]:py-0.5 [&_[data-slot=badge]]:text-[10px] [&_[data-slot=badge]]:font-semibold",
+          "[&_[data-slot=action]]:font-medium [&_[data-slot=action]]:underline [&_[data-slot=action]]:underline-offset-2",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var StatusPanelTitle = _react.forwardRef.call(void 0, 
+  function StatusPanelTitle2(props, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { ref, "data-slot": "title", ...props });
+  }
+);
+var StatusPanelMeta = _react.forwardRef.call(void 0, 
+  function StatusPanelMeta2(props, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { ref, "data-slot": "meta", ...props });
+  }
+);
+var StatusPanelRow = _react.forwardRef.call(void 0, 
+  function StatusPanelRow2(props, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, "data-slot": "row", ...props });
+  }
+);
+var StatusPanelLinkRow = _react.forwardRef.call(void 0, function StatusPanelLinkRow2(props, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "a", { ref, "data-slot": "row", ...props });
+});
+var StatusPanelLabel = _react.forwardRef.call(void 0, 
+  function StatusPanelLabel2(props, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { ref, "data-slot": "label", ...props });
+  }
+);
+var StatusPanelBadge = _react.forwardRef.call(void 0, 
+  function StatusPanelBadge2(props, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { ref, "data-slot": "badge", ...props });
+  }
+);
+var StatusPanelAction = _react.forwardRef.call(void 0, function StatusPanelAction2(props, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "a", { ref, "data-slot": "action", ...props });
+});
+
+
+
+
+
+
+
+
+
+exports.StatusPanel = StatusPanel; exports.StatusPanelAction = StatusPanelAction; exports.StatusPanelBadge = StatusPanelBadge; exports.StatusPanelLabel = StatusPanelLabel; exports.StatusPanelLinkRow = StatusPanelLinkRow; exports.StatusPanelMeta = StatusPanelMeta; exports.StatusPanelRow = StatusPanelRow; exports.StatusPanelTitle = StatusPanelTitle;

package/dist/primitives/status-panel.d.cts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { HTMLAttributes, AnchorHTMLAttributes } from 'react';
+
+type StatusPanelTone = "neutral" | "info" | "success" | "warning" | "destructive";
+interface StatusPanelProps extends HTMLAttributes<HTMLDivElement> {
+    tone?: StatusPanelTone;
+    density?: "compact" | "roomy";
+}
+/**
+ * Status surface whose tone and spacing density are enforced declaratively.
+ * The tone may also be changed through `element.dataset.tone` by imperative
+ * hosts such as browser extensions.
+ */
+declare const StatusPanel: React.ForwardRefExoticComponent<StatusPanelProps & React.RefAttributes<HTMLDivElement>>;
+/** Semantic content slots for StatusPanel. They keep constrained/imperative
+ * hosts declarative without asking consumers to reproduce its internal markup. */
+declare const StatusPanelTitle: React.ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
+declare const StatusPanelMeta: React.ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
+declare const StatusPanelRow: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const StatusPanelLinkRow: React.ForwardRefExoticComponent<AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
+declare const StatusPanelLabel: React.ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
+declare const StatusPanelBadge: React.ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
+declare const StatusPanelAction: React.ForwardRefExoticComponent<AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
+
+export { StatusPanel, StatusPanelAction, StatusPanelBadge, StatusPanelLabel, StatusPanelLinkRow, StatusPanelMeta, type StatusPanelProps, StatusPanelRow, StatusPanelTitle, type StatusPanelTone };

package/dist/primitives/status-panel.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { HTMLAttributes, AnchorHTMLAttributes } from 'react';
+
+type StatusPanelTone = "neutral" | "info" | "success" | "warning" | "destructive";
+interface StatusPanelProps extends HTMLAttributes<HTMLDivElement> {
+    tone?: StatusPanelTone;
+    density?: "compact" | "roomy";
+}
+/**
+ * Status surface whose tone and spacing density are enforced declaratively.
+ * The tone may also be changed through `element.dataset.tone` by imperative
+ * hosts such as browser extensions.
+ */
+declare const StatusPanel: React.ForwardRefExoticComponent<StatusPanelProps & React.RefAttributes<HTMLDivElement>>;
+/** Semantic content slots for StatusPanel. They keep constrained/imperative
+ * hosts declarative without asking consumers to reproduce its internal markup. */
+declare const StatusPanelTitle: React.ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
+declare const StatusPanelMeta: React.ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
+declare const StatusPanelRow: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const StatusPanelLinkRow: React.ForwardRefExoticComponent<AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
+declare const StatusPanelLabel: React.ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
+declare const StatusPanelBadge: React.ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
+declare const StatusPanelAction: React.ForwardRefExoticComponent<AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
+
+export { StatusPanel, StatusPanelAction, StatusPanelBadge, StatusPanelLabel, StatusPanelLinkRow, StatusPanelMeta, type StatusPanelProps, StatusPanelRow, StatusPanelTitle, type StatusPanelTone };

package/dist/primitives/status-panel.js

@@ -0,0 +1,83 @@
+"use client";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/status-panel.tsx
+import {
+  forwardRef
+} from "react";
+import { jsx } from "react/jsx-runtime";
+var StatusPanel = forwardRef(
+  function StatusPanel2({ tone = "neutral", density = "compact", className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-tone": tone,
+        "data-density": density,
+        className: cn(
+          "rounded-lg border text-sm leading-relaxed",
+          density === "compact" && "p-3",
+          density === "roomy" && "p-4",
+          "data-[tone=neutral]:border-border data-[tone=neutral]:bg-muted/40 data-[tone=neutral]:text-muted-foreground",
+          "data-[tone=info]:border-primary/30 data-[tone=info]:bg-primary/5 data-[tone=info]:text-foreground",
+          "data-[tone=success]:border-emerald-500/30 data-[tone=success]:bg-emerald-500/10 data-[tone=success]:text-emerald-800 dark:data-[tone=success]:text-emerald-300",
+          "data-[tone=warning]:border-amber-500/30 data-[tone=warning]:bg-amber-500/10 data-[tone=warning]:text-amber-800 dark:data-[tone=warning]:text-amber-300",
+          "data-[tone=destructive]:border-destructive/40 data-[tone=destructive]:bg-destructive/10 data-[tone=destructive]:text-destructive",
+          "[&_[data-slot=title]]:block [&_[data-slot=title]]:font-semibold",
+          "[&_[data-slot=meta]]:block [&_[data-slot=meta]]:text-current/70",
+          "[&_[data-slot=row]]:flex [&_[data-slot=row]]:items-center",
+          density === "compact" && "[&_[data-slot=meta]]:text-xs [&_[data-slot=row]]:mt-1.5 [&_[data-slot=row]]:gap-2",
+          density === "roomy" && "[&_[data-slot=meta]]:text-sm [&_[data-slot=row]]:gap-4",
+          "[&_[data-slot=label]]:min-w-0 [&_[data-slot=label]]:flex-1 [&_[data-slot=label]]:truncate",
+          "[&_[data-slot=badge]]:shrink-0 [&_[data-slot=badge]]:rounded-md [&_[data-slot=badge]]:border [&_[data-slot=badge]]:px-1.5 [&_[data-slot=badge]]:py-0.5 [&_[data-slot=badge]]:text-[10px] [&_[data-slot=badge]]:font-semibold",
+          "[&_[data-slot=action]]:font-medium [&_[data-slot=action]]:underline [&_[data-slot=action]]:underline-offset-2",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var StatusPanelTitle = forwardRef(
+  function StatusPanelTitle2(props, ref) {
+    return /* @__PURE__ */ jsx("span", { ref, "data-slot": "title", ...props });
+  }
+);
+var StatusPanelMeta = forwardRef(
+  function StatusPanelMeta2(props, ref) {
+    return /* @__PURE__ */ jsx("span", { ref, "data-slot": "meta", ...props });
+  }
+);
+var StatusPanelRow = forwardRef(
+  function StatusPanelRow2(props, ref) {
+    return /* @__PURE__ */ jsx("div", { ref, "data-slot": "row", ...props });
+  }
+);
+var StatusPanelLinkRow = forwardRef(function StatusPanelLinkRow2(props, ref) {
+  return /* @__PURE__ */ jsx("a", { ref, "data-slot": "row", ...props });
+});
+var StatusPanelLabel = forwardRef(
+  function StatusPanelLabel2(props, ref) {
+    return /* @__PURE__ */ jsx("span", { ref, "data-slot": "label", ...props });
+  }
+);
+var StatusPanelBadge = forwardRef(
+  function StatusPanelBadge2(props, ref) {
+    return /* @__PURE__ */ jsx("span", { ref, "data-slot": "badge", ...props });
+  }
+);
+var StatusPanelAction = forwardRef(function StatusPanelAction2(props, ref) {
+  return /* @__PURE__ */ jsx("a", { ref, "data-slot": "action", ...props });
+});
+export {
+  StatusPanel,
+  StatusPanelAction,
+  StatusPanelBadge,
+  StatusPanelLabel,
+  StatusPanelLinkRow,
+  StatusPanelMeta,
+  StatusPanelRow,
+  StatusPanelTitle
+};

package/dist/primitives/suggestion.cjs

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

package/dist/primitives/suggestion.d.cts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { Button } from './button.cjs';
+
+declare const suggestionsVariants: (props?: ({
+    layout?: "grid" | "row" | "wrap" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Suggestions({ className, layout, ...props }: React.ComponentProps<"div"> & VariantProps<typeof suggestionsVariants>): react_jsx_runtime.JSX.Element;
+type SuggestionProps = Omit<React.ComponentProps<typeof Button>, "onClick"> & {
+    /** The prompt. It is the label too, unless children are given. */
+    suggestion: string;
+    /** Called with `suggestion` when the button is pressed. */
+    onClick?: (suggestion: string) => void;
+};
+declare function Suggestion({ suggestion, onClick, className, children, type, variant, size, ...props }: SuggestionProps): react_jsx_runtime.JSX.Element;
+
+export { Suggestion, type SuggestionProps, Suggestions };

package/dist/primitives/suggestion.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { Button } from './button.js';
+
+declare const suggestionsVariants: (props?: ({
+    layout?: "grid" | "row" | "wrap" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Suggestions({ className, layout, ...props }: React.ComponentProps<"div"> & VariantProps<typeof suggestionsVariants>): react_jsx_runtime.JSX.Element;
+type SuggestionProps = Omit<React.ComponentProps<typeof Button>, "onClick"> & {
+    /** The prompt. It is the label too, unless children are given. */
+    suggestion: string;
+    /** Called with `suggestion` when the button is pressed. */
+    onClick?: (suggestion: string) => void;
+};
+declare function Suggestion({ suggestion, onClick, className, children, type, variant, size, ...props }: SuggestionProps): react_jsx_runtime.JSX.Element;
+
+export { Suggestion, type SuggestionProps, Suggestions };

package/dist/primitives/suggestion.js

@@ -0,0 +1,11 @@
+"use client";
+import {
+  Suggestion,
+  Suggestions
+} from "../chunk-THWIJG5C.js";
+import "../chunk-HQRWRRZJ.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  Suggestion,
+  Suggestions
+};

package/dist/primitives/switch-field.cjs

@@ -0,0 +1,44 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunk2XDFTB2Wcjs = require('../chunk-2XDFTB2W.cjs');
+
+
+var _chunkR3DQS6U4cjs = require('../chunk-R3DQS6U4.cjs');
+
+
+var _chunk373W6VADcjs = require('../chunk-373W6VAD.cjs');
+
+
+var _chunkIQZLUT2Ycjs = require('../chunk-IQZLUT2Y.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/switch-field.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function SwitchField({
+  id,
+  label,
+  description,
+  className,
+  variant = "card",
+  align = "start",
+  ...switchProps
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkR3DQS6U4cjs.Card, { className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+    "flex justify-between gap-4",
+    variant === "card" ? "p-3" : "border-0 bg-transparent p-0 shadow-none",
+    align === "start" ? "items-start" : "items-center",
+    className
+  ), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-w-0 space-y-1", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIQZLUT2Ycjs.Label, { htmlFor: id, children: label }),
+      description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk373W6VADcjs.Text, { variant: "muted", className: "text-xs", children: description })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XDFTB2Wcjs.Switch, { id, className: "shrink-0", ...switchProps })
+  ] });
+}
+
+
+exports.SwitchField = SwitchField;

package/dist/primitives/switch-field.d.cts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps, ReactNode } from 'react';
+import { Switch } from './switch.cjs';
+import '@radix-ui/react-switch';
+
+interface SwitchFieldProps extends Omit<ComponentProps<typeof Switch>, "id"> {
+    id: string;
+    label: ReactNode;
+    description?: ReactNode;
+    className?: string;
+    variant?: "card" | "inline";
+    align?: "start" | "center";
+}
+/** A consistently labelled switch row for forms and settings surfaces. */
+declare function SwitchField({ id, label, description, className, variant, align, ...switchProps }: SwitchFieldProps): react_jsx_runtime.JSX.Element;
+
+export { SwitchField, type SwitchFieldProps };