@epicbagel/saas-kit 0.0.0-stage → 1.0.0

package/dist/primitives/drawer.d.cts

@@ -0,0 +1,36 @@
+import * as vaul from 'vaul';
+import { Drawer as Drawer$1 } from 'vaul';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+declare const Drawer: {
+    ({ shouldScaleBackground, ...props }: React.ComponentProps<typeof Drawer$1.Root> & {
+        shouldScaleBackground?: boolean;
+    }): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DrawerTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerPortal: typeof vaul.Portal;
+declare const DrawerClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface DrawerContentProps extends React.ComponentPropsWithoutRef<typeof Drawer$1.Content> {
+    height?: "auto" | "viewport-lg";
+    overflow?: "visible" | "hidden" | "auto";
+}
+declare const DrawerContent: React.ForwardRefExoticComponent<DrawerContentProps & React.RefAttributes<HTMLDivElement>>;
+interface DrawerHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    align?: "responsive" | "start";
+}
+declare const DrawerHeader: {
+    ({ className, align, ...props }: DrawerHeaderProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DrawerFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+
+export { Drawer, DrawerClose, DrawerContent, type DrawerContentProps, DrawerDescription, DrawerFooter, DrawerHeader, type DrawerHeaderProps, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };

package/dist/primitives/drawer.d.ts

@@ -0,0 +1,36 @@
+import * as vaul from 'vaul';
+import { Drawer as Drawer$1 } from 'vaul';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+declare const Drawer: {
+    ({ shouldScaleBackground, ...props }: React.ComponentProps<typeof Drawer$1.Root> & {
+        shouldScaleBackground?: boolean;
+    }): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DrawerTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerPortal: typeof vaul.Portal;
+declare const DrawerClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface DrawerContentProps extends React.ComponentPropsWithoutRef<typeof Drawer$1.Content> {
+    height?: "auto" | "viewport-lg";
+    overflow?: "visible" | "hidden" | "auto";
+}
+declare const DrawerContent: React.ForwardRefExoticComponent<DrawerContentProps & React.RefAttributes<HTMLDivElement>>;
+interface DrawerHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    align?: "responsive" | "start";
+}
+declare const DrawerHeader: {
+    ({ className, align, ...props }: DrawerHeaderProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DrawerFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+
+export { Drawer, DrawerClose, DrawerContent, type DrawerContentProps, DrawerDescription, DrawerFooter, DrawerHeader, type DrawerHeaderProps, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };

package/dist/primitives/drawer.js

@@ -0,0 +1,26 @@
+"use client";
+import {
+  Drawer,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerOverlay,
+  DrawerPortal,
+  DrawerTitle,
+  DrawerTrigger
+} from "../chunk-4HWCNRK4.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  Drawer,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerOverlay,
+  DrawerPortal,
+  DrawerTitle,
+  DrawerTrigger
+};

package/dist/primitives/dropdown-menu.cjs

@@ -0,0 +1,36 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _chunkZAITUDYDcjs = require('../chunk-ZAITUDYD.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.DropdownMenu = _chunkZAITUDYDcjs.DropdownMenu; exports.DropdownMenuCheckboxItem = _chunkZAITUDYDcjs.DropdownMenuCheckboxItem; exports.DropdownMenuContent = _chunkZAITUDYDcjs.DropdownMenuContent; exports.DropdownMenuGroup = _chunkZAITUDYDcjs.DropdownMenuGroup; exports.DropdownMenuItem = _chunkZAITUDYDcjs.DropdownMenuItem; exports.DropdownMenuLabel = _chunkZAITUDYDcjs.DropdownMenuLabel; exports.DropdownMenuPortal = _chunkZAITUDYDcjs.DropdownMenuPortal; exports.DropdownMenuRadioGroup = _chunkZAITUDYDcjs.DropdownMenuRadioGroup; exports.DropdownMenuRadioItem = _chunkZAITUDYDcjs.DropdownMenuRadioItem; exports.DropdownMenuSeparator = _chunkZAITUDYDcjs.DropdownMenuSeparator; exports.DropdownMenuShortcut = _chunkZAITUDYDcjs.DropdownMenuShortcut; exports.DropdownMenuSub = _chunkZAITUDYDcjs.DropdownMenuSub; exports.DropdownMenuSubContent = _chunkZAITUDYDcjs.DropdownMenuSubContent; exports.DropdownMenuSubTrigger = _chunkZAITUDYDcjs.DropdownMenuSubTrigger; exports.DropdownMenuTrigger = _chunkZAITUDYDcjs.DropdownMenuTrigger;

package/dist/primitives/dropdown-menu.d.cts

@@ -0,0 +1,34 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as React from 'react';
+
+declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    width?: "auto" | "compact";
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+    tone?: "default" | "muted" | "destructive";
+    size?: "default" | "xs";
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/primitives/dropdown-menu.d.ts

@@ -0,0 +1,34 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as React from 'react';
+
+declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    width?: "auto" | "compact";
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+    tone?: "default" | "muted" | "destructive";
+    size?: "default" | "xs";
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/primitives/dropdown-menu.js

@@ -0,0 +1,36 @@
+"use client";
+import {
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger
+} from "../chunk-V4LE2HWP.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger
+};

package/dist/primitives/editable-list.cjs

@@ -0,0 +1,108 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+
+
+var _chunkW5I4FN7Gcjs = require('../chunk-W5I4FN7G.cjs');
+
+
+var _chunk373W6VADcjs = require('../chunk-373W6VAD.cjs');
+
+
+var _chunkPQUSJEXLcjs = require('../chunk-PQUSJEXL.cjs');
+
+
+var _chunkL4DH72UFcjs = require('../chunk-L4DH72UF.cjs');
+require('../chunk-EJP2L5QV.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/editable-list.tsx
+var _react = require('react');
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+function EditableList({
+  label,
+  items,
+  onChange,
+  sentiment = "neutral",
+  itemName = "item",
+  emptyText = "None set",
+  placeholder = `Add ${itemName}\u2026`,
+  className
+}) {
+  const [draft, setDraft] = _react.useState.call(void 0, "");
+  const [editing, setEditing] = _react.useState.call(void 0, null);
+  const readOnly = !onChange;
+  if (readOnly && items.length === 0) return null;
+  const add = () => {
+    const value = draft.trim();
+    if (!value || !onChange) return;
+    onChange([...items, value]);
+    setDraft("");
+  };
+  const commitEdit = () => {
+    const value = _optionalChain([editing, 'optionalAccess', _2 => _2.value, 'access', _3 => _3.trim, 'call', _4 => _4()]);
+    if (editing && value && onChange) {
+      onChange(items.map((item, index) => index === editing.index ? value : item));
+    }
+    setEditing(null);
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "section", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "border-t border-border pt-4", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk373W6VADcjs.Text, { as: "span", variant: "caption", className: "text-xs font-medium uppercase tracking-wider", children: label }),
+    items.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk373W6VADcjs.Text, { variant: "caption", className: "mt-3 italic", children: emptyText }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "mt-3 space-y-3", children: items.map((item, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "li", { className: "group flex items-start gap-3", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW5I4FN7Gcjs.SentimentDot, { sentiment, className: "mt-[5px] shrink-0" }),
+      !readOnly && _optionalChain([editing, 'optionalAccess', _5 => _5.index]) === index ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkPQUSJEXLcjs.Input,
+          {
+            autoFocus: true,
+            value: editing.value,
+            "aria-label": `Edit ${itemName}`,
+            onChange: (event) => setEditing({ index, value: event.target.value }),
+            onKeyDown: (event) => {
+              if (event.key === "Enter") {
+                event.preventDefault();
+                commitEdit();
+              }
+              if (event.key === "Escape") setEditing(null);
+            },
+            grow: true
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL4DH72UFcjs.Button, { type: "button", variant: "ghost", size: "icon-sm", shrink: true, className: "text-emerald-600", "aria-label": `Save ${itemName}`, onClick: commitEdit, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Check, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL4DH72UFcjs.Button, { type: "button", variant: "quiet", size: "icon-sm", shrink: true, marginEnd: "negative-xs", "aria-label": `Cancel editing ${itemName}`, onClick: () => setEditing(null), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.X, { className: "h-4 w-4" }) })
+      ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk373W6VADcjs.Text, { as: "span", variant: "small", className: "flex-1 leading-snug", children: item }),
+        !readOnly && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL4DH72UFcjs.Button, { type: "button", variant: "ghost", size: "icon", className: "h-8 w-8 shrink-0 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100 focus:opacity-100", "aria-label": `Edit ${itemName}`, onClick: () => setEditing({ index, value: item }), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Pencil, { className: "h-4 w-4" }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL4DH72UFcjs.Button, { type: "button", variant: "ghost", size: "icon", className: "-mr-1 h-8 w-8 shrink-0 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100 focus:opacity-100", "aria-label": `Remove ${itemName}`, onClick: () => onChange(items.filter((_, itemIndex) => itemIndex !== index)), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.X, { className: "h-4 w-4" }) })
+        ] })
+      ] })
+    ] }, `${item}-${index}`)) }),
+    !readOnly && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-3 flex items-center gap-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkPQUSJEXLcjs.Input,
+        {
+          value: draft,
+          "aria-label": `New ${itemName}`,
+          onChange: (event) => setDraft(event.target.value),
+          onKeyDown: (event) => {
+            if (event.key === "Enter") {
+              event.preventDefault();
+              add();
+            }
+          },
+          placeholder,
+          grow: true
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkL4DH72UFcjs.Button, { type: "button", size: "sm", variant: "outline", shrink: true, disabled: !draft.trim(), onClick: add, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Plus, { className: "mr-1 h-4 w-4" }),
+        " Add"
+      ] })
+    ] })
+  ] });
+}
+
+
+exports.EditableList = EditableList;

