@pixpilot/shadcn-ui 1.24.0 → 1.25.0

package/dist/Alert.cjs

@@ -22,28 +22,32 @@ const Alert = (props) => {
 	const msgIcon = getIcon(icon, variant);
 	const hasTitle = title != null && title.trim() !== "";
 	const hasContent = hasTitle || description != null;
+	const hasStructuredLayout = Boolean(msgIcon || hasContent);
 	const config = require_variant_config.variantConfig[variant] ?? require_variant_config.variantConfig.default;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Alert, {
 		...rest,
 		variant: "destructive",
-		className: require_utils.cn("bg-card border-accent! flex justify-between rounded-sm border-0 border-l-4", msgIcon ? "flex-row" : "flex-col", config.borderClass, config.textClass, className),
-		children: [
-			msgIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: require_utils.cn("mr-3 flex items-start pt-0.5"),
+		className: require_utils.cn("flex flex-col items-stretch bg-card border-accent! rounded-sm border-0 border-l-4", config.borderClass, config.textClass, className),
+		children: [hasStructuredLayout && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: require_utils.cn("col-span-full flex w-full min-w-0 items-start", msgIcon ? "flex-row" : "flex-col"),
+			children: [msgIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: require_utils.cn("mr-3 flex shrink-0 items-start pt-0.5"),
 				children: msgIcon
-			}),
-			hasContent && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "flex flex-1 flex-col gap-1",
-				children: [hasTitle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.AlertTitle, {
-					className: require_utils.cn(config.textClass, { "block!": !hasTitle }),
-					children: title
-				}), description != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.AlertDescription, {
-					className: require_utils.cn(config.descClass, !hasTitle && config.textClass, "whitespace-pre-wrap"),
-					children: description
-				})]
-			}),
-			children
-		]
+			}), (hasContent || children != null) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex w-full min-w-0 flex-1 flex-col gap-1",
+				children: [
+					hasTitle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.AlertTitle, {
+						className: require_utils.cn(config.textClass, { "block!": !hasTitle }),
+						children: title
+					}),
+					description != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.AlertDescription, {
+						className: require_utils.cn(config.descClass, !hasTitle && config.textClass, "whitespace-pre-wrap"),
+						children: description
+					}),
+					children
+				]
+			})]
+		}), !hasStructuredLayout && children]
 	});
 };
 Alert.displayName = "Alert";

package/dist/Alert.js

@@ -18,28 +18,32 @@ const Alert$1 = (props) => {
 	const msgIcon = getIcon(icon, variant);
 	const hasTitle = title != null && title.trim() !== "";
 	const hasContent = hasTitle || description != null;
+	const hasStructuredLayout = Boolean(msgIcon || hasContent);
 	const config = variantConfig[variant] ?? variantConfig.default;
 	return /* @__PURE__ */ jsxs(Alert, {
 		...rest,
 		variant: "destructive",
-		className: cn$1("bg-card border-accent! flex justify-between rounded-sm border-0 border-l-4", msgIcon ? "flex-row" : "flex-col", config.borderClass, config.textClass, className),
-		children: [
-			msgIcon && /* @__PURE__ */ jsx("div", {
-				className: cn$1("mr-3 flex items-start pt-0.5"),
+		className: cn$1("flex flex-col items-stretch bg-card border-accent! rounded-sm border-0 border-l-4", config.borderClass, config.textClass, className),
+		children: [hasStructuredLayout && /* @__PURE__ */ jsxs("div", {
+			className: cn$1("col-span-full flex w-full min-w-0 items-start", msgIcon ? "flex-row" : "flex-col"),
+			children: [msgIcon && /* @__PURE__ */ jsx("div", {
+				className: cn$1("mr-3 flex shrink-0 items-start pt-0.5"),
 				children: msgIcon
-			}),
-			hasContent && /* @__PURE__ */ jsxs("div", {
-				className: "flex flex-1 flex-col gap-1",
-				children: [hasTitle && /* @__PURE__ */ jsx(AlertTitle, {
-					className: cn$1(config.textClass, { "block!": !hasTitle }),
-					children: title
-				}), description != null && /* @__PURE__ */ jsx(AlertDescription, {
-					className: cn$1(config.descClass, !hasTitle && config.textClass, "whitespace-pre-wrap"),
-					children: description
-				})]
-			}),
-			children
-		]
+			}), (hasContent || children != null) && /* @__PURE__ */ jsxs("div", {
+				className: "flex w-full min-w-0 flex-1 flex-col gap-1",
+				children: [
+					hasTitle && /* @__PURE__ */ jsx(AlertTitle, {
+						className: cn$1(config.textClass, { "block!": !hasTitle }),
+						children: title
+					}),
+					description != null && /* @__PURE__ */ jsx(AlertDescription, {
+						className: cn$1(config.descClass, !hasTitle && config.textClass, "whitespace-pre-wrap"),
+						children: description
+					}),
+					children
+				]
+			})]
+		}), !hasStructuredLayout && children]
 	});
 };
 Alert$1.displayName = "Alert";

package/dist/Rating.d.cts

@@ -10,7 +10,7 @@ interface RatingOption {
   value: number;
 }
 declare const ratingVariants: (props?: ({
-  size?: "default" | "sm" | "lg" | "xl" | null | undefined;
+  size?: "sm" | "default" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
 type RatingSize = VariantProps<typeof ratingVariants>['size'];
 type IconType = 'star' | 'circle';

package/dist/Rating.d.ts

@@ -10,7 +10,7 @@ interface RatingOption {
   value: number;
 }
 declare const ratingVariants: (props?: ({
-  size?: "default" | "sm" | "lg" | "xl" | null | undefined;
+  size?: "sm" | "default" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
 type RatingSize = VariantProps<typeof ratingVariants>['size'];
 type IconType = 'star' | 'circle';

package/dist/dialog/Dialog.d.ts

@@ -1,6 +1,6 @@
 import { DialogContent } from "@pixpilot/shadcn";
 import * as React$1 from "react";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 import * as _radix_ui_react_dialog0 from "@radix-ui/react-dialog";
 
 //#region src/dialog/Dialog.d.ts
@@ -13,14 +13,14 @@ declare const DialogContent$1: React$1.ForwardRefExoticComponent<Omit<_radix_ui_
 declare function DialogHeader$1({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime10.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime9.JSX.Element;
 declare function DialogBody({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime10.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime9.JSX.Element;
 declare function DialogFooter$1({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime10.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime9.JSX.Element;
 //#endregion
 export { DialogBody, DialogContent$1 as DialogContent, DialogContentProps, DialogFooter$1 as DialogFooter, DialogHeader$1 as DialogHeader };

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

@@ -1,10 +1,10 @@
 import { FileUploadInlineProps } from "./types.cjs";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime12 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_runtime13.JSX.Element;
+declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime12.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_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime12 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_runtime9.JSX.Element;
+declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime12.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_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime13 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_runtime12.JSX.Element;
+declare function FileUploadRoot(props: FileUploadRootProps): react_jsx_runtime13.JSX.Element;
 declare namespace FileUploadRoot {
   var displayName: string;
 }

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

@@ -1,5 +1,5 @@
 import { CommandOptionListItem } from "../CommandOptionList.cjs";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime16 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_runtime15.JSX.Element;
+}: TagsInputProps): react_jsx_runtime16.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_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime15 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_runtime16.JSX.Element;
+}: TagsInputProps): react_jsx_runtime15.JSX.Element;
 //#endregion
 export { TagsInput, TagsInputProps };

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime17 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_runtime17.JSX.Element;
+declare function ThemeModeToggleButton(props: ThemeModeToggleButtonProps): react_jsx_runtime18.JSX.Element;
 declare namespace ThemeModeToggleButton {
   var displayName: string;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixpilot/shadcn-ui",
   "type": "module",
-  "version": "1.24.0",
+  "version": "1.25.0",
   "description": "Custom UI components and utilities built with shadcn/ui.",
   "author": "m.doaie <m.doaie@hotmail.com>",
   "license": "MIT",
@@ -63,12 +63,12 @@
     "tailwindcss": "^4.2.2",
     "tsdown": "^0.15.12",
     "typescript": "^5.9.3",
+    "@internal/eslint-config": "0.3.0",
+    "@internal/hooks": "0.0.0",
     "@internal/prettier-config": "0.0.1",
     "@internal/tsconfig": "0.1.0",
-    "@internal/tsdown-config": "0.1.0",
     "@internal/vitest-config": "0.1.0",
-    "@internal/hooks": "0.0.0",
-    "@internal/eslint-config": "0.3.0"
+    "@internal/tsdown-config": "0.1.0"
   },
   "prettier": "@internal/prettier-config",
   "scripts": {