@thewrong/ui 0.1.0 → 0.2.0

package/dist/_virtual/_rolldown/runtime.cjs.js

@@ -0,0 +1 @@
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));exports.__toESM=s;

package/dist/components/_shared/form-size-tokens.cjs.js

@@ -0,0 +1 @@
+var e={mini:`h-3.5 w-3.5`,small:`h-4 w-4`,medium:`h-4.5 w-4.5`,large:`h-5 w-5`},t={mini:`h-3.5 w-3.5`,small:`h-4 w-4`,medium:`h-4.5 w-4.5`,large:`h-5 w-5`},n={mini:`[&>svg]:h-3.5 [&>svg]:w-3.5`,small:`[&>svg]:h-4 [&>svg]:w-4`,medium:`[&>svg]:h-4.5 [&>svg]:w-4.5`,large:`[&>svg]:h-5 [&>svg]:w-5`},r={mini:`text-[10px]`,small:`text-xs`,medium:`text-xs`,large:`text-sm`},i={mini:`gap-1.5`,small:`gap-2`,medium:`gap-3`,large:`gap-3.5`};exports.CHEVRON_SIZE_CLASS=t,exports.SLOT_BADGE_TEXT_CLASS=r,exports.SLOT_CHILD_ICON_CLASS=n,exports.SLOT_GAP_CLASS=i,exports.SLOT_ICON_SIZE_CLASS=e;

package/dist/components/_shared/form-size-tokens.esm.js

@@ -0,0 +1,29 @@
+//#region src/components/_shared/form-size-tokens.ts
+var e = {
+	mini: "h-3.5 w-3.5",
+	small: "h-4 w-4",
+	medium: "h-4.5 w-4.5",
+	large: "h-5 w-5"
+}, t = {
+	mini: "h-3.5 w-3.5",
+	small: "h-4 w-4",
+	medium: "h-4.5 w-4.5",
+	large: "h-5 w-5"
+}, n = {
+	mini: "[&>svg]:h-3.5 [&>svg]:w-3.5",
+	small: "[&>svg]:h-4 [&>svg]:w-4",
+	medium: "[&>svg]:h-4.5 [&>svg]:w-4.5",
+	large: "[&>svg]:h-5 [&>svg]:w-5"
+}, r = {
+	mini: "text-[10px]",
+	small: "text-xs",
+	medium: "text-xs",
+	large: "text-sm"
+}, i = {
+	mini: "gap-1.5",
+	small: "gap-2",
+	medium: "gap-3",
+	large: "gap-3.5"
+};
+//#endregion
+export { t as CHEVRON_SIZE_CLASS, r as SLOT_BADGE_TEXT_CLASS, n as SLOT_CHILD_ICON_CLASS, i as SLOT_GAP_CLASS, e as SLOT_ICON_SIZE_CLASS };

package/dist/components/action-toast/ActionToast.cjs.js

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../button/Button.cjs.js"),n=require("../../node_modules/lucide-react/dist/esm/icons/circle-x.cjs.js"),r=require("../../node_modules/lucide-react/dist/esm/icons/info.cjs.js"),i=require("../../node_modules/lucide-react/dist/esm/icons/triangle-alert.cjs.js"),a=require("../input/Input.cjs.js"),o=require("../textarea/Textarea.cjs.js"),s=require("../../lib/utils.cjs.js"),c=require("../../hooks/useMediaQuery.cjs.js"),l=require("../../lib/overlay-stack.cjs.js");let u=require("react"),d=require("react/jsx-runtime"),f=require("motion/react"),p=require("react-hot-toast");p=e.__toESM(p,1);let m=require("react-dom");var h=`action-toast-singleton`;function g(e){_=e,e?l.overlayStack.push(l.ACTION_TOAST_OVERLAY_ID,l.ACTION_TOAST_PRIORITY):l.overlayStack.pop(l.ACTION_TOAST_OVERLAY_ID)}var _=!1;function v({message:e,actions:t,tone:n=`warning`,icon:r,input:i,widthPx:a,backdrop:o=!0,className:s}){return g(!0),p.default.custom(c=>(0,d.jsx)(w,{toastInstance:c,message:e,actions:t,tone:n,icon:r,input:i,widthPx:a,backdrop:o,className:s}),{id:h,duration:1/0})}function y(){p.default.dismiss(h),g(!1)}function b(){return _}function x(e){if(e===`tertiary`)return`dark:bg-white/10 dark:hover:bg-white/15 dark:active:bg-white/20 dark:text-white`}var S={warning:`text-amber-400`,info:`text-blue-400`,danger:`text-rose-400`};function C(e,t){let n=`${t} shrink-0 ${S[e]}`;return e===`info`?(0,d.jsx)(r.Info,{className:n,strokeWidth:2,"aria-hidden":!0}):(0,d.jsx)(i.TriangleAlert,{className:n,strokeWidth:2,"aria-hidden":!0})}function w({toastInstance:e,message:r,actions:i,tone:h,icon:_,input:v,widthPx:y=680,backdrop:b,className:S}){let w=c.useIsMobile(),T=w?`h-4 w-4`:`h-4.5 w-4.5`,E=w?`text-xs`:`text-sm`,D=w?`mini`:`small`,O=w?`px-3 py-2.5`:`px-4 py-3`,k=w?`px-3 py-3`:`px-4 py-3.5`,A=w?`gap-2`:`gap-3`,j=_===void 0?C(h,T):_,[M,N]=(0,u.useState)(v?.defaultValue??``);(0,u.useEffect)(()=>{let t=t=>{t.key===`Escape`&&l.overlayStack.isTop(`action-toast-overlay`)&&(p.default.dismiss(e.id),g(!1))};return window.addEventListener(`keydown`,t),()=>window.removeEventListener(`keydown`,t)},[e.id]);let P=(0,u.useRef)(null),[F,I]=(0,u.useState)(!1);(0,u.useEffect)(()=>{let e=P.current;if(!e)return;let t=()=>{let t=window.getComputedStyle(e),n=parseFloat(t.lineHeight);!Number.isFinite(n)||n<=0||I(e.scrollHeight>n+1.5)};t();let n=new ResizeObserver(t);return n.observe(e),()=>n.disconnect()},[r]);let L=w&&F&&!v;(0,u.useEffect)(()=>{N(v?.defaultValue??``)},[v?.defaultValue,v?.type]);let R=t=>{(t.closeOnClick??!0)&&(p.default.dismiss(e.id),g(!1)),t.onClick(M)},z=b?null:(0,d.jsx)(`button`,{type:`button`,onClick:()=>{p.default.dismiss(e.id),g(!1)},className:`ml-1 shrink-0 text-white/70 hover:text-white transition-colors cursor-pointer`,"aria-label":`닫기`,children:(0,d.jsx)(n.CircleX,{className:T,fill:`currentColor`,stroke:`var(--color-secondary-700)`,strokeWidth:2})}),B=(e,n=!1)=>i.length>0&&(0,d.jsx)(`div`,{className:e,children:i.map((e,r)=>(0,d.jsx)(t.Button,{variant:e.variant,appearance:e.appearance,size:e.size??D,leadingIcon:e.leadingIcon,trailingIcon:e.trailingIcon,disabled:n?void 0:e.disabled,onClick:n?void 0:()=>R(e),tabIndex:n?-1:void 0,className:n?void 0:x(e.variant),children:e.label},r))});return(0,d.jsxs)(d.Fragment,{children:[b&&(0,m.createPortal)((0,d.jsx)(f.motion.div,{initial:{opacity:0},animate:{opacity:+!!e.visible},transition:{duration:.18},onClick:()=>{p.default.dismiss(e.id),g(!1)},className:`fixed inset-0 z-9998 bg-black/15 ${e.visible?``:`pointer-events-none`}`,"aria-hidden":!0}),document.body),(0,d.jsx)(f.motion.div,{initial:{opacity:0,scale:.98},animate:e.visible?{opacity:1,scale:1}:{opacity:0,scale:.98},transition:{duration:.22,ease:[.16,1,.3,1]},className:s.cn(`dark relative rounded-2xl bg-secondary-700 text-white shadow-lg`,e.visible?``:`pointer-events-none`,S),style:{width:`min(${y}px, calc(100vw - 32px))`},role:`alertdialog`,"aria-modal":b?`true`:void 0,"aria-label":`확인이 필요한 알림`,children:v?(0,d.jsxs)(`div`,{className:`flex flex-col gap-2.5 ${k}`,children:[(0,d.jsxs)(`div`,{className:`flex items-start ${A}`,children:[j,(0,d.jsx)(`div`,{className:`min-w-0 flex-1 ${E} leading-relaxed whitespace-pre-line break-keep wrap-break-word`,children:r}),z]}),v.type===`text`?(0,d.jsx)(a.Input,{variant:`box`,inputSize:w?`mini`:`small`,autoFocus:!0,value:M,onChange:e=>N(e.target.value),onKeyDown:e=>{if(e.key!==`Enter`||e.nativeEvent.isComposing)return;let t=i[i.length-1];!t||t.disabled||(e.preventDefault(),R(t))},placeholder:v.placeholder}):(0,d.jsx)(o.Textarea,{textareaSize:w?`mini`:`small`,rows:v.rows??3,autoFocus:!0,value:M,onChange:e=>N(e.target.value),placeholder:v.placeholder}),B(`flex justify-end gap-1.5`)]}):(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(`div`,{"aria-hidden":!0,className:`invisible pointer-events-none absolute inset-0 flex items-center ${A} ${O}`,children:[(0,d.jsx)(`span`,{className:`${T} shrink-0`}),(0,d.jsx)(`div`,{ref:P,className:`min-w-0 flex-1 ${E} leading-relaxed whitespace-pre-line break-keep wrap-break-word`,children:r}),B(`flex shrink-0 gap-1.5`,!0)]}),L?(0,d.jsxs)(`div`,{className:`relative flex flex-col ${A} ${k}`,children:[z&&(0,d.jsx)(`div`,{className:`absolute right-3 top-3`,children:z}),(0,d.jsx)(`div`,{className:`flex justify-center`,children:j}),(0,d.jsx)(`div`,{className:`${E} leading-relaxed text-center whitespace-pre-line break-keep wrap-break-word`,children:r}),B(`flex justify-end gap-1.5`)]}):(0,d.jsxs)(`div`,{className:`flex items-center ${A} ${O}`,children:[j,(0,d.jsx)(`div`,{className:`min-w-0 flex-1 ${E} leading-relaxed whitespace-pre-line break-keep wrap-break-word`,children:r}),B(`flex shrink-0 gap-1.5`),z]})]})})]})}exports.dismissActionToast=y,exports.isActionToastActive=b,exports.showActionToast=v;

package/dist/components/action-toast/ActionToast.esm.js

@@ -0,0 +1,228 @@
+import { Button as e } from "../button/Button.esm.js";
+import { CircleX as t } from "../../node_modules/lucide-react/dist/esm/icons/circle-x.esm.js";
+import { Info as n } from "../../node_modules/lucide-react/dist/esm/icons/info.esm.js";
+import { TriangleAlert as r } from "../../node_modules/lucide-react/dist/esm/icons/triangle-alert.esm.js";
+import { Input as i } from "../input/Input.esm.js";
+import { Textarea as a } from "../textarea/Textarea.esm.js";
+import { cn as o } from "../../lib/utils.esm.js";
+import { useIsMobile as s } from "../../hooks/useMediaQuery.esm.js";
+import { ACTION_TOAST_OVERLAY_ID as c, ACTION_TOAST_PRIORITY as l, overlayStack as u } from "../../lib/overlay-stack.esm.js";
+import { useEffect as d, useRef as f, useState as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { motion as _ } from "motion/react";
+import v from "react-hot-toast";
+import { createPortal as y } from "react-dom";
+//#region src/components/action-toast/ActionToast.tsx
+var b = "action-toast-singleton";
+function x(e) {
+	S = e, e ? u.push(c, l) : u.pop(c);
+}
+var S = !1;
+function C({ message: e, actions: t, tone: n = "warning", icon: r, input: i, widthPx: a, backdrop: o = !0, className: s }) {
+	return x(!0), v.custom((c) => /* @__PURE__ */ h(k, {
+		toastInstance: c,
+		message: e,
+		actions: t,
+		tone: n,
+		icon: r,
+		input: i,
+		widthPx: a,
+		backdrop: o,
+		className: s
+	}), {
+		id: b,
+		duration: Infinity
+	});
+}
+function w() {
+	v.dismiss(b), x(!1);
+}
+function T() {
+	return S;
+}
+function E(e) {
+	if (e === "tertiary") return "dark:bg-white/10 dark:hover:bg-white/15 dark:active:bg-white/20 dark:text-white";
+}
+var D = {
+	warning: "text-amber-400",
+	info: "text-blue-400",
+	danger: "text-rose-400"
+};
+function O(e, t) {
+	let i = `${t} shrink-0 ${D[e]}`;
+	return h(e === "info" ? n : r, {
+		className: i,
+		strokeWidth: 2,
+		"aria-hidden": !0
+	});
+}
+function k({ toastInstance: n, message: r, actions: c, tone: l, icon: b, input: S, widthPx: C = 680, backdrop: w, className: T }) {
+	let D = s(), k = D ? "h-4 w-4" : "h-4.5 w-4.5", A = D ? "text-xs" : "text-sm", j = D ? "mini" : "small", M = D ? "px-3 py-2.5" : "px-4 py-3", N = D ? "px-3 py-3" : "px-4 py-3.5", P = D ? "gap-2" : "gap-3", F = b === void 0 ? O(l, k) : b, [I, L] = p(S?.defaultValue ?? "");
+	d(() => {
+		let e = (e) => {
+			e.key === "Escape" && u.isTop("action-toast-overlay") && (v.dismiss(n.id), x(!1));
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [n.id]);
+	let R = f(null), [z, B] = p(!1);
+	d(() => {
+		let e = R.current;
+		if (!e) return;
+		let t = () => {
+			let t = window.getComputedStyle(e), n = parseFloat(t.lineHeight);
+			!Number.isFinite(n) || n <= 0 || B(e.scrollHeight > n + 1.5);
+		};
+		t();
+		let n = new ResizeObserver(t);
+		return n.observe(e), () => n.disconnect();
+	}, [r]);
+	let V = D && z && !S;
+	d(() => {
+		L(S?.defaultValue ?? "");
+	}, [S?.defaultValue, S?.type]);
+	let H = (e) => {
+		(e.closeOnClick ?? !0) && (v.dismiss(n.id), x(!1)), e.onClick(I);
+	}, U = w ? null : /* @__PURE__ */ h("button", {
+		type: "button",
+		onClick: () => {
+			v.dismiss(n.id), x(!1);
+		},
+		className: "ml-1 shrink-0 text-white/70 hover:text-white transition-colors cursor-pointer",
+		"aria-label": "닫기",
+		children: /* @__PURE__ */ h(t, {
+			className: k,
+			fill: "currentColor",
+			stroke: "var(--color-secondary-700)",
+			strokeWidth: 2
+		})
+	}), W = (t, n = !1) => c.length > 0 && /* @__PURE__ */ h("div", {
+		className: t,
+		children: c.map((t, r) => /* @__PURE__ */ h(e, {
+			variant: t.variant,
+			appearance: t.appearance,
+			size: t.size ?? j,
+			leadingIcon: t.leadingIcon,
+			trailingIcon: t.trailingIcon,
+			disabled: n ? void 0 : t.disabled,
+			onClick: n ? void 0 : () => H(t),
+			tabIndex: n ? -1 : void 0,
+			className: n ? void 0 : E(t.variant),
+			children: t.label
+		}, r))
+	});
+	return /* @__PURE__ */ g(m, { children: [w && y(/* @__PURE__ */ h(_.div, {
+		initial: { opacity: 0 },
+		animate: { opacity: +!!n.visible },
+		transition: { duration: .18 },
+		onClick: () => {
+			v.dismiss(n.id), x(!1);
+		},
+		className: `fixed inset-0 z-9998 bg-black/15 ${n.visible ? "" : "pointer-events-none"}`,
+		"aria-hidden": !0
+	}), document.body), /* @__PURE__ */ h(_.div, {
+		initial: {
+			opacity: 0,
+			scale: .98
+		},
+		animate: n.visible ? {
+			opacity: 1,
+			scale: 1
+		} : {
+			opacity: 0,
+			scale: .98
+		},
+		transition: {
+			duration: .22,
+			ease: [
+				.16,
+				1,
+				.3,
+				1
+			]
+		},
+		className: o("dark relative rounded-2xl bg-secondary-700 text-white shadow-lg", n.visible ? "" : "pointer-events-none", T),
+		style: { width: `min(${C}px, calc(100vw - 32px))` },
+		role: "alertdialog",
+		"aria-modal": w ? "true" : void 0,
+		"aria-label": "확인이 필요한 알림",
+		children: S ? /* @__PURE__ */ g("div", {
+			className: `flex flex-col gap-2.5 ${N}`,
+			children: [
+				/* @__PURE__ */ g("div", {
+					className: `flex items-start ${P}`,
+					children: [
+						F,
+						/* @__PURE__ */ h("div", {
+							className: `min-w-0 flex-1 ${A} leading-relaxed whitespace-pre-line break-keep wrap-break-word`,
+							children: r
+						}),
+						U
+					]
+				}),
+				S.type === "text" ? /* @__PURE__ */ h(i, {
+					variant: "box",
+					inputSize: D ? "mini" : "small",
+					autoFocus: !0,
+					value: I,
+					onChange: (e) => L(e.target.value),
+					onKeyDown: (e) => {
+						if (e.key !== "Enter" || e.nativeEvent.isComposing) return;
+						let t = c[c.length - 1];
+						!t || t.disabled || (e.preventDefault(), H(t));
+					},
+					placeholder: S.placeholder
+				}) : /* @__PURE__ */ h(a, {
+					textareaSize: D ? "mini" : "small",
+					rows: S.rows ?? 3,
+					autoFocus: !0,
+					value: I,
+					onChange: (e) => L(e.target.value),
+					placeholder: S.placeholder
+				}),
+				W("flex justify-end gap-1.5")
+			]
+		}) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ g("div", {
+			"aria-hidden": !0,
+			className: `invisible pointer-events-none absolute inset-0 flex items-center ${P} ${M}`,
+			children: [
+				/* @__PURE__ */ h("span", { className: `${k} shrink-0` }),
+				/* @__PURE__ */ h("div", {
+					ref: R,
+					className: `min-w-0 flex-1 ${A} leading-relaxed whitespace-pre-line break-keep wrap-break-word`,
+					children: r
+				}),
+				W("flex shrink-0 gap-1.5", !0)
+			]
+		}), V ? /* @__PURE__ */ g("div", {
+			className: `relative flex flex-col ${P} ${N}`,
+			children: [
+				U && /* @__PURE__ */ h("div", {
+					className: "absolute right-3 top-3",
+					children: U
+				}),
+				/* @__PURE__ */ h("div", {
+					className: "flex justify-center",
+					children: F
+				}),
+				/* @__PURE__ */ h("div", {
+					className: `${A} leading-relaxed text-center whitespace-pre-line break-keep wrap-break-word`,
+					children: r
+				}),
+				W("flex justify-end gap-1.5")
+			]
+		}) : /* @__PURE__ */ g("div", {
+			className: `flex items-center ${P} ${M}`,
+			children: [
+				F,
+				/* @__PURE__ */ h("div", {
+					className: `min-w-0 flex-1 ${A} leading-relaxed whitespace-pre-line break-keep wrap-break-word`,
+					children: r
+				}),
+				W("flex shrink-0 gap-1.5"),
+				U
+			]
+		})] })
+	})] });
+}
+//#endregion
+export { w as dismissActionToast, T as isActionToastActive, C as showActionToast };

package/dist/components/animated-height/AnimatedHeight.cjs.js

@@ -0,0 +1 @@
+let e=require("react"),t=require("react/jsx-runtime"),n=require("motion/react");function r({children:r,durationMs:i=220,ease:a=[.16,1,.3,1],className:o=``}){let s=(0,e.useRef)(null),[c,l]=(0,e.useState)(`auto`),u=(0,e.useRef)(!0),[d,f]=(0,e.useState)(!1);return(0,e.useEffect)(()=>{let e=s.current;if(!e)return;let t=new ResizeObserver(([e])=>{if(!e)return;let t=e.contentRect.height;l(t),u.current&&(u.current=!1,requestAnimationFrame(()=>f(!0)))});return t.observe(e),()=>t.disconnect()},[]),(0,t.jsx)(n.motion.div,{animate:{height:c},transition:d?{duration:i/1e3,ease:a}:{duration:0},style:{overflow:`hidden`},className:o,children:(0,t.jsx)(`div`,{ref:s,children:r})})}exports.AnimatedHeight=r;

package/dist/components/animated-height/AnimatedHeight.esm.js

@@ -0,0 +1,36 @@
+import { useEffect as e, useRef as t, useState as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { motion as i } from "motion/react";
+//#region src/components/animated-height/AnimatedHeight.tsx
+function a({ children: a, durationMs: o = 220, ease: s = [
+	.16,
+	1,
+	.3,
+	1
+], className: c = "" }) {
+	let l = t(null), [u, d] = n("auto"), f = t(!0), [p, m] = n(!1);
+	return e(() => {
+		let e = l.current;
+		if (!e) return;
+		let t = new ResizeObserver(([e]) => {
+			if (!e) return;
+			let t = e.contentRect.height;
+			d(t), f.current && (f.current = !1, requestAnimationFrame(() => m(!0)));
+		});
+		return t.observe(e), () => t.disconnect();
+	}, []), /* @__PURE__ */ r(i.div, {
+		animate: { height: u },
+		transition: p ? {
+			duration: o / 1e3,
+			ease: s
+		} : { duration: 0 },
+		style: { overflow: "hidden" },
+		className: c,
+		children: /* @__PURE__ */ r("div", {
+			ref: l,
+			children: a
+		})
+	});
+}
+//#endregion
+export { a as AnimatedHeight };

package/dist/components/badge/Badge.cjs.js

@@ -0,0 +1 @@
+const e=require("./utils.cjs.js");let t=require("react"),n=require("react/jsx-runtime");var r=(0,t.forwardRef)((t,r)=>{let{size:i=`medium`,variant:a=`fill`,color:o=`neutral`,className:s=``,children:c,...l}=t,u=[e.getBadgeBaseClasses(),e.getBadgeColorClasses(o,a),e.getBadgeSizeClasses(i),s].filter(Boolean).join(` `);if(`as`in t&&t.as===`div`){let{as:e,...t}=l;return(0,n.jsx)(`div`,{ref:r,className:u,...t,children:c})}return(0,n.jsx)(`span`,{ref:r,className:u,...l,children:c})});r.displayName=`Badge`,exports.Badge=r;

package/dist/components/badge/Badge.esm.js

@@ -0,0 +1,30 @@
+import { getBadgeBaseClasses as e, getBadgeColorClasses as t, getBadgeSizeClasses as n } from "./utils.esm.js";
+import { forwardRef as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/badge/Badge.tsx
+var a = r((r, a) => {
+	let { size: o = "medium", variant: s = "fill", color: c = "neutral", className: l = "", children: u, ...d } = r, f = [
+		e(),
+		t(c, s),
+		n(o),
+		l
+	].filter(Boolean).join(" ");
+	if ("as" in r && r.as === "div") {
+		let { as: e, ...t } = d;
+		return /* @__PURE__ */ i("div", {
+			ref: a,
+			className: f,
+			...t,
+			children: u
+		});
+	}
+	return /* @__PURE__ */ i("span", {
+		ref: a,
+		className: f,
+		...d,
+		children: u
+	});
+});
+a.displayName = "Badge";
+//#endregion
+export { a as Badge };

package/dist/components/badge/utils.cjs.js

@@ -0,0 +1 @@
+var e=(e=`neutral`,t=`fill`)=>({primary:{fill:`bg-primary-500 text-white`,weak:`bg-primary-50 text-primary-600 border border-primary-300`},secondary:{fill:`bg-secondary-500 text-white`,weak:`bg-secondary-50 text-secondary-600 border border-secondary-300`},success:{fill:`bg-success-500 text-white`,weak:`bg-success-50 text-success-600 border border-success-300`},error:{fill:`bg-error-500 text-white`,weak:`bg-error-50 text-error-600 border border-error-300`},warning:{fill:`bg-warning-500 text-white`,weak:`bg-warning-50 text-warning-600 border border-warning-300`},info:{fill:`bg-info-500 text-white`,weak:`bg-info-50 text-info-600 border border-info-300`},neutral:{fill:`bg-neutral-500 text-white`,weak:`bg-neutral-50 text-neutral-600 border border-neutral-300`}})[e][t],t=(e=`medium`)=>({xsmall:`px-1.5 py-0.5 text-xs`,small:`px-2 py-1 text-xs`,medium:`px-2.5 py-1 text-sm`,large:`px-3 py-1.5 text-base`})[e],n=()=>`inline-flex items-center justify-center font-medium rounded-md whitespace-nowrap`;exports.getBadgeBaseClasses=n,exports.getBadgeColorClasses=e,exports.getBadgeSizeClasses=t;

package/dist/components/badge/utils.esm.js

@@ -0,0 +1,38 @@
+//#region src/components/badge/utils.ts
+var e = (e = "neutral", t = "fill") => ({
+	primary: {
+		fill: "bg-primary-500 text-white",
+		weak: "bg-primary-50 text-primary-600 border border-primary-300"
+	},
+	secondary: {
+		fill: "bg-secondary-500 text-white",
+		weak: "bg-secondary-50 text-secondary-600 border border-secondary-300"
+	},
+	success: {
+		fill: "bg-success-500 text-white",
+		weak: "bg-success-50 text-success-600 border border-success-300"
+	},
+	error: {
+		fill: "bg-error-500 text-white",
+		weak: "bg-error-50 text-error-600 border border-error-300"
+	},
+	warning: {
+		fill: "bg-warning-500 text-white",
+		weak: "bg-warning-50 text-warning-600 border border-warning-300"
+	},
+	info: {
+		fill: "bg-info-500 text-white",
+		weak: "bg-info-50 text-info-600 border border-info-300"
+	},
+	neutral: {
+		fill: "bg-neutral-500 text-white",
+		weak: "bg-neutral-50 text-neutral-600 border border-neutral-300"
+	}
+})[e][t], t = (e = "medium") => ({
+	xsmall: "px-1.5 py-0.5 text-xs",
+	small: "px-2 py-1 text-xs",
+	medium: "px-2.5 py-1 text-sm",
+	large: "px-3 py-1.5 text-base"
+})[e], n = () => "inline-flex items-center justify-center font-medium rounded-md whitespace-nowrap";
+//#endregion
+export { n as getBadgeBaseClasses, e as getBadgeColorClasses, t as getBadgeSizeClasses };

package/dist/components/button/Button.cjs.js

@@ -0,0 +1 @@
+const e=require("./utils.cjs.js");let t=require("react"),n=require("react/jsx-runtime");var r=()=>(0,n.jsxs)(`svg`,{className:`animate-spin h-4 w-4`,xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`,children:[(0,n.jsx)(`circle`,{className:`opacity-25`,cx:`12`,cy:`12`,r:`10`,stroke:`currentColor`,strokeWidth:`4`}),(0,n.jsx)(`path`,{className:`opacity-75`,fill:`currentColor`,d:`M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z`})]}),i=(0,t.forwardRef)((i,a)=>{let{variant:o=`primary`,appearance:s=`filled`,size:c=`medium`,display:l=`inline`,loading:u=!1,clickThrottleMs:d=0,leadingIcon:f,trailingIcon:p,className:m=``,children:h,...g}=i,[_,v]=(0,t.useState)(!1),y=(0,t.useRef)(null),b=()=>{d&&(v(!0),y.current&&clearTimeout(y.current),y.current=setTimeout(()=>{v(!1),y.current=null},d))};(0,t.useEffect)(()=>()=>{y.current&&clearTimeout(y.current)},[]);let x=[e.getButtonBaseClasses(),e.getButtonColorClasses(o,s),e.getButtonSizeClasses(c),e.getButtonDisplayClasses(l),e.getButtonFocusRing(o),u?`opacity-70 cursor-wait`:``,m].filter(Boolean).join(` `),S=`as`in i&&i.as===`a`,C=(`disabled`in i?i.disabled:!1)||u||_;if(S){let e=g,t=t=>{if(C){t.preventDefault();return}b(),e.onClick?.(t)};return(0,n.jsxs)(`a`,{ref:a,className:`${x} ${C?`pointer-events-none opacity-60`:``}`.trim(),"aria-disabled":C,tabIndex:C?-1:e.tabIndex,...e,onClick:t,children:[u?(0,n.jsx)(r,{}):f,h,!u&&p]})}let w=g,T=e=>{if(C){e.preventDefault();return}b(),w.onClick?.(e)};return(0,n.jsxs)(`button`,{ref:a,className:x,disabled:C,...w,onClick:T,children:[u?(0,n.jsx)(r,{}):f,h,!u&&p]})});i.displayName=`Button`,exports.Button=i;

package/dist/components/button/Button.esm.js

@@ -0,0 +1,84 @@
+import { getButtonBaseClasses as e, getButtonColorClasses as t, getButtonDisplayClasses as n, getButtonFocusRing as r, getButtonSizeClasses as i } from "./utils.esm.js";
+import { forwardRef as a, useEffect as o, useRef as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/button/Button.tsx
+var d = () => /* @__PURE__ */ u("svg", {
+	className: "animate-spin h-4 w-4",
+	xmlns: "http://www.w3.org/2000/svg",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	children: [/* @__PURE__ */ l("circle", {
+		className: "opacity-25",
+		cx: "12",
+		cy: "12",
+		r: "10",
+		stroke: "currentColor",
+		strokeWidth: "4"
+	}), /* @__PURE__ */ l("path", {
+		className: "opacity-75",
+		fill: "currentColor",
+		d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+	})]
+}), f = a((a, f) => {
+	let { variant: p = "primary", appearance: m = "filled", size: h = "medium", display: g = "inline", loading: _ = !1, clickThrottleMs: v = 0, leadingIcon: y, trailingIcon: b, className: x = "", children: S, ...C } = a, [w, T] = c(!1), E = s(null), D = () => {
+		v && (T(!0), E.current && clearTimeout(E.current), E.current = setTimeout(() => {
+			T(!1), E.current = null;
+		}, v));
+	};
+	o(() => () => {
+		E.current && clearTimeout(E.current);
+	}, []);
+	let O = [
+		e(),
+		t(p, m),
+		i(h),
+		n(g),
+		r(p),
+		_ ? "opacity-70 cursor-wait" : "",
+		x
+	].filter(Boolean).join(" "), k = "as" in a && a.as === "a", A = ("disabled" in a ? a.disabled : !1) || _ || w;
+	if (k) {
+		let e = C, t = (t) => {
+			if (A) {
+				t.preventDefault();
+				return;
+			}
+			D(), e.onClick?.(t);
+		};
+		return /* @__PURE__ */ u("a", {
+			ref: f,
+			className: `${O} ${A ? "pointer-events-none opacity-60" : ""}`.trim(),
+			"aria-disabled": A,
+			tabIndex: A ? -1 : e.tabIndex,
+			...e,
+			onClick: t,
+			children: [
+				_ ? /* @__PURE__ */ l(d, {}) : y,
+				S,
+				!_ && b
+			]
+		});
+	}
+	let j = C, M = (e) => {
+		if (A) {
+			e.preventDefault();
+			return;
+		}
+		D(), j.onClick?.(e);
+	};
+	return /* @__PURE__ */ u("button", {
+		ref: f,
+		className: O,
+		disabled: A,
+		...j,
+		onClick: M,
+		children: [
+			_ ? /* @__PURE__ */ l(d, {}) : y,
+			S,
+			!_ && b
+		]
+	});
+});
+f.displayName = "Button";
+//#endregion
+export { f as Button };

package/dist/components/button/utils.cjs.js

@@ -0,0 +1 @@
+var e=(e=`primary`,t=`filled`)=>({primary:{filled:`border-transparent bg-primary-500 text-white hover:bg-primary-600 active:bg-primary-700 disabled:bg-secondary-200 disabled:text-secondary-300 dark:disabled:bg-secondary-700 dark:disabled:text-secondary-500`,outlined:`bg-white dark:bg-transparent text-secondary-800 dark:text-secondary-100 border-secondary-400 dark:border-secondary-500 hover:bg-secondary-50 dark:hover:bg-secondary-800 active:bg-secondary-100 dark:active:bg-secondary-700 disabled:text-secondary-300 disabled:border-secondary-200 disabled:bg-transparent`,transparent:`border-transparent bg-transparent text-secondary-800 dark:text-secondary-100 hover:bg-secondary-50 dark:hover:bg-secondary-800 active:bg-secondary-100 dark:active:bg-secondary-700 disabled:text-secondary-300`},secondary:{filled:`border-transparent bg-primary-300 text-white hover:bg-primary-500 active:bg-primary-600 disabled:bg-secondary-200 disabled:text-secondary-300 dark:disabled:bg-secondary-700 dark:disabled:text-secondary-500`,outlined:`bg-white dark:bg-transparent text-secondary-500 dark:text-secondary-400 border-secondary-200 dark:border-secondary-700 hover:bg-secondary-50 dark:hover:bg-secondary-800 active:bg-secondary-100 dark:active:bg-secondary-700 disabled:text-secondary-300 disabled:border-secondary-100 disabled:bg-transparent`,transparent:`border-transparent bg-transparent text-secondary-500 dark:text-secondary-400 hover:bg-secondary-50 dark:hover:bg-secondary-800 active:bg-secondary-100 dark:active:bg-secondary-700 disabled:text-secondary-300`},tertiary:{filled:`border-transparent bg-secondary-100 dark:bg-secondary-700 text-secondary-500 dark:text-secondary-300 hover:bg-secondary-200 dark:hover:bg-secondary-600 active:bg-secondary-300 dark:active:bg-secondary-500 disabled:bg-secondary-50 dark:disabled:bg-secondary-900 disabled:text-secondary-300`,outlined:`bg-white dark:bg-transparent text-secondary-400 dark:text-secondary-500 border-secondary-200 dark:border-secondary-600 hover:bg-secondary-50 dark:hover:bg-secondary-900 active:bg-secondary-100 dark:active:bg-secondary-800 disabled:text-secondary-300 disabled:border-secondary-100 disabled:bg-transparent`,transparent:`border-transparent bg-transparent text-secondary-400 dark:text-secondary-500 hover:bg-secondary-50 dark:hover:bg-secondary-900 active:bg-secondary-100 dark:active:bg-secondary-800 disabled:text-secondary-300`},danger:{filled:`border-transparent bg-error-500 text-white hover:bg-error-600 active:bg-error-700 disabled:bg-secondary-200 disabled:text-secondary-300 dark:disabled:bg-secondary-700 dark:disabled:text-secondary-500`,outlined:`bg-white dark:bg-transparent text-error-600 dark:text-error-400 border-error-500 dark:border-error-400 hover:bg-error-50 dark:hover:bg-error-950 active:bg-error-100 dark:active:bg-error-900 disabled:text-error-300 disabled:border-error-200 disabled:bg-transparent`,transparent:`border-transparent bg-transparent text-error-600 dark:text-error-400 hover:bg-error-50 dark:hover:bg-error-950 active:bg-error-100 dark:active:bg-error-900 disabled:text-error-300`}})[e][t],t=(e=`medium`)=>({mini:`h-7 px-2 text-xs gap-1 rounded-md`,small:`h-9 px-3 text-sm gap-1.5 rounded-lg`,medium:`h-11 px-3.5 text-sm gap-2 rounded-xl`,large:`h-12 px-5 text-base gap-2 rounded-xl`})[e],n=(e=`inline`)=>({inline:`inline-flex`,block:`flex w-full`})[e],r=()=>`items-center justify-center font-medium border-[1.5px] transition-colors duration-200 ease-out outline-none focus:ring-2 focus:ring-inset disabled:cursor-not-allowed disabled:pointer-events-none`,i=(e=`primary`)=>({primary:`focus:ring-primary-300`,secondary:`focus:ring-primary-300`,tertiary:`focus:ring-secondary-400`,danger:`focus:ring-error-300`})[e];exports.getButtonBaseClasses=r,exports.getButtonColorClasses=e,exports.getButtonDisplayClasses=n,exports.getButtonFocusRing=i,exports.getButtonSizeClasses=t;

package/dist/components/button/utils.esm.js

@@ -0,0 +1,38 @@
+//#region src/components/button/utils.ts
+var e = (e = "primary", t = "filled") => ({
+	primary: {
+		filled: "border-transparent bg-primary-500 text-white hover:bg-primary-600 active:bg-primary-700 disabled:bg-secondary-200 disabled:text-secondary-300 dark:disabled:bg-secondary-700 dark:disabled:text-secondary-500",
+		outlined: "bg-white dark:bg-transparent text-secondary-800 dark:text-secondary-100 border-secondary-400 dark:border-secondary-500 hover:bg-secondary-50 dark:hover:bg-secondary-800 active:bg-secondary-100 dark:active:bg-secondary-700 disabled:text-secondary-300 disabled:border-secondary-200 disabled:bg-transparent",
+		transparent: "border-transparent bg-transparent text-secondary-800 dark:text-secondary-100 hover:bg-secondary-50 dark:hover:bg-secondary-800 active:bg-secondary-100 dark:active:bg-secondary-700 disabled:text-secondary-300"
+	},
+	secondary: {
+		filled: "border-transparent bg-primary-300 text-white hover:bg-primary-500 active:bg-primary-600 disabled:bg-secondary-200 disabled:text-secondary-300 dark:disabled:bg-secondary-700 dark:disabled:text-secondary-500",
+		outlined: "bg-white dark:bg-transparent text-secondary-500 dark:text-secondary-400 border-secondary-200 dark:border-secondary-700 hover:bg-secondary-50 dark:hover:bg-secondary-800 active:bg-secondary-100 dark:active:bg-secondary-700 disabled:text-secondary-300 disabled:border-secondary-100 disabled:bg-transparent",
+		transparent: "border-transparent bg-transparent text-secondary-500 dark:text-secondary-400 hover:bg-secondary-50 dark:hover:bg-secondary-800 active:bg-secondary-100 dark:active:bg-secondary-700 disabled:text-secondary-300"
+	},
+	tertiary: {
+		filled: "border-transparent bg-secondary-100 dark:bg-secondary-700 text-secondary-500 dark:text-secondary-300 hover:bg-secondary-200 dark:hover:bg-secondary-600 active:bg-secondary-300 dark:active:bg-secondary-500 disabled:bg-secondary-50 dark:disabled:bg-secondary-900 disabled:text-secondary-300",
+		outlined: "bg-white dark:bg-transparent text-secondary-400 dark:text-secondary-500 border-secondary-200 dark:border-secondary-600 hover:bg-secondary-50 dark:hover:bg-secondary-900 active:bg-secondary-100 dark:active:bg-secondary-800 disabled:text-secondary-300 disabled:border-secondary-100 disabled:bg-transparent",
+		transparent: "border-transparent bg-transparent text-secondary-400 dark:text-secondary-500 hover:bg-secondary-50 dark:hover:bg-secondary-900 active:bg-secondary-100 dark:active:bg-secondary-800 disabled:text-secondary-300"
+	},
+	danger: {
+		filled: "border-transparent bg-error-500 text-white hover:bg-error-600 active:bg-error-700 disabled:bg-secondary-200 disabled:text-secondary-300 dark:disabled:bg-secondary-700 dark:disabled:text-secondary-500",
+		outlined: "bg-white dark:bg-transparent text-error-600 dark:text-error-400 border-error-500 dark:border-error-400 hover:bg-error-50 dark:hover:bg-error-950 active:bg-error-100 dark:active:bg-error-900 disabled:text-error-300 disabled:border-error-200 disabled:bg-transparent",
+		transparent: "border-transparent bg-transparent text-error-600 dark:text-error-400 hover:bg-error-50 dark:hover:bg-error-950 active:bg-error-100 dark:active:bg-error-900 disabled:text-error-300"
+	}
+})[e][t], t = (e = "medium") => ({
+	mini: "h-7 px-2 text-xs gap-1 rounded-md",
+	small: "h-9 px-3 text-sm gap-1.5 rounded-lg",
+	medium: "h-11 px-3.5 text-sm gap-2 rounded-xl",
+	large: "h-12 px-5 text-base gap-2 rounded-xl"
+})[e], n = (e = "inline") => ({
+	inline: "inline-flex",
+	block: "flex w-full"
+})[e], r = () => "items-center justify-center font-medium border-[1.5px] transition-colors duration-200 ease-out outline-none focus:ring-2 focus:ring-inset disabled:cursor-not-allowed disabled:pointer-events-none", i = (e = "primary") => ({
+	primary: "focus:ring-primary-300",
+	secondary: "focus:ring-primary-300",
+	tertiary: "focus:ring-secondary-400",
+	danger: "focus:ring-error-300"
+})[e];
+//#endregion
+export { r as getButtonBaseClasses, e as getButtonColorClasses, n as getButtonDisplayClasses, i as getButtonFocusRing, t as getButtonSizeClasses };

package/dist/components/checkbox/Checkbox.cjs.js

@@ -0,0 +1 @@
+const e=require("./utils.cjs.js");let t=require("react"),n=require("react/jsx-runtime");var r=(0,t.forwardRef)(({variant:t,inputType:r=`checkbox`,size:i=24,baseColor:a=`primary`,label:o,onCheckedChange:s,onChange:c,className:l=``,...u},d)=>{let f=e=>{c?.(e),s?.(e.target.checked)},p=e.getCheckboxVariantClasses(t,a),m=e.getCheckboxSizeStyle(i),h=(0,n.jsxs)(`div`,{className:`inline-flex items-center relative`,children:[(0,n.jsx)(`input`,{ref:d,type:r,className:`sr-only peer`,onChange:f,...u}),(0,n.jsx)(`div`,{className:`${p} ${l} peer-checked:[&_path]:scale-100`,style:m,children:(0,n.jsx)(`svg`,{className:`absolute inset-0 w-full h-full pointer-events-none`,viewBox:`0 0 24 24`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,n.jsx)(`path`,{d:`M5 12l5 5L20 7`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`origin-center scale-0 transition-transform duration-200 ease-out`})})})]});return o?(0,n.jsxs)(`label`,{className:e.getLabelClasses(),children:[h,(0,n.jsx)(`span`,{className:`text-base text-neutral-900 dark:text-neutral-100`,children:o})]}):h});r.displayName=`CheckboxInternal`;var i=(0,t.forwardRef)((e,t)=>(0,n.jsx)(r,{ref:t,variant:`circle`,...e}));i.displayName=`Checkbox.Circle`;var a=(0,t.forwardRef)((e,t)=>(0,n.jsx)(r,{ref:t,variant:`line`,...e}));a.displayName=`Checkbox.Line`;var o=(0,t.forwardRef)((e,t)=>(0,n.jsx)(r,{ref:t,variant:`lineTransparent`,...e}));o.displayName=`Checkbox.LineTransparent`;var s={Circle:i,Line:a,LineTransparent:o};exports.Checkbox=s,exports.CheckboxCircle=i,exports.CheckboxLine=a,exports.CheckboxLineTransparent=o;

package/dist/components/checkbox/Checkbox.esm.js

@@ -0,0 +1,68 @@
+import { getCheckboxSizeStyle as e, getCheckboxVariantClasses as t, getLabelClasses as n } from "./utils.esm.js";
+import { forwardRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/checkbox/Checkbox.tsx
+var o = r(({ variant: r, inputType: o = "checkbox", size: s = 24, baseColor: c = "primary", label: l, onCheckedChange: u, onChange: d, className: f = "", ...p }, m) => {
+	let h = (e) => {
+		d?.(e), u?.(e.target.checked);
+	}, g = t(r, c), _ = e(s), v = /* @__PURE__ */ a("div", {
+		className: "inline-flex items-center relative",
+		children: [/* @__PURE__ */ i("input", {
+			ref: m,
+			type: o,
+			className: "sr-only peer",
+			onChange: h,
+			...p
+		}), /* @__PURE__ */ i("div", {
+			className: `${g} ${f} peer-checked:[&_path]:scale-100`,
+			style: _,
+			children: /* @__PURE__ */ i("svg", {
+				className: "absolute inset-0 w-full h-full pointer-events-none",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				xmlns: "http://www.w3.org/2000/svg",
+				children: /* @__PURE__ */ i("path", {
+					d: "M5 12l5 5L20 7",
+					stroke: "currentColor",
+					strokeWidth: "2.5",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					className: "origin-center scale-0 transition-transform duration-200 ease-out"
+				})
+			})
+		})]
+	});
+	return l ? /* @__PURE__ */ a("label", {
+		className: n(),
+		children: [v, /* @__PURE__ */ i("span", {
+			className: "text-base text-neutral-900 dark:text-neutral-100",
+			children: l
+		})]
+	}) : v;
+});
+o.displayName = "CheckboxInternal";
+var s = r((e, t) => /* @__PURE__ */ i(o, {
+	ref: t,
+	variant: "circle",
+	...e
+}));
+s.displayName = "Checkbox.Circle";
+var c = r((e, t) => /* @__PURE__ */ i(o, {
+	ref: t,
+	variant: "line",
+	...e
+}));
+c.displayName = "Checkbox.Line";
+var l = r((e, t) => /* @__PURE__ */ i(o, {
+	ref: t,
+	variant: "lineTransparent",
+	...e
+}));
+l.displayName = "Checkbox.LineTransparent";
+var u = {
+	Circle: s,
+	Line: c,
+	LineTransparent: l
+};
+//#endregion
+export { u as Checkbox, s as CheckboxCircle, c as CheckboxLine, l as CheckboxLineTransparent };

package/dist/components/checkbox/utils.cjs.js

@@ -0,0 +1 @@
+function e(){return`appearance-none cursor-pointer transition-all duration-200 focus:outline-hidden`}function t(t=`primary`){return`${e()} rounded-full border-2 ${{primary:`border-neutral-300 peer-checked:bg-primary-500 peer-checked:border-primary-500 text-white`,secondary:`border-neutral-300 peer-checked:bg-secondary-500 peer-checked:border-secondary-500 text-white`,neutral:`border-neutral-300 peer-checked:bg-neutral-600 peer-checked:border-neutral-600 text-white`}[t]} relative flex items-center justify-center transition-all duration-200`}function n(t=`primary`){return`${e()} rounded-sm border-2 ${{primary:`border-neutral-300 peer-checked:bg-primary-500 peer-checked:border-primary-500 text-white`,secondary:`border-neutral-300 peer-checked:bg-secondary-500 peer-checked:border-secondary-500 text-white`,neutral:`border-neutral-300 peer-checked:bg-neutral-600 peer-checked:border-neutral-600 text-white`}[t]} relative flex items-center justify-center transition-all duration-200`}function r(t=`primary`){return`${e()} rounded-sm border-2 bg-transparent ${{primary:`border-neutral-200 peer-checked:border-primary-500 text-primary-500`,secondary:`border-neutral-200 peer-checked:border-secondary-500 text-secondary-500`,neutral:`border-neutral-200 peer-checked:border-neutral-600 text-neutral-600`}[t]} relative flex items-center justify-center transition-all duration-200`}function i(e,i=`primary`){switch(e){case`circle`:return t(i);case`line`:return n(i);case`lineTransparent`:return r(i);default:return n(i)}}function a(e=24){return{width:`${e}px`,height:`${e}px`}}function o(){return`inline-flex items-center gap-2 cursor-pointer select-none`}exports.getCheckboxSizeStyle=a,exports.getCheckboxVariantClasses=i,exports.getLabelClasses=o;