@epicbagel/saas-kit 0.0.0-stage → 1.0.0

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

@@ -0,0 +1,95 @@
+"use client";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger
+} from "../chunk-V4LE2HWP.js";
+import {
+  Button
+} from "../chunk-HQRWRRZJ.js";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/split-action-button.tsx
+import { forwardRef } from "react";
+import { ChevronDown } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var SplitActionButton = forwardRef(function SplitActionButton2({
+  label,
+  icon,
+  variant,
+  size = "sm",
+  onAction,
+  items,
+  onSelect,
+  menuLabel,
+  customLabel,
+  onCustom,
+  chevronAriaLabel = "More options",
+  className,
+  disabled
+}, ref) {
+  return /* @__PURE__ */ jsxs("div", { ref, className: cn("inline-flex items-stretch", className), children: [
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        size,
+        variant,
+        className: "flex-1 rounded-r-none",
+        disabled,
+        onClick: (e) => {
+          e.stopPropagation();
+          onAction();
+        },
+        children: [
+          icon,
+          label
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          size,
+          variant,
+          disabled,
+          className: "rounded-l-none border-l border-l-foreground/10 px-1.5",
+          onClick: (e) => e.stopPropagation(),
+          "aria-label": chevronAriaLabel,
+          children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-3.5 w-3.5" })
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "w-[260px]", onClick: (event) => event.stopPropagation(), children: [
+        menuLabel && /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "text-[10px] uppercase tracking-wider", children: menuLabel }),
+        items.map((item) => /* @__PURE__ */ jsx(
+          DropdownMenuItem,
+          {
+            onSelect: () => onSelect(item.value),
+            className: "text-xs",
+            children: item.label
+          },
+          item.value
+        )),
+        onCustom && /* @__PURE__ */ jsxs(Fragment, { children: [
+          items.length > 0 && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+          /* @__PURE__ */ jsx(
+            DropdownMenuItem,
+            {
+              onSelect: onCustom,
+              className: "text-xs text-muted-foreground",
+              children: customLabel ?? "Custom\u2026"
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+});
+export {
+  SplitActionButton
+};

package/dist/primitives/stack.cjs

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

package/dist/primitives/stack.d.cts

@@ -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.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 };