tembro 1.0.0

package/dist/components/ui/divider/index.js

@@ -0,0 +1,35 @@
+import { cn as e } from "../../../lib/utils.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/ui/divider/index.tsx
+function r({ orientation: r = "horizontal", dashed: i = !1, label: a, labelPosition: o = "center", className: s, ...c }) {
+	return r === "vertical" ? /* @__PURE__ */ t("div", {
+		"data-slot": "divider",
+		role: "separator",
+		"aria-orientation": "vertical",
+		className: e("mx-2 h-auto self-stretch border-l", i && "border-dashed", s),
+		...c
+	}) : a ? /* @__PURE__ */ n("div", {
+		"data-slot": "divider",
+		role: "separator",
+		"aria-orientation": "horizontal",
+		className: e("my-4 flex items-center gap-3 text-xs text-muted-foreground", s),
+		...c,
+		children: [
+			/* @__PURE__ */ t("div", { className: e("border-t", i && "border-dashed", o !== "start" && "flex-1", o === "start" && "w-8") }),
+			/* @__PURE__ */ t("span", {
+				className: "shrink-0",
+				children: a
+			}),
+			/* @__PURE__ */ t("div", { className: e("border-t", i && "border-dashed", o !== "end" && "flex-1", o === "end" && "w-8") })
+		]
+	}) : /* @__PURE__ */ t("div", {
+		"data-slot": "divider",
+		role: "separator",
+		"aria-orientation": "horizontal",
+		className: e("my-4 border-t", i && "border-dashed", s),
+		...c
+	});
+}
+//#endregion
+export { r as Divider };

package/dist/components/ui/dropdown-menu/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime"),a=require("@base-ui/react/menu");function o({...e}){return(0,i.jsx)(a.Menu.Root,{"data-slot":`dropdown-menu`,...e})}function s({...e}){return(0,i.jsx)(a.Menu.Portal,{"data-slot":`dropdown-menu-portal`,...e})}function c({...e}){return(0,i.jsx)(a.Menu.Trigger,{"data-slot":`dropdown-menu-trigger`,...e})}function l({align:e=`start`,alignOffset:n=0,side:r=`bottom`,sideOffset:o=4,className:s,...c}){return(0,i.jsx)(a.Menu.Portal,{children:(0,i.jsx)(a.Menu.Positioner,{className:`isolate z-50 outline-none`,align:e,alignOffset:n,side:r,sideOffset:o,children:(0,i.jsx)(a.Menu.Popup,{"data-slot":`dropdown-menu-content`,className:t.cn(`z-50 max-h-(--available-height) w-(--anchor-width) min-w-48 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-[color:var(--aui-overlay-surface,var(--popover))] p-2 text-popover-foreground shadow-[var(--aui-popover-shadow,0_18px_42px_rgba(15,23,42,0.16))] duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95`,s),...c})})})}function u({...e}){return(0,i.jsx)(a.Menu.Group,{"data-slot":`dropdown-menu-group`,...e})}function d({className:e,inset:n,...r}){return(0,i.jsx)(`div`,{"data-slot":`dropdown-menu-label`,"data-inset":n,className:t.cn(`px-2 py-1.5 text-[11px] font-semibold tracking-[0.14em] uppercase text-muted-foreground/90 data-inset:pl-8`,e),...r})}function f({className:e,inset:n,variant:r=`default`,...o}){return(0,i.jsx)(a.Menu.Item,{"data-slot":`dropdown-menu-item`,"data-inset":n,"data-variant":r,className:t.cn(`group/dropdown-menu-item relative flex cursor-default items-center gap-2 rounded-[var(--radius-md)] border border-transparent px-3 py-2.5 text-sm outline-hidden select-none transition-[background-color,border-color,color,box-shadow] data-inset:pl-8 data-[variant=destructive]:text-destructive data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive`,e),...o})}function p({...e}){return(0,i.jsx)(a.Menu.SubmenuRoot,{"data-slot":`dropdown-menu-sub`,...e})}function m({className:e,inset:n,children:o,...s}){return(0,i.jsxs)(a.Menu.SubmenuTrigger,{"data-slot":`dropdown-menu-sub-trigger`,"data-inset":n,className:t.cn(`flex cursor-default items-center gap-2 rounded-[var(--radius-md)] border border-transparent px-3 py-2.5 text-sm outline-hidden select-none transition-[background-color,border-color,color,box-shadow] data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...s,children:[o,(0,i.jsx)(r.ChevronRightIcon,{className:`ml-auto`})]})}function h({align:e=`start`,alignOffset:n=-3,side:r=`right`,sideOffset:a=0,className:o,...s}){return(0,i.jsx)(l,{"data-slot":`dropdown-menu-sub-content`,className:t.cn(`w-auto min-w-[128px] rounded-[var(--aui-card-radius,var(--radius-xl))] p-2 text-popover-foreground duration-100 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,o),align:e,alignOffset:n,side:r,sideOffset:a,...s})}function g({className:e,children:n,checked:o,inset:s,...c}){return(0,i.jsxs)(a.Menu.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,"data-inset":s,className:t.cn(`relative flex cursor-default items-center gap-2 rounded-[var(--radius-md)] border border-transparent py-2.5 pr-9 pl-3 text-sm outline-hidden select-none transition-[background-color,border-color,color,box-shadow] data-inset:pl-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),checked:o,...c,children:[(0,i.jsx)(`span`,{className:`pointer-events-none absolute right-2 flex items-center justify-center`,"data-slot":`dropdown-menu-checkbox-item-indicator`,children:(0,i.jsx)(a.Menu.CheckboxItemIndicator,{children:(0,i.jsx)(r.CheckIcon,{})})}),n]})}function _({...e}){return(0,i.jsx)(a.Menu.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}function v({className:e,children:n,inset:o,...s}){return(0,i.jsxs)(a.Menu.RadioItem,{"data-slot":`dropdown-menu-radio-item`,"data-inset":o,className:t.cn(`relative flex cursor-default items-center gap-2 rounded-[var(--radius-md)] border border-transparent py-2.5 pr-9 pl-3 text-sm outline-hidden select-none transition-[background-color,border-color,color,box-shadow] data-inset:pl-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...s,children:[(0,i.jsx)(`span`,{className:`pointer-events-none absolute right-2 flex items-center justify-center`,"data-slot":`dropdown-menu-radio-item-indicator`,children:(0,i.jsx)(a.Menu.RadioItemIndicator,{children:(0,i.jsx)(r.CheckIcon,{})})}),n]})}function y({className:e,...n}){return(0,i.jsx)(a.Menu.Separator,{"data-slot":`dropdown-menu-separator`,className:t.cn(`-mx-1 my-1.5 h-px bg-border/80`,e),...n})}function b({className:e,...n}){return(0,i.jsx)(`span`,{"data-slot":`dropdown-menu-shortcut`,className:t.cn(`ml-auto text-[11px] tracking-[0.14em] text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground`,e),...n})}exports.DropdownMenu=o,exports.DropdownMenuCheckboxItem=g,exports.DropdownMenuContent=l,exports.DropdownMenuGroup=u,exports.DropdownMenuItem=f,exports.DropdownMenuLabel=d,exports.DropdownMenuPortal=s,exports.DropdownMenuRadioGroup=_,exports.DropdownMenuRadioItem=v,exports.DropdownMenuSeparator=y,exports.DropdownMenuShortcut=b,exports.DropdownMenuSub=p,exports.DropdownMenuSubContent=h,exports.DropdownMenuSubTrigger=m,exports.DropdownMenuTrigger=c;

