@epicbagel/saas-kit 0.0.0-stage → 1.1.0

package/dist/primitives/checkbox.cjs

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

package/dist/primitives/checkbox.d.cts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+
+type CheckboxProps = ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> & {
+    /**
+     * Visual shape. `square` (default) is the standard form checkbox; `circle`
+     * suits to-do / completion toggles where a round tick reads better.
+     */
+    shape?: "square" | "circle";
+};
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    /**
+     * Visual shape. `square` (default) is the standard form checkbox; `circle`
+     * suits to-do / completion toggles where a round tick reads better.
+     */
+    shape?: "square" | "circle";
+} & React.RefAttributes<HTMLButtonElement>>;
+
+export { Checkbox, type CheckboxProps };

package/dist/primitives/checkbox.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+
+type CheckboxProps = ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> & {
+    /**
+     * Visual shape. `square` (default) is the standard form checkbox; `circle`
+     * suits to-do / completion toggles where a round tick reads better.
+     */
+    shape?: "square" | "circle";
+};
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    /**
+     * Visual shape. `square` (default) is the standard form checkbox; `circle`
+     * suits to-do / completion toggles where a round tick reads better.
+     */
+    shape?: "square" | "circle";
+} & React.RefAttributes<HTMLButtonElement>>;
+
+export { Checkbox, type CheckboxProps };

package/dist/primitives/checkbox.js

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

package/dist/primitives/chip-tabs.cjs

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkKGFL3VWYcjs = require('../chunk-KGFL3VWY.cjs');
+require('../chunk-VGTINL5Q.cjs');
+require('../chunk-I6GUOEBO.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+exports.ChipTabs = _chunkKGFL3VWYcjs.ChipTabs;

package/dist/primitives/chip-tabs.d.cts

@@ -0,0 +1,39 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface ChipTabItem {
+    id: string;
+    label: ReactNode;
+    /** Optional count rendered after the label in a neutral count badge. */
+    count?: number;
+    /** Optional leading icon. */
+    icon?: ReactNode;
+}
+interface ChipTabsProps {
+    items: ChipTabItem[];
+    /** The currently-selected chip id. */
+    value: string;
+    onChange: (id: string) => void;
+    /** Visual density. Defaults to `sm`. `md` is a roomier, touch-friendly
+     *  size for primary tab strips (bigger hit area + breathing room). */
+    size?: "xs" | "sm" | "md";
+    /** `outline` is clearer on large editorial and onboarding surfaces. */
+    variant?: "soft" | "outline";
+    /** Optional trailing slot — actions / "Save current" buttons. */
+    trailing?: ReactNode;
+    className?: string;
+    marginBottom?: "none" | "lg";
+    placement?: "inline" | "panel";
+    disabled?: boolean;
+    /** Visually guides attention to one option without selecting it. */
+    guidedValue?: string;
+}
+/**
+ * Pill-style tab strip — toggle row of chips with active/inactive states
+ * and an optional trailing actions slot. Distinct from `Tabs` (which
+ * uses an underlined trigger row for page-level navigation). Use this
+ * for compact filter / view selectors inside popovers, sidebars, etc.
+ */
+declare function ChipTabs({ items, value, onChange, size, variant, trailing, className, marginBottom, placement, disabled, guidedValue, }: ChipTabsProps): react_jsx_runtime.JSX.Element;
+
+export { type ChipTabItem, ChipTabs, type ChipTabsProps };

package/dist/primitives/chip-tabs.d.ts

@@ -0,0 +1,39 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface ChipTabItem {
+    id: string;
+    label: ReactNode;
+    /** Optional count rendered after the label in a neutral count badge. */
+    count?: number;
+    /** Optional leading icon. */
+    icon?: ReactNode;
+}
+interface ChipTabsProps {
+    items: ChipTabItem[];
+    /** The currently-selected chip id. */
+    value: string;
+    onChange: (id: string) => void;
+    /** Visual density. Defaults to `sm`. `md` is a roomier, touch-friendly
+     *  size for primary tab strips (bigger hit area + breathing room). */
+    size?: "xs" | "sm" | "md";
+    /** `outline` is clearer on large editorial and onboarding surfaces. */
+    variant?: "soft" | "outline";
+    /** Optional trailing slot — actions / "Save current" buttons. */
+    trailing?: ReactNode;
+    className?: string;
+    marginBottom?: "none" | "lg";
+    placement?: "inline" | "panel";
+    disabled?: boolean;
+    /** Visually guides attention to one option without selecting it. */
+    guidedValue?: string;
+}
+/**
+ * Pill-style tab strip — toggle row of chips with active/inactive states
+ * and an optional trailing actions slot. Distinct from `Tabs` (which
+ * uses an underlined trigger row for page-level navigation). Use this
+ * for compact filter / view selectors inside popovers, sidebars, etc.
+ */
+declare function ChipTabs({ items, value, onChange, size, variant, trailing, className, marginBottom, placement, disabled, guidedValue, }: ChipTabsProps): react_jsx_runtime.JSX.Element;
+
+export { type ChipTabItem, ChipTabs, type ChipTabsProps };

package/dist/primitives/chip-tabs.js

@@ -0,0 +1,10 @@
+"use client";
+import {
+  ChipTabs
+} from "../chunk-QD63LB2F.js";
+import "../chunk-H7TETFLB.js";
+import "../chunk-D4ZL2OEQ.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  ChipTabs
+};