package/dist/primitives/editable-list.d.cts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { Sentiment } from './sentiment-dot.cjs';
+import '../lib/status-colors.cjs';
+
+interface EditableListProps {
+    label: ReactNode;
+    items: string[];
+    onChange?: (items: string[]) => void;
+    sentiment?: Sentiment;
+    itemName?: string;
+    emptyText?: string;
+    placeholder?: string;
+    className?: string;
+}
+/**
+ * A compact string list with optional inline add, edit and remove controls.
+ * Omit `onChange` for a read-only list. Domain labels and meaning stay with
+ * the consumer.
+ */
+declare function EditableList({ label, items, onChange, sentiment, itemName, emptyText, placeholder, className, }: EditableListProps): react_jsx_runtime.JSX.Element | null;
+
+export { EditableList, type EditableListProps };

package/dist/primitives/editable-list.d.ts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { Sentiment } from './sentiment-dot.js';
+import '../lib/status-colors.js';
+
+interface EditableListProps {
+    label: ReactNode;
+    items: string[];
+    onChange?: (items: string[]) => void;
+    sentiment?: Sentiment;
+    itemName?: string;
+    emptyText?: string;
+    placeholder?: string;
+    className?: string;
+}
+/**
+ * A compact string list with optional inline add, edit and remove controls.
+ * Omit `onChange` for a read-only list. Domain labels and meaning stay with
+ * the consumer.
+ */
+declare function EditableList({ label, items, onChange, sentiment, itemName, emptyText, placeholder, className, }: EditableListProps): react_jsx_runtime.JSX.Element | null;
+
+export { EditableList, type EditableListProps };

