@pixpilot/shadcn 0.4.0 → 0.6.0

package/dist/components/ui/tabs.d.cts

@@ -1,23 +1,33 @@
-import * as react_jsx_runtime133 from "react/jsx-runtime";
+import * as class_variance_authority_types4 from "class-variance-authority/types";
+import * as react_jsx_runtime149 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
 import * as React from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 
 //#region src/components/ui/tabs.d.ts
+declare const tabsListVariants: (props?: ({
+  variant?: "default" | "outline" | "ghost" | "pill" | null | undefined;
+} & class_variance_authority_types4.ClassProp) | undefined) => string;
+declare const tabsTriggerVariants: (props?: ({
+  variant?: "default" | "outline" | "ghost" | "pill" | null | undefined;
+} & class_variance_authority_types4.ClassProp) | undefined) => string;
 declare function Tabs({
   className,
   ...props
-}: React.ComponentProps<typeof TabsPrimitive.Root>): react_jsx_runtime133.JSX.Element;
+}: React.ComponentProps<typeof TabsPrimitive.Root>): react_jsx_runtime149.JSX.Element;
 declare function TabsList({
   className,
+  variant,
   ...props
-}: React.ComponentProps<typeof TabsPrimitive.List>): react_jsx_runtime133.JSX.Element;
+}: React.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>): react_jsx_runtime149.JSX.Element;
 declare function TabsTrigger({
   className,
+  variant,
   ...props
-}: React.ComponentProps<typeof TabsPrimitive.Trigger>): react_jsx_runtime133.JSX.Element;
+}: React.ComponentProps<typeof TabsPrimitive.Trigger> & VariantProps<typeof tabsTriggerVariants>): react_jsx_runtime149.JSX.Element;
 declare function TabsContent({
   className,
   ...props
-}: React.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime133.JSX.Element;
+}: React.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime149.JSX.Element;
 //#endregion
 export { Tabs, TabsContent, TabsList, TabsTrigger };

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

@@ -1,23 +1,33 @@
+import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-import * as react_jsx_runtime133 from "react/jsx-runtime";
+import * as react_jsx_runtime149 from "react/jsx-runtime";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
+import * as class_variance_authority_types4 from "class-variance-authority/types";
 
 //#region src/components/ui/tabs.d.ts
+declare const tabsListVariants: (props?: ({
+  variant?: "default" | "outline" | "ghost" | "pill" | null | undefined;
+} & class_variance_authority_types4.ClassProp) | undefined) => string;
+declare const tabsTriggerVariants: (props?: ({
+  variant?: "default" | "outline" | "ghost" | "pill" | null | undefined;
+} & class_variance_authority_types4.ClassProp) | undefined) => string;
 declare function Tabs({
   className,
   ...props
-}: React.ComponentProps<typeof TabsPrimitive.Root>): react_jsx_runtime133.JSX.Element;
+}: React.ComponentProps<typeof TabsPrimitive.Root>): react_jsx_runtime149.JSX.Element;
 declare function TabsList({
   className,
+  variant,
   ...props
-}: React.ComponentProps<typeof TabsPrimitive.List>): react_jsx_runtime133.JSX.Element;
+}: React.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>): react_jsx_runtime149.JSX.Element;
 declare function TabsTrigger({
   className,
+  variant,
   ...props
-}: React.ComponentProps<typeof TabsPrimitive.Trigger>): react_jsx_runtime133.JSX.Element;
+}: React.ComponentProps<typeof TabsPrimitive.Trigger> & VariantProps<typeof tabsTriggerVariants>): react_jsx_runtime149.JSX.Element;
 declare function TabsContent({
   className,
   ...props
-}: React.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime133.JSX.Element;
+}: React.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime149.JSX.Element;
 //#endregion
 export { Tabs, TabsContent, TabsList, TabsTrigger };

package/dist/components/ui/tabs.js

@@ -1,10 +1,29 @@
 import { cn } from "../../lib/utils.js";
 import "../../lib/index.js";
