@pixpilot/shadcn-ui 3.10.0 → 3.12.0

package/dist/absolute-fill/AbsoluteFill.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 
 //#region src/absolute-fill/AbsoluteFill.d.ts
 
@@ -10,7 +10,7 @@ import * as react_jsx_runtime0 from "react/jsx-runtime";
  */
 declare function AbsoluteFill(props: React.HTMLAttributes<HTMLDivElement> & {
   ref?: React.Ref<HTMLDivElement>;
-}): react_jsx_runtime0.JSX.Element;
+}): react_jsx_runtime7.JSX.Element;
 declare namespace AbsoluteFill {
   var displayName: string;
 }

package/dist/button/Button.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Button, Tooltip, TooltipContent, TooltipTrigger, buttonVariants } from "@pixpilot/shadcn";
 import React from "react";
 import { VariantProps } from "class-variance-authority";
@@ -27,7 +27,7 @@ interface ButtonProps extends React.ComponentProps<typeof Button>, VariantProps<
 }
 declare function Button$1(props: ButtonProps & {
   ref?: React.Ref<HTMLButtonElement>;
-}): react_jsx_runtime1.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 declare namespace Button$1 {
   var displayName: string;
 }

package/dist/button/Button.d.ts

@@ -1,6 +1,6 @@
 import { Button, Tooltip, TooltipContent, TooltipTrigger, buttonVariants } from "@pixpilot/shadcn";
 import React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 
 //#region src/button/Button.d.ts
@@ -27,7 +27,7 @@ interface ButtonProps extends React.ComponentProps<typeof Button>, VariantProps<
 }
 declare function Button$1(props: ButtonProps & {
   ref?: React.Ref<HTMLButtonElement>;
-}): react_jsx_runtime0.JSX.Element;
+}): react_jsx_runtime9.JSX.Element;
 declare namespace Button$1 {
   var displayName: string;
 }

package/dist/button-extended/ButtonExtended.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime28 from "react/jsx-runtime";
 import { Button, Tooltip, TooltipContent, TooltipTrigger, buttonVariants } from "@pixpilot/shadcn";
 import React from "react";
 import { VariantProps } from "class-variance-authority";
@@ -50,7 +50,7 @@ interface ButtonExtendedProps extends React.ComponentProps<typeof Button>, Varia
 }
 declare function ButtonExtended(props: ButtonExtendedProps & {
   ref?: React.Ref<HTMLButtonElement>;
-}): react_jsx_runtime0.JSX.Element;
+}): react_jsx_runtime28.JSX.Element;
 declare namespace ButtonExtended {
   var displayName: string;
 }

package/dist/button-extended/ButtonExtended.d.ts

@@ -1,6 +1,6 @@
 import { Button, Tooltip, TooltipContent, TooltipTrigger, buttonVariants } from "@pixpilot/shadcn";
 import React from "react";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 
 //#region src/button-extended/ButtonExtended.d.ts
@@ -50,7 +50,7 @@ interface ButtonExtendedProps extends React.ComponentProps<typeof Button>, Varia
 }
 declare function ButtonExtended(props: ButtonExtendedProps & {
   ref?: React.Ref<HTMLButtonElement>;
-}): react_jsx_runtime2.JSX.Element;
+}): react_jsx_runtime8.JSX.Element;
 declare namespace ButtonExtended {
   var displayName: string;
 }

package/dist/card/Card.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@pixpilot/shadcn";
 import React from "react";
 
@@ -6,10 +6,10 @@ import React from "react";
 declare function CardTitle$1({
   className,
   ...props
-}: React.ComponentProps<typeof CardTitle>): react_jsx_runtime2.JSX.Element;
+}: React.ComponentProps<typeof CardTitle>): react_jsx_runtime17.JSX.Element;
 declare function CardHeader$1({
   className,
   ...props
-}: React.ComponentProps<typeof CardHeader>): react_jsx_runtime2.JSX.Element;
+}: React.ComponentProps<typeof CardHeader>): react_jsx_runtime17.JSX.Element;
 //#endregion
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader$1 as CardHeader, CardTitle$1 as CardTitle };

package/dist/card/Card.d.ts

@@ -1,15 +1,15 @@
 import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@pixpilot/shadcn";
 import React from "react";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 
 //#region src/card/Card.d.ts
 declare function CardTitle$1({
   className,
   ...props
-}: React.ComponentProps<typeof CardTitle>): react_jsx_runtime3.JSX.Element;
+}: React.ComponentProps<typeof CardTitle>): react_jsx_runtime11.JSX.Element;
 declare function CardHeader$1({
   className,
   ...props
-}: React.ComponentProps<typeof CardHeader>): react_jsx_runtime3.JSX.Element;
+}: React.ComponentProps<typeof CardHeader>): react_jsx_runtime11.JSX.Element;
 //#endregion
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader$1 as CardHeader, CardTitle$1 as CardTitle };

package/dist/color-select/ColorSelect.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 import { Select, SelectContent } from "@pixpilot/shadcn";
 import React, { ComponentProps } from "react";
 
@@ -17,6 +17,6 @@ type BaseColorSelectProps = {
   keyboardMode?: 'cycle' | 'dropdown';
   className?: string;
 } & Omit<ComponentProps<typeof Select>, 'value' | 'onValueChange' | 'children'>;
-declare function ColorSelect(props: BaseColorSelectProps): react_jsx_runtime5.JSX.Element;
+declare function ColorSelect(props: BaseColorSelectProps): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { BaseColorSelectProps, ColorSelect, ColorSelectOption };

package/dist/color-select/ColorSelect.d.ts