package/dist/primitives/editable-list.js

@@ -0,0 +1,108 @@
+"use client";
+import {
+  SentimentDot
+} from "../chunk-YWAQRAXP.js";
+import {
+  Text
+} from "../chunk-EIY5LLSP.js";
+import {
+  Input
+} from "../chunk-QMA3WVB7.js";
+import {
+  Button
+} from "../chunk-HQRWRRZJ.js";
+import "../chunk-F7JHSZNT.js";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/editable-list.tsx
+import { useState } from "react";
+import { Check, Pencil, Plus, X } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function EditableList({
+  label,
+  items,
+  onChange,
+  sentiment = "neutral",
+  itemName = "item",
+  emptyText = "None set",
+  placeholder = `Add ${itemName}\u2026`,
+  className
+}) {
+  const [draft, setDraft] = useState("");
+  const [editing, setEditing] = useState(null);
+  const readOnly = !onChange;
+  if (readOnly && items.length === 0) return null;
+  const add = () => {
+    const value = draft.trim();
+    if (!value || !onChange) return;
+    onChange([...items, value]);
+    setDraft("");
+  };
+  const commitEdit = () => {
+    const value = editing?.value.trim();
+    if (editing && value && onChange) {
+      onChange(items.map((item, index) => index === editing.index ? value : item));
+    }
+    setEditing(null);
+  };
+  return /* @__PURE__ */ jsxs("section", { className: cn("border-t border-border pt-4", className), children: [
+    /* @__PURE__ */ jsx(Text, { as: "span", variant: "caption", className: "text-xs font-medium uppercase tracking-wider", children: label }),
+    items.length === 0 ? /* @__PURE__ */ jsx(Text, { variant: "caption", className: "mt-3 italic", children: emptyText }) : /* @__PURE__ */ jsx("ul", { className: "mt-3 space-y-3", children: items.map((item, index) => /* @__PURE__ */ jsxs("li", { className: "group flex items-start gap-3", children: [
+      /* @__PURE__ */ jsx(SentimentDot, { sentiment, className: "mt-[5px] shrink-0" }),
+      !readOnly && editing?.index === index ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            autoFocus: true,
+            value: editing.value,
+            "aria-label": `Edit ${itemName}`,
+            onChange: (event) => setEditing({ index, value: event.target.value }),
+            onKeyDown: (event) => {
+              if (event.key === "Enter") {
+                event.preventDefault();
+                commitEdit();
+              }
+              if (event.key === "Escape") setEditing(null);
+            },
+            grow: true
+          }
+        ),
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", shrink: true, className: "text-emerald-600", "aria-label": `Save ${itemName}`, onClick: commitEdit, children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "quiet", size: "icon-sm", shrink: true, marginEnd: "negative-xs", "aria-label": `Cancel editing ${itemName}`, onClick: () => setEditing(null), children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }) })
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Text, { as: "span", variant: "small", className: "flex-1 leading-snug", children: item }),
+        !readOnly && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "h-8 w-8 shrink-0 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100 focus:opacity-100", "aria-label": `Edit ${itemName}`, onClick: () => setEditing({ index, value: item }), children: /* @__PURE__ */ jsx(Pencil, { className: "h-4 w-4" }) }),
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "-mr-1 h-8 w-8 shrink-0 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100 focus:opacity-100", "aria-label": `Remove ${itemName}`, onClick: () => onChange(items.filter((_, itemIndex) => itemIndex !== index)), children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }) })
+        ] })
+      ] })
+    ] }, `${item}-${index}`)) }),
+    !readOnly && /* @__PURE__ */ jsxs("div", { className: "mt-3 flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: draft,
+          "aria-label": `New ${itemName}`,
+          onChange: (event) => setDraft(event.target.value),
+          onKeyDown: (event) => {
+            if (event.key === "Enter") {
+              event.preventDefault();
+              add();
+            }
+          },
+          placeholder,
+          grow: true
+        }
+      ),
+      /* @__PURE__ */ jsxs(Button, { type: "button", size: "sm", variant: "outline", shrink: true, disabled: !draft.trim(), onClick: add, children: [
+        /* @__PURE__ */ jsx(Plus, { className: "mr-1 h-4 w-4" }),
+        " Add"
+      ] })
+    ] })
+  ] });
+}
+export {
+  EditableList
+};

