@pixpilot/shadcn-ui 1.37.0 → 1.38.0

package/dist/generated/mcp-registry.js

@@ -0,0 +1,21 @@
+import { meta } from "../button/mcp.js";
+import { meta as meta$1 } from "../card/mcp.js";
+import { meta as meta$2 } from "../file-upload/mcp.js";
+
+//#region src/generated/mcp-registry.ts
+function withHtmlElementNote(comp) {
+	const htmlNote = comp.htmlElement != null && comp.htmlElement.length > 0 ? `Also supports all standard props of a native <${comp.htmlElement}> element (onClick, disabled, className, style, type, aria-*, data-*, etc.).` : "";
+	return {
+		...comp,
+		notes: htmlNote.length > 0 ? [...comp.notes ?? [], htmlNote] : [...comp.notes ?? []]
+	};
+}
+/** Generated component metadata map keyed by public component name. */
+const mcpRegistry = {
+	"Button": withHtmlElementNote(meta),
+	"Card": withHtmlElementNote(meta$1),
+	"FileUpload": withHtmlElementNote(meta$2)
+};
+
+//#endregion
+export { mcpRegistry };

package/dist/icon-selector/IconPicker.cjs

@@ -1,6 +1,7 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 const require_get_id = require('../utils/get-id.cjs');
-const require_Button = require('../Button.cjs');
+const require_Button = require('../button/Button.cjs');
+require('../button/index.cjs');
 const require_use_media_query = require('../hooks/use-media-query.cjs');
 require('../hooks/index.cjs');
 const require_constants = require('./constants.cjs');

package/dist/icon-selector/IconPicker.js

@@ -1,5 +1,6 @@
 import { getId } from "../utils/get-id.js";
-import { Button as Button$1 } from "../Button.js";
+import { Button as Button$1 } from "../button/Button.js";
+import "../button/index.js";
 import { useMediaQuery } from "../hooks/use-media-query.js";
 import "../hooks/index.js";
 import { ICON_SELECTOR_ERROR_MESSAGE } from "./constants.js";

package/dist/icon-selector/icon-picker-content.cjs

@@ -2,7 +2,8 @@ const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 const require_get_id = require('../utils/get-id.cjs');
 const require_Input = require('../input/Input.cjs');
 require('../input/index.cjs');
-const require_LoadingOverlay = require('../LoadingOverlay.cjs');
+const require_LoadingOverlay = require('../loading-overlay/LoadingOverlay.cjs');
+require('../loading-overlay/index.cjs');
 const require_use_async_providers = require('./use-async-providers.cjs');
 const require_virtualized_icon_grid = require('./virtualized-icon-grid.cjs');
 let __pixpilot_shadcn = require("@pixpilot/shadcn");

package/dist/icon-selector/icon-picker-content.js

@@ -1,7 +1,8 @@
 import { getId } from "../utils/get-id.js";
 import { Input as Input$1 } from "../input/Input.js";
 import "../input/index.js";
-import { LoadingOverlay } from "../LoadingOverlay.js";
+import { LoadingOverlay } from "../loading-overlay/LoadingOverlay.js";
+import "../loading-overlay/index.js";
 import { useAsyncProviders } from "./use-async-providers.js";
 import virtualized_icon_grid_default from "./virtualized-icon-grid.js";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@pixpilot/shadcn";

package/dist/{IconToggle.cjs → icon-toggle/IconToggle.cjs}

@@ -1,6 +1,7 @@
-const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
-const require_svg = require('./utils/svg.cjs');
-const require_ToggleButton = require('./ToggleButton.cjs');
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_svg = require('../utils/svg.cjs');
+const require_ToggleButton = require('../toggle-button/ToggleButton.cjs');
+require('../toggle-button/index.cjs');
 let __pixpilot_shadcn = require("@pixpilot/shadcn");
 __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 let react = require("react");
