@runlume/admin-ui 0.1.0 → 0.2.1

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

@@ -0,0 +1,124 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { DropdownMenu as t } from "radix-ui";
+import { CheckIcon as n, ChevronRightIcon as r, CircleIcon as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/ui/dropdown-menu.tsx
+function s({ ...e }) {
+	return /* @__PURE__ */ a(t.Root, {
+		"data-slot": "dropdown-menu",
+		...e
+	});
+}
+function c({ ...e }) {
+	return /* @__PURE__ */ a(t.Portal, {
+		"data-slot": "dropdown-menu-portal",
+		...e
+	});
+}
+function l({ ...e }) {
+	return /* @__PURE__ */ a(t.Trigger, {
+		"data-slot": "dropdown-menu-trigger",
+		...e
+	});
+}
+function u({ className: n, sideOffset: r = 4, ...i }) {
+	return /* @__PURE__ */ a(t.Portal, { children: /* @__PURE__ */ a(t.Content, {
+		"data-slot": "dropdown-menu-content",
+		sideOffset: r,
+		className: e("z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", n),
+		...i
+	}) });
+}
+function d({ ...e }) {
+	return /* @__PURE__ */ a(t.Group, {
+		"data-slot": "dropdown-menu-group",
+		...e
+	});
+}
+function f({ className: n, inset: r, variant: i = "default", ...o }) {
+	return /* @__PURE__ */ a(t.Item, {
+		"data-slot": "dropdown-menu-item",
+		"data-inset": r,
+		"data-variant": i,
+		className: e("relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!", n),
+		...o
+	});
+}
+function p({ className: r, children: i, checked: s, indicator: c = "leading", ...l }) {
+	let u = c === "trailing";
+	return /* @__PURE__ */ o(t.CheckboxItem, {
+		"data-slot": "dropdown-menu-checkbox-item",
+		className: e("relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", u && "gap-2 pl-2", r),
+		checked: s,
+		...l,
+		children: [/* @__PURE__ */ a("span", {
+			className: e("pointer-events-none flex size-3.5 items-center justify-center", u ? "order-last" : "absolute left-2"),
+			children: /* @__PURE__ */ a(t.ItemIndicator, { children: /* @__PURE__ */ a(n, { className: "size-4" }) })
+		}), i]
+	});
+}
+function m({ ...e }) {
+	return /* @__PURE__ */ a(t.RadioGroup, {
+		"data-slot": "dropdown-menu-radio-group",
+		...e
+	});
+}
+function h({ className: n, children: r, ...s }) {
+	return /* @__PURE__ */ o(t.RadioItem, {
+		"data-slot": "dropdown-menu-radio-item",
+		className: e("relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", n),
+		...s,
+		children: [/* @__PURE__ */ a("span", {
+			className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+			children: /* @__PURE__ */ a(t.ItemIndicator, { children: /* @__PURE__ */ a(i, { className: "size-2 fill-current" }) })
+		}), r]
+	});
+}
+function g({ className: n, inset: r, ...i }) {
+	return /* @__PURE__ */ a(t.Label, {
+		"data-slot": "dropdown-menu-label",
+		"data-inset": r,
+		className: e("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", n),
+		...i
+	});
+}
+function _({ className: n, ...r }) {
+	return /* @__PURE__ */ a(t.Separator, {
+		"data-slot": "dropdown-menu-separator",
+		className: e("-mx-1 my-1 h-px bg-border", n),
+		...r
+	});
+}
+function v({ className: t, ...n }) {
+	return /* @__PURE__ */ a("span", {
+		"data-slot": "dropdown-menu-shortcut",
+		className: e("ml-auto text-xs tracking-widest text-muted-foreground", t),
+		...n
+	});
+}
+function y({ ...e }) {
+	return /* @__PURE__ */ a(t.Sub, {
+		"data-slot": "dropdown-menu-sub",
+		...e
+	});
+}
+function b({ className: n, inset: i, children: s, ...c }) {
+	return /* @__PURE__ */ o(t.SubTrigger, {
+		"data-slot": "dropdown-menu-sub-trigger",
+		"data-inset": i,
+		className: e("flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[inset]:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground", n),
+		...c,
+		children: [s, /* @__PURE__ */ a(r, { className: "ml-auto size-4" })]
+	});
+}
+function x({ className: n, ...r }) {
+	return /* @__PURE__ */ a(t.SubContent, {
+		"data-slot": "dropdown-menu-sub-content",
+		className: e("z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", n),
+		...r
+	});
+}
+//#endregion
+export { s as DropdownMenu, p as DropdownMenuCheckboxItem, u as DropdownMenuContent, d as DropdownMenuGroup, f as DropdownMenuItem, g as DropdownMenuLabel, c as DropdownMenuPortal, m as DropdownMenuRadioGroup, h as DropdownMenuRadioItem, _ as DropdownMenuSeparator, v as DropdownMenuShortcut, y as DropdownMenuSub, x as DropdownMenuSubContent, b as DropdownMenuSubTrigger, l as DropdownMenuTrigger };

package/dist-package/components/ui/file-upload.cjs

@@ -0,0 +1 @@
+const e=require("../../lib/utils.cjs"),t=require("./button.cjs"),n=require("../../lib/use-ui-translation.cjs"),r=require("./progress.cjs");let i=require("react"),a=require("lucide-react"),o=require("react/jsx-runtime");function s(e){return e<1024?`${e} B`:e<1048576?`${(e/1024).toFixed(1)} KB`:`${(e/1024/1024).toFixed(1)} MB`}function c({files:c,onFilesChange:l,accept:u,maxSize:d=10485760,multiple:f=!0,concurrency:p=3,uploader:m,label:h,className:g}){let{t:_}=n.useUiTranslation(),v=(0,i.useRef)(null),[y,b]=(0,i.useState)(!1),x=(0,i.useRef)(new Map);function S(e){if(!e?.length)return;let t=Array.from(e).slice(0,f?void 0:1).map(e=>{let t=`.${e.name.split(`.`).pop()?.toLowerCase()??``}`,n=u&&!u.split(`,`).some(e=>e.trim().toLowerCase()===t)?_(`fileUpload.typeError`,{accept:u}):e.size>d?_(`fileUpload.sizeError`,{size:s(d)}):void 0,r=new AbortController,i={id:`${e.name}-${e.size}-${e.lastModified}`,name:e.name,size:e.size,progress:n?0:100,error:n,status:n?`failed`:`pending`};if(m&&!n){let t=i.id;x.current.set(t,r),i.status=`uploading`,m(e,r.signal,e=>{l(c.map(n=>n.id===t?{...n,progress:e}:n))}).then(()=>l(c.map(e=>e.id===t?{...e,status:`done`}:e))).catch(e=>{let n=e?.name===`AbortError`;l(c.map(e=>e.id===t?n?{...e,status:`pending`,progress:0}:{...e,status:`failed`,error:`上传失败，请重试`}:e))}).finally(()=>x.current.delete(t))}return i});l(f?[...c,...t]:t)}return(0,o.jsxs)(`div`,{"data-slot":`file-upload`,className:e.cn(`space-y-3`,g),children:[(0,o.jsxs)(`div`,{role:`button`,tabIndex:0,"aria-label":h,onClick:()=>v.current?.click(),onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),v.current?.click())},onDragOver:e=>{e.preventDefault(),b(!0)},onDragLeave:()=>b(!1),onDrop:e=>{e.preventDefault(),b(!1),S(e.dataTransfer.files)},className:e.cn(`flex cursor-pointer flex-col items-center justify-center gap-2 rounded-xl border border-dashed p-6 text-center text-sm`,`hover:border-primary/50 hover:bg-accent/40 focus-visible:ring-2 focus-visible:ring-ring/40 focus-visible:outline-none`,y&&`border-primary bg-accent/50`),children:[(0,o.jsx)(a.UploadCloud,{"aria-hidden":`true`,className:`size-6 text-muted-foreground`}),(0,o.jsx)(`span`,{children:_(`fileUpload.hint`)}),(0,o.jsxs)(`span`,{className:`text-xs text-muted-foreground`,children:[u?`${u} · `:``,_(`fileUpload.limit`,{size:s(d)})]}),(0,o.jsx)(`input`,{ref:v,type:`file`,hidden:!0,accept:u,multiple:f,onChange:e=>{S(e.target.files),e.target.value=``}})]}),c.length>0&&(0,o.jsx)(`ul`,{className:`space-y-2`,children:c.map(e=>(0,o.jsxs)(`li`,{className:`rounded-lg border p-2.5`,children:[(0,o.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,o.jsx)(a.FileUp,{"aria-hidden":`true`,className:`size-4 shrink-0 text-muted-foreground`}),(0,o.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-sm`,children:e.name}),(0,o.jsx)(`span`,{className:`shrink-0 text-xs text-muted-foreground`,children:s(e.size)}),e.status===`uploading`&&(0,o.jsx)(t.Button,{type:`button`,variant:`ghost`,size:`xs`,onClick:()=>{x.current.get(e.id)?.abort(),l(c.filter(t=>t.id!==e.id))},children:_(`cancel`)}),(0,o.jsx)(t.Button,{type:`button`,variant:`ghost`,size:`icon-xs`,"aria-label":`${_(`sample.remove`)} ${e.name}`,onClick:()=>l(c.filter(t=>t.id!==e.id)),children:(0,o.jsx)(a.Trash2,{"aria-hidden":`true`})})]}),e.error?(0,o.jsxs)(`div`,{className:`mt-1 flex items-center justify-between gap-2`,children:[(0,o.jsx)(`p`,{className:`text-xs text-destructive`,children:e.error}),(0,o.jsx)(`button`,{type:`button`,className:`text-xs text-primary hover:underline`,onClick:()=>l(c.map(t=>t.id===e.id?{...t,error:void 0,status:`pending`,progress:0}:t)),children:_(`retry`)})]}):(0,o.jsxs)(`div`,{className:`mt-2 space-y-1`,children:[(0,o.jsx)(r.Progress,{value:e.progress,label:e.name}),(0,o.jsxs)(`div`,{className:`flex items-center justify-between text-[11px] text-muted-foreground`,children:[(0,o.jsx)(`span`,{children:e.status===`uploading`?_(`fileUpload.uploading`):e.status===`done`?_(`fileUpload.done`):_(`fileUpload.pending`)}),(0,o.jsx)(`span`,{children:_(`fileUpload.concurrent`,{count:p})})]})]})]},e.id))})]})}exports.FileUpload=c;

package/dist-package/components/ui/file-upload.js

@@ -0,0 +1,160 @@
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "./button.js";
+import { useUiTranslation as n } from "../../lib/use-ui-translation.js";
+import { Progress as r } from "./progress.js";
+import { useRef as i, useState as a } from "react";
+import { FileUp as o, Trash2 as s, UploadCloud as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/ui/file-upload.tsx
+function d(e) {
+	return e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(1)} KB` : `${(e / 1024 / 1024).toFixed(1)} MB`;
+}
+function f({ files: f, onFilesChange: p, accept: m, maxSize: h = 10485760, multiple: g = !0, concurrency: _ = 3, uploader: v, label: y, className: b }) {
+	let { t: x } = n(), S = i(null), [C, w] = a(!1), T = i(/* @__PURE__ */ new Map());
+	function E(e) {
+		if (!e?.length) return;
+		let t = Array.from(e).slice(0, g ? void 0 : 1).map((e) => {
+			let t = `.${e.name.split(".").pop()?.toLowerCase() ?? ""}`, n = m && !m.split(",").some((e) => e.trim().toLowerCase() === t) ? x("fileUpload.typeError", { accept: m }) : e.size > h ? x("fileUpload.sizeError", { size: d(h) }) : void 0, r = new AbortController(), i = {
+				id: `${e.name}-${e.size}-${e.lastModified}`,
+				name: e.name,
+				size: e.size,
+				progress: n ? 0 : 100,
+				error: n,
+				status: n ? "failed" : "pending"
+			};
+			if (v && !n) {
+				let t = i.id;
+				T.current.set(t, r), i.status = "uploading", v(e, r.signal, (e) => {
+					p(f.map((n) => n.id === t ? {
+						...n,
+						progress: e
+					} : n));
+				}).then(() => p(f.map((e) => e.id === t ? {
+					...e,
+					status: "done"
+				} : e))).catch((e) => {
+					let n = e?.name === "AbortError";
+					p(f.map((e) => e.id === t ? n ? {
+						...e,
+						status: "pending",
+						progress: 0
+					} : {
+						...e,
+						status: "failed",
+						error: "上传失败，请重试"
+					} : e));
+				}).finally(() => T.current.delete(t));
+			}
+			return i;
+		});
+		p(g ? [...f, ...t] : t);
+	}
+	return /* @__PURE__ */ u("div", {
+		"data-slot": "file-upload",
+		className: e("space-y-3", b),
+		children: [/* @__PURE__ */ u("div", {
+			role: "button",
+			tabIndex: 0,
+			"aria-label": y,
+			onClick: () => S.current?.click(),
+			onKeyDown: (e) => {
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), S.current?.click());
+			},
+			onDragOver: (e) => {
+				e.preventDefault(), w(!0);
+			},
+			onDragLeave: () => w(!1),
+			onDrop: (e) => {
+				e.preventDefault(), w(!1), E(e.dataTransfer.files);
+			},
+			className: e("flex cursor-pointer flex-col items-center justify-center gap-2 rounded-xl border border-dashed p-6 text-center text-sm", "hover:border-primary/50 hover:bg-accent/40 focus-visible:ring-2 focus-visible:ring-ring/40 focus-visible:outline-none", C && "border-primary bg-accent/50"),
+			children: [
+				/* @__PURE__ */ l(c, {
+					"aria-hidden": "true",
+					className: "size-6 text-muted-foreground"
+				}),
+				/* @__PURE__ */ l("span", { children: x("fileUpload.hint") }),
+				/* @__PURE__ */ u("span", {
+					className: "text-xs text-muted-foreground",
+					children: [m ? `${m} · ` : "", x("fileUpload.limit", { size: d(h) })]
+				}),
+				/* @__PURE__ */ l("input", {
+					ref: S,
+					type: "file",
+					hidden: !0,
+					accept: m,
+					multiple: g,
+					onChange: (e) => {
+						E(e.target.files), e.target.value = "";
+					}
+				})
+			]
+		}), f.length > 0 && /* @__PURE__ */ l("ul", {
+			className: "space-y-2",
+			children: f.map((e) => /* @__PURE__ */ u("li", {
+				className: "rounded-lg border p-2.5",
+				children: [/* @__PURE__ */ u("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ l(o, {
+							"aria-hidden": "true",
+							className: "size-4 shrink-0 text-muted-foreground"
+						}),
+						/* @__PURE__ */ l("span", {
+							className: "min-w-0 flex-1 truncate text-sm",
+							children: e.name
+						}),
+						/* @__PURE__ */ l("span", {
+							className: "shrink-0 text-xs text-muted-foreground",
+							children: d(e.size)
+						}),
+						e.status === "uploading" && /* @__PURE__ */ l(t, {
+							type: "button",
+							variant: "ghost",
+							size: "xs",
+							onClick: () => {
+								T.current.get(e.id)?.abort(), p(f.filter((t) => t.id !== e.id));
+							},
+							children: x("cancel")
+						}),
+						/* @__PURE__ */ l(t, {
+							type: "button",
+							variant: "ghost",
+							size: "icon-xs",
+							"aria-label": `${x("sample.remove")} ${e.name}`,
+							onClick: () => p(f.filter((t) => t.id !== e.id)),
+							children: /* @__PURE__ */ l(s, { "aria-hidden": "true" })
+						})
+					]
+				}), e.error ? /* @__PURE__ */ u("div", {
+					className: "mt-1 flex items-center justify-between gap-2",
+					children: [/* @__PURE__ */ l("p", {
+						className: "text-xs text-destructive",
+						children: e.error
+					}), /* @__PURE__ */ l("button", {
+						type: "button",
+						className: "text-xs text-primary hover:underline",
+						onClick: () => p(f.map((t) => t.id === e.id ? {
+							...t,
+							error: void 0,
+							status: "pending",
+							progress: 0
+						} : t)),
+						children: x("retry")
+					})]
+				}) : /* @__PURE__ */ u("div", {
+					className: "mt-2 space-y-1",
+					children: [/* @__PURE__ */ l(r, {
+						value: e.progress,
+						label: e.name
+					}), /* @__PURE__ */ u("div", {
+						className: "flex items-center justify-between text-[11px] text-muted-foreground",
+						children: [/* @__PURE__ */ l("span", { children: e.status === "uploading" ? x("fileUpload.uploading") : e.status === "done" ? x("fileUpload.done") : x("fileUpload.pending") }), /* @__PURE__ */ l("span", { children: x("fileUpload.concurrent", { count: _ }) })]
+					})]
+				})]
+			}, e.id))
+		})]
+	});
+}
+//#endregion
+export { f as FileUpload };

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

@@ -0,0 +1 @@
+const e=require("../../lib/utils.cjs");let t=require("radix-ui"),n=require("react/jsx-runtime");function r(e){return(0,n.jsx)(t.HoverCard.Root,{"data-slot":`hover-card`,closeDelay:80,...e})}function i(e){return(0,n.jsx)(t.HoverCard.Trigger,{"data-slot":`hover-card-trigger`,...e})}function a({className:r,align:i=`start`,sideOffset:a=6,...o}){return(0,n.jsx)(t.HoverCard.Portal,{children:(0,n.jsx)(t.HoverCard.Content,{"data-slot":`hover-card-content`,align:i,sideOffset:a,className:e.cn(`z-50 w-64 rounded-lg border bg-popover p-3 text-sm shadow-md outline-none`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0`,r),...o})})}exports.HoverCard=r,exports.HoverCardContent=a,exports.HoverCardTrigger=i;

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

@@ -0,0 +1,28 @@
+import { cn as e } from "../../lib/utils.js";
+import { HoverCard as t } from "radix-ui";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/ui/hover-card.tsx
+function r(e) {
+	return /* @__PURE__ */ n(t.Root, {
+		"data-slot": "hover-card",
+		closeDelay: 80,
+		...e
+	});
+}
+function i(e) {
+	return /* @__PURE__ */ n(t.Trigger, {
+		"data-slot": "hover-card-trigger",
+		...e
+	});
+}
+function a({ className: r, align: i = "start", sideOffset: a = 6, ...o }) {
+	return /* @__PURE__ */ n(t.Portal, { children: /* @__PURE__ */ n(t.Content, {
+		"data-slot": "hover-card-content",
+		align: i,
+		sideOffset: a,
+		className: e("z-50 w-64 rounded-lg border bg-popover p-3 text-sm shadow-md outline-none", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0", r),
+		...o
+	}) });
+}
+//#endregion
+export { r as HoverCard, a as HoverCardContent, i as HoverCardTrigger };

package/dist-package/components/ui/input-otp.cjs

@@ -0,0 +1 @@
+const e=require("../../lib/utils.cjs");let t=require("react"),n=require("react/jsx-runtime");function r({value:r,onValueChange:i,length:a=6,id:o,label:s,fill:c=!1,invalid:l=!1,describedBy:u,className:d}){let f=(0,t.useRef)(null),p=Array.from({length:a},(e,t)=>r[t]??``);return(0,n.jsxs)(`div`,{className:e.cn(`relative`,d),children:[(0,n.jsx)(`input`,{ref:f,id:o,"aria-label":s,"aria-invalid":l||void 0,"aria-describedby":u,inputMode:`numeric`,autoComplete:`one-time-code`,maxLength:a,value:r,className:`absolute inset-0 z-10 h-full w-full cursor-text appearance-none border-0 bg-transparent p-0 text-transparent caret-transparent shadow-none outline-none focus:border-0 focus:ring-0 focus-visible:border-0 focus-visible:ring-0 focus-visible:outline-none`,onChange:e=>i(e.target.value.replace(/\D/g,``).slice(0,a))}),(0,n.jsx)(`div`,{"aria-hidden":`true`,className:e.cn(`flex items-center gap-2`,c&&`w-full`),onClick:()=>f.current?.focus(),children:p.map((t,i)=>(0,n.jsx)(`span`,{className:e.cn(`flex h-10 items-center justify-center rounded-lg border bg-card text-base font-medium tabular-nums`,c?`min-w-0 flex-1`:`size-10`,t&&`border-primary/50`,l&&`border-destructive`,i===r.length&&`border-ring ring-2 ring-ring/20`),children:t},i))})]})}exports.InputOTP=r;

package/dist-package/components/ui/input-otp.js

@@ -0,0 +1,33 @@
+import { cn as e } from "../../lib/utils.js";
+import { useRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/ui/input-otp.tsx
+function i({ value: i, onValueChange: a, length: o = 6, id: s, label: c, fill: l = !1, invalid: u = !1, describedBy: d, className: f }) {
+	let p = t(null), m = Array.from({ length: o }, (e, t) => i[t] ?? "");
+	return /* @__PURE__ */ r("div", {
+		className: e("relative", f),
+		children: [/* @__PURE__ */ n("input", {
+			ref: p,
+			id: s,
+			"aria-label": c,
+			"aria-invalid": u || void 0,
+			"aria-describedby": d,
+			inputMode: "numeric",
+			autoComplete: "one-time-code",
+			maxLength: o,
+			value: i,
+			className: "absolute inset-0 z-10 h-full w-full cursor-text appearance-none border-0 bg-transparent p-0 text-transparent caret-transparent shadow-none outline-none focus:border-0 focus:ring-0 focus-visible:border-0 focus-visible:ring-0 focus-visible:outline-none",
+			onChange: (e) => a(e.target.value.replace(/\D/g, "").slice(0, o))
+		}), /* @__PURE__ */ n("div", {
+			"aria-hidden": "true",
+			className: e("flex items-center gap-2", l && "w-full"),
+			onClick: () => p.current?.focus(),
+			children: m.map((t, r) => /* @__PURE__ */ n("span", {
+				className: e("flex h-10 items-center justify-center rounded-lg border bg-card text-base font-medium tabular-nums", l ? "min-w-0 flex-1" : "size-10", t && "border-primary/50", u && "border-destructive", r === i.length && "border-ring ring-2 ring-ring/20"),
+				children: t
+			}, r))
+		})]
+	});
+}
+//#endregion
+export { i as InputOTP };

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

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../../lib/use-ui-translation.cjs"),r=require("./time-input.cjs"),i=require("./date-input.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("lucide-react"),s=require("react/jsx-runtime");function c({className:e,type:c,start:d,end:f,clearable:p=!1,onClear:m,ref:h,...g}){let{t:_}=n.useUiTranslation(),[v,y]=a.useState(!1),b=c===`password`,x=b&&v?`text`:c,S=x===`date`||x===`datetime-local`?i.DateInput:x===`time`?r.TimeInput:`input`,C=p&&String(g.value??``).length>0;return!d&&!f&&!p&&!b?(0,s.jsx)(S,{ref:h,type:x,"data-slot":`input`,className:t.cn(l,e),...g}):(0,s.jsxs)(`div`,{"data-slot":`input-wrapper`,className:t.cn(`group relative flex h-10 w-full items-center overflow-hidden rounded-lg border border-input bg-card transition-[border-color,box-shadow,background-color] dark:bg-input/30`,`focus-within:border-ring focus-within:ring-2 focus-within:ring-ring/20`,`has-[[aria-invalid=true]]:border-destructive has-[[aria-invalid=true]]:ring-2 has-[[aria-invalid=true]]:ring-destructive/20`,`has-[:disabled]:pointer-events-none has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50`),children:[d&&(0,s.jsx)(`span`,{className:`flex shrink-0 items-center pl-3 text-muted-foreground [&_svg:not([class*='size-'])]:size-4`,children:d}),(0,s.jsx)(S,{ref:h,type:x,"data-slot":`input`,className:t.cn(u,e),...g}),(0,s.jsxs)(`span`,{className:`flex shrink-0 items-center gap-1 pr-2 text-muted-foreground [&_svg:not([class*='size-'])]:size-4`,children:[f,C&&(0,s.jsx)(`button`,{type:`button`,"aria-label":_(`clear`),className:`rounded p-0.5 hover:text-foreground`,onClick:()=>{m?.()},children:(0,s.jsx)(o.X,{"aria-hidden":`true`,className:`size-3.5`})}),b&&(0,s.jsx)(`button`,{type:`button`,"aria-label":_(v?`hidePassword`:`showPassword`),className:`rounded p-0.5 hover:text-foreground`,onClick:()=>y(e=>!e),children:v?(0,s.jsx)(o.EyeOff,{"aria-hidden":`true`,className:`size-3.5`}):(0,s.jsx)(o.Eye,{"aria-hidden":`true`,className:`size-3.5`})})]})]})}var l=`h-10 w-full min-w-0 rounded-lg border border-input bg-card px-3.5 py-2 text-base shadow-none transition-[border-color,box-shadow,background-color] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-accent file:rounded-md file:mr-3 file:px-3 file:text-sm file:font-medium file:text-accent-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30 focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/20 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40`,u=`h-full w-full min-w-0 border-0 bg-transparent px-3.5 py-2 text-base shadow-none outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus:border-0 focus:ring-0 focus-visible:border-0 focus-visible:ring-0 focus-visible:outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm`;exports.Input=c,exports.inputBaseClass=l;

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

@@ -0,0 +1,65 @@
+import { cn as e } from "../../lib/utils.js";
+import { useUiTranslation as t } from "../../lib/use-ui-translation.js";
+import { TimeInput as n } from "./time-input.js";
+import { DateInput as r } from "./date-input.js";
+import * as i from "react";
+import { Eye as a, EyeOff as o, X as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/ui/input.tsx
+function u({ className: u, type: p, start: m, end: h, clearable: g = !1, onClear: _, ref: v, ...y }) {
+	let { t: b } = t(), [x, S] = i.useState(!1), C = p === "password", w = C && x ? "text" : p, T = w === "date" || w === "datetime-local" ? r : w === "time" ? n : "input", E = g && String(y.value ?? "").length > 0;
+	return !m && !h && !g && !C ? /* @__PURE__ */ c(T, {
+		ref: v,
+		type: w,
+		"data-slot": "input",
+		className: e(d, u),
+		...y
+	}) : /* @__PURE__ */ l("div", {
+		"data-slot": "input-wrapper",
+		className: e("group relative flex h-10 w-full items-center overflow-hidden rounded-lg border border-input bg-card transition-[border-color,box-shadow,background-color] dark:bg-input/30", "focus-within:border-ring focus-within:ring-2 focus-within:ring-ring/20", "has-[[aria-invalid=true]]:border-destructive has-[[aria-invalid=true]]:ring-2 has-[[aria-invalid=true]]:ring-destructive/20", "has-[:disabled]:pointer-events-none has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50"),
+		children: [
+			m && /* @__PURE__ */ c("span", {
+				className: "flex shrink-0 items-center pl-3 text-muted-foreground [&_svg:not([class*='size-'])]:size-4",
+				children: m
+			}),
+			/* @__PURE__ */ c(T, {
+				ref: v,
+				type: w,
+				"data-slot": "input",
+				className: e(f, u),
+				...y
+			}),
+			/* @__PURE__ */ l("span", {
+				className: "flex shrink-0 items-center gap-1 pr-2 text-muted-foreground [&_svg:not([class*='size-'])]:size-4",
+				children: [
+					h,
+					E && /* @__PURE__ */ c("button", {
+						type: "button",
+						"aria-label": b("clear"),
+						className: "rounded p-0.5 hover:text-foreground",
+						onClick: () => {
+							_?.();
+						},
+						children: /* @__PURE__ */ c(s, {
+							"aria-hidden": "true",
+							className: "size-3.5"
+						})
+					}),
+					C && /* @__PURE__ */ c("button", {
+						type: "button",
+						"aria-label": b(x ? "hidePassword" : "showPassword"),
+						className: "rounded p-0.5 hover:text-foreground",
+						onClick: () => S((e) => !e),
+						children: c(x ? o : a, {
+							"aria-hidden": "true",
+							className: "size-3.5"
+						})
+					})
+				]
+			})
+		]
+	});
+}
+var d = "h-10 w-full min-w-0 rounded-lg border border-input bg-card px-3.5 py-2 text-base shadow-none transition-[border-color,box-shadow,background-color] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-accent file:rounded-md file:mr-3 file:px-3 file:text-sm file:font-medium file:text-accent-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30 focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/20 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", f = "h-full w-full min-w-0 border-0 bg-transparent px-3.5 py-2 text-base shadow-none outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus:border-0 focus:ring-0 focus-visible:border-0 focus-visible:ring-0 focus-visible:outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm";
+//#endregion
+export { u as Input, d as inputBaseClass };

package/dist-package/components/ui/kbd.cjs

@@ -0,0 +1 @@
+const e=require("../../lib/utils.cjs");let t=require("react/jsx-runtime");function n({className:n,children:r,...i}){return(0,t.jsx)(`kbd`,{"data-slot":`kbd`,className:e.cn(`inline-flex h-5 min-w-5 items-center justify-center rounded border bg-muted px-1.5 font-mono text-[11px] font-medium text-muted-foreground`,n),...i,children:r})}function r({className:n,children:r}){return(0,t.jsx)(`span`,{"data-slot":`kbd-group`,className:e.cn(`inline-flex items-center gap-1`,n),children:r})}exports.Kbd=n,exports.KbdGroup=r;

package/dist-package/components/ui/kbd.js

@@ -0,0 +1,20 @@
+import { cn as e } from "../../lib/utils.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/ui/kbd.tsx
+function n({ className: n, children: r, ...i }) {
+	return /* @__PURE__ */ t("kbd", {
+		"data-slot": "kbd",
+		className: e("inline-flex h-5 min-w-5 items-center justify-center rounded border bg-muted px-1.5 font-mono text-[11px] font-medium text-muted-foreground", n),
+		...i,
+		children: r
+	});
+}
+function r({ className: n, children: r }) {
+	return /* @__PURE__ */ t("span", {
+		"data-slot": "kbd-group",
+		className: e("inline-flex items-center gap-1", n),
+		children: r
+	});
+}
+//#endregion
+export { n as Kbd, r as KbdGroup };

package/dist-package/components/ui/label.cjs

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("radix-ui"),i=require("react/jsx-runtime");function a({className:e,...n}){return(0,i.jsx)(r.Label.Root,{"data-slot":`label`,className:t.cn(`flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50`,e),...n})}exports.Label=a;

package/dist-package/components/ui/label.js

@@ -0,0 +1,14 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { Label as t } from "radix-ui";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/ui/label.tsx
+function r({ className: r, ...i }) {
+	return /* @__PURE__ */ n(t.Root, {
+		"data-slot": "label",
+		className: e("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", r),
+		...i
+	});
+}
+//#endregion
+export { r as Label };

package/dist-package/components/ui/native-select.cjs

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("radix-ui"),i=require("lucide-react"),a=require("react/jsx-runtime");function o(e,t,r=!1){return n.Children.toArray(e).flatMap(e=>n.isValidElement(e)?e.type===n.Fragment?o(e.props.children,t,r):e.type===`optgroup`||e.type===l?o(e.props.children,e.props.label,e.props.disabled):[{value:String(e.props.value??e.props.children??``),label:e.props.children,disabled:r||e.props.disabled,group:t}]:[])}function s({className:e,size:s=`default`,children:c,value:l,defaultValue:u,onChange:d,ref:f,id:p,name:m,disabled:h,required:g,onInvalid:_,...v}){let y=o(c),b=String(u??y.find(e=>!e.disabled)?.value??``),[x,S]=n.useState(b),C=l===void 0?x:String(l),w=y.findIndex(e=>e.value===C),T=w>=0?w:y.findIndex(e=>!e.disabled),E=y[T]?.value??``,D=n.useRef(l===void 0?b:E);n.useLayoutEffect(()=>{D.current=l===void 0?b:E},[l,b,E]);let O=n.useRef(!1),k=n.useRef(null),A=n.useRef(null);n.useImperativeHandle(f,()=>k.current),n.useEffect(()=>{let e=k.current;e.focus=e=>A.current?.focus(e);let t=t=>{O.current=!0,queueMicrotask(()=>{t.defaultPrevented||(S(b),e.value=D.current),O.current=!1})},n=e.form;return n?.addEventListener(`reset`,t,!0),()=>n?.removeEventListener(`reset`,t,!0)},[b]);function j(e){if(O.current||e===``||y[Number(e)]?.value===E)return;let t=k.current,n=y[Number(e)]?.value;n!==void 0&&(Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype,`value`).set.call(t,n),t.dispatchEvent(new Event(`change`,{bubbles:!0})))}return(0,a.jsxs)(`div`,{"data-slot":`native-select-wrapper`,className:`relative w-full min-w-0`,children:[(0,a.jsxs)(r.Select.Root,{value:T<0?``:String(T),onValueChange:j,disabled:h,children:[(0,a.jsxs)(r.Select.Trigger,{value:E,ref:A,id:p,onBlur:()=>k.current?.dispatchEvent(new FocusEvent(`focusout`,{bubbles:!0})),"aria-label":v[`aria-label`],"aria-labelledby":v[`aria-labelledby`],"aria-describedby":v[`aria-describedby`],"aria-invalid":v[`aria-invalid`],"aria-required":g,"data-slot":`select-trigger`,"data-size":s,className:t.cn(`flex h-10 w-full min-w-0 items-center justify-between gap-2 rounded-lg border border-input bg-card px-3.5 text-sm font-normal shadow-none outline-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/20 disabled:cursor-not-allowed disabled:opacity-50 data-[size=sm]:h-8 aria-invalid:border-destructive [&>span:first-child]:truncate`,e),children:[(0,a.jsx)(`span`,{children:y[T]?.label}),(0,a.jsx)(r.Select.Icon,{children:(0,a.jsx)(i.ChevronDown,{"data-slot":`native-select-icon`,className:`size-4 shrink-0 text-muted-foreground`})})]}),(0,a.jsx)(r.Select.Portal,{children:(0,a.jsxs)(r.Select.Content,{position:`popper`,sideOffset:4,"data-slot":`select-content`,className:`z-50 max-h-[min(20rem,var(--radix-select-content-available-height))] min-w-[var(--radix-select-trigger-width)] max-w-[calc(100vw-2rem)] overflow-hidden rounded-lg border bg-popover text-popover-foreground shadow-md`,children:[(0,a.jsx)(r.Select.ScrollUpButton,{className:`flex justify-center py-1`,children:(0,a.jsx)(i.ChevronUp,{className:`size-4`})}),(0,a.jsx)(r.Select.Viewport,{className:`p-1`,children:y.map((e,t)=>(0,a.jsxs)(n.Fragment,{children:[e.group&&y[t-1]?.group!==e.group&&(0,a.jsx)(`div`,{className:`px-3 py-2 text-xs font-medium text-muted-foreground`,children:e.group}),(0,a.jsxs)(r.Select.Item,{value:String(t),"data-value":e.value,disabled:e.disabled,className:`relative flex min-h-9 cursor-default items-center rounded-md py-2 pl-8 pr-3 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[state=checked]:text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50`,children:[(0,a.jsx)(r.Select.ItemIndicator,{className:`absolute left-2`,children:(0,a.jsx)(i.Check,{className:`size-4`})}),(0,a.jsx)(r.Select.ItemText,{children:e.label})]})]},e.value))}),(0,a.jsx)(r.Select.ScrollDownButton,{className:`flex justify-center py-1`,children:(0,a.jsx)(i.ChevronDown,{className:`size-4`})})]})})]}),(0,a.jsx)(`select`,{...v,ref:k,name:m,disabled:h,required:g,value:E,tabIndex:-1,"aria-label":void 0,"aria-labelledby":void 0,"aria-hidden":`true`,className:`sr-only pointer-events-none`,onInvalid:e=>{e.preventDefault(),A.current?.focus(),_?.(e)},onChange:e=>{S(e.target.value),d?.(e)},children:c})]})}function c(e){return(0,a.jsx)(`option`,{...e})}function l(e){return(0,a.jsx)(`optgroup`,{...e})}exports.NativeSelect=s,exports.NativeSelectOptGroup=l,exports.NativeSelectOption=c;

package/dist-package/components/ui/native-select.js

@@ -0,0 +1,125 @@
+import { cn as e } from "../../lib/utils.js";
+import * as t from "react";
+import { Select as n } from "radix-ui";
+import { Check as r, ChevronDown as i, ChevronUp as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/ui/native-select.tsx
+function c(e, n, r = !1) {
+	return t.Children.toArray(e).flatMap((e) => t.isValidElement(e) ? e.type === t.Fragment ? c(e.props.children, n, r) : e.type === "optgroup" || e.type === d ? c(e.props.children, e.props.label, e.props.disabled) : [{
+		value: String(e.props.value ?? e.props.children ?? ""),
+		label: e.props.children,
+		disabled: r || e.props.disabled,
+		group: n
+	}] : []);
+}
+function l({ className: l, size: u = "default", children: d, value: f, defaultValue: p, onChange: m, ref: h, id: g, name: _, disabled: v, required: y, onInvalid: b, ...x }) {
+	let S = c(d), C = String(p ?? S.find((e) => !e.disabled)?.value ?? ""), [w, T] = t.useState(C), E = f === void 0 ? w : String(f), D = S.findIndex((e) => e.value === E), O = D >= 0 ? D : S.findIndex((e) => !e.disabled), k = S[O]?.value ?? "", A = t.useRef(f === void 0 ? C : k);
+	t.useLayoutEffect(() => {
+		A.current = f === void 0 ? C : k;
+	}, [
+		f,
+		C,
+		k
+	]);
+	let j = t.useRef(!1), M = t.useRef(null), N = t.useRef(null);
+	t.useImperativeHandle(h, () => M.current), t.useEffect(() => {
+		let e = M.current;
+		e.focus = (e) => N.current?.focus(e);
+		let t = (t) => {
+			j.current = !0, queueMicrotask(() => {
+				t.defaultPrevented || (T(C), e.value = A.current), j.current = !1;
+			});
+		}, n = e.form;
+		return n?.addEventListener("reset", t, !0), () => n?.removeEventListener("reset", t, !0);
+	}, [C]);
+	function P(e) {
+		if (j.current || e === "" || S[Number(e)]?.value === k) return;
+		let t = M.current, n = S[Number(e)]?.value;
+		n !== void 0 && (Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype, "value").set.call(t, n), t.dispatchEvent(new Event("change", { bubbles: !0 })));
+	}
+	return /* @__PURE__ */ s("div", {
+		"data-slot": "native-select-wrapper",
+		className: "relative w-full min-w-0",
+		children: [/* @__PURE__ */ s(n.Root, {
+			value: O < 0 ? "" : String(O),
+			onValueChange: P,
+			disabled: v,
+			children: [/* @__PURE__ */ s(n.Trigger, {
+				value: k,
+				ref: N,
+				id: g,
+				onBlur: () => M.current?.dispatchEvent(new FocusEvent("focusout", { bubbles: !0 })),
+				"aria-label": x["aria-label"],
+				"aria-labelledby": x["aria-labelledby"],
+				"aria-describedby": x["aria-describedby"],
+				"aria-invalid": x["aria-invalid"],
+				"aria-required": y,
+				"data-slot": "select-trigger",
+				"data-size": u,
+				className: e("flex h-10 w-full min-w-0 items-center justify-between gap-2 rounded-lg border border-input bg-card px-3.5 text-sm font-normal shadow-none outline-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/20 disabled:cursor-not-allowed disabled:opacity-50 data-[size=sm]:h-8 aria-invalid:border-destructive [&>span:first-child]:truncate", l),
+				children: [/* @__PURE__ */ o("span", { children: S[O]?.label }), /* @__PURE__ */ o(n.Icon, { children: /* @__PURE__ */ o(i, {
+					"data-slot": "native-select-icon",
+					className: "size-4 shrink-0 text-muted-foreground"
+				}) })]
+			}), /* @__PURE__ */ o(n.Portal, { children: /* @__PURE__ */ s(n.Content, {
+				position: "popper",
+				sideOffset: 4,
+				"data-slot": "select-content",
+				className: "z-50 max-h-[min(20rem,var(--radix-select-content-available-height))] min-w-[var(--radix-select-trigger-width)] max-w-[calc(100vw-2rem)] overflow-hidden rounded-lg border bg-popover text-popover-foreground shadow-md",
+				children: [
+					/* @__PURE__ */ o(n.ScrollUpButton, {
+						className: "flex justify-center py-1",
+						children: /* @__PURE__ */ o(a, { className: "size-4" })
+					}),
+					/* @__PURE__ */ o(n.Viewport, {
+						className: "p-1",
+						children: S.map((e, i) => /* @__PURE__ */ s(t.Fragment, { children: [e.group && S[i - 1]?.group !== e.group && /* @__PURE__ */ o("div", {
+							className: "px-3 py-2 text-xs font-medium text-muted-foreground",
+							children: e.group
+						}), /* @__PURE__ */ s(n.Item, {
+							value: String(i),
+							"data-value": e.value,
+							disabled: e.disabled,
+							className: "relative flex min-h-9 cursor-default items-center rounded-md py-2 pl-8 pr-3 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[state=checked]:text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+							children: [/* @__PURE__ */ o(n.ItemIndicator, {
+								className: "absolute left-2",
+								children: /* @__PURE__ */ o(r, { className: "size-4" })
+							}), /* @__PURE__ */ o(n.ItemText, { children: e.label })]
+						})] }, e.value))
+					}),
+					/* @__PURE__ */ o(n.ScrollDownButton, {
+						className: "flex justify-center py-1",
+						children: /* @__PURE__ */ o(i, { className: "size-4" })
+					})
+				]
+			}) })]
+		}), /* @__PURE__ */ o("select", {
+			...x,
+			ref: M,
+			name: _,
+			disabled: v,
+			required: y,
+			value: k,
+			tabIndex: -1,
+			"aria-label": void 0,
+			"aria-labelledby": void 0,
+			"aria-hidden": "true",
+			className: "sr-only pointer-events-none",
+			onInvalid: (e) => {
+				e.preventDefault(), N.current?.focus(), b?.(e);
+			},
+			onChange: (e) => {
+				T(e.target.value), m?.(e);
+			},
+			children: d
+		})]
+	});
+}
+function u(e) {
+	return /* @__PURE__ */ o("option", { ...e });
+}
+function d(e) {
+	return /* @__PURE__ */ o("optgroup", { ...e });
+}
+//#endregion
+export { l as NativeSelect, d as NativeSelectOptGroup, u as NativeSelectOption };

package/dist-package/components/ui/number-field.cjs

@@ -0,0 +1 @@
+const e=require("../../lib/utils.cjs"),t=require("./button.cjs"),n=require("../../lib/use-ui-translation.cjs");let r=require("lucide-react"),i=require("react/jsx-runtime");function a({value:a,onValueChange:o,min:s=0,max:c=2**53-1,step:l=1,disabled:u=!1,label:d,unit:f,className:p}){let{t:m}=n.useUiTranslation(),h=e=>Number(Math.min(c,Math.max(s,e)).toFixed(l<1?2:0));return(0,i.jsxs)(`div`,{"data-slot":`number-field`,className:e.cn(`inline-flex h-10 items-center rounded-lg border border-input bg-card`,u&&`opacity-50`,p),children:[(0,i.jsx)(t.Button,{type:`button`,variant:`ghost`,size:`icon-sm`,"aria-label":`${d} ${m(`numberField.decrease`)}`,disabled:u||a<=s,onClick:()=>o(h(a-l)),children:(0,i.jsx)(r.Minus,{"aria-hidden":`true`})}),f&&(0,i.jsx)(`span`,{className:`pl-1 text-xs text-muted-foreground`,children:f}),(0,i.jsx)(`input`,{"aria-label":d,inputMode:`decimal`,value:a,disabled:u,className:`h-full w-16 min-w-0 border-x border-input bg-transparent text-center text-sm tabular-nums outline-none`,onChange:e=>{let t=Number(e.target.value);Number.isNaN(t)||o(h(t))}}),(0,i.jsx)(t.Button,{type:`button`,variant:`ghost`,size:`icon-sm`,"aria-label":`${d} ${m(`numberField.increase`)}`,disabled:u||a>=c,onClick:()=>o(h(a+l)),children:(0,i.jsx)(r.Plus,{"aria-hidden":`true`})})]})}exports.NumberField=a;