@pixpilot/shadcn-ui 2.0.1 → 3.0.0

package/dist/ColorPicker/ColorPicker.cjs

@@ -5,7 +5,6 @@ const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 const require_ColorPickerBase = require('../ColorPickerBase/ColorPickerBase.cjs');
 const require_ColorPickerButton = require('../ColorPickerBase/ColorPickerButton.cjs');
 const require_ColorPickerInput = require('../ColorPickerBase/ColorPickerInput.cjs');
-require('../ColorPickerBase/index.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 

package/dist/ColorPicker/ColorPicker.js

@@ -4,7 +4,6 @@
 import { ColorPickerBase } from "../ColorPickerBase/ColorPickerBase.js";
 import { ColorPickerButton } from "../ColorPickerBase/ColorPickerButton.js";
 import { ColorPickerInput } from "../ColorPickerBase/ColorPickerInput.js";
-import "../ColorPickerBase/index.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/ColorPicker/ColorPicker.tsx

package/dist/ColorPickerBase/ColorPickerBase.cjs

@@ -3,7 +3,6 @@
 
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 const require_ColorPalette = require('./color-palette/ColorPalette.cjs');
-require('./color-palette/index.cjs');
 const require_constants = require('./constants.cjs');
 const require_ColorPickerCompactControls = require('./ColorPickerCompactControls.cjs');
 const require_ColorPickerFullControls = require('./ColorPickerFullControls.cjs');

package/dist/ColorPickerBase/ColorPickerBase.js

@@ -2,7 +2,6 @@
 
 
 import { COMMON_COLORS } from "./color-palette/ColorPalette.js";
-import "./color-palette/index.js";
 import { DEFAULT_COLOR, DEFAULT_SECTIONS } from "./constants.js";
 import { ColorPickerCompactControls } from "./ColorPickerCompactControls.js";
 import { ColorPickerFullControls } from "./ColorPickerFullControls.js";

package/dist/ColorPickerBase/ColorPickerButton.js

@@ -15,7 +15,9 @@ const ColorPickerButton = (props) => {
 		resetOptions,
 		onClear
 	});
-	if (onValueChange === void 0) throw new Error("ColorPickerButton must be used within a ColorPickerRoot component");
+	if (process.env.NODE_ENV !== "production") {
+		if (onValueChange === void 0) throw new Error("ColorPickerButton must be used within a ColorPickerRoot component");
+	}
 	const renderDisplayValue = () => {
 		if (isResetValue) return resetLabel;
 		if (value == null || value === "") return placeholder;

package/dist/ColorPickerBase/ColorPickerCompactControls.cjs

@@ -1,6 +1,5 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 const require_ColorPalette = require('./color-palette/ColorPalette.cjs');
-require('./color-palette/index.cjs');
 const require_ColorPickerContent = require('./ColorPickerContent.cjs');
 const require_ColorPickerControls = require('./ColorPickerControls.cjs');
 const require_ColorPickerFormatControls = require('./ColorPickerFormatControls.cjs');

package/dist/ColorPickerBase/ColorPickerCompactControls.js

@@ -1,5 +1,4 @@
 import { ColorPickerColorPalette } from "./color-palette/ColorPalette.js";
-import "./color-palette/index.js";
 import { ColorPickerContent } from "./ColorPickerContent.js";
 import { ColorPickerControls } from "./ColorPickerControls.js";
 import { ColorPickerFormatControls } from "./ColorPickerFormatControls.js";

package/dist/ColorPickerBase/ColorPickerFullControls.cjs

@@ -1,6 +1,5 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 const require_ColorPalette = require('./color-palette/ColorPalette.cjs');
-require('./color-palette/index.cjs');
 const require_ColorPickerContent = require('./ColorPickerContent.cjs');
 const require_ColorPickerControls = require('./ColorPickerControls.cjs');
 const require_ColorPickerFormatControls = require('./ColorPickerFormatControls.cjs');

package/dist/ColorPickerBase/ColorPickerFullControls.js

@@ -1,5 +1,4 @@
 import { ColorPickerColorPalette } from "./color-palette/ColorPalette.js";
-import "./color-palette/index.js";
 import { ColorPickerContent } from "./ColorPickerContent.js";
 import { ColorPickerControls } from "./ColorPickerControls.js";
 import { ColorPickerFormatControls } from "./ColorPickerFormatControls.js";

package/dist/ColorPickerBase/ColorPickerInput.js

@@ -15,7 +15,9 @@ const ColorPickerInput$1 = (props) => {
 		resetOptions,
 		onClear
 	});
