@pixpilot/shadcn 0.3.1 → 0.3.2

package/dist/components/ui/radio-group.cjs

@@ -1 +1,36 @@
-const e=require(`../../_virtual/rolldown_runtime.cjs`),t=require(`../../lib/utils.cjs`);require(`../../lib/index.cjs`);let n=require(`react`);n=e.__toESM(n);let r=require(`react/jsx-runtime`);r=e.__toESM(r);let i=require(`lucide-react`);i=e.__toESM(i);let a=require(`@radix-ui/react-radio-group`);a=e.__toESM(a);function o({className:e,...n}){return(0,r.jsx)(a.Root,{"data-slot":`radio-group`,className:t.cn(`grid gap-3`,e),...n})}function s({className:e,...n}){return(0,r.jsx)(a.Item,{"data-slot":`radio-group-item`,className:t.cn(`border-input text-primary 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 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50`,e),...n,children:(0,r.jsx)(a.Indicator,{"data-slot":`radio-group-indicator`,className:`relative flex items-center justify-center`,children:(0,r.jsx)(i.CircleIcon,{className:`fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2`})})})}exports.RadioGroup=o,exports.RadioGroupItem=s;
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_utils = require('../../lib/utils.cjs');
+require('../../lib/index.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);
+let lucide_react = require("lucide-react");
+lucide_react = require_rolldown_runtime.__toESM(lucide_react);
+let __radix_ui_react_radio_group = require("@radix-ui/react-radio-group");
+__radix_ui_react_radio_group = require_rolldown_runtime.__toESM(__radix_ui_react_radio_group);
+
+//#region src/components/ui/radio-group.tsx
+function RadioGroup({ className,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_radio_group.Root, {
+		"data-slot": "radio-group",
+		className: require_utils.cn("grid gap-3", className),
+		...props
+	});
+}
+function RadioGroupItem({ className,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_radio_group.Item, {
+		"data-slot": "radio-group-item",
+		className: require_utils.cn("border-input text-primary 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 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_radio_group.Indicator, {
+			"data-slot": "radio-group-indicator",
+			className: "relative flex items-center justify-center",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CircleIcon, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
+		})
+	});
+}
+
+//#endregion
+exports.RadioGroup = RadioGroup;
+exports.RadioGroupItem = RadioGroupItem;

package/dist/components/ui/radio-group.js

@@ -1 +1,30 @@
-import{cn as e}from"../../lib/utils.js";import"../../lib/index.js";import"react";import{jsx as t}from"react/jsx-runtime";import{CircleIcon as n}from"lucide-react";import*as r from"@radix-ui/react-radio-group";function i({className:n,...i}){return t(r.Root,{"data-slot":`radio-group`,className:e(`grid gap-3`,n),...i})}function a({className:i,...a}){return t(r.Item,{"data-slot":`radio-group-item`,className:e(`border-input text-primary 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 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50`,i),...a,children:t(r.Indicator,{"data-slot":`radio-group-indicator`,className:`relative flex items-center justify-center`,children:t(n,{className:`fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2`})})})}export{i as RadioGroup,a as RadioGroupItem};
+import { cn } from "../../lib/utils.js";
+import "../../lib/index.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { CircleIcon } from "lucide-react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+
+//#region src/components/ui/radio-group.tsx
+function RadioGroup({ className,...props }) {
+	return /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, {
+		"data-slot": "radio-group",
+		className: cn("grid gap-3", className),
+		...props
+	});
+}
+function RadioGroupItem({ className,...props }) {
+	return /* @__PURE__ */ jsx(RadioGroupPrimitive.Item, {
+		"data-slot": "radio-group-item",
+		className: cn("border-input text-primary 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 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
+		...props,
+		children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, {
+			"data-slot": "radio-group-indicator",
+			className: "relative flex items-center justify-center",
+			children: /* @__PURE__ */ jsx(CircleIcon, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
+		})
+	});
+}
+
+//#endregion
+export { RadioGroup, RadioGroupItem };

package/dist/components/ui/select.cjs

@@ -1 +1,116 @@
-"use client";const e=require(`../../_virtual/rolldown_runtime.cjs`),t=require(`../../lib/utils.cjs`);require(`../../lib/index.cjs`);let n=require(`react`);n=e.__toESM(n);let r=require(`react/jsx-runtime`);r=e.__toESM(r);let i=require(`lucide-react`);i=e.__toESM(i);let a=require(`@radix-ui/react-select`);a=e.__toESM(a);function o({...e}){return(0,r.jsx)(a.Root,{"data-slot":`select`,...e})}function s({...e}){return(0,r.jsx)(a.Group,{"data-slot":`select-group`,...e})}function c({...e}){return(0,r.jsx)(a.Value,{"data-slot":`select-value`,...e})}function l({className:e,size:n=`default`,children:o,...s}){return(0,r.jsxs)(a.Trigger,{"data-slot":`select-trigger`,"data-size":n,className:t.cn(`border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]: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 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...s,children:[o,(0,r.jsx)(a.Icon,{asChild:!0,children:(0,r.jsx)(i.ChevronDownIcon,{className:`size-4 opacity-50`})})]})}function u({className:e,children:n,position:i=`popper`,align:o=`center`,...s}){return(0,r.jsx)(a.Portal,{children:(0,r.jsxs)(a.Content,{"data-slot":`select-content`,className:t.cn(`bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md`,i===`popper`&&`data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1`,e),position:i,align:o,...s,children:[(0,r.jsx)(m,{}),(0,r.jsx)(a.Viewport,{className:t.cn(`p-1`,i===`popper`&&`h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1`),children:n}),(0,r.jsx)(h,{})]})})}function d({className:e,...n}){return(0,r.jsx)(a.Label,{"data-slot":`select-label`,className:t.cn(`text-muted-foreground px-2 py-1.5 text-xs`,e),...n})}function f({className:e,children:n,...o}){return(0,r.jsxs)(a.Item,{"data-slot":`select-item`,className:t.cn(`focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2`,e),...o,children:[(0,r.jsx)(`span`,{className:`absolute right-2 flex size-3.5 items-center justify-center`,children:(0,r.jsx)(a.ItemIndicator,{children:(0,r.jsx)(i.CheckIcon,{className:`size-4`})})}),(0,r.jsx)(a.ItemText,{children:n})]})}function p({className:e,...n}){return(0,r.jsx)(a.Separator,{"data-slot":`select-separator`,className:t.cn(`bg-border pointer-events-none -mx-1 my-1 h-px`,e),...n})}function m({className:e,...n}){return(0,r.jsx)(a.ScrollUpButton,{"data-slot":`select-scroll-up-button`,className:t.cn(`flex cursor-default items-center justify-center py-1`,e),...n,children:(0,r.jsx)(i.ChevronUpIcon,{className:`size-4`})})}function h({className:e,...n}){return(0,r.jsx)(a.ScrollDownButton,{"data-slot":`select-scroll-down-button`,className:t.cn(`flex cursor-default items-center justify-center py-1`,e),...n,children:(0,r.jsx)(i.ChevronDownIcon,{className:`size-4`})})}exports.Select=o,exports.SelectContent=u,exports.SelectGroup=s,exports.SelectItem=f,exports.SelectLabel=d,exports.SelectScrollDownButton=h,exports.SelectScrollUpButton=m,exports.SelectSeparator=p,exports.SelectTrigger=l,exports.SelectValue=c;
+'use client';
+
+
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_utils = require('../../lib/utils.cjs');
+require('../../lib/index.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);
+let lucide_react = require("lucide-react");
+lucide_react = require_rolldown_runtime.__toESM(lucide_react);
+let __radix_ui_react_select = require("@radix-ui/react-select");
+__radix_ui_react_select = require_rolldown_runtime.__toESM(__radix_ui_react_select);
+
+//#region src/components/ui/select.tsx
+function Select({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_select.Root, {
+		"data-slot": "select",
+		...props
+	});
+}
+function SelectGroup({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_select.Group, {
+		"data-slot": "select-group",
+		...props
+	});
+}
+function SelectValue({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_select.Value, {
+		"data-slot": "select-value",
+		...props
+	});
+}
+function SelectTrigger({ className, size = "default", children,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_select.Trigger, {
+		"data-slot": "select-trigger",
+		"data-size": size,
+		className: require_utils.cn("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]: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 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		...props,
+		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_select.Icon, {
+			asChild: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDownIcon, { className: "size-4 opacity-50" })
+		})]
+	});
+}
+function SelectContent({ className, children, position = "popper", align = "center",...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_select.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_select.Content, {
+		"data-slot": "select-content",
+		className: require_utils.cn("bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
+		position,
+		align,
+		...props,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectScrollUpButton, {}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_select.Viewport, {
+				className: require_utils.cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
+				children
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectScrollDownButton, {})
+		]
+	}) });
+}
+function SelectLabel({ className,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_select.Label, {
+		"data-slot": "select-label",
+		className: require_utils.cn("text-muted-foreground px-2 py-1.5 text-xs", className),
+		...props
+	});
+}
+function SelectItem({ className, children,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_select.Item, {
+		"data-slot": "select-item",
+		className: require_utils.cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "absolute right-2 flex size-3.5 items-center justify-center",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_select.ItemIndicator, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CheckIcon, { className: "size-4" }) })
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_select.ItemText, { children })]
+	});
+}
+function SelectSeparator({ className,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_select.Separator, {
+		"data-slot": "select-separator",
+		className: require_utils.cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
+		...props
+	});
+}
+function SelectScrollUpButton({ className,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_select.ScrollUpButton, {
+		"data-slot": "select-scroll-up-button",
+		className: require_utils.cn("flex cursor-default items-center justify-center py-1", className),
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronUpIcon, { className: "size-4" })
+	});
+}
+function SelectScrollDownButton({ className,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_select.ScrollDownButton, {
+		"data-slot": "select-scroll-down-button",
+		className: require_utils.cn("flex cursor-default items-center justify-center py-1", className),
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDownIcon, { className: "size-4" })
+	});
+}
+
+//#endregion
+exports.Select = Select;
+exports.SelectContent = SelectContent;
+exports.SelectGroup = SelectGroup;
+exports.SelectItem = SelectItem;
+exports.SelectLabel = SelectLabel;
+exports.SelectScrollDownButton = SelectScrollDownButton;
+exports.SelectScrollUpButton = SelectScrollUpButton;
+exports.SelectSeparator = SelectSeparator;
+exports.SelectTrigger = SelectTrigger;
+exports.SelectValue = SelectValue;

package/dist/components/ui/select.js

@@ -1 +1,102 @@
-"use client";import{cn as e}from"../../lib/utils.js";import"../../lib/index.js";import"react";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{CheckIcon as r,ChevronDownIcon as i,ChevronUpIcon as a}from"lucide-react";import*as o from"@radix-ui/react-select";function s({...e}){return t(o.Root,{"data-slot":`select`,...e})}function c({...e}){return t(o.Group,{"data-slot":`select-group`,...e})}function l({...e}){return t(o.Value,{"data-slot":`select-value`,...e})}function u({className:r,size:a=`default`,children:s,...c}){return n(o.Trigger,{"data-slot":`select-trigger`,"data-size":a,className:e(`border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]: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 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,r),...c,children:[s,t(o.Icon,{asChild:!0,children:t(i,{className:`size-4 opacity-50`})})]})}function d({className:r,children:i,position:a=`popper`,align:s=`center`,...c}){return t(o.Portal,{children:n(o.Content,{"data-slot":`select-content`,className:e(`bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md`,a===`popper`&&`data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1`,r),position:a,align:s,...c,children:[t(h,{}),t(o.Viewport,{className:e(`p-1`,a===`popper`&&`h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1`),children:i}),t(g,{})]})})}function f({className:n,...r}){return t(o.Label,{"data-slot":`select-label`,className:e(`text-muted-foreground px-2 py-1.5 text-xs`,n),...r})}function p({className:i,children:a,...s}){return n(o.Item,{"data-slot":`select-item`,className:e(`focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2`,i),...s,children:[t(`span`,{className:`absolute right-2 flex size-3.5 items-center justify-center`,children:t(o.ItemIndicator,{children:t(r,{className:`size-4`})})}),t(o.ItemText,{children:a})]})}function m({className:n,...r}){return t(o.Separator,{"data-slot":`select-separator`,className:e(`bg-border pointer-events-none -mx-1 my-1 h-px`,n),...r})}function h({className:n,...r}){return t(o.ScrollUpButton,{"data-slot":`select-scroll-up-button`,className:e(`flex cursor-default items-center justify-center py-1`,n),...r,children:t(a,{className:`size-4`})})}function g({className:n,...r}){return t(o.ScrollDownButton,{"data-slot":`select-scroll-down-button`,className:e(`flex cursor-default items-center justify-center py-1`,n),...r,children:t(i,{className:`size-4`})})}export{s as Select,d as SelectContent,c as SelectGroup,p as SelectItem,f as SelectLabel,g as SelectScrollDownButton,h as SelectScrollUpButton,m as SelectSeparator,u as SelectTrigger,l as SelectValue};
+'use client';
+
+
+import { cn } from "../../lib/utils.js";
+import "../../lib/index.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+
+//#region src/components/ui/select.tsx
+function Select({ ...props }) {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Root, {
+		"data-slot": "select",
+		...props
+	});
+}
+function SelectGroup({ ...props }) {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Group, {
+		"data-slot": "select-group",
+		...props
+	});
+}
+function SelectValue({ ...props }) {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Value, {
+		"data-slot": "select-value",
+		...props
+	});
+}
+function SelectTrigger({ className, size = "default", children,...props }) {
+	return /* @__PURE__ */ jsxs(SelectPrimitive.Trigger, {
+		"data-slot": "select-trigger",
+		"data-size": size,
+		className: cn("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]: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 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(SelectPrimitive.Icon, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-50" })
+		})]
+	});
+}
+function SelectContent({ className, children, position = "popper", align = "center",...props }) {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(SelectPrimitive.Content, {
+		"data-slot": "select-content",
+		className: cn("bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
+		position,
+		align,
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+			/* @__PURE__ */ jsx(SelectPrimitive.Viewport, {
+				className: cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
+				children
+			}),
+			/* @__PURE__ */ jsx(SelectScrollDownButton, {})
+		]
+	}) });
+}
+function SelectLabel({ className,...props }) {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Label, {
+		"data-slot": "select-label",
+		className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
+		...props
+	});
+}
+function SelectItem({ className, children,...props }) {
+	return /* @__PURE__ */ jsxs(SelectPrimitive.Item, {
+		"data-slot": "select-item",
+		className: cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "absolute right-2 flex size-3.5 items-center justify-center",
+			children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
+		}), /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })]
+	});
+}
+function SelectSeparator({ className,...props }) {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Separator, {
+		"data-slot": "select-separator",
+		className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
+		...props
+	});
+}
+function SelectScrollUpButton({ className,...props }) {
+	return /* @__PURE__ */ jsx(SelectPrimitive.ScrollUpButton, {
+		"data-slot": "select-scroll-up-button",
+		className: cn("flex cursor-default items-center justify-center py-1", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
+	});
+}
+function SelectScrollDownButton({ className,...props }) {
+	return /* @__PURE__ */ jsx(SelectPrimitive.ScrollDownButton, {
+		"data-slot": "select-scroll-down-button",
+		className: cn("flex cursor-default items-center justify-center py-1", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
+	});
+}
+
+//#endregion
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/components/ui/separator.cjs

@@ -1 +1,23 @@
-const e=require(`../../_virtual/rolldown_runtime.cjs`),t=require(`../../lib/utils.cjs`);require(`../../lib/index.cjs`);let n=require(`react`);n=e.__toESM(n);let r=require(`react/jsx-runtime`);r=e.__toESM(r);let i=require(`@radix-ui/react-separator`);i=e.__toESM(i);function a({className:e,orientation:n=`horizontal`,decorative:a=!0,...o}){return(0,r.jsx)(i.Root,{"data-slot":`separator`,decorative:a,orientation:n,className:t.cn(`bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px`,e),...o})}exports.Separator=a;
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_utils = require('../../lib/utils.cjs');
+require('../../lib/index.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);
+let __radix_ui_react_separator = require("@radix-ui/react-separator");
+__radix_ui_react_separator = require_rolldown_runtime.__toESM(__radix_ui_react_separator);
+
+//#region src/components/ui/separator.tsx
+function Separator({ className, orientation = "horizontal", decorative = true,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_separator.Root, {
+		"data-slot": "separator",
+		decorative,
+		orientation,
+		className: require_utils.cn("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", className),
+		...props
+	});
+}
+
+//#endregion
+exports.Separator = Separator;

package/dist/components/ui/separator.js

@@ -1 +1,19 @@
-import{cn as e}from"../../lib/utils.js";import"../../lib/index.js";import"react";import{jsx as t}from"react/jsx-runtime";import*as n from"@radix-ui/react-separator";function r({className:r,orientation:i=`horizontal`,decorative:a=!0,...o}){return t(n.Root,{"data-slot":`separator`,decorative:a,orientation:i,className:e(`bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px`,r),...o})}export{r as Separator};
+import { cn } from "../../lib/utils.js";
+import "../../lib/index.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+
+//#region src/components/ui/separator.tsx
+function Separator({ className, orientation = "horizontal", decorative = true,...props }) {
+	return /* @__PURE__ */ jsx(SeparatorPrimitive.Root, {
+		"data-slot": "separator",
+		decorative,
+		orientation,
+		className: cn("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", className),
+		...props
+	});
+}
+
+//#endregion
+export { Separator };

package/dist/components/ui/shadcn-io/tags/index.cjs

@@ -1 +1,146 @@
-"use client";const e=require(`../../../../_virtual/rolldown_runtime.cjs`),t=require(`../../../../lib/utils.cjs`);require(`../../../../lib/index.cjs`);const n=require(`../../badge.cjs`),r=require(`../../button.cjs`),i=require(`../../command.cjs`),a=require(`../../popover.cjs`);let o=require(`react`);o=e.__toESM(o);let s=require(`react/jsx-runtime`);s=e.__toESM(s);let c=require(`lucide-react`);c=e.__toESM(c);const l=(0,o.createContext)({value:void 0,setValue:void 0,open:!1,onOpenChange:()=>{},width:void 0,setWidth:void 0});function u(){let e=(0,o.use)(l);if(!e)throw Error(`useTagsContext must be used within a TagsProvider`);return e}function d({value:e,setValue:n,open:r,onOpenChange:i,children:c,className:u}){let[d,f]=(0,o.useState)(!1),[p,m]=(0,o.useState)(),h=(0,o.useRef)(null),g=r??d,_=i??f;return(0,o.useEffect)(()=>{if(!h.current)return;let e=new ResizeObserver(e=>{e[0]&&m(e[0].contentRect.width)});return e.observe(h.current),()=>{e.disconnect()}},[]),(0,s.jsx)(l.Provider,{value:{value:e,setValue:n,open:g,onOpenChange:_,width:p,setWidth:m},children:(0,s.jsx)(a.Popover,{onOpenChange:_,open:g,children:(0,s.jsx)(`div`,{className:t.cn(`relative w-full`,u),ref:h,children:c})})})}function f({className:e,children:n,...i}){return(0,s.jsx)(a.PopoverTrigger,{asChild:!0,children:(0,s.jsx)(r.Button,{className:t.cn(`h-auto w-full justify-between p-2`,e),role:`combobox`,variant:`outline`,...i,children:(0,s.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1`,children:[n,(0,s.jsx)(`span`,{className:`px-2 py-px text-muted-foreground`,children:`Select a tag...`})]})})})}function p({className:e,children:r,onRemove:i,...a}){let o=e=>{e.preventDefault(),e.stopPropagation(),i?.()};return(0,s.jsxs)(n.Badge,{className:t.cn(`flex items-center gap-2`,e),...a,children:[r,i&&(0,s.jsx)(`div`,{className:`size-auto cursor-pointer hover:text-muted-foreground`,onClick:o,children:(0,s.jsx)(c.XIcon,{size:12})})]})}function m({className:e,children:n,...r}){let{width:o}=u();return(0,s.jsx)(a.PopoverContent,{className:t.cn(`p-0`,e),style:{width:o},...r,children:(0,s.jsx)(i.Command,{children:n})})}function h({className:e,...n}){return(0,s.jsx)(i.CommandInput,{className:t.cn(`h-9`,e),...n})}function g({className:e,...n}){return(0,s.jsx)(i.CommandList,{className:t.cn(`max-h-[200px]`,e),...n})}function _({children:e,className:t,...n}){return(0,s.jsx)(i.CommandEmpty,{...n,children:e??`No tags found.`})}const v=i.CommandGroup;function y({className:e,...n}){return(0,s.jsx)(i.CommandItem,{className:t.cn(`cursor-pointer items-center justify-between`,e),...n})}exports.Tags=d,exports.TagsContent=m,exports.TagsEmpty=_,exports.TagsGroup=v,exports.TagsInput=h,exports.TagsItem=y,exports.TagsList=g,exports.TagsTrigger=f,exports.TagsValue=p;
+'use client';
+
+
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_utils = require('../../../../lib/utils.cjs');
+require('../../../../lib/index.cjs');
+const require_badge = require('../../badge.cjs');
+const require_button = require('../../button.cjs');
+const require_command = require('../../command.cjs');
+const require_popover = require('../../popover.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);
+let lucide_react = require("lucide-react");
+lucide_react = require_rolldown_runtime.__toESM(lucide_react);
+
+//#region src/components/ui/shadcn-io/tags/index.tsx
+const TagsContext = (0, react.createContext)({
+	value: void 0,
+	setValue: void 0,
+	open: false,
+	onOpenChange: () => {},
+	width: void 0,
+	setWidth: void 0
+});
+function useTagsContext() {
+	const context = (0, react.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] = (0, react.useState)(false);
+	const [width, setWidth] = (0, react.useState)();
+	const ref = (0, react.useRef)(null);
+	const open = controlledOpen ?? uncontrolledOpen;
+	const onOpenChange = controlledOnOpenChange ?? setUncontrolledOpen;
+	(0, react.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, react_jsx_runtime.jsx)(TagsContext.Provider, {
+		value: {
+			value,
+			setValue,
+			open,
+			onOpenChange,
+			width,
+			setWidth
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_popover.Popover, {
+			onOpenChange,
+			open,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: require_utils.cn("relative w-full", className),
+				ref,
+				children
+			})
+		})
+	});
+}
+function TagsTrigger({ className, children,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_popover.PopoverTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
+			className: require_utils.cn("h-auto w-full justify-between p-2", className),
+			role: "combobox",
+			variant: "outline",
+			...props,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-wrap items-center gap-1",
+				children: [children, /* @__PURE__ */ (0, react_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, react_jsx_runtime.jsxs)(require_badge.Badge, {
+		className: require_utils.cn("flex items-center gap-2", className),
+		...props,
+		children: [children, onRemove && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "size-auto cursor-pointer hover:text-muted-foreground",
+			onClick: handleRemove,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.XIcon, { size: 12 })
+		})]
+	});
+}
+function TagsContent({ className, children,...props }) {
+	const { width } = useTagsContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_popover.PopoverContent, {
+		className: require_utils.cn("p-0", className),
+		style: { width },
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_command.Command, { children })
+	});
+}
+function TagsInput({ className,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_command.CommandInput, {
+		className: require_utils.cn("h-9", className),
+		...props
+	});
+}
+function TagsList({ className,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_command.CommandList, {
+		className: require_utils.cn("max-h-[200px]", className),
+		...props
+	});
+}
+function TagsEmpty({ children, className,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_command.CommandEmpty, {
+		...props,
+		children: children ?? "No tags found."
+	});
+}
+const TagsGroup = require_command.CommandGroup;
+function TagsItem({ className,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_command.CommandItem, {
+		className: require_utils.cn("cursor-pointer items-center justify-between", className),
+		...props
+	});
+}
+
+//#endregion
+exports.Tags = Tags;
+exports.TagsContent = TagsContent;
+exports.TagsEmpty = TagsEmpty;
+exports.TagsGroup = TagsGroup;
+exports.TagsInput = TagsInput;
+exports.TagsItem = TagsItem;
+exports.TagsList = TagsList;
+exports.TagsTrigger = TagsTrigger;
+exports.TagsValue = TagsValue;

package/dist/components/ui/shadcn-io/tags/index.js

@@ -1 +1,134 @@
-"use client";import{cn as e}from"../../../../lib/utils.js";import"../../../../lib/index.js";import{Badge as t}from"../../badge.js";import{Button as n}from"../../button.js";import{Command as r,CommandEmpty as i,CommandGroup as a,CommandInput as o,CommandItem as s,CommandList as c}from"../../command.js";import{Popover as l,PopoverContent as u,PopoverTrigger as d}from"../../popover.js";import{createContext as f,use as p,useEffect as m,useRef as h,useState as g}from"react";import{jsx as _,jsxs as v}from"react/jsx-runtime";import{XIcon as y}from"lucide-react";const b=f({value:void 0,setValue:void 0,open:!1,onOpenChange:()=>{},width:void 0,setWidth:void 0});function x(){let e=p(b);if(!e)throw Error(`useTagsContext must be used within a TagsProvider`);return e}function S({value:t,setValue:n,open:r,onOpenChange:i,children:a,className:o}){let[s,c]=g(!1),[u,d]=g(),f=h(null),p=r??s,v=i??c;return m(()=>{if(!f.current)return;let e=new ResizeObserver(e=>{e[0]&&d(e[0].contentRect.width)});return e.observe(f.current),()=>{e.disconnect()}},[]),_(b.Provider,{value:{value:t,setValue:n,open:p,onOpenChange:v,width:u,setWidth:d},children:_(l,{onOpenChange:v,open:p,children:_(`div`,{className:e(`relative w-full`,o),ref:f,children:a})})})}function C({className:t,children:r,...i}){return _(d,{asChild:!0,children:_(n,{className:e(`h-auto w-full justify-between p-2`,t),role:`combobox`,variant:`outline`,...i,children:v(`div`,{className:`flex flex-wrap items-center gap-1`,children:[r,_(`span`,{className:`px-2 py-px text-muted-foreground`,children:`Select a tag...`})]})})})}function w({className:n,children:r,onRemove:i,...a}){let o=e=>{e.preventDefault(),e.stopPropagation(),i?.()};return v(t,{className:e(`flex items-center gap-2`,n),...a,children:[r,i&&_(`div`,{className:`size-auto cursor-pointer hover:text-muted-foreground`,onClick:o,children:_(y,{size:12})})]})}function T({className:t,children:n,...i}){let{width:a}=x();return _(u,{className:e(`p-0`,t),style:{width:a},...i,children:_(r,{children:n})})}function E({className:t,...n}){return _(o,{className:e(`h-9`,t),...n})}function D({className:t,...n}){return _(c,{className:e(`max-h-[200px]`,t),...n})}function O({children:e,className:t,...n}){return _(i,{...n,children:e??`No tags found.`})}const k=a;function A({className:t,...n}){return _(s,{className:e(`cursor-pointer items-center justify-between`,t),...n})}export{S as Tags,T as TagsContent,O as TagsEmpty,k as TagsGroup,E as TagsInput,A as TagsItem,D as TagsList,C as TagsTrigger,w as TagsValue};
+'use client';
+
+
+import { cn } from "../../../../lib/utils.js";
+import "../../../../lib/index.js";
+import { Badge } from "../../badge.js";
+import { Button } from "../../button.js";
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "../../command.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../../popover.js";
+import { createContext, use, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { XIcon } from "lucide-react";
+
+//#region src/components/ui/shadcn-io/tags/index.tsx
+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__ */ jsx(TagsContext.Provider, {
+		value: {
+			value,
+			setValue,
+			open,
+			onOpenChange,
+			width,
+			setWidth
+		},
+		children: /* @__PURE__ */ jsx(Popover, {
+			onOpenChange,
+			open,
+			children: /* @__PURE__ */ jsx("div", {
+				className: cn("relative w-full", className),
+				ref,
+				children
+			})
+		})
+	});
+}
+function TagsTrigger({ className, children,...props }) {
+	return /* @__PURE__ */ jsx(PopoverTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsx(Button, {
+			className: cn("h-auto w-full justify-between p-2", className),
+			role: "combobox",
+			variant: "outline",
+			...props,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-wrap items-center gap-1",
+				children: [children, /* @__PURE__ */ 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__ */ jsxs(Badge, {
+		className: cn("flex items-center gap-2", className),
+		...props,
+		children: [children, onRemove && /* @__PURE__ */ jsx("div", {
+			className: "size-auto cursor-pointer hover:text-muted-foreground",
+			onClick: handleRemove,
+			children: /* @__PURE__ */ jsx(XIcon, { size: 12 })
+		})]
+	});
+}
+function TagsContent({ className, children,...props }) {
+	const { width } = useTagsContext();
+	return /* @__PURE__ */ jsx(PopoverContent, {
+		className: cn("p-0", className),
+		style: { width },
+		...props,
+		children: /* @__PURE__ */ jsx(Command, { children })
+	});
+}
+function TagsInput({ className,...props }) {
+	return /* @__PURE__ */ jsx(CommandInput, {
+		className: cn("h-9", className),
+		...props
+	});
+}
+function TagsList({ className,...props }) {
+	return /* @__PURE__ */ jsx(CommandList, {
+		className: cn("max-h-[200px]", className),
+		...props
+	});
+}
+function TagsEmpty({ children, className,...props }) {
+	return /* @__PURE__ */ jsx(CommandEmpty, {
+		...props,
+		children: children ?? "No tags found."
+	});
+}
+const TagsGroup = CommandGroup;
+function TagsItem({ className,...props }) {
+	return /* @__PURE__ */ jsx(CommandItem, {
+		className: cn("cursor-pointer items-center justify-between", className),
+		...props
+	});
+}
+
+//#endregion
+export { Tags, TagsContent, TagsEmpty, TagsGroup, TagsInput, TagsItem, TagsList, TagsTrigger, TagsValue };