@pixpilot/shadcn 1.2.3 → 1.2.6

package/dist/components/ui/alert.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 import * as class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/components/ui/alert.d.ts
@@ -11,14 +11,14 @@ declare function Alert({
   className,
   variant,
   ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>): react_jsx_runtime9.JSX.Element;
+}: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>): react_jsx_runtime5.JSX.Element;
 declare function AlertTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime9.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime5.JSX.Element;
 declare function AlertDescription({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime9.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime5.JSX.Element;
 //#endregion
 export { Alert, AlertDescription, AlertTitle };

package/dist/components/ui/color-picker.d.ts

@@ -78,7 +78,10 @@ declare function ColorPickerContent(props: React.ComponentProps<typeof PopoverCo
 declare function ColorPickerArea(props: DivProps): react_jsx_runtime41.JSX.Element;
 declare function ColorPickerHueSlider(props: React.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime41.JSX.Element;
 declare function ColorPickerAlphaSlider(props: React.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime41.JSX.Element;
-declare function ColorPickerSwatch(props: DivProps): react_jsx_runtime41.JSX.Element;
+interface ColorPickerSwatchProps extends Omit<DivProps, 'color'> {
+  color?: string;
+}
+declare function ColorPickerSwatch(props: ColorPickerSwatchProps): react_jsx_runtime41.JSX.Element;
 declare function ColorPickerEyeDropper(props: React.ComponentProps<typeof Button>): react_jsx_runtime41.JSX.Element | null;
 interface ColorPickerFormatSelectProps extends Omit<React.ComponentProps<typeof Select>, 'value' | 'onValueChange'>, Pick<React.ComponentProps<typeof SelectTrigger>, 'size' | 'className'> {}
 declare function ColorPickerFormatSelect(props: ColorPickerFormatSelectProps): react_jsx_runtime41.JSX.Element;

package/dist/components/ui/color-picker.js

@@ -231,8 +231,17 @@ function hslToRgb(hsl, alpha = 1) {
 		a: alpha
 	};
 }
+function isTransparent(color) {
+	return color.trim().toLowerCase() === "transparent";
+}
 function parseColorString(value) {
 	const trimmed = value.trim();
+	if (isTransparent(trimmed)) return {
+		r: 0,
+		g: 0,
+		b: 0,
+		a: 0
+	};
 	if (trimmed.startsWith("#")) {
 		const hexMatch = trimmed.match(/^#([a-f0-9]{3}|[a-f0-9]{4}|[a-f0-9]{6}|[a-f0-9]{8})$/i);
 		if (hexMatch) {
@@ -701,17 +710,20 @@ function ColorPickerAlphaSlider(props) {
 	});
 }
 function ColorPickerSwatch(props) {
-	const { asChild, className,...swatchProps } = props;
+	const { asChild, className, color: colorProp, style: styleProp,...swatchProps } = props;
 	const context = useColorPickerContext(SWATCH_NAME);
-	const color = useStore((state) => state.color);
+	const storeColor = useStore((state) => state.color);
 	const format = useStore((state) => state.format);
+	const color = React.useMemo(() => {
+		if (colorProp === void 0) return storeColor;
+		return parseColorString(colorProp) ?? storeColor;
+	}, [colorProp, storeColor]);
 	const backgroundStyle = React.useMemo(() => {
-		if (!color) return { background: "linear-gradient(to bottom right, transparent calc(50% - 1px), hsl(var(--destructive)) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)) no-repeat" };
 		const colorString = `rgba(${color.r}, ${color.g}, ${color.b}, ${color.a})`;
 		if (color.a < 1) return { background: `linear-gradient(${colorString}, ${colorString}), repeating-conic-gradient(#ccc 0% 25%, #fff 0% 50%) 0% 50% / 8px 8px` };
 		return { backgroundColor: colorString };
 	}, [color]);
-	const ariaLabel = !color ? "No color selected" : `Current color: ${colorToString(color, format)}`;
+	const ariaLabel = `Current color: ${colorToString(color, format)}`;
 	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
 		role: "img",
 		"aria-label": ariaLabel,
@@ -720,7 +732,8 @@ function ColorPickerSwatch(props) {
 		className: cn("box-border size-8 rounded-sm border shadow-sm", context.disabled && "opacity-50", className),
 		style: {
 			...backgroundStyle,
-			forcedColorAdjust: "none"
+			forcedColorAdjust: "none",
+			...styleProp
 		}
 	});
 }

package/dist/components/ui/tooltip.d.ts

@@ -1,23 +1,23 @@
 import * as React from "react";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 
 //#region src/components/ui/tooltip.d.ts
 declare function TooltipProvider({
   delayDuration,
   ...props
-}: React.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime5.JSX.Element;
+}: React.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime8.JSX.Element;
 declare function Tooltip({
   ...props
-}: React.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime5.JSX.Element;
+}: React.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime8.JSX.Element;
 declare function TooltipTrigger({
   ...props
-}: React.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime5.JSX.Element;
+}: React.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime8.JSX.Element;
 declare function TooltipContent({
   className,
   sideOffset,
   children,
   ...props
-}: React.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime5.JSX.Element;
+}: React.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime8.JSX.Element;
 //#endregion
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixpilot/shadcn",
   "type": "module",
-  "version": "1.2.3",
+  "version": "1.2.6",
   "description": "A collection of reusable UI components built with shadcn/ui and Radix UI primitives.",
   "author": "m.doaie <m.doaie@hotmail.com>",
   "license": "MIT",
@@ -62,13 +62,13 @@
     "date-fns": "^4.1.0",
     "lucide-react": "0.553.0",
     "react-day-picker": "^9.14.0",
-    "react-hook-form": "^8.0.0-beta.1",
+    "react-hook-form": "^7.55.0",
     "tailwind-merge": "^3.5.0",
     "tailwindcss-animate": "^1.0.7",
     "zod": "^4.3.6"
   },
   "devDependencies": {
-    "@pixpilot/dev-config": "^3.17.0",
+    "@pixpilot/dev-config": "^3.20.0",
     "@tailwindcss/postcss": "^4.2.2",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
@@ -84,8 +84,8 @@
     "tsdown": "^0.15.12",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.58.1",
-    "@internal/prettier-config": "0.0.1",
     "@internal/eslint-config": "0.3.0",
+    "@internal/prettier-config": "0.0.1",
     "@internal/tsconfig": "0.1.0",
     "@internal/tsdown-config": "0.1.0",
     "@internal/vitest-config": "0.1.0"