@alpic-ai/ui 0.0.0

package/dist/components/sonner.mjs

@@ -0,0 +1,76 @@
+"use client";
+import { Button } from "./button.mjs";
+import { CheckCircle2, Info, Loader2, TriangleAlert, X } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Toaster as Toaster$1, toast } from "sonner";
+//#region src/components/sonner.tsx
+function Toaster(props) {
+	return /* @__PURE__ */ jsx(Toaster$1, {
+		className: "toaster group",
+		icons: {
+			success: /* @__PURE__ */ jsx(CheckCircle2, { className: "size-5 text-badge-success" }),
+			error: /* @__PURE__ */ jsx(TriangleAlert, { className: "size-5 text-destructive" }),
+			warning: /* @__PURE__ */ jsx(TriangleAlert, { className: "size-5 text-badge-warning" }),
+			info: /* @__PURE__ */ jsx(Info, { className: "size-5 text-foreground" }),
+			loading: /* @__PURE__ */ jsx(Loader2, { className: "size-5 text-muted-foreground motion-safe:animate-spin" }),
+			close: /* @__PURE__ */ jsx(X, { className: "size-3.5" })
+		},
+		toastOptions: {
+			unstyled: true,
+			classNames: {
+				toast: [
+					"group toast w-full",
+					"flex items-start gap-3 rounded-lg border border-border bg-background p-4 shadow-md",
+					"type-text-sm text-foreground"
+				].join(" "),
+				title: "font-semibold",
+				description: "text-muted-foreground type-text-sm mt-0.5",
+				closeButton: [
+					"!static !transform-none shrink-0 ml-auto -mr-1 -mt-1",
+					"flex items-center justify-center size-6 rounded-sm",
+					"text-muted-foreground",
+					"[@media(hover:hover)]:hover:text-foreground",
+					"transition-colors"
+				].join(" ")
+			}
+		},
+		...props
+	});
+}
+function ActionToast({ toastId, title, description, onDismiss, confirm }) {
+	const handleDismiss = () => {
+		onDismiss?.();
+		toast.dismiss(toastId);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-4",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-1",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "type-text-lg font-semibold leading-none",
+				children: title
+			}), /* @__PURE__ */ jsx("p", {
+				className: "type-text-sm text-muted-foreground",
+				children: description
+			})]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+			children: [/* @__PURE__ */ jsx(Button, {
+				variant: "secondary",
+				disabled: confirm.loading,
+				onClick: handleDismiss,
+				icon: /* @__PURE__ */ jsx(X, {}),
+				children: "Dismiss"
+			}), /* @__PURE__ */ jsx(Button, {
+				variant: "primary",
+				loading: confirm.loading,
+				disabled: confirm.disabled,
+				onClick: confirm.onClick,
+				icon: confirm.icon,
+				children: confirm.label
+			})]
+		})]
+	});
+}
+//#endregion
+export { ActionToast, Toaster, toast };

package/dist/components/spinner.d.mts

