@pixpilot/shadcn-ui 2.1.0 → 3.1.0

package/dist/theme-toggle/ThemeModeSwitchOutside.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime23 from "react/jsx-runtime";
+import * as react_jsx_runtime24 from "react/jsx-runtime";
 
 //#region src/theme-toggle/ThemeModeSwitchOutside.d.ts
 interface ThemeModeSwitchOutsideProps {
@@ -23,7 +23,7 @@ interface ThemeModeSwitchOutsideProps {
  * Icons flank the switch control on either side.
  * Pure component - requires value and onChange props.
  */
-declare function ThemeModeSwitchOutside(props: ThemeModeSwitchOutsideProps): react_jsx_runtime23.JSX.Element;
+declare function ThemeModeSwitchOutside(props: ThemeModeSwitchOutsideProps): react_jsx_runtime24.JSX.Element;
 declare namespace ThemeModeSwitchOutside {
   var displayName: string;
 }

package/dist/theme-toggle/ThemeModeToggleButton.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 
 //#region src/theme-toggle/ThemeModeToggleButton.d.ts
 interface ThemeModeToggleButtonProps {
@@ -14,7 +14,7 @@ interface ThemeModeToggleButtonProps {
  * Light/Dark toggle button.
  * Pure component - toggles between light and dark.
  */
-declare function ThemeModeToggleButton(props: ThemeModeToggleButtonProps): react_jsx_runtime6.JSX.Element;
+declare function ThemeModeToggleButton(props: ThemeModeToggleButtonProps): react_jsx_runtime14.JSX.Element;
 declare namespace ThemeModeToggleButton {
   var displayName: string;
 }

package/dist/theme-toggle/ThemeModeToggleButton.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 
 //#region src/theme-toggle/ThemeModeToggleButton.d.ts
 interface ThemeModeToggleButtonProps {
@@ -14,7 +14,7 @@ interface ThemeModeToggleButtonProps {
  * Light/Dark toggle button.
  * Pure component - toggles between light and dark.
  */
-declare function ThemeModeToggleButton(props: ThemeModeToggleButtonProps): react_jsx_runtime20.JSX.Element;
+declare function ThemeModeToggleButton(props: ThemeModeToggleButtonProps): react_jsx_runtime25.JSX.Element;
 declare namespace ThemeModeToggleButton {
   var displayName: string;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixpilot/shadcn-ui",
   "type": "module",
-  "version": "2.1.0",
+  "version": "3.1.0",
   "description": "Custom UI components and utilities built with shadcn/ui.",
   "author": "m.doaie <m.doaie@hotmail.com>",
   "license": "MIT",
@@ -55,7 +55,7 @@
     "react-responsive": "^10.0.1",
     "sonner": "2.0.7",
     "zod": "^4.3.6",
-    "@pixpilot/shadcn": "1.4.1"
+    "@pixpilot/shadcn": "2.0.0"
   },
   "devDependencies": {
     "@storybook/react": "^8.6.18",
@@ -72,9 +72,9 @@
     "tsx": "^4.21.0",
     "typescript": "^5.9.3",
     "@internal/eslint-config": "0.3.0",
+    "@internal/hooks": "0.0.0",
     "@internal/prettier-config": "0.0.1",
     "@internal/mcp": "0.0.0",
-    "@internal/hooks": "0.0.0",
     "@internal/tsconfig": "0.1.0",
     "@internal/tsdown-config": "0.1.0",
     "@internal/vitest-config": "0.1.0"

package/dist/dialog-provider/DialogProvider.cjs

@@ -1,40 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-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);
-let __ebay_nice_modal_react = require("@ebay/nice-modal-react");
-__ebay_nice_modal_react = require_rolldown_runtime.__toESM(__ebay_nice_modal_react);
-
-//#region src/dialog-provider/DialogProvider.tsx
-const DialogProviderMountedContext = (0, react.createContext)(false);
-/**
-* Guards against nested DialogProviders, which would break NiceModal.
-*
-* NiceModal.Provider creates its own isolated modal state store via React context.
-* If a second NiceModal.Provider mounts anywhere below the first, it shadows the
-* outer one — meaning modals registered/shown inside the inner provider are
-* invisible to the outer one, and vice versa.
-*
-* This becomes especially bad with navigation: when you navigate away and back,
-* the inner provider unmounts and remounts, creating a brand-new store. Any
-* in-flight `showConfirmDialog` calls still hold a reference to the old store's
-* dispatch, so their promises never resolve and the modal tree is left in a
-* broken state. This has been detected when navigating in a Next.js app,
-* but it could happen in any React app that conditionally mounts/unmounts providers.
-*
-* The fix: track whether a DialogProvider is already mounted above us in the tree.
-* If one is, skip rendering NiceModal.Provider entirely and just pass children
-* through — making the inner DialogProvider a safe no-op.
-*/
-const DialogProvider = (props) => {
-	if ((0, react.use)(DialogProviderMountedContext)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: props.children });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogProviderMountedContext.Provider, {
-		value: true,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ebay_nice_modal_react.default.Provider, { children: props.children })
-	});
-};
-DialogProvider.displayName = "DialogProvider";
-
-//#endregion
-exports.DialogProvider = DialogProvider;

package/dist/dialog-provider/DialogProvider.d.cts

@@ -1,28 +0,0 @@
-import React from "react";
-
-//#region src/dialog-provider/DialogProvider.d.ts
-interface DialogProviderProps {
-  children: React.ReactNode;
-}
-/**
- * Guards against nested DialogProviders, which would break NiceModal.
- *
- * NiceModal.Provider creates its own isolated modal state store via React context.
- * If a second NiceModal.Provider mounts anywhere below the first, it shadows the
- * outer one — meaning modals registered/shown inside the inner provider are
- * invisible to the outer one, and vice versa.
- *
- * This becomes especially bad with navigation: when you navigate away and back,
- * the inner provider unmounts and remounts, creating a brand-new store. Any
- * in-flight `showConfirmDialog` calls still hold a reference to the old store's
- * dispatch, so their promises never resolve and the modal tree is left in a
- * broken state. This has been detected when navigating in a Next.js app,
- * but it could happen in any React app that conditionally mounts/unmounts providers.
- *
- * The fix: track whether a DialogProvider is already mounted above us in the tree.
- * If one is, skip rendering NiceModal.Provider entirely and just pass children
- * through — making the inner DialogProvider a safe no-op.
- */
-declare const DialogProvider: React.FC<DialogProviderProps>;
-//#endregion
-export { DialogProvider, DialogProviderProps };

package/dist/dialog-provider/DialogProvider.d.ts

@@ -1,28 +0,0 @@
-import React from "react";
-
-//#region src/dialog-provider/DialogProvider.d.ts
-interface DialogProviderProps {
-  children: React.ReactNode;
-}
-/**
- * Guards against nested DialogProviders, which would break NiceModal.
- *
- * NiceModal.Provider creates its own isolated modal state store via React context.
- * If a second NiceModal.Provider mounts anywhere below the first, it shadows the
- * outer one — meaning modals registered/shown inside the inner provider are
- * invisible to the outer one, and vice versa.
- *
- * This becomes especially bad with navigation: when you navigate away and back,
- * the inner provider unmounts and remounts, creating a brand-new store. Any
- * in-flight `showConfirmDialog` calls still hold a reference to the old store's
- * dispatch, so their promises never resolve and the modal tree is left in a
- * broken state. This has been detected when navigating in a Next.js app,
- * but it could happen in any React app that conditionally mounts/unmounts providers.
- *
- * The fix: track whether a DialogProvider is already mounted above us in the tree.
- * If one is, skip rendering NiceModal.Provider entirely and just pass children
- * through — making the inner DialogProvider a safe no-op.
- */
-declare const DialogProvider: React.FC<DialogProviderProps>;
-//#endregion
-export { DialogProvider, DialogProviderProps };

package/dist/dialog-provider/DialogProvider.js

@@ -1,36 +0,0 @@
-import React, { createContext, use } from "react";
-import { Fragment, jsx } from "react/jsx-runtime";
-import NiceModal from "@ebay/nice-modal-react";
-
-//#region src/dialog-provider/DialogProvider.tsx
-const DialogProviderMountedContext = createContext(false);
-/**
-* Guards against nested DialogProviders, which would break NiceModal.
-*
-* NiceModal.Provider creates its own isolated modal state store via React context.
-* If a second NiceModal.Provider mounts anywhere below the first, it shadows the
-* outer one — meaning modals registered/shown inside the inner provider are
-* invisible to the outer one, and vice versa.
-*
-* This becomes especially bad with navigation: when you navigate away and back,
-* the inner provider unmounts and remounts, creating a brand-new store. Any
-* in-flight `showConfirmDialog` calls still hold a reference to the old store's
-* dispatch, so their promises never resolve and the modal tree is left in a
-* broken state. This has been detected when navigating in a Next.js app,
-* but it could happen in any React app that conditionally mounts/unmounts providers.
-*
-* The fix: track whether a DialogProvider is already mounted above us in the tree.
-* If one is, skip rendering NiceModal.Provider entirely and just pass children
-* through — making the inner DialogProvider a safe no-op.
-*/
-const DialogProvider = (props) => {
-	if (use(DialogProviderMountedContext)) return /* @__PURE__ */ jsx(Fragment, { children: props.children });
-	return /* @__PURE__ */ jsx(DialogProviderMountedContext.Provider, {
-		value: true,
-		children: /* @__PURE__ */ jsx(NiceModal.Provider, { children: props.children })
-	});
-};
-DialogProvider.displayName = "DialogProvider";
-
-//#endregion
-export { DialogProvider };

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

@@ -1,100 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_register_dialog = require('./register-dialog.cjs');
-const require_show_dialog = require('./show-dialog.cjs');
-let __ebay_nice_modal_react = require("@ebay/nice-modal-react");
-__ebay_nice_modal_react = require_rolldown_runtime.__toESM(__ebay_nice_modal_react);
-
-//#region src/dialog-provider/dialog-registry.ts
-const useDialog = __ebay_nice_modal_react.useModal;
-function createDialog(component) {
-	const CreatedDialog = __ebay_nice_modal_react.default.create(component);
-	return Object.assign(CreatedDialog, {
-		show: async (props) => __ebay_nice_modal_react.default.show(CreatedDialog, props),
-		hide: async () => __ebay_nice_modal_react.default.hide(CreatedDialog),
-		remove: () => {
-			__ebay_nice_modal_react.default.remove(CreatedDialog);
-		}
-	});
-}
-/**
-* Hides a registered dialog by id.
-*
-* Use this when the caller only knows the dialog id. If you already have the
-* controller returned by `dialog.register(...)`, prefer `controller.hide()`.
-*
-* @param id - Dialog id that was previously registered.
-* @returns A promise from NiceModal that resolves after the hide action is
-* dispatched.
-*
-* Usage:
-* ```ts
-* await hideDialog('project-dialog');
-* ```
-*/
-async function hideDialog(id) {
-	return __ebay_nice_modal_react.default.hide(id);
-}
-/**
-* Removes a registered dialog instance from the NiceModal render tree by id.
-*
-* This does not unregister the dialog component; it only removes the mounted
-* instance from the modal tree.
-*
-* @param id - Dialog id that was previously registered.
-* Usage:
-* ```ts
-* removeDialog('project-dialog');
-* ```
-*/
-function removeDialog(id) {
-	__ebay_nice_modal_react.default.remove(id);
-}
-/**
-* Unregisters a dialog component by id.
-*
-* Use this when a registered dialog should no longer be available through
-* `showDialog(...)` or `dialog.show(...)`.
-*
-* @param id - Dialog id that was previously registered.
-* Usage:
-* ```ts
-* unregisterDialog('project-dialog');
-* ```
-*/
-function unregisterDialog(id) {
-	(0, __ebay_nice_modal_react.unregister)(id);
-}
-/**
-* 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.
-*
-* @returns An object of dialog helper functions.
-*
-* 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 = {
-	create: createDialog,
-	hide: hideDialog,
-	register: require_register_dialog.registerDialog,
-	remove: removeDialog,
-	show: require_show_dialog.showDialog,
-	unregister: unregisterDialog,
-	useDialog
-};
-
-//#endregion
-exports.createDialog = createDialog;
-exports.dialog = dialog;
-exports.hideDialog = hideDialog;
-exports.removeDialog = removeDialog;
-exports.unregisterDialog = unregisterDialog;
-exports.useDialog = useDialog;

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

@@ -1,150 +0,0 @@
-import { registerDialog } from "./register-dialog.cjs";
-import { showDialog } from "./show-dialog.cjs";
-import { ComponentType, FC } from "react";
-import { NiceModalHocProps, useModal } from "@ebay/nice-modal-react";
-
-//#region src/dialog-provider/dialog-registry.d.ts
-declare const useDialog: typeof useModal;
-interface CreatedDialog<TProps extends object> extends FC<TProps & NiceModalHocProps> {
-  show: <TResult = unknown>(props?: TProps) => Promise<TResult>;
-  hide: <TResult = unknown>() => Promise<TResult>;
-  remove: () => void;
-}
-declare function createDialog<TProps extends object>(component: ComponentType<TProps>): CreatedDialog<TProps>;
-/**
- * Hides a registered dialog by id.
- *
- * Use this when the caller only knows the dialog id. If you already have the
- * controller returned by `dialog.register(...)`, prefer `controller.hide()`.
- *
- * @param id - Dialog id that was previously registered.
- * @returns A promise from NiceModal that resolves after the hide action is
- * dispatched.
- *
- * Usage:
- * ```ts
- * await hideDialog('project-dialog');
- * ```
- */
-declare function hideDialog<TResult = unknown>(id: string): Promise<TResult>;
-/**
- * Removes a registered dialog instance from the NiceModal render tree by id.
- *
- * This does not unregister the dialog component; it only removes the mounted
- * instance from the modal tree.
- *
- * @param id - Dialog id that was previously registered.
- * Usage:
- * ```ts
- * removeDialog('project-dialog');
- * ```
- */
-declare function removeDialog(id: string): void;
-/**
- * Unregisters a dialog component by id.
- *
- * Use this when a registered dialog should no longer be available through
- * `showDialog(...)` or `dialog.show(...)`.
- *
- * @param id - Dialog id that was previously registered.
- * Usage:
- * ```ts
- * unregisterDialog('project-dialog');
- * ```
- */
-declare function unregisterDialog(id: string): void;
-interface DialogRegistry {
-  /**
-   * Registers a dialog component and returns a typed controller.
-   *
-   * @returns A controller with `id`, `show`, `hide`, and `remove`.
-   *
-   * Usage:
-   * ```ts
-   * const projectDialog = dialog.register('project-dialog', ProjectDialog);
-   * ```
-   */
-  register: typeof registerDialog;
-  /**
-   * Creates a custom NiceModal dialog component with controller helpers.
-   *
-   * Use this for dialogs that need to control `useDialog()` directly. For simple
-   * shadcn dialogs, prefer `dialog.register(...)`.
-   *
-   * Usage:
-   * ```ts
-   * const CustomDialog = dialog.create((props) => {
-   *   const modal = dialog.useDialog();
-   *   return <Dialog open={modal.visible} onOpenChange={(open) => !open && modal.hide()} />;
-   * });
-   *
-   * await CustomDialog.show({ projectId: 'project-1' });
-   * ```
-   */
-  create: typeof createDialog;
-  /**
-   * Shows a registered dialog by id with generic props.
-   *
-   * @returns A promise resolved by the dialog component.
-   *
-   * Usage:
-   * ```ts
-   * await dialog.show('project-dialog', { projectId: 'project-1' });
-   * ```
-   */
-  show: typeof showDialog;
-  /**
-   * Hides a registered dialog by id.
-   *
-   * @returns A promise from NiceModal after the hide action is dispatched.
-   *
-   * Usage:
-   * ```ts
-   * await dialog.hide('project-dialog');
-   * ```
-   */
-  hide: typeof hideDialog;
-  /**
-   * Removes a registered dialog instance from the render tree by id.
-   *
-   * @returns Nothing.
-   *
-   * Usage:
-   * ```ts
-   * dialog.remove('project-dialog');
-   * ```
-   */
-  remove: typeof removeDialog;
-  /**
-   * Unregisters a dialog component by id.
-   *
-   * @returns Nothing.
-   *
-   * Usage:
-   * ```ts
-   * dialog.unregister('project-dialog');
-   * ```
-   */
-  unregister: typeof unregisterDialog;
-  useDialog: typeof useDialog;
-}
-/**
- * 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.
- *
- * @returns An object of dialog helper functions.
- *
- * 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: DialogRegistry;
-//#endregion
-export { CreatedDialog, DialogRegistry, createDialog, dialog, hideDialog, removeDialog, unregisterDialog, useDialog };

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

@@ -1,150 +0,0 @@
-import { registerDialog } from "./register-dialog.js";
-import { showDialog } from "./show-dialog.js";
-import { ComponentType, FC } from "react";
-import { NiceModalHocProps, useModal } from "@ebay/nice-modal-react";
-
-//#region src/dialog-provider/dialog-registry.d.ts
-declare const useDialog: typeof useModal;
-interface CreatedDialog<TProps extends object> extends FC<TProps & NiceModalHocProps> {
-  show: <TResult = unknown>(props?: TProps) => Promise<TResult>;
-  hide: <TResult = unknown>() => Promise<TResult>;
-  remove: () => void;
-}
-declare function createDialog<TProps extends object>(component: ComponentType<TProps>): CreatedDialog<TProps>;
-/**
- * Hides a registered dialog by id.
- *
- * Use this when the caller only knows the dialog id. If you already have the
- * controller returned by `dialog.register(...)`, prefer `controller.hide()`.
- *
- * @param id - Dialog id that was previously registered.
- * @returns A promise from NiceModal that resolves after the hide action is
- * dispatched.
- *
- * Usage:
- * ```ts
- * await hideDialog('project-dialog');
- * ```
- */
-declare function hideDialog<TResult = unknown>(id: string): Promise<TResult>;
-/**
- * Removes a registered dialog instance from the NiceModal render tree by id.
- *
- * This does not unregister the dialog component; it only removes the mounted
- * instance from the modal tree.
- *
- * @param id - Dialog id that was previously registered.
- * Usage:
- * ```ts
- * removeDialog('project-dialog');
- * ```
- */
-declare function removeDialog(id: string): void;
-/**
- * Unregisters a dialog component by id.
- *
- * Use this when a registered dialog should no longer be available through
- * `showDialog(...)` or `dialog.show(...)`.
- *
- * @param id - Dialog id that was previously registered.
- * Usage:
- * ```ts
- * unregisterDialog('project-dialog');
- * ```
- */
-declare function unregisterDialog(id: string): void;
-interface DialogRegistry {
-  /**
-   * Registers a dialog component and returns a typed controller.
-   *
-   * @returns A controller with `id`, `show`, `hide`, and `remove`.
-   *
-   * Usage:
-   * ```ts
-   * const projectDialog = dialog.register('project-dialog', ProjectDialog);
-   * ```
-   */
-  register: typeof registerDialog;
-  /**
-   * Creates a custom NiceModal dialog component with controller helpers.
-   *
-   * Use this for dialogs that need to control `useDialog()` directly. For simple
-   * shadcn dialogs, prefer `dialog.register(...)`.
-   *
-   * Usage:
-   * ```ts
-   * const CustomDialog = dialog.create((props) => {
-   *   const modal = dialog.useDialog();
-   *   return <Dialog open={modal.visible} onOpenChange={(open) => !open && modal.hide()} />;
-   * });
-   *
-   * await CustomDialog.show({ projectId: 'project-1' });
-   * ```
-   */
-  create: typeof createDialog;
-  /**
-   * Shows a registered dialog by id with generic props.
-   *
-   * @returns A promise resolved by the dialog component.
-   *
-   * Usage:
-   * ```ts
-   * await dialog.show('project-dialog', { projectId: 'project-1' });
-   * ```
-   */
-  show: typeof showDialog;
-  /**
-   * Hides a registered dialog by id.
-   *
-   * @returns A promise from NiceModal after the hide action is dispatched.
-   *
-   * Usage:
-   * ```ts
-   * await dialog.hide('project-dialog');
-   * ```
-   */
-  hide: typeof hideDialog;
-  /**
-   * Removes a registered dialog instance from the render tree by id.
-   *
-   * @returns Nothing.
-   *
-   * Usage:
-   * ```ts
-   * dialog.remove('project-dialog');
-   * ```
-   */
-  remove: typeof removeDialog;
-  /**
-   * Unregisters a dialog component by id.
-   *
-   * @returns Nothing.
-   *
-   * Usage:
-   * ```ts
-   * dialog.unregister('project-dialog');
-   * ```
-   */
-  unregister: typeof unregisterDialog;
-  useDialog: typeof useDialog;
-}
-/**
- * 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.
- *
- * @returns An object of dialog helper functions.
- *
- * 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: DialogRegistry;
-//#endregion
-export { CreatedDialog, DialogRegistry, createDialog, dialog, hideDialog, removeDialog, unregisterDialog, useDialog };