@pixpilot/shadcn-ui 1.39.0 → 2.0.0

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

@@ -0,0 +1,39 @@
+import { defineProps } from "../mcp/src/utils.js";
+
+//#region src/close-button-rounded/mcp.ts
+const meta = {
+	name: "CloseButtonRounded",
+	category: "Actions",
+	description: "A circular icon button with an X glyph, used to dismiss dialogs, popovers, and other dismissible surfaces.",
+	htmlElement: "button",
+	props: defineProps({
+		variant: {
+			description: "Controls the visual button treatment inherited from the base button.",
+			type: "\"default\" | \"destructive\" | \"outline\" | \"secondary\" | \"ghost\" | \"link\""
+		},
+		size: {
+			description: "Controls the button dimensions inherited from the base button.",
+			type: "\"default\" | \"sm\" | \"lg\" | \"icon\""
+		},
+		asChild: {
+			description: "Render the button behavior through the child element instead of a native button.",
+			type: "boolean",
+			defaultValue: "false"
+		}
+	}),
+	examples: [{
+		title: "Dismiss button",
+		code: "<CloseButtonRounded variant=\"ghost\" onClick={close} />"
+	}],
+	related: ["CloseButtonAbsolute"],
+	keywords: [
+		"close",
+		"dismiss",
+		"button",
+		"x",
+		"rounded"
+	]
+};
+
+//#endregion
+export { meta };

package/dist/color-select/ColorSelect.cjs