package/dist/primitives/code-block.cjs

@@ -0,0 +1,56 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkVKIGJNJRcjs = require('../chunk-VKIGJNJR.cjs');
+require('../chunk-L4DH72UF.cjs');
+require('../chunk-4LXN6GLZ.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/code-block.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var HEIGHTS = {
+  none: "",
+  sm: "max-h-40 overflow-y-auto",
+  md: "max-h-64 overflow-y-auto",
+  lg: "max-h-96 overflow-y-auto",
+  viewport: "min-h-[55vh] max-h-[65vh] overflow-y-auto"
+};
+function CodeBlock({
+  children,
+  copy,
+  copyLabel,
+  wrap = false,
+  maxHeight = "none",
+  className
+}) {
+  const copyText = typeof copy === "string" ? copy : children;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "relative", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "pre",
+      {
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "rounded-md border border-border bg-muted/40 p-3 font-mono text-xs leading-relaxed",
+          wrap ? "whitespace-pre-wrap break-words" : "overflow-x-auto",
+          HEIGHTS[maxHeight],
+          copy ? "pr-12" : void 0
+        ),
+        children
+      }
+    ),
+    copy ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkVKIGJNJRcjs.CopyButton,
+      {
+        text: copyText,
+        label: copyLabel,
+        size: "sm",
+        variant: "ghost",
+        className: "absolute right-1.5 top-1.5"
+      }
+    ) : null
+  ] });
+}
+
+
+exports.CodeBlock = CodeBlock;

package/dist/primitives/code-block.d.cts

@@ -0,0 +1,35 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+type CodeBlockHeight = "none" | "sm" | "md" | "lg" | "viewport";
+interface CodeBlockProps {
+    /** The text. A string so it can also be handed to the copy button. */
+    children: string;
+    /**
+     * Show a copy button in the top-right. Pass a string to copy something
+     * other than what is displayed — a command without its shell prompt, say.
+     */
+    copy?: boolean | string;
+    /** Label on the copy button. Omit for icon-only. */
+    copyLabel?: ReactNode;
+    /**
+     * Wrap long lines instead of scrolling sideways. On for prose a person is
+     * meant to read (a prompt), off for commands, where a wrapped line is
+     * easy to mis-copy.
+     */
+    wrap?: boolean;
+    /** Cap the height and scroll inside. Defaults to `none`. */
+    maxHeight?: CodeBlockHeight;
+    className?: string;
+}
+/**
+ * A block of code, a command, or a prompt to be copied.
+ *
+ * Exists because three primitives had each hand-rolled the same `<pre>` with
+ * a slightly different set of classes, and every app consuming the kit had
+ * done it again — which is how a design system ends up with four kinds of
+ * code block that nobody chose between.
+ */
+declare function CodeBlock({ children, copy, copyLabel, wrap, maxHeight, className, }: CodeBlockProps): react_jsx_runtime.JSX.Element;
+
+export { CodeBlock, type CodeBlockHeight, type CodeBlockProps };

