@nimblebrain/synapse 0.17.1 → 0.19.0

package/dist/ui/index.d.cts

@@ -30,7 +30,12 @@ interface BreadcrumbProps extends Omit<HTMLAttributes<HTMLElement>, "children">
 }
 declare function Breadcrumb({ crumbs, separator, style, ...rest }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
 
-type Variant = "primary" | "secondary" | "ghost";
+/**
+ * `danger` is for the verb that destroys something — Delete, Remove, Forget. It is
+ * filled like `primary`, so it is never the quiet option beside one, and red so the
+ * difference reads before the label does.
+ */
+type Variant = "primary" | "secondary" | "ghost" | "danger";
 type Size = "sm" | "md";
 interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: Variant;
@@ -55,6 +60,27 @@ interface CardProps extends HTMLAttributes<HTMLDivElement> {
 }
 declare function Card({ padding, interactive, style, className, children, ...rest }: CardProps): react_jsx_runtime.JSX.Element;
 
+interface ConfirmDialogProps {
+    open: boolean;
+    /** Every dismissal path — Escape, the scrim, Cancel — calls this with `false`. */
+    onOpenChange: (open: boolean) => void;
+    /** Names the dialog (`aria-labelledby`). */
+    title: ReactNode;
+    /** One line under the title. Becomes the dialog's accessible description. */
+    description?: ReactNode;
+    /** What the action will do, and any control that shapes it. */
+    children?: ReactNode;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    /** Confirm's label while `onConfirm` is in flight. Defaults to `confirmLabel`. */
+    pendingLabel?: string;
+    /** Render Confirm as a `danger` button, and open with focus on Cancel. */
+    destructive?: boolean;
+    /** Resolve to close. Throw to stay open with the error's message shown. */
+    onConfirm: () => void | Promise<void>;
+}
+declare function ConfirmDialog({ open, onOpenChange, title, description, children, confirmLabel, cancelLabel, pendingLabel, destructive, onConfirm, }: ConfirmDialogProps): react_jsx_runtime.JSX.Element | null;
+
 type Side$1 = "left" | "right" | "bottom";
 interface DrawerProps extends Omit<HTMLAttributes<HTMLDivElement>, "onClick"> {
     open: boolean;
@@ -446,6 +472,7 @@ declare const tokens: {
     readonly borderStrong: "var(--color-border-secondary, #d1d5db)";
     readonly ring: "var(--color-ring-primary, #2563eb)";
     readonly danger: "var(--nb-color-danger, #dc2626)";
+    readonly dangerFg: "var(--nb-color-danger-foreground, #ffffff)";
     readonly success: "var(--nb-color-success, #059669)";
     readonly warning: "var(--nb-color-warning, #f59e0b)";
     readonly processing: "var(--nb-color-processing, #7c3aed)";
@@ -534,4 +561,4 @@ interface HeadingProps extends Omit<HTMLAttributes<HTMLHeadingElement>, "color">
 /** Display heading using the heading font slot. Defaults to md, semibold. */
 declare function Heading({ size, weight, tone, as: As, style, children, ...rest }: HeadingProps): react_jsx_runtime.JSX.Element;
 
-export { AppFrame, Avatar, Badge, type BadgeTone, Breadcrumb, Button, Card, type Column, type Crumb, Divider, Drawer, EmptyState, Heading, type HeadingSize, Inline, ListDetailLayout, ListRow, PageHeader, PageLayout, Pagination, Prose, SearchField, SegmentedControl, SidebarLayout, Spacer, Spinner, Stack, type Status, StatusDot, Table, Tabs, Text, TextLink, type TextSize, type Tokens, headingStyle, textStyle, tokens, useBreakpoint, useListDetail, useSidebar };
+export { AppFrame, Avatar, Badge, type BadgeTone, Breadcrumb, Button, Card, type Column, ConfirmDialog, type Crumb, Divider, Drawer, EmptyState, Heading, type HeadingSize, Inline, ListDetailLayout, ListRow, PageHeader, PageLayout, Pagination, Prose, SearchField, SegmentedControl, SidebarLayout, Spacer, Spinner, Stack, type Status, StatusDot, Table, Tabs, Text, TextLink, type TextSize, type Tokens, headingStyle, textStyle, tokens, useBreakpoint, useListDetail, useSidebar };

package/dist/ui/index.d.ts

@@ -30,7 +30,12 @@ interface BreadcrumbProps extends Omit<HTMLAttributes<HTMLElement>, "children">
 }
 declare function Breadcrumb({ crumbs, separator, style, ...rest }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
 
-type Variant = "primary" | "secondary" | "ghost";
+/**
+ * `danger` is for the verb that destroys something — Delete, Remove, Forget. It is
+ * filled like `primary`, so it is never the quiet option beside one, and red so the
+ * difference reads before the label does.
+ */
+type Variant = "primary" | "secondary" | "ghost" | "danger";
 type Size = "sm" | "md";
 interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: Variant;
@@ -55,6 +60,27 @@ interface CardProps extends HTMLAttributes<HTMLDivElement> {
 }
 declare function Card({ padding, interactive, style, className, children, ...rest }: CardProps): react_jsx_runtime.JSX.Element;
 
+interface ConfirmDialogProps {
+    open: boolean;
+    /** Every dismissal path — Escape, the scrim, Cancel — calls this with `false`. */
+    onOpenChange: (open: boolean) => void;
+    /** Names the dialog (`aria-labelledby`). */
+    title: ReactNode;
+    /** One line under the title. Becomes the dialog's accessible description. */
+    description?: ReactNode;
+    /** What the action will do, and any control that shapes it. */
+    children?: ReactNode;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    /** Confirm's label while `onConfirm` is in flight. Defaults to `confirmLabel`. */
+    pendingLabel?: string;
+    /** Render Confirm as a `danger` button, and open with focus on Cancel. */
+    destructive?: boolean;
+    /** Resolve to close. Throw to stay open with the error's message shown. */
+    onConfirm: () => void | Promise<void>;
+}
+declare function ConfirmDialog({ open, onOpenChange, title, description, children, confirmLabel, cancelLabel, pendingLabel, destructive, onConfirm, }: ConfirmDialogProps): react_jsx_runtime.JSX.Element | null;
+
 type Side$1 = "left" | "right" | "bottom";
 interface DrawerProps extends Omit<HTMLAttributes<HTMLDivElement>, "onClick"> {
     open: boolean;
@@ -446,6 +472,7 @@ declare const tokens: {
     readonly borderStrong: "var(--color-border-secondary, #d1d5db)";
     readonly ring: "var(--color-ring-primary, #2563eb)";
     readonly danger: "var(--nb-color-danger, #dc2626)";
+    readonly dangerFg: "var(--nb-color-danger-foreground, #ffffff)";
     readonly success: "var(--nb-color-success, #059669)";
     readonly warning: "var(--nb-color-warning, #f59e0b)";
     readonly processing: "var(--nb-color-processing, #7c3aed)";
@@ -534,4 +561,4 @@ interface HeadingProps extends Omit<HTMLAttributes<HTMLHeadingElement>, "color">
 /** Display heading using the heading font slot. Defaults to md, semibold. */
 declare function Heading({ size, weight, tone, as: As, style, children, ...rest }: HeadingProps): react_jsx_runtime.JSX.Element;
 
-export { AppFrame, Avatar, Badge, type BadgeTone, Breadcrumb, Button, Card, type Column, type Crumb, Divider, Drawer, EmptyState, Heading, type HeadingSize, Inline, ListDetailLayout, ListRow, PageHeader, PageLayout, Pagination, Prose, SearchField, SegmentedControl, SidebarLayout, Spacer, Spinner, Stack, type Status, StatusDot, Table, Tabs, Text, TextLink, type TextSize, type Tokens, headingStyle, textStyle, tokens, useBreakpoint, useListDetail, useSidebar };
+export { AppFrame, Avatar, Badge, type BadgeTone, Breadcrumb, Button, Card, type Column, ConfirmDialog, type Crumb, Divider, Drawer, EmptyState, Heading, type HeadingSize, Inline, ListDetailLayout, ListRow, PageHeader, PageLayout, Pagination, Prose, SearchField, SegmentedControl, SidebarLayout, Spacer, Spinner, Stack, type Status, StatusDot, Table, Tabs, Text, TextLink, type TextSize, type Tokens, headingStyle, textStyle, tokens, useBreakpoint, useListDetail, useSidebar };