package/dist/components/ui/dropdown-menu/index.d.ts

@@ -0,0 +1,44 @@
+import * as React from "react";
+import { Menu as MenuPrimitive } from "@base-ui/react/menu";
+export type DropdownMenuRootProps = MenuPrimitive.Root.Props;
+export type DropdownMenuPortalProps = MenuPrimitive.Portal.Props;
+export type DropdownMenuTriggerProps = MenuPrimitive.Trigger.Props;
+export type DropdownMenuContentProps = MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">;
+export type DropdownMenuGroupProps = MenuPrimitive.Group.Props;
+export type DropdownMenuLabelProps = React.ComponentProps<"div"> & {
+    inset?: boolean;
+};
+export type DropdownMenuItemProps = MenuPrimitive.Item.Props & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+};
+export type DropdownMenuSubmenuProps = MenuPrimitive.SubmenuRoot.Props;
+export type DropdownMenuSubmenuTriggerProps = MenuPrimitive.SubmenuTrigger.Props & {
+    inset?: boolean;
+};
+export type DropdownMenuSubmenuContentProps = React.ComponentProps<typeof DropdownMenuContent>;
+export type DropdownMenuCheckboxItemProps = MenuPrimitive.CheckboxItem.Props & {
+    inset?: boolean;
+};
+export type DropdownMenuRadioGroupProps = MenuPrimitive.RadioGroup.Props;
+export type DropdownMenuRadioItemProps = MenuPrimitive.RadioItem.Props & {
+    inset?: boolean;
+};
+export type DropdownMenuSeparatorProps = MenuPrimitive.Separator.Props;
+export type DropdownMenuShortcutProps = React.ComponentProps<"span">;
+declare function DropdownMenu({ ...props }: MenuPrimitive.Root.Props): React.JSX.Element;
+declare function DropdownMenuPortal({ ...props }: DropdownMenuPortalProps): React.JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: DropdownMenuTriggerProps): React.JSX.Element;
+declare function DropdownMenuContent({ align, alignOffset, side, sideOffset, className, ...props }: DropdownMenuContentProps): React.JSX.Element;
+declare function DropdownMenuGroup({ ...props }: DropdownMenuGroupProps): React.JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: DropdownMenuLabelProps): React.JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: DropdownMenuItemProps): React.JSX.Element;
+declare function DropdownMenuSub({ ...props }: DropdownMenuSubmenuProps): React.JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: DropdownMenuSubmenuTriggerProps): React.JSX.Element;
+declare function DropdownMenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: DropdownMenuSubmenuContentProps): React.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }: DropdownMenuCheckboxItemProps): React.JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: DropdownMenuRadioGroupProps): React.JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, inset, ...props }: DropdownMenuRadioItemProps): React.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: DropdownMenuSeparatorProps): React.JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: DropdownMenuShortcutProps): React.JSX.Element;
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };

package/dist/components/ui/dropdown-menu/index.js

