@pixpilot/shadcn-ui 2.1.0 → 3.1.0

package/dist/drawer/Drawer.cjs

@@ -0,0 +1,57 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let __pixpilot_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/drawer/Drawer.tsx
+/**
+* Direction-aware "floating" overrides. Each rule targets vaul's
+* `data-vaul-drawer-direction` attribute so a single set of classes works
+* regardless of which edge the drawer root anchors to. Per-corner radius
+* classes (`rounded-t-*`/`rounded-b-*`) are used for the top/bottom directions
+* so they deterministically override the registry's `rounded-t-lg`/`rounded-b-lg`.
+*/
+const floatingClass = (0, __pixpilot_shadcn.cn)("overflow-hidden border shadow-lg", "data-[vaul-drawer-direction=bottom]:inset-x-3 data-[vaul-drawer-direction=bottom]:bottom-3 data-[vaul-drawer-direction=bottom]:rounded-t-2xl data-[vaul-drawer-direction=bottom]:rounded-b-2xl", "data-[vaul-drawer-direction=top]:inset-x-3 data-[vaul-drawer-direction=top]:top-3 data-[vaul-drawer-direction=top]:rounded-t-2xl data-[vaul-drawer-direction=top]:rounded-b-2xl", "data-[vaul-drawer-direction=right]:inset-y-3 data-[vaul-drawer-direction=right]:right-3 data-[vaul-drawer-direction=right]:rounded-2xl", "data-[vaul-drawer-direction=left]:inset-y-3 data-[vaul-drawer-direction=left]:left-3 data-[vaul-drawer-direction=left]:rounded-2xl");
+const DrawerContent = react.forwardRef(({ className, floating = true,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DrawerContent, {
+	ref,
+	className: (0, __pixpilot_shadcn.cn)("min-h-0 gap-4 px-6 pb-6", floating && floatingClass, className),
+	...props
+}));
+DrawerContent.displayName = "DrawerContent";
+function DrawerHeader({ className,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "header",
+		className: (0, __pixpilot_shadcn.cn)("flex shrink-0 flex-col gap-2.5", className),
+		...props
+	});
+}
+function DrawerBody({ className,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "body",
+		className: (0, __pixpilot_shadcn.cn)("min-h-0 flex-1 overflow-auto -mx-6 px-6", className),
+		...props
+	});
+}
+function DrawerFooter({ className,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "footer",
+		className: (0, __pixpilot_shadcn.cn)("flex shrink-0 justify-end space-x-2", className),
+		...props
+	});
+}
+function DrawerClose({ className,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DrawerClose, {
+		className: (0, __pixpilot_shadcn.cn)(className),
+		...props
+	});
+}
+
+//#endregion
+exports.DrawerBody = DrawerBody;
+exports.DrawerClose = DrawerClose;
+exports.DrawerContent = DrawerContent;
+exports.DrawerFooter = DrawerFooter;
+exports.DrawerHeader = DrawerHeader;

package/dist/drawer/Drawer.d.cts