package/dist/primitives/code-block.d.ts

@@ -0,0 +1,35 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+type CodeBlockHeight = "none" | "sm" | "md" | "lg" | "viewport";
+interface CodeBlockProps {
+    /** The text. A string so it can also be handed to the copy button. */
+    children: string;
+    /**
+     * Show a copy button in the top-right. Pass a string to copy something
+     * other than what is displayed — a command without its shell prompt, say.
+     */
+    copy?: boolean | string;
+    /** Label on the copy button. Omit for icon-only. */
+    copyLabel?: ReactNode;
+    /**
+     * Wrap long lines instead of scrolling sideways. On for prose a person is
+     * meant to read (a prompt), off for commands, where a wrapped line is
+     * easy to mis-copy.
+     */
+    wrap?: boolean;
+    /** Cap the height and scroll inside. Defaults to `none`. */
+    maxHeight?: CodeBlockHeight;
+    className?: string;
+}
+/**
+ * A block of code, a command, or a prompt to be copied.
+ *
+ * Exists because three primitives had each hand-rolled the same `<pre>` with
+ * a slightly different set of classes, and every app consuming the kit had
+ * done it again — which is how a design system ends up with four kinds of
+ * code block that nobody chose between.
+ */
+declare function CodeBlock({ children, copy, copyLabel, wrap, maxHeight, className, }: CodeBlockProps): react_jsx_runtime.JSX.Element;
+
+export { CodeBlock, type CodeBlockHeight, type CodeBlockProps };

package/dist/primitives/code-block.js

@@ -0,0 +1,56 @@
+"use client";
+import {
+  CopyButton
+} from "../chunk-NW3OWKBN.js";
+import "../chunk-HQRWRRZJ.js";
+import "../chunk-ZWZAAGQF.js";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/code-block.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var HEIGHTS = {
+  none: "",
+  sm: "max-h-40 overflow-y-auto",
+  md: "max-h-64 overflow-y-auto",
+  lg: "max-h-96 overflow-y-auto",
+  viewport: "min-h-[55vh] max-h-[65vh] overflow-y-auto"
+};
+function CodeBlock({
+  children,
+  copy,
+  copyLabel,
+  wrap = false,
+  maxHeight = "none",
+  className
+}) {
+  const copyText = typeof copy === "string" ? copy : children;
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
+    /* @__PURE__ */ jsx(
+      "pre",
+      {
+        className: cn(
+          "rounded-md border border-border bg-muted/40 p-3 font-mono text-xs leading-relaxed",
+          wrap ? "whitespace-pre-wrap break-words" : "overflow-x-auto",
+          HEIGHTS[maxHeight],
+          copy ? "pr-12" : void 0
+        ),
+        children
+      }
+    ),
+    copy ? /* @__PURE__ */ jsx(
+      CopyButton,
+      {
+        text: copyText,
+        label: copyLabel,
+        size: "sm",
+        variant: "ghost",
+        className: "absolute right-1.5 top-1.5"
+      }
+    ) : null
+  ] });
+}
+export {
+  CodeBlock
+};

package/dist/primitives/collapsible-section.cjs