+import { cva } from "class-variance-authority";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 
 //#region src/components/ui/tabs.tsx
+const tabsListVariants = cva("inline-flex items-center justify-center", {
+	variants: { variant: {
+		default: "bg-muted text-muted-foreground h-9 w-fit rounded-lg p-[3px]",
+		outline: "border border-input bg-background h-9 w-fit rounded-lg p-[3px]",
+		ghost: "h-9 w-fit rounded-lg p-[3px]",
+		pill: "bg-muted text-muted-foreground h-10 w-fit rounded-full p-1"
+	} },
+	defaultVariants: { variant: "default" }
+});
+const tabsTriggerVariants = cva("inline-flex items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+	variants: { variant: {
+		default: "data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground h-[calc(100%-1px)] flex-1 data-[state=active]:shadow-sm",
+		outline: "data-[state=active]:bg-background data-[state=active]:border-input focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-muted-foreground data-[state=active]:text-foreground h-[calc(100%-1px)] flex-1 data-[state=active]:shadow-sm border-input",
+		ghost: "data-[state=active]:bg-accent data-[state=active]:text-accent-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-muted-foreground hover:text-foreground h-[calc(100%-1px)] flex-1",
+		pill: "data-[state=active]:bg-background data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground h-[calc(100%-2px)] flex-1 rounded-full data-[state=active]:shadow-sm"
+	} },
+	defaultVariants: { variant: "default" }
+});
 function Tabs({ className,...props }) {
 	return /* @__PURE__ */ jsx(TabsPrimitive.Root, {
 		"data-slot": "tabs",
@@ -12,17 +31,17 @@ function Tabs({ className,...props }) {
 		...props
 	});
 }
-function TabsList({ className,...props }) {
+function TabsList({ className, variant,...props }) {
 	return /* @__PURE__ */ jsx(TabsPrimitive.List, {
 		"data-slot": "tabs-list",
-		className: cn("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]", className),
+		className: cn(tabsListVariants({ variant }), className),
 		...props
 	});
 }
-function TabsTrigger({ className,...props }) {
+function TabsTrigger({ className, variant,...props }) {
 	return /* @__PURE__ */ jsx(TabsPrimitive.Trigger, {
 		"data-slot": "tabs-trigger",
-		className: cn("data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		className: cn(tabsTriggerVariants({ variant }), className),
 		...props
 	});
 }

package/dist/components/ui/textarea.d.cts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime137 from "react/jsx-runtime";
+import * as react_jsx_runtime153 from "react/jsx-runtime";
 import * as React from "react";
 
 //#region src/components/ui/textarea.d.ts
 declare function Textarea({
   className,
   ...props
-}: React.ComponentProps<'textarea'>): react_jsx_runtime137.JSX.Element;
+}: React.ComponentProps<'textarea'>): react_jsx_runtime153.JSX.Element;
 //#endregion
 export { Textarea };

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

@@ -1,10 +1,10 @@
 import * as React from "react";
-import * as react_jsx_runtime137 from "react/jsx-runtime";
+import * as react_jsx_runtime153 from "react/jsx-runtime";
 
 //#region src/components/ui/textarea.d.ts
 declare function Textarea({
   className,
   ...props
-}: React.ComponentProps<'textarea'>): react_jsx_runtime137.JSX.Element;
+}: React.ComponentProps<'textarea'>): react_jsx_runtime153.JSX.Element;
 //#endregion
 export { Textarea };

package/dist/components/visually-hidden-input.cjs

