@nadicodeai/ui 0.8.0 → 0.9.0

package/AGENTS.md

@@ -115,6 +115,7 @@ Use public component subpaths for product UI:
 - `@nadicodeai/ui/components/chart-kpi-stat`
 - `@nadicodeai/ui/components/chart-sparkline`
 - `@nadicodeai/ui/components/chart-time-series`
+- `@nadicodeai/ui/components/confirm-dialog`
 - `@nadicodeai/ui/components/dashboard-shell`
 - `@nadicodeai/ui/components/desktop-shell`
 - `@nadicodeai/ui/components/feedback-state`

package/README.md

@@ -142,6 +142,7 @@ Current product subpaths:
 - `@nadicodeai/ui/components/chart-kpi-stat`
 - `@nadicodeai/ui/components/chart-sparkline`
 - `@nadicodeai/ui/components/chart-time-series`
+- `@nadicodeai/ui/components/confirm-dialog`
 - `@nadicodeai/ui/components/dashboard-shell`
 - `@nadicodeai/ui/components/desktop-shell`
 - `@nadicodeai/ui/components/feedback-state`

package/dist/components/confirm-dialog.d.ts

@@ -0,0 +1,16 @@
+import type * as React from "react";
+interface ConfirmDialogProps {
+    open: boolean;
+    onConfirm: () => void;
+    onCancel: () => void;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    confirmLabel?: React.ReactNode;
+    cancelLabel?: React.ReactNode;
+    destructive?: boolean;
+    loading?: boolean;
+}
+declare function ConfirmDialog({ open, onConfirm, onCancel, title, description, confirmLabel, cancelLabel, destructive, loading, }: ConfirmDialogProps): React.JSX.Element;
+export { ConfirmDialog };
+export type { ConfirmDialogProps };
+//# sourceMappingURL=confirm-dialog.d.ts.map

package/dist/components/confirm-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-dialog.d.ts","sourceRoot":"","sources":["../../src/components/confirm-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAapC,UAAU,kBAAkB;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAOD,iBAAS,aAAa,CAAC,EACrB,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,KAAK,EACL,WAAW,EACX,YAAwB,EACxB,WAAsB,EACtB,WAAmB,EACnB,OAAe,GAChB,EAAE,kBAAkB,qBA+BpB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,YAAY,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/confirm-dialog.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertDialog, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from "./alert-dialog.js";
+import { Button } from "./button.js";
+import { Spinner } from "./spinner.js";
+// Fully controlled confirm dialog over the registry AlertDialog parts. The
+// confirm action is a plain Button (not AlertDialogAction) so a failed confirm
+// can keep the dialog open; the only closing gesture is Escape (alert dialogs
+// take no backdrop dismissal), which routes through onCancel, and loading
+// disables both buttons while the action runs.
+function ConfirmDialog({ open, onConfirm, onCancel, title, description, confirmLabel = "Confirm", cancelLabel = "Cancel", destructive = false, loading = false, }) {
+    return (_jsx(AlertDialog, { open: open, onOpenChange: (nextOpen) => {
+            if (!nextOpen) {
+                onCancel();
+            }
+        }, children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: title }), description ? _jsx(AlertDialogDescription, { children: description }) : null] }), _jsxs(AlertDialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: onCancel, disabled: loading, children: cancelLabel }), _jsxs(Button, { variant: destructive ? "destructive" : "default", onClick: onConfirm, disabled: loading, children: [loading ? _jsx(Spinner, {}) : null, confirmLabel] })] })] }) }));
+}
+export { ConfirmDialog };

package/dist/components/toast.d.ts

@@ -0,0 +1,3 @@
+export { toast } from "sonner";
+export type { ExternalToast } from "sonner";
+//# sourceMappingURL=toast.d.ts.map

package/dist/components/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/components/toast.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,YAAY,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/toast.js

@@ -0,0 +1,4 @@
+// Package-owned imperative toast API: this file makes `toast` a first-party
+// export so consumers use the package toast subpath instead of importing the
+// sonner package directly.
+export { toast } from "sonner";

package/dist/hooks/index.d.ts

@@ -1,3 +1,5 @@
+export { useBelowBreakpoint } from "./use-below-breakpoint";
+export { useConfirmAction } from "./use-confirm-action";
 export * from "./use-controllable-state";
 export * from "./use-mobile";
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,cAAc,0BAA0B,CAAC;AACzC,cAAc,cAAc,CAAC"}