@@ -0,0 +1,69 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+
+var _chunkW5HPHEE7cjs = require('../chunk-W5HPHEE7.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/collapsible-section.tsx
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+function CollapsibleSection({
+  title,
+  children,
+  defaultOpen = false,
+  open,
+  onOpenChange,
+  className,
+  triggerClassName,
+  contentClassName,
+  density = "default",
+  divided = true,
+  inset = "default"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _chunkW5HPHEE7cjs.Collapsible,
+    {
+      defaultOpen,
+      open,
+      onOpenChange,
+      className,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          _chunkW5HPHEE7cjs.CollapsibleTrigger,
+          {
+            className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+              "group flex w-full items-center justify-between text-left font-medium hover:bg-muted/40 focus:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",
+              divided && "border-t",
+              inset === "default" && "px-4",
+              inset === "roomy" && "px-5",
+              density === "compact" && "py-1 text-sm",
+              density === "default" && "py-2.5 text-xs",
+              density === "roomy" && "py-5 text-sm",
+              triggerClassName
+            ),
+            children: [
+              title,
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground transition-transform group-data-[state=open]:rotate-180" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW5HPHEE7cjs.CollapsibleContent, { className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "space-y-4",
+          inset === "default" && "px-4",
+          inset === "roomy" && "px-5",
+          density === "compact" && "pt-4",
+          density === "default" && "pb-3 pt-1",
+          density === "roomy" && "pb-5",
+          contentClassName
+        ), children })
+      ]
+    }
+  );
+}
+
+
+exports.CollapsibleSection = CollapsibleSection;

package/dist/primitives/collapsible-section.d.cts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface CollapsibleSectionProps {
+    title: ReactNode;
+    children: ReactNode;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+    triggerClassName?: string;
+    contentClassName?: string;
+    density?: "compact" | "default" | "roomy";
+    divided?: boolean;
+    inset?: "none" | "default" | "roomy";
+}
+/**
+ * A compact titled region that expands in place. It owns the trigger,
+ * divider, chevron state and content inset while leaving domain content to
+ * the consumer.
+ */
+declare function CollapsibleSection({ title, children, defaultOpen, open, onOpenChange, className, triggerClassName, contentClassName, density, divided, inset, }: CollapsibleSectionProps): react_jsx_runtime.JSX.Element;
+
+export { CollapsibleSection, type CollapsibleSectionProps };

package/dist/primitives/collapsible-section.d.ts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface CollapsibleSectionProps {
+    title: ReactNode;
+    children: ReactNode;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+    triggerClassName?: string;
+    contentClassName?: string;
+    density?: "compact" | "default" | "roomy";
+    divided?: boolean;
+    inset?: "none" | "default" | "roomy";
+}
+/**
+ * A compact titled region that expands in place. It owns the trigger,
+ * divider, chevron state and content inset while leaving domain content to
+ * the consumer.
+ */
+declare function CollapsibleSection({ title, children, defaultOpen, open, onOpenChange, className, triggerClassName, contentClassName, density, divided, inset, }: CollapsibleSectionProps): react_jsx_runtime.JSX.Element;
+
+export { CollapsibleSection, type CollapsibleSectionProps };

package/dist/primitives/collapsible-section.js

@@ -0,0 +1,69 @@
+"use client";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger
+} from "../chunk-NBUWGRQO.js";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/collapsible-section.tsx
+import { ChevronDown } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CollapsibleSection({
+  title,
+  children,
+  defaultOpen = false,
+  open,
+  onOpenChange,
+  className,
+  triggerClassName,
+  contentClassName,
+  density = "default",
+  divided = true,
+  inset = "default"
+}) {
+  return /* @__PURE__ */ jsxs(
+    Collapsible,
+    {
+      defaultOpen,
+      open,
+      onOpenChange,
+      className,
+      children: [
+        /* @__PURE__ */ jsxs(
+          CollapsibleTrigger,
+          {
+            className: cn(
+              "group flex w-full items-center justify-between text-left font-medium hover:bg-muted/40 focus:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",
+              divided && "border-t",
+              inset === "default" && "px-4",
+              inset === "roomy" && "px-5",
+              density === "compact" && "py-1 text-sm",
+              density === "default" && "py-2.5 text-xs",
+              density === "roomy" && "py-5 text-sm",
+              triggerClassName
+            ),
+            children: [
+              title,
+              /* @__PURE__ */ jsx(ChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground transition-transform group-data-[state=open]:rotate-180" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(CollapsibleContent, { className: cn(
+          "space-y-4",
+          inset === "default" && "px-4",
+          inset === "roomy" && "px-5",
+          density === "compact" && "pt-4",
+          density === "default" && "pb-3 pt-1",
+          density === "roomy" && "pb-5",
+          contentClassName
+        ), children })
+      ]
+    }
+  );
+}
+export {
+  CollapsibleSection
+};

package/dist/primitives/collapsible.cjs

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+
+var _chunkW5HPHEE7cjs = require('../chunk-W5HPHEE7.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+
+
+exports.Collapsible = _chunkW5HPHEE7cjs.Collapsible; exports.CollapsibleContent = _chunkW5HPHEE7cjs.CollapsibleContent; exports.CollapsibleTrigger = _chunkW5HPHEE7cjs.CollapsibleTrigger;

package/dist/primitives/collapsible.d.cts

@@ -0,0 +1,14 @@
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import * as React from 'react';
+
+declare const Collapsible: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
+interface CollapsibleTriggerProps extends React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleTrigger> {
+    appearance?: "unstyled" | "section-row" | "inline-muted";
+}
+declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface CollapsibleContentProps extends React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleContent> {
+    padding?: "none" | "compact" | "top";
+}
+declare const CollapsibleContent: React.ForwardRefExoticComponent<CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Collapsible, CollapsibleContent, type CollapsibleContentProps, CollapsibleTrigger, type CollapsibleTriggerProps };

package/dist/primitives/collapsible.d.ts

@@ -0,0 +1,14 @@
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import * as React from 'react';
+
+declare const Collapsible: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
+interface CollapsibleTriggerProps extends React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleTrigger> {
+    appearance?: "unstyled" | "section-row" | "inline-muted";
+}
+declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface CollapsibleContentProps extends React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleContent> {
+    padding?: "none" | "compact" | "top";
+}
+declare const CollapsibleContent: React.ForwardRefExoticComponent<CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Collapsible, CollapsibleContent, type CollapsibleContentProps, CollapsibleTrigger, type CollapsibleTriggerProps };

package/dist/primitives/collapsible.js

@@ -0,0 +1,12 @@
+"use client";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger
+} from "../chunk-NBUWGRQO.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger
+};

package/dist/primitives/compact-app-shell.cjs

@@ -0,0 +1,40 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkRSFEKQDRcjs = require('../chunk-RSFEKQDR.cjs');
+
+
+var _chunkLELBCBDTcjs = require('../chunk-LELBCBDT.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/compact-app-shell.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var widths = {
+  sm: "w-[320px]",
+  md: "w-[360px]"
+};
+var CompactAppShell = _react.forwardRef.call(void 0, 
+  function CompactAppShell2({ title, description, width = "md", className, children, ...props }, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "main",
+      {
+        ref,
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, "min-h-0 bg-background p-4 text-foreground", widths[width], className),
+        ...props,
+        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRSFEKQDRcjs.Stack, { gap: "md", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRSFEKQDRcjs.Stack, { gap: "xs", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLELBCBDTcjs.Heading, { level: 1, className: "text-base", children: title }),
+            description
+          ] }),
+          children
+        ] })
+      }
+    );
+  }
+);
+
+
+exports.CompactAppShell = CompactAppShell;

package/dist/primitives/compact-app-shell.d.cts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+
+interface CompactAppShellProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
+    title: ReactNode;
+    description?: ReactNode;
+    width?: "sm" | "md";
+}
+/** A dense, self-contained application surface for popovers and browser-extension windows. */
+declare const CompactAppShell: React.ForwardRefExoticComponent<CompactAppShellProps & React.RefAttributes<HTMLElement>>;
+
+export { CompactAppShell, type CompactAppShellProps };

package/dist/primitives/compact-app-shell.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+
+interface CompactAppShellProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
+    title: ReactNode;
+    description?: ReactNode;
+    width?: "sm" | "md";
+}
+/** A dense, self-contained application surface for popovers and browser-extension windows. */
+declare const CompactAppShell: React.ForwardRefExoticComponent<CompactAppShellProps & React.RefAttributes<HTMLElement>>;
+
+export { CompactAppShell, type CompactAppShellProps };