@pixpilot/shadcn-ui 2.0.1 → 3.0.0

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime23 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_runtime22.JSX.Element;
+declare function ThemeModeToggleButton(props: ThemeModeToggleButtonProps): react_jsx_runtime23.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_runtime23 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_runtime23.JSX.Element;
 declare namespace ThemeModeToggleButton {
   var displayName: string;
 }

package/dist/toast/AlertToast.cjs

@@ -1,7 +1,6 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 const require_variant_config = require('../variant-config.cjs');
 const require_Alert = require('../alert/Alert.cjs');
-require('../alert/index.cjs');
 let __pixpilot_shadcn = require("@pixpilot/shadcn");
 __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 let lucide_react = require("lucide-react");

package/dist/toast/AlertToast.js

@@ -1,6 +1,5 @@
 import { variantConfig } from "../variant-config.js";
 import { Alert as Alert$1 } from "../alert/Alert.js";
-import "../alert/index.js";
 import { cn } from "@pixpilot/shadcn";
 import { XIcon } from "lucide-react";
 import React from "react";

package/dist/toggle-button/ToggleButton.cjs

@@ -3,7 +3,6 @@
 
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 const require_Button = require('../button/Button.cjs');
-require('../button/index.cjs');
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/toggle-button/ToggleButton.js

@@ -2,7 +2,6 @@
 
 
 import { Button } from "../button/Button.js";
-import "../button/index.js";
 import React, { useCallback } from "react";
 import { jsx } from "react/jsx-runtime";
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixpilot/shadcn-ui",
   "type": "module",
-  "version": "2.0.1",
+  "version": "3.0.0",
   "description": "Custom UI components and utilities built with shadcn/ui.",
   "author": "m.doaie <m.doaie@hotmail.com>",
   "license": "MIT",
@@ -10,6 +10,7 @@
     "url": "https://github.com/pixpilot/shadcn-components.git",
     "directory": "packages/shadcn-ui"
   },
+  "sideEffects": false,
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -37,7 +38,7 @@
     "@iconify/react": "^6.0.2",
     "@modelcontextprotocol/sdk": "^1.29.0",
     "@pixpilot/hash": "^0.2.0",
-    "@pixpilot/string": "^3.0.0",
+    "@pixpilot/string": "^3.0.1",
     "@radix-ui/react-slot": "^1.2.4",
     "@tailwindcss/typography": "^0.5.19",
     "@tanstack/react-virtual": "^3.13.23",
@@ -54,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",
@@ -70,12 +71,12 @@
     "tsdown": "^0.15.12",
     "tsx": "^4.21.0",
     "typescript": "^5.9.3",
-    "@internal/eslint-config": "0.3.0",
     "@internal/hooks": "0.0.0",
     "@internal/mcp": "0.0.0",
     "@internal/prettier-config": "0.0.1",
     "@internal/tsconfig": "0.1.0",
     "@internal/tsdown-config": "0.1.0",
+    "@internal/eslint-config": "0.3.0",
     "@internal/vitest-config": "0.1.0"
   },
   "prettier": "@internal/prettier-config",

package/dist/ColorPicker/index.cjs

@@ -1 +0,0 @@
-const require_ColorPicker = require('./ColorPicker.cjs');

package/dist/ColorPicker/index.js

@@ -1 +0,0 @@
-import { ColorPicker } from "./ColorPicker.js";

package/dist/ColorPickerBase/color-palette/index.cjs

@@ -1,3 +0,0 @@
-const require_PaletteButton = require('./PaletteButton.cjs');
-const require_PaletteSwatch = require('./PaletteSwatch.cjs');
-const require_ColorPalette = require('./ColorPalette.cjs');

package/dist/ColorPickerBase/color-palette/index.js

@@ -1,3 +0,0 @@
-import { COLOR_PICKER_PALETTE_BUTTON_CLASSES, ColorPickerPaletteButton } from "./PaletteButton.js";
-import { ColorPickerPaletteSwatch } from "./PaletteSwatch.js";
-import { COMMON_COLORS, ColorPickerColorPalette } from "./ColorPalette.js";

package/dist/ColorPickerBase/index.cjs

@@ -1,18 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_color_picker_context = require('./color-picker-context.cjs');
-const require_PaletteButton = require('./color-palette/PaletteButton.cjs');
-const require_PaletteSwatch = require('./color-palette/PaletteSwatch.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_ColorPickerFormatInput = require('./ColorPickerFormatInput.cjs');
-const require_ColorPickerFormatControls = require('./ColorPickerFormatControls.cjs');
-const require_ColorPickerCompactControls = require('./ColorPickerCompactControls.cjs');
-const require_ColorPickerFullControls = require('./ColorPickerFullControls.cjs');
-const require_ColorPickerRoot = require('./ColorPickerRoot.cjs');
-const require_ColorPickerBase = require('./ColorPickerBase.cjs');
-const require_ColorPickerButton = require('./ColorPickerButton.cjs');
-const require_ColorPickerInput = require('./ColorPickerInput.cjs');
-let __pixpilot_shadcn = require("@pixpilot/shadcn");
-__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);

package/dist/ColorPickerBase/index.js