package/dist/hooks/index.js

@@ -1,2 +1,4 @@
+export { useBelowBreakpoint } from "./use-below-breakpoint.js";
+export { useConfirmAction } from "./use-confirm-action.js";
 export * from "./use-controllable-state.js";
 export * from "./use-mobile.js";

package/dist/hooks/use-below-breakpoint.d.ts

@@ -0,0 +1,3 @@
+export declare function belowBreakpointQuery(px: number): string;
+export declare function useBelowBreakpoint(px: number): boolean;
+//# sourceMappingURL=use-below-breakpoint.d.ts.map

package/dist/hooks/use-below-breakpoint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-below-breakpoint.d.ts","sourceRoot":"","sources":["../../src/hooks/use-below-breakpoint.ts"],"names":[],"mappings":"AAMA,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAEvD;AAED,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CActD"}

package/dist/hooks/use-below-breakpoint.js

@@ -0,0 +1,20 @@
+"use client";
+import * as React from "react";
+// Strictly-below max-width query for a pixel breakpoint, mirroring
+// use-mobile's `${breakpoint - 1}px` convention: true only under `px`, never at.
+export function belowBreakpointQuery(px) {
+    return `(max-width: ${px - 1}px)`;
+}
+export function useBelowBreakpoint(px) {
+    const [isBelow, setIsBelow] = React.useState(undefined);
+    React.useEffect(() => {
+        const mql = window.matchMedia(belowBreakpointQuery(px));
+        const onChange = () => {
+            setIsBelow(mql.matches);
+        };
+        mql.addEventListener("change", onChange);
+        setIsBelow(mql.matches);
+        return () => mql.removeEventListener("change", onChange);
+    }, [px]);
+    return !!isBelow;
+}

package/dist/hooks/use-confirm-action.d.ts

@@ -0,0 +1,17 @@
+export interface ConfirmActionGate {
+    busy: boolean;
+}
+export declare function requestConfirmAction<T>(gate: ConfirmActionGate, value: T, setPending: (value: T | null) => void): void;
+export declare function cancelConfirmAction<T>(gate: ConfirmActionGate, setPending: (value: T | null) => void): void;
+export declare function runConfirmAction<T>(gate: ConfirmActionGate, pending: T | null, onConfirm: (value: T) => void | Promise<void>, setPending: (value: T | null) => void, setBusy: (busy: boolean) => void): Promise<void>;
+export declare function useConfirmAction<T>({ onConfirm, }: {
+    onConfirm: (value: T) => void | Promise<void>;
+}): {
+    readonly request: (value: T) => void;
+    readonly cancel: () => void;
+    readonly confirm: () => Promise<void>;
+    readonly isBusy: boolean;
+    readonly isOpen: boolean;
+    readonly pending: T | null;
+};
+//# sourceMappingURL=use-confirm-action.d.ts.map

package/dist/hooks/use-confirm-action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-confirm-action.d.ts","sourceRoot":"","sources":["../../src/hooks/use-confirm-action.ts"],"names":[],"mappings":"AAQA,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,OAAO,CAAC;CACf;AAID,wBAAgB,oBAAoB,CAAC,CAAC,EACpC,IAAI,EAAE,iBAAiB,EACvB,KAAK,EAAE,CAAC,EACR,UAAU,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,GACpC,IAAI,CAKN;AAID,wBAAgB,mBAAmB,CAAC,CAAC,EACnC,IAAI,EAAE,iBAAiB,EACvB,UAAU,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,GACpC,IAAI,CAKN;AAKD,wBAAsB,gBAAgB,CAAC,CAAC,EACtC,IAAI,EAAE,iBAAiB,EACvB,OAAO,EAAE,CAAC,GAAG,IAAI,EACjB,SAAS,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,EAC7C,UAAU,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,EACrC,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,GAC/B,OAAO,CAAC,IAAI,CAAC,CAef;AAED,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,EAClC,SAAS,GACV,EAAE;IACD,SAAS,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC/C;8BAK2C,CAAC;;;;;;EAqB5C"}

package/dist/hooks/use-confirm-action.js

