@pixpilot/shadcn 0.1.0

package/dist/sheet-B3Ak6LSw.d.ts

@@ -0,0 +1,40 @@
+import * as React from "react";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import * as react_jsx_runtime31 from "react/jsx-runtime";
+
+//#region src/components/ui/sheet.d.ts
+declare function Sheet({
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Root>): react_jsx_runtime31.JSX.Element;
+declare function SheetTrigger({
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Trigger>): react_jsx_runtime31.JSX.Element;
+declare function SheetClose({
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Close>): react_jsx_runtime31.JSX.Element;
+declare function SheetContent({
+  className,
+  children,
+  side,
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Content> & {
+  side?: 'top' | 'right' | 'bottom' | 'left';
+}): react_jsx_runtime31.JSX.Element;
+declare function SheetHeader({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react_jsx_runtime31.JSX.Element;
+declare function SheetFooter({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react_jsx_runtime31.JSX.Element;
+declare function SheetTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Title>): react_jsx_runtime31.JSX.Element;
+declare function SheetDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Description>): react_jsx_runtime31.JSX.Element;
+//#endregion
+export { SheetFooter as a, SheetTrigger as c, SheetDescription as i, SheetClose as n, SheetHeader as o, SheetContent as r, SheetTitle as s, Sheet as t };

package/dist/sheet-BlZGrRNt.js

@@ -0,0 +1,84 @@
+import { n as __toESM, t as require_jsx_runtime } from "./jsx-runtime-CjFsk39Z.js";
+import { t as cn } from "./utils-D2WOFi-N.js";
+import "react";
+import { XIcon } from "lucide-react";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+
+//#region src/components/ui/sheet.tsx
+var import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime());
+function Sheet({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetPrimitive.Root, {
+		"data-slot": "sheet",
+		...props
+	});
+}
+function SheetTrigger({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetPrimitive.Trigger, {
+		"data-slot": "sheet-trigger",
+		...props
+	});
+}
+function SheetClose({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetPrimitive.Close, {
+		"data-slot": "sheet-close",
+		...props
+	});
+}
+function SheetPortal({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetPrimitive.Portal, {
+		"data-slot": "sheet-portal",
+		...props
+	});
+}
+function SheetOverlay({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetPrimitive.Overlay, {
+		"data-slot": "sheet-overlay",
+		className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className),
+		...props
+	});
+}
+function SheetContent({ className, children, side = "right", ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SheetPortal, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetOverlay, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SheetPrimitive.Content, {
+		"data-slot": "sheet-content",
+		className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", className),
+		...props,
+		children: [children, /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SheetPrimitive.Close, {
+			className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(XIcon, { className: "size-4" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "sr-only",
+				children: "Close"
+			})]
+		})]
+	})] });
+}
+function SheetHeader({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "sheet-header",
+		className: cn("flex flex-col gap-1.5 p-4", className),
+		...props
+	});
+}
+function SheetFooter({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "sheet-footer",
+		className: cn("mt-auto flex flex-col gap-2 p-4", className),
+		...props
+	});
+}
+function SheetTitle({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetPrimitive.Title, {
+		"data-slot": "sheet-title",
+		className: cn("text-foreground font-semibold", className),
+		...props
+	});
+}
+function SheetDescription({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetPrimitive.Description, {
+		"data-slot": "sheet-description",
+		className: cn("text-muted-foreground text-sm", className),
+		...props
+	});
+}
+
+//#endregion
+export { SheetFooter as a, SheetTrigger as c, SheetDescription as i, SheetClose as n, SheetHeader as o, SheetContent as r, SheetTitle as s, Sheet as t };

package/dist/slider-CdK5O4pc.js