-	if (onValueChange === void 0) throw new Error("ColorPickerInput must be used within a ColorPickerRoot component");
+	if (process.env.NODE_ENV !== "production") {
+		if (onValueChange === void 0) throw new Error("ColorPickerInput must be used within a ColorPickerRoot component");
+	}
 	const inputValue = isResetValue ? "" : value ?? "";
 	const inputPlaceholder = isResetValue ? resetLabel : placeholder;
 	const controlId = id ?? contextId;

package/dist/avatar-upload/AvatarUploadItem.cjs

@@ -2,7 +2,6 @@ const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 const require_get_id = require('../utils/get-id.cjs');
 const require_use_file_error = require('../file-upload/hooks/use-file-error.cjs');
 const require_use_file_upload_progress_callbacks = require('../file-upload/hooks/use-file-upload-progress-callbacks.cjs');
-require('../file-upload/index.cjs');
 const require_AvatarUploadComponents = require('./AvatarUploadComponents.cjs');
 let __pixpilot_shadcn = require("@pixpilot/shadcn");
 __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);

package/dist/avatar-upload/AvatarUploadItem.js

@@ -1,7 +1,6 @@
 import { getId } from "../utils/get-id.js";
 import { useFileError } from "../file-upload/hooks/use-file-error.js";
 import { useFileUploadProgressCallbacks } from "../file-upload/hooks/use-file-upload-progress-callbacks.js";
-import "../file-upload/index.js";
 import { AvatarWrap, Image, MainWrapper, MessageComponent } from "./AvatarUploadComponents.js";
 import { FileUploadItem, FileUploadItemProgress, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, cn, useFileUpload } from "@pixpilot/shadcn";
 import { AlertCircle } from "lucide-react";

package/dist/button/Button.cjs

@@ -3,7 +3,6 @@
 
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 const require_AbsoluteFill = require('../absolute-fill/AbsoluteFill.cjs');
-require('../absolute-fill/index.cjs');
 let __pixpilot_shadcn = require("@pixpilot/shadcn");
 __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 let react = require("react");

package/dist/button/Button.d.ts

@@ -1,6 +1,6 @@
 import { Button, Tooltip, TooltipContent, TooltipTrigger, buttonVariants } from "@pixpilot/shadcn";
 import React from "react";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 
 //#region src/button/Button.d.ts
@@ -27,7 +27,7 @@ interface ButtonProps extends React.ComponentProps<typeof Button>, VariantProps<
 }
 declare function Button$1(props: ButtonProps & {
   ref?: React.Ref<HTMLButtonElement>;
-}): react_jsx_runtime2.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 declare namespace Button$1 {
   var displayName: string;
 }

package/dist/button/Button.js

@@ -2,7 +2,6 @@
 
 
 import { AbsoluteFill } from "../absolute-fill/AbsoluteFill.js";
-import "../absolute-fill/index.js";
 import { Button, cn } from "@pixpilot/shadcn";
 import React, { useCallback } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/button-extended/ButtonExtended.cjs

@@ -3,7 +3,6 @@
 
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 const require_AbsoluteFill = require('../absolute-fill/AbsoluteFill.cjs');
-require('../absolute-fill/index.cjs');
 let __pixpilot_shadcn = require("@pixpilot/shadcn");
 __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 let lucide_react = require("lucide-react");

package/dist/button-extended/ButtonExtended.js

@@ -2,7 +2,6 @@
 
 
 import { AbsoluteFill } from "../absolute-fill/AbsoluteFill.js";
-import "../absolute-fill/index.js";
 import { Button, Tooltip, TooltipContent, TooltipTrigger, cn } from "@pixpilot/shadcn";
 import { Loader2 } from "lucide-react";
 import React, { useCallback } from "react";

