@pixpilot/shadcn-ui 1.37.0 → 1.39.0

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, ComboboxProps } 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 { BaseSelectProps, 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,9 +122,11 @@ 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";
-export { AbsoluteFill, Alert, AlertBaseProps, AlertProps, AlertToastProps, AlertVariant, AvatarUpload, AvatarUploadProps, BaseTabsTriggerProps, Button, ButtonExtended, ButtonExtendedLoaderProps, ButtonExtendedProps, ButtonGroup, ButtonGroupProps, ButtonGroupSeparator, ButtonGroupText, ButtonProps, COLOR_PICKER_PALETTE_BUTTON_CLASSES, COMMON_COLORS, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CircleLoader, CircleLoaderProps, CloseButtonAbsolute, CloseButtonRounded, CloseButtonRoundedProps, ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerBase, ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerButton, ColorPickerButtonProps, ColorPickerColorPalette, ColorPickerColorPaletteProps, ColorPickerCompactControls, ColorPickerCompactControlsProps, ColorPickerContent, ColorPickerContentProps, ColorPickerContext, Consumer as ColorPickerContextContextConsumer, Provider as ColorPickerContextContextProvider, ColorPickerContextStates, ColorPickerControls, ColorPickerControlsProps, ColorPickerEyeDropper, ColorPickerFormatControls, ColorPickerFormatControlsProps, ColorPickerFormatInput, ColorPickerFormatInputProps, ColorPickerFormatSelect, ColorPickerFullControls, ColorPickerFullControlsProps, ColorPickerHueSlider, ColorPickerInput, ColorPickerInputProps, ColorPickerPaletteButton, ColorPickerPaletteButtonProps, ColorPickerPaletteSwatch, ColorPickerProps, ColorPickerResetOptions, ColorPickerRoot, ColorPickerRootProps, ColorSelect, ColorSelectOption, BaseColorSelectProps as ColorSelectProps, Combobox, ConfirmationDialogProps, ConfirmationDialogVariant, ContentCard, CreatedDialog, DEFAULT_ALERT_DURATION, DatePicker, DatePickerProps, Dialog, DialogBody, DialogClose, DialogContent, DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogProvider, DialogProviderProps, DialogRegistry, DialogTitle, DialogTrigger, type FileMetadata, FileUpload, FileUploadBaseProps, FileUploadCallbacks, FileUploadInline, FileUploadInlineBaseProps, FileUploadInlineProps, type FileUploadProgressCallBacks, type FileUploadProps, FileUploadRoot, FileUploadRootItem, FileUploadRootItemProps, FileUploadRootProps, FileUploadRootPropsBaseProps, IconPicker, IconPickerProps, IconPickerVariant, IconProvider, IconProviderLoader, IconProviderProps, IconToggle, IconToggleProps, Input, InputProps, Layout, LayoutFooter, LayoutFooterProps, LayoutHeader, LayoutHeaderProps, LayoutMain, LayoutMainProps, LayoutProps, LoadingOverlay, LoadingOverlayProps, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, Pagination, PaginationProps, Popover, PopoverAnchor, PopoverCloseButtonProps, PopoverContent, PopoverContentProps, PopoverContentUnstyled, PopoverTrigger, PresetColor, Rating, RatingButton, RatingButtonProps, RatingColor, RatingOption, RatingProps, RegisteredDialog, RegisteredDialogInjectedProps, RegisteredDialogShowProps, RichTextEditor, RichTextEditorProps, RichTextEditorSlots, ScaledPreview, ScaledPreviewProps, ScaledPreviewSize, Select, SelectContentProps, SelectOption, ShowDialogProps, SingleFileUploadProps, Slider, SliderInput, SliderInputProps, SliderProps, SliderSelect, SliderSelectOption, SliderSelectProps, SliderSelectValue, Tabs, TabsContent, TabsContext, TabsContextValue, TabsList, TabsListProps, TabsTrigger, TabsTriggerProps, TabsVariant, TagsInput, TagsInputInline, TagsInputInlineItem, TagsInputInlineProps, TagsInputProps, ThemeModeDropdown, ThemeModeDropdownProps, ThemeModeSwitchInside, ThemeModeSwitchInsideProps, ThemeModeSwitchInsideSize, ThemeModeSwitchOutside, ThemeModeSwitchOutsideProps, ThemeModeToggleButton, ThemeModeToggleButtonProps, ThemeProvider, ThemeProviderProps, ToastFunction, ToastMessage, Toaster, ToggleButton, ToggleButtonProps, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, ToggleGroupValue, ToolbarItems, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UseDelayedVisibilityOptions, UseDelayedVisibilityResult, cn, confirmDialog, createDialog, dialog, getId, hideDialog, isSvgMarkupString, registerDialog, removeDialog, showConfirmDialog, showDialog, svgMarkupToMaskUrl, toast, unregisterDialog, useColorPickerContext, useDelayedVisibility, useDialog, useMediaQuery, useSelectKeyboard, useTabsContext, useTheme };
+export { AbsoluteFill, Alert, AlertBaseProps, AlertProps, AlertToastProps, AlertVariant, AvatarUpload, AvatarUploadProps, BaseTabsTriggerProps, Button, ButtonExtended, ButtonExtendedLoaderProps, ButtonExtendedProps, ButtonGroup, ButtonGroupProps, ButtonGroupSeparator, ButtonGroupText, ButtonProps, COLOR_PICKER_PALETTE_BUTTON_CLASSES, COMMON_COLORS, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CircleLoader, CircleLoaderProps, CloseButtonAbsolute, CloseButtonRounded, CloseButtonRoundedProps, ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerBase, ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerButton, ColorPickerButtonProps, ColorPickerColorPalette, ColorPickerColorPaletteProps, ColorPickerCompactControls, ColorPickerCompactControlsProps, ColorPickerContent, ColorPickerContentProps, ColorPickerContext, Consumer as ColorPickerContextContextConsumer, Provider as ColorPickerContextContextProvider, ColorPickerContextStates, ColorPickerControls, ColorPickerControlsProps, ColorPickerEyeDropper, ColorPickerFormatControls, ColorPickerFormatControlsProps, ColorPickerFormatInput, ColorPickerFormatInputProps, ColorPickerFormatSelect, ColorPickerFullControls, ColorPickerFullControlsProps, ColorPickerHueSlider, ColorPickerInput, ColorPickerInputProps, ColorPickerPaletteButton, ColorPickerPaletteButtonProps, ColorPickerPaletteSwatch, ColorPickerProps, ColorPickerResetOptions, ColorPickerRoot, ColorPickerRootProps, ColorSelect, ColorSelectOption, BaseColorSelectProps as ColorSelectProps, Combobox, ComboboxProps, ConfirmationDialogProps, ConfirmationDialogVariant, ContentCard, CreatedDialog, DEFAULT_ALERT_DURATION, DatePicker, DatePickerProps, Dialog, DialogBody, DialogClose, DialogContent, DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogProvider, DialogProviderProps, DialogRegistry, DialogTitle, DialogTrigger, type FileMetadata, FileUpload, FileUploadBaseProps, FileUploadCallbacks, FileUploadInline, FileUploadInlineBaseProps, FileUploadInlineProps, type FileUploadProgressCallBacks, type FileUploadProps, FileUploadRoot, FileUploadRootItem, FileUploadRootItemProps, FileUploadRootProps, FileUploadRootPropsBaseProps, IconPicker, IconPickerProps, IconPickerVariant, IconProvider, IconProviderLoader, IconProviderProps, IconToggle, IconToggleProps, Input, InputProps, Layout, LayoutFooter, LayoutFooterProps, LayoutHeader, LayoutHeaderProps, LayoutMain, LayoutMainProps, LayoutProps, LoadingOverlay, LoadingOverlayProps, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, Pagination, PaginationProps, Popover, PopoverAnchor, PopoverCloseButtonProps, PopoverContent, PopoverContentProps, PopoverContentUnstyled, PopoverTrigger, PresetColor, Rating, RatingButton, RatingButtonProps, RatingColor, RatingOption, RatingProps, RegisteredDialog, RegisteredDialogInjectedProps, RegisteredDialogShowProps, RichTextEditor, RichTextEditorProps, RichTextEditorSlots, ScaledPreview, ScaledPreviewProps, ScaledPreviewSize, Select, SelectContentProps, SelectOption, BaseSelectProps as SelectProps, ShowDialogProps, SingleFileUploadProps, Slider, SliderInput, SliderInputProps, SliderProps, SliderSelect, SliderSelectOption, SliderSelectProps, SliderSelectValue, Tabs, TabsContent, TabsContext, TabsContextValue, TabsList, TabsListProps, TabsTrigger, TabsTriggerProps, TabsVariant, TagsInput, TagsInputInline, TagsInputInlineItem, TagsInputInlineProps, TagsInputProps, ThemeModeDropdown, ThemeModeDropdownProps, ThemeModeSwitchInside, ThemeModeSwitchInsideProps, ThemeModeSwitchInsideSize, ThemeModeSwitchOutside, ThemeModeSwitchOutsideProps, ThemeModeToggleButton, ThemeModeToggleButtonProps, ThemeProvider, ThemeProviderProps, ToastFunction, ToastMessage, Toaster, ToggleButton, ToggleButtonProps, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, ToggleGroupValue, ToolbarItems, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UseDelayedVisibilityOptions, UseDelayedVisibilityResult, cn, confirmDialog, createDialog, dialog, getId, hideDialog, isSvgMarkupString, registerDialog, removeDialog, showConfirmDialog, showDialog, svgMarkupToMaskUrl, toast, unregisterDialog, useColorPickerContext, useDelayedVisibility, useDialog, useMediaQuery, useSelectKeyboard, useTabsContext, useTheme };

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_runtime12 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_runtime12.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_runtime14 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_runtime14.JSX.Element;
 //#endregion
 export { Input$1 as Input, InputProps$1 as InputProps };

package/dist/{LoadingOverlay.cjs → loading-overlay/LoadingOverlay.cjs}

@@ -1,9 +1,9 @@
 'use client';
 
 
-const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
-const require_use_delayed_visibility = require('./hooks/use-delayed-visibility.cjs');
-require('./hooks/index.cjs');
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_use_delayed_visibility = require('../hooks/use-delayed-visibility.cjs');
+require('../hooks/index.cjs');
 let __pixpilot_shadcn = require("@pixpilot/shadcn");
 __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 let lucide_react = require("lucide-react");
@@ -13,7 +13,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/LoadingOverlay.tsx
+//#region src/loading-overlay/LoadingOverlay.tsx
 const DEFAULT_DELAY = 0;
 const FADE_DURATION = 300;
 const LoadingOverlay = (props) => {

package/dist/{LoadingOverlay.d.cts → loading-overlay/LoadingOverlay.d.cts}

@@ -1,7 +1,7 @@
 import React from "react";
 import { Loader2 } from "lucide-react";
 
-//#region src/LoadingOverlay.d.ts
+//#region src/loading-overlay/LoadingOverlay.d.ts
 interface LoadingOverlayProps {
   /**
    * Show semi-transparent backdrop

package/dist/{LoadingOverlay.d.ts → loading-overlay/LoadingOverlay.d.ts}

@@ -1,7 +1,7 @@
 import { Loader2 } from "lucide-react";
 import React from "react";
 
-//#region src/LoadingOverlay.d.ts
+//#region src/loading-overlay/LoadingOverlay.d.ts
 interface LoadingOverlayProps {
   /**
    * Show semi-transparent backdrop

package/dist/{LoadingOverlay.js → loading-overlay/LoadingOverlay.js}

@@ -1,14 +1,14 @@
 'use client';
 
 
-import { useDelayedVisibility } from "./hooks/use-delayed-visibility.js";
-import "./hooks/index.js";
+import { useDelayedVisibility } from "../hooks/use-delayed-visibility.js";
+import "../hooks/index.js";
 import { cn } from "@pixpilot/shadcn";
 import { Loader2 } from "lucide-react";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/LoadingOverlay.tsx
+//#region src/loading-overlay/LoadingOverlay.tsx
 const DEFAULT_DELAY = 0;
 const FADE_DURATION = 300;
 const LoadingOverlay = (props) => {

package/dist/loading-overlay/index.cjs

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

package/dist/loading-overlay/index.d.cts

@@ -0,0 +1 @@
+import { LoadingOverlay, LoadingOverlayProps } from "./LoadingOverlay.cjs";

package/dist/loading-overlay/index.d.ts

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

package/dist/loading-overlay/index.js

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

package/dist/mcp/src/search.js

@@ -0,0 +1,81 @@
+//#region ../mcp/src/search.ts
+/** Default number of results returned when the caller does not pass a limit. */
+const DEFAULT_SEARCH_LIMIT = 10;
+/** Maximum edit distance still treated as a likely typo of a component name. */
+const MAX_TYPO_DISTANCE = 2;
+/** Points awarded for each kind of match, tuned so stronger signals win. */
+const SCORE = {
+	nameExact: 100,
+	namePrefix: 50,
+	nameIncludes: 30,
+	keywordExact: 40,
+	categoryExact: 25,
+	categoryIncludes: 10,
+	tokenName: 8,
+	tokenKeyword: 6,
+	tokenDescription: 3,
+	fuzzyName: 15
+};
+function toResult(component, score) {
+	return {
+		name: component.name,
+		category: component.category,
+		description: component.description,
+		score
+	};
+}
+function scoreComponent(component, query, tokens) {
+	const name = component.name.toLowerCase();
+	const category = component.category.toLowerCase();
+	const description = component.description.toLowerCase();
+	const keywords = (component.keywords ?? []).map((keyword) => keyword.toLowerCase());
+	let score = 0;
+	if (name === query) score += SCORE.nameExact;
+	else if (name.startsWith(query)) score += SCORE.namePrefix;
+	else if (name.includes(query)) score += SCORE.nameIncludes;
+	if (keywords.includes(query)) score += SCORE.keywordExact;
+	if (category === query) score += SCORE.categoryExact;
+	else if (category.includes(query)) score += SCORE.categoryIncludes;
+	for (const token of tokens) {
+		if (name.includes(token)) score += SCORE.tokenName;
+		if (keywords.some((keyword) => keyword.includes(token))) score += SCORE.tokenKeyword;
+		if (description.includes(token)) score += SCORE.tokenDescription;
+	}
+	if (score === 0 && levenshtein(query, name) <= MAX_TYPO_DISTANCE) score += SCORE.fuzzyName;
+	return score;
+}
+/**
+* Smart, dependency-free search over component metadata.
+*
+* With an empty query it acts as an alphabetical list; otherwise it ranks
+* components by name, keyword, category, and description matches, with light
+* typo tolerance on the name. Results are capped at `limit`.
+*/
+function searchComponents(components, query, limit = DEFAULT_SEARCH_LIMIT) {
+	const max = Math.max(0, Math.trunc(limit));
+	const normalizedQuery = query.trim().toLowerCase();
+	if (!normalizedQuery) return [...components].sort((a, b) => a.name.localeCompare(b.name)).slice(0, max).map((component) => toResult(component, 0));
+	const tokens = normalizedQuery.split(/\s+/u).filter(Boolean);
+	return components.map((component) => toResult(component, scoreComponent(component, normalizedQuery, tokens))).filter((result) => result.score > 0).sort((a, b) => b.score - a.score || a.name.localeCompare(b.name)).slice(0, max);
+}
+/** Small, dependency-free Levenshtein distance for typo tolerance. */
+function levenshtein(a, b) {
+	if (a === b) return 0;
+	if (a.length === 0) return b.length;
+	if (b.length === 0) return a.length;
+	const row = Array.from({ length: b.length + 1 }, (_, index) => index);
+	for (let i = 1; i <= a.length; i++) {
+		let diagonal = row[0] ?? 0;
+		row[0] = i;
+		for (let j = 1; j <= b.length; j++) {
+			const above = row[j] ?? 0;
+			const cost = a[i - 1] === b[j - 1] ? 0 : 1;
+			row[j] = Math.min(above + 1, (row[j - 1] ?? 0) + 1, diagonal + cost);
+			diagonal = above;
+		}
+	}
+	return row[b.length] ?? 0;
+}
+
+//#endregion
+export { searchComponents };

package/dist/mcp/src/server.js

@@ -0,0 +1,72 @@
+import { searchComponents } from "./search.js";
+import process from "node:process";
+import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
+import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
+import { z } from "zod/v4";
+
+//#region ../mcp/src/server.ts
+const JSON_INDENT = 2;
+function jsonToolResult(data) {
+	return {
+		content: [{
+			type: "text",
+			text: JSON.stringify(data, null, JSON_INDENT)
+		}],
+		structuredContent: data
+	};
+}
+function getComponentByName(registry, name) {
+	if (!Object.hasOwn(registry, name)) return;
+	return registry[name];
+}
+/** Creates an MCP server with generic component listing and detail tools. */
+function createComponentMcpServer({ packageName, packageVersion, registry }) {
+	const components = Object.values(registry);
+	const server = new McpServer({
+		name: packageName,
+		version: packageVersion
+	});
+	server.registerTool("list_components", {
+		title: "List components",
+		description: `List registered ${packageName} components.`
+	}, async () => jsonToolResult({ components: components.map(({ name }) => name) }));
+	server.registerTool("search_components", {
+		title: "Search components",
+		description: `Search registered ${packageName} components by name, category, keywords, and description. Returns matches ranked by relevance score.`,
+		inputSchema: {
+			query: z.string(),
+			limit: z.number().int().min(1).optional()
+		}
+	}, async ({ query, limit }) => jsonToolResult({ results: searchComponents(components, query, limit) }));
+	server.registerTool("get_component_details", {
+		title: "Get component details",
+		description: `Get the full MCP metadata object for a registered ${packageName} component.`,
+		inputSchema: { name: z.string().min(1) }
+	}, async ({ name }) => {
+		const component = getComponentByName(registry, name);
+		if (!component) return {
+			content: [{
+				type: "text",
+				text: `Component "${name}" is not registered.`
+			}],
+			isError: true
+		};
+		return jsonToolResult({ component });
+	});
+	return server;
+}
+/** Starts the generic component MCP server over stdio for package bin entrypoints. */
+async function startComponentMcpServer(options) {
+	try {
+		const server = createComponentMcpServer(options);
+		const transport = new StdioServerTransport();
+		await server.connect(transport);
+	} catch (error) {
+		const message = error instanceof Error ? error.message : String(error);
+		console.error(`Failed to start ${options.packageName} MCP server: ${message}`);
+		process.exit(1);
+	}
+}
+
+//#endregion
+export { startComponentMcpServer };

package/dist/mcp/src/utils.js

@@ -0,0 +1,8 @@
+//#region ../mcp/src/utils.ts
+/** Preserves exact prop keys while validating a component's prop metadata shape. */
+function defineProps(props) {
+	return props;
+}
+
+//#endregion
+export { defineProps };

package/dist/mcp-server.js

@@ -0,0 +1,18 @@
+#!/usr/bin/env node
+import { startComponentMcpServer } from "./mcp/src/server.js";
+import { mcpRegistry } from "./generated/mcp-registry.js";
+import process from "node:process";
+
+//#region src/mcp-server.ts
+startComponentMcpServer({
+	packageName: "@pixpilot/shadcn-ui",
+	packageVersion: "1.37.0",
+	registry: mcpRegistry
+}).catch((error) => {
+	const message = error instanceof Error ? error.message : String(error);
+	process.stderr.write(`Failed to start @pixpilot/shadcn-ui MCP server: ${message}\n`);
+	process.exit(1);
+});
+
+//#endregion
+export {  };

package/dist/{Rating.cjs → rating/Rating.cjs}

@@ -1,5 +1,5 @@
-const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
-const require_get_id = require('./utils/get-id.cjs');
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_get_id = require('../utils/get-id.cjs');
 let __pixpilot_shadcn = require("@pixpilot/shadcn");
 __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 let lucide_react = require("lucide-react");
@@ -11,7 +11,7 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 let class_variance_authority = require("class-variance-authority");
 class_variance_authority = require_rolldown_runtime.__toESM(class_variance_authority);
 
-//#region src/Rating.tsx
+//#region src/rating/Rating.tsx
 const DEFAULT_MAX_RATING = 5;
 const ratingVariants = (0, class_variance_authority.cva)("inline-flex items-center gap-1", {
 	variants: { size: {

package/dist/{Rating.d.cts → rating/Rating.d.cts}

@@ -1,9 +1,9 @@
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 import * as React$1 from "react";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types0 from "class-variance-authority/types";
 
-//#region src/Rating.d.ts
+//#region src/rating/Rating.d.ts
 type RatingColor = 'default' | 'primary' | 'secondary' | 'destructive' | 'foreground' | 'accent' | 'muted' | 'ring';
 interface RatingOption {
   label: string;
@@ -35,7 +35,7 @@ declare function RatingButton({
   index,
   className,
   ...props
-}: RatingButtonProps): react_jsx_runtime7.JSX.Element;
+}: RatingButtonProps): react_jsx_runtime13.JSX.Element;
 declare function Rating({
   value: valueProp,
   defaultValue,
@@ -53,6 +53,6 @@ declare function Rating({
   children,
   id,
   ...props
-}: React$1.PropsWithChildren<RatingProps>): react_jsx_runtime7.JSX.Element;
+}: React$1.PropsWithChildren<RatingProps>): react_jsx_runtime13.JSX.Element;
 //#endregion
 export { Rating, RatingButton, RatingButtonProps, RatingColor, RatingOption, RatingProps };

package/dist/{Rating.d.ts → rating/Rating.d.ts}

@@ -1,9 +1,9 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types0 from "class-variance-authority/types";
 
-//#region src/Rating.d.ts
+//#region src/rating/Rating.d.ts
 type RatingColor = 'default' | 'primary' | 'secondary' | 'destructive' | 'foreground' | 'accent' | 'muted' | 'ring';
 interface RatingOption {
   label: string;
@@ -35,7 +35,7 @@ declare function RatingButton({
   index,
   className,
   ...props
-}: RatingButtonProps): react_jsx_runtime7.JSX.Element;
+}: RatingButtonProps): react_jsx_runtime15.JSX.Element;
 declare function Rating({
   value: valueProp,
   defaultValue,
@@ -53,6 +53,6 @@ declare function Rating({
   children,
   id,
   ...props
-}: React$1.PropsWithChildren<RatingProps>): react_jsx_runtime7.JSX.Element;
+}: React$1.PropsWithChildren<RatingProps>): react_jsx_runtime15.JSX.Element;
 //#endregion
 export { Rating, RatingButton, RatingButtonProps, RatingColor, RatingOption, RatingProps };

package/dist/{Rating.js → rating/Rating.js}

@@ -1,11 +1,11 @@
-import { getId } from "./utils/get-id.js";
+import { getId } from "../utils/get-id.js";
 import { cn } from "@pixpilot/shadcn";
 import { Circle, Star } from "lucide-react";
 import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 
-//#region src/Rating.tsx
+//#region src/rating/Rating.tsx
 const DEFAULT_MAX_RATING = 5;
 const ratingVariants = cva("inline-flex items-center gap-1", {
 	variants: { size: {

package/dist/rating/index.cjs

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

package/dist/rating/index.d.cts

@@ -0,0 +1 @@
+import { Rating, RatingButton, RatingButtonProps, RatingColor, RatingOption, RatingProps } from "./Rating.cjs";

package/dist/rating/index.d.ts

@@ -0,0 +1 @@
+import { Rating, RatingButton, RatingButtonProps, RatingColor, RatingOption, RatingProps } from "./Rating.js";