@@ -0,0 +1,59 @@
+"use client";
+import * as React from "react";
+// Request stages a value for confirmation; ignored while a confirm is in
+// flight so the pending value cannot change under a running action.
+export function requestConfirmAction(gate, value, setPending) {
+    if (gate.busy) {
+        return;
+    }
+    setPending(value);
+}
+// Cancel clears the pending value, but is a no-op while a confirm is in flight
+// so the dialog cannot be dismissed mid-action.
+export function cancelConfirmAction(gate, setPending) {
+    if (gate.busy) {
+        return;
+    }
+    setPending(null);
+}
+// Confirm marks busy, awaits `onConfirm`, and clears the pending value on
+// success. A thrown error is swallowed so the dialog stays open (the caller
+// surfaces the error inside `onConfirm`); busy always resets in `finally`.
+export async function runConfirmAction(gate, pending, onConfirm, setPending, setBusy) {
+    if (gate.busy || pending === null) {
+        return;
+    }
+    gate.busy = true;
+    setBusy(true);
+    try {
+        await onConfirm(pending);
+        setPending(null);
+    }
+    catch {
+        // Keep the pending value so the dialog stays open.
+    }
+    finally {
+        gate.busy = false;
+        setBusy(false);
+    }
+}
+export function useConfirmAction({ onConfirm, }) {
+    const [pending, setPending] = React.useState(null);
+    const [isBusy, setIsBusy] = React.useState(false);
+    const gateRef = React.useRef({ busy: false });
+    const request = React.useCallback((value) => {
+        requestConfirmAction(gateRef.current, value, setPending);
+    }, []);
+    const cancel = React.useCallback(() => {
+        cancelConfirmAction(gateRef.current, setPending);
+    }, []);
+    const confirm = React.useCallback(() => runConfirmAction(gateRef.current, pending, onConfirm, setPending, setIsBusy), [pending, onConfirm]);
+    return {
+        request,
+        cancel,
+        confirm,
+        isBusy,
+        isOpen: pending !== null,
+        pending,
+    };
+}

package/dist/index.d.ts

@@ -41,6 +41,7 @@ export * from "./components/code-editor-mockup";
 export * from "./components/collapsible";
 export * from "./components/combobox";
 export * from "./components/command";
+export * from "./components/confirm-dialog";
 export * from "./components/contact";
 export * from "./components/context-menu";
 export * from "./components/dashboard-shell";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kCAAkC,CAAC;AACjD,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,iCAAiC,CAAC;AAChD,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oCAAoC,CAAC;AACnD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uCAAuC,CAAC;AACtD,cAAc,0BAA0B,CAAC;AACzC,cAAc,kCAAkC,CAAC;AACjD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mCAAmC,CAAC;AAClD,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,kCAAkC,CAAC;AACjD,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -41,6 +41,7 @@ export * from "./components/code-editor-mockup.js";
 export * from "./components/collapsible.js";
 export * from "./components/combobox.js";
 export * from "./components/command.js";
+export * from "./components/confirm-dialog.js";
 export * from "./components/contact.js";
 export * from "./components/context-menu.js";
 export * from "./components/dashboard-shell.js";

package/docs/agents/nadicodeai-ui.md

@@ -88,6 +88,7 @@ Current shipped product subpaths:
 - `@nadicodeai/ui/components/chart-kpi-stat`
 - `@nadicodeai/ui/components/chart-sparkline`
 - `@nadicodeai/ui/components/chart-time-series`
+- `@nadicodeai/ui/components/confirm-dialog`
 - `@nadicodeai/ui/components/dashboard-shell`
 - `@nadicodeai/ui/components/desktop-shell`
 - `@nadicodeai/ui/components/feedback-state`

package/docs/migration/nadia-consumer-readiness.md

@@ -27,6 +27,106 @@ Use first-party shadcn registry source directly in the consuming app for generic
 data tables, command palettes, and chart cards. Do not migrate those patterns
 through a NadicodeAI package wrapper.
 