package/dist/close-button-absolute/CloseButtonAbsolute.cjs

@@ -1,6 +1,5 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 const require_CloseButtonRounded = require('../close-button-rounded/CloseButtonRounded.cjs');
-require('../close-button-rounded/index.cjs');
 let __pixpilot_shadcn = require("@pixpilot/shadcn");
 __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 let react = require("react");

package/dist/close-button-absolute/CloseButtonAbsolute.js

@@ -1,5 +1,4 @@
 import { CloseButtonRounded } from "../close-button-rounded/CloseButtonRounded.js";
-import "../close-button-rounded/index.js";
 import { cn } from "@pixpilot/shadcn";
 import React from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/color-select/ColorSelect.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime23 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 import { Select, SelectContent } from "@pixpilot/shadcn";
 import React, { ComponentProps } from "react";
 
@@ -17,6 +17,6 @@ type BaseColorSelectProps = {
   keyboardMode?: 'cycle' | 'dropdown';
   className?: string;
 } & Omit<ComponentProps<typeof Select>, 'value' | 'onValueChange' | 'children'>;
-declare function ColorSelect(props: BaseColorSelectProps): react_jsx_runtime23.JSX.Element;
+declare function ColorSelect(props: BaseColorSelectProps): react_jsx_runtime5.JSX.Element;
 //#endregion
 export { BaseColorSelectProps, ColorSelect, ColorSelectOption };

package/dist/color-select/ColorSelect.d.ts