@@ -0,0 +1,116 @@
+'use client';
+
+
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+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);
+
+//#region src/components/visually-hidden-input.tsx
+function VisuallyHiddenInput(props) {
+	const { control, value, checked, bubbles = true, type = "hidden", style,...inputProps } = props;
+	const isCheckInput = react.useMemo(() => type === "checkbox" || type === "radio" || type === "switch", [type]);
+	const inputRef = react.useRef(null);
+	const prevValueRef = react.useRef({
+		value: isCheckInput ? checked : value,
+		previous: isCheckInput ? checked : value
+	});
+	const prevValue = react.useMemo(() => {
+		const currentValue = isCheckInput ? checked : value;
+		if (prevValueRef.current.value !== currentValue) {
+			prevValueRef.current.previous = prevValueRef.current.value;
+			prevValueRef.current.value = currentValue;
+		}
+		return prevValueRef.current.previous;
+	}, [
+		isCheckInput,
+		value,
+		checked
+	]);
+	const [controlSize, setControlSize] = react.useState({});
+	react.useLayoutEffect(() => {
+		if (!control) {
+			setControlSize({});
+			return;
+		}
+		setControlSize({
+			width: control.offsetWidth,
+			height: control.offsetHeight
+		});
+		if (typeof window === "undefined") return;
+		const resizeObserver = new ResizeObserver((entries) => {
+			if (!Array.isArray(entries) || !entries.length) return;
+			const entry = entries[0];
+			if (!entry) return;
+			let width;
+			let height;
+			if ("borderBoxSize" in entry) {
+				const borderSizeEntry = entry.borderBoxSize;
+				const borderSize = Array.isArray(borderSizeEntry) ? borderSizeEntry[0] : borderSizeEntry;
+				width = borderSize.inlineSize;
+				height = borderSize.blockSize;
+			} else {
+				width = control.offsetWidth;
+				height = control.offsetHeight;
+			}
+			setControlSize({
+				width,
+				height
+			});
+		});
+		resizeObserver.observe(control, { box: "border-box" });
+		return () => {
+			resizeObserver.disconnect();
+		};
+	}, [control]);
+	react.useEffect(() => {
+		const input = inputRef.current;
+		if (!input) return;
+		const inputProto = window.HTMLInputElement.prototype;
+		const propertyKey = isCheckInput ? "checked" : "value";
+		const eventType = isCheckInput ? "click" : "input";
+		const currentValue = isCheckInput ? checked : value;
+		const serializedCurrentValue = isCheckInput ? checked : typeof value === "object" && value !== null ? JSON.stringify(value) : value;
+		const setter = Object.getOwnPropertyDescriptor(inputProto, propertyKey)?.set;
+		if (prevValue !== currentValue && setter) {
+			const event = new Event(eventType, { bubbles });
+			setter.call(input, serializedCurrentValue);
+			input.dispatchEvent(event);
+		}
+	}, [
+		prevValue,
+		value,
+		checked,
+		bubbles,
+		isCheckInput
+	]);
+	const composedStyle = react.useMemo(() => {
+		return {
+			...style,
+			...controlSize.width !== void 0 && controlSize.height !== void 0 ? controlSize : {},
+			border: 0,
+			clip: "rect(0 0 0 0)",
+			clipPath: "inset(50%)",
+			height: "1px",
+			margin: "-1px",
+			overflow: "hidden",
+			padding: 0,
+			position: "absolute",
+			whiteSpace: "nowrap",
+			width: "1px"
+		};
+	}, [style, controlSize]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+		type,
+		...inputProps,
+		ref: inputRef,
+		"aria-hidden": isCheckInput,
+		tabIndex: -1,
+		defaultChecked: isCheckInput ? checked : void 0,
+		style: composedStyle
+	});
+}
+
+//#endregion
+exports.VisuallyHiddenInput = VisuallyHiddenInput;

package/dist/components/visually-hidden-input.js