@@ -0,0 +1,38 @@
+import { n as __toESM, t as require_jsx_runtime } from "./jsx-runtime-CjFsk39Z.js";
+import { t as cn } from "./utils-D2WOFi-N.js";
+import * as React from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+
+//#region src/components/ui/slider.tsx
+var import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime());
+function Slider({ className, defaultValue, value, min = 0, max = 100, ...props }) {
+	const _values = React.useMemo(() => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max], [
+		value,
+		defaultValue,
+		min,
+		max
+	]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SliderPrimitive.Root, {
+		"data-slot": "slider",
+		defaultValue,
+		value,
+		min,
+		max,
+		className: cn("relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", className),
+		...props,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderPrimitive.Track, {
+			"data-slot": "slider-track",
+			className: cn("bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"),
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderPrimitive.Range, {
+				"data-slot": "slider-range",
+				className: cn("bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full")
+			})
+		}), Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderPrimitive.Thumb, {
+			"data-slot": "slider-thumb",
+			className: "border-primary ring-ring/50 block size-4 shrink-0 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
+		}, index))]
+	});
+}
+
+//#endregion
+export { Slider as t };

package/dist/slider-D8tCfiZV.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import * as react_jsx_runtime133 from "react/jsx-runtime";
+
+//#region src/components/ui/slider.d.ts
+declare function Slider({
+  className,
+  defaultValue,
+  value,
+  min,
+  max,
+  ...props
+}: React.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime133.JSX.Element;
+//#endregion
+export { Slider as t };

package/dist/src-DQlJgy1h.js

@@ -0,0 +1,157 @@
+import { n as __toESM, t as require_jsx_runtime } from "./jsx-runtime-CjFsk39Z.js";
+import { t as cn } from "./utils-D2WOFi-N.js";
+import { n as buttonVariants } from "./button-CoM3CepB.js";
+import "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
+
+//#region src/components/ui/alert-dialog.tsx
+var import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime());
+function AlertDialog({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogPrimitive.Root, {
+		"data-slot": "alert-dialog",
+		...props
+	});
+}
+function AlertDialogTrigger({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogPrimitive.Trigger, {
+		"data-slot": "alert-dialog-trigger",
+		...props
+	});
+}
+function AlertDialogPortal({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogPrimitive.Portal, {
+		"data-slot": "alert-dialog-portal",
+		...props
+	});
+}
+function AlertDialogOverlay({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogPrimitive.Overlay, {
+		"data-slot": "alert-dialog-overlay",
+		className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className),
+		...props
+	});
+}
+function AlertDialogContent({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDialogPortal, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogOverlay, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogPrimitive.Content, {
+		"data-slot": "alert-dialog-content",
+		className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", className),
+		...props
+	})] });
+}
+function AlertDialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "alert-dialog-header",
+		className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+		...props
+	});
+}
+function AlertDialogFooter({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "alert-dialog-footer",
+		className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+		...props
+	});
+}
+function AlertDialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogPrimitive.Title, {
+		"data-slot": "alert-dialog-title",
+		className: cn("text-lg font-semibold", className),
+		...props
+	});
+}
+function AlertDialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogPrimitive.Description, {
+		"data-slot": "alert-dialog-description",
+		className: cn("text-muted-foreground text-sm", className),
+		...props
+	});
+}
+function AlertDialogAction({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogPrimitive.Action, {
+		className: cn(buttonVariants(), className),
+		...props
+	});
+}
+function AlertDialogCancel({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogPrimitive.Cancel, {
+		className: cn(buttonVariants({ variant: "outline" }), className),
+		...props
+	});
+}
+
+//#endregion
+//#region src/components/ui/pagination.tsx
+function Pagination({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", {
+		role: "navigation",
+		"aria-label": "pagination",
+		"data-slot": "pagination",
+		className: cn("mx-auto flex w-full justify-center", className),
+		...props
+	});
+}
+function PaginationContent({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
+		"data-slot": "pagination-content",
+		className: cn("flex flex-row items-center gap-1", className),
+		...props
+	});
+}
+function PaginationItem({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", {
+		"data-slot": "pagination-item",
+		...props
+	});
+}
+function PaginationLink({ className, isActive, size = "icon", ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
+		"aria-current": isActive ? "page" : void 0,
+		"data-slot": "pagination-link",
+		"data-active": isActive,
+		className: cn(buttonVariants({
+			variant: isActive ? "outline" : "ghost",
+			size
+		}), className),
+		...props
+	});
+}
+function PaginationPrevious({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(PaginationLink, {
+		"aria-label": "Go to previous page",
+		size: "default",
+		className: cn("gap-1 px-2.5 sm:pl-2.5", className),
+		...props,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronLeftIcon, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: "hidden sm:block",
+			children: "Previous"
+		})]
+	});
+}
+function PaginationNext({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(PaginationLink, {
+		"aria-label": "Go to next page",
+		size: "default",
+		className: cn("gap-1 px-2.5 sm:pr-2.5", className),
+		...props,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: "hidden sm:block",
+			children: "Next"
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronRightIcon, {})]
+	});
+}
+function PaginationEllipsis({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+		"aria-hidden": true,
+		"data-slot": "pagination-ellipsis",
+		className: cn("flex size-9 items-center justify-center", className),
+		...props,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MoreHorizontalIcon, { className: "size-4" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: "sr-only",
+			children: "More pages"
+		})]
+	});
+}
+
+//#endregion
+export { AlertDialogTitle as _, PaginationLink as a, AlertDialog as c, AlertDialogContent as d, AlertDialogDescription as f, AlertDialogPortal as g, AlertDialogOverlay as h, PaginationItem as i, AlertDialogAction as l, AlertDialogHeader as m, PaginationContent as n, PaginationNext as o, AlertDialogFooter as p, PaginationEllipsis as r, PaginationPrevious as s, Pagination as t, AlertDialogCancel as u, AlertDialogTrigger as v };