@@ -0,0 +1,40 @@
+import * as react_jsx_runtime22 from "react/jsx-runtime";
+import { DrawerClose, DrawerContent } from "@pixpilot/shadcn";
+import * as React$1 from "react";
+import * as _radix_ui_react_dialog0 from "@radix-ui/react-dialog";
+
+//#region src/drawer/Drawer.d.ts
+type DrawerContentProps = React$1.ComponentPropsWithoutRef<typeof DrawerContent> & {
+  /**
+   * Detach the drawer from the viewport edges: adds a gap on every side and
+   * rounds all corners, so it reads as a floating card rather than a panel
+   * flush to the edge. Works for any `direction`. Default `true`.
+   */
+  floating?: boolean;
+};
+declare const DrawerContent$1: React$1.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_dialog0.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+  /**
+   * Detach the drawer from the viewport edges: adds a gap on every side and
+   * rounds all corners, so it reads as a floating card rather than a panel
+   * flush to the edge. Works for any `direction`. Default `true`.
+   */
+  floating?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare function DrawerHeader({
+  className,
+  ...props
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime22.JSX.Element;
+declare function DrawerBody({
+  className,
+  ...props
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime22.JSX.Element;
+declare function DrawerFooter({
+  className,
+  ...props
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime22.JSX.Element;
+declare function DrawerClose$1({
+  className,
+  ...props
+}: React$1.ComponentPropsWithoutRef<typeof DrawerClose>): react_jsx_runtime22.JSX.Element;
+//#endregion
+export { DrawerBody, DrawerClose$1 as DrawerClose, DrawerContent$1 as DrawerContent, DrawerContentProps, DrawerFooter, DrawerHeader };

package/dist/drawer/Drawer.d.ts

@@ -0,0 +1,40 @@
+import { DrawerClose, DrawerContent } from "@pixpilot/shadcn";
+import * as React$1 from "react";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as _radix_ui_react_dialog0 from "@radix-ui/react-dialog";
+
+//#region src/drawer/Drawer.d.ts
+type DrawerContentProps = React$1.ComponentPropsWithoutRef<typeof DrawerContent> & {
+  /**
+   * Detach the drawer from the viewport edges: adds a gap on every side and
+   * rounds all corners, so it reads as a floating card rather than a panel
+   * flush to the edge. Works for any `direction`. Default `true`.
+   */
+  floating?: boolean;
+};
+declare const DrawerContent$1: React$1.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_dialog0.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+  /**
+   * Detach the drawer from the viewport edges: adds a gap on every side and
+   * rounds all corners, so it reads as a floating card rather than a panel
+   * flush to the edge. Works for any `direction`. Default `true`.
+   */
+  floating?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare function DrawerHeader({
+  className,
+  ...props
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime13.JSX.Element;
+declare function DrawerBody({
+  className,
+  ...props
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime13.JSX.Element;
+declare function DrawerFooter({
+  className,
+  ...props
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime13.JSX.Element;
+declare function DrawerClose$1({
+  className,
+  ...props
+}: React$1.ComponentPropsWithoutRef<typeof DrawerClose>): react_jsx_runtime13.JSX.Element;
+//#endregion
+export { DrawerBody, DrawerClose$1 as DrawerClose, DrawerContent$1 as DrawerContent, DrawerContentProps, DrawerFooter, DrawerHeader };

package/dist/drawer/Drawer.js

@@ -0,0 +1,49 @@
+import { DrawerClose, DrawerContent, cn } from "@pixpilot/shadcn";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/drawer/Drawer.tsx
+/**
+* Direction-aware "floating" overrides. Each rule targets vaul's
+* `data-vaul-drawer-direction` attribute so a single set of classes works
+* regardless of which edge the drawer root anchors to. Per-corner radius
+* classes (`rounded-t-*`/`rounded-b-*`) are used for the top/bottom directions
+* so they deterministically override the registry's `rounded-t-lg`/`rounded-b-lg`.
+*/
+const floatingClass = cn("overflow-hidden border shadow-lg", "data-[vaul-drawer-direction=bottom]:inset-x-3 data-[vaul-drawer-direction=bottom]:bottom-3 data-[vaul-drawer-direction=bottom]:rounded-t-2xl data-[vaul-drawer-direction=bottom]:rounded-b-2xl", "data-[vaul-drawer-direction=top]:inset-x-3 data-[vaul-drawer-direction=top]:top-3 data-[vaul-drawer-direction=top]:rounded-t-2xl data-[vaul-drawer-direction=top]:rounded-b-2xl", "data-[vaul-drawer-direction=right]:inset-y-3 data-[vaul-drawer-direction=right]:right-3 data-[vaul-drawer-direction=right]:rounded-2xl", "data-[vaul-drawer-direction=left]:inset-y-3 data-[vaul-drawer-direction=left]:left-3 data-[vaul-drawer-direction=left]:rounded-2xl");
+const DrawerContent$1 = React$1.forwardRef(({ className, floating = true,...props }, ref) => /* @__PURE__ */ jsx(DrawerContent, {
+	ref,
+	className: cn("min-h-0 gap-4 px-6 pb-6", floating && floatingClass, className),
+	...props
+}));
+DrawerContent$1.displayName = "DrawerContent";
+function DrawerHeader({ className,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "header",
+		className: cn("flex shrink-0 flex-col gap-2.5", className),
+		...props
+	});
+}
+function DrawerBody({ className,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "body",
+		className: cn("min-h-0 flex-1 overflow-auto -mx-6 px-6", className),
+		...props
+	});
+}
+function DrawerFooter({ className,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "footer",
+		className: cn("flex shrink-0 justify-end space-x-2", className),
+		...props
+	});
+}
+function DrawerClose$1({ className,...props }) {
+	return /* @__PURE__ */ jsx(DrawerClose, {
+		className: cn(className),
+		...props
+	});
+}
+
+//#endregion
+export { DrawerBody, DrawerClose$1 as DrawerClose, DrawerContent$1 as DrawerContent, DrawerFooter, DrawerHeader };

package/dist/drawer/index.d.cts

@@ -0,0 +1,3 @@
+import { DrawerBody, DrawerClose as DrawerClose$1, DrawerContent as DrawerContent$1, DrawerContentProps, DrawerFooter, DrawerHeader } from "./Drawer.cjs";
+import { Drawer, DrawerDescription, DrawerTitle, DrawerTrigger } from "@pixpilot/shadcn";
+export { Drawer, DrawerDescription, DrawerTitle, DrawerTrigger };

package/dist/drawer/index.d.ts

@@ -0,0 +1,3 @@
+import { DrawerBody, DrawerClose as DrawerClose$1, DrawerContent as DrawerContent$1, DrawerContentProps, DrawerFooter, DrawerHeader } from "./Drawer.js";
+import { Drawer, DrawerDescription, DrawerTitle, DrawerTrigger } from "@pixpilot/shadcn";
+export { Drawer, DrawerDescription, DrawerTitle, DrawerTrigger };

package/dist/drawer/index.js

@@ -0,0 +1,4 @@
+import { DrawerBody, DrawerClose as DrawerClose$1, DrawerContent as DrawerContent$1, DrawerFooter, DrawerHeader } from "./Drawer.js";
+import { Drawer, DrawerDescription, DrawerTitle, DrawerTrigger } from "@pixpilot/shadcn";
+
+export { Drawer, DrawerDescription, DrawerTitle, DrawerTrigger };

package/dist/drawer/mcp.js

@@ -0,0 +1,55 @@
+import { defineProps } from "../mcp/src/utils.js";
+
+//#region src/drawer/mcp.ts
+const meta = {
+	name: "Drawer",
+	category: "Overlays",
+	description: "An edge-anchored overlay (\"drawer\") composed of DrawerContent, DrawerHeader, DrawerBody, DrawerFooter, and DrawerClose, with a scrollable body. Pulled from the shadcn registry — built on `vaul` (which wraps the Radix Dialog primitive) for a smooth spring animation and drag-to-dismiss. Anchors to the bottom edge by default with a drag handle.",
+	props: defineProps({
+		floating: {
+			description: "Detach the drawer from the viewport edges: adds a gap on every side and rounds all corners so it reads as a floating card rather than a panel flush to the edge. Works for any `direction`.",
+			type: "boolean",
+			defaultValue: "false"
+		},
+		asChild: {
+			description: "Merge behavior and styles onto the child element instead of the default content wrapper.",
+			type: "boolean",
+			defaultValue: "false"
+		},
+		forceMount: "Forces the content to render even when closed, so its mount can be controlled externally (e.g. for animations).",
+		onOpenAutoFocus: "Called when focus moves into the content on open; call preventDefault to opt out of autofocus.",
+		onCloseAutoFocus: "Called when focus returns to the trigger on close; call preventDefault to opt out.",
+		onEscapeKeyDown: "Called when the Escape key is pressed; call preventDefault to keep the drawer open.",
+		onPointerDownOutside: "Called when a pointer event occurs outside the content; call preventDefault to keep it open.",
+		onFocusOutside: "Called when focus moves outside the content; call preventDefault to keep it open.",
+		onInteractOutside: "Called on any interaction (pointer or focus) outside the content; call preventDefault to keep it open."
+	}),
+	notes: [
+		"Compose with the Drawer root, DrawerTrigger, DrawerTitle, and DrawerDescription from the shadcn drawer primitives.",
+		"The anchored edge is set with the `direction` prop on the Drawer root (`top | bottom | left | right`, default `bottom`) — not on DrawerContent. The drag handle only shows for the bottom direction.",
+		"DrawerHeader, DrawerBody, and DrawerFooter accept all native <div> props; DrawerContent forwards all vaul/Radix Dialog content props."
+	],
+	examples: [{
+		title: "Drawer with body and footer",
+		code: "<Drawer>\n  <DrawerTrigger asChild><Button>Open</Button></DrawerTrigger>\n  <DrawerContent>\n    <DrawerHeader><DrawerTitle>Edit</DrawerTitle></DrawerHeader>\n    <DrawerBody>{form}</DrawerBody>\n    <DrawerFooter><DrawerClose asChild><Button>Save</Button></DrawerClose></DrawerFooter>\n  </DrawerContent>\n</Drawer>"
+	}, {
+		title: "Right-side drawer",
+		code: "<Drawer direction=\"right\">\n  <DrawerTrigger asChild><Button>Open</Button></DrawerTrigger>\n  <DrawerContent>{/* ... */}</DrawerContent>\n</Drawer>"
+	}],
+	related: [
+		"Dialog",
+		"ConfirmationDialog",
+		"registerDrawer"
+	],
+	keywords: [
+		"drawer",
+		"sheet",
+		"overlay",
+		"panel",
+		"bottom-sheet",
+		"vaul"
+	]
+};
+
+//#endregion
+export { meta };

package/dist/drawer-registry/drawer-registry.cjs

@@ -0,0 +1,28 @@
+const require_overlay_registry = require('../overlay-provider/overlay-registry.cjs');
+
+//#region src/drawer-registry/drawer-registry.ts
+/**
+* Drawer-named facade over the generic overlay registry (`../overlay-provider`).
+* Behavior is shared with the dialog provider; only the names differ.
+*/
+const useDrawer = require_overlay_registry.useOverlay;
+/**
+* Convenience registry facade for drawer operations.
+*
+* Use this when you prefer a single import with discoverable methods instead of
+* importing `registerDrawer`, `showDrawer`, `hideDrawer`, `removeDrawer`, and
+* `unregisterDrawer` separately.
+*
+* Usage:
+* ```ts
+* const filtersDrawer = drawer.register('filters-drawer', FiltersDrawer);
+* await filtersDrawer.show({ category: 'shoes' });
+* await drawer.show('filters-drawer', { category: 'bags' });
+* drawer.unregister('filters-drawer');
+* ```
+*/
+const drawer = require_overlay_registry.overlayRegistry;
+
+//#endregion
+exports.drawer = drawer;
+exports.useDrawer = useDrawer;

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

@@ -0,0 +1,27 @@
+import { OverlayRegistry } from "../overlay-provider/types.cjs";
+import * as _ebay_nice_modal_react0 from "@ebay/nice-modal-react";
+
+//#region src/drawer-registry/drawer-registry.d.ts
+/**
+ * Drawer-named facade over the generic overlay registry (`../overlay-provider`).
+ * Behavior is shared with the dialog provider; only the names differ.
+ */
+declare const useDrawer: typeof _ebay_nice_modal_react0.useModal;
+/**
+ * Convenience registry facade for drawer operations.
+ *
+ * Use this when you prefer a single import with discoverable methods instead of
+ * importing `registerDrawer`, `showDrawer`, `hideDrawer`, `removeDrawer`, and
+ * `unregisterDrawer` separately.
+ *
+ * Usage:
+ * ```ts
+ * const filtersDrawer = drawer.register('filters-drawer', FiltersDrawer);
+ * await filtersDrawer.show({ category: 'shoes' });
+ * await drawer.show('filters-drawer', { category: 'bags' });
+ * drawer.unregister('filters-drawer');
+ * ```
+ */
+declare const drawer: OverlayRegistry;
+//#endregion
+export { drawer, useDrawer };

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

@@ -0,0 +1,27 @@
+import { OverlayRegistry } from "../overlay-provider/types.js";
+import * as _ebay_nice_modal_react0 from "@ebay/nice-modal-react";
+
+//#region src/drawer-registry/drawer-registry.d.ts
+/**
+ * Drawer-named facade over the generic overlay registry (`../overlay-provider`).
+ * Behavior is shared with the dialog provider; only the names differ.
+ */
+declare const useDrawer: typeof _ebay_nice_modal_react0.useModal;
+/**
+ * Convenience registry facade for drawer operations.
+ *
+ * Use this when you prefer a single import with discoverable methods instead of
+ * importing `registerDrawer`, `showDrawer`, `hideDrawer`, `removeDrawer`, and
+ * `unregisterDrawer` separately.
+ *
+ * Usage:
+ * ```ts
+ * const filtersDrawer = drawer.register('filters-drawer', FiltersDrawer);
+ * await filtersDrawer.show({ category: 'shoes' });
+ * await drawer.show('filters-drawer', { category: 'bags' });
+ * drawer.unregister('filters-drawer');
+ * ```
+ */
+declare const drawer: OverlayRegistry;
+//#endregion
+export { drawer, useDrawer };

package/dist/drawer-registry/drawer-registry.js

@@ -0,0 +1,27 @@
+import { overlayRegistry, useOverlay } from "../overlay-provider/overlay-registry.js";
+
+//#region src/drawer-registry/drawer-registry.ts
+/**
+* Drawer-named facade over the generic overlay registry (`../overlay-provider`).
+* Behavior is shared with the dialog provider; only the names differ.
+*/
+const useDrawer = useOverlay;
+/**
+* Convenience registry facade for drawer operations.
+*
+* Use this when you prefer a single import with discoverable methods instead of
+* importing `registerDrawer`, `showDrawer`, `hideDrawer`, `removeDrawer`, and
+* `unregisterDrawer` separately.
+*
+* Usage:
+* ```ts
+* const filtersDrawer = drawer.register('filters-drawer', FiltersDrawer);
+* await filtersDrawer.show({ category: 'shoes' });
+* await drawer.show('filters-drawer', { category: 'bags' });
+* drawer.unregister('filters-drawer');
+* ```
+*/
+const drawer = overlayRegistry;
+
+//#endregion
+export { drawer, useDrawer };

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

@@ -0,0 +1,3 @@
+import { drawer, useDrawer } from "./drawer-registry.cjs";
+import { registerDrawer } from "./register-drawer.cjs";
+import { ShowDrawerProps, showDrawer } from "./show-drawer.cjs";

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

@@ -0,0 +1,3 @@
+import { drawer, useDrawer } from "./drawer-registry.js";
+import { registerDrawer } from "./register-drawer.js";
+import { ShowDrawerProps, showDrawer } from "./show-drawer.js";

package/dist/drawer-registry/mcp.js

@@ -0,0 +1,51 @@
+import { defineProps } from "../mcp/src/utils.js";
+
+//#region src/drawer-registry/mcp.ts
+const meta = {
+	name: "registerDrawer",
+	category: "Overlays",
+	description: "Imperative drawer API built on the overlay provider (there is no `DrawerProvider` component — mount `OverlayProvider`). `registerDrawer(id, Component, defaultProps?)` registers a drawer 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 `showDrawer`, the `drawer` registry facade, and the `useDrawer` hook.",
+	props: defineProps({}),
+	notes: [
+		"Mount `<OverlayProvider>` once near the app root; this facade shares that single provider with the dialog imperative API (`registerDialog`). There is no separate DrawerProvider component to render.",
+		"`registerDrawer(id, Component, defaultProps?)` returns a typed controller — call `controller.show(props)` (resolves when the drawer 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.",
+		"`showDrawer(id, props?)` opens a drawer by id when the typed controller is not in scope; prefer `registerDrawer(...).show(...)` when the component is available in the same module.",
+		"The `drawer` facade groups the same operations under one import: `drawer.register`, `drawer.show`, `drawer.hide`, `drawer.remove`, `drawer.unregister`.",
+		"`useDrawer()` (alias of `useOverlay`) reads drawer state from inside a component."
+	],
+	examples: [
+		{
+			title: "Register and show with a typed controller",
+			code: "const filtersDrawer = registerDrawer('filters-drawer', FiltersDrawer, { direction: 'right' });\nawait filtersDrawer.show({ category: 'shoes' });"
+		},
+		{
+			title: "Open a drawer by id from anywhere",
+			code: "await showDrawer('filters-drawer', { category: 'bags' });"
+		},
+		{
+			title: "The `drawer` registry facade",
+			code: "const filtersDrawer = drawer.register('filters-drawer', FiltersDrawer);\nawait filtersDrawer.show({ category: 'shoes' });\ndrawer.unregister('filters-drawer');"
+		}
+	],
+	related: [
+		"OverlayProvider",
+		"registerDialog",
+		"Drawer",
+		"ConfirmationDialog"
+	],
+	keywords: [
+		"drawer",
+		"provider",
+		"sheet",
+		"imperative",
+		"show-drawer",
+		"register-drawer",
+		"use-drawer",
+		"overlay",
+		"drawer-provider"
+	]
+};
+
+//#endregion
+export { meta };

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

@@ -0,0 +1,20 @@
+const require_overlay_registry = require('../overlay-provider/overlay-registry.cjs');
+
+//#region src/drawer-registry/register-drawer.ts
+/**
+* Registers a drawer 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 filtersDrawer = registerDrawer('filters-drawer', FiltersDrawer, { direction: 'right' });
+* await filtersDrawer.show({ category: 'shoes' });
+* ```
+*/
+const registerDrawer = require_overlay_registry.registerOverlay;
+
+//#endregion
+exports.registerDrawer = registerDrawer;

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

@@ -0,0 +1,21 @@
+import { registerOverlay } from "../overlay-provider/overlay-registry.cjs";
+import "../overlay-provider/index.cjs";
+
+//#region src/drawer-registry/register-drawer.d.ts
+
+/**
+ * Registers a drawer 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 filtersDrawer = registerDrawer('filters-drawer', FiltersDrawer, { direction: 'right' });
+ * await filtersDrawer.show({ category: 'shoes' });
+ * ```
+ */
+declare const registerDrawer: typeof registerOverlay;
+//#endregion
+export { registerDrawer };

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

@@ -0,0 +1,21 @@
+import { registerOverlay } from "../overlay-provider/overlay-registry.js";
+import "../overlay-provider/index.js";
+
+//#region src/drawer-registry/register-drawer.d.ts
+
+/**
+ * Registers a drawer 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 filtersDrawer = registerDrawer('filters-drawer', FiltersDrawer, { direction: 'right' });
+ * await filtersDrawer.show({ category: 'shoes' });
+ * ```
+ */
+declare const registerDrawer: typeof registerOverlay;
+//#endregion
+export { registerDrawer };

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

@@ -0,0 +1,20 @@
+import { registerOverlay } from "../overlay-provider/overlay-registry.js";
+
+//#region src/drawer-registry/register-drawer.ts
+/**
+* Registers a drawer 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 filtersDrawer = registerDrawer('filters-drawer', FiltersDrawer, { direction: 'right' });
+* await filtersDrawer.show({ category: 'shoes' });
+* ```
+*/
+const registerDrawer = registerOverlay;
+
+//#endregion
+export { registerDrawer };

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

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

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

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

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

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

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

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

package/dist/file-upload/FileUpload.d.cts

@@ -1,7 +1,7 @@
 import { FileUploadProps } from "./types/index.cjs";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/file-upload/FileUpload.d.ts
-declare function FileUpload(props: FileUploadProps): react_jsx_runtime2.JSX.Element;
+declare function FileUpload(props: FileUploadProps): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { FileUpload };

package/dist/file-upload/FileUpload.d.ts

@@ -1,7 +1,7 @@
 import { FileUploadProps } from "./types/index.js";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/file-upload/FileUpload.d.ts
-declare function FileUpload(props: FileUploadProps): react_jsx_runtime13.JSX.Element;
+declare function FileUpload(props: FileUploadProps): react_jsx_runtime6.JSX.Element;
 //#endregion
 export { FileUpload };

package/dist/file-upload-inline/FileUploadInline.d.cts

@@ -1,10 +1,10 @@
 import { FileUploadInlineProps } from "./types.cjs";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
 
 //#region src/file-upload-inline/FileUploadInline.d.ts
 /**
  * FileUploadInline - An inline file upload component using FileUpload primitives
  */
-declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime17.JSX.Element;
+declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime26.JSX.Element;
 //#endregion
 export { FileUploadInline };

package/dist/file-upload-inline/FileUploadInline.d.ts

@@ -1,10 +1,10 @@
 import { FileUploadInlineProps } from "./types.js";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 
 //#region src/file-upload-inline/FileUploadInline.d.ts
 /**
  * FileUploadInline - An inline file upload component using FileUpload primitives
  */
-declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime10.JSX.Element;
+declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime18.JSX.Element;
 //#endregion
 export { FileUploadInline };