@pixpilot/shadcn-ui 1.30.0 → 1.31.0

package/dist/Card.cjs

@@ -7,21 +7,6 @@ let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
 //#region src/Card.tsx
-function Card(props) {
-	const { title, children, className, marginBottom,...other } = props;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Card, {
-		className: (0, __pixpilot_shadcn.cn)("py-4 sm:py-5 gap-4", { "mb-2 sm:mb-4": marginBottom }, className),
-		...other,
-		children
-	});
-}
-function CardContent(props) {
-	const { className,...other } = props;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CardContent, {
-		className: (0, __pixpilot_shadcn.cn)("px-4 sm:px-6", className),
-		...other
-	});
-}
 function CardTitle({ className,...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CardTitle, {
 		className: (0, __pixpilot_shadcn.cn)("text-lg font-semibold tracking-tight", className),
@@ -34,12 +19,7 @@ function CardHeader({ className,...props }) {
 		...props
 	});
 }
-Card.displayName = "Card";
-CardContent.displayName = "CardContent";
-CardTitle.displayName = "CardTitle";
 
 //#endregion
-exports.Card = Card;
-exports.CardContent = CardContent;
 exports.CardHeader = CardHeader;
 exports.CardTitle = CardTitle;

package/dist/Card.d.cts

@@ -1,31 +1,15 @@
 import * as react_jsx_runtime2 from "react/jsx-runtime";
 import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@pixpilot/shadcn";
-import React, { ReactNode } from "react";
+import React from "react";
 
 //#region src/Card.d.ts
-interface SectionCardProps extends React.ComponentProps<typeof Card> {
-  title?: string;
-  children: ReactNode;
-  marginBottom?: boolean;
-}
-declare function Card$1(props: SectionCardProps): react_jsx_runtime2.JSX.Element;
-declare namespace Card$1 {
-  var displayName: string;
-}
-declare function CardContent$1(props: React.ComponentProps<typeof CardContent>): react_jsx_runtime2.JSX.Element;
-declare namespace CardContent$1 {
-  var displayName: string;
-}
 declare function CardTitle$1({
   className,
   ...props
 }: React.ComponentProps<typeof CardTitle>): react_jsx_runtime2.JSX.Element;
-declare namespace CardTitle$1 {
-  var displayName: string;
-}
 declare function CardHeader$1({
   className,
   ...props
 }: React.ComponentProps<typeof CardHeader>): react_jsx_runtime2.JSX.Element;
 //#endregion
-export { Card$1 as Card, CardAction, CardContent$1 as CardContent, CardDescription, CardFooter, CardHeader$1 as CardHeader, CardTitle$1 as CardTitle };
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader$1 as CardHeader, CardTitle$1 as CardTitle };

package/dist/Card.d.ts

@@ -1,31 +1,15 @@
 import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@pixpilot/shadcn";
-import React, { ReactNode } from "react";
+import React from "react";
 import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/Card.d.ts
-interface SectionCardProps extends React.ComponentProps<typeof Card> {
-  title?: string;
-  children: ReactNode;
-  marginBottom?: boolean;
-}
-declare function Card$1(props: SectionCardProps): react_jsx_runtime2.JSX.Element;
-declare namespace Card$1 {
-  var displayName: string;
-}
-declare function CardContent$1(props: React.ComponentProps<typeof CardContent>): react_jsx_runtime2.JSX.Element;
-declare namespace CardContent$1 {
-  var displayName: string;
-}
 declare function CardTitle$1({
   className,
   ...props
 }: React.ComponentProps<typeof CardTitle>): react_jsx_runtime2.JSX.Element;
-declare namespace CardTitle$1 {
-  var displayName: string;
-}
 declare function CardHeader$1({
   className,
   ...props
 }: React.ComponentProps<typeof CardHeader>): react_jsx_runtime2.JSX.Element;
 //#endregion
-export { Card$1 as Card, CardAction, CardContent$1 as CardContent, CardDescription, CardFooter, CardHeader$1 as CardHeader, CardTitle$1 as CardTitle };
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader$1 as CardHeader, CardTitle$1 as CardTitle };

package/dist/Card.js

@@ -3,21 +3,6 @@ import React from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/Card.tsx
-function Card$1(props) {
-	const { title, children, className, marginBottom,...other } = props;
-	return /* @__PURE__ */ jsx(Card, {
-		className: cn("py-4 sm:py-5 gap-4", { "mb-2 sm:mb-4": marginBottom }, className),
-		...other,
-		children
-	});
-}
-function CardContent$1(props) {
-	const { className,...other } = props;
-	return /* @__PURE__ */ jsx(CardContent, {
-		className: cn("px-4 sm:px-6", className),
-		...other
-	});
-}
 function CardTitle$1({ className,...props }) {
 	return /* @__PURE__ */ jsx(CardTitle, {
 		className: cn("text-lg font-semibold tracking-tight", className),
@@ -30,9 +15,6 @@ function CardHeader$1({ className,...props }) {
 		...props
 	});
 }
-Card$1.displayName = "Card";
-CardContent$1.displayName = "CardContent";
-CardTitle$1.displayName = "CardTitle";
 
 //#endregion
-export { Card$1 as Card, CardAction, CardContent$1 as CardContent, CardDescription, CardFooter, CardHeader$1 as CardHeader, CardTitle$1 as CardTitle };
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader$1 as CardHeader, CardTitle$1 as CardTitle };

package/dist/ColorSelect.d.cts

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

package/dist/ColorSelect.d.ts

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

package/dist/ContentCard.cjs

@@ -4,13 +4,15 @@ let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+let __pixpilot_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 
 //#region src/ContentCard.tsx
 function ContentCard(props) {
 	const { title, children,...other } = props;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Card.Card, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Card, {
 		...other,
-		children: [title != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Card.CardHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Card.CardTitle, { children: title }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Card.CardContent, { children })]
+		children: [title != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Card.CardHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Card.CardTitle, { children: title }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CardContent, { children })]
 	});
 }
 ContentCard.displayName = "ContentBox";

package/dist/ContentCard.d.cts

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

package/dist/ContentCard.d.ts

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

package/dist/DatePicker.d.cts

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

package/dist/DatePicker.d.ts

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

package/dist/Rating.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime7 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_runtime9.JSX.Element;
+}: RatingButtonProps): react_jsx_runtime7.JSX.Element;
 declare function Rating({
   value: valueProp,
   defaultValue,
@@ -53,6 +53,6 @@ declare function Rating({
   children,
   id,
   ...props
-}: React$1.PropsWithChildren<RatingProps>): react_jsx_runtime9.JSX.Element;
+}: React$1.PropsWithChildren<RatingProps>): react_jsx_runtime7.JSX.Element;
 //#endregion
 export { Rating, RatingButton, RatingButtonProps, RatingColor, RatingOption, RatingProps };

package/dist/Rating.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 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_runtime9.JSX.Element;
+}: RatingButtonProps): react_jsx_runtime7.JSX.Element;
 declare function Rating({
   value: valueProp,
   defaultValue,
@@ -53,6 +53,6 @@ declare function Rating({
   children,
   id,
   ...props
-}: React$1.PropsWithChildren<RatingProps>): react_jsx_runtime9.JSX.Element;
+}: React$1.PropsWithChildren<RatingProps>): react_jsx_runtime7.JSX.Element;
 //#endregion
 export { Rating, RatingButton, RatingButtonProps, RatingColor, RatingOption, RatingProps };

package/dist/Select.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 import { Select, SelectContent } from "@pixpilot/shadcn";
 import React, { ComponentProps } from "react";
 
@@ -51,6 +51,6 @@ type BaseSelectProps = {
   required?: boolean;
   className?: string;
 } & Omit<ComponentProps<typeof Select>, 'value' | 'onValueChange' | 'children' | 'disabled' | 'name' | 'required'>;
-declare function Select$1(props: BaseSelectProps): react_jsx_runtime11.JSX.Element;
+declare function Select$1(props: BaseSelectProps): react_jsx_runtime9.JSX.Element;
 //#endregion
 export { Select$1 as Select, SelectContentProps, SelectOption };

package/dist/Select.d.ts

@@ -1,6 +1,6 @@
 import { Select, SelectContent } from "@pixpilot/shadcn";
 import React, { ComponentProps } from "react";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 
 //#region src/Select.d.ts
 interface SelectOption {
@@ -51,6 +51,6 @@ type BaseSelectProps = {
   required?: boolean;
   className?: string;
 } & Omit<ComponentProps<typeof Select>, 'value' | 'onValueChange' | 'children' | 'disabled' | 'name' | 'required'>;
-declare function Select$1(props: BaseSelectProps): react_jsx_runtime11.JSX.Element;
+declare function Select$1(props: BaseSelectProps): react_jsx_runtime9.JSX.Element;
 //#endregion
 export { Select$1 as Select, SelectContentProps, SelectOption };

package/dist/dialog/Dialog.cjs

@@ -7,30 +7,30 @@ let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
 //#region src/dialog/Dialog.tsx
-const DialogContent = react.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DialogContent, {
+const DialogContent = react.forwardRef(({ className, fullscreen = false,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DialogContent, {
 	ref,
-	className: (0, __pixpilot_shadcn.cn)("max-h-[85vh] sm:max-h-[90vh] flex flex-col p-0 gap-0", className),
+	className: (0, __pixpilot_shadcn.cn)("max-h-[calc(100%-2rem)] sm:max-h-[calc(100%-2rem)] w-fit max-w-[calc(100%-2rem)] sm:max-w-[calc(100%-2rem)] flex min-h-0 flex-col p-0 gap-0", fullscreen && "h-[calc(100%-2rem)] w-[calc(100%-2rem)] max-w-none sm:max-w-none", className),
 	...props
 }));
 DialogContent.displayName = "DialogContent";
 function DialogHeader({ className,...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		"data-slot": "header",
-		className: (0, __pixpilot_shadcn.cn)("flex flex-col space-y-1.5 px-6 py-4", className),
+		className: (0, __pixpilot_shadcn.cn)("flex shrink-0 flex-col space-y-1.5 px-6 py-4", className),
 		...props
 	});
 }
 function DialogBody({ className,...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		"data-slot": "body",
-		className: (0, __pixpilot_shadcn.cn)("flex-1 overflow-y-auto px-6 py-2", className),
+		className: (0, __pixpilot_shadcn.cn)("min-h-0 flex-1 overflow-auto px-6 py-2", className),
 		...props
 	});
 }
 function DialogFooter({ className,...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		"data-slot": "footer",
-		className: (0, __pixpilot_shadcn.cn)("flex justify-end space-x-2 px-6 py-4", className),
+		className: (0, __pixpilot_shadcn.cn)("flex shrink-0 justify-end space-x-2 px-6 py-4", className),
 		...props
 	});
 }

package/dist/dialog/Dialog.d.cts

@@ -1,26 +1,23 @@
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 import { DialogContent } from "@pixpilot/shadcn";
 import * as React$1 from "react";
-import * as _radix_ui_react_dialog0 from "@radix-ui/react-dialog";
 
 //#region src/dialog/Dialog.d.ts
-type DialogContentProps = React$1.ComponentPropsWithoutRef<typeof DialogContent>;
-declare const DialogContent$1: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_dialog0.DialogContentProps & React$1.RefAttributes<HTMLDivElement> & {
-  showCloseButton?: boolean;
-  disableOutsideClick?: boolean;
-  container?: HTMLElement | null;
-}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+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({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime12.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime20.JSX.Element;
 declare function DialogBody({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime12.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime20.JSX.Element;
 declare function DialogFooter({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime12.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime20.JSX.Element;
 //#endregion
 export { DialogBody, DialogContent$1 as DialogContent, DialogContentProps, DialogFooter, DialogHeader };

package/dist/dialog/Dialog.d.ts

@@ -1,26 +1,23 @@
 import { DialogContent } from "@pixpilot/shadcn";
 import * as React$1 from "react";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
-import * as _radix_ui_react_dialog0 from "@radix-ui/react-dialog";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 
 //#region src/dialog/Dialog.d.ts
-type DialogContentProps = React$1.ComponentPropsWithoutRef<typeof DialogContent>;
-declare const DialogContent$1: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_dialog0.DialogContentProps & React$1.RefAttributes<HTMLDivElement> & {
-  showCloseButton?: boolean;
-  disableOutsideClick?: boolean;
-  container?: HTMLElement | null;
-}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+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({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime13.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime11.JSX.Element;
 declare function DialogBody({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime13.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime11.JSX.Element;
 declare function DialogFooter$1({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime13.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime11.JSX.Element;
 //#endregion
 export { DialogBody, DialogContent$1 as DialogContent, DialogContentProps, DialogFooter$1 as DialogFooter, DialogHeader$1 as DialogHeader };

package/dist/dialog/Dialog.js

@@ -3,30 +3,30 @@ import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/dialog/Dialog.tsx
-const DialogContent$1 = React$1.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(DialogContent, {
+const DialogContent$1 = React$1.forwardRef(({ className, fullscreen = false,...props }, ref) => /* @__PURE__ */ jsx(DialogContent, {
 	ref,
-	className: cn("max-h-[85vh] sm:max-h-[90vh] flex flex-col p-0 gap-0", className),
+	className: cn("max-h-[calc(100%-2rem)] sm:max-h-[calc(100%-2rem)] w-fit max-w-[calc(100%-2rem)] sm:max-w-[calc(100%-2rem)] flex min-h-0 flex-col p-0 gap-0", fullscreen && "h-[calc(100%-2rem)] w-[calc(100%-2rem)] max-w-none sm:max-w-none", className),
 	...props
 }));
 DialogContent$1.displayName = "DialogContent";
 function DialogHeader$1({ className,...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "header",
-		className: cn("flex flex-col space-y-1.5 px-6 py-4", className),
+		className: cn("flex shrink-0 flex-col space-y-1.5 px-6 py-4", className),
 		...props
 	});
 }
 function DialogBody({ className,...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "body",
-		className: cn("flex-1 overflow-y-auto px-6 py-2", className),
+		className: cn("min-h-0 flex-1 overflow-auto px-6 py-2", className),
 		...props
 	});
 }
 function DialogFooter$1({ className,...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "footer",
-		className: cn("flex justify-end space-x-2 px-6 py-4", className),
+		className: cn("flex shrink-0 justify-end space-x-2 px-6 py-4", className),
 		...props
 	});
 }

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

@@ -1,7 +1,7 @@
 import { FileUploadProps } from "./types/index.cjs";
-import * as react_jsx_runtime18 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_runtime18.JSX.Element;
+declare function FileUpload(props: FileUploadProps): react_jsx_runtime10.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_runtime12 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_runtime12.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_runtime15 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_runtime15.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_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime15 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_runtime16.JSX.Element;
+declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime15.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_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime11 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_runtime16.JSX.Element;
+declare function FileUploadRoot(props: FileUploadRootProps): react_jsx_runtime11.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_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime16 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_runtime17.JSX.Element;
+declare function FileUploadRoot(props: FileUploadRootProps): react_jsx_runtime16.JSX.Element;
 declare namespace FileUploadRoot {
   var displayName: string;
 }

package/dist/index.cjs

@@ -108,9 +108,9 @@ exports.ButtonGroupSeparator = require_ButtonGroup.ButtonGroupSeparator;
 exports.ButtonGroupText = require_ButtonGroup.ButtonGroupText;
 exports.COLOR_PICKER_PALETTE_BUTTON_CLASSES = require_PaletteButton.COLOR_PICKER_PALETTE_BUTTON_CLASSES;
 exports.COMMON_COLORS = require_ColorPalette.COMMON_COLORS;
-exports.Card = require_Card.Card;
+exports.Card = __pixpilot_shadcn.Card;
 exports.CardAction = __pixpilot_shadcn.CardAction;
-exports.CardContent = require_Card.CardContent;
+exports.CardContent = __pixpilot_shadcn.CardContent;
 exports.CardDescription = __pixpilot_shadcn.CardDescription;
 exports.CardFooter = __pixpilot_shadcn.CardFooter;
 exports.CardHeader = require_Card.CardHeader;

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_runtime18 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_runtime18.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/tags-input/TagsInput.d.cts

@@ -1,5 +1,5 @@
 import { CommandOptionListItem } from "../CommandOptionList.cjs";
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 
 //#region src/tags-input/TagsInput.d.ts
 interface TagsInputProps {
@@ -59,6 +59,6 @@ declare function TagsInput({
   addOnTab,
   onValidate,
   addButtonVisibility
-}: TagsInputProps): react_jsx_runtime20.JSX.Element;
+}: TagsInputProps): react_jsx_runtime13.JSX.Element;
 //#endregion
 export { TagsInput, TagsInputProps };

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

@@ -1,5 +1,5 @@
 import { CommandOptionListItem } from "../CommandOptionList.js";
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 
 //#region src/tags-input/TagsInput.d.ts
 interface TagsInputProps {
@@ -59,6 +59,6 @@ declare function TagsInput({
   addOnTab,
   onValidate,
   addButtonVisibility
-}: TagsInputProps): react_jsx_runtime20.JSX.Element;
+}: TagsInputProps): react_jsx_runtime18.JSX.Element;
 //#endregion
 export { TagsInput, TagsInputProps };

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime14 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_runtime19.JSX.Element;
+}: TagsInputInlineProps): react_jsx_runtime14.JSX.Element;
 //#endregion
 export { TagsInputInline, TagsInputInlineItem, TagsInputInlineProps };

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

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

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime15 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_runtime21.JSX.Element;
+declare function ThemeModeDropdown(props: ThemeModeDropdownProps): react_jsx_runtime15.JSX.Element;
 declare namespace ThemeModeDropdown {
   var displayName: string;
 }

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime24 from "react/jsx-runtime";
+import * as react_jsx_runtime17 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_runtime24.JSX.Element;
+declare function ThemeModeSwitchOutside(props: ThemeModeSwitchOutsideProps): react_jsx_runtime17.JSX.Element;
 declare namespace ThemeModeSwitchOutside {
   var displayName: string;
 }

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

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

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

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

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

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixpilot/shadcn-ui",
   "type": "module",
-  "version": "1.30.0",
+  "version": "1.31.0",
   "description": "Custom UI components and utilities built with shadcn/ui.",
   "author": "m.doaie <m.doaie@hotmail.com>",
   "license": "MIT",