package/dist/switch-Bz5Iiy2_.js

@@ -0,0 +1,21 @@
+import { n as __toESM, t as require_jsx_runtime } from "./jsx-runtime-CjFsk39Z.js";
+import { t as cn } from "./utils-D2WOFi-N.js";
+import "react";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+
+//#region src/components/ui/switch.tsx
+var import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime());
+function Switch({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchPrimitive.Root, {
+		"data-slot": "switch",
+		className: cn("peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
+		...props,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchPrimitive.Thumb, {
+			"data-slot": "switch-thumb",
+			className: cn("bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0")
+		})
+	});
+}
+
+//#endregion
+export { Switch as t };

package/dist/switch-DXaptB6g.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+import * as react_jsx_runtime98 from "react/jsx-runtime";
+
+//#region src/components/ui/switch.d.ts
+declare function Switch({
+  className,
+  ...props
+}: React.ComponentProps<typeof SwitchPrimitive.Root>): react_jsx_runtime98.JSX.Element;
+//#endregion
+export { Switch as t };

package/dist/tabs-B0X-LEdY.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import * as react_jsx_runtime93 from "react/jsx-runtime";
+
+//#region src/components/ui/tabs.d.ts
+declare function Tabs({
+  className,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.Root>): react_jsx_runtime93.JSX.Element;
+declare function TabsList({
+  className,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.List>): react_jsx_runtime93.JSX.Element;
+declare function TabsTrigger({
+  className,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.Trigger>): react_jsx_runtime93.JSX.Element;
+declare function TabsContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime93.JSX.Element;
+//#endregion
+export { TabsTrigger as i, TabsContent as n, TabsList as r, Tabs as t };

package/dist/tabs-BjolTUEI.js

@@ -0,0 +1,38 @@
+import { n as __toESM, t as require_jsx_runtime } from "./jsx-runtime-CjFsk39Z.js";
+import { t as cn } from "./utils-D2WOFi-N.js";
+import "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+
+//#region src/components/ui/tabs.tsx
+var import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime());
+function Tabs({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsPrimitive.Root, {
+		"data-slot": "tabs",
+		className: cn("flex flex-col gap-2", className),
+		...props
+	});
+}
+function TabsList({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.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),
+		...props
+	});
+}
+function TabsTrigger({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.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),
+		...props
+	});
+}
+function TabsContent({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsPrimitive.Content, {
+		"data-slot": "tabs-content",
+		className: cn("flex-1 outline-none", className),
+		...props
+	});
+}
+
+//#endregion
+export { TabsTrigger as i, TabsContent as n, TabsList as r, Tabs as t };