@@ -8,7 +9,7 @@ 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/IconToggle.tsx
+//#region src/icon-toggle/IconToggle.tsx
 const IconToggle = react.default.forwardRef(({ checkedIcon, uncheckedIcon, size = "default", variant = "outline", style, className,...props }, ref) => {
 	const sizeClasses = {
 		sm: "size-7",

package/dist/{IconToggle.d.cts → icon-toggle/IconToggle.d.cts}

@@ -1,7 +1,8 @@
-import { ToggleButtonProps } from "./ToggleButton.cjs";
+import { ToggleButtonProps } from "../toggle-button/ToggleButton.cjs";
+import "../toggle-button/index.cjs";
 import React from "react";
 
-//#region src/IconToggle.d.ts
+//#region src/icon-toggle/IconToggle.d.ts
 interface IconToggleProps extends Omit<ToggleButtonProps, 'checkedContent' | 'uncheckedContent'> {
   checkedIcon?: React.ReactNode | string;
   uncheckedIcon?: React.ReactNode | string;

package/dist/{IconToggle.d.ts → icon-toggle/IconToggle.d.ts}

@@ -1,7 +1,8 @@
-import { ToggleButtonProps } from "./ToggleButton.js";
+import { ToggleButtonProps } from "../toggle-button/ToggleButton.js";
+import "../toggle-button/index.js";
 import React from "react";
 
-//#region src/IconToggle.d.ts
+//#region src/icon-toggle/IconToggle.d.ts
 interface IconToggleProps extends Omit<ToggleButtonProps, 'checkedContent' | 'uncheckedContent'> {
   checkedIcon?: React.ReactNode | string;
   uncheckedIcon?: React.ReactNode | string;

package/dist/{IconToggle.js → icon-toggle/IconToggle.js}

@@ -1,10 +1,11 @@
-import { isSvgMarkupString, svgMarkupToMaskUrl } from "./utils/svg.js";
-import { ToggleButton } from "./ToggleButton.js";
+import { isSvgMarkupString, svgMarkupToMaskUrl } from "../utils/svg.js";
+import { ToggleButton } from "../toggle-button/ToggleButton.js";
+import "../toggle-button/index.js";
 import { cn } from "@pixpilot/shadcn";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/IconToggle.tsx
+//#region src/icon-toggle/IconToggle.tsx
 const IconToggle = React.forwardRef(({ checkedIcon, uncheckedIcon, size = "default", variant = "outline", style, className,...props }, ref) => {
 	const sizeClasses = {
 		sm: "size-7",

package/dist/icon-toggle/index.cjs

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

package/dist/icon-toggle/index.d.cts

@@ -0,0 +1 @@
+import { IconToggle, IconToggleProps } from "./IconToggle.cjs";

package/dist/icon-toggle/index.d.ts

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

package/dist/icon-toggle/index.js

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

package/dist/index.cjs

@@ -3,18 +3,29 @@ const require_get_id = require('./utils/get-id.cjs');
 const require_svg = require('./utils/svg.cjs');
 const require_FileUpload = require('./file-upload/FileUpload.cjs');
 require('./file-upload/index.cjs');
-const require_AbsoluteFill = require('./AbsoluteFill.cjs');
-const require_Alert = require('./Alert.cjs');
+const require_AbsoluteFill = require('./absolute-fill/AbsoluteFill.cjs');
+require('./absolute-fill/index.cjs');
+const require_Alert = require('./alert/Alert.cjs');
+require('./alert/index.cjs');
 const require_AvatarUpload = require('./avatar-upload/AvatarUpload.cjs');
 require('./avatar-upload/index.cjs');
-const require_Button = require('./Button.cjs');
-const require_ButtonExtended = require('./ButtonExtended.cjs');
-const require_ButtonGroup = require('./ButtonGroup.cjs');
-const require_Card = require('./Card.cjs');
+const require_Button = require('./button/Button.cjs');
+require('./button/index.cjs');
+const require_ButtonExtended = require('./button-extended/ButtonExtended.cjs');
+require('./button-extended/index.cjs');
+const require_ButtonGroup = require('./button-group/ButtonGroup.cjs');
+require('./button-group/index.cjs');
+const require_Card = require('./card/Card.cjs');
+require('./card/index.cjs');
 const require_circle_loader = require('./circle-loader/circle-loader.cjs');
 require('./circle-loader/index.cjs');
-const require_CloseButtonRounded = require('./CloseButtonRounded.cjs');
-const require_CloseButtonAbsolute = require('./CloseButtonAbsolute.cjs');
+const require_CloseButtonRounded = require('./close-button-rounded/CloseButtonRounded.cjs');
+require('./close-button-rounded/index.cjs');
+const require_CloseButtonAbsolute = require('./close-button-absolute/CloseButtonAbsolute.cjs');
+require('./close-button-absolute/index.cjs');
+const require_use_select_keyboard = require('./hooks/use-select-keyboard.cjs');
+const require_ColorSelect = require('./color-select/ColorSelect.cjs');
+require('./color-select/index.cjs');
 const require_color_picker_context = require('./ColorPickerBase/color-picker-context.cjs');
 const require_PaletteButton = require('./ColorPickerBase/color-palette/PaletteButton.cjs');
 const require_PaletteSwatch = require('./ColorPickerBase/color-palette/PaletteSwatch.cjs');
@@ -32,9 +43,8 @@ const require_ColorPickerInput = require('./ColorPickerBase/ColorPickerInput.cjs
 require('./ColorPickerBase/index.cjs');
 const require_ColorPicker = require('./ColorPicker/ColorPicker.cjs');
 require('./ColorPicker/index.cjs');
-const require_use_select_keyboard = require('./hooks/use-select-keyboard.cjs');
-const require_ColorSelect = require('./ColorSelect.cjs');
-const require_Combobox = require('./Combobox.cjs');
+const require_Combobox = require('./combobox/Combobox.cjs');
+require('./combobox/index.cjs');
 const require_register_dialog = require('./dialog-provider/register-dialog.cjs');
 const require_show_dialog = require('./dialog-provider/show-dialog.cjs');
 const require_dialog_registry = require('./dialog-provider/dialog-registry.cjs');
@@ -42,8 +52,10 @@ const require_DialogProvider = require('./dialog-provider/DialogProvider.cjs');
 require('./dialog-provider/index.cjs');
 const require_confirmation_dialogs = require('./confirmation-dialog/confirmation-dialogs.cjs');
 require('./confirmation-dialog/index.cjs');
-const require_ContentCard = require('./ContentCard.cjs');
-const require_DatePicker = require('./DatePicker.cjs');
+const require_ContentCard = require('./content-card/ContentCard.cjs');
+require('./content-card/index.cjs');
+const require_DatePicker = require('./date-picker/DatePicker.cjs');
+require('./date-picker/index.cjs');
 const require_Dialog = require('./dialog/Dialog.cjs');
 require('./dialog/index.cjs');
 const require_FileUploadRootItem = require('./file-upload-root/FileUploadRootItem.cjs');
@@ -56,11 +68,14 @@ const require_use_media_query = require('./hooks/use-media-query.cjs');
 require('./hooks/index.cjs');
 const require_Input = require('./input/Input.cjs');
 require('./input/index.cjs');
-const require_LoadingOverlay = require('./LoadingOverlay.cjs');
+const require_LoadingOverlay = require('./loading-overlay/LoadingOverlay.cjs');
+require('./loading-overlay/index.cjs');
 const require_IconPicker = require('./icon-selector/IconPicker.cjs');
 require('./icon-selector/index.cjs');
-const require_ToggleButton = require('./ToggleButton.cjs');
-const require_IconToggle = require('./IconToggle.cjs');
+const require_ToggleButton = require('./toggle-button/ToggleButton.cjs');
+require('./toggle-button/index.cjs');
+const require_IconToggle = require('./icon-toggle/IconToggle.cjs');
+require('./icon-toggle/index.cjs');
 const require_Layout = require('./layout/Layout.cjs');
 const require_LayoutFooter = require('./layout/LayoutFooter.cjs');
 const require_LayoutHeader = require('./layout/LayoutHeader.cjs');
@@ -70,11 +85,14 @@ const require_Pagination = require('./pagination/Pagination.cjs');
 require('./pagination/index.cjs');
 const require_Popover = require('./popover/Popover.cjs');
 require('./popover/index.cjs');
-const require_Rating = require('./Rating.cjs');
+const require_Rating = require('./rating/Rating.cjs');
+require('./rating/index.cjs');
 const require_RichTextEditor = require('./rich-text-editor/RichTextEditor.cjs');
 require('./rich-text-editor/index.cjs');
-const require_ScaledPreview = require('./ScaledPreview.cjs');
-const require_Select = require('./Select.cjs');
+const require_ScaledPreview = require('./scaled-preview/ScaledPreview.cjs');
+require('./scaled-preview/index.cjs');
+const require_Select = require('./select/Select.cjs');
+require('./select/index.cjs');
 const require_Slider = require('./slider/Slider.cjs');
 const require_SliderInput = require('./slider/SliderInput.cjs');
 const require_SliderSelect = require('./slider/SliderSelect.cjs');
@@ -96,8 +114,8 @@ require('./theme-toggle/index.cjs');
 const require_toast = require('./toast/toast.cjs');
 const require_ToastProvider = require('./toast/ToastProvider.cjs');
 require('./toast/index.cjs');
-require('./ToggleGroup.cjs');
-require('./Tooltip.cjs');
+require('./toggle-group/index.cjs');
+require('./tooltip/index.cjs');
 let __pixpilot_shadcn = require("@pixpilot/shadcn");
 __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 let next_themes = require("next-themes");

package/dist/index.d.cts

@@ -1,19 +1,29 @@
 import { FileMetadata, FileUploadBaseProps, FileUploadCallbacks, FileUploadProgressCallBacks, FileUploadProps, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, SingleFileUploadProps } from "./file-upload/types/index.cjs";
 import { FileUpload } from "./file-upload/FileUpload.cjs";
 import "./file-upload/index.cjs";
-import { AbsoluteFill } from "./AbsoluteFill.cjs";
+import { AbsoluteFill } from "./absolute-fill/AbsoluteFill.cjs";
+import "./absolute-fill/index.cjs";
 import { AlertVariant } from "./variant-config.cjs";
-import { Alert, AlertBaseProps, AlertProps } from "./Alert.cjs";
+import { Alert, AlertBaseProps, AlertProps } from "./alert/Alert.cjs";
+import "./alert/index.cjs";
 import { AvatarUpload, AvatarUploadProps } from "./avatar-upload/AvatarUpload.cjs";
 import "./avatar-upload/index.cjs";
-import { Button, ButtonProps } from "./Button.cjs";
-import { ButtonExtended, ButtonExtendedLoaderProps, ButtonExtendedProps } from "./ButtonExtended.cjs";
-import { ButtonGroup, ButtonGroupProps, ButtonGroupSeparator, ButtonGroupText } from "./ButtonGroup.cjs";
-import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./Card.cjs";
+import { Button, ButtonProps } from "./button/Button.cjs";
+import "./button/index.cjs";
+import { ButtonExtended, ButtonExtendedLoaderProps, ButtonExtendedProps } from "./button-extended/ButtonExtended.cjs";
+import "./button-extended/index.cjs";
+import { ButtonGroup, ButtonGroupProps, ButtonGroupSeparator, ButtonGroupText } from "./button-group/ButtonGroup.cjs";
+import "./button-group/index.cjs";
+import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./card/Card.cjs";
+import "./card/index.cjs";
 import { CircleLoader, CircleLoaderProps } from "./circle-loader/circle-loader.cjs";
 import "./circle-loader/index.cjs";
-import { CloseButtonRounded, CloseButtonRoundedProps } from "./CloseButtonRounded.cjs";
-import { CloseButtonAbsolute, PopoverCloseButtonProps } from "./CloseButtonAbsolute.cjs";
+import { CloseButtonRounded, CloseButtonRoundedProps } from "./close-button-rounded/CloseButtonRounded.cjs";
+import "./close-button-rounded/index.cjs";
+import { CloseButtonAbsolute, PopoverCloseButtonProps } from "./close-button-absolute/CloseButtonAbsolute.cjs";
+import "./close-button-absolute/index.cjs";
+import { BaseColorSelectProps, ColorSelect, ColorSelectOption } from "./color-select/ColorSelect.cjs";
+import "./color-select/index.cjs";
 import { ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerContentProps, ColorPickerResetOptions, ColorPickerRootProps, PresetColor } from "./ColorPickerBase/types.cjs";
 import { ColorPicker, ColorPickerProps } from "./ColorPicker/ColorPicker.cjs";
 import "./ColorPicker/index.cjs";
@@ -32,13 +42,15 @@ import { ColorPickerFullControls, ColorPickerFullControlsProps } from "./ColorPi
 import { ColorPickerInput, ColorPickerInputProps } from "./ColorPickerBase/ColorPickerInput.cjs";
 import { ColorPickerRoot } from "./ColorPickerBase/ColorPickerRoot.cjs";
 import "./ColorPickerBase/index.cjs";
-import { BaseColorSelectProps, ColorSelect, ColorSelectOption } from "./ColorSelect.cjs";
-import { Combobox } from "./Combobox.cjs";
+import { Combobox } from "./combobox/Combobox.cjs";
+import "./combobox/index.cjs";
 import { ConfirmationDialogProps, ConfirmationDialogVariant } from "./confirmation-dialog/ConfirmationDialog.cjs";
 import { confirmDialog, showConfirmDialog } from "./confirmation-dialog/confirmation-dialogs.cjs";
 import "./confirmation-dialog/index.cjs";
-import { ContentCard } from "./ContentCard.cjs";
-import { DatePicker, DatePickerProps } from "./DatePicker.cjs";
+import { ContentCard } from "./content-card/ContentCard.cjs";
+import "./content-card/index.cjs";
+import { DatePicker, DatePickerProps } from "./date-picker/DatePicker.cjs";
+import "./date-picker/index.cjs";
 import { DialogBody, DialogClose, DialogContent, DialogContentProps, DialogFooter, DialogHeader } from "./dialog/Dialog.cjs";
 import { Dialog, DialogDescription, DialogTitle, DialogTrigger } from "./dialog/index.cjs";
 import { RegisteredDialog, RegisteredDialogInjectedProps, RegisteredDialogShowProps, registerDialog } from "./dialog-provider/register-dialog.cjs";
@@ -60,8 +72,10 @@ import "./hooks/index.cjs";
 import { IconProvider, IconProviderLoader, IconProviderProps } from "./icon-selector/types.cjs";
 import { IconPicker, IconPickerProps, IconPickerVariant } from "./icon-selector/IconPicker.cjs";
 import "./icon-selector/index.cjs";
-import { ToggleButton, ToggleButtonProps } from "./ToggleButton.cjs";
-import { IconToggle, IconToggleProps } from "./IconToggle.cjs";
+import { ToggleButton, ToggleButtonProps } from "./toggle-button/ToggleButton.cjs";
+import "./toggle-button/index.cjs";
+import { IconToggle, IconToggleProps } from "./icon-toggle/IconToggle.cjs";
+import "./icon-toggle/index.cjs";
 import { Input, InputProps } from "./input/Input.cjs";
 import "./input/index.cjs";
 import { Layout, LayoutProps } from "./layout/Layout.cjs";
@@ -69,16 +83,20 @@ import { LayoutFooter, LayoutFooterProps } from "./layout/LayoutFooter.cjs";
 import { LayoutHeader, LayoutHeaderProps } from "./layout/LayoutHeader.cjs";
 import { LayoutMain, LayoutMainProps } from "./layout/LayoutMain.cjs";
 import "./layout/index.cjs";
-import { LoadingOverlay, LoadingOverlayProps } from "./LoadingOverlay.cjs";
+import { LoadingOverlay, LoadingOverlayProps } from "./loading-overlay/LoadingOverlay.cjs";
+import "./loading-overlay/index.cjs";
 import { Pagination, PaginationProps } from "./pagination/Pagination.cjs";
 import "./pagination/index.cjs";
 import { Popover, PopoverAnchor, PopoverContent, PopoverContentProps, PopoverContentUnstyled, PopoverTrigger } from "./popover/Popover.cjs";
 import "./popover/index.cjs";
-import { Rating, RatingButton, RatingButtonProps, RatingColor, RatingOption, RatingProps } from "./Rating.cjs";
+import { Rating, RatingButton, RatingButtonProps, RatingColor, RatingOption, RatingProps } from "./rating/Rating.cjs";
+import "./rating/index.cjs";
 import { RichTextEditor, RichTextEditorProps, RichTextEditorSlots, ToolbarItems } from "./rich-text-editor/RichTextEditor.cjs";
 import "./rich-text-editor/index.cjs";
-import { ScaledPreview, ScaledPreviewProps, ScaledPreviewSize } from "./ScaledPreview.cjs";
-import { Select, SelectContentProps, SelectOption } from "./Select.cjs";
+import { ScaledPreview, ScaledPreviewProps, ScaledPreviewSize } from "./scaled-preview/ScaledPreview.cjs";
+import "./scaled-preview/index.cjs";
+import { Select, SelectContentProps, SelectOption } from "./select/Select.cjs";
+import "./select/index.cjs";
 import { Slider, SliderProps } from "./slider/Slider.cjs";
 import { SliderInput, SliderInputProps } from "./slider/SliderInput.cjs";
 import { SliderSelect, SliderSelectOption, SliderSelectProps, SliderSelectValue } from "./slider/SliderSelect.cjs";
@@ -104,8 +122,8 @@ import { AlertToastProps } from "./toast/types.cjs";
 import { DEFAULT_ALERT_DURATION, ToastFunction, ToastMessage, toast } from "./toast/toast.cjs";
 import { Toaster } from "./toast/ToastProvider.cjs";
 import "./toast/index.cjs";
-import { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, ToggleGroupValue } from "./ToggleGroup.cjs";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./Tooltip.cjs";
+import { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, ToggleGroupValue } from "./toggle-group/ToggleGroup.cjs";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./tooltip/Tooltip.cjs";
 import { getId } from "./utils/get-id.cjs";
 import { isSvgMarkupString, svgMarkupToMaskUrl } from "./utils/svg.cjs";
 import { cn } from "@pixpilot/shadcn";

package/dist/index.d.ts

@@ -1,19 +1,29 @@
 import { FileMetadata, FileUploadBaseProps, FileUploadCallbacks, FileUploadProgressCallBacks, FileUploadProps, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, SingleFileUploadProps } from "./file-upload/types/index.js";
 import { FileUpload } from "./file-upload/FileUpload.js";
 import "./file-upload/index.js";
-import { AbsoluteFill } from "./AbsoluteFill.js";
+import { AbsoluteFill } from "./absolute-fill/AbsoluteFill.js";
+import "./absolute-fill/index.js";
 import { AlertVariant } from "./variant-config.js";
-import { Alert, AlertBaseProps, AlertProps } from "./Alert.js";
+import { Alert, AlertBaseProps, AlertProps } from "./alert/Alert.js";
+import "./alert/index.js";
 import { AvatarUpload, AvatarUploadProps } from "./avatar-upload/AvatarUpload.js";
 import "./avatar-upload/index.js";
-import { Button, ButtonProps } from "./Button.js";
-import { ButtonExtended, ButtonExtendedLoaderProps, ButtonExtendedProps } from "./ButtonExtended.js";
-import { ButtonGroup, ButtonGroupProps, ButtonGroupSeparator, ButtonGroupText } from "./ButtonGroup.js";
-import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./Card.js";
+import { Button, ButtonProps } from "./button/Button.js";
+import "./button/index.js";
+import { ButtonExtended, ButtonExtendedLoaderProps, ButtonExtendedProps } from "./button-extended/ButtonExtended.js";
+import "./button-extended/index.js";
+import { ButtonGroup, ButtonGroupProps, ButtonGroupSeparator, ButtonGroupText } from "./button-group/ButtonGroup.js";
+import "./button-group/index.js";
+import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./card/Card.js";
+import "./card/index.js";
 import { CircleLoader, CircleLoaderProps } from "./circle-loader/circle-loader.js";
 import "./circle-loader/index.js";
-import { CloseButtonRounded, CloseButtonRoundedProps } from "./CloseButtonRounded.js";
-import { CloseButtonAbsolute, PopoverCloseButtonProps } from "./CloseButtonAbsolute.js";
+import { CloseButtonRounded, CloseButtonRoundedProps } from "./close-button-rounded/CloseButtonRounded.js";
+import "./close-button-rounded/index.js";
+import { CloseButtonAbsolute, PopoverCloseButtonProps } from "./close-button-absolute/CloseButtonAbsolute.js";
+import "./close-button-absolute/index.js";
+import { BaseColorSelectProps, ColorSelect, ColorSelectOption } from "./color-select/ColorSelect.js";
+import "./color-select/index.js";
 import { ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerContentProps, ColorPickerResetOptions, ColorPickerRootProps, PresetColor } from "./ColorPickerBase/types.js";
 import { ColorPicker, ColorPickerProps } from "./ColorPicker/ColorPicker.js";
 import "./ColorPicker/index.js";
@@ -32,13 +42,15 @@ import { ColorPickerFullControls, ColorPickerFullControlsProps } from "./ColorPi
 import { ColorPickerInput, ColorPickerInputProps } from "./ColorPickerBase/ColorPickerInput.js";
 import { ColorPickerRoot } from "./ColorPickerBase/ColorPickerRoot.js";
 import "./ColorPickerBase/index.js";
-import { BaseColorSelectProps, ColorSelect, ColorSelectOption } from "./ColorSelect.js";
-import { Combobox } from "./Combobox.js";
+import { Combobox } from "./combobox/Combobox.js";
+import "./combobox/index.js";
 import { ConfirmationDialogProps, ConfirmationDialogVariant } from "./confirmation-dialog/ConfirmationDialog.js";
 import { confirmDialog, showConfirmDialog } from "./confirmation-dialog/confirmation-dialogs.js";
 import "./confirmation-dialog/index.js";
-import { ContentCard } from "./ContentCard.js";
-import { DatePicker, DatePickerProps } from "./DatePicker.js";
+import { ContentCard } from "./content-card/ContentCard.js";
+import "./content-card/index.js";
+import { DatePicker, DatePickerProps } from "./date-picker/DatePicker.js";
+import "./date-picker/index.js";
 import { DialogBody, DialogClose, DialogContent, DialogContentProps, DialogFooter, DialogHeader } from "./dialog/Dialog.js";
 import { Dialog, DialogDescription, DialogTitle, DialogTrigger } from "./dialog/index.js";
 import { RegisteredDialog, RegisteredDialogInjectedProps, RegisteredDialogShowProps, registerDialog } from "./dialog-provider/register-dialog.js";
@@ -60,8 +72,10 @@ import "./hooks/index.js";
 import { IconProvider, IconProviderLoader, IconProviderProps } from "./icon-selector/types.js";
 import { IconPicker, IconPickerProps, IconPickerVariant } from "./icon-selector/IconPicker.js";
 import "./icon-selector/index.js";
-import { ToggleButton, ToggleButtonProps } from "./ToggleButton.js";
-import { IconToggle, IconToggleProps } from "./IconToggle.js";
+import { ToggleButton, ToggleButtonProps } from "./toggle-button/ToggleButton.js";
+import "./toggle-button/index.js";
+import { IconToggle, IconToggleProps } from "./icon-toggle/IconToggle.js";
+import "./icon-toggle/index.js";
 import { Input, InputProps } from "./input/Input.js";
 import "./input/index.js";
 import { Layout, LayoutProps } from "./layout/Layout.js";
@@ -69,16 +83,20 @@ import { LayoutFooter, LayoutFooterProps } from "./layout/LayoutFooter.js";
 import { LayoutHeader, LayoutHeaderProps } from "./layout/LayoutHeader.js";
 import { LayoutMain, LayoutMainProps } from "./layout/LayoutMain.js";
 import "./layout/index.js";
-import { LoadingOverlay, LoadingOverlayProps } from "./LoadingOverlay.js";
+import { LoadingOverlay, LoadingOverlayProps } from "./loading-overlay/LoadingOverlay.js";
+import "./loading-overlay/index.js";
 import { Pagination, PaginationProps } from "./pagination/Pagination.js";
 import "./pagination/index.js";
 import { Popover, PopoverAnchor, PopoverContent, PopoverContentProps, PopoverContentUnstyled, PopoverTrigger } from "./popover/Popover.js";
 import "./popover/index.js";
-import { Rating, RatingButton, RatingButtonProps, RatingColor, RatingOption, RatingProps } from "./Rating.js";
+import { Rating, RatingButton, RatingButtonProps, RatingColor, RatingOption, RatingProps } from "./rating/Rating.js";
+import "./rating/index.js";
 import { RichTextEditor, RichTextEditorProps, RichTextEditorSlots, ToolbarItems } from "./rich-text-editor/RichTextEditor.js";
 import "./rich-text-editor/index.js";
-import { ScaledPreview, ScaledPreviewProps, ScaledPreviewSize } from "./ScaledPreview.js";
-import { Select, SelectContentProps, SelectOption } from "./Select.js";
+import { ScaledPreview, ScaledPreviewProps, ScaledPreviewSize } from "./scaled-preview/ScaledPreview.js";
+import "./scaled-preview/index.js";
+import { Select, SelectContentProps, SelectOption } from "./select/Select.js";
+import "./select/index.js";
 import { Slider, SliderProps } from "./slider/Slider.js";
 import { SliderInput, SliderInputProps } from "./slider/SliderInput.js";
 import { SliderSelect, SliderSelectOption, SliderSelectProps, SliderSelectValue } from "./slider/SliderSelect.js";
@@ -104,8 +122,10 @@ import { AlertToastProps } from "./toast/types.js";
 import { DEFAULT_ALERT_DURATION, ToastFunction, ToastMessage, toast } from "./toast/toast.js";
 import { Toaster } from "./toast/ToastProvider.js";
 import "./toast/index.js";
-import { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, ToggleGroupValue } from "./ToggleGroup.js";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./Tooltip.js";
+import { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, ToggleGroupValue } from "./toggle-group/ToggleGroup.js";
+import "./toggle-group/index.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./tooltip/Tooltip.js";
+import "./tooltip/index.js";
 import { getId } from "./utils/get-id.js";
 import { isSvgMarkupString, svgMarkupToMaskUrl } from "./utils/svg.js";
 import { cn } from "@pixpilot/shadcn";

package/dist/index.js

@@ -2,18 +2,29 @@ import { getId } from "./utils/get-id.js";
 import { isSvgMarkupString, svgMarkupToMaskUrl } from "./utils/svg.js";
 import { FileUpload } from "./file-upload/FileUpload.js";
 import "./file-upload/index.js";
-import { AbsoluteFill } from "./AbsoluteFill.js";
-import { Alert } from "./Alert.js";
+import { AbsoluteFill } from "./absolute-fill/AbsoluteFill.js";
+import "./absolute-fill/index.js";
+import { Alert } from "./alert/Alert.js";
+import "./alert/index.js";
 import { AvatarUpload } from "./avatar-upload/AvatarUpload.js";
 import "./avatar-upload/index.js";
-import { Button } from "./Button.js";
-import { ButtonExtended } from "./ButtonExtended.js";
-import { ButtonGroup, ButtonGroupSeparator, ButtonGroupText } from "./ButtonGroup.js";
-import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./Card.js";
+import { Button } from "./button/Button.js";
+import "./button/index.js";
+import { ButtonExtended } from "./button-extended/ButtonExtended.js";
+import "./button-extended/index.js";
+import { ButtonGroup, ButtonGroupSeparator, ButtonGroupText } from "./button-group/ButtonGroup.js";
+import "./button-group/index.js";
+import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./card/Card.js";
+import "./card/index.js";
 import { CircleLoader } from "./circle-loader/circle-loader.js";
 import "./circle-loader/index.js";
-import { CloseButtonRounded } from "./CloseButtonRounded.js";
-import { CloseButtonAbsolute } from "./CloseButtonAbsolute.js";
+import { CloseButtonRounded } from "./close-button-rounded/CloseButtonRounded.js";
+import "./close-button-rounded/index.js";
+import { CloseButtonAbsolute } from "./close-button-absolute/CloseButtonAbsolute.js";
+import "./close-button-absolute/index.js";
+import { useSelectKeyboard } from "./hooks/use-select-keyboard.js";
+import { ColorSelect } from "./color-select/ColorSelect.js";
+import "./color-select/index.js";
 import { ColorPickerContext, Consumer, Provider, useColorPickerContext } from "./ColorPickerBase/color-picker-context.js";
 import { COLOR_PICKER_PALETTE_BUTTON_CLASSES, ColorPickerPaletteButton } from "./ColorPickerBase/color-palette/PaletteButton.js";
 import { ColorPickerPaletteSwatch } from "./ColorPickerBase/color-palette/PaletteSwatch.js";
@@ -31,9 +42,8 @@ import { ColorPickerInput } from "./ColorPickerBase/ColorPickerInput.js";
 import "./ColorPickerBase/index.js";
 import { ColorPicker } from "./ColorPicker/ColorPicker.js";
 import "./ColorPicker/index.js";
-import { useSelectKeyboard } from "./hooks/use-select-keyboard.js";
-import { ColorSelect } from "./ColorSelect.js";
-import { Combobox } from "./Combobox.js";
+import { Combobox } from "./combobox/Combobox.js";
+import "./combobox/index.js";
 import { registerDialog } from "./dialog-provider/register-dialog.js";
 import { showDialog } from "./dialog-provider/show-dialog.js";
 import { createDialog, dialog, hideDialog, removeDialog, unregisterDialog, useDialog } from "./dialog-provider/dialog-registry.js";
@@ -41,8 +51,10 @@ import { DialogProvider } from "./dialog-provider/DialogProvider.js";
 import "./dialog-provider/index.js";
 import { confirmDialog, showConfirmDialog } from "./confirmation-dialog/confirmation-dialogs.js";
 import "./confirmation-dialog/index.js";
-import { ContentCard } from "./ContentCard.js";
-import { DatePicker } from "./DatePicker.js";
+import { ContentCard } from "./content-card/ContentCard.js";
+import "./content-card/index.js";
+import { DatePicker } from "./date-picker/DatePicker.js";
+import "./date-picker/index.js";
 import { DialogBody, DialogClose, DialogContent, DialogFooter, DialogHeader } from "./dialog/Dialog.js";
 import { Dialog, DialogDescription, DialogTitle, DialogTrigger } from "./dialog/index.js";
 import { FileUploadRootItem } from "./file-upload-root/FileUploadRootItem.js";
@@ -55,11 +67,14 @@ import { useMediaQuery } from "./hooks/use-media-query.js";
 import "./hooks/index.js";
 import { Input } from "./input/Input.js";
 import "./input/index.js";
-import { LoadingOverlay } from "./LoadingOverlay.js";
+import { LoadingOverlay } from "./loading-overlay/LoadingOverlay.js";
+import "./loading-overlay/index.js";
 import { IconPicker } from "./icon-selector/IconPicker.js";
 import "./icon-selector/index.js";
-import { ToggleButton } from "./ToggleButton.js";
-import { IconToggle } from "./IconToggle.js";
+import { ToggleButton } from "./toggle-button/ToggleButton.js";
+import "./toggle-button/index.js";
+import { IconToggle } from "./icon-toggle/IconToggle.js";
+import "./icon-toggle/index.js";
 import { Layout } from "./layout/Layout.js";
 import { LayoutFooter } from "./layout/LayoutFooter.js";
 import { LayoutHeader } from "./layout/LayoutHeader.js";
@@ -69,11 +84,14 @@ import { Pagination } from "./pagination/Pagination.js";
 import "./pagination/index.js";
 import { Popover, PopoverAnchor, PopoverContent, PopoverContentUnstyled, PopoverTrigger } from "./popover/Popover.js";
 import "./popover/index.js";
-import { Rating, RatingButton } from "./Rating.js";
+import { Rating, RatingButton } from "./rating/Rating.js";
+import "./rating/index.js";
 import { RichTextEditor } from "./rich-text-editor/RichTextEditor.js";
 import "./rich-text-editor/index.js";
-import { ScaledPreview } from "./ScaledPreview.js";
-import { Select } from "./Select.js";
+import { ScaledPreview } from "./scaled-preview/ScaledPreview.js";
+import "./scaled-preview/index.js";
+import { Select } from "./select/Select.js";
+import "./select/index.js";
 import { Slider } from "./slider/Slider.js";
 import { SliderInput } from "./slider/SliderInput.js";
 import { SliderSelect } from "./slider/SliderSelect.js";
@@ -97,8 +115,10 @@ import "./theme-toggle/index.js";
 import { DEFAULT_ALERT_DURATION, toast } from "./toast/toast.js";
 import { Toaster } from "./toast/ToastProvider.js";
 import "./toast/index.js";
-import { ToggleGroup, ToggleGroupItem } from "./ToggleGroup.js";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./Tooltip.js";
+import { ToggleGroup, ToggleGroupItem } from "./toggle-group/ToggleGroup.js";
+import "./toggle-group/index.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./tooltip/Tooltip.js";
+import "./tooltip/index.js";
 import { cn } from "@pixpilot/shadcn";
 
 export { AbsoluteFill, Alert, AvatarUpload, Button, ButtonExtended, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, COLOR_PICKER_PALETTE_BUTTON_CLASSES, COMMON_COLORS, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CircleLoader, CloseButtonAbsolute, CloseButtonRounded, ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerBase, ColorPickerButton, ColorPickerColorPalette, ColorPickerCompactControls, ColorPickerContent, ColorPickerContext, Consumer as ColorPickerContextContextConsumer, Provider as ColorPickerContextContextProvider, ColorPickerControls, ColorPickerEyeDropper, ColorPickerFormatControls, ColorPickerFormatInput, ColorPickerFormatSelect, ColorPickerFullControls, ColorPickerHueSlider, ColorPickerInput, ColorPickerPaletteButton, ColorPickerPaletteSwatch, ColorPickerRoot, ColorSelect, Combobox, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogProvider, DialogTitle, DialogTrigger, FileUpload, FileUploadInline, FileUploadRoot, FileUploadRootItem, IconPicker, IconToggle, Input, Layout, LayoutFooter, LayoutHeader, LayoutMain, LoadingOverlay, Pagination, Popover, PopoverAnchor, PopoverContent, PopoverContentUnstyled, PopoverTrigger, Rating, RatingButton, RichTextEditor, ScaledPreview, Select, Slider, SliderInput, SliderSelect, Tabs, TabsContent, TabsContext, TabsList, TabsTrigger, TagsInput, TagsInputInline, ThemeModeDropdown, ThemeModeSwitchInside, ThemeModeSwitchOutside, ThemeModeToggleButton, ThemeProvider, Toaster, ToggleButton, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, cn, confirmDialog, createDialog, dialog, getId, hideDialog, isSvgMarkupString, registerDialog, removeDialog, showConfirmDialog, showDialog, svgMarkupToMaskUrl, toast, unregisterDialog, useColorPickerContext, useDelayedVisibility, useDialog, useMediaQuery, useSelectKeyboard, useTabsContext, useTheme };

package/dist/input/Input.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 import { InputProps } from "@pixpilot/shadcn";
 import * as React$1 from "react";
 
@@ -10,6 +10,6 @@ type InputProps$1 = InputProps & {
   prefixClassName?: string;
   suffixClassName?: string;
 };
-declare function Input(props: InputProps$1): react_jsx_runtime17.JSX.Element;
+declare function Input(props: InputProps$1): react_jsx_runtime13.JSX.Element;
 //#endregion
 export { Input, InputProps$1 as InputProps };

package/dist/input/Input.d.ts

@@ -1,6 +1,6 @@
 import { InputProps } from "@pixpilot/shadcn";
 import * as React$1 from "react";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 
 //#region src/input/Input.d.ts
 type InputProps$1 = InputProps & {
@@ -10,6 +10,6 @@ type InputProps$1 = InputProps & {
   prefixClassName?: string;
   suffixClassName?: string;
 };
-declare function Input$1(props: InputProps$1): react_jsx_runtime17.JSX.Element;
+declare function Input$1(props: InputProps$1): react_jsx_runtime13.JSX.Element;
 //#endregion
 export { Input$1 as Input, InputProps$1 as InputProps };