@@ -1,15 +0,0 @@
-import { ColorPickerContext, Consumer, Provider, useColorPickerContext } from "./color-picker-context.js";
-import { COLOR_PICKER_PALETTE_BUTTON_CLASSES, ColorPickerPaletteButton } from "./color-palette/PaletteButton.js";
-import { ColorPickerPaletteSwatch } from "./color-palette/PaletteSwatch.js";
-import { COMMON_COLORS, ColorPickerColorPalette } from "./color-palette/ColorPalette.js";
-import "./color-palette/index.js";
-import { ColorPickerContent } from "./ColorPickerContent.js";
-import { ColorPickerAlphaSlider, ColorPickerArea, ColorPickerControls, ColorPickerEyeDropper, ColorPickerHueSlider } from "./ColorPickerControls.js";
-import { ColorPickerFormatInput } from "./ColorPickerFormatInput.js";
-import { ColorPickerFormatControls, ColorPickerFormatSelect } from "./ColorPickerFormatControls.js";
-import { ColorPickerCompactControls } from "./ColorPickerCompactControls.js";
-import { ColorPickerFullControls } from "./ColorPickerFullControls.js";
-import { ColorPickerRoot } from "./ColorPickerRoot.js";
-import { ColorPickerBase } from "./ColorPickerBase.js";
-import { ColorPickerButton } from "./ColorPickerButton.js";
-import { ColorPickerInput } from "./ColorPickerInput.js";

package/dist/absolute-fill/index.cjs

@@ -1 +0,0 @@
-const require_AbsoluteFill = require('./AbsoluteFill.cjs');

package/dist/absolute-fill/index.js

@@ -1 +0,0 @@
-import { AbsoluteFill } from "./AbsoluteFill.js";

package/dist/alert/index.cjs

@@ -1 +0,0 @@
-const require_Alert = require('./Alert.cjs');

package/dist/alert/index.js

@@ -1 +0,0 @@
-import { Alert } from "./Alert.js";

package/dist/avatar-upload/index.cjs

@@ -1 +0,0 @@
-const require_AvatarUpload = require('./AvatarUpload.cjs');

package/dist/avatar-upload/index.js

@@ -1 +0,0 @@
-import { AvatarUpload } from "./AvatarUpload.js";

package/dist/button/index.cjs

@@ -1 +0,0 @@
-const require_Button = require('./Button.cjs');

package/dist/button/index.js

@@ -1 +0,0 @@
-import { Button } from "./Button.js";

package/dist/button-extended/index.cjs

@@ -1 +0,0 @@
-const require_ButtonExtended = require('./ButtonExtended.cjs');

package/dist/button-extended/index.js

@@ -1 +0,0 @@
-import { ButtonExtended } from "./ButtonExtended.js";

package/dist/button-group/index.cjs

@@ -1 +0,0 @@
-const require_ButtonGroup = require('./ButtonGroup.cjs');

package/dist/button-group/index.js

@@ -1 +0,0 @@
-import { ButtonGroup, ButtonGroupSeparator, ButtonGroupText } from "./ButtonGroup.js";

package/dist/card/index.cjs

@@ -1,4 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_Card = require('./Card.cjs');
-let __pixpilot_shadcn = require("@pixpilot/shadcn");
-__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);

package/dist/card/index.js

@@ -1 +0,0 @@
-import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./Card.js";

package/dist/circle-loader/index.cjs

@@ -1 +0,0 @@
-const require_circle_loader = require('./circle-loader.cjs');

package/dist/circle-loader/index.js

@@ -1 +0,0 @@
-import { CircleLoader } from "./circle-loader.js";

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

@@ -1 +0,0 @@
-const require_CloseButtonAbsolute = require('./CloseButtonAbsolute.cjs');

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

@@ -1 +0,0 @@
-import { CloseButtonAbsolute } from "./CloseButtonAbsolute.js";

package/dist/close-button-rounded/index.cjs

@@ -1 +0,0 @@
-const require_CloseButtonRounded = require('./CloseButtonRounded.cjs');

package/dist/close-button-rounded/index.js

@@ -1 +0,0 @@
-import { CloseButtonRounded } from "./CloseButtonRounded.js";

package/dist/color-select/index.cjs

@@ -1 +0,0 @@
-const require_ColorSelect = require('./ColorSelect.cjs');

package/dist/color-select/index.js

@@ -1 +0,0 @@
-import { ColorSelect } from "./ColorSelect.js";

package/dist/combobox/index.cjs

@@ -1 +0,0 @@
-const require_Combobox = require('./Combobox.cjs');

package/dist/combobox/index.js

@@ -1 +0,0 @@
-import { Combobox } from "./Combobox.js";

package/dist/command-option-list/index.cjs

@@ -1 +0,0 @@
-const require_CommandOptionList = require('./CommandOptionList.cjs');

package/dist/command-option-list/index.js

@@ -1 +0,0 @@
-import { CommandOptionList } from "./CommandOptionList.js";

package/dist/confirmation-dialog/index.cjs

@@ -1,5 +0,0 @@
-'use client';
-
-
-require('./ConfirmationDialog.cjs');
-const require_confirmation_dialogs = require('./confirmation-dialogs.cjs');

package/dist/confirmation-dialog/index.js

@@ -1,5 +0,0 @@
-'use client';
-
-
-import "./ConfirmationDialog.js";
-import { confirmDialog, showConfirmDialog } from "./confirmation-dialogs.js";

package/dist/content-card/index.cjs

@@ -1 +0,0 @@
-const require_ContentCard = require('./ContentCard.cjs');

package/dist/content-card/index.js

@@ -1 +0,0 @@
-import { ContentCard } from "./ContentCard.js";

package/dist/date-picker/index.cjs

@@ -1 +0,0 @@
-const require_DatePicker = require('./DatePicker.cjs');

package/dist/date-picker/index.js

@@ -1 +0,0 @@
-import { DatePicker } from "./DatePicker.js";

package/dist/dialog/index.cjs

@@ -1,4 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_Dialog = require('./Dialog.cjs');
-let __pixpilot_shadcn = require("@pixpilot/shadcn");
-__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);

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;