package/dist/tags-BnJCu0NQ.js

@@ -0,0 +1,131 @@
+import { n as __toESM, t as require_jsx_runtime } from "./jsx-runtime-CjFsk39Z.js";
+import { t as cn } from "./utils-D2WOFi-N.js";
+import { t as Badge } from "./badge-ChGpGKfr.js";
+import { t as Button } from "./button-CoM3CepB.js";
+import { a as CommandInput, i as CommandGroup, o as CommandItem, r as CommandEmpty, s as CommandList, t as Command } from "./command-BzJMrpFw.js";
+import { i as PopoverTrigger, r as PopoverContent, t as Popover } from "./popover-CV48KL0e.js";
+import { createContext, use, useEffect, useRef, useState } from "react";
+import { XIcon } from "lucide-react";
+
+//#region src/components/ui/shadcn-io/tags/index.tsx
+var import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime());
+const TagsContext = createContext({
+	value: void 0,
+	setValue: void 0,
+	open: false,
+	onOpenChange: () => {},
+	width: void 0,
+	setWidth: void 0
+});
+function useTagsContext() {
+	const context = use(TagsContext);
+	if (!context) throw new Error("useTagsContext must be used within a TagsProvider");
+	return context;
+}
+function Tags({ value, setValue, open: controlledOpen, onOpenChange: controlledOnOpenChange, children, className }) {
+	const [uncontrolledOpen, setUncontrolledOpen] = useState(false);
+	const [width, setWidth] = useState();
+	const ref = useRef(null);
+	const open = controlledOpen ?? uncontrolledOpen;
+	const onOpenChange = controlledOnOpenChange ?? setUncontrolledOpen;
+	useEffect(() => {
+		if (!ref.current) return;
+		const resizeObserver = new ResizeObserver((entries) => {
+			if (entries[0]) setWidth(entries[0].contentRect.width);
+		});
+		resizeObserver.observe(ref.current);
+		return () => {
+			resizeObserver.disconnect();
+		};
+	}, []);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TagsContext.Provider, {
+		value: {
+			value,
+			setValue,
+			open,
+			onOpenChange,
+			width,
+			setWidth
+		},
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Popover, {
+			onOpenChange,
+			open,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: cn("relative w-full", className),
+				ref,
+				children
+			})
+		})
+	});
+}
+function TagsTrigger({ className, children, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+			className: cn("h-auto w-full justify-between p-2", className),
+			role: "combobox",
+			variant: "outline",
+			...props,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex flex-wrap items-center gap-1",
+				children: [children, /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "px-2 py-px text-muted-foreground",
+					children: "Select a tag..."
+				})]
+			})
+		})
+	});
+}
+function TagsValue({ className, children, onRemove, ...props }) {
+	const handleRemove = (event) => {
+		event.preventDefault();
+		event.stopPropagation();
+		onRemove?.();
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Badge, {
+		className: cn("flex items-center gap-2", className),
+		...props,
+		children: [children, onRemove && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "size-auto cursor-pointer hover:text-muted-foreground",
+			onClick: handleRemove,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(XIcon, { size: 12 })
+		})]
+	});
+}
+function TagsContent({ className, children, ...props }) {
+	const { width } = useTagsContext();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverContent, {
+		className: cn("p-0", className),
+		style: { width },
+		...props,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Command, { children })
+	});
+}
+function TagsInput({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommandInput, {
+		className: cn("h-9", className),
+		...props
+	});
+}
+function TagsList({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommandList, {
+		className: cn("max-h-[200px]", className),
+		...props
+	});
+}
+function TagsEmpty({ children, className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommandEmpty, {
+		...props,
+		children: children ?? "No tags found."
+	});
+}
+const TagsGroup = CommandGroup;
+function TagsItem({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommandItem, {
+		className: cn("cursor-pointer items-center justify-between", className),
+		...props
+	});
+}
+
+//#endregion
+export { TagsInput as a, TagsTrigger as c, TagsGroup as i, TagsValue as l, TagsContent as n, TagsItem as o, TagsEmpty as r, TagsList as s, Tags as t };