+## Consumer Mapping
+
+### Toast
+
+The imperative toast API is package-owned. Import it from the
+`@nadicodeai/ui/components/toast` subpath, and mount `<Toaster />` from
+`@nadicodeai/ui/components/sonner` once at the app root.
+
+```tsx
+import { toast } from "@nadicodeai/ui/components/toast";
+
+showToast(message, "success"); // → toast.success(message)
+showToast(message, "error"); //   → toast.error(message)
+```
+
+Per-toast duration is a sonner option passed as the second argument.
+Consumers must not depend on `sonner` directly.
+
+### Confirm flows
+
+`ConfirmDialog` from `@nadicodeai/ui/components/confirm-dialog` takes `open`,
+`onConfirm`, `onCancel`, `title`, and optional `description`, `confirmLabel`,
+`cancelLabel`, `destructive`, `loading`. `useConfirmAction` from
+`@nadicodeai/ui/hooks` replaces bespoke delete-confirm hooks:
+
+```tsx
+useConfirmAction({ onConfirm }); // (value) => Promise<void> | void
+// → { request, cancel, confirm, isBusy, isOpen, pending }
+```
+
+| Old (`useConfirmDelete`) | New (`useConfirmAction`) |
+| --- | --- |
+| `onDelete` | `onConfirm` |
+| `requestDelete` | `request` |
+| `isDeleting` | `isBusy` |
+| `pendingId` | `pending` |
+
+A throw inside `onConfirm` keeps the dialog open and the hook swallows it —
+surface errors from inside `onConfirm` yourself, with a toast or an inline
+alert. Non-delete confirms (restart, reset, reload) use the same component
+with either plain boolean state or the same hook.
+
+### Typography
+
+The package ships no `Text`/`Heading` component — the same boundary that
+keeps `DataTable` and `CommandPalette` out. The type scale is design-system
+CSS consumed as classes on raw elements: `nc-type-display-xl/lg/md/sm`,
+`nc-type-title-lg/md/sm`, `nc-type-body-lg/md/sm` (plus `-strong` variants
+for `body-md`/`body-sm`), `nc-type-caption` (plus `-strong` and `-mono`),
+`nc-type-code`, and `nc-type-button-md/lg`.
+
+| Old usage | New usage |
+| --- | --- |
+| Page-level heading | `<h1 className="nc-type-title-lg">` (or a `display-*` class at hero scale) |
+| Section header (the dominant H2 `variant="sm"` pattern) | `<h2 className="nc-type-title-sm">` |
+| Body copy | `<p className="nc-type-body-md">` |
+| Fine print / labels | `nc-type-caption` |
+| Code | `nc-type-code` |
+
+### Segmented control
+
+Single-select segmented UI is the existing `ToggleGroup`:
+
+```tsx
+<ToggleGroup spacing={0} variant="outline">
+  <ToggleGroupItem value="day">Day</ToggleGroupItem>
+  <ToggleGroupItem value="week">Week</ToggleGroupItem>
+</ToggleGroup>
+```
+
+Base UI's `ToggleGroup` is single-select by default (`toggleMultiple`
+defaults to `false`), and its value is an array. Controlled usage is
+`value={[current]}` with:
+
+```tsx
+onValueChange={(next) => {
+  if (next.length) setCurrent(next[0]);
+}}
+```
+
+The length guard preserves radio semantics by ignoring deselection of the
+active item. A label-plus-group row ("FilterGroup") is an app-level flex
+composition, not package surface.
+
+### Copy affordances
+
+Copy-to-clipboard UI is the AI Elements surface — a sanctioned public path.
+Use `Snippet`/`SnippetCopyButton` and `CodeBlockCopyButton` from
+`@nadicodeai/ui/ai-elements`.
+
+| Old | New |
+| --- | --- |
+| `CommandBlock(label, code)` | `Snippet` with `SnippetCopyButton` |
+| Bare `CopyButton(text)` | `SnippetCopyButton` inside a `Snippet`, or an app-local `Button` when no snippet chrome is wanted |
+
+### Breakpoints
+
+`useIsMobile()` (fixed 768) and `useBelowBreakpoint(px)` (true strictly below
+`px`) both ship from `@nadicodeai/ui/hooks`.
+
 ## Migration Order
 
 1. Web admin or portal validation slice.

package/llms.txt

@@ -41,6 +41,7 @@ Component surface:
   - `@nadicodeai/ui/components/chart-kpi-stat`
   - `@nadicodeai/ui/components/chart-sparkline`
   - `@nadicodeai/ui/components/chart-time-series`
+  - `@nadicodeai/ui/components/confirm-dialog`
   - `@nadicodeai/ui/components/dashboard-shell`
   - `@nadicodeai/ui/components/desktop-shell`
   - `@nadicodeai/ui/components/feedback-state`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nadicodeai/ui",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -63,7 +63,7 @@
   },
   "dependencies": {
     "@base-ui/react": "^1.6.0",
-    "@nadicodeai/design-system": "0.8.0",
+    "@nadicodeai/design-system": "0.9.0",
     "@rive-app/react-webgl2": "^4.29.1",
     "@streamdown/cjk": "^1.0.3",
     "@streamdown/code": "^1.1.1",