@@ -1,6 +1,6 @@
 import { Select, SelectContent } from "@pixpilot/shadcn";
 import React, { ComponentProps } from "react";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 
 //#region src/color-select/ColorSelect.d.ts
 interface ColorSelectOption {
@@ -17,6 +17,6 @@ type BaseColorSelectProps = {
   keyboardMode?: 'cycle' | 'dropdown';
   className?: string;
 } & Omit<ComponentProps<typeof Select>, 'value' | 'onValueChange' | 'children'>;
-declare function ColorSelect(props: BaseColorSelectProps): react_jsx_runtime5.JSX.Element;
+declare function ColorSelect(props: BaseColorSelectProps): react_jsx_runtime7.JSX.Element;
 //#endregion
 export { BaseColorSelectProps, ColorSelect, ColorSelectOption };

package/dist/combobox/Combobox.cjs

@@ -4,7 +4,6 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 const require_get_id = require('../utils/get-id.cjs');
 const require_CommandOptionList = require('../command-option-list/CommandOptionList.cjs');
-require('../command-option-list/index.cjs');
 let __pixpilot_shadcn = require("@pixpilot/shadcn");
 __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 let lucide_react = require("lucide-react");

package/dist/combobox/Combobox.js

@@ -3,7 +3,6 @@
 
 import { getId } from "../utils/get-id.js";
 import { CommandOptionList } from "../command-option-list/CommandOptionList.js";
-import "../command-option-list/index.js";
 import { Button, Command, CommandInput, Popover, PopoverContent, PopoverTrigger, cn } from "@pixpilot/shadcn";
 import { ChevronsUpDown } from "lucide-react";
 import React, { useState } from "react";

package/dist/confirmation-dialog/ConfirmationDialog.cjs

@@ -1,8 +1,7 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 const require_get_id = require('../utils/get-id.cjs');
 const require_variant_config = require('../variant-config.cjs');
-const require_dialog_registry = require('../dialog-provider/dialog-registry.cjs');
-require('../dialog-provider/index.cjs');
+const require_dialog_registry = require('../dialog-registry/dialog-registry.cjs');
 let __pixpilot_shadcn = require("@pixpilot/shadcn");
 __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -17,7 +16,7 @@ const variantMap = {
 };
 const ConfirmationDialog = require_dialog_registry.dialog.create((props) => {
 	const { id, title = "Confirmation Dialog", variant, showIcon = true } = props;
-	const modal = require_dialog_registry.dialog.useDialog();
+	const modal = require_dialog_registry.dialog.use();
 	const handleConfirm = () => {
 		props.onConfirm?.();
 		modal.resolve(true);

package/dist/confirmation-dialog/ConfirmationDialog.js

@@ -1,7 +1,6 @@
 import { getId } from "../utils/get-id.js";
 import { variantConfig } from "../variant-config.js";
-import { dialog } from "../dialog-provider/dialog-registry.js";
-import "../dialog-provider/index.js";
+import { dialog } from "../dialog-registry/dialog-registry.js";
 import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, cn } from "@pixpilot/shadcn";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -14,7 +13,7 @@ const variantMap = {
 };
 const ConfirmationDialog = dialog.create((props) => {
 	const { id, title = "Confirmation Dialog", variant, showIcon = true } = props;
-	const modal = dialog.useDialog();
+	const modal = dialog.use();
 	const handleConfirm = () => {
 		props.onConfirm?.();
 		modal.resolve(true);

package/dist/confirmation-dialog/mcp.js

@@ -4,7 +4,7 @@ import { defineProps } from "../mcp/src/utils.js";
 const meta = {
 	name: "ConfirmationDialog",
 	category: "Overlays",
-	description: "A prebuilt confirm/cancel dialog with variant styling and icon, shown imperatively via the dialog helper inside a DialogProvider.",
+	description: "A prebuilt confirm/cancel dialog with variant styling and icon, shown imperatively via the `dialog` helper (see `registerDialog`) under an OverlayProvider.",
 	props: defineProps({
 		id: "Optional identifier for the dialog instance used by the imperative dialog helper.",
 		title: {
@@ -36,12 +36,12 @@ const meta = {
 			defaultValue: "true"
 		}
 	}),
-	notes: ["Render a DialogProvider near the app root, then show this dialog imperatively via the exported `dialog` helper."],
+	notes: ["Render an OverlayProvider near the app root, then show this dialog imperatively via the exported `dialog` helper."],
 	examples: [{
 		title: "Show a confirmation",
 		code: "const ok = await dialog.show(ConfirmationDialog, { title: \"Delete item?\", variant: \"destructive\", confirmText: \"Delete\" });\nif (ok) deleteItem();"
 	}],
-	related: ["Dialog", "DialogProvider"],
+	related: ["Dialog", "registerDialog"],
 	keywords: [
 		"confirm",
 		"dialog",

package/dist/content-card/ContentCard.cjs

@@ -1,6 +1,5 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 const require_Card = require('../card/Card.cjs');
-require('../card/index.cjs');
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/content-card/ContentCard.d.cts

@@ -1,6 +1,6 @@
 import { Card } from "../card/Card.cjs";
 import "../card/index.cjs";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 import React, { ReactNode } from "react";
 
 //#region src/content-card/ContentCard.d.ts
@@ -9,7 +9,7 @@ interface SectionCardProps extends React.ComponentProps<typeof Card> {
   children: ReactNode;
   marginBottom?: boolean;
 }
-declare function ContentCard(props: SectionCardProps): react_jsx_runtime10.JSX.Element;
+declare function ContentCard(props: SectionCardProps): react_jsx_runtime7.JSX.Element;
 declare namespace ContentCard {
   var displayName: string;
 }

package/dist/content-card/ContentCard.d.ts

@@ -1,7 +1,7 @@
 import { Card } from "../card/Card.js";
 import "../card/index.js";
 import React, { ReactNode } from "react";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/content-card/ContentCard.d.ts
 interface SectionCardProps extends React.ComponentProps<typeof Card> {
@@ -9,7 +9,7 @@ interface SectionCardProps extends React.ComponentProps<typeof Card> {
   children: ReactNode;
   marginBottom?: boolean;
 }
-declare function ContentCard(props: SectionCardProps): react_jsx_runtime6.JSX.Element;
+declare function ContentCard(props: SectionCardProps): react_jsx_runtime5.JSX.Element;
 declare namespace ContentCard {
   var displayName: string;
 }

package/dist/content-card/ContentCard.js

@@ -1,5 +1,4 @@
 import { Card, CardContent, CardHeader, CardTitle } from "../card/Card.js";
-import "../card/index.js";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 

package/dist/date-picker/DatePicker.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 import { Calendar } from "@pixpilot/shadcn";
 import { ComponentProps } from "react";
 
@@ -10,7 +10,7 @@ type DatePickerProps = {
   placeholder?: string;
   showClearButton?: boolean;
 } & Omit<ComponentProps<typeof Calendar>, 'selected' | 'onSelect' | 'mode'>;
-declare function DatePicker(props: DatePickerProps): react_jsx_runtime5.JSX.Element;
+declare function DatePicker(props: DatePickerProps): react_jsx_runtime6.JSX.Element;
 declare namespace DatePicker {
   var displayName: string;
 }

package/dist/date-picker/DatePicker.d.ts

@@ -1,6 +1,6 @@
 import { Calendar } from "@pixpilot/shadcn";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/date-picker/DatePicker.d.ts
 type DatePickerProps = {
@@ -10,7 +10,7 @@ type DatePickerProps = {
   placeholder?: string;
   showClearButton?: boolean;
 } & Omit<ComponentProps<typeof Calendar>, 'selected' | 'onSelect' | 'mode'>;
-declare function DatePicker(props: DatePickerProps): react_jsx_runtime7.JSX.Element;
+declare function DatePicker(props: DatePickerProps): react_jsx_runtime6.JSX.Element;
 declare namespace DatePicker {
   var displayName: string;
 }

package/dist/dialog/Dialog.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 import { DialogClose, DialogContent } from "@pixpilot/shadcn";
 import * as React$1 from "react";
 
@@ -10,18 +10,18 @@ declare const DialogContent$1: React$1.ForwardRefExoticComponent<DialogContentPr
 declare function DialogHeader({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime6.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime8.JSX.Element;
 declare function DialogBody({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime6.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime8.JSX.Element;
 declare function DialogFooter({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime6.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime8.JSX.Element;
 declare function DialogClose$1({
   className,
   ...props
-}: React$1.ComponentPropsWithoutRef<typeof DialogClose>): react_jsx_runtime6.JSX.Element;
+}: React$1.ComponentPropsWithoutRef<typeof DialogClose>): react_jsx_runtime8.JSX.Element;
 //#endregion
 export { DialogBody, DialogClose$1 as DialogClose, DialogContent$1 as DialogContent, DialogContentProps, DialogFooter, DialogHeader };

package/dist/dialog/mcp.js

@@ -40,7 +40,7 @@ const meta = {
 		title: "Dialog with body and footer",
 		code: "<Dialog>\n  <DialogTrigger asChild><Button>Open</Button></DialogTrigger>\n  <DialogContent>\n    <DialogHeader><DialogTitle>Edit</DialogTitle></DialogHeader>\n    <DialogBody>{form}</DialogBody>\n    <DialogFooter><DialogClose asChild><Button>Save</Button></DialogClose></DialogFooter>\n  </DialogContent>\n</Dialog>"
 	}],
-	related: ["ConfirmationDialog", "DialogProvider"],
+	related: ["ConfirmationDialog", "registerDialog"],
 	keywords: [
 		"dialog",
 		"modal",

package/dist/dialog-registry/dialog-registry.cjs

@@ -0,0 +1,24 @@
+const require_overlay_registry = require('../overlay-provider/overlay-registry.cjs');
+
+//#region src/dialog-registry/dialog-registry.ts
+const useDialog = require_overlay_registry.useOverlay;
+/**
+* Convenience registry facade for dialog operations.
+*
+* Use this when you prefer a single import with discoverable methods instead of
+* importing `registerDialog`, `showDialog`, `hideDialog`, `removeDialog`, and
+* `unregisterDialog` separately.
+*
+* Usage:
+* ```ts
+* const projectDialog = dialog.register('project-dialog', ProjectDialog);
+* await projectDialog.show({ projectId: 'project-1' });
+* await dialog.show('project-dialog', { projectId: 'project-2' });
+* dialog.unregister('project-dialog');
+* ```
+*/
+const dialog = require_overlay_registry.overlayRegistry;
+
+//#endregion
+exports.dialog = dialog;
+exports.useDialog = useDialog;

package/dist/dialog-registry/dialog-registry.d.cts

@@ -0,0 +1,23 @@
+import { OverlayRegistry } from "../overlay-provider/types.cjs";
+import * as _ebay_nice_modal_react0 from "@ebay/nice-modal-react";
+
+//#region src/dialog-registry/dialog-registry.d.ts
+declare const useDialog: typeof _ebay_nice_modal_react0.useModal;
+/**
+ * Convenience registry facade for dialog operations.
+ *
+ * Use this when you prefer a single import with discoverable methods instead of
+ * importing `registerDialog`, `showDialog`, `hideDialog`, `removeDialog`, and
+ * `unregisterDialog` separately.
+ *
+ * Usage:
+ * ```ts
+ * const projectDialog = dialog.register('project-dialog', ProjectDialog);
+ * await projectDialog.show({ projectId: 'project-1' });
+ * await dialog.show('project-dialog', { projectId: 'project-2' });
+ * dialog.unregister('project-dialog');
+ * ```
+ */
+declare const dialog: OverlayRegistry;
+//#endregion
+export { dialog, useDialog };

package/dist/dialog-registry/dialog-registry.d.ts

@@ -0,0 +1,23 @@
+import { OverlayRegistry } from "../overlay-provider/types.js";
+import * as _ebay_nice_modal_react0 from "@ebay/nice-modal-react";
+
+//#region src/dialog-registry/dialog-registry.d.ts
+declare const useDialog: typeof _ebay_nice_modal_react0.useModal;
+/**
+ * Convenience registry facade for dialog operations.
+ *
+ * Use this when you prefer a single import with discoverable methods instead of
+ * importing `registerDialog`, `showDialog`, `hideDialog`, `removeDialog`, and
+ * `unregisterDialog` separately.
+ *
+ * Usage:
+ * ```ts
+ * const projectDialog = dialog.register('project-dialog', ProjectDialog);
+ * await projectDialog.show({ projectId: 'project-1' });
+ * await dialog.show('project-dialog', { projectId: 'project-2' });
+ * dialog.unregister('project-dialog');
+ * ```
+ */
+declare const dialog: OverlayRegistry;
+//#endregion
+export { dialog, useDialog };

package/dist/dialog-registry/dialog-registry.js

@@ -0,0 +1,23 @@
+import { overlayRegistry, useOverlay } from "../overlay-provider/overlay-registry.js";
+
+//#region src/dialog-registry/dialog-registry.ts
+const useDialog = useOverlay;
+/**
+* Convenience registry facade for dialog operations.
+*
+* Use this when you prefer a single import with discoverable methods instead of
+* importing `registerDialog`, `showDialog`, `hideDialog`, `removeDialog`, and
+* `unregisterDialog` separately.
+*
+* Usage:
+* ```ts
+* const projectDialog = dialog.register('project-dialog', ProjectDialog);
+* await projectDialog.show({ projectId: 'project-1' });
+* await dialog.show('project-dialog', { projectId: 'project-2' });
+* dialog.unregister('project-dialog');
+* ```
+*/
+const dialog = overlayRegistry;
+
+//#endregion
+export { dialog, useDialog };

package/dist/dialog-registry/index.d.cts

@@ -0,0 +1,3 @@
+import { dialog, useDialog } from "./dialog-registry.cjs";
+import { registerDialog } from "./register-dialog.cjs";
+import { ShowDialogProps, showDialog } from "./show-dialog.cjs";

package/dist/dialog-registry/index.d.ts

@@ -0,0 +1,3 @@
+import { dialog, useDialog } from "./dialog-registry.js";
+import { registerDialog } from "./register-dialog.js";
+import { ShowDialogProps, showDialog } from "./show-dialog.js";

package/dist/dialog-registry/mcp.js

@@ -0,0 +1,51 @@
+import { defineProps } from "../mcp/src/utils.js";
+
+//#region src/dialog-registry/mcp.ts
+const meta = {
+	name: "registerDialog",
+	category: "Overlays",
+	description: "Imperative dialog API built on the overlay provider (there is no `DialogProvider` component — mount `OverlayProvider`). `registerDialog(id, Component, defaultProps?)` registers a dialog once so you can open it from anywhere with a typed `show(props)` call — no JSX trigger or local open state. The same folder also exports `showDialog`, the `dialog` registry facade, and the `useDialog` hook.",
+	props: defineProps({}),
+	notes: [
+		"Mount `<OverlayProvider>` once near the app root; this facade shares that single provider with the drawer imperative API (`registerDrawer`). There is no separate DialogProvider component to render.",
+		"`registerDialog(id, Component, defaultProps?)` returns a typed controller — call `controller.show(props)` (resolves when the dialog closes), `controller.hide()`, and `controller.remove()`. Props passed as `defaultProps` become optional in `show`.",
+		"The registered component receives controlled `open` and `onOpenChange` props automatically (wrapped with NiceModal), so it does not manage its own open state.",
+		"`showDialog(id, props?)` opens a dialog by id when the typed controller is not in scope; prefer `registerDialog(...).show(...)` when the component is available in the same module.",
+		"The `dialog` facade groups the same operations under one import: `dialog.register`, `dialog.show`, `dialog.hide`, `dialog.remove`, `dialog.unregister`.",
+		"`useDialog()` (alias of `useOverlay`) reads dialog state from inside a component."
+	],
+	examples: [
+		{
+			title: "Register and show with a typed controller",
+			code: "const projectDialog = registerDialog('project-dialog', ProjectDialog, { mode: 'edit' });\nawait projectDialog.show({ projectId: 'project-1' });"
+		},
+		{
+			title: "Open a dialog by id from anywhere",
+			code: "await showDialog('project-dialog', { projectId: 'project-2' });"
+		},
+		{
+			title: "The `dialog` registry facade",
+			code: "const projectDialog = dialog.register('project-dialog', ProjectDialog);\nawait projectDialog.show({ projectId: 'project-1' });\ndialog.unregister('project-dialog');"
+		}
+	],
+	related: [
+		"OverlayProvider",
+		"registerDrawer",
+		"Dialog",
+		"ConfirmationDialog"
+	],
+	keywords: [
+		"dialog",
+		"provider",
+		"modal",
+		"imperative",
+		"show-dialog",
+		"register-dialog",
+		"use-dialog",
+		"overlay",
+		"dialog-provider"
+	]
+};
+
+//#endregion
+export { meta };

package/dist/dialog-registry/register-dialog.cjs

@@ -0,0 +1,20 @@
+const require_overlay_registry = require('../overlay-provider/overlay-registry.cjs');
+
+//#region src/dialog-registry/register-dialog.ts
+/**
+* Registers a dialog component and returns a typed controller for it.
+*
+* The component is wrapped with NiceModal automatically and receives controlled
+* `open` and `onOpenChange` props. Props supplied as `defaultProps` become
+* optional when calling `show`.
+*
+* Usage:
+* ```ts
+* const projectDialog = registerDialog('project-dialog', ProjectDialog, { mode: 'edit' });
+* await projectDialog.show({ projectId: 'project-1' });
+* ```
+*/
+const registerDialog = require_overlay_registry.registerOverlay;
+
+//#endregion
+exports.registerDialog = registerDialog;

package/dist/dialog-registry/register-dialog.d.cts

@@ -0,0 +1,21 @@
+import { registerOverlay } from "../overlay-provider/overlay-registry.cjs";
+import "../overlay-provider/index.cjs";
+
+//#region src/dialog-registry/register-dialog.d.ts
+
+/**
+ * Registers a dialog component and returns a typed controller for it.
+ *
+ * The component is wrapped with NiceModal automatically and receives controlled
+ * `open` and `onOpenChange` props. Props supplied as `defaultProps` become
+ * optional when calling `show`.
+ *
+ * Usage:
+ * ```ts
+ * const projectDialog = registerDialog('project-dialog', ProjectDialog, { mode: 'edit' });
+ * await projectDialog.show({ projectId: 'project-1' });
+ * ```
+ */
+declare const registerDialog: typeof registerOverlay;
+//#endregion
+export { registerDialog };