@pixpilot/shadcn-ui 2.1.0 → 3.1.0

package/dist/button-extended/ButtonExtended.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 import { Button, Tooltip, TooltipContent, TooltipTrigger, buttonVariants } from "@pixpilot/shadcn";
 import React from "react";
 import { VariantProps } from "class-variance-authority";
@@ -50,7 +50,7 @@ interface ButtonExtendedProps extends React.ComponentProps<typeof Button>, Varia
 }
 declare function ButtonExtended(props: ButtonExtendedProps & {
   ref?: React.Ref<HTMLButtonElement>;
-}): react_jsx_runtime1.JSX.Element;
+}): react_jsx_runtime2.JSX.Element;
 declare namespace ButtonExtended {
   var displayName: string;
 }

package/dist/button-extended/ButtonExtended.d.ts

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

package/dist/card/Card.d.ts

@@ -1,15 +1,15 @@
 import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@pixpilot/shadcn";
 import React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/card/Card.d.ts
 declare function CardTitle$1({
   className,
   ...props
-}: React.ComponentProps<typeof CardTitle>): react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof CardTitle>): react_jsx_runtime1.JSX.Element;
 declare function CardHeader$1({
   className,
   ...props
-}: React.ComponentProps<typeof CardHeader>): react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof CardHeader>): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader$1 as CardHeader, CardTitle$1 as CardTitle };

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime27 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_runtime5.JSX.Element;
+declare function ColorSelect(props: BaseColorSelectProps): react_jsx_runtime27.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_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime3 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_runtime2.JSX.Element;
+declare function ColorSelect(props: BaseColorSelectProps): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { BaseColorSelectProps, ColorSelect, ColorSelectOption };

package/dist/confirmation-dialog/ConfirmationDialog.cjs

@@ -1,7 +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');
+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");
@@ -16,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,6 +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 } 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";
 
@@ -13,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.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_runtime5 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_runtime5.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_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime7 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_runtime5.JSX.Element;
+declare function ContentCard(props: SectionCardProps): react_jsx_runtime7.JSX.Element;
 declare namespace ContentCard {
   var displayName: string;
 }

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime11 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_runtime11.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_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime8 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_runtime12.JSX.Element;
+declare function DatePicker(props: DatePickerProps): react_jsx_runtime8.JSX.Element;
 declare namespace DatePicker {
   var displayName: string;
 }

package/dist/dialog/Dialog.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime18 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_runtime12.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime18.JSX.Element;
 declare function DialogBody({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime12.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime18.JSX.Element;
 declare function DialogFooter({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime12.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime18.JSX.Element;
 declare function DialogClose$1({
   className,
   ...props
-}: React$1.ComponentPropsWithoutRef<typeof DialogClose>): react_jsx_runtime12.JSX.Element;
+}: React$1.ComponentPropsWithoutRef<typeof DialogClose>): react_jsx_runtime18.JSX.Element;
 //#endregion
 export { DialogBody, DialogClose$1 as DialogClose, DialogContent$1 as DialogContent, DialogContentProps, DialogFooter, DialogHeader };

package/dist/dialog/Dialog.d.ts

@@ -1,6 +1,6 @@
 import { DialogClose, DialogContent } from "@pixpilot/shadcn";
 import * as React$1 from "react";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 
 //#region src/dialog/Dialog.d.ts
 interface DialogContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogContent> {
@@ -10,18 +10,18 @@ declare const DialogContent$1: React$1.ForwardRefExoticComponent<DialogContentPr
 declare function DialogHeader$1({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime6.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime9.JSX.Element;
 declare function DialogBody({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime6.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime9.JSX.Element;
 declare function DialogFooter$1({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime6.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime9.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_runtime9.JSX.Element;
 //#endregion
 export { DialogBody, DialogClose$1 as DialogClose, DialogContent$1 as DialogContent, DialogContentProps, DialogFooter$1 as DialogFooter, DialogHeader$1 as 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 };

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

@@ -0,0 +1,21 @@
+import { registerOverlay } from "../overlay-provider/overlay-registry.js";
+import "../overlay-provider/index.js";
+
+//#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 };

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

@@ -0,0 +1,20 @@
+import { registerOverlay } from "../overlay-provider/overlay-registry.js";
+
+//#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 = registerOverlay;
+
+//#endregion
+export { registerDialog };

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

@@ -0,0 +1,17 @@
+const require_overlay_registry = require('../overlay-provider/overlay-registry.cjs');
+
+//#region src/dialog-registry/show-dialog.ts
+/**
+* Opens a registered dialog by id when the caller does not have its typed
+* controller. Prefer `registerDialog(...).show(...)` when the dialog component
+* is available in the same module.
+*
+* Usage:
+* ```ts
+* await showDialog('project-dialog', { projectId: 'project-1' });
+* ```
+*/
+const showDialog = require_overlay_registry.showOverlay;
+
+//#endregion
+exports.showDialog = showDialog;

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

@@ -0,0 +1,18 @@
+import { ShowOverlayProps, showOverlay } from "../overlay-provider/overlay-registry.cjs";
+import "../overlay-provider/index.cjs";
+
+//#region src/dialog-registry/show-dialog.d.ts
+type ShowDialogProps = ShowOverlayProps;
+/**
+ * Opens a registered dialog by id when the caller does not have its typed
+ * controller. Prefer `registerDialog(...).show(...)` when the dialog component
+ * is available in the same module.
+ *
+ * Usage:
+ * ```ts
+ * await showDialog('project-dialog', { projectId: 'project-1' });
+ * ```
+ */
+declare const showDialog: typeof showOverlay;
+//#endregion
+export { ShowDialogProps, showDialog };

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

@@ -0,0 +1,18 @@
+import { ShowOverlayProps, showOverlay } from "../overlay-provider/overlay-registry.js";
+import "../overlay-provider/index.js";
+
+//#region src/dialog-registry/show-dialog.d.ts
+type ShowDialogProps = ShowOverlayProps;
+/**
+ * Opens a registered dialog by id when the caller does not have its typed
+ * controller. Prefer `registerDialog(...).show(...)` when the dialog component
+ * is available in the same module.
+ *
+ * Usage:
+ * ```ts
+ * await showDialog('project-dialog', { projectId: 'project-1' });
+ * ```
+ */
+declare const showDialog: typeof showOverlay;
+//#endregion
+export { ShowDialogProps, showDialog };

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

@@ -0,0 +1,17 @@
+import { showOverlay } from "../overlay-provider/overlay-registry.js";
+
+//#region src/dialog-registry/show-dialog.ts
+/**
+* Opens a registered dialog by id when the caller does not have its typed
+* controller. Prefer `registerDialog(...).show(...)` when the dialog component
+* is available in the same module.
+*
+* Usage:
+* ```ts
+* await showDialog('project-dialog', { projectId: 'project-1' });
+* ```
+*/
+const showDialog = showOverlay;
+
+//#endregion
+export { showDialog };