@@ -0,0 +1,30 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as _$class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/spinner.d.ts
+declare const spinnerVariants: (props?: ({
+  variant?: "secondary" | "primary" | null | undefined;
+  size?: "sm" | "lg" | "md" | "xl" | null | undefined;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+interface SpinnerProps extends Omit<React.ComponentProps<"svg">, "children">, VariantProps<typeof spinnerVariants> {}
+declare function Spinner({
+  className,
+  variant,
+  size,
+  ...props
+}: SpinnerProps): _$react_jsx_runtime0.JSX.Element;
+interface SpinnerBlockProps extends VariantProps<typeof spinnerVariants> {
+  className?: string;
+  fullscreen?: boolean;
+  withLabel?: boolean;
+}
+declare function SpinnerBlock({
+  className,
+  variant,
+  size,
+  fullscreen,
+  withLabel
+}: SpinnerBlockProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Spinner, SpinnerBlock, type SpinnerBlockProps, type SpinnerProps, spinnerVariants };

package/dist/components/spinner.mjs

@@ -0,0 +1,46 @@
+"use client";
+import { cn } from "../lib/cn.mjs";
+import { Loader } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/components/spinner.tsx
+const spinnerVariants = cva("motion-safe:animate-spin", {
+	variants: {
+		variant: {
+			primary: "text-primary",
+			secondary: "text-muted-foreground"
+		},
+		size: {
+			sm: "size-3.5",
+			md: "size-4",
+			lg: "size-5",
+			xl: "size-8"
+		}
+	},
+	defaultVariants: {
+		variant: "primary",
+		size: "md"
+	}
+});
+function Spinner({ className, variant, size, ...props }) {
+	return /* @__PURE__ */ jsx(Loader, {
+		role: "status",
+		"aria-label": "Loading",
+		className: cn(spinnerVariants({
+			variant,
+			size
+		}), className),
+		...props
+	});
+}
+function SpinnerBlock({ className, variant, size, fullscreen, withLabel }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex items-center justify-center", fullscreen ? "min-h-screen" : "py-6", withLabel && "gap-2 text-muted-foreground", className),
+		children: [/* @__PURE__ */ jsx(Spinner, {
+			variant,
+			size
+		}), withLabel && /* @__PURE__ */ jsx("span", { children: "Loading..." })]
+	});
+}
+//#endregion
+export { Spinner, SpinnerBlock, spinnerVariants };

package/dist/components/status-dot.d.mts

@@ -0,0 +1,19 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as _$class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/status-dot.d.ts
+declare const statusDotVariants: (props?: ({
+  variant?: "success" | "warning" | "destructive" | "muted" | null | undefined;
+  pulse?: boolean | null | undefined;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+interface StatusDotProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof statusDotVariants> {}
+declare function StatusDot({
+  className,
+  variant,
+  pulse,
+  ...props
+}: StatusDotProps): _$react_jsx_runtime0.JSX.Element;
+type StatusDotVariantProps = Required<Pick<VariantProps<typeof statusDotVariants>, "variant" | "pulse">>;
+//#endregion
+export { StatusDot, type StatusDotVariantProps, statusDotVariants };

package/dist/components/status-dot.mjs

@@ -0,0 +1,34 @@
+"use client";
+import { cn } from "../lib/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/components/status-dot.tsx
+const statusDotVariants = cva("size-2.5 rounded-full", {
+	variants: {
+		variant: {
+			success: "bg-success",
+			destructive: "bg-destructive",
+			warning: "bg-warning",
+			muted: "bg-muted-foreground"
+		},
+		pulse: {
+			true: "animate-pulse",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		variant: "muted",
+		pulse: false
+	}
+});
+function StatusDot({ className, variant, pulse, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(statusDotVariants({
+			variant,
+			pulse
+		}), className),
+		...props
+	});
+}
+//#endregion
+export { StatusDot, statusDotVariants };

package/dist/components/switch.d.mts

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

package/dist/components/switch.mjs

@@ -0,0 +1,18 @@
+"use client";
+import { cn } from "../lib/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+//#region src/components/switch.tsx
+function Switch({ className, ...props }) {
+	return /* @__PURE__ */ jsx(SwitchPrimitive.Root, {
+		"data-slot": "switch",
+		className: cn("peer inline-flex h-5 w-9 shrink-0 items-center rounded-full p-0.5", "bg-subtle data-[state=checked]:not-disabled:bg-primary", "transition-colors", "outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", "disabled:pointer-events-none disabled:opacity-50", className),
+		...props,
+		children: /* @__PURE__ */ jsx(SwitchPrimitive.Thumb, {
+			"data-slot": "switch-thumb",
+			className: cn("pointer-events-none block size-4 rounded-full bg-primary-foreground shadow-xs", "transition-transform data-[state=unchecked]:translate-x-0 data-[state=checked]:translate-x-4")
+		})
+	});
+}
+//#endregion
+export { Switch };

package/dist/components/table.d.mts

@@ -0,0 +1,38 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React from "react";
+
+//#region src/components/table.d.ts
+declare function Table({
+  className,
+  ...props
+}: React.ComponentProps<"table">): _$react_jsx_runtime0.JSX.Element;
+declare function TableHeader({
+  className,
+  ...props
+}: React.ComponentProps<"thead">): _$react_jsx_runtime0.JSX.Element;
+declare function TableBody({
+  className,
+  ...props
+}: React.ComponentProps<"tbody">): _$react_jsx_runtime0.JSX.Element;
+declare function TableFooter({
+  className,
+  ...props
+}: React.ComponentProps<"tfoot">): _$react_jsx_runtime0.JSX.Element;
+declare function TableRow({
+  className,
+  ...props
+}: React.ComponentProps<"tr">): _$react_jsx_runtime0.JSX.Element;
+declare function TableHead({
+  className,
+  ...props
+}: React.ComponentProps<"th">): _$react_jsx_runtime0.JSX.Element;
+declare function TableCell({
+  className,
+  ...props
+}: React.ComponentProps<"td">): _$react_jsx_runtime0.JSX.Element;
+declare function TableCaption({
+  className,
+  ...props
+}: React.ComponentProps<"caption">): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/components/table.mjs

@@ -0,0 +1,65 @@
+"use client";
+import { cn } from "../lib/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/table.tsx
+function Table({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "relative w-full overflow-auto rounded-xl border border-border-secondary bg-background",
+		children: /* @__PURE__ */ jsx("table", {
+			"data-slot": "table",
+			className: cn("w-full caption-bottom type-text-sm", className),
+			...props
+		})
+	});
+}
+function TableHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("thead", {
+		"data-slot": "table-header",
+		className: cn("[&_tr]:border-b [&_tr]:border-border-secondary", className),
+		...props
+	});
+}
+function TableBody({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tbody", {
+		"data-slot": "table-body",
+		className: cn("[&_tr:last-child]:border-0", className),
+		...props
+	});
+}
+function TableFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tfoot", {
+		"data-slot": "table-footer",
+		className: cn("border-t border-border-secondary type-text-sm font-medium [&>tr]:last:border-b-0", className),
+		...props
+	});
+}
+function TableRow({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tr", {
+		"data-slot": "table-row",
+		className: cn("border-b border-border-secondary transition-colors", "data-[state=selected]:bg-muted", "[@media(hover:hover)]:hover:bg-background-hover dark:[@media(hover:hover)]:hover:bg-muted", "[@media(hover:hover)]:[&:hover_button:hover]:bg-subtle", className),
+		...props
+	});
+}
+function TableHead({ className, ...props }) {
+	return /* @__PURE__ */ jsx("th", {
+		"data-slot": "table-head",
+		className: cn("h-11 px-6 py-3 bg-muted text-left align-middle type-text-xs font-semibold text-placeholder dark:text-subtle-foreground whitespace-nowrap", "[&:has([role=checkbox])]:w-px [&:has([role=checkbox])]:pr-3", className),
+		...props
+	});
+}
+function TableCell({ className, ...props }) {
+	return /* @__PURE__ */ jsx("td", {
+		"data-slot": "table-cell",
+		className: cn("px-6 py-2 align-middle", "[&:has([role=checkbox])]:w-px [&:has([role=checkbox])]:pr-3", className),
+		...props
+	});
+}
+function TableCaption({ className, ...props }) {
+	return /* @__PURE__ */ jsx("caption", {
+		"data-slot": "table-caption",
+		className: cn("mt-4 type-text-sm text-muted-foreground", className),
+		...props
+	});
+}
+//#endregion
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/components/tabs.d.mts

@@ -0,0 +1,58 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import * as _$class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/tabs.d.ts
+declare const tabsTriggerVariants: (props?: ({
+  variant?: "default" | "line" | "pill" | null | undefined;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+declare function Tabs({
+  className,
+  orientation,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.Root>): _$react_jsx_runtime0.JSX.Element;
+declare const tabsListVariants: (props?: ({
+  variant?: "default" | "line" | null | undefined;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+declare function TabsList({
+  className,
+  variant,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>): _$react_jsx_runtime0.JSX.Element;
+declare function TabsTrigger({
+  className,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.Trigger>): _$react_jsx_runtime0.JSX.Element;
+declare function TabsContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.Content>): _$react_jsx_runtime0.JSX.Element;
+type TabsNavVariant = "line" | "pill";
+type TabsNavOrientation = "horizontal" | "vertical";
+declare function TabsNav({
+  orientation,
+  variant,
+  className,
+  ...props
+}: React.ComponentProps<"nav"> & {
+  orientation?: TabsNavOrientation;
+  variant?: TabsNavVariant;
+}): _$react_jsx_runtime0.JSX.Element;
+declare function TabsNavList({
+  className,
+  ...props
+}: React.ComponentProps<"ul">): _$react_jsx_runtime0.JSX.Element;
+declare function TabsNavTrigger({
+  className,
+  active,
+  asChild,
+  children,
+  ...props
+}: React.ComponentProps<"a"> & {
+  active?: boolean;
+  asChild?: boolean;
+}): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Tabs, TabsContent, TabsList, TabsNav, TabsNavList, TabsNavTrigger, TabsTrigger, tabsListVariants, tabsTriggerVariants };

package/dist/components/tabs.mjs

@@ -0,0 +1,119 @@
+"use client";
+import { cn } from "../lib/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { createContext, use } from "react";
+import { Slot } from "@radix-ui/react-slot";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+//#region src/components/tabs.tsx
+const tabsTriggerVariants = cva([
+	"type-text-sm items-center gap-1.5 font-medium",
+	"disabled:pointer-events-none disabled:opacity-50",
+	"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+	"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+], {
+	variants: { variant: {
+		default: ["rounded-md border border-transparent px-2 py-1", "data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm"],
+		line: [
+			"h-8 pb-3 px-1",
+			"text-quaternary-foreground",
+			"[@media(hover:hover)]:hover:text-muted-foreground-hover",
+			"data-[state=active]:border-b-2 data-[state=active]:border-foreground data-[state=active]:text-foreground"
+		],
+		pill: [
+			"rounded-lg px-4 py-2",
+			"text-muted-foreground",
+			"[@media(hover:hover)]:hover:bg-accent [@media(hover:hover)]:hover:text-accent-foreground",
+			"data-[state=active]:bg-accent data-[state=active]:text-accent-foreground"
+		]
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Tabs({ className, orientation = "horizontal", ...props }) {
+	return /* @__PURE__ */ jsx(TabsPrimitive.Root, {
+		"data-slot": "tabs",
+		"data-orientation": orientation,
+		orientation,
+		className: cn("group/tabs flex gap-4", "data-[orientation=horizontal]:flex-col", "data-[orientation=vertical]:flex-row", className),
+		...props
+	});
+}
+const TabsListVariantContext = createContext("default");
+const tabsListVariants = cva("inline-flex w-fit items-center justify-center text-muted-foreground group-data-[orientation=vertical]/tabs:flex-col", {
+	variants: { variant: {
+		default: "rounded-lg bg-muted p-[3px] group-data-[orientation=horizontal]/tabs:h-9 group-data-[orientation=vertical]/tabs:bg-transparent group-data-[orientation=vertical]/tabs:p-0 group-data-[orientation=vertical]/tabs:rounded-none",
+		line: "gap-3 rounded-none bg-transparent border-b border-subtle group-data-[orientation=horizontal]/tabs:flex-wrap"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function TabsList({ className, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx(TabsListVariantContext, {
+		value: variant ?? "default",
+		children: /* @__PURE__ */ jsx(TabsPrimitive.List, {
+			"data-slot": "tabs-list",
+			className: cn(tabsListVariants({ variant }), className),
+			...props
+		})
+	});
+}
+function TabsTrigger({ className, ...props }) {
+	const variant = use(TabsListVariantContext);
+	return /* @__PURE__ */ jsx(TabsPrimitive.Trigger, {
+		"data-slot": "tabs-trigger",
+		className: cn(tabsTriggerVariants({ variant }), "relative inline-flex flex-1 justify-center whitespace-nowrap transition-all", "group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start", variant === "default" && [
+			"h-[calc(100%-1px)]",
+			"group-data-[orientation=vertical]/tabs:data-[state=active]:bg-muted group-data-[orientation=vertical]/tabs:data-[state=active]:shadow-none dark:group-data-[orientation=vertical]/tabs:data-[state=active]:bg-subtle",
+			"group-data-[orientation=vertical]/tabs:p-2"
+		], className),
+		...props
+	});
+}
+function TabsContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(TabsPrimitive.Content, {
+		"data-slot": "tabs-content",
+		className: cn("flex-1 outline-none", className),
+		...props
+	});
+}
+const TabsNavContext = createContext({
+	orientation: "horizontal",
+	variant: "line"
+});
+function TabsNav({ orientation = "horizontal", variant, className, ...props }) {
+	return /* @__PURE__ */ jsx(TabsNavContext, {
+		value: {
+			orientation,
+			variant: variant ?? (orientation === "vertical" ? "pill" : "line")
+		},
+		children: /* @__PURE__ */ jsx("nav", {
+			"data-slot": "tabs-nav",
+			"data-orientation": orientation,
+			className,
+			...props
+		})
+	});
+}
+function TabsNavList({ className, ...props }) {
+	const { orientation, variant } = use(TabsNavContext);
+	return /* @__PURE__ */ jsx("ul", {
+		"data-slot": "tabs-nav-list",
+		className: cn(orientation === "vertical" ? "flex flex-col gap-1" : "flex flex-wrap", variant === "line" && orientation === "horizontal" && "gap-3 border-b border-subtle", className),
+		...props
+	});
+}
+function TabsNavTrigger({ className, active = false, asChild = false, children, ...props }) {
+	const Comp = asChild ? Slot : "a";
+	const { variant } = use(TabsNavContext);
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "tabs-nav-trigger-item",
+		children: /* @__PURE__ */ jsx(Comp, {
+			"data-state": active ? "active" : "inactive",
+			className: cn(tabsTriggerVariants({ variant }), "flex transition-colors", variant === "line" && "cursor-pointer", className),
+			"aria-current": active ? "page" : void 0,
+			...props,
+			children
+		})
+	});
+}
+//#endregion
+export { Tabs, TabsContent, TabsList, TabsNav, TabsNavList, TabsNavTrigger, TabsTrigger, tabsListVariants, tabsTriggerVariants };

package/dist/components/tag.d.mts

@@ -0,0 +1,35 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/tag.d.ts
+interface TagBaseProps {
+  icon?: React.ReactNode;
+}
+interface TagProps extends React.ComponentProps<"span">, TagBaseProps {}
+declare function Tag({
+  className,
+  icon,
+  children,
+  ...props
+}: TagProps): _$react_jsx_runtime0.JSX.Element;
+interface TagDismissibleProps extends React.ComponentProps<"span">, TagBaseProps {
+  onDismiss?: () => void;
+}
+declare function TagDismissible({
+  className,
+  icon,
+  children,
+  onDismiss,
+  ...props
+}: TagDismissibleProps): _$react_jsx_runtime0.JSX.Element;
+interface TagCountProps extends React.ComponentProps<"span">, TagBaseProps {
+  count: number;
+}
+declare function TagCount({
+  className,
+  icon,
+  children,
+  count,
+  ...props
+}: TagCountProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Tag, TagCount, TagDismissible };

package/dist/components/tag.mjs

@@ -0,0 +1,65 @@
+"use client";
+import { cn } from "../lib/cn.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/tag.tsx
+const tagBase = "inline-flex items-center justify-center rounded-sm border border-border bg-background py-0.5 type-text-sm font-medium text-muted-foreground";
+function Tag({ className, icon, children, ...props }) {
+	return /* @__PURE__ */ jsxs("span", {
+		className: cn(tagBase, icon ? "gap-[5px] pl-1 pr-[9px]" : "px-[9px]", className),
+		...props,
+		children: [icon && /* @__PURE__ */ jsx("span", {
+			className: "inline-flex shrink-0",
+			children: icon
+		}), /* @__PURE__ */ jsx("span", { children })]
+	});
+}
+function TagDismissible({ className, icon, children, onDismiss, ...props }) {
+	return /* @__PURE__ */ jsxs("span", {
+		className: cn(tagBase, "gap-[3px]", icon ? "px-1" : "pl-[9px] pr-1", className),
+		...props,
+		children: [/* @__PURE__ */ jsxs("span", {
+			className: cn("inline-flex items-center", icon && "gap-[5px]"),
+			children: [icon && /* @__PURE__ */ jsx("span", {
+				className: "inline-flex shrink-0",
+				children: icon
+			}), /* @__PURE__ */ jsx("span", { children })]
+		}), /* @__PURE__ */ jsx("button", {
+			type: "button",
+			"aria-label": "Remove",
+			onClick: onDismiss,
+			className: "inline-flex items-center justify-center rounded-[3px] p-0.5 hover:bg-accent",
+			children: /* @__PURE__ */ jsxs("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				width: "12",
+				height: "12",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }), /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })]
+			})
+		})]
+	});
+}
+function TagCount({ className, icon, children, count, ...props }) {
+	return /* @__PURE__ */ jsxs("span", {
+		className: cn(tagBase, "gap-[5px]", icon ? "pl-1 pr-[3px]" : "pl-[9px] pr-[3px]", className),
+		...props,
+		children: [
+			icon && /* @__PURE__ */ jsx("span", {
+				className: "inline-flex shrink-0",
+				children: icon
+			}),
+			/* @__PURE__ */ jsx("span", { children }),
+			/* @__PURE__ */ jsx("span", {
+				className: "inline-flex min-w-[18px] h-[18px] items-center justify-center rounded-[3px] bg-subtle px-[5px] type-text-xs font-medium text-muted-foreground",
+				children: count
+			})
+		]
+	});
+}
+//#endregion
+export { Tag, TagCount, TagDismissible };

package/dist/components/textarea.d.mts

@@ -0,0 +1,21 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React from "react";
+
+//#region src/components/textarea.d.ts
+interface TextareaProps extends React.ComponentProps<"textarea"> {
+  label?: string;
+  required?: boolean;
+  hint?: string;
+  error?: string;
+}
+declare function Textarea({
+  className,
+  id,
+  label,
+  required,
+  hint,
+  error,
+  ...props
+}: TextareaProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Textarea, type TextareaProps };