@@ -0,0 +1,113 @@
+'use client';
+
+
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/visually-hidden-input.tsx
+function VisuallyHiddenInput(props) {
+	const { control, value, checked, bubbles = true, type = "hidden", style,...inputProps } = props;
+	const isCheckInput = React.useMemo(() => type === "checkbox" || type === "radio" || type === "switch", [type]);
+	const inputRef = React.useRef(null);
+	const prevValueRef = React.useRef({
+		value: isCheckInput ? checked : value,
+		previous: isCheckInput ? checked : value
+	});
+	const prevValue = React.useMemo(() => {
+		const currentValue = isCheckInput ? checked : value;
+		if (prevValueRef.current.value !== currentValue) {
+			prevValueRef.current.previous = prevValueRef.current.value;
+			prevValueRef.current.value = currentValue;
+		}
+		return prevValueRef.current.previous;
+	}, [
+		isCheckInput,
+		value,
+		checked
+	]);
+	const [controlSize, setControlSize] = React.useState({});
+	React.useLayoutEffect(() => {
+		if (!control) {
+			setControlSize({});
+			return;
+		}
+		setControlSize({
+			width: control.offsetWidth,
+			height: control.offsetHeight
+		});
+		if (typeof window === "undefined") return;
+		const resizeObserver = new ResizeObserver((entries) => {
+			if (!Array.isArray(entries) || !entries.length) return;
+			const entry = entries[0];
+			if (!entry) return;
+			let width;
+			let height;
+			if ("borderBoxSize" in entry) {
+				const borderSizeEntry = entry.borderBoxSize;
+				const borderSize = Array.isArray(borderSizeEntry) ? borderSizeEntry[0] : borderSizeEntry;
+				width = borderSize.inlineSize;
+				height = borderSize.blockSize;
+			} else {
+				width = control.offsetWidth;
+				height = control.offsetHeight;
+			}
+			setControlSize({
+				width,
+				height
+			});
+		});
+		resizeObserver.observe(control, { box: "border-box" });
+		return () => {
+			resizeObserver.disconnect();
+		};
+	}, [control]);
+	React.useEffect(() => {
+		const input = inputRef.current;
+		if (!input) return;
+		const inputProto = window.HTMLInputElement.prototype;
+		const propertyKey = isCheckInput ? "checked" : "value";
+		const eventType = isCheckInput ? "click" : "input";
+		const currentValue = isCheckInput ? checked : value;
+		const serializedCurrentValue = isCheckInput ? checked : typeof value === "object" && value !== null ? JSON.stringify(value) : value;
+		const setter = Object.getOwnPropertyDescriptor(inputProto, propertyKey)?.set;
+		if (prevValue !== currentValue && setter) {
+			const event = new Event(eventType, { bubbles });
+			setter.call(input, serializedCurrentValue);
+			input.dispatchEvent(event);
+		}
+	}, [
+		prevValue,
+		value,
+		checked,
+		bubbles,
+		isCheckInput
+	]);
+	const composedStyle = React.useMemo(() => {
+		return {
+			...style,
+			...controlSize.width !== void 0 && controlSize.height !== void 0 ? controlSize : {},
+			border: 0,
+			clip: "rect(0 0 0 0)",
+			clipPath: "inset(50%)",
+			height: "1px",
+			margin: "-1px",
+			overflow: "hidden",
+			padding: 0,
+			position: "absolute",
+			whiteSpace: "nowrap",
+			width: "1px"
+		};
+	}, [style, controlSize]);
+	return /* @__PURE__ */ jsx("input", {
+		type,
+		...inputProps,
+		ref: inputRef,
+		"aria-hidden": isCheckInput,
+		tabIndex: -1,
+		defaultChecked: isCheckInput ? checked : void 0,
+		style: composedStyle
+	});
+}
+
+//#endregion
+export { VisuallyHiddenInput };

package/dist/hooks/use-as-ref.cjs