@@ -0,0 +1,136 @@
+import { cn as e } from "../../../lib/utils.js";
+import "react";
+import { CheckIcon as t, ChevronRightIcon as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Menu as a } from "@base-ui/react/menu";
+//#region src/components/ui/dropdown-menu/index.tsx
+function o({ ...e }) {
+	return /* @__PURE__ */ r(a.Root, {
+		"data-slot": "dropdown-menu",
+		...e
+	});
+}
+function s({ ...e }) {
+	return /* @__PURE__ */ r(a.Portal, {
+		"data-slot": "dropdown-menu-portal",
+		...e
+	});
+}
+function c({ ...e }) {
+	return /* @__PURE__ */ r(a.Trigger, {
+		"data-slot": "dropdown-menu-trigger",
+		...e
+	});
+}
+function l({ align: t = "start", alignOffset: n = 0, side: i = "bottom", sideOffset: o = 4, className: s, ...c }) {
+	return /* @__PURE__ */ r(a.Portal, { children: /* @__PURE__ */ r(a.Positioner, {
+		className: "isolate z-50 outline-none",
+		align: t,
+		alignOffset: n,
+		side: i,
+		sideOffset: o,
+		children: /* @__PURE__ */ r(a.Popup, {
+			"data-slot": "dropdown-menu-content",
+			className: e("z-50 max-h-(--available-height) w-(--anchor-width) min-w-48 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-[color:var(--aui-overlay-surface,var(--popover))] p-2 text-popover-foreground shadow-[var(--aui-popover-shadow,0_18px_42px_rgba(15,23,42,0.16))] duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95", s),
+			...c
+		})
+	}) });
+}
+function u({ ...e }) {
+	return /* @__PURE__ */ r(a.Group, {
+		"data-slot": "dropdown-menu-group",
+		...e
+	});
+}
+function d({ className: t, inset: n, ...i }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "dropdown-menu-label",
+		"data-inset": n,
+		className: e("px-2 py-1.5 text-[11px] font-semibold tracking-[0.14em] uppercase text-muted-foreground/90 data-inset:pl-8", t),
+		...i
+	});
+}
+function f({ className: t, inset: n, variant: i = "default", ...o }) {
+	return /* @__PURE__ */ r(a.Item, {
+		"data-slot": "dropdown-menu-item",
+		"data-inset": n,
+		"data-variant": i,
+		className: e("group/dropdown-menu-item relative flex cursor-default items-center gap-2 rounded-[var(--radius-md)] border border-transparent px-3 py-2.5 text-sm outline-hidden select-none transition-[background-color,border-color,color,box-shadow] data-inset:pl-8 data-[variant=destructive]:text-destructive data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive", t),
+		...o
+	});
+}
+function p({ ...e }) {
+	return /* @__PURE__ */ r(a.SubmenuRoot, {
+		"data-slot": "dropdown-menu-sub",
+		...e
+	});
+}
+function m({ className: t, inset: o, children: s, ...c }) {
+	return /* @__PURE__ */ i(a.SubmenuTrigger, {
+		"data-slot": "dropdown-menu-sub-trigger",
+		"data-inset": o,
+		className: e("flex cursor-default items-center gap-2 rounded-[var(--radius-md)] border border-transparent px-3 py-2.5 text-sm outline-hidden select-none transition-[background-color,border-color,color,box-shadow] data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
+		...c,
+		children: [s, /* @__PURE__ */ r(n, { className: "ml-auto" })]
+	});
+}
+function h({ align: t = "start", alignOffset: n = -3, side: i = "right", sideOffset: a = 0, className: o, ...s }) {
+	return /* @__PURE__ */ r(l, {
+		"data-slot": "dropdown-menu-sub-content",
+		className: e("w-auto min-w-[128px] rounded-[var(--aui-card-radius,var(--radius-xl))] p-2 text-popover-foreground duration-100 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", o),
+		align: t,
+		alignOffset: n,
+		side: i,
+		sideOffset: a,
+		...s
+	});
+}
+function g({ className: n, children: o, checked: s, inset: c, ...l }) {
+	return /* @__PURE__ */ i(a.CheckboxItem, {
+		"data-slot": "dropdown-menu-checkbox-item",
+		"data-inset": c,
+		className: e("relative flex cursor-default items-center gap-2 rounded-[var(--radius-md)] border border-transparent py-2.5 pr-9 pl-3 text-sm outline-hidden select-none transition-[background-color,border-color,color,box-shadow] data-inset:pl-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", n),
+		checked: s,
+		...l,
+		children: [/* @__PURE__ */ r("span", {
+			className: "pointer-events-none absolute right-2 flex items-center justify-center",
+			"data-slot": "dropdown-menu-checkbox-item-indicator",
+			children: /* @__PURE__ */ r(a.CheckboxItemIndicator, { children: /* @__PURE__ */ r(t, {}) })
+		}), o]
+	});
+}
+function _({ ...e }) {
+	return /* @__PURE__ */ r(a.RadioGroup, {
+		"data-slot": "dropdown-menu-radio-group",
+		...e
+	});
+}
+function v({ className: n, children: o, inset: s, ...c }) {
+	return /* @__PURE__ */ i(a.RadioItem, {
+		"data-slot": "dropdown-menu-radio-item",
+		"data-inset": s,
+		className: e("relative flex cursor-default items-center gap-2 rounded-[var(--radius-md)] border border-transparent py-2.5 pr-9 pl-3 text-sm outline-hidden select-none transition-[background-color,border-color,color,box-shadow] data-inset:pl-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", n),
+		...c,
+		children: [/* @__PURE__ */ r("span", {
+			className: "pointer-events-none absolute right-2 flex items-center justify-center",
+			"data-slot": "dropdown-menu-radio-item-indicator",
+			children: /* @__PURE__ */ r(a.RadioItemIndicator, { children: /* @__PURE__ */ r(t, {}) })
+		}), o]
+	});
+}
+function y({ className: t, ...n }) {
+	return /* @__PURE__ */ r(a.Separator, {
+		"data-slot": "dropdown-menu-separator",
+		className: e("-mx-1 my-1.5 h-px bg-border/80", t),
+		...n
+	});
+}
+function b({ className: t, ...n }) {
+	return /* @__PURE__ */ r("span", {
+		"data-slot": "dropdown-menu-shortcut",
+		className: e("ml-auto text-[11px] tracking-[0.14em] text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground", t),
+		...n
+	});
+}
+//#endregion
+export { o as DropdownMenu, g as DropdownMenuCheckboxItem, l as DropdownMenuContent, u as DropdownMenuGroup, f as DropdownMenuItem, d as DropdownMenuLabel, s as DropdownMenuPortal, _ as DropdownMenuRadioGroup, v as DropdownMenuRadioItem, y as DropdownMenuSeparator, b as DropdownMenuShortcut, p as DropdownMenuSub, h as DropdownMenuSubContent, m as DropdownMenuSubTrigger, c as DropdownMenuTrigger };

package/dist/components/ui/hover-card.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");var i={top:`bottom-full left-1/2 mb-2.5 -translate-x-1/2`,right:`left-full top-1/2 ml-2.5 -translate-y-1/2`,bottom:`left-1/2 top-full mt-2.5 -translate-x-1/2`,left:`right-full top-1/2 mr-2.5 -translate-y-1/2`};function a({trigger:e,content:n,side:a=`bottom`,contentClassName:o,className:s,children:c,...l}){return(0,r.jsxs)(`div`,{"data-slot":`hover-card`,className:t.cn(`group/hover-card relative inline-flex`,s),...l,children:[(0,r.jsx)(`span`,{"data-slot":`hover-card-trigger`,className:`inline-flex`,children:e}),(0,r.jsx)(`div`,{"data-slot":`hover-card-content`,className:t.cn(`pointer-events-none absolute z-50 min-w-60 rounded-[var(--radius-2xl)] border border-border/80 bg-popover/98 p-4 text-sm text-popover-foreground opacity-0 shadow-[0_18px_42px_color-mix(in_oklch,var(--foreground),transparent_86%)] ring-1 ring-foreground/8 backdrop-blur transition duration-150 group-hover/hover-card:pointer-events-auto group-hover/hover-card:opacity-100 group-focus-within/hover-card:pointer-events-auto group-focus-within/hover-card:opacity-100`,i[a],o),children:n}),c]})}exports.HoverCard=a;

package/dist/components/ui/hover-card.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export type HoverCardProps = Omit<React.ComponentProps<"div">, "content"> & {
+    trigger: React.ReactNode;
+    content: React.ReactNode;
+    side?: "top" | "right" | "bottom" | "left";
+    contentClassName?: string;
+};
+declare function HoverCard({ trigger, content, side, contentClassName, className, children, ...props }: HoverCardProps): React.JSX.Element;
+export { HoverCard };

package/dist/components/ui/hover-card.js

@@ -0,0 +1,32 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/ui/hover-card.tsx
+var r = {
+	top: "bottom-full left-1/2 mb-2.5 -translate-x-1/2",
+	right: "left-full top-1/2 ml-2.5 -translate-y-1/2",
+	bottom: "left-1/2 top-full mt-2.5 -translate-x-1/2",
+	left: "right-full top-1/2 mr-2.5 -translate-y-1/2"
+};
+function i({ trigger: i, content: a, side: o = "bottom", contentClassName: s, className: c, children: l, ...u }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "hover-card",
+		className: e("group/hover-card relative inline-flex", c),
+		...u,
+		children: [
+			/* @__PURE__ */ t("span", {
+				"data-slot": "hover-card-trigger",
+				className: "inline-flex",
+				children: i
+			}),
+			/* @__PURE__ */ t("div", {
+				"data-slot": "hover-card-content",
+				className: e("pointer-events-none absolute z-50 min-w-60 rounded-[var(--radius-2xl)] border border-border/80 bg-popover/98 p-4 text-sm text-popover-foreground opacity-0 shadow-[0_18px_42px_color-mix(in_oklch,var(--foreground),transparent_86%)] ring-1 ring-foreground/8 backdrop-blur transition duration-150 group-hover/hover-card:pointer-events-auto group-hover/hover-card:opacity-100 group-focus-within/hover-card:pointer-events-auto group-focus-within/hover-card:opacity-100", r[o], s),
+				children: a
+			}),
+			l
+		]
+	});
+}
+//#endregion
+export { i as HoverCard };

package/dist/components/ui/input/group.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs"),n=require("../button/index.cjs"),r=require("../textarea/index.cjs"),i=require("./primitive.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("class-variance-authority"),s=require("react/jsx-runtime");function c({className:e,...n}){return(0,s.jsx)(`div`,{"data-slot":`input-group`,role:`group`,className:t.cn(`group/input-group relative flex h-8 w-full min-w-0 items-center rounded-lg border border-input transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:bg-input/50 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-disabled:bg-input/80 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5`,e),...n})}var l=(0,o.cva)(`flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4`,{variants:{align:{"inline-start":`order-first pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]`,"inline-end":`order-last pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem]`,"block-start":`order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2`,"block-end":`order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2`}},defaultVariants:{align:`inline-start`}});function u({className:e,align:n=`inline-start`,...r}){return(0,s.jsx)(`div`,{role:`group`,"data-slot":`input-group-addon`,"data-align":n,className:t.cn(l({align:n}),e),onClick:e=>{e.target.closest(`button`)||(e.currentTarget.parentElement?.querySelector(`input, textarea`))?.focus()},...r})}var d=(0,o.cva)(`flex items-center gap-2 text-sm shadow-none`,{variants:{size:{xs:`h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5`,sm:``,"icon-xs":`size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0`,"icon-sm":`size-8 p-0 has-[>svg]:p-0`}},defaultVariants:{size:`xs`}});function f({className:e,type:r=`button`,variant:i=`ghost`,size:a=`xs`,...o}){return(0,s.jsx)(n.Button,{type:r,"data-size":a,variant:i,className:t.cn(d({size:a}),e),...o})}function p({className:e,...n}){return(0,s.jsx)(`span`,{className:t.cn(`flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4`,e),...n})}function m({className:e,...n}){return(0,s.jsx)(i.InputPrimitive,{"data-slot":`input-group-control`,className:t.cn(`flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent`,e),...n})}function h({className:e,...n}){return(0,s.jsx)(r.Textarea,{"data-slot":`input-group-control`,className:t.cn(`flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent`,e),...n})}exports.InputGroup=c,exports.InputGroupAddon=u,exports.InputGroupButton=f,exports.InputGroupInput=m,exports.InputGroupText=p,exports.InputGroupTextarea=h;

package/dist/components/ui/input/group.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+import { Button } from "@/components/ui/button";
+declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): React.JSX.Element;
+declare const inputGroupButtonVariants: (props?: ({
+    size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, "size" | "type"> & VariantProps<typeof inputGroupButtonVariants> & {
+    type?: "button" | "submit" | "reset";
+}): React.JSX.Element;
+declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function InputGroupInput({ className, ...props }: React.ComponentProps<"input">): React.JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<"textarea">): React.JSX.Element;
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, };

package/dist/components/ui/input/group.js

@@ -0,0 +1,78 @@
+"use client";
+import { cn as e } from "../../../lib/utils.js";
+import { Button as t } from "../button/index.js";
+import { Textarea as n } from "../textarea/index.js";
+import { InputPrimitive as r } from "./primitive.js";
+import "react";
+import { cva as i } from "class-variance-authority";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/ui/input/group.tsx
+function o({ className: t, ...n }) {
+	return /* @__PURE__ */ a("div", {
+		"data-slot": "input-group",
+		role: "group",
+		className: e("group/input-group relative flex h-8 w-full min-w-0 items-center rounded-lg border border-input transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:bg-input/50 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-disabled:bg-input/80 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5", t),
+		...n
+	});
+}
+var s = i("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4", {
+	variants: { align: {
+		"inline-start": "order-first pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]",
+		"inline-end": "order-last pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem]",
+		"block-start": "order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2",
+		"block-end": "order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2"
+	} },
+	defaultVariants: { align: "inline-start" }
+});
+function c({ className: t, align: n = "inline-start", ...r }) {
+	return /* @__PURE__ */ a("div", {
+		role: "group",
+		"data-slot": "input-group-addon",
+		"data-align": n,
+		className: e(s({ align: n }), t),
+		onClick: (e) => {
+			e.target.closest("button") || (e.currentTarget.parentElement?.querySelector("input, textarea"))?.focus();
+		},
+		...r
+	});
+}
+var l = i("flex items-center gap-2 text-sm shadow-none", {
+	variants: { size: {
+		xs: "h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
+		sm: "",
+		"icon-xs": "size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0",
+		"icon-sm": "size-8 p-0 has-[>svg]:p-0"
+	} },
+	defaultVariants: { size: "xs" }
+});
+function u({ className: n, type: r = "button", variant: i = "ghost", size: o = "xs", ...s }) {
+	return /* @__PURE__ */ a(t, {
+		type: r,
+		"data-size": o,
+		variant: i,
+		className: e(l({ size: o }), n),
+		...s
+	});
+}
+function d({ className: t, ...n }) {
+	return /* @__PURE__ */ a("span", {
+		className: e("flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", t),
+		...n
+	});
+}
+function f({ className: t, ...n }) {
+	return /* @__PURE__ */ a(r, {
+		"data-slot": "input-group-control",
+		className: e("flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent", t),
+		...n
+	});
+}
+function p({ className: t, ...r }) {
+	return /* @__PURE__ */ a(n, {
+		"data-slot": "input-group-control",
+		className: e("flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent", t),
+		...r
+	});
+}
+//#endregion
+export { o as InputGroup, c as InputGroupAddon, u as InputGroupButton, f as InputGroupInput, d as InputGroupText, p as InputGroupTextarea };

package/dist/components/ui/input/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs"),n=require("./primitive.cjs"),r=require("./group.cjs"),i=require("../../inputs/input-decorator.cjs"),a=require("../../inputs/clearable-input.cjs"),o=require("../../inputs/date-input.cjs"),s=require("../../inputs/date-range-input.cjs"),c=require("../../inputs/money-input.cjs"),l=require("../../inputs/masked-input.cjs"),u=require("../../inputs/number-input.cjs"),d=require("../../inputs/password-input.cjs"),f=require("../../inputs/phone-input.cjs"),p=require("../../inputs/quantity-input.cjs"),m=require("../../inputs/search-input.cjs");let h=require("react");h=e.__toESM(h,1);let g=require("react/jsx-runtime");function _(e){return typeof e==`string`?e.length:typeof e==`number`?String(e).length:Array.isArray(e)?e.join(``).length:0}var v=h.forwardRef((e,r)=>{let v=e.kind??`text`;if(v===`search`)return(0,g.jsx)(m.SearchInput,{ref:r,...e});if(v===`password`)return(0,g.jsx)(d.PasswordInput,{ref:r,...e});if(v===`number`)return(0,g.jsx)(u.NumberInput,{ref:r,...e});if(v===`phone`)return(0,g.jsx)(f.PhoneInput,{ref:r,...e});if(v===`money`)return(0,g.jsx)(c.MoneyInput,{ref:r,...e});if(v===`quantity`)return(0,g.jsx)(p.QuantityInput,{ref:r,...e});if(v===`masked`)return(0,g.jsx)(l.MaskedInput,{ref:r,...e});if(v===`date`)return(0,g.jsx)(o.DateInput,{ref:r,...e});if(v===`date-range`)return(0,g.jsx)(s.DateRangeInput,{...e});if(v===`clearable`)return(0,g.jsx)(a.ClearableInput,{ref:r,...e});let{value:y,defaultValue:b,leading:x,trailing:S,trailingAction:C,clearable:w=!1,onValueChange:T,onClear:E,clearLabel:D,clearOnEscape:O,focusAfterClear:k,replaceTrailingWhenClear:A,helperText:j,errorText:M,showCharacterCount:N=!1,countFormatter:P,wrapperClassName:F,inputClassName:I,helperClassName:L,leadingPointerEvents:R=!1,trailingPointerEvents:z=!0,onChange:B,maxLength:V,className:H,...U}=e,W=y!==void 0,[G,K]=h.useState(()=>_(b)),q=W?_(y):G,J=M??j,Y=M?`text-destructive`:`text-muted-foreground`,X=e=>{W||K(e.target.value.length),B?.(e)},Z=e=>{X(e),T?.(e.target.value)},Q=w?(0,g.jsx)(a.ClearableInput,{ref:r,value:y,defaultValue:y===void 0?b:void 0,type:U.type??`text`,leadingIcon:x,trailing:S,trailingAction:C,clearable:w,onChange:X,onValueChange:T,onClear:E,clearLabel:D,clearOnEscape:O,focusAfterClear:k,replaceTrailingWhenClear:A,wrapperClassName:F,inputClassName:I,className:H,maxLength:V,...U}):x||S||C?(0,g.jsx)(i.InputDecorator,{ref:r,value:y??void 0,defaultValue:y===void 0?b:void 0,type:U.type??`text`,leading:x,trailing:S,trailingAction:C,leadingPointerEvents:R,trailingPointerEvents:z,wrapperClassName:F,inputClassName:I,className:H,onChange:Z,maxLength:V,...U}):(0,g.jsx)(n.InputPrimitive,{ref:r,value:y??void 0,defaultValue:y===void 0?b:void 0,type:U.type??`text`,className:t.cn(I,H),onChange:Z,maxLength:V,...U});return!J&&!N?Q:(0,g.jsxs)(`div`,{"data-slot":`input-field`,className:`grid gap-1.5`,children:[Q,(0,g.jsxs)(`div`,{"data-slot":`input-meta`,className:`flex items-start justify-between gap-3 px-1`,children:[(0,g.jsx)(`div`,{"data-slot":`input-helper`,className:t.cn(`min-w-0 text-xs leading-5`,Y,L),children:J}),N?(0,g.jsx)(`div`,{"data-slot":`input-count`,className:t.cn(`shrink-0 text-[11px] font-medium tabular-nums`,M?`text-destructive`:`text-muted-foreground`),children:P?.(q,V)??(typeof V==`number`?`${q}/${V}`:q)}):null]})]})});v.displayName=`Input`,exports.Input=v,exports.InputGroup=r.InputGroup,exports.InputGroupAddon=r.InputGroupAddon,exports.InputGroupButton=r.InputGroupButton,exports.InputGroupInput=r.InputGroupInput,exports.InputGroupText=r.InputGroupText,exports.InputGroupTextarea=r.InputGroupTextarea;

package/dist/components/ui/input/index.d.ts

@@ -0,0 +1,75 @@
+import * as React from "react";
+import { type InputPrimitiveProps } from "./primitive";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./group";
+import { type ClearableInputProps } from "@/components/inputs/clearable-input";
+import { type DateInputProps } from "@/components/inputs/date-input";
+import { type DateRangeInputProps } from "@/components/inputs/date-range-input";
+import { type MoneyInputProps } from "@/components/inputs/money-input";
+import { type MaskedInputProps } from "@/components/inputs/masked-input";
+import { type NumberInputProps } from "@/components/inputs/number-input";
+import { type PasswordInputProps } from "@/components/inputs/password-input";
+import { type PhoneInputProps } from "@/components/inputs/phone-input";
+import { type QuantityInputProps } from "@/components/inputs/quantity-input";
+import { type SearchInputProps } from "@/components/inputs/search-input";
+export type InputKind = "text" | "clearable" | "search" | "password" | "number" | "phone" | "money" | "quantity" | "masked" | "date" | "date-range";
+export type InputTextProps = Omit<InputPrimitiveProps, "value"> & {
+    kind?: "text";
+    value?: string | number | readonly string[] | null;
+    onValueChange?: (value: string) => void;
+    leading?: React.ReactNode;
+    trailing?: React.ReactNode;
+    trailingAction?: React.ReactNode;
+    clearable?: boolean;
+    onClear?: () => void;
+    clearLabel?: string;
+    clearOnEscape?: boolean;
+    focusAfterClear?: boolean;
+    replaceTrailingWhenClear?: boolean;
+    helperText?: React.ReactNode;
+    errorText?: React.ReactNode;
+    showCharacterCount?: boolean;
+    countFormatter?: (currentLength: number, maxLength?: number) => React.ReactNode;
+    wrapperClassName?: string;
+    inputClassName?: string;
+    helperClassName?: string;
+    leadingPointerEvents?: boolean;
+    trailingPointerEvents?: boolean;
+};
+export type InputClearableProps = Omit<ClearableInputProps, "kind"> & {
+    kind: "clearable";
+};
+export type InputSearchProps = Omit<SearchInputProps, "kind"> & {
+    kind: "search";
+};
+export type InputPasswordProps = Omit<PasswordInputProps, "kind"> & {
+    kind: "password";
+};
+export type InputNumberProps = Omit<NumberInputProps, "kind"> & {
+    kind: "number";
+};
+export type InputPhoneProps = Omit<PhoneInputProps, "kind"> & {
+    kind: "phone";
+};
+export type InputMoneyProps = Omit<MoneyInputProps, "kind"> & {
+    kind: "money";
+};
+export type InputQuantityProps = Omit<QuantityInputProps, "kind"> & {
+    kind: "quantity";
+};
+export type InputMaskedProps = Omit<MaskedInputProps, "kind"> & {
+    kind: "masked";
+};
+export type InputDateProps = Omit<DateInputProps, "kind"> & {
+    kind: "date";
+};
+export type InputDateRangeProps = Omit<DateRangeInputProps, "onChange" | "onValueChange" | "value"> & {
+    kind: "date-range";
+    onValueChange?: (value: {
+        from?: string;
+        to?: string;
+    }) => void;
+    value?: DateRangeInputProps["value"];
+};
+export type InputProps = InputTextProps | InputClearableProps | InputSearchProps | InputPasswordProps | InputNumberProps | InputPhoneProps | InputMoneyProps | InputQuantityProps | InputMaskedProps | InputDateProps | InputDateRangeProps;
+declare const Input: React.ForwardRefExoticComponent<(Omit<InputTextProps, "ref"> | Omit<InputClearableProps, "ref"> | Omit<InputSearchProps, "ref"> | Omit<InputPasswordProps, "ref"> | Omit<InputNumberProps, "ref"> | Omit<InputPhoneProps, "ref"> | Omit<InputMoneyProps, "ref"> | Omit<InputQuantityProps, "ref"> | Omit<InputMaskedProps, "ref"> | Omit<InputDateProps, "ref"> | Omit<InputDateRangeProps, "ref">) & React.RefAttributes<HTMLInputElement | HTMLDivElement>>;
+export { Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, };

package/dist/components/ui/input/index.js

@@ -0,0 +1,131 @@
+import { cn as e } from "../../../lib/utils.js";
+import { InputPrimitive as t } from "./primitive.js";
+import { InputGroup as n, InputGroupAddon as r, InputGroupButton as i, InputGroupInput as a, InputGroupText as o, InputGroupTextarea as s } from "./group.js";
+import { InputDecorator as c } from "../../inputs/input-decorator.js";
+import { ClearableInput as l } from "../../inputs/clearable-input.js";
+import { DateInput as u } from "../../inputs/date-input.js";
+import { DateRangeInput as d } from "../../inputs/date-range-input.js";
+import { MoneyInput as f } from "../../inputs/money-input.js";
+import { MaskedInput as p } from "../../inputs/masked-input.js";
+import { NumberInput as m } from "../../inputs/number-input.js";
+import { PasswordInput as h } from "../../inputs/password-input.js";
+import { PhoneInput as g } from "../../inputs/phone-input.js";
+import { QuantityInput as _ } from "../../inputs/quantity-input.js";
+import { SearchInput as v } from "../../inputs/search-input.js";
+import * as y from "react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+//#region src/components/ui/input/index.tsx
+function S(e) {
+	return typeof e == "string" ? e.length : typeof e == "number" ? String(e).length : Array.isArray(e) ? e.join("").length : 0;
+}
+var C = y.forwardRef((n, r) => {
+	let i = n.kind ?? "text";
+	if (i === "search") return /* @__PURE__ */ b(v, {
+		ref: r,
+		...n
+	});
+	if (i === "password") return /* @__PURE__ */ b(h, {
+		ref: r,
+		...n
+	});
+	if (i === "number") return /* @__PURE__ */ b(m, {
+		ref: r,
+		...n
+	});
+	if (i === "phone") return /* @__PURE__ */ b(g, {
+		ref: r,
+		...n
+	});
+	if (i === "money") return /* @__PURE__ */ b(f, {
+		ref: r,
+		...n
+	});
+	if (i === "quantity") return /* @__PURE__ */ b(_, {
+		ref: r,
+		...n
+	});
+	if (i === "masked") return /* @__PURE__ */ b(p, {
+		ref: r,
+		...n
+	});
+	if (i === "date") return /* @__PURE__ */ b(u, {
+		ref: r,
+		...n
+	});
+	if (i === "date-range") return /* @__PURE__ */ b(d, { ...n });
+	if (i === "clearable") return /* @__PURE__ */ b(l, {
+		ref: r,
+		...n
+	});
+	let { value: a, defaultValue: o, leading: s, trailing: C, trailingAction: w, clearable: T = !1, onValueChange: E, onClear: D, clearLabel: O, clearOnEscape: k, focusAfterClear: A, replaceTrailingWhenClear: j, helperText: M, errorText: N, showCharacterCount: P = !1, countFormatter: F, wrapperClassName: I, inputClassName: L, helperClassName: R, leadingPointerEvents: z = !1, trailingPointerEvents: B = !0, onChange: V, maxLength: H, className: U, ...W } = n, G = a !== void 0, [K, q] = y.useState(() => S(o)), J = G ? S(a) : K, Y = N ?? M, X = N ? "text-destructive" : "text-muted-foreground", Z = (e) => {
+		G || q(e.target.value.length), V?.(e);
+	}, Q = (e) => {
+		Z(e), E?.(e.target.value);
+	}, $ = T ? /* @__PURE__ */ b(l, {
+		ref: r,
+		value: a,
+		defaultValue: a === void 0 ? o : void 0,
+		type: W.type ?? "text",
+		leadingIcon: s,
+		trailing: C,
+		trailingAction: w,
+		clearable: T,
+		onChange: Z,
+		onValueChange: E,
+		onClear: D,
+		clearLabel: O,
+		clearOnEscape: k,
+		focusAfterClear: A,
+		replaceTrailingWhenClear: j,
+		wrapperClassName: I,
+		inputClassName: L,
+		className: U,
+		maxLength: H,
+		...W
+	}) : s || C || w ? /* @__PURE__ */ b(c, {
+		ref: r,
+		value: a ?? void 0,
+		defaultValue: a === void 0 ? o : void 0,
+		type: W.type ?? "text",
+		leading: s,
+		trailing: C,
+		trailingAction: w,
+		leadingPointerEvents: z,
+		trailingPointerEvents: B,
+		wrapperClassName: I,
+		inputClassName: L,
+		className: U,
+		onChange: Q,
+		maxLength: H,
+		...W
+	}) : /* @__PURE__ */ b(t, {
+		ref: r,
+		value: a ?? void 0,
+		defaultValue: a === void 0 ? o : void 0,
+		type: W.type ?? "text",
+		className: e(L, U),
+		onChange: Q,
+		maxLength: H,
+		...W
+	});
+	return !Y && !P ? $ : /* @__PURE__ */ x("div", {
+		"data-slot": "input-field",
+		className: "grid gap-1.5",
+		children: [$, /* @__PURE__ */ x("div", {
+			"data-slot": "input-meta",
+			className: "flex items-start justify-between gap-3 px-1",
+			children: [/* @__PURE__ */ b("div", {
+				"data-slot": "input-helper",
+				className: e("min-w-0 text-xs leading-5", X, R),
+				children: Y
+			}), P ? /* @__PURE__ */ b("div", {
+				"data-slot": "input-count",
+				className: e("shrink-0 text-[11px] font-medium tabular-nums", N ? "text-destructive" : "text-muted-foreground"),
+				children: F?.(J, H) ?? (typeof H == "number" ? `${J}/${H}` : J)
+			}) : null]
+		})]
+	});
+});
+C.displayName = "Input";
+//#endregion
+export { C as Input, n as InputGroup, r as InputGroupAddon, i as InputGroupButton, a as InputGroupInput, o as InputGroupText, s as InputGroupTextarea };

package/dist/components/ui/input/primitive.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime"),i=require("@base-ui/react/input");function a({className:e,type:n,...a}){return(0,r.jsx)(i.Input,{type:n,"data-slot":`input`,className:t.cn(`h-11 w-full min-w-0 rounded-[var(--aui-control-radius,var(--radius-lg))] border border-[color:color-mix(in_oklch,var(--aui-control-border-strong,var(--input)),var(--foreground)_6%)] bg-[color:var(--aui-control-surface,var(--background))] px-4 py-2.5 text-sm font-medium text-foreground shadow-[var(--aui-shadow-xs,0_1px_2px_rgba(15,23,42,0.04))] transition-[background-color,border-color,box-shadow,color] outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground/72 hover:border-[color:color-mix(in_oklch,var(--aui-control-hover-border,var(--ring)),var(--foreground)_10%)] hover:bg-[color:var(--aui-control-surface-hover,var(--background))] focus-visible:border-[color:var(--ring)] focus-visible:ring-0 focus-visible:shadow-[var(--aui-shadow-xs,0_1px_2px_rgba(15,23,42,0.04)),0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_5px_var(--aui-focus-ring-soft,transparent)] disabled:pointer-events-none disabled:cursor-not-allowed disabled:border-[color:color-mix(in_oklch,var(--border),transparent_18%)] disabled:bg-[color:var(--aui-control-surface-disabled,var(--muted))] disabled:text-muted-foreground disabled:shadow-none disabled:opacity-100 read-only:bg-[color:var(--aui-control-surface-readonly,var(--muted))]`,e),...a})}exports.InputPrimitive=a;

package/dist/components/ui/input/primitive.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export type InputPrimitiveProps = React.ComponentProps<"input"> & {
+    type?: string;
+};
+declare function InputPrimitive({ className, type, ...props }: InputPrimitiveProps): React.JSX.Element;
+export { InputPrimitive };