@@ -10,7 +10,7 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
 //#region src/color-select/ColorSelect.tsx
 function ColorSelect(props) {
-	const { options, value = "", onChange, placeholder, contentProps, keyboardMode = "dropdown", open: openProp, onOpenChange: onOpenChangeProp, id,...restProps } = props;
+	const { options, value = "", onChange, placeholder, contentProps, keyboardMode = "dropdown", open: openProp, onOpenChange: onOpenChangeProp, id, className,...restProps } = props;
 	const [uncontrolledOpen, setUncontrolledOpen] = react.default.useState(false);
 	const open = openProp ?? uncontrolledOpen;
 	const handleOpenChange = (nextOpen) => {
@@ -34,7 +34,7 @@ function ColorSelect(props) {
 		...restProps,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectTrigger, {
 			id,
-			className: "w-full",
+			className: (0, __pixpilot_shadcn.cn)("w-full", className),
 			onKeyDown: handleTriggerKeyDown,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectValue, {
 				placeholder,

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

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

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

@@ -15,6 +15,7 @@ type BaseColorSelectProps = {
   onChange?: (value: string) => void;
   placeholder?: string;
   keyboardMode?: 'cycle' | 'dropdown';
+  className?: string;
 } & Omit<ComponentProps<typeof Select>, 'value' | 'onValueChange' | 'children'>;
 declare function ColorSelect(props: BaseColorSelectProps): react_jsx_runtime5.JSX.Element;
 //#endregion

package/dist/color-select/ColorSelect.js

@@ -1,12 +1,12 @@
 import { getId } from "../utils/get-id.js";
 import { useSelectKeyboard } from "../hooks/use-select-keyboard.js";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@pixpilot/shadcn";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, cn } from "@pixpilot/shadcn";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/color-select/ColorSelect.tsx
 function ColorSelect(props) {
-	const { options, value = "", onChange, placeholder, contentProps, keyboardMode = "dropdown", open: openProp, onOpenChange: onOpenChangeProp, id,...restProps } = props;
+	const { options, value = "", onChange, placeholder, contentProps, keyboardMode = "dropdown", open: openProp, onOpenChange: onOpenChangeProp, id, className,...restProps } = props;
 	const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);
 	const open = openProp ?? uncontrolledOpen;
 	const handleOpenChange = (nextOpen) => {
@@ -30,7 +30,7 @@ function ColorSelect(props) {
 		...restProps,
 		children: [/* @__PURE__ */ jsx(SelectTrigger, {
 			id,
-			className: "w-full",
+			className: cn("w-full", className),
 			onKeyDown: handleTriggerKeyDown,
 			children: /* @__PURE__ */ jsx(SelectValue, {
 				placeholder,

package/dist/color-select/mcp.js

@@ -0,0 +1,59 @@
+import { defineProps } from "../mcp/src/utils.js";
+
+//#region src/color-select/mcp.ts
+const meta = {
+	name: "ColorSelect",
+	category: "Forms",
+	description: "A select dropdown whose options each render a color swatch beside their label, with configurable keyboard navigation.",
+	props: defineProps({
+		className: "Additional CSS class applied to the select trigger.",
+		options: "Selectable color options as `{ label, value }[]` where value is a CSS color.",
+		value: "Controlled selected color value.",
+		onChange: "Called with the selected color value when it changes.",
+		placeholder: "Placeholder text shown before a value is selected.",
+		keyboardMode: {
+			description: "How arrow keys behave: \"dropdown\" opens the menu, \"cycle\" steps through options in place.",
+			type: "\"cycle\" | \"dropdown\"",
+			defaultValue: "\"dropdown\""
+		},
+		contentProps: "Props forwarded to the underlying select content popover.",
+		id: "Optional id attribute applied to the select trigger.",
+		defaultValue: "Uncontrolled initial selected color value.",
+		open: {
+			description: "Controlled open state of the dropdown.",
+			type: "boolean"
+		},
+		defaultOpen: {
+			description: "Uncontrolled initial open state of the dropdown.",
+			type: "boolean"
+		},
+		onOpenChange: {
+			description: "Called when the dropdown opens or closes.",
+			type: "(open: boolean) => void"
+		},
+		dir: {
+			description: "Reading direction of the dropdown.",
+			type: "\"ltr\" | \"rtl\""
+		},
+		name: "Name used when the select participates in native form submission.",
+		disabled: "Disables the select trigger.",
+		required: "Marks the select as required.",
+		autoComplete: "Native autoComplete hint forwarded to the hidden form control.",
+		form: "Associates the hidden form control with a form by id when rendered outside it."
+	}),
+	examples: [{
+		title: "Color select",
+		code: "<ColorSelect value={color} onChange={setColor} options={[{ label: \"Red\", value: \"#ef4444\" }, { label: \"Blue\", value: \"#3b82f6\" }]} />"
+	}],
+	related: ["ColorPicker", "Select"],
+	keywords: [
+		"color",
+		"select",
+		"dropdown",
+		"swatch",
+		"form"
+	]
+};
+
+//#endregion
+export { meta };

package/dist/combobox/Combobox.cjs

@@ -17,7 +17,7 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 //#region src/combobox/Combobox.tsx
 const DEFAULT_OPTIONS = [];
 const Combobox = (props) => {
-	const { value = "", onChange, options = DEFAULT_OPTIONS, placeholder = "Select option...", searchPlaceholder = "Search...", emptyText = "No option found.", id,...commandProps } = props;
+	const { value = "", onChange, options = DEFAULT_OPTIONS, placeholder = "Select option...", searchPlaceholder = "Search...", emptyText = "No option found.", id, className, commandProps, variant = "outline",...buttonProps } = props;
 	const [open, setOpen] = (0, react.useState)(false);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Popover, {
 		open,
@@ -25,11 +25,12 @@ const Combobox = (props) => {
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverTrigger, {
 			asChild: true,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
+				...buttonProps,
 				id,
-				variant: "outline",
+				variant,
 				role: "combobox",
 				"aria-expanded": open,
-				className: "w-full justify-between",
+				className: (0, __pixpilot_shadcn.cn)("w-full justify-between", className),
 				children: [value ? options.find((option) => option.value === value)?.label : placeholder, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })]
 			})
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverContent, {

package/dist/combobox/Combobox.d.cts

@@ -1,9 +1,9 @@
 import { CommandOptionListItem } from "../command-option-list/CommandOptionList.cjs";
-import { Command } from "@pixpilot/shadcn";
+import { Button, Command } from "@pixpilot/shadcn";
 import React, { ComponentProps } from "react";
 
 //#region src/combobox/Combobox.d.ts
-type ComboboxProps = {
+interface ComboboxProps extends Omit<React.ComponentProps<typeof Button>, 'onChange'> {
   id?: string;
   value?: string;
   onChange?: (value: string) => void;
@@ -11,7 +11,11 @@ type ComboboxProps = {
   placeholder?: string;
   searchPlaceholder?: string;
   emptyText?: string;
-} & Omit<ComponentProps<typeof Command>, 'value' | 'onValueChange'>;
+  /** Styles the visible trigger button. */
+  className?: string;
+  /** Props forwarded to the underlying cmdk `Command` root. */
+  commandProps?: ComponentProps<typeof Command>;
+}
 declare const Combobox: React.FC<ComboboxProps>;
 //#endregion
 export { Combobox, type ComboboxProps };

package/dist/combobox/Combobox.d.ts

@@ -1,9 +1,9 @@
 import { CommandOptionListItem } from "../command-option-list/CommandOptionList.js";
-import { Command } from "@pixpilot/shadcn";
+import { Button, Command } from "@pixpilot/shadcn";
 import React, { ComponentProps } from "react";
 
 //#region src/combobox/Combobox.d.ts
-type ComboboxProps = {
+interface ComboboxProps extends Omit<React.ComponentProps<typeof Button>, 'onChange'> {
   id?: string;
   value?: string;
   onChange?: (value: string) => void;
@@ -11,7 +11,11 @@ type ComboboxProps = {
   placeholder?: string;
   searchPlaceholder?: string;
   emptyText?: string;
-} & Omit<ComponentProps<typeof Command>, 'value' | 'onValueChange'>;
+  /** Styles the visible trigger button. */
+  className?: string;
+  /** Props forwarded to the underlying cmdk `Command` root. */
+  commandProps?: ComponentProps<typeof Command>;
+}
 declare const Combobox: React.FC<ComboboxProps>;
 //#endregion
 export { Combobox, type ComboboxProps };

package/dist/combobox/Combobox.js

@@ -4,7 +4,7 @@
 import { getId } from "../utils/get-id.js";
 import { CommandOptionList } from "../command-option-list/CommandOptionList.js";
 import "../command-option-list/index.js";
-import { Button, Command, CommandInput, Popover, PopoverContent, PopoverTrigger } from "@pixpilot/shadcn";
+import { Button, Command, CommandInput, Popover, PopoverContent, PopoverTrigger, cn } from "@pixpilot/shadcn";
 import { ChevronsUpDown } from "lucide-react";
 import React, { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -12,7 +12,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/combobox/Combobox.tsx
 const DEFAULT_OPTIONS = [];
 const Combobox = (props) => {
-	const { value = "", onChange, options = DEFAULT_OPTIONS, placeholder = "Select option...", searchPlaceholder = "Search...", emptyText = "No option found.", id,...commandProps } = props;
+	const { value = "", onChange, options = DEFAULT_OPTIONS, placeholder = "Select option...", searchPlaceholder = "Search...", emptyText = "No option found.", id, className, commandProps, variant = "outline",...buttonProps } = props;
 	const [open, setOpen] = useState(false);
 	return /* @__PURE__ */ jsxs(Popover, {
 		open,
@@ -20,11 +20,12 @@ const Combobox = (props) => {
 		children: [/* @__PURE__ */ jsx(PopoverTrigger, {
 			asChild: true,
 			children: /* @__PURE__ */ jsxs(Button, {
+				...buttonProps,
 				id,
-				variant: "outline",
+				variant,
 				role: "combobox",
 				"aria-expanded": open,
-				className: "w-full justify-between",
+				className: cn("w-full justify-between", className),
 				children: [value ? options.find((option) => option.value === value)?.label : placeholder, /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })]
 			})
 		}), /* @__PURE__ */ jsx(PopoverContent, {

package/dist/combobox/mcp.js

@@ -0,0 +1,64 @@
+import { defineProps } from "../mcp/src/utils.js";
+
+//#region src/combobox/mcp.ts
+const meta = {
+	name: "Combobox",
+	category: "Forms",
+	htmlElement: "button",
+	description: "A searchable single-select rendered as a popover with a command list, letting users filter options by typing.",
+	props: defineProps({
+		value: "Controlled selected option value.",
+		onChange: "Called with the selected value when an option is chosen.",
+		options: "Selectable options as `{ label, value }[]` (CommandOptionListItem).",
+		placeholder: {
+			description: "Text shown on the trigger before a value is selected.",
+			type: "string",
+			defaultValue: "\"Select option...\""
+		},
+		searchPlaceholder: {
+			description: "Placeholder for the search input inside the popover.",
+			type: "string",
+			defaultValue: "\"Search...\""
+		},
+		emptyText: {
+			description: "Message shown when no option matches the search query.",
+			type: "string",
+			defaultValue: "\"No option found.\""
+		},
+		id: "Optional id attribute applied to the trigger element.",
+		variant: {
+			description: "Controls the visual treatment of the trigger button.",
+			type: "\"default\" | \"destructive\" | \"outline\" | \"secondary\" | \"ghost\" | \"link\"",
+			defaultValue: "\"outline\""
+		},
+		size: {
+			description: "Controls the trigger button dimensions and icon-only sizing.",
+			type: "\"default\" | \"xs\" | \"sm\" | \"lg\" | \"icon\" | \"icon-xs\" | \"icon-sm\" | \"icon-lg\"",
+			defaultValue: "\"default\""
+		},
+		asChild: {
+			description: "Render the trigger button behavior and styles through the child element instead of a native button.",
+			type: "boolean",
+			defaultValue: "false"
+		},
+		commandProps: {
+			description: "Props forwarded to the underlying cmdk `Command` root, e.g. `filter`, `shouldFilter`, `loop`, `vimBindings`.",
+			type: "ComponentProps<typeof Command>"
+		}
+	}),
+	examples: [{
+		title: "Searchable select",
+		code: "<Combobox value={value} onChange={setValue} options={[{ label: \"Next.js\", value: \"next\" }, { label: \"Remix\", value: \"remix\" }]} />"
+	}],
+	related: ["Select", "ColorSelect"],
+	keywords: [
+		"combobox",
+		"select",
+		"search",
+		"autocomplete",
+		"form"
+	]
+};
+
+//#endregion
+export { meta };

package/dist/confirmation-dialog/mcp.js

@@ -0,0 +1,55 @@
+import { defineProps } from "../mcp/src/utils.js";
+
+//#region src/confirmation-dialog/mcp.ts
+const meta = {
+	name: "ConfirmationDialog",
+	category: "Overlays",
+	description: "A prebuilt confirm/cancel dialog with variant styling and icon, shown imperatively via the dialog helper inside a DialogProvider.",
+	props: defineProps({
+		id: "Optional identifier for the dialog instance used by the imperative dialog helper.",
+		title: {
+			description: "Dialog heading.",
+			type: "string",
+			defaultValue: "\"Confirmation Dialog\""
+		},
+		description: "Body text or node explaining the action being confirmed.",
+		confirmText: {
+			description: "Label for the confirm button.",
+			type: "string",
+			defaultValue: "\"Confirm\""
+		},
+		cancelText: {
+			description: "Label for the cancel button.",
+			type: "string",
+			defaultValue: "\"Cancel\""
+		},
+		onConfirm: "Called when the user confirms. The shown promise also resolves to true.",
+		onCancel: "Called when the user cancels or dismisses. The shown promise also resolves to false.",
+		variant: {
+			description: "Controls the color treatment and icon of the dialog.",
+			type: "\"destructive\" | \"warning\" | \"primary\" | \"default\"",
+			defaultValue: "\"default\""
+		},
+		showIcon: {
+			description: "Shows the variant icon next to the title (ignored for the default variant).",
+			type: "boolean",
+			defaultValue: "true"
+		}
+	}),
+	notes: ["Render a DialogProvider near the app root, then show this dialog imperatively via the exported `dialog` helper."],
+	examples: [{
+		title: "Show a confirmation",
+		code: "const ok = await dialog.show(ConfirmationDialog, { title: \"Delete item?\", variant: \"destructive\", confirmText: \"Delete\" });\nif (ok) deleteItem();"
+	}],
+	related: ["Dialog", "DialogProvider"],
+	keywords: [
+		"confirm",
+		"dialog",
+		"modal",
+		"confirmation",
+		"prompt"
+	]
+};
+
+//#endregion
+export { meta };

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_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime5 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_runtime4.JSX.Element;
+declare function ContentCard(props: SectionCardProps): react_jsx_runtime5.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_runtime4 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_runtime4.JSX.Element;
 declare namespace ContentCard {
   var displayName: string;
 }

package/dist/content-card/mcp.js

@@ -0,0 +1,30 @@
+import { defineProps } from "../mcp/src/utils.js";
+
+//#region src/content-card/mcp.ts
+const meta = {
+	name: "ContentCard",
+	category: "Layout",
+	description: "A convenience card that renders an optional title header and wraps its children in card content padding.",
+	htmlElement: "div",
+	props: defineProps({
+		title: "Optional heading rendered in the card header. When omitted, no header shows.",
+		marginBottom: {
+			description: "Adds bottom margin below the card.",
+			type: "boolean"
+		}
+	}),
+	examples: [{
+		title: "Titled content card",
+		code: "<ContentCard title=\"Details\">\n  <p>Body content</p>\n</ContentCard>"
+	}],
+	related: ["Card"],
+	keywords: [
+		"card",
+		"section",
+		"content",
+		"layout"
+	]
+};
+
+//#endregion
+export { meta };

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime6 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_runtime5.JSX.Element;
+declare function DatePicker(props: DatePickerProps): react_jsx_runtime6.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_runtime6 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_runtime6.JSX.Element;
 declare namespace DatePicker {
   var displayName: string;
 }

package/dist/date-picker/mcp.js

@@ -0,0 +1,43 @@
+import { defineProps } from "../mcp/src/utils.js";
+
+//#region src/date-picker/mcp.ts
+const meta = {
+	name: "DatePicker",
+	category: "Forms",
+	description: "A single-date picker with a calendar popover trigger and an optional inline clear button.",
+	props: defineProps({
+		id: "Optional id attribute applied to the trigger and calendar.",
+		value: {
+			description: "Controlled selected date.",
+			type: "Date"
+		},
+		onChange: {
+			description: "Called with the selected Date, or undefined when cleared.",
+			type: "(date: Date | undefined) => void"
+		},
+		placeholder: {
+			description: "Text shown on the trigger before a date is selected.",
+			type: "string",
+			defaultValue: "\"Pick a date\""
+		},
+		showClearButton: {
+			description: "Shows a clear button when a date is selected.",
+			type: "boolean",
+			defaultValue: "true"
+		}
+	}),
+	notes: ["Forwards all react-day-picker Calendar props (e.g. numberOfMonths, showOutsideDays, disabled, captionLayout, fixedWeeks, weekStartsOn) except selected/onSelect/mode, which the wrapper manages."],
+	examples: [{
+		title: "Date picker",
+		code: "<DatePicker value={date} onChange={setDate} />"
+	}],
+	keywords: [
+		"date",
+		"calendar",
+		"picker",
+		"form"
+	]
+};
+
+//#endregion
+export { meta };

package/dist/dialog/Dialog.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 import { DialogClose, DialogContent } from "@pixpilot/shadcn";
 import * as React$1 from "react";
 
@@ -10,18 +10,18 @@ declare const DialogContent$1: React$1.ForwardRefExoticComponent<DialogContentPr
 declare function DialogHeader({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime6.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime7.JSX.Element;
 declare function DialogBody({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime6.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime7.JSX.Element;
 declare function DialogFooter({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime6.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime7.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_runtime7.JSX.Element;
 //#endregion
 export { DialogBody, DialogClose$1 as DialogClose, DialogContent$1 as DialogContent, DialogContentProps, DialogFooter, DialogHeader };

package/dist/dialog/Dialog.d.ts

@@ -1,6 +1,6 @@
 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_runtime7 from "react/jsx-runtime";
 
 //#region src/dialog/Dialog.d.ts
 interface DialogContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogContent> {
@@ -10,18 +10,18 @@ declare const DialogContent$1: React$1.ForwardRefExoticComponent<DialogContentPr
 declare function DialogHeader$1({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime8.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime7.JSX.Element;
 declare function DialogBody({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime8.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime7.JSX.Element;
 declare function DialogFooter$1({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime8.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime7.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_runtime7.JSX.Element;
 //#endregion
 export { DialogBody, DialogClose$1 as DialogClose, DialogContent$1 as DialogContent, DialogContentProps, DialogFooter$1 as DialogFooter, DialogHeader$1 as DialogHeader };