package/dist/tags-input-inline-DnEu3Dyw.js

@@ -0,0 +1,58 @@
+import { n as __toESM, t as require_jsx_runtime } from "./jsx-runtime-CjFsk39Z.js";
+import { t as cn } from "./utils-D2WOFi-N.js";
+import { X } from "lucide-react";
+import * as TagsInputPrimitive from "@diceui/tags-input";
+
+//#region src/components/ui/shadcn-io/tags-input-inline/index.tsx
+var import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime());
+function TagsInputInLineRoot({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TagsInputPrimitive.Root, {
+		"data-slot": "tags-input",
+		className: cn("flex w-full flex-col", className),
+		...props
+	});
+}
+function TagsInputInLineLabel({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TagsInputPrimitive.Label, {
+		"data-slot": "tags-input-label",
+		className: cn("font-medium text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", className),
+		...props
+	});
+}
+function TagsInputInLineList({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "tags-input-list",
+		className: cn("flex min-h-10 w-full flex-wrap items-center gap-1.5 rounded-md border border-input bg-background px-3 py-2 text-sm focus-within:ring-1 focus-within:ring-ring disabled:cursor-not-allowed disabled:opacity-50", className),
+		...props
+	});
+}
+function TagsInputInLineInput({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TagsInputPrimitive.Input, {
+		"data-slot": "tags-input-input",
+		className: cn("flex-1 bg-transparent outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50", className),
+		...props
+	});
+}
+function TagsInputInLineItem({ className, children, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TagsInputPrimitive.Item, {
+		"data-slot": "tags-input-item",
+		className: cn("inline-flex max-w-[calc(100%-8px)] items-center gap-1.5 rounded border bg-transparent px-2.5 py-1 text-sm focus:outline-hidden data-disabled:cursor-not-allowed data-editable:select-none data-editing:bg-transparent data-disabled:opacity-50 data-editing:ring-1 data-editing:ring-ring [&:not([data-editing])]:pr-1.5 [&[data-highlighted]:not([data-editing])]:bg-accent [&[data-highlighted]:not([data-editing])]:text-accent-foreground", className),
+		...props,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TagsInputPrimitive.ItemText, {
+			className: "truncate",
+			children
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TagsInputPrimitive.ItemDelete, {
+			className: "size-4 shrink-0 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(X, { className: "size-3.5" })
+		})]
+	});
+}
+function TagsInputInLineClear({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TagsInputPrimitive.Clear, {
+		"data-slot": "tags-input-clear",
+		...props
+	});
+}
+
+//#endregion
+export { TagsInputInLineList as a, TagsInputInLineLabel as i, TagsInputInLineInput as n, TagsInputInLineRoot as o, TagsInputInLineItem as r, TagsInputInLineClear as t };

package/dist/textarea-09eXlo5q.d.ts

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

package/dist/textarea-BNZyZgAM.js

@@ -0,0 +1,16 @@
+import { n as __toESM, t as require_jsx_runtime } from "./jsx-runtime-CjFsk39Z.js";
+import { t as cn } from "./utils-D2WOFi-N.js";
+import "react";
+
+//#region src/components/ui/textarea.tsx
+var import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime());
+function Textarea({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", {
+		"data-slot": "textarea",
+		className: cn("border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className),
+		...props
+	});
+}
+
+//#endregion
+export { Textarea as t };