@pixpilot/shadcn 1.2.6 → 1.3.0

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_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime9 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_runtime5.JSX.Element;
+}: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>): react_jsx_runtime9.JSX.Element;
 declare function AlertTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime5.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime9.JSX.Element;
 declare function AlertDescription({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime5.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime9.JSX.Element;
 //#endregion
 export { Alert, AlertDescription, AlertTitle };

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

@@ -83,7 +83,9 @@ interface ColorPickerSwatchProps extends Omit<DivProps, 'color'> {
 }
 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'> {}
+interface ColorPickerFormatSelectProps extends Omit<React.ComponentProps<typeof Select>, 'value' | 'onValueChange'>, Pick<React.ComponentProps<typeof SelectTrigger>, 'size' | 'className'> {
+  id?: string;
+}
 declare function ColorPickerFormatSelect(props: ColorPickerFormatSelectProps): react_jsx_runtime41.JSX.Element;
 interface ColorPickerInputProps extends Omit<React.ComponentProps<typeof Input>, 'value' | 'onChange' | 'color'> {
   withoutAlpha?: boolean;

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

@@ -37,6 +37,9 @@ const colorFormats = [
 	"hsl",
 	"hsb"
 ];
+function getId(baseId, suffix) {
+	return baseId === void 0 ? void 0 : `${baseId}-${suffix}`;
+}
 function hexToRgb(hex, alpha) {
 	const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
 	return result ? {
@@ -716,14 +719,15 @@ function ColorPickerSwatch(props) {
 	const format = useStore((state) => state.format);
 	const color = React.useMemo(() => {
 		if (colorProp === void 0) return storeColor;
-		return parseColorString(colorProp) ?? storeColor;
+		return parseColorString(colorProp);
 	}, [colorProp, storeColor]);
 	const backgroundStyle = React.useMemo(() => {
+		if (!color) return { backgroundColor: colorProp };
 		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 = `Current color: ${colorToString(color, format)}`;
+	}, [color, colorProp]);
+	const ariaLabel = color ? `Current color: ${colorToString(color, format)}` : colorProp ? `Current color: ${colorProp}` : "No color selected";
 	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
 		role: "img",
 		"aria-label": ariaLabel,
@@ -771,7 +775,7 @@ function ColorPickerEyeDropper(props) {
 	});
 }
 function ColorPickerFormatSelect(props) {
-	const { size, disabled, className,...selectProps } = props;
+	const { id, size, disabled, className,...selectProps } = props;
 	const context = useColorPickerContext(FORMAT_SELECT_NAME);
 	const store = useStoreContext(FORMAT_SELECT_NAME);
 	const isDisabled = disabled || context.disabled;
@@ -786,11 +790,13 @@ function ColorPickerFormatSelect(props) {
 		onValueChange: onFormatChange,
 		disabled: isDisabled,
 		children: [/* @__PURE__ */ jsx(SelectTrigger, {
+			id,
 			"data-slot": "color-picker-format-select-trigger",
 			size: size ?? "sm",
 			className: cn(className),
 			children: /* @__PURE__ */ jsx(SelectValue, {})
 		}), /* @__PURE__ */ jsx(SelectContent, { children: colorFormats.map((format$1) => /* @__PURE__ */ jsx(SelectItem, {
+			id: getId(id, `option-${format$1}`),
 			value: format$1,
 			children: format$1.toUpperCase()
 		}, format$1)) })]

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

@@ -1,23 +1,23 @@
 import * as React from "react";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime5 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_runtime8.JSX.Element;
+}: React.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime5.JSX.Element;
 declare function Tooltip({
   ...props
-}: React.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime8.JSX.Element;
+}: React.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime5.JSX.Element;
 declare function TooltipTrigger({
   ...props
-}: React.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime8.JSX.Element;
+}: React.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime5.JSX.Element;
 declare function TooltipContent({
   className,
   sideOffset,
   children,
   ...props
-}: React.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime8.JSX.Element;
+}: React.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime5.JSX.Element;
 //#endregion
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixpilot/shadcn",
   "type": "module",
-  "version": "1.2.6",
+  "version": "1.3.0",
   "description": "A collection of reusable UI components built with shadcn/ui and Radix UI primitives.",
   "author": "m.doaie <m.doaie@hotmail.com>",
   "license": "MIT",