@@ -1,6 +1,6 @@
 import { Select, SelectContent } from "@pixpilot/shadcn";
 import React, { ComponentProps } from "react";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 
 //#region src/color-select/ColorSelect.d.ts
 interface ColorSelectOption {
@@ -17,6 +17,6 @@ type BaseColorSelectProps = {
   keyboardMode?: 'cycle' | 'dropdown';
   className?: string;
 } & Omit<ComponentProps<typeof Select>, 'value' | 'onValueChange' | 'children'>;
-declare function ColorSelect(props: BaseColorSelectProps): react_jsx_runtime5.JSX.Element;
+declare function ColorSelect(props: BaseColorSelectProps): react_jsx_runtime13.JSX.Element;
 //#endregion
 export { BaseColorSelectProps, ColorSelect, ColorSelectOption };

package/dist/content-card/ContentCard.d.cts

@@ -1,6 +1,6 @@
 import { Card } from "../card/Card.cjs";
 import "../card/index.cjs";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 import React, { ReactNode } from "react";
 
 //#region src/content-card/ContentCard.d.ts
@@ -9,7 +9,7 @@ interface SectionCardProps extends React.ComponentProps<typeof Card> {
   children: ReactNode;
   marginBottom?: boolean;
 }
-declare function ContentCard(props: SectionCardProps): react_jsx_runtime15.JSX.Element;
+declare function ContentCard(props: SectionCardProps): react_jsx_runtime12.JSX.Element;
 declare namespace ContentCard {
   var displayName: string;
 }

package/dist/content-card/ContentCard.d.ts

@@ -1,7 +1,7 @@
 import { Card } from "../card/Card.js";
 import "../card/index.js";
 import React, { ReactNode } from "react";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 
 //#region src/content-card/ContentCard.d.ts
 interface SectionCardProps extends React.ComponentProps<typeof Card> {
@@ -9,7 +9,7 @@ interface SectionCardProps extends React.ComponentProps<typeof Card> {
   children: ReactNode;
   marginBottom?: boolean;
 }
-declare function ContentCard(props: SectionCardProps): react_jsx_runtime6.JSX.Element;
+declare function ContentCard(props: SectionCardProps): react_jsx_runtime14.JSX.Element;
 declare namespace ContentCard {
   var displayName: string;
 }

package/dist/date-picker/DatePicker.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 import { Calendar } from "@pixpilot/shadcn";
 import { ComponentProps } from "react";
 
@@ -10,7 +10,7 @@ type DatePickerProps = {
   placeholder?: string;
   showClearButton?: boolean;
 } & Omit<ComponentProps<typeof Calendar>, 'selected' | 'onSelect' | 'mode'>;
-declare function DatePicker(props: DatePickerProps): react_jsx_runtime16.JSX.Element;
+declare function DatePicker(props: DatePickerProps): react_jsx_runtime2.JSX.Element;
 declare namespace DatePicker {
   var displayName: string;
 }

package/dist/date-picker/DatePicker.d.ts

@@ -1,6 +1,6 @@
 import { Calendar } from "@pixpilot/shadcn";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
 //#region src/date-picker/DatePicker.d.ts
 type DatePickerProps = {
@@ -10,7 +10,7 @@ type DatePickerProps = {
   placeholder?: string;
   showClearButton?: boolean;
 } & Omit<ComponentProps<typeof Calendar>, 'selected' | 'onSelect' | 'mode'>;
-declare function DatePicker(props: DatePickerProps): react_jsx_runtime7.JSX.Element;
+declare function DatePicker(props: DatePickerProps): react_jsx_runtime15.JSX.Element;
 declare namespace DatePicker {
   var displayName: string;
 }

package/dist/dialog/Dialog.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 import { DialogClose, DialogContent } from "@pixpilot/shadcn";
 import * as React$1 from "react";
 
@@ -7,12 +7,12 @@ interface DialogContentProps extends React$1.ComponentPropsWithoutRef<typeof Dia
   fullscreen?: boolean;
 }
 declare const DialogContent$1: React$1.ForwardRefExoticComponent<DialogContentProps & React$1.RefAttributes<HTMLDivElement>>;
-declare function DialogHeader(props: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime6.JSX.Element;
-declare function DialogBody(props: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime6.JSX.Element;
-declare function DialogFooter(props: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime6.JSX.Element;
+declare function DialogHeader(props: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime8.JSX.Element;
+declare function DialogBody(props: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime8.JSX.Element;
+declare function DialogFooter(props: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime8.JSX.Element;
 declare function DialogClose$1({
   className,
   ...props
-}: React$1.ComponentPropsWithoutRef<typeof DialogClose>): react_jsx_runtime6.JSX.Element;
+}: React$1.ComponentPropsWithoutRef<typeof DialogClose>): react_jsx_runtime8.JSX.Element;
 //#endregion
 export { DialogBody, DialogClose$1 as DialogClose, DialogContent$1 as DialogContent, DialogContentProps, DialogFooter, DialogHeader };

package/dist/dialog/Dialog.d.ts

@@ -1,18 +1,18 @@
 import { DialogClose, DialogContent } from "@pixpilot/shadcn";
 import * as React$1 from "react";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 
 //#region src/dialog/Dialog.d.ts
 interface DialogContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogContent> {
   fullscreen?: boolean;
 }
 declare const DialogContent$1: React$1.ForwardRefExoticComponent<DialogContentProps & React$1.RefAttributes<HTMLDivElement>>;
-declare function DialogHeader$1(props: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime8.JSX.Element;
-declare function DialogBody(props: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime8.JSX.Element;
-declare function DialogFooter$1(props: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime8.JSX.Element;
+declare function DialogHeader$1(props: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime16.JSX.Element;
+declare function DialogBody(props: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime16.JSX.Element;
+declare function DialogFooter$1(props: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime16.JSX.Element;
 declare function DialogClose$1({
   className,
   ...props
-}: React$1.ComponentPropsWithoutRef<typeof DialogClose>): react_jsx_runtime8.JSX.Element;
+}: React$1.ComponentPropsWithoutRef<typeof DialogClose>): react_jsx_runtime16.JSX.Element;
 //#endregion
 export { DialogBody, DialogClose$1 as DialogClose, DialogContent$1 as DialogContent, DialogContentProps, DialogFooter$1 as DialogFooter, DialogHeader$1 as DialogHeader };

package/dist/drawer/Drawer.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 import { Drawer, DrawerClose, DrawerContent } from "@pixpilot/shadcn";
 import * as React$1 from "react";
 import * as _radix_ui_react_dialog0 from "@radix-ui/react-dialog";
@@ -22,7 +22,7 @@ type DrawerProps = React$1.ComponentProps<typeof Drawer> & NoDragProps;
 declare function Drawer$1({
   noDrag,
   ...props
-}: DrawerProps): react_jsx_runtime10.JSX.Element;
+}: DrawerProps): react_jsx_runtime3.JSX.Element;
 type DrawerContentProps = React$1.ComponentPropsWithoutRef<typeof DrawerContent> & NoDragProps & {
   /**
    * Detach the drawer from the viewport edges: adds a gap on every side and
@@ -44,19 +44,19 @@ declare const DrawerContent$1: React$1.ForwardRefExoticComponent<Omit<Omit<_radi
 declare function DrawerHeader({
   noDrag,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement> & NoDragProps): react_jsx_runtime10.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement> & NoDragProps): react_jsx_runtime3.JSX.Element;
 declare function DrawerBody({
   noDrag,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement> & NoDragProps): react_jsx_runtime10.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement> & NoDragProps): react_jsx_runtime3.JSX.Element;
 declare function DrawerFooter({
   noDrag,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement> & NoDragProps): react_jsx_runtime10.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement> & NoDragProps): react_jsx_runtime3.JSX.Element;
 declare function DrawerClose$1({
   className,
   noDrag,
   ...props
-}: React$1.ComponentPropsWithoutRef<typeof DrawerClose> & NoDragProps): react_jsx_runtime10.JSX.Element;
+}: React$1.ComponentPropsWithoutRef<typeof DrawerClose> & NoDragProps): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { Drawer$1 as Drawer, DrawerBody, DrawerClose$1 as DrawerClose, DrawerContent$1 as DrawerContent, DrawerContentProps, DrawerFooter, DrawerHeader, DrawerProps };

package/dist/drawer/Drawer.d.ts

@@ -1,6 +1,6 @@
 import { Drawer, DrawerClose, DrawerContent } from "@pixpilot/shadcn";
 import * as React$1 from "react";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as _radix_ui_react_dialog0 from "@radix-ui/react-dialog";
 
 //#region src/drawer/Drawer.d.ts
@@ -22,7 +22,7 @@ type DrawerProps = React$1.ComponentProps<typeof Drawer> & NoDragProps;
 declare function Drawer$1({
   noDrag,
   ...props
-}: DrawerProps): react_jsx_runtime12.JSX.Element;
+}: DrawerProps): react_jsx_runtime0.JSX.Element;
 type DrawerContentProps = React$1.ComponentPropsWithoutRef<typeof DrawerContent> & NoDragProps & {
   /**
    * Detach the drawer from the viewport edges: adds a gap on every side and
@@ -44,19 +44,19 @@ declare const DrawerContent$1: React$1.ForwardRefExoticComponent<Omit<Omit<_radi
 declare function DrawerHeader({
   noDrag,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement> & NoDragProps): react_jsx_runtime12.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement> & NoDragProps): react_jsx_runtime0.JSX.Element;
 declare function DrawerBody({
   noDrag,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement> & NoDragProps): react_jsx_runtime12.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement> & NoDragProps): react_jsx_runtime0.JSX.Element;
 declare function DrawerFooter({
   noDrag,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement> & NoDragProps): react_jsx_runtime12.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement> & NoDragProps): react_jsx_runtime0.JSX.Element;
 declare function DrawerClose$1({
   className,
   noDrag,
   ...props
-}: React$1.ComponentPropsWithoutRef<typeof DrawerClose> & NoDragProps): react_jsx_runtime12.JSX.Element;
+}: React$1.ComponentPropsWithoutRef<typeof DrawerClose> & NoDragProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Drawer$1 as Drawer, DrawerBody, DrawerClose$1 as DrawerClose, DrawerContent$1 as DrawerContent, DrawerContentProps, DrawerFooter, DrawerHeader, DrawerProps };

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

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

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

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

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

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

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

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

package/dist/file-upload-root/FileUploadRoot.d.cts

@@ -1,11 +1,11 @@
 import { FileUploadRootProps } from "./types.cjs";
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 
 //#region src/file-upload-root/FileUploadRoot.d.ts
 /**
  * FileUploadInline - An inline file upload component using FileUpload primitives
  */
-declare function FileUploadRoot(props: FileUploadRootProps): react_jsx_runtime18.JSX.Element;
+declare function FileUploadRoot(props: FileUploadRootProps): react_jsx_runtime20.JSX.Element;
 declare namespace FileUploadRoot {
   var displayName: string;
 }

package/dist/file-upload-root/FileUploadRoot.d.ts

@@ -1,11 +1,11 @@
 import { FileUploadRootProps } from "./types.js";
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/file-upload-root/FileUploadRoot.d.ts
 /**
  * FileUploadInline - An inline file upload component using FileUpload primitives
  */
-declare function FileUploadRoot(props: FileUploadRootProps): react_jsx_runtime18.JSX.Element;
+declare function FileUploadRoot(props: FileUploadRootProps): react_jsx_runtime5.JSX.Element;
 declare namespace FileUploadRoot {
   var displayName: string;
 }

package/dist/index.d.cts

@@ -129,7 +129,7 @@ import { ThemeModeSwitchOutside, ThemeModeSwitchOutsideProps } from "./theme-tog
 import { ThemeModeToggleButton, ThemeModeToggleButtonProps } from "./theme-toggle/ThemeModeToggleButton.cjs";
 import "./theme-toggle/index.cjs";
 import { AlertToastProps } from "./toast/types.cjs";
-import { DEFAULT_ALERT_DURATION, ToastFunction, ToastMessage, toast } from "./toast/toast.cjs";
+import { DEFAULT_ALERT_DURATION, ToastApi, ToastCustomContent, ToastFunction, ToastMessage, toast } from "./toast/toast.cjs";
 import { Toaster } from "./toast/ToastProvider.cjs";
 import "./toast/index.cjs";
 import { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, ToggleGroupValue } from "./toggle-group/ToggleGroup.cjs";
@@ -137,4 +137,4 @@ import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./tool
 import { getId } from "./utils/get-id.cjs";
 import { isSvgMarkupString, svgMarkupToMaskUrl } from "./utils/svg.cjs";
 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, ComboboxProps, ConfirmationDialogProps, ConfirmationDialogVariant, ContentCard, CreatedOverlay, DEFAULT_ALERT_DURATION, DatePicker, DatePickerProps, Dialog, DialogBody, DialogClose, DialogContent, DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerContentProps, DrawerDescription, DrawerFooter, DrawerHeader, DrawerProps, DrawerTitle, DrawerTrigger, EmptyOverlayDefaultProps, 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, OptionalRegisteredOverlayProps, OverlayProvider, OverlayProviderProps, Pagination, PaginationProps, Popover, PopoverAnchor, PopoverCloseButtonProps, PopoverContent, PopoverContentProps, PopoverContentUnstyled, PopoverTrigger, PresetColor, Rating, RatingButton, RatingButtonProps, RatingColor, RatingOption, RatingProps, RegisteredOverlay, RegisteredOverlayInjectedProps, RegisteredOverlayShowProps, RichTextEditor, RichTextEditorProps, RichTextEditorSlots, ScaledPreview, ScaledPreviewProps, ScaledPreviewSize, Select, SelectContentProps, SelectOption, BaseSelectProps as SelectProps, ShakeStyles, ShowDialogProps, ShowDrawerProps, ShowOverlayProps, 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, createOverlay, createOverlayProvider, dialog, drawer, getId, hideOverlay, isSvgMarkupString, overlayRegistry, registerDialog, registerDrawer, registerOverlay, removeOverlay, showConfirmDialog, showDialog, showDrawer, showOverlay, svgMarkupToMaskUrl, toast, unregisterOverlay, useColorPickerContext, useDelayedVisibility, useDialog, useDrawer, useMediaQuery, useOverlay, 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, CreatedOverlay, DEFAULT_ALERT_DURATION, DatePicker, DatePickerProps, Dialog, DialogBody, DialogClose, DialogContent, DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerContentProps, DrawerDescription, DrawerFooter, DrawerHeader, DrawerProps, DrawerTitle, DrawerTrigger, EmptyOverlayDefaultProps, 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, OptionalRegisteredOverlayProps, OverlayProvider, OverlayProviderProps, Pagination, PaginationProps, Popover, PopoverAnchor, PopoverCloseButtonProps, PopoverContent, PopoverContentProps, PopoverContentUnstyled, PopoverTrigger, PresetColor, Rating, RatingButton, RatingButtonProps, RatingColor, RatingOption, RatingProps, RegisteredOverlay, RegisteredOverlayInjectedProps, RegisteredOverlayShowProps, RichTextEditor, RichTextEditorProps, RichTextEditorSlots, ScaledPreview, ScaledPreviewProps, ScaledPreviewSize, Select, SelectContentProps, SelectOption, BaseSelectProps as SelectProps, ShakeStyles, ShowDialogProps, ShowDrawerProps, ShowOverlayProps, 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, ToastApi, ToastCustomContent, ToastFunction, ToastMessage, Toaster, ToggleButton, ToggleButtonProps, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, ToggleGroupValue, ToolbarItems, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UseDelayedVisibilityOptions, UseDelayedVisibilityResult, cn, confirmDialog, createOverlay, createOverlayProvider, dialog, drawer, getId, hideOverlay, isSvgMarkupString, overlayRegistry, registerDialog, registerDrawer, registerOverlay, removeOverlay, showConfirmDialog, showDialog, showDrawer, showOverlay, svgMarkupToMaskUrl, toast, unregisterOverlay, useColorPickerContext, useDelayedVisibility, useDialog, useDrawer, useMediaQuery, useOverlay, useSelectKeyboard, useTabsContext, useTheme };

package/dist/index.d.ts

@@ -129,7 +129,7 @@ import { ThemeModeSwitchOutside, ThemeModeSwitchOutsideProps } from "./theme-tog
 import { ThemeModeToggleButton, ThemeModeToggleButtonProps } from "./theme-toggle/ThemeModeToggleButton.js";
 import "./theme-toggle/index.js";
 import { AlertToastProps } from "./toast/types.js";
-import { DEFAULT_ALERT_DURATION, ToastFunction, ToastMessage, toast } from "./toast/toast.js";
+import { DEFAULT_ALERT_DURATION, ToastApi, ToastCustomContent, ToastFunction, ToastMessage, toast } from "./toast/toast.js";
 import { Toaster } from "./toast/ToastProvider.js";
 import "./toast/index.js";
 import { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, ToggleGroupValue } from "./toggle-group/ToggleGroup.js";
@@ -139,4 +139,4 @@ 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, ComboboxProps, ConfirmationDialogProps, ConfirmationDialogVariant, ContentCard, CreatedOverlay, DEFAULT_ALERT_DURATION, DatePicker, DatePickerProps, Dialog, DialogBody, DialogClose, DialogContent, DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerContentProps, DrawerDescription, DrawerFooter, DrawerHeader, DrawerProps, DrawerTitle, DrawerTrigger, EmptyOverlayDefaultProps, 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, OptionalRegisteredOverlayProps, OverlayProvider, OverlayProviderProps, Pagination, PaginationProps, Popover, PopoverAnchor, PopoverCloseButtonProps, PopoverContent, PopoverContentProps, PopoverContentUnstyled, PopoverTrigger, PresetColor, Rating, RatingButton, RatingButtonProps, RatingColor, RatingOption, RatingProps, RegisteredOverlay, RegisteredOverlayInjectedProps, RegisteredOverlayShowProps, RichTextEditor, RichTextEditorProps, RichTextEditorSlots, ScaledPreview, ScaledPreviewProps, ScaledPreviewSize, Select, SelectContentProps, SelectOption, BaseSelectProps as SelectProps, ShakeStyles, ShowDialogProps, ShowDrawerProps, ShowOverlayProps, 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, createOverlay, createOverlayProvider, dialog, drawer, getId, hideOverlay, isSvgMarkupString, overlayRegistry, registerDialog, registerDrawer, registerOverlay, removeOverlay, showConfirmDialog, showDialog, showDrawer, showOverlay, svgMarkupToMaskUrl, toast, unregisterOverlay, useColorPickerContext, useDelayedVisibility, useDialog, useDrawer, useMediaQuery, useOverlay, 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, CreatedOverlay, DEFAULT_ALERT_DURATION, DatePicker, DatePickerProps, Dialog, DialogBody, DialogClose, DialogContent, DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerContentProps, DrawerDescription, DrawerFooter, DrawerHeader, DrawerProps, DrawerTitle, DrawerTrigger, EmptyOverlayDefaultProps, 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, OptionalRegisteredOverlayProps, OverlayProvider, OverlayProviderProps, Pagination, PaginationProps, Popover, PopoverAnchor, PopoverCloseButtonProps, PopoverContent, PopoverContentProps, PopoverContentUnstyled, PopoverTrigger, PresetColor, Rating, RatingButton, RatingButtonProps, RatingColor, RatingOption, RatingProps, RegisteredOverlay, RegisteredOverlayInjectedProps, RegisteredOverlayShowProps, RichTextEditor, RichTextEditorProps, RichTextEditorSlots, ScaledPreview, ScaledPreviewProps, ScaledPreviewSize, Select, SelectContentProps, SelectOption, BaseSelectProps as SelectProps, ShakeStyles, ShowDialogProps, ShowDrawerProps, ShowOverlayProps, 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, ToastApi, ToastCustomContent, ToastFunction, ToastMessage, Toaster, ToggleButton, ToggleButtonProps, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, ToggleGroupValue, ToolbarItems, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UseDelayedVisibilityOptions, UseDelayedVisibilityResult, cn, confirmDialog, createOverlay, createOverlayProvider, dialog, drawer, getId, hideOverlay, isSvgMarkupString, overlayRegistry, registerDialog, registerDrawer, registerOverlay, removeOverlay, showConfirmDialog, showDialog, showDrawer, showOverlay, svgMarkupToMaskUrl, toast, unregisterOverlay, useColorPickerContext, useDelayedVisibility, useDialog, useDrawer, useMediaQuery, useOverlay, useSelectKeyboard, useTabsContext, useTheme };

package/dist/input/Input.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime19 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_runtime19.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_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime6 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_runtime19.JSX.Element;
+declare function Input$1(props: InputProps$1): react_jsx_runtime6.JSX.Element;
 //#endregion
 export { Input$1 as Input, InputProps$1 as InputProps };

package/dist/loading-overlay/LoadingOverlay.cjs

@@ -18,6 +18,8 @@ const FADE_DURATION = 300;
 const LoadingOverlay = (props) => {
 	const { backdrop = true, placement = "center", show, inDelay = DEFAULT_DELAY, outDelay = DEFAULT_DELAY, message, scope = "container", size = "default", className, slots } = props;
 	const contentProps = slots?.content || {};
+	const overlayRef = (0, react.useRef)(null);
+	const [containerBounds, setContainerBounds] = (0, react.useState)();
 	const { mounted, visible } = require_use_delayed_visibility.useDelayedVisibility({
 		show,
 		inDelay,
@@ -39,11 +41,40 @@ const LoadingOverlay = (props) => {
 		default: "text-sm",
 		lg: "text-base"
 	}[size];
+	(0, react.useLayoutEffect)(() => {
+		const container = mounted && scope === "container" ? overlayRef.current?.parentElement : void 0;
+		if (!container) return () => {};
+		const updateBounds = () => {
+			const { top, left, width, height } = container.getBoundingClientRect();
+			setContainerBounds({
+				top,
+				left,
+				width,
+				height
+			});
+		};
+		updateBounds();
+		container.addEventListener("scroll", updateBounds, { passive: true });
+		window.addEventListener("resize", updateBounds);
+		return () => {
+			container.removeEventListener("scroll", updateBounds);
+			window.removeEventListener("resize", updateBounds);
+		};
+	}, [mounted, scope]);
 	if (!mounted) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref: overlayRef,
 		"data-slot": "loading-overlay",
-		className: (0, __pixpilot_shadcn.cn)("inset-0 z-[9999] flex justify-center transition-opacity", scope === "fullscreen" ? "fixed" : "absolute", positionClass, backdrop ? "bg-black/50" : "pointer-events-none", visible ? "opacity-100" : "opacity-0", className),
-		style: { transitionDuration: `${FADE_DURATION}ms` },
+		className: (0, __pixpilot_shadcn.cn)("inset-0 z-[9999] flex justify-center transition-opacity", "fixed", positionClass, backdrop ? "bg-black/50" : "pointer-events-none", visible ? "opacity-100" : "opacity-0", className),
+		style: {
+			transitionDuration: `${FADE_DURATION}ms`,
+			...scope === "container" && containerBounds ? {
+				top: containerBounds.top,
+				left: containerBounds.left,
+				width: containerBounds.width,
+				height: containerBounds.height
+			} : {}
+		},
 		role: "status",
 		"aria-live": "polite",
 		"aria-busy": show,

package/dist/loading-overlay/LoadingOverlay.js

@@ -4,7 +4,7 @@
 import { useDelayedVisibility } from "../hooks/use-delayed-visibility.js";
 import { cn } from "@pixpilot/shadcn";
 import { Loader2 } from "lucide-react";
-import React from "react";
+import React, { useLayoutEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/loading-overlay/LoadingOverlay.tsx
@@ -13,6 +13,8 @@ const FADE_DURATION = 300;
 const LoadingOverlay = (props) => {
 	const { backdrop = true, placement = "center", show, inDelay = DEFAULT_DELAY, outDelay = DEFAULT_DELAY, message, scope = "container", size = "default", className, slots } = props;
 	const contentProps = slots?.content || {};
+	const overlayRef = useRef(null);
+	const [containerBounds, setContainerBounds] = useState();
 	const { mounted, visible } = useDelayedVisibility({
 		show,
 		inDelay,
@@ -34,11 +36,40 @@ const LoadingOverlay = (props) => {
 		default: "text-sm",
 		lg: "text-base"
 	}[size];
+	useLayoutEffect(() => {
+		const container = mounted && scope === "container" ? overlayRef.current?.parentElement : void 0;
+		if (!container) return () => {};
+		const updateBounds = () => {
+			const { top, left, width, height } = container.getBoundingClientRect();
+			setContainerBounds({
+				top,
+				left,
+				width,
+				height
+			});
+		};
+		updateBounds();
+		container.addEventListener("scroll", updateBounds, { passive: true });
+		window.addEventListener("resize", updateBounds);
+		return () => {
+			container.removeEventListener("scroll", updateBounds);
+			window.removeEventListener("resize", updateBounds);
+		};
+	}, [mounted, scope]);
 	if (!mounted) return null;
 	return /* @__PURE__ */ jsx("div", {
+		ref: overlayRef,
 		"data-slot": "loading-overlay",
-		className: cn("inset-0 z-[9999] flex justify-center transition-opacity", scope === "fullscreen" ? "fixed" : "absolute", positionClass, backdrop ? "bg-black/50" : "pointer-events-none", visible ? "opacity-100" : "opacity-0", className),
-		style: { transitionDuration: `${FADE_DURATION}ms` },
+		className: cn("inset-0 z-[9999] flex justify-center transition-opacity", "fixed", positionClass, backdrop ? "bg-black/50" : "pointer-events-none", visible ? "opacity-100" : "opacity-0", className),
+		style: {
+			transitionDuration: `${FADE_DURATION}ms`,
+			...scope === "container" && containerBounds ? {
+				top: containerBounds.top,
+				left: containerBounds.left,
+				width: containerBounds.width,
+				height: containerBounds.height
+			} : {}
+		},
 		role: "status",
 		"aria-live": "polite",
 		"aria-busy": show,

package/dist/rating/Rating.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime15 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";
@@ -35,7 +35,7 @@ declare function RatingButton({
   index,
   className,
   ...props
-}: RatingButtonProps): react_jsx_runtime20.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_runtime20.JSX.Element;
+}: React$1.PropsWithChildren<RatingProps>): react_jsx_runtime15.JSX.Element;
 //#endregion
 export { Rating, RatingButton, RatingButtonProps, RatingColor, RatingOption, RatingProps };

package/dist/select/Select.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 import { Select, SelectContent, SelectTrigger } from "@pixpilot/shadcn";
 import React, { ComponentProps } from "react";
 
@@ -60,6 +60,6 @@ type BaseSelectProps = {
   /** Styles the visible trigger. */
   className?: string;
 } & Omit<ComponentProps<typeof SelectTrigger>, 'onChange' | 'value'>;
-declare function Select$1(props: BaseSelectProps): react_jsx_runtime22.JSX.Element;
+declare function Select$1(props: BaseSelectProps): react_jsx_runtime14.JSX.Element;
 //#endregion
 export { BaseSelectProps, Select$1 as Select, SelectContentProps, SelectOption };

package/dist/tags-input/TagsInput.d.cts

@@ -1,6 +1,6 @@
 import { CommandOptionListItem } from "../command-option-list/CommandOptionList.cjs";
 import { TagsInputInline } from "./TagsInputInline.cjs";
-import * as react_jsx_runtime24 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/tags-input/TagsInput.d.ts
@@ -32,6 +32,6 @@ interface TagsInputProps extends Omit<ComponentProps<typeof TagsInputInline>, 'o
  * - Options support with dropdown (like Select)
  * - freeSolo mode for custom tags (like MUI Autocomplete)
  */
-declare function TagsInput(props: TagsInputProps): react_jsx_runtime24.JSX.Element;
+declare function TagsInput(props: TagsInputProps): react_jsx_runtime21.JSX.Element;
 //#endregion
 export { TagsInput, TagsInputProps };

package/dist/tags-input/TagsInputInline.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime23 from "react/jsx-runtime";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
 import { ChangeEventHandler, FocusEventHandler, KeyboardEventHandler, MouseEventHandler, Ref } from "react";
 
 //#region src/tags-input/TagsInputInline.d.ts
@@ -77,6 +77,6 @@ declare function TagsInputInline({
   canAddCurrentValue,
   onAddCurrentInput,
   showClear
-}: TagsInputInlineProps): react_jsx_runtime23.JSX.Element;
+}: TagsInputInlineProps): react_jsx_runtime22.JSX.Element;
 //#endregion
 export { TagsInputInline, TagsInputInlineItem, TagsInputInlineProps };

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime24 from "react/jsx-runtime";
 
 //#region src/theme-toggle/ThemeModeDropdown.d.ts
 interface ThemeModeDropdownProps {
@@ -18,7 +18,7 @@ interface ThemeModeDropdownProps {
  * Provides Light / Dark / System options.
  * Pure component - requires themeValue and onChange props.
  */
-declare function ThemeModeDropdown(props: ThemeModeDropdownProps): react_jsx_runtime26.JSX.Element;
+declare function ThemeModeDropdown(props: ThemeModeDropdownProps): react_jsx_runtime24.JSX.Element;
 declare namespace ThemeModeDropdown {
   var displayName: string;
 }

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime25 from "react/jsx-runtime";
+import * as react_jsx_runtime23 from "react/jsx-runtime";
 
 //#region src/theme-toggle/ThemeModeSwitchInside.d.ts
 type ThemeModeSwitchInsideSize = 'sm' | 'md' | 'lg';
@@ -26,7 +26,7 @@ interface ThemeModeSwitchInsideProps {
  * Icons are embedded within the switch control.
  * Pure component - requires value and onChange props.
  */
-declare function ThemeModeSwitchInside(props: ThemeModeSwitchInsideProps): react_jsx_runtime25.JSX.Element;
+declare function ThemeModeSwitchInside(props: ThemeModeSwitchInsideProps): react_jsx_runtime23.JSX.Element;
 declare namespace ThemeModeSwitchInside {
   var displayName: string;
 }

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

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

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

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

package/dist/toast/AlertToast.cjs

@@ -32,7 +32,7 @@ const AlertToast = (props) => {
 		icon,
 		...rest,
 		variant,
-		className: (0, __pixpilot_shadcn.cn)("shadow-md pr-3", className),
+		className: (0, __pixpilot_shadcn.cn)("shadow-md pr-3 pointer-events-auto", className),
 		description: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "flex w-full min-w-0 items-start gap-3",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {

package/dist/toast/AlertToast.js

@@ -27,7 +27,7 @@ const AlertToast = (props) => {
 		icon,
 		...rest,
 		variant,
-		className: cn("shadow-md pr-3", className),
+		className: cn("shadow-md pr-3 pointer-events-auto", className),
 		description: /* @__PURE__ */ jsxs("div", {
 			className: "flex w-full min-w-0 items-start gap-3",
 			children: [/* @__PURE__ */ jsxs("div", {

package/dist/toast/index.d.cts

@@ -1,3 +1,3 @@
 import { AlertToastProps } from "./types.cjs";
-import { DEFAULT_ALERT_DURATION, ToastFunction, ToastMessage, toast } from "./toast.cjs";
+import { DEFAULT_ALERT_DURATION, ToastApi, ToastCustomContent, ToastFunction, ToastMessage, toast } from "./toast.cjs";
 import { Toaster } from "./ToastProvider.cjs";

package/dist/toast/index.d.ts

@@ -1,3 +1,3 @@
 import { AlertToastProps } from "./types.js";
-import { DEFAULT_ALERT_DURATION, ToastFunction, ToastMessage, toast } from "./toast.js";
+import { DEFAULT_ALERT_DURATION, ToastApi, ToastCustomContent, ToastFunction, ToastMessage, toast } from "./toast.js";
 import { Toaster } from "./ToastProvider.js";

package/dist/toast/mcp.js

@@ -31,14 +31,25 @@ const meta = {
 			type: "React.JSX.Element | boolean"
 		}
 	}),
-	notes: ["Render <ToastProvider /> once near the app root.", "Convenience helpers: toast.success, toast.error, toast.warning, toast.info, toast.custom, toast.dismiss(id), toast.dismissAll()."],
-	examples: [{
-		title: "Success toast",
-		code: "toast.success(\"Saved\", { description: \"Your changes were saved.\" });"
-	}, {
-		title: "Custom toast call",
-		code: "toast({ title: \"Heads up\", description: \"Something happened\", variant: \"warning\", duration: 5000 });"
-	}],
+	notes: [
+		"Render <ToastProvider /> once near the app root.",
+		"Convenience helpers: toast.success, toast.error, toast.warning, toast.info, toast.custom, toast.dismiss(id), toast.dismissAll().",
+		"toast.custom accepts either a React element or a render function `(toastApi) => element`, where `toastApi` is `{ id, dismiss() }` for the toast being rendered."
+	],
+	examples: [
+		{
+			title: "Success toast",
+			code: "toast.success(\"Saved\", { description: \"Your changes were saved.\" });"
+		},
+		{
+			title: "Custom toast call",
+			code: "toast({ title: \"Heads up\", description: \"Something happened\", variant: \"warning\", duration: 5000 });"
+		},
+		{
+			title: "Custom toast that dismisses itself",
+			code: "toast.custom((toastApi) => (\n  <div>\n    <span>Saved to drafts</span>\n    <button type=\"button\" onClick={toastApi.dismiss}>Dismiss</button>\n  </div>\n));"
+		}
+	],
 	keywords: [
 		"toast",
 		"notification",

package/dist/toast/toast.cjs

@@ -73,9 +73,12 @@ toast.error = (message, options) => createToast("error", message, options);
 toast.success = (message, options) => createToast("success", message, options);
 toast.warning = (message, options) => createToast("warning", message, options);
 toast.info = (message, options) => createToast("info", message, options);
-toast.custom = (component, options) => {
+toast.custom = (content, options) => {
 	const { duration,...rest } = options || {};
-	return sonner.toast.custom(() => component, {
+	return sonner.toast.custom((t) => typeof content === "function" ? content({
+		id: t,
+		dismiss: () => sonner.toast.dismiss(t)
+	}) : content, {
 		duration: duration ?? DEFAULT_ALERT_DURATION,
 		...rest
 	});

package/dist/toast/toast.d.cts

@@ -15,16 +15,31 @@ type ToastMessage = string | ({
   title: string;
   description: string;
 } & AlertToastProps);
+/**
+ * Handle passed to a `toast.custom` render function so the rendered content can
+ * control its own toast (e.g. close itself from a button).
+ */
+interface ToastApi {
+  /** The id sonner assigned to this toast. */
+  id: string | number;
+  /** Dismiss this toast. */
+  dismiss: () => void;
+}
+/**
+ * Content accepted by `toast.custom`: either a ready-made element or a render
+ * function that receives a {@link ToastApi} handle.
+ */
+type ToastCustomContent = React.ReactElement | ((toastApi: ToastApi) => React.ReactElement);
 interface ToastFunction {
   (props: ToastProps): string;
   error: (message: ToastMessage, options?: ToastOwnProps) => string;
   success: (message: ToastMessage, options?: ToastOwnProps) => string;
   warning: (message: ToastMessage, options?: ToastOwnProps) => string;
   info: (message: ToastMessage, options?: ToastOwnProps) => string;
-  custom: (component: React.ReactElement, options?: ToastOwnProps) => string | number;
+  custom: (content: ToastCustomContent, options?: ToastOwnProps) => string | number;
   dismiss: (id: string) => void;
   dismissAll: () => void;
 }
 declare const toast: ToastFunction;
 //#endregion
-export { DEFAULT_ALERT_DURATION, ToastFunction, ToastMessage, toast };
+export { DEFAULT_ALERT_DURATION, ToastApi, ToastCustomContent, ToastFunction, ToastMessage, toast };

package/dist/toast/toast.d.ts

@@ -15,16 +15,31 @@ type ToastMessage = string | ({
   title: string;
   description: string;
 } & AlertToastProps);
+/**
+ * Handle passed to a `toast.custom` render function so the rendered content can
+ * control its own toast (e.g. close itself from a button).
+ */
+interface ToastApi {
+  /** The id sonner assigned to this toast. */
+  id: string | number;
+  /** Dismiss this toast. */
+  dismiss: () => void;
+}
+/**
+ * Content accepted by `toast.custom`: either a ready-made element or a render
+ * function that receives a {@link ToastApi} handle.
+ */
+type ToastCustomContent = React.ReactElement | ((toastApi: ToastApi) => React.ReactElement);
 interface ToastFunction {
   (props: ToastProps): string;
   error: (message: ToastMessage, options?: ToastOwnProps) => string;
   success: (message: ToastMessage, options?: ToastOwnProps) => string;
   warning: (message: ToastMessage, options?: ToastOwnProps) => string;
   info: (message: ToastMessage, options?: ToastOwnProps) => string;
-  custom: (component: React.ReactElement, options?: ToastOwnProps) => string | number;
+  custom: (content: ToastCustomContent, options?: ToastOwnProps) => string | number;
   dismiss: (id: string) => void;
   dismissAll: () => void;
 }
 declare const toast$1: ToastFunction;
 //#endregion
-export { DEFAULT_ALERT_DURATION, ToastFunction, ToastMessage, toast$1 as toast };
+export { DEFAULT_ALERT_DURATION, ToastApi, ToastCustomContent, ToastFunction, ToastMessage, toast$1 as toast };

package/dist/toast/toast.js

@@ -69,9 +69,12 @@ toast$1.error = (message, options) => createToast("error", message, options);
 toast$1.success = (message, options) => createToast("success", message, options);
 toast$1.warning = (message, options) => createToast("warning", message, options);
 toast$1.info = (message, options) => createToast("info", message, options);
-toast$1.custom = (component, options) => {
+toast$1.custom = (content, options) => {
 	const { duration,...rest } = options || {};
-	return toast.custom(() => component, {
+	return toast.custom((t) => typeof content === "function" ? content({
+		id: t,
+		dismiss: () => toast.dismiss(t)
+	}) : content, {
 		duration: duration ?? DEFAULT_ALERT_DURATION,
 		...rest
 	});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixpilot/shadcn-ui",
   "type": "module",
-  "version": "3.10.0",
+  "version": "3.12.0",
   "description": "Custom UI components and utilities built with shadcn/ui.",
   "author": "m.doaie <m.doaie@hotmail.com>",
   "license": "MIT",
@@ -73,9 +73,9 @@
     "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/hooks": "0.0.0",
     "@internal/tsconfig": "0.1.0",
     "@internal/tsdown-config": "0.1.0",
     "@internal/vitest-config": "0.1.0"