package/dist/primitives/empty-state.cjs

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

package/dist/primitives/empty-state.d.cts

@@ -0,0 +1,54 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { LucideIcon } from 'lucide-react';
+
+interface EmptyStateProps {
+    /** Visual variant for different scenarios */
+    variant?: "select" | "search" | "empty" | "error" | "success";
+    /**
+     * Icon to display. Accepts either a Lucide component reference
+     * (`Inbox`) or an already-instantiated React element (`<Inbox />`).
+     *
+     * **Pass an element when calling from a server component** — Component
+     * references can't cross the server→client boundary, but elements can.
+     */
+    icon?: LucideIcon | ReactNode;
+    /** Canonical motion for loading or in-progress blank slates. */
+    iconMotion?: "none" | "spin" | "pulse";
+    /** Main heading text */
+    title?: string;
+    /** Supporting description text */
+    description?: string;
+    /** Optional action button */
+    action?: {
+        label: string;
+        onClick: () => void;
+        variant?: "default" | "outline" | "secondary";
+    };
+    /** Entity type for auto-generated title (e.g., "note", "file") */
+    entityType?: string;
+    /** Enable gentle animations */
+    animated?: boolean;
+    /**
+     * Placement density. `inline` is for an empty subsection inside an otherwise
+     * populated surface; the other sizes are centred panel/page blank slates.
+     */
+    size?: "inline" | "sm" | "md" | "lg";
+    /** Optional rich starter content, rendered below the canonical heading. */
+    children?: ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+    /** Show decorative background gradient */
+    showGradient?: boolean;
+    /**
+     * Visual containment for the blank slate. `subtle` is the default so an
+     * empty area reads as an intentional product surface instead of floating
+     * copy; use `plain` only when an existing parent already owns the surface.
+     */
+    surface?: "plain" | "subtle";
+    minHeight?: "none" | "viewport";
+    paddingY?: "none" | "lg" | "xl";
+}
+declare function EmptyState({ variant, icon: Icon, iconMotion, title, description, action, entityType, animated, size, children, className, showGradient, surface, minHeight, paddingY, }: EmptyStateProps): react_jsx_runtime.JSX.Element;
+
+export { EmptyState, type EmptyStateProps };

package/dist/primitives/empty-state.d.ts

@@ -0,0 +1,54 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { LucideIcon } from 'lucide-react';
+
+interface EmptyStateProps {
+    /** Visual variant for different scenarios */
+    variant?: "select" | "search" | "empty" | "error" | "success";
+    /**
+     * Icon to display. Accepts either a Lucide component reference
+     * (`Inbox`) or an already-instantiated React element (`<Inbox />`).
+     *
+     * **Pass an element when calling from a server component** — Component
+     * references can't cross the server→client boundary, but elements can.
+     */
+    icon?: LucideIcon | ReactNode;
+    /** Canonical motion for loading or in-progress blank slates. */
+    iconMotion?: "none" | "spin" | "pulse";
+    /** Main heading text */
+    title?: string;
+    /** Supporting description text */
+    description?: string;
+    /** Optional action button */
+    action?: {
+        label: string;
+        onClick: () => void;
+        variant?: "default" | "outline" | "secondary";
+    };
+    /** Entity type for auto-generated title (e.g., "note", "file") */
+    entityType?: string;
+    /** Enable gentle animations */
+    animated?: boolean;
+    /**
+     * Placement density. `inline` is for an empty subsection inside an otherwise
+     * populated surface; the other sizes are centred panel/page blank slates.
+     */
+    size?: "inline" | "sm" | "md" | "lg";
+    /** Optional rich starter content, rendered below the canonical heading. */
+    children?: ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+    /** Show decorative background gradient */
+    showGradient?: boolean;
+    /**
+     * Visual containment for the blank slate. `subtle` is the default so an
+     * empty area reads as an intentional product surface instead of floating
+     * copy; use `plain` only when an existing parent already owns the surface.
+     */
+    surface?: "plain" | "subtle";
+    minHeight?: "none" | "viewport";
+    paddingY?: "none" | "lg" | "xl";
+}
+declare function EmptyState({ variant, icon: Icon, iconMotion, title, description, action, entityType, animated, size, children, className, showGradient, surface, minHeight, paddingY, }: EmptyStateProps): react_jsx_runtime.JSX.Element;
+
+export { EmptyState, type EmptyStateProps };

package/dist/primitives/empty-state.js

@@ -0,0 +1,9 @@
+"use client";
+import {
+  EmptyState
+} from "../chunk-4NN7EA3W.js";
+import "../chunk-HQRWRRZJ.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  EmptyState
+};