@pixpilot/shadcn-ui 1.1.1 → 1.1.2

package/dist/ColorPickerBase/color-palette/PaletteButton.cjs

@@ -8,11 +8,12 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
 //#region src/ColorPickerBase/color-palette/PaletteButton.tsx
 const COLOR_PICKER_PALETTE_BUTTON_CLASSES = "w-6.5 h-6.5 rounded border border-input focus:outline-none focus:ring-2 focus:ring-ring";
-const ColorPickerPaletteButton = (props) => {
+const ColorPickerPaletteButton = ({ selected,...props }) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 		type: "button",
 		...props,
-		className: (0, __pixpilot_shadcn.cn)(COLOR_PICKER_PALETTE_BUTTON_CLASSES, props.className)
+		className: (0, __pixpilot_shadcn.cn)(COLOR_PICKER_PALETTE_BUTTON_CLASSES, selected && "ring-2 ring-ring ring-offset-2 ring-offset-background border-ring", props.className),
+		"aria-pressed": selected
 	});
 };
 ColorPickerPaletteButton.displayName = "PaletteButton";

package/dist/ColorPickerBase/color-palette/PaletteButton.d.cts

@@ -3,6 +3,7 @@ import React from "react";
 //#region src/ColorPickerBase/color-palette/PaletteButton.d.ts
 interface ColorPickerPaletteButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   style?: React.CSSProperties;
+  selected?: boolean;
 }
 declare const COLOR_PICKER_PALETTE_BUTTON_CLASSES = "w-6.5 h-6.5 rounded border border-input focus:outline-none focus:ring-2 focus:ring-ring";
 declare const ColorPickerPaletteButton: React.FC<ColorPickerPaletteButtonProps>;

package/dist/ColorPickerBase/color-palette/PaletteButton.d.ts

@@ -3,6 +3,7 @@ import React from "react";
 //#region src/ColorPickerBase/color-palette/PaletteButton.d.ts
 interface ColorPickerPaletteButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   style?: React.CSSProperties;
+  selected?: boolean;
 }
 declare const COLOR_PICKER_PALETTE_BUTTON_CLASSES = "w-6.5 h-6.5 rounded border border-input focus:outline-none focus:ring-2 focus:ring-ring";
 declare const ColorPickerPaletteButton: React.FC<ColorPickerPaletteButtonProps>;

package/dist/ColorPickerBase/color-palette/PaletteButton.js

@@ -4,11 +4,12 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/ColorPickerBase/color-palette/PaletteButton.tsx
 const COLOR_PICKER_PALETTE_BUTTON_CLASSES = "w-6.5 h-6.5 rounded border border-input focus:outline-none focus:ring-2 focus:ring-ring";
-const ColorPickerPaletteButton = (props) => {
+const ColorPickerPaletteButton = ({ selected,...props }) => {
 	return /* @__PURE__ */ jsx("button", {
 		type: "button",
 		...props,
-		className: cn(COLOR_PICKER_PALETTE_BUTTON_CLASSES, props.className)
+		className: cn(COLOR_PICKER_PALETTE_BUTTON_CLASSES, selected && "ring-2 ring-ring ring-offset-2 ring-offset-background border-ring", props.className),
+		"aria-pressed": selected
 	});
 };
 ColorPickerPaletteButton.displayName = "PaletteButton";

package/dist/ColorPickerBase/color-palette/PaletteSwatch.cjs

@@ -31,9 +31,9 @@ const ColorPickerPaletteSwatch = ({ color, onSelect, className, selectedValue })
 			backgroundImage: `linear-gradient(${colorValue}, ${colorValue}), repeating-conic-gradient(#ccc 0% 25%, #fff 0% 50%)`,
 			backgroundSize: "auto, 8px 8px"
 		},
-		className: (0, __pixpilot_shadcn.cn)(className, isSelected && "ring-2 ring-ring ring-offset-2 ring-offset-background border-ring"),
-		onClick: handleClick,
-		"aria-pressed": isSelected
+		className,
+		selected: isSelected,
+		onClick: handleClick
 	});
 	if (colorLabel === null || colorLabel === void 0 || colorLabel === "") return button;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Tooltip, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TooltipTrigger, {

package/dist/ColorPickerBase/color-palette/PaletteSwatch.js

@@ -1,5 +1,5 @@
 import { ColorPickerPaletteButton } from "./PaletteButton.js";
-import { Tooltip, TooltipContent, TooltipTrigger, cn, colorUtils } from "@pixpilot/shadcn";
+import { Tooltip, TooltipContent, TooltipTrigger, colorUtils } from "@pixpilot/shadcn";
 import { useCallback } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -27,9 +27,9 @@ const ColorPickerPaletteSwatch = ({ color, onSelect, className, selectedValue })
 			backgroundImage: `linear-gradient(${colorValue}, ${colorValue}), repeating-conic-gradient(#ccc 0% 25%, #fff 0% 50%)`,
 			backgroundSize: "auto, 8px 8px"
 		},
-		className: cn(className, isSelected && "ring-2 ring-ring ring-offset-2 ring-offset-background border-ring"),
-		onClick: handleClick,
-		"aria-pressed": isSelected
+		className,
+		selected: isSelected,
+		onClick: handleClick
 	});
 	if (colorLabel === null || colorLabel === void 0 || colorLabel === "") return button;
 	return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {

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,5 +1,5 @@
 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
@@ -9,14 +9,14 @@ declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<_radix_ui_re
 declare function DialogHeader({
   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({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime10.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime9.JSX.Element;
 //#endregion
 export { DialogBody, DialogContent, DialogFooter, DialogHeader };

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

@@ -1,10 +1,10 @@
 import { FileUploadInlineProps } 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-inline/FileUploadInline.d.ts
 /**
  * FileUploadInline - An inline file upload component using FileUpload primitives
  */
-declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime12.JSX.Element;
+declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime13.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/input/Input.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime13 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_runtime13.JSX.Element;
+declare function Input(props: InputProps$1): react_jsx_runtime12.JSX.Element;
 //#endregion
 export { 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_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 
 //#region src/tags-input/TagsInput.d.ts
 interface TagsInputProps {
@@ -57,6 +57,6 @@ declare function TagsInput({
   addOnTab,
   onValidate,
   addButtonVisibility
-}: TagsInputProps): react_jsx_runtime17.JSX.Element;
+}: TagsInputProps): react_jsx_runtime16.JSX.Element;
 //#endregion
 export { TagsInput, TagsInputProps };

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

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixpilot/shadcn-ui",
   "type": "module",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "Custom UI components and utilities built with shadcn/ui.",
   "author": "m.doaie <m.doaie@hotmail.com>",
   "license": "MIT",
@@ -61,11 +61,11 @@
     "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/vitest-config": "0.1.0"
   },
   "prettier": "@internal/prettier-config",
   "scripts": {