@@ -0,0 +1,16 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_use_isomorphic_layout_effect = require('./use-isomorphic-layout-effect.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+
+//#region src/hooks/use-as-ref.ts
+function useAsRef(props) {
+	const ref = react.useRef(props);
+	require_use_isomorphic_layout_effect.useIsomorphicLayoutEffect(() => {
+		ref.current = props;
+	});
+	return ref;
+}
+
+//#endregion
+exports.useAsRef = useAsRef;

package/dist/hooks/use-as-ref.js

@@ -0,0 +1,14 @@
+import { useIsomorphicLayoutEffect } from "./use-isomorphic-layout-effect.js";
+import * as React from "react";
+
+//#region src/hooks/use-as-ref.ts
+function useAsRef(props) {
+	const ref = React.useRef(props);
+	useIsomorphicLayoutEffect(() => {
+		ref.current = props;
+	});
+	return ref;
+}
+
+//#endregion
+export { useAsRef };

package/dist/hooks/use-isomorphic-layout-effect.cjs

@@ -0,0 +1,9 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+
+//#region src/hooks/use-isomorphic-layout-effect.ts
+const useIsomorphicLayoutEffect = typeof window !== "undefined" ? react.useLayoutEffect : react.useEffect;
+
+//#endregion
+exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;

package/dist/hooks/use-isomorphic-layout-effect.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+
+//#region src/hooks/use-isomorphic-layout-effect.ts
+const useIsomorphicLayoutEffect = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
+
+//#endregion
+export { useIsomorphicLayoutEffect };

package/dist/hooks/use-lazy-ref.cjs

@@ -0,0 +1,13 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+
+//#region src/hooks/use-lazy-ref.ts
+function useLazyRef(fn) {
+	const ref = react.useRef(null);
+	if (ref.current === null) ref.current = fn();
+	return ref;
+}
+
+//#endregion
+exports.useLazyRef = useLazyRef;

package/dist/hooks/use-lazy-ref.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+
+//#region src/hooks/use-lazy-ref.ts
+function useLazyRef(fn) {
+	const ref = React.useRef(null);
+	if (ref.current === null) ref.current = fn();
+	return ref;
+}
+
+//#endregion
+export { useLazyRef };

package/dist/index.cjs

@@ -8,26 +8,28 @@ const require_button = require('./components/ui/button.cjs');
 const require_calendar = require('./components/ui/calendar.cjs');
 const require_card = require('./components/ui/card.cjs');
 const require_checkbox = require('./components/ui/checkbox.cjs');
+const require_input = require('./components/ui/input.cjs');
+const require_popover = require('./components/ui/popover.cjs');
+const require_select = require('./components/ui/select.cjs');
+const require_color_picker = require('./components/ui/color-picker.cjs');
 const require_dialog = require('./components/ui/dialog.cjs');
 const require_command = require('./components/ui/command.cjs');
 const require_dropdown_menu = require('./components/ui/dropdown-menu.cjs');
 const require_file_upload = require('./components/ui/file-upload.cjs');
 const require_label = require('./components/ui/label.cjs');
 const require_form = require('./components/ui/form.cjs');
-const require_input = require('./components/ui/input.cjs');
+const require_textarea = require('./components/ui/textarea.cjs');
+const require_input_group = require('./components/ui/input-group.cjs');
 const require_separator = require('./components/ui/separator.cjs');
 const require_OrContinueWithSeparator = require('./components/ui/OrContinueWithSeparator.cjs');
 const require_pagination = require('./components/ui/pagination.cjs');
-const require_popover = require('./components/ui/popover.cjs');
 const require_radio_group = require('./components/ui/radio-group.cjs');
-const require_select = require('./components/ui/select.cjs');
 const require_index$1 = require('./components/ui/shadcn-io/tags/index.cjs');
 const require_index$2 = require('./components/ui/shadcn-io/tags-input-inline/index.cjs');
 const require_sheet = require('./components/ui/sheet.cjs');
 const require_slider = require('./components/ui/slider.cjs');
 const require_switch = require('./components/ui/switch.cjs');
 const require_tabs = require('./components/ui/tabs.cjs');
-const require_textarea = require('./components/ui/textarea.cjs');
 const require_tooltip = require('./components/ui/tooltip.cjs');
 require('./components/index.cjs');
 
@@ -62,6 +64,16 @@ exports.CardTitle = require_card.CardTitle;
 exports.Checkbox = require_checkbox.Checkbox;
 exports.Clear = require_file_upload.FileUploadClear;
 exports.FileUploadClear = require_file_upload.FileUploadClear;
+exports.ColorPicker = require_color_picker.ColorPicker;
+exports.ColorPickerAlphaSlider = require_color_picker.ColorPickerAlphaSlider;
+exports.ColorPickerArea = require_color_picker.ColorPickerArea;
+exports.ColorPickerContent = require_color_picker.ColorPickerContent;
+exports.ColorPickerEyeDropper = require_color_picker.ColorPickerEyeDropper;
+exports.ColorPickerFormatSelect = require_color_picker.ColorPickerFormatSelect;
+exports.ColorPickerHueSlider = require_color_picker.ColorPickerHueSlider;
+exports.ColorPickerInput = require_color_picker.ColorPickerInput;
+exports.ColorPickerSwatch = require_color_picker.ColorPickerSwatch;
+exports.ColorPickerTrigger = require_color_picker.ColorPickerTrigger;
 exports.Command = require_command.Command;
 exports.CommandDialog = require_command.CommandDialog;
 exports.CommandEmpty = require_command.CommandEmpty;
@@ -122,6 +134,12 @@ exports.FormItem = require_form.FormItem;
 exports.FormLabel = require_form.FormLabel;
 exports.FormMessage = require_form.FormMessage;
 exports.Input = require_input.Input;
+exports.InputGroup = require_input_group.InputGroup;
+exports.InputGroupAddon = require_input_group.InputGroupAddon;
+exports.InputGroupButton = require_input_group.InputGroupButton;
+exports.InputGroupInput = require_input_group.InputGroupInput;
+exports.InputGroupText = require_input_group.InputGroupText;
+exports.InputGroupTextarea = require_input_group.InputGroupTextarea;
 exports.Label = require_label.Label;
 exports.OrContinueWithSeparator = require_OrContinueWithSeparator.OrContinueWithSeparator;
 exports.Pagination = require_pagination.Pagination;
@@ -185,5 +203,7 @@ exports.TooltipTrigger = require_tooltip.TooltipTrigger;
 exports.badgeVariants = require_badge.badgeVariants;
 exports.buttonVariants = require_button.buttonVariants;
 exports.cn = require_utils.cn;
+exports.colorUtils = require_color_picker.colorUtils;
+exports.useColorPicker = require_color_picker.useStore;
 exports.useFileUpload = require_file_upload.useStore;
 exports.useFormField = require_form.useFormField;

package/dist/index.d.cts

@@ -6,18 +6,20 @@ import { Button, buttonVariants } from "./components/ui/button.cjs";
 import { Calendar, CalendarDayButton } from "./components/ui/calendar.cjs";
 import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./components/ui/card.cjs";
 import { Checkbox } from "./components/ui/checkbox.cjs";
+import { Input } from "./components/ui/input.cjs";
+import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./components/ui/popover.cjs";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./components/ui/select.cjs";
+import { ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, ColorPickerProps, ColorPickerSwatch, ColorPickerTrigger, colorUtils, useStore } from "./components/ui/color-picker.cjs";
 import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./components/ui/dialog.cjs";
 import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./components/ui/command.cjs";
 import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./components/ui/dropdown-menu.cjs";
-import { FileUploadClear, FileUploadDropzone, FileUploadItem, FileUploadItemDelete, FileUploadItemMetadata, FileUploadItemPreview, FileUploadItemProgress, FileUploadList, FileUploadRoot, FileUploadRootProps, FileUploadTrigger, useStore } from "./components/ui/file-upload.cjs";
+import { FileUploadClear, FileUploadDropzone, FileUploadItem, FileUploadItemDelete, FileUploadItemMetadata, FileUploadItemPreview, FileUploadItemProgress, FileUploadList, FileUploadRoot, FileUploadRootProps, FileUploadTrigger, useStore as useStore$1 } from "./components/ui/file-upload.cjs";
 import { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from "./components/ui/form.cjs";
-import { Input } from "./components/ui/input.cjs";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./components/ui/input-group.cjs";
 import { Label } from "./components/ui/label.cjs";
 import { OrContinueWithSeparator } from "./components/ui/OrContinueWithSeparator.cjs";
 import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./components/ui/pagination.cjs";
-import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./components/ui/popover.cjs";
 import { RadioGroup, RadioGroupItem } from "./components/ui/radio-group.cjs";
-import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./components/ui/select.cjs";
 import { Separator } from "./components/ui/separator.cjs";
 import { Tags, TagsContent, TagsContentProps, TagsEmpty, TagsEmptyProps, TagsGroup, TagsGroupProps, TagsInput, TagsInputProps, TagsItem, TagsItemProps, TagsList, TagsListProps, TagsProps, TagsTrigger, TagsTriggerProps, TagsValue, TagsValueProps } from "./components/ui/shadcn-io/tags/index.cjs";
 import { TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot } from "./components/ui/shadcn-io/tags-input-inline/index.cjs";
@@ -30,4 +32,4 @@ import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./comp
 import "./components/index.cjs";
 import { cn } from "./lib/utils.cjs";
 import "./lib/index.cjs";
-export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, FileUploadClear as Clear, FileUploadClear, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileUploadDropzone as Dropzone, FileUploadDropzone, FileUploadRoot as FileUpload, FileUploadRoot as Root, FileUploadItem, FileUploadItem as Item, FileUploadItemDelete, FileUploadItemDelete as ItemDelete, FileUploadItemMetadata, FileUploadItemMetadata as ItemMetadata, FileUploadItemPreview, FileUploadItemPreview as ItemPreview, FileUploadItemProgress, FileUploadItemProgress as ItemProgress, FileUploadList, FileUploadList as List, FileUploadRootProps as FileUploadProps, FileUploadTrigger, FileUploadTrigger as Trigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Input, Label, OrContinueWithSeparator, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Slider, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Tags, TagsContent, TagsContentProps, TagsEmpty, TagsEmptyProps, TagsGroup, TagsGroupProps, TagsInput, TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot, TagsInputProps, TagsItem, TagsItemProps, TagsList, TagsListProps, TagsProps, TagsTrigger, TagsTriggerProps, TagsValue, TagsValueProps, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, useStore as useFileUpload, useFormField };
+export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, FileUploadClear as Clear, FileUploadClear, ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, ColorPickerProps, ColorPickerSwatch, ColorPickerTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileUploadDropzone as Dropzone, FileUploadDropzone, FileUploadRoot as FileUpload, FileUploadRoot as Root, FileUploadItem, FileUploadItem as Item, FileUploadItemDelete, FileUploadItemDelete as ItemDelete, FileUploadItemMetadata, FileUploadItemMetadata as ItemMetadata, FileUploadItemPreview, FileUploadItemPreview as ItemPreview, FileUploadItemProgress, FileUploadItemProgress as ItemProgress, FileUploadList, FileUploadList as List, FileUploadRootProps as FileUploadProps, FileUploadTrigger, FileUploadTrigger as Trigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Label, OrContinueWithSeparator, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Slider, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Tags, TagsContent, TagsContentProps, TagsEmpty, TagsEmptyProps, TagsGroup, TagsGroupProps, TagsInput, TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot, TagsInputProps, TagsItem, TagsItemProps, TagsList, TagsListProps, TagsProps, TagsTrigger, TagsTriggerProps, TagsValue, TagsValueProps, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, colorUtils, useStore as useColorPicker, useStore$1 as useFileUpload, useFormField };

package/dist/index.d.ts

@@ -6,18 +6,20 @@ import { Button, buttonVariants } from "./components/ui/button.js";
 import { Calendar, CalendarDayButton } from "./components/ui/calendar.js";
 import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./components/ui/card.js";
 import { Checkbox } from "./components/ui/checkbox.js";
+import { Input } from "./components/ui/input.js";
+import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./components/ui/popover.js";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./components/ui/select.js";
+import { ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, ColorPickerProps, ColorPickerSwatch, ColorPickerTrigger, colorUtils, useStore } from "./components/ui/color-picker.js";
 import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./components/ui/dialog.js";
 import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./components/ui/command.js";
 import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./components/ui/dropdown-menu.js";
-import { FileUploadClear, FileUploadDropzone, FileUploadItem, FileUploadItemDelete, FileUploadItemMetadata, FileUploadItemPreview, FileUploadItemProgress, FileUploadList, FileUploadRoot, FileUploadRootProps, FileUploadTrigger, useStore } from "./components/ui/file-upload.js";
+import { FileUploadClear, FileUploadDropzone, FileUploadItem, FileUploadItemDelete, FileUploadItemMetadata, FileUploadItemPreview, FileUploadItemProgress, FileUploadList, FileUploadRoot, FileUploadRootProps, FileUploadTrigger, useStore as useStore$1 } from "./components/ui/file-upload.js";
 import { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from "./components/ui/form.js";
-import { Input } from "./components/ui/input.js";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./components/ui/input-group.js";
 import { Label } from "./components/ui/label.js";
 import { OrContinueWithSeparator } from "./components/ui/OrContinueWithSeparator.js";
 import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./components/ui/pagination.js";
-import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./components/ui/popover.js";
 import { RadioGroup, RadioGroupItem } from "./components/ui/radio-group.js";
-import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./components/ui/select.js";
 import { Separator } from "./components/ui/separator.js";
 import { Tags, TagsContent, TagsContentProps, TagsEmpty, TagsEmptyProps, TagsGroup, TagsGroupProps, TagsInput, TagsInputProps, TagsItem, TagsItemProps, TagsList, TagsListProps, TagsProps, TagsTrigger, TagsTriggerProps, TagsValue, TagsValueProps } from "./components/ui/shadcn-io/tags/index.js";
 import { TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot } from "./components/ui/shadcn-io/tags-input-inline/index.js";
@@ -30,4 +32,4 @@ import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./comp
 import "./components/index.js";
 import { cn } from "./lib/utils.js";
 import "./lib/index.js";
-export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, FileUploadClear as Clear, FileUploadClear, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileUploadDropzone as Dropzone, FileUploadDropzone, FileUploadRoot as FileUpload, FileUploadRoot as Root, FileUploadItem, FileUploadItem as Item, FileUploadItemDelete, FileUploadItemDelete as ItemDelete, FileUploadItemMetadata, FileUploadItemMetadata as ItemMetadata, FileUploadItemPreview, FileUploadItemPreview as ItemPreview, FileUploadItemProgress, FileUploadItemProgress as ItemProgress, FileUploadList, FileUploadList as List, FileUploadRootProps as FileUploadProps, FileUploadTrigger, FileUploadTrigger as Trigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Input, Label, OrContinueWithSeparator, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Slider, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Tags, TagsContent, TagsContentProps, TagsEmpty, TagsEmptyProps, TagsGroup, TagsGroupProps, TagsInput, TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot, TagsInputProps, TagsItem, TagsItemProps, TagsList, TagsListProps, TagsProps, TagsTrigger, TagsTriggerProps, TagsValue, TagsValueProps, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, useStore as useFileUpload, useFormField };
+export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, FileUploadClear as Clear, FileUploadClear, ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, ColorPickerProps, ColorPickerSwatch, ColorPickerTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileUploadDropzone as Dropzone, FileUploadDropzone, FileUploadRoot as FileUpload, FileUploadRoot as Root, FileUploadItem, FileUploadItem as Item, FileUploadItemDelete, FileUploadItemDelete as ItemDelete, FileUploadItemMetadata, FileUploadItemMetadata as ItemMetadata, FileUploadItemPreview, FileUploadItemPreview as ItemPreview, FileUploadItemProgress, FileUploadItemProgress as ItemProgress, FileUploadList, FileUploadList as List, FileUploadRootProps as FileUploadProps, FileUploadTrigger, FileUploadTrigger as Trigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Label, OrContinueWithSeparator, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Slider, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Tags, TagsContent, TagsContentProps, TagsEmpty, TagsEmptyProps, TagsGroup, TagsGroupProps, TagsInput, TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot, TagsInputProps, TagsItem, TagsItemProps, TagsList, TagsListProps, TagsProps, TagsTrigger, TagsTriggerProps, TagsValue, TagsValueProps, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, colorUtils, useStore as useColorPicker, useStore$1 as useFileUpload, useFormField };