@pfct/purple 1.12.0 → 1.14.0

package/dist/chunks/{Switch.2ZixJdlG.js → Switch.BL3XBsvs.js}

@@ -1 +1 @@
-const e=require("./chunk.CMqjfN_6.js"),t=require("./dist.DTg4gm8w.js"),n=require("./dist.C4D-6Tcr.js"),r=require("./dist.CpTw9rlm.js"),i=require("./utils.C67s_c-g.js"),a=require("./dist.ChAGEqMb.js"),o=require("./dist.B4EKXpi9.js"),s=require("./dist.Pmh4V8k2.js");let c=require("react"),l=e.t(c,1);c=e.t(c);let u=require("react/jsx-runtime");var d=`Switch`,[f,p]=t.a(d),[m,h]=f(d);function g(e){let{__scopeSwitch:n,checked:r,children:i,defaultChecked:a,disabled:o,form:s,name:c,onCheckedChange:f,required:p,value:h=`on`,internal_do_not_use_render:g}=e,[_,v]=t.t({prop:r,defaultProp:a??!1,onChange:f,caller:d}),[y,b]=l.useState(null),[x,S]=l.useState(null),C={checked:_,setChecked:v,disabled:o,control:y,setControl:b,name:c,form:s,value:h,hasConsumerStoppedPropagationRef:l.useRef(!1),required:p,defaultChecked:a,isFormControl:y?!!s||!!y.closest(`form`):!0,bubbleInput:x,setBubbleInput:S};return(0,u.jsx)(m,{scope:n,...C,children:w(g)?g(C):i})}var _=`SwitchTrigger`,v=l.forwardRef(({__scopeSwitch:e,onClick:i,...a},o)=>{let{value:s,disabled:c,checked:l,required:d,setControl:f,setChecked:p,hasConsumerStoppedPropagationRef:m,isFormControl:g,bubbleInput:v}=h(_,e),y=n.t(o,f);return(0,u.jsx)(r.t.button,{type:`button`,role:`switch`,"aria-checked":l,"aria-required":d,"data-state":T(l),"data-disabled":c?``:void 0,disabled:c,value:s,...a,ref:y,onClick:t.r(i,e=>{p(e=>!e),v&&g&&(m.current=e.isPropagationStopped(),m.current||e.stopPropagation())})})});v.displayName=_;var y=l.forwardRef((e,t)=>{let{__scopeSwitch:n,name:r,checked:i,defaultChecked:a,required:o,disabled:s,value:c,onCheckedChange:l,form:d,...f}=e;return(0,u.jsx)(g,{__scopeSwitch:n,checked:i,defaultChecked:a,disabled:s,required:o,onCheckedChange:l,name:r,form:d,value:c,internal_do_not_use_render:({isFormControl:e})=>(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(v,{...f,ref:t,__scopeSwitch:n}),e&&(0,u.jsx)(C,{__scopeSwitch:n})]})})});y.displayName=d;var b=`SwitchThumb`,x=l.forwardRef((e,t)=>{let{__scopeSwitch:n,...i}=e,a=h(b,n);return(0,u.jsx)(r.t.span,{"data-state":T(a.checked),"data-disabled":a.disabled?``:void 0,...i,ref:t})});x.displayName=b;var S=`SwitchBubbleInput`,C=l.forwardRef(({__scopeSwitch:e,...t},i)=>{let{control:a,hasConsumerStoppedPropagationRef:c,checked:d,defaultChecked:f,required:p,disabled:m,name:g,value:_,form:v,bubbleInput:y,setBubbleInput:b}=h(S,e),x=n.t(i,b),C=o.t(d),w=s.t(a);l.useEffect(()=>{let e=y;if(!e)return;let t=window.HTMLInputElement.prototype,n=Object.getOwnPropertyDescriptor(t,`checked`).set,r=!c.current;if(C!==d&&n){let t=new Event(`click`,{bubbles:r});n.call(e,d),e.dispatchEvent(t)}},[y,C,d,c]);let T=l.useRef(d);return(0,u.jsx)(r.t.input,{type:`checkbox`,"aria-hidden":!0,defaultChecked:f??T.current,required:p,disabled:m,name:g,value:_,form:v,...t,tabIndex:-1,ref:x,style:{...t.style,...w,position:`absolute`,pointerEvents:`none`,opacity:0,margin:0,transform:`translateX(-100%)`}})});C.displayName=S;function w(e){return typeof e==`function`}function T(e){return e?`checked`:`unchecked`}var E=`lime`,D=a.t(`peer inline-flex cursor-pointer items-center rounded-full p-[3px] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-white disabled:cursor-not-allowed disabled:opacity-50 data-[state=unchecked]:bg-gray-100`,{variants:{colorType:{blue:`data-[state=checked]:bg-blue-500`,lime:`data-[state=checked]:bg-lime-400`,gray:`data-[state=checked]:bg-gray-900`,pink:`data-[state=checked]:bg-pink-400`},size:{s:`h-[clamp(18px,3.5vw,22px)] w-[clamp(30px,5.8vw,36px)]`,m:`h-[clamp(24px,5vw,30px)] w-[clamp(40px,8.3vw,50px)]`}},defaultVariants:{colorType:E,size:`m`}}),O=`pointer-events-none block rounded-full bg-white aspect-square h-full shrink-0`,k=`transition-[flex] duration-200 ease-out data-[state=unchecked]:flex-none data-[state=unchecked]:w-0 data-[state=checked]:flex-1`,A=({className:e,colorType:t=E,size:n=`m`,checked:r,disabled:a,activeColor:o,inactiveColor:s,controlColor:l,style:d,thumbClassName:f,onCheckedChange:p,ref:m,...h})=>{let g=c.useMemo(()=>{let e={...d};return r&&o?e.backgroundColor=o:!r&&s&&(e.backgroundColor=s),e},[o,s,r,d]),_=c.useMemo(()=>{if(l)return{backgroundColor:l}},[l]),v=o||s?E:t;return(0,u.jsxs)(y,{checked:r,className:i.t(D({colorType:v,size:n}),e),disabled:a,onCheckedChange:p,ref:m,style:g,...h,children:[(0,u.jsx)(`span`,{"aria-hidden":`true`,className:k,"data-state":r?`checked`:`unchecked`}),(0,u.jsx)(x,{className:i.t(O,f),style:_})]})};A.displayName=`Switch`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return A}});
+const e=require("./chunk.CMqjfN_6.js"),t=require("./dist.DTg4gm8w.js"),n=require("./dist.C4D-6Tcr.js"),r=require("./dist.CpTw9rlm.js"),i=require("./utils.C67s_c-g.js"),a=require("./dist.ChAGEqMb.js"),o=require("./dist.B4EKXpi9.js"),s=require("./dist.Pmh4V8k2.js");let c=require("react"),l=e.t(c,1);c=e.t(c);let u=require("react/jsx-runtime");var d=`Switch`,[f,p]=t.a(d),[m,h]=f(d);function g(e){let{__scopeSwitch:n,checked:r,children:i,defaultChecked:a,disabled:o,form:s,name:c,onCheckedChange:f,required:p,value:h=`on`,internal_do_not_use_render:g}=e,[_,v]=t.t({prop:r,defaultProp:a??!1,onChange:f,caller:d}),[y,b]=l.useState(null),[x,S]=l.useState(null),C={checked:_,setChecked:v,disabled:o,control:y,setControl:b,name:c,form:s,value:h,hasConsumerStoppedPropagationRef:l.useRef(!1),required:p,defaultChecked:a,isFormControl:y?!!s||!!y.closest(`form`):!0,bubbleInput:x,setBubbleInput:S};return(0,u.jsx)(m,{scope:n,...C,children:w(g)?g(C):i})}var _=`SwitchTrigger`,v=l.forwardRef(({__scopeSwitch:e,onClick:i,...a},o)=>{let{value:s,disabled:c,checked:l,required:d,setControl:f,setChecked:p,hasConsumerStoppedPropagationRef:m,isFormControl:g,bubbleInput:v}=h(_,e),y=n.t(o,f);return(0,u.jsx)(r.t.button,{type:`button`,role:`switch`,"aria-checked":l,"aria-required":d,"data-state":T(l),"data-disabled":c?``:void 0,disabled:c,value:s,...a,ref:y,onClick:t.r(i,e=>{p(e=>!e),v&&g&&(m.current=e.isPropagationStopped(),m.current||e.stopPropagation())})})});v.displayName=_;var y=l.forwardRef((e,t)=>{let{__scopeSwitch:n,name:r,checked:i,defaultChecked:a,required:o,disabled:s,value:c,onCheckedChange:l,form:d,...f}=e;return(0,u.jsx)(g,{__scopeSwitch:n,checked:i,defaultChecked:a,disabled:s,required:o,onCheckedChange:l,name:r,form:d,value:c,internal_do_not_use_render:({isFormControl:e})=>(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(v,{...f,ref:t,__scopeSwitch:n}),e&&(0,u.jsx)(C,{__scopeSwitch:n})]})})});y.displayName=d;var b=`SwitchThumb`,x=l.forwardRef((e,t)=>{let{__scopeSwitch:n,...i}=e,a=h(b,n);return(0,u.jsx)(r.t.span,{"data-state":T(a.checked),"data-disabled":a.disabled?``:void 0,...i,ref:t})});x.displayName=b;var S=`SwitchBubbleInput`,C=l.forwardRef(({__scopeSwitch:e,...t},i)=>{let{control:a,hasConsumerStoppedPropagationRef:c,checked:d,defaultChecked:f,required:p,disabled:m,name:g,value:_,form:v,bubbleInput:y,setBubbleInput:b}=h(S,e),x=n.t(i,b),C=o.t(d),w=s.t(a);l.useEffect(()=>{let e=y;if(!e)return;let t=window.HTMLInputElement.prototype,n=Object.getOwnPropertyDescriptor(t,`checked`).set,r=!c.current;if(C!==d&&n){let t=new Event(`click`,{bubbles:r});n.call(e,d),e.dispatchEvent(t)}},[y,C,d,c]);let T=l.useRef(d);return(0,u.jsx)(r.t.input,{type:`checkbox`,"aria-hidden":!0,defaultChecked:f??T.current,required:p,disabled:m,name:g,value:_,form:v,...t,tabIndex:-1,ref:x,style:{...t.style,...w,position:`absolute`,pointerEvents:`none`,opacity:0,margin:0,transform:`translateX(-100%)`}})});C.displayName=S;function w(e){return typeof e==`function`}function T(e){return e?`checked`:`unchecked`}var E=`lime`,D=a.t(`peer inline-flex cursor-pointer items-center rounded-full p-[3px] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-white disabled:cursor-not-allowed disabled:opacity-50 data-[state=unchecked]:bg-gray-100`,{variants:{colorType:{blue:`data-[state=checked]:bg-blue-500`,lime:`data-[state=checked]:bg-lime-400`,gray:`data-[state=checked]:bg-gray-900`,pink:`data-[state=checked]:bg-pink-400`},size:{s:`h-[clamp(18px,3.5vw,22px)] w-[clamp(30px,5.8vw,36px)]`,m:`h-[clamp(24px,5vw,30px)] w-[clamp(40px,8.3vw,50px)]`}},defaultVariants:{colorType:E,size:`m`}}),O=`pointer-events-none block rounded-full bg-white aspect-square h-full shrink-0`,k=`transition-[flex] duration-200 ease-out group-data-[state=unchecked]:w-0 group-data-[state=unchecked]:flex-none group-data-[state=checked]:flex-1`,A=({className:e,colorType:t=E,size:n=`m`,checked:r,disabled:a,activeColor:o,inactiveColor:s,controlColor:l,style:d,thumbClassName:f,onCheckedChange:p,ref:m,...h})=>{let g=c.useMemo(()=>{let e={...d};return r&&o?e.backgroundColor=o:!r&&s&&(e.backgroundColor=s),e},[o,s,r,d]),_=c.useMemo(()=>{if(l)return{backgroundColor:l}},[l]),v=o||s?E:t;return(0,u.jsxs)(y,{checked:r,className:i.t(`group`,D({colorType:v,size:n}),e),disabled:a,onCheckedChange:p,ref:m,style:g,...h,children:[(0,u.jsx)(`span`,{"aria-hidden":`true`,className:k}),(0,u.jsx)(x,{className:i.t(O,f),style:_})]})};A.displayName=`Switch`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return A}});

package/dist/chunks/{Switch.Cf71RNLF.js → Switch.BgeUHuBq.js}

@@ -152,7 +152,7 @@ var O = "lime", k = o("peer inline-flex cursor-pointer items-center rounded-full
 		colorType: O,
 		size: "m"
 	}
-}), A = "pointer-events-none block rounded-full bg-white aspect-square h-full shrink-0", j = "transition-[flex] duration-200 ease-out data-[state=unchecked]:flex-none data-[state=unchecked]:w-0 data-[state=checked]:flex-1", M = ({ className: e, colorType: t = O, size: n = "m", checked: r, disabled: i, activeColor: o, inactiveColor: s, controlColor: c, style: u, thumbClassName: p, onCheckedChange: m, ref: h, ...g }) => {
+}), A = "pointer-events-none block rounded-full bg-white aspect-square h-full shrink-0", j = "transition-[flex] duration-200 ease-out group-data-[state=unchecked]:w-0 group-data-[state=unchecked]:flex-none group-data-[state=checked]:flex-1", M = ({ className: e, colorType: t = O, size: n = "m", checked: r, disabled: i, activeColor: o, inactiveColor: s, controlColor: c, style: u, thumbClassName: p, onCheckedChange: m, ref: h, ...g }) => {
 	let _ = l.useMemo(() => {
 		let e = { ...u };
 		return r && o ? e.backgroundColor = o : !r && s && (e.backgroundColor = s), e;
@@ -166,7 +166,7 @@ var O = "lime", k = o("peer inline-flex cursor-pointer items-center rounded-full
 	}, [c]);
 	return /* @__PURE__ */ f(x, {
 		checked: r,
-		className: a(k({
+		className: a("group", k({
 			colorType: o || s ? O : t,
 			size: n
 		}), e),
@@ -177,8 +177,7 @@ var O = "lime", k = o("peer inline-flex cursor-pointer items-center rounded-full
 		...g,
 		children: [/* @__PURE__ */ d("span", {
 			"aria-hidden": "true",
-			className: j,
-			"data-state": r ? "checked" : "unchecked"
+			className: j
 		}), /* @__PURE__ */ d(C, {
 			className: a(A, p),
 			style: v

package/dist/chunks/dist.Bj_fI5rQ.js

@@ -0,0 +1 @@
+const e=require("./chunk.CMqjfN_6.js");let t=require("react");t=e.t(t,1);var n=new Map,r=new WeakMap,i=0,a;function o(e){return e?r.has(e)?r.get(e):(i+=1,r.set(e,i.toString()),r.get(e)):`0`}function s(e){return Object.keys(e).sort().filter(t=>e[t]!==void 0).map(t=>`${t}_${t===`root`?o(e.root):e[t]}`).toString()}function c(e){let t=s(e),r=n.get(t);if(!r){let i=new Map,a,o=new IntersectionObserver(t=>{t.forEach(t=>{let n=t.isIntersecting&&a.some(e=>t.intersectionRatio>=e);e.trackVisibility&&t.isVisible===void 0&&(t.isVisible=n),[...i.get(t.target)??[]].forEach(e=>{e(n,t)})})},e);a=o.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),r={id:t,observer:o,elements:i},n.set(t,r)}return r}function l(e,t,r={},i=a){if(window.IntersectionObserver===void 0&&i!==void 0){let n=e.getBoundingClientRect();return t(i,{isIntersecting:i,target:e,intersectionRatio:typeof r.threshold==`number`?r.threshold:0,time:0,boundingClientRect:n,intersectionRect:n,rootBounds:n}),()=>{}}let{id:o,observer:s,elements:l}=c(r),u=l.get(e)||[];return l.has(e)||l.set(e,u),u.push(t),s.observe(e),function(){u.splice(u.indexOf(t),1),u.length===0&&(l.delete(e),s.unobserve(e)),l.size===0&&(s.disconnect(),n.delete(o))}}t.Component;function u({threshold:e,delay:n,trackVisibility:r,rootMargin:i,root:a,triggerOnce:o,skip:s,initialInView:c,fallbackInView:u,onChange:d}={}){let[f,p]=t.useState(null),m=t.useRef(d),h=t.useRef(c),[g,_]=t.useState({inView:!!c,entry:void 0});m.current=d,t.useEffect(()=>{if(h.current===void 0&&(h.current=c),s||!f)return;let t;return t=l(f,(e,n)=>{let r=h.current;h.current=e,!(r===void 0&&!e)&&(_({inView:e,entry:n}),m.current&&m.current(e,n),n.isIntersecting&&o&&t&&(t(),t=void 0))},{root:a,rootMargin:i,threshold:e,trackVisibility:r,delay:n},u),()=>{t&&t()}},[Array.isArray(e)?e.toString():e,f,a,i,o,s,r,u,n]);let v=g.entry?.target,y=t.useRef(void 0);!f&&v&&!o&&!s&&y.current!==v&&(y.current=v,_({inView:!!c,entry:void 0}),h.current=c);let b=[p,g.inView,g.entry];return b.ref=b[0],b.inView=b[1],b.entry=b[2],b}(`useInsertionEffect`in t?t.useInsertionEffect:void 0)??t.useLayoutEffect??t.useEffect,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return u}});

package/dist/chunks/dist.CYRtTgUR.js

@@ -0,0 +1,96 @@
+import * as e from "react";
+//#region node_modules/react-intersection-observer/dist/index.mjs
+var t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new WeakMap(), r = 0, i;
+function a(e) {
+	return e ? n.has(e) ? n.get(e) : (r += 1, n.set(e, r.toString()), n.get(e)) : "0";
+}
+function o(e) {
+	return Object.keys(e).sort().filter((t) => e[t] !== void 0).map((t) => `${t}_${t === "root" ? a(e.root) : e[t]}`).toString();
+}
+function s(e) {
+	let n = o(e), r = t.get(n);
+	if (!r) {
+		let i = /* @__PURE__ */ new Map(), a, o = new IntersectionObserver((t) => {
+			t.forEach((t) => {
+				let n = t.isIntersecting && a.some((e) => t.intersectionRatio >= e);
+				e.trackVisibility && t.isVisible === void 0 && (t.isVisible = n), [...i.get(t.target) ?? []].forEach((e) => {
+					e(n, t);
+				});
+			});
+		}, e);
+		a = o.thresholds || (Array.isArray(e.threshold) ? e.threshold : [e.threshold || 0]), r = {
+			id: n,
+			observer: o,
+			elements: i
+		}, t.set(n, r);
+	}
+	return r;
+}
+function c(e, n, r = {}, a = i) {
+	if (window.IntersectionObserver === void 0 && a !== void 0) {
+		let t = e.getBoundingClientRect();
+		return n(a, {
+			isIntersecting: a,
+			target: e,
+			intersectionRatio: typeof r.threshold == "number" ? r.threshold : 0,
+			time: 0,
+			boundingClientRect: t,
+			intersectionRect: t,
+			rootBounds: t
+		}), () => {};
+	}
+	let { id: o, observer: c, elements: l } = s(r), u = l.get(e) || [];
+	return l.has(e) || l.set(e, u), u.push(n), c.observe(e), function() {
+		u.splice(u.indexOf(n), 1), u.length === 0 && (l.delete(e), c.unobserve(e)), l.size === 0 && (c.disconnect(), t.delete(o));
+	};
+}
+e.Component;
+function l({ threshold: t, delay: n, trackVisibility: r, rootMargin: i, root: a, triggerOnce: o, skip: s, initialInView: l, fallbackInView: u, onChange: d } = {}) {
+	let [f, p] = e.useState(null), m = e.useRef(d), h = e.useRef(l), [g, _] = e.useState({
+		inView: !!l,
+		entry: void 0
+	});
+	m.current = d, e.useEffect(() => {
+		if (h.current === void 0 && (h.current = l), s || !f) return;
+		let e;
+		return e = c(f, (t, n) => {
+			let r = h.current;
+			h.current = t, !(r === void 0 && !t) && (_({
+				inView: t,
+				entry: n
+			}), m.current && m.current(t, n), n.isIntersecting && o && e && (e(), e = void 0));
+		}, {
+			root: a,
+			rootMargin: i,
+			threshold: t,
+			trackVisibility: r,
+			delay: n
+		}, u), () => {
+			e && e();
+		};
+	}, [
+		Array.isArray(t) ? t.toString() : t,
+		f,
+		a,
+		i,
+		o,
+		s,
+		r,
+		u,
+		n
+	]);
+	let v = g.entry?.target, y = e.useRef(void 0);
+	!f && v && !o && !s && y.current !== v && (y.current = v, _({
+		inView: !!l,
+		entry: void 0
+	}), h.current = l);
+	let b = [
+		p,
+		g.inView,
+		g.entry
+	];
+	return b.ref = b[0], b.inView = b[1], b.entry = b[2], b;
+}
+("useInsertionEffect" in e ? e.useInsertionEffect : void 0) ?? e.useLayoutEffect ?? e.useEffect;
+//#endregion
+export { l as t };

package/dist/components/Control/Switch/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/Switch.2ZixJdlG.js");exports.Switch=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/Switch.BL3XBsvs.js");exports.Switch=e.t;

package/dist/components/Control/Switch/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Control/Switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAMzC,QAAA,MAAM,cAAc;;;8EAoBnB,CAAC;AAOF,MAAM,WAAW,WAChB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,EACpF,IAAI,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,EAAE,WAAW,CAAC;IACvD;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,MAAM;yJAcT,WAAW,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAA;KAAE;;CAyCrF,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Control/Switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAMzC,QAAA,MAAM,cAAc;;;8EAoBnB,CAAC;AASF,MAAM,WAAW,WAChB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,EACpF,IAAI,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,EAAE,WAAW,CAAC;IACvD;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,MAAM;yJAcT,WAAW,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAA;KAAE;;CAyCrF,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/Control/Switch/index.esm.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../../chunks/Switch.Cf71RNLF.js";
+import { t as e } from "../../../chunks/Switch.BgeUHuBq.js";
 export { e as Switch };

package/dist/components/Control/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/checkbox.CYGNBSUO.js"),t=require("./CheckMark/index.cjs.js"),n=require("./RadioButton/index.cjs.js"),r=require("../../chunks/Switch.2ZixJdlG.js");exports.CheckMark=t.CheckMark,exports.Checkbox=e.t,exports.RadioButton=n.RadioButton,exports.Switch=r.t,exports.radioVariants=n.radioVariants;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/checkbox.CYGNBSUO.js"),t=require("./CheckMark/index.cjs.js"),n=require("./RadioButton/index.cjs.js"),r=require("../../chunks/Switch.BL3XBsvs.js");exports.CheckMark=t.CheckMark,exports.Checkbox=e.t,exports.RadioButton=n.RadioButton,exports.Switch=r.t,exports.radioVariants=n.radioVariants;

package/dist/components/Control/index.esm.js

@@ -1,5 +1,5 @@
 import { t as e } from "../../chunks/checkbox.Dzvj-4RV.js";
 import { CheckMark as t } from "./CheckMark/index.esm.js";
 import { RadioButton as n, radioVariants as r } from "./RadioButton/index.esm.js";
-import { t as i } from "../../chunks/Switch.Cf71RNLF.js";
+import { t as i } from "../../chunks/Switch.BgeUHuBq.js";
 export { t as CheckMark, e as Checkbox, n as RadioButton, i as Switch, r as radioVariants };

package/dist/components/ErrorUI/SectionError.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../icons/src/icons/Re.cjs.js");require("../../icons/src/aliases/index.cjs.js");const t=require("../../chunks/utils.C67s_c-g.js"),n=require("../ui/typography.cjs.js");let r=require("react/jsx-runtime");var i=[`vertical`,`horizontal`],a=`정보를 불러오지 못했어요`,o=({iconClassName:n,onRetry:i})=>(0,r.jsx)(`button`,{"aria-label":`다시 시도`,className:`flex size-6.25 cursor-pointer items-center justify-center`,onClick:i,type:`button`,children:(0,r.jsx)(e.default,{className:t.t(`size-4.25 text-gray-600`,n)})});function s({message:e=a,type:i=`vertical`,onRetry:s,className:c,iconClassName:l}){return i===`horizontal`?(0,r.jsxs)(`div`,{className:t.t(`flex items-center gap-2.5`,c),"data-slot":`section-error`,children:[(0,r.jsx)(n.Typography,{className:`text-gray-400`,variant:`t1`,children:e}),(0,r.jsx)(o,{iconClassName:l,onRetry:s})]}):(0,r.jsxs)(`div`,{className:t.t(`flex flex-col items-center justify-center gap-1.75`,c),"data-slot":`section-error`,children:[(0,r.jsx)(o,{iconClassName:l,onRetry:s}),(0,r.jsx)(n.Typography,{className:`text-gray-400`,variant:`t3`,children:e})]})}exports.SectionError=s,exports.sectionErrorTypes=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../icons/src/icons/Re.cjs.js");require("../../icons/src/aliases/index.cjs.js");const t=require("../../chunks/utils.C67s_c-g.js"),n=require("../ui/typography.cjs.js");let r=require("react/jsx-runtime");var i=[`vertical`,`horizontal`,`button_only`],a=`정보를 불러오지 못했어요`,o=({iconClassName:n,onRetry:i})=>(0,r.jsx)(`button`,{"aria-label":`다시 시도`,className:`flex size-7.25 cursor-pointer items-center justify-center rounded-full border border-gray-100 bg-white p-1.25`,onClick:i,type:`button`,children:(0,r.jsx)(e.default,{className:t.t(`size-5 text-gray-600`,n)})});function s({message:e=a,type:i=`vertical`,onRetry:s,className:c,iconClassName:l}){return i===`button_only`?(0,r.jsx)(o,{iconClassName:l,onRetry:s}):i===`horizontal`?(0,r.jsxs)(`div`,{className:t.t(`flex items-center gap-2`,c),"data-slot":`section-error`,children:[(0,r.jsx)(n.Typography,{className:`text-gray-400`,variant:`t3`,children:e}),(0,r.jsx)(o,{iconClassName:l,onRetry:s})]}):(0,r.jsxs)(`div`,{className:t.t(`flex flex-col items-center justify-center gap-2`,c),"data-slot":`section-error`,children:[(0,r.jsx)(o,{iconClassName:l,onRetry:s}),(0,r.jsx)(n.Typography,{className:`text-gray-400`,variant:`t3`,children:e})]})}exports.SectionError=s,exports.sectionErrorTypes=i;

package/dist/components/ErrorUI/SectionError.d.ts

@@ -1,10 +1,10 @@
-declare const sectionErrorTypes: readonly ["vertical", "horizontal"];
+declare const sectionErrorTypes: readonly ["vertical", "horizontal", "button_only"];
 type SectionErrorType = (typeof sectionErrorTypes)[number];
 interface SectionErrorProps extends RetryButtonProps {
     readonly className?: string;
     /** 안내 문구 */
     readonly message?: string;
-    /** 레이아웃. vertical(아이콘 위·문구 아래) / horizontal(문구·아이콘 가로) */
+    /** 레이아웃. vertical(아이콘 위·문구 아래) / horizontal(문구·아이콘 가로) / button_only(재시도 버튼만 단독) */
     readonly type?: SectionErrorType;
 }
 interface RetryButtonProps {

package/dist/components/ErrorUI/SectionError.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionError.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorUI/SectionError.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,iBAAiB,qCAAsC,CAAC;AAC9D,KAAK,gBAAgB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAI3D,UAAU,iBAAkB,SAAQ,gBAAgB;IACnD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY;IACZ,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,0DAA0D;IAC1D,QAAQ,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACjC;AAED,UAAU,gBAAgB;IACzB,6CAA6C;IAC7C,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC,mBAAmB;IACnB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAaD;;;;;GAKG;AACH,iBAAS,YAAY,CAAC,EACrB,OAAyB,EACzB,IAAiB,EACjB,OAAO,EACP,SAAS,EACT,aAAa,GACb,EAAE,iBAAiB,+BAoBnB;AAED,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"SectionError.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorUI/SectionError.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,iBAAiB,oDAAqD,CAAC;AAC7E,KAAK,gBAAgB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAI3D,UAAU,iBAAkB,SAAQ,gBAAgB;IACnD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY;IACZ,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,oFAAoF;IACpF,QAAQ,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACjC;AAED,UAAU,gBAAgB;IACzB,6CAA6C;IAC7C,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC,mBAAmB;IACnB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAaD;;;;;GAKG;AACH,iBAAS,YAAY,CAAC,EACrB,OAAyB,EACzB,IAAiB,EACjB,OAAO,EACP,SAAS,EACT,aAAa,GACb,EAAE,iBAAiB,+BAwBnB;AAED,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/ErrorUI/SectionError.esm.js

@@ -4,27 +4,34 @@ import { t } from "../../chunks/utils.D6DjRYW1.js";
 import { Typography as n } from "../ui/typography.esm.js";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/ErrorUI/SectionError.tsx
-var a = ["vertical", "horizontal"], o = "정보를 불러오지 못했어요", s = ({ iconClassName: n, onRetry: i }) => /* @__PURE__ */ r("button", {
+var a = [
+	"vertical",
+	"horizontal",
+	"button_only"
+], o = "정보를 불러오지 못했어요", s = ({ iconClassName: n, onRetry: i }) => /* @__PURE__ */ r("button", {
 	"aria-label": "다시 시도",
-	className: "flex size-6.25 cursor-pointer items-center justify-center",
+	className: "flex size-7.25 cursor-pointer items-center justify-center rounded-full border border-gray-100 bg-white p-1.25",
 	onClick: i,
 	type: "button",
-	children: /* @__PURE__ */ r(e, { className: t("size-4.25 text-gray-600", n) })
+	children: /* @__PURE__ */ r(e, { className: t("size-5 text-gray-600", n) })
 });
 function c({ message: e = o, type: a = "vertical", onRetry: c, className: l, iconClassName: u }) {
-	return a === "horizontal" ? /* @__PURE__ */ i("div", {
-		className: t("flex items-center gap-2.5", l),
+	return a === "button_only" ? /* @__PURE__ */ r(s, {
+		iconClassName: u,
+		onRetry: c
+	}) : a === "horizontal" ? /* @__PURE__ */ i("div", {
+		className: t("flex items-center gap-2", l),
 		"data-slot": "section-error",
 		children: [/* @__PURE__ */ r(n, {
 			className: "text-gray-400",
-			variant: "t1",
+			variant: "t3",
 			children: e
 		}), /* @__PURE__ */ r(s, {
 			iconClassName: u,
 			onRetry: c
 		})]
 	}) : /* @__PURE__ */ i("div", {
-		className: t("flex flex-col items-center justify-center gap-1.75", l),
+		className: t("flex flex-col items-center justify-center gap-2", l),
 		"data-slot": "section-error",
 		children: [/* @__PURE__ */ r(s, {
 			iconClassName: u,

package/dist/components/Input/PostfixInput/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/utils.C67s_c-g.js"),t=require("../../../core/Colors/index.cjs.js"),n=require("../../../core/Typography/BaseTypography/index.cjs.js"),r=require("../common/InputFrame/index.cjs.js");let i=require("react"),a=require("react/jsx-runtime");var o=({ref:o,...s})=>{let{realValue:c,postfix:l,onBlur:u,onFocus:d,onClick:f,disabled:p,label:m,placeholder:h,errorValidation:g,logRocketMasking:_,focus:v=!1,max:y,decoration:b,updateRealValue:x,formatRealValue:S,formatDisplayValue:C,type:w,pattern:T,...E}=s,[D,O]=(0,i.useState)(``),[k,A]=(0,i.useState)(``),[j,M]=(0,i.useState)(v),N=(0,i.useRef)(null),P=j||!!D,F=!(m||P)&&!!h,I=(0,i.useCallback)(e=>{if(e.length===0||e===`0`){A(``);return}if(g)for(let t=0;t<g.length;t++){if(!g[t]?.condition(e)&&e.length!==0){A(g[t]?.errorText??``);break}A(``)}},[g]),L=(0,i.useCallback)(e=>{let{type:t}=e;M(t===`focus`)},[]),R=(0,i.useCallback)(e=>{f?.(e),N.current?.focus()},[f]),z=(0,i.useCallback)(e=>{let t=S?.(e)||e,n=Number(y),r=Number(t);n&&!Number.isNaN(r)&&r>n||x(t)},[y,x,S]);return(0,i.useEffect)(()=>{let e=c;C&&(e=C?.(e)||``),O(e),I(c)},[C,I,c]),(0,i.useEffect)(()=>{v&&N.current?.focus()},[v]),(0,a.jsxs)(r.InputFrame,{active:P,disabled:!!p,errorText:k,focused:j,handleClickInput:R,label:m,children:[(0,a.jsxs)(`div`,{className:`flex w-full`,children:[(0,a.jsxs)(`div`,{className:e.t(`inline-grid flex-none`,j&&`w-fit pr-1`),children:[(0,a.jsx)(`input`,{...E,className:`typo-t1 box-border h-[65px] w-full resize-none appearance-none border-none bg-transparent pr-0 pl-[20px] text-gray-900 transition-all duration-200 [grid-area:1/2] placeholder:text-gray-100 focus:outline-none disabled:text-gray-200 disabled:opacity-100 disabled:[-webkit-text-fill-color:#C0C0C0] [&::-webkit-date-and-time-value]:[text-align:initial] [&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none`,"data-private":_,disabled:p,name:m,onBlur:e=>{u?.(e),L(e)},onChange:e=>{let t=e.currentTarget.value;z(t)},onClick:R,onFocus:e=>{d?.(e),L(e)},pattern:w===`number`?`\\d*`:T,placeholder:F?h:``,ref:o||N,size:F?void 0:1,type:w,value:C?D:c}),(0,a.jsx)(`span`,{"aria-hidden":!0,className:`typo-t1 invisible whitespace-pre-wrap pl-[25px] [grid-area:1/2]`,children:`${D} `})]}),(0,a.jsx)(`div`,{className:`relative block flex-1`,children:P&&(0,a.jsx)(`div`,{className:e.t(`absolute`,m?`top-[31px]`:`top-[21px]`),children:(0,a.jsx)(n.BaseTypography,{color:p?t.basicColors.gray200:void 0,md:`Title1`,children:l})})})]}),b&&(0,a.jsx)(`div`,{className:e.t(`flex h-full items-center rounded-r-[10px] pr-[15px]`,p?`bg-gray-25`:`bg-white`),children:b})]})};exports.PostfixInput=o;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/utils.C67s_c-g.js"),t=require("../../../core/Colors/index.cjs.js"),n=require("../../../core/Typography/BaseTypography/index.cjs.js"),r=require("../common/InputFrame/index.cjs.js");let i=require("react"),a=require("react/jsx-runtime");var o=({ref:o,...s})=>{let{realValue:c,postfix:l,onBlur:u,onFocus:d,onClick:f,disabled:p,label:m,placeholder:h,errorValidation:g,logRocketMasking:_,focus:v=!1,max:y,decoration:b,updateRealValue:x,formatRealValue:S,formatDisplayValue:C,type:w,pattern:T,...E}=s,[D,O]=(0,i.useState)(``),[k,A]=(0,i.useState)(``),[j,M]=(0,i.useState)(v),N=(0,i.useRef)(null),P=j||!!D,F=!(m||P)&&!!h,I=(0,i.useCallback)(e=>{if(e.length===0||e===`0`){A(``);return}if(g)for(let t=0;t<g.length;t++){if(!g[t]?.condition(e)&&e.length!==0){A(g[t]?.errorText??``);break}A(``)}},[g]),L=(0,i.useCallback)(e=>{let{type:t}=e;M(t===`focus`)},[]),R=(0,i.useCallback)(e=>{f?.(e),N.current?.focus()},[f]),z=(0,i.useCallback)(e=>{let t=S?.(e)||e,n=Number(y),r=Number(t);n&&!Number.isNaN(r)&&r>n||x(t)},[y,x,S]);return(0,i.useEffect)(()=>{let e=c;C&&(e=C?.(e)||``),O(e),I(c)},[C,I,c]),(0,i.useEffect)(()=>{v&&N.current?.focus()},[v]),(0,a.jsxs)(r.InputFrame,{active:P,disabled:!!p,errorText:k,focused:j,handleClickInput:R,label:m,children:[(0,a.jsxs)(`div`,{className:`flex w-full`,children:[(0,a.jsxs)(`div`,{className:e.t(`inline-grid flex-none`,j&&`w-fit pr-1`),children:[(0,a.jsx)(`input`,{...E,className:e.t(`typo-t1 box-border h-[65px] w-full resize-none appearance-none border-none bg-transparent pr-0 pl-[20px] text-gray-900 transition-all duration-200 [grid-area:1/2] placeholder:text-gray-100 focus:outline-none disabled:text-gray-200 disabled:opacity-100 disabled:[-webkit-text-fill-color:#C0C0C0] [&::-webkit-date-and-time-value]:[text-align:initial] [&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none`,m?`pt-[31px] pb-[11px]`:`pb-0`),"data-private":_,disabled:p,name:m,onBlur:e=>{u?.(e),L(e)},onChange:e=>{let t=e.currentTarget.value;z(t)},onClick:R,onFocus:e=>{d?.(e),L(e)},pattern:w===`number`?`\\d*`:T,placeholder:F?h:``,ref:o||N,size:F?void 0:1,type:w,value:C?D:c}),(0,a.jsx)(`span`,{"aria-hidden":!0,className:`typo-t1 invisible whitespace-pre-wrap pl-[25px] [grid-area:1/2]`,children:`${D} `})]}),(0,a.jsx)(`div`,{className:`relative block flex-1`,children:P&&(0,a.jsx)(`div`,{className:e.t(`absolute`,m?`top-[31px]`:`top-[21px]`),children:(0,a.jsx)(n.BaseTypography,{color:p?t.basicColors.gray200:void 0,md:`Title1`,children:l})})})]}),b&&(0,a.jsx)(`div`,{className:e.t(`flex h-full items-center rounded-r-[10px] pr-[15px]`,p?`bg-gray-25`:`bg-white`),children:b})]})};exports.PostfixInput=o;

package/dist/components/Input/PostfixInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/PostfixInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAGpD,UAAU,iBAAkB,SAAQ,eAAe;IAClD,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED;;GAEG;AACH,QAAA,MAAM,YAAY,GAAI,iCAAiC,iBAAiB,sBAgKvE,CAAC;AAEF,YAAY,EAAE,iBAAiB,EAAE,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/PostfixInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAGpD,UAAU,iBAAkB,SAAQ,eAAe;IAClD,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED;;GAEG;AACH,QAAA,MAAM,YAAY,GAAI,iCAAiC,iBAAiB,sBAoKvE,CAAC;AAEF,YAAY,EAAE,iBAAiB,EAAE,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/Input/PostfixInput/index.esm.js

@@ -53,7 +53,7 @@ var u = ({ ref: u, ...d }) => {
 				className: e("inline-grid flex-none", F && "w-fit pr-1"),
 				children: [/* @__PURE__ */ c("input", {
 					...A,
-					className: "typo-t1 box-border h-[65px] w-full resize-none appearance-none border-none bg-transparent pr-0 pl-[20px] text-gray-900 transition-all duration-200 [grid-area:1/2] placeholder:text-gray-100 focus:outline-none disabled:text-gray-200 disabled:opacity-100 disabled:[-webkit-text-fill-color:#C0C0C0] [&::-webkit-date-and-time-value]:[text-align:initial] [&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none",
+					className: e("typo-t1 box-border h-[65px] w-full resize-none appearance-none border-none bg-transparent pr-0 pl-[20px] text-gray-900 transition-all duration-200 [grid-area:1/2] placeholder:text-gray-100 focus:outline-none disabled:text-gray-200 disabled:opacity-100 disabled:[-webkit-text-fill-color:#C0C0C0] [&::-webkit-date-and-time-value]:[text-align:initial] [&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none", v ? "pt-[31px] pb-[11px]" : "pb-0"),
 					"data-private": x,
 					disabled: _,
 					name: v,

package/dist/components/Input/ResidentNumberInput/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/utils.C67s_c-g.js"),t=require("../common/InputFrame/index.cjs.js"),n=require("./rrn.cjs.js");let r=require("react"),i=require("react/jsx-runtime");var a=e=>e&&`pt-[31px] pr-0 pb-[11px] pl-0`,o=({value:o,onChange:s,rrnInputType:c=13,label:l,placeholder:u,disabled:d=!1,errorValidation:f=[],onBlur:p})=>{let m=c===7?n.RRN_LENGTHS.birth+n.RRN_LENGTHS.gender:n.RRN_LENGTHS.total,h=n.sanitizeRRN(o).slice(0,m),g=n.splitRRN(h),_=h.length>0,[v,y]=(0,r.useState)(!1),[b,x]=(0,r.useState)(``),S=v||_,C=!(l||S)&&!!u,w=v||_,T=(0,r.useRef)(null),E=(0,r.useRef)(null),D=(0,r.useRef)(null),O={birth:E,gender:D,security:D},k={birth:null,gender:T,security:E},A=(0,r.useMemo)(()=>`●`.repeat(g.security.length),[g.security]),j=(0,r.useRef)(void 0);(0,r.useEffect)(()=>{let e=h,t=j.current,r=t===void 0||t===``;j.current=e,r&&e.length>0&&e.length<m&&(e.length>=n.RRN_LENGTHS.birth+n.RRN_LENGTHS.gender?D.current?.focus():e.length>=n.RRN_LENGTHS.birth&&E.current?.focus())},[h,m]),(0,r.useEffect)(()=>{if(h.length===0||v){x(``);return}for(let e of f)if(!e.condition(h)){x(e.errorText);return}x(``)},[h,v,f]);let M=()=>y(!0),N=e=>{let t=e.relatedTarget;t===T.current||t===E.current||t===D.current||(y(!1),p?.(e))},P=e=>t=>{if(e===`security`&&(t.key===`ArrowLeft`||t.key===`ArrowRight`)){t.preventDefault();return}t.key===`Backspace`&&g[e].length===0&&k[e]?.current?.focus()},F=e=>t=>{let r=t.target.value,i={...g,[e]:r};s(n.sanitizeRRN(`${i.birth}${i.gender}${i.security}`).slice(0,m)),e!==`security`&&r.length>=n.RRN_LENGTHS[e]&&O[e].current?.focus()};return(0,i.jsxs)(t.InputFrame,{active:S,disabled:!!d,errorText:b,focused:v,label:l,children:[(0,i.jsx)(`input`,{className:e.t(`typo-t1 h-full border-none bg-transparent pl-[20px] placeholder:text-gray-100 focus:outline-none disabled:text-gray-200`,a(!!l),w?`w-[150px]`:`w-full`),disabled:!!d,onBlur:N,onChange:F(`birth`),onFocus:M,onKeyDown:P(`birth`),placeholder:C?u:``,ref:T,type:`tel`,value:g.birth}),w&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`div`,{className:e.t(`typo-t1 mr-[5px]`,a(!!l),g.birth.length>=n.RRN_LENGTHS.birth?`visible`:`invisible`,d&&`text-gray-200`),children:`-`}),(0,i.jsx)(`input`,{className:e.t(`typo-t1 pointer-events-none h-[63px] w-[20px] border-none outline-none disabled:text-gray-200`,a(!!l)),disabled:!!d,onBlur:N,onChange:F(`gender`),onFocus:M,onKeyDown:P(`gender`),ref:E,type:`tel`,value:g.gender}),(0,i.jsx)(`div`,{className:e.t(`relative box-border h-[65px]`,a(!!l)),children:c===7?(0,i.jsx)(`div`,{className:e.t(`h-[23px] leading-[23px] [pointer-events:all]`,d?`text-gray-200`:`text-gray-900`,g.gender.length>0?`visible`:`invisible`),onClick:()=>E.current?.focus(),children:`●●●●●●`}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`div`,{className:e.t(`typo-t1 pointer-events-none absolute z-[2] h-[23px] leading-[23px]`,d?`text-gray-200`:`text-gray-900`),children:A}),(0,i.jsx)(`div`,{className:e.t(`typo-t1 pointer-events-none absolute z-[1] h-[23px] text-gray-200 leading-[23px]`,g.gender.length>0?`visible`:`invisible`),children:`●●●●●●`}),(0,i.jsx)(`input`,{className:`typo-t1 h-[23px] w-[105px] border-none bg-transparent p-0 leading-[23px] outline-none [caret-color:transparent!important] [color:transparent!important] placeholder:text-gray-100 focus:outline-none disabled:text-gray-200`,disabled:!!d,onBlur:N,onChange:F(`security`),onClick:()=>{D.current?.setSelectionRange(g.security.length,g.security.length)},onFocus:M,onKeyDown:P(`security`),ref:D,type:`tel`,value:g.security})]})})]})]})};exports.RRN_LENGTHS=n.RRN_LENGTHS,exports.ResidentNumberInput=o,exports.sanitizeRRN=n.sanitizeRRN,exports.splitRRN=n.splitRRN;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/utils.C67s_c-g.js"),t=require("../common/InputFrame/index.cjs.js"),n=require("./rrn.cjs.js");let r=require("react"),i=require("react/jsx-runtime");var a=e=>e&&`pt-[31px] pb-[11px]`,o=({value:o,onChange:s,rrnInputType:c=13,label:l,placeholder:u,disabled:d=!1,errorValidation:f=[],onBlur:p})=>{let m=c===7?n.RRN_LENGTHS.birth+n.RRN_LENGTHS.gender:n.RRN_LENGTHS.total,h=n.sanitizeRRN(o).slice(0,m),g=n.splitRRN(h),_=h.length>0,[v,y]=(0,r.useState)(!1),[b,x]=(0,r.useState)(``),S=v||_,C=!(l||S)&&!!u,w=v||_,T=(0,r.useRef)(null),E=(0,r.useRef)(null),D=(0,r.useRef)(null),O={birth:E,gender:D,security:D},k={birth:null,gender:T,security:E},A=(0,r.useMemo)(()=>`●`.repeat(g.security.length),[g.security]),j=(0,r.useRef)(void 0);(0,r.useEffect)(()=>{let e=h,t=j.current,r=t===void 0||t===``;j.current=e,r&&e.length>0&&e.length<m&&(e.length>=n.RRN_LENGTHS.birth+n.RRN_LENGTHS.gender?D.current?.focus():e.length>=n.RRN_LENGTHS.birth&&E.current?.focus())},[h,m]),(0,r.useEffect)(()=>{if(h.length===0||v){x(``);return}for(let e of f)if(!e.condition(h)){x(e.errorText);return}x(``)},[h,v,f]);let M=()=>y(!0),N=e=>{let t=e.relatedTarget;t===T.current||t===E.current||t===D.current||(y(!1),p?.(e))},P=e=>t=>{if(e===`security`&&(t.key===`ArrowLeft`||t.key===`ArrowRight`)){t.preventDefault();return}t.key===`Backspace`&&g[e].length===0&&k[e]?.current?.focus()},F=e=>t=>{let r=t.target.value,i={...g,[e]:r};s(n.sanitizeRRN(`${i.birth}${i.gender}${i.security}`).slice(0,m)),e!==`security`&&r.length>=n.RRN_LENGTHS[e]&&O[e].current?.focus()};return(0,i.jsxs)(t.InputFrame,{active:S,disabled:!!d,errorText:b,focused:v,label:l,children:[(0,i.jsx)(`input`,{className:e.t(`typo-t1 h-full border-none bg-transparent pl-[20px] placeholder:text-gray-100 focus:outline-none disabled:text-gray-200`,a(!!l),w?`w-[150px]`:`w-full`),disabled:!!d,onBlur:N,onChange:F(`birth`),onFocus:M,onKeyDown:P(`birth`),placeholder:C?u:``,ref:T,type:`tel`,value:g.birth}),w&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`div`,{className:e.t(`typo-t1 mr-[5px]`,a(!!l),g.birth.length>=n.RRN_LENGTHS.birth?`visible`:`invisible`,d&&`text-gray-200`),children:`-`}),(0,i.jsx)(`input`,{className:e.t(`typo-t1 pointer-events-none h-[63px] w-[20px] border-none outline-none disabled:text-gray-200`,a(!!l)),disabled:!!d,onBlur:N,onChange:F(`gender`),onFocus:M,onKeyDown:P(`gender`),ref:E,type:`tel`,value:g.gender}),(0,i.jsx)(`div`,{className:e.t(`relative box-border h-[65px]`,a(!!l)),children:c===7?(0,i.jsx)(`div`,{className:e.t(`h-[23px] leading-[23px] [pointer-events:all]`,d?`text-gray-200`:`text-gray-900`,g.gender.length>0?`visible`:`invisible`),onClick:()=>E.current?.focus(),children:`●●●●●●`}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`div`,{className:e.t(`typo-t1 pointer-events-none absolute z-[2] h-[23px] leading-[23px]`,d?`text-gray-200`:`text-gray-900`),children:A}),(0,i.jsx)(`div`,{className:e.t(`typo-t1 pointer-events-none absolute z-[1] h-[23px] text-gray-200 leading-[23px]`,g.gender.length>0?`visible`:`invisible`),children:`●●●●●●`}),(0,i.jsx)(`input`,{className:`typo-t1 h-[23px] w-[105px] border-none bg-transparent p-0 text-transparent! leading-[23px] caret-transparent! outline-none placeholder:text-gray-100 focus:outline-none disabled:text-gray-200`,disabled:!!d,onBlur:N,onChange:F(`security`),onClick:()=>{D.current?.setSelectionRange(g.security.length,g.security.length)},onFocus:M,onKeyDown:P(`security`),ref:D,type:`tel`,value:g.security})]})})]})]})};exports.RRN_LENGTHS=n.RRN_LENGTHS,exports.ResidentNumberInput=o,exports.sanitizeRRN=n.sanitizeRRN,exports.splitRRN=n.splitRRN;

package/dist/components/Input/ResidentNumberInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/ResidentNumberInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAIpD,KAAK,wBAAwB,GAAG,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC,GAAG;IAC7G,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC;CACtB,CAAC;AAOF,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA+L3D,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3D,YAAY,EAAE,wBAAwB,EAAE,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/ResidentNumberInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAIpD,KAAK,wBAAwB,GAAG,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC,GAAG;IAC7G,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC;CACtB,CAAC;AASF,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA+L3D,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3D,YAAY,EAAE,wBAAwB,EAAE,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/Input/ResidentNumberInput/index.esm.js

@@ -4,7 +4,7 @@ import { RRN_LENGTHS as n, sanitizeRRN as r, splitRRN as i } from "./rrn.esm.js"
 import { useEffect as a, useMemo as o, useRef as s, useState as c } from "react";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/Input/ResidentNumberInput/index.tsx
-var f = (e) => e && "pt-[31px] pr-0 pb-[11px] pl-0", p = ({ value: p, onChange: m, rrnInputType: h = 13, label: g, placeholder: _, disabled: v = !1, errorValidation: y = [], onBlur: b }) => {
+var f = (e) => e && "pt-[31px] pb-[11px]", p = ({ value: p, onChange: m, rrnInputType: h = 13, label: g, placeholder: _, disabled: v = !1, errorValidation: y = [], onBlur: b }) => {
 	let x = h === 7 ? n.birth + n.gender : n.total, S = r(p).slice(0, x), C = i(S), w = S.length > 0, [T, E] = c(!1), [D, O] = c(""), k = T || w, A = !(g || k) && !!_, j = T || w, M = s(null), N = s(null), P = s(null), F = {
 		birth: N,
 		gender: P,
@@ -97,7 +97,7 @@ var f = (e) => e && "pt-[31px] pr-0 pb-[11px] pl-0", p = ({ value: p, onChange:
 						children: "●●●●●●"
 					}),
 					/* @__PURE__ */ u("input", {
-						className: "typo-t1 h-[23px] w-[105px] border-none bg-transparent p-0 leading-[23px] outline-none [caret-color:transparent!important] [color:transparent!important] placeholder:text-gray-100 focus:outline-none disabled:text-gray-200",
+						className: "typo-t1 h-[23px] w-[105px] border-none bg-transparent p-0 text-transparent! leading-[23px] caret-transparent! outline-none placeholder:text-gray-100 focus:outline-none disabled:text-gray-200",
 						disabled: !!v,
 						onBlur: B,
 						onChange: H("security"),

package/dist/components/List/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/utils.C67s_c-g.js"),t=require("../ui/typography.cjs.js");let n=require("react/jsx-runtime");var r=({children:t,size:r=`M`,className:i,ref:a,...o})=>(0,n.jsx)(`div`,{className:e.t(`flex items-center justify-between`,`pc:px-[80px] px-[20px]`,r===`S`?`py-[12px]`:`py-[15px]`,i),ref:a,...o,children:t});r.displayName=`List`;function i({size:r=`M`,children:i,className:a,...o}){return(0,n.jsx)(t.Typography,{className:e.t(a),variant:r===`S`?`Title3`:`h5`,...o,children:i})}function a({size:r=`M`,children:i,className:a,...o}){return(0,n.jsx)(t.Typography,{className:e.t(`text-gray-400`,a),variant:r===`S`?`Title3`:`Title2`,...o,children:i})}exports.List=r,exports.ListMainText=i,exports.ListSubText=a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/chunk.CMqjfN_6.js"),t=require("../../chunks/utils.C67s_c-g.js"),n=require("../ui/typography.cjs.js");let r=require("react");r=e.t(r);let i=require("react/jsx-runtime");var a=r.createContext({size:`M`});function o(e){let t=r.useContext(a);return e??t.size}var s=({children:e,size:n=`M`,className:r,ref:o,...s})=>(0,i.jsx)(a.Provider,{value:{size:n},children:(0,i.jsx)(`div`,{className:t.t(`flex items-center justify-between pc:px-20 px-5`,n===`S`?`py-3`:`py-3.75`,r),ref:o,...s,children:e})});s.displayName=`List`;var c=e=>e===`S`?`t3`:`h5`,l=e=>e===`S`?`t3`:`t2`;function u({size:e,children:r,className:a,...s}){let l=o(e);return(0,i.jsx)(n.Typography,{className:t.t(a),variant:c(l),...s,children:r})}function d({size:e,children:r,className:a,...s}){let c=o(e);return(0,i.jsx)(n.Typography,{className:t.t(`text-gray-400`,a),variant:l(c),...s,children:r})}function f({size:e,children:r,className:a,...s}){let c=o(e);return(0,i.jsx)(n.Typography,{className:t.t(`text-gray-400`,a),variant:c===`S`?`t4`:`t3`,...s,children:r})}function p({size:e=`M`,variant:r=`main`,leading:a,title:o,caption:s,captionPosition:p=`down`,trailing:m,controlId:h,className:g,ref:_,...v}){let y=r===`sub`,b=y?l(e):c(e),x;x=h?(0,i.jsx)(`label`,{className:t.t(n.typographyVariants({variant:b}),y&&`text-gray-400`,`cursor-pointer`),htmlFor:h,children:o}):y?(0,i.jsx)(d,{size:e,children:o}):(0,i.jsx)(u,{size:e,children:o});let S=!y&&s!=null&&s!==``?(0,i.jsx)(f,{size:e,children:s}):null;return(0,i.jsxs)(`div`,{className:t.t(`flex items-center gap-2.5 pc:px-20 px-5`,e===`S`?`py-3`:`py-3.75`,g),ref:_,...v,children:[a!=null&&(0,i.jsx)(`div`,{className:`flex shrink-0 items-center`,children:a}),(0,i.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col items-start gap-1.25`,children:[p===`up`&&S,x,p!==`up`&&S]}),m!=null&&(0,i.jsx)(`div`,{className:`ml-2.5 flex shrink-0 items-center`,children:m})]})}p.displayName=`ListItem`,exports.List=s,exports.ListCaption=f,exports.ListItem=p,exports.ListMainText=u,exports.ListSubText=d;

package/dist/components/List/index.d.ts

@@ -1,7 +1,8 @@
 import { TypographyProps } from '../ui/typography';
-import type * as React from 'react';
+import * as React from 'react';
+type ListSize = 'S' | 'M';
 type ListProps = React.HTMLAttributes<HTMLDivElement> & {
-    size?: 'S' | 'M';
+    size?: ListSize;
 };
 declare const List: {
     ({ children, size, className, ref, ...props }: ListProps & {
@@ -10,13 +11,54 @@ declare const List: {
     displayName: string;
 };
 type ListMainTextProps = TypographyProps & {
-    size?: 'S' | 'M';
+    size?: ListSize;
 };
 declare function ListMainText({ size, children, className, ...props }: ListMainTextProps): React.JSX.Element;
 type ListSubTextProps = TypographyProps & {
-    size?: 'S' | 'M';
+    size?: ListSize;
 };
 declare function ListSubText({ size, children, className, ...props }: ListSubTextProps): React.JSX.Element;
-export type { ListProps };
-export { List, ListMainText, ListSubText };
+type ListCaptionProps = TypographyProps & {
+    size?: ListSize;
+};
+declare function ListCaption({ size, children, className, ...props }: ListCaptionProps): React.JSX.Element;
+type ListItemBaseProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> & {
+    /** 행 사이즈. 내부 타이포그래피 토큰과 세로 패딩을 결정합니다. */
+    size?: ListSize;
+    /** 왼쪽 leading 영역 (썸네일/아이콘 등). */
+    leading?: React.ReactNode;
+    /** 왼쪽 텍스트. variant에 따라 메인/서브 스타일로 렌더링됩니다. */
+    title: React.ReactNode;
+    /** 오른쪽 Right Area. 텍스트/아이콘/태그/미니버튼/컨트롤 또는 그 조합을 둡니다. */
+    trailing?: React.ReactNode;
+    /**
+     * trailing에 id를 받는 폼 컨트롤(Switch/Checkbox 등)을 둘 경우 그 컨트롤의 id를 전달하면,
+     * title이 `<label htmlFor>`로 연결되어 텍스트 클릭으로도 컨트롤을 조작할 수 있고 스크린리더가 라벨을 인식합니다.
+     */
+    controlId?: string;
+    ref?: React.Ref<HTMLDivElement>;
+};
+/**
+ * 왼쪽 텍스트는 메인('main')과 서브('sub')가 상호 배타적인 "타입"입니다(둘은 동시에 올 수 없음).
+ * 캡션은 메인 타입에만 위/아래로 붙습니다(Figma Left=Caption 구조).
+ */
+type ListItemProps = ListItemBaseProps & ({
+    /** 메인 텍스트 타입(기본). 강조 텍스트 + 선택적 캡션. */
+    variant?: 'main';
+    /** 캡션 텍스트. 메인 타입에서만 사용합니다. */
+    caption?: React.ReactNode;
+    /** 캡션 위치. 기본값 'down'. */
+    captionPosition?: 'up' | 'down';
+} | {
+    /** 서브 텍스트 타입. 보조(회색) 단일 텍스트이며 캡션을 가질 수 없습니다. */
+    variant: 'sub';
+    caption?: never;
+    captionPosition?: never;
+});
+declare function ListItem({ size, variant, leading, title, caption, captionPosition, trailing, controlId, className, ref, ...props }: ListItemProps): React.JSX.Element;
+declare namespace ListItem {
+    var displayName: string;
+}
+export type { ListCaptionProps, ListItemProps, ListProps };
+export { List, ListCaption, ListItem, ListMainText, ListSubText };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/List/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEpE,KAAK,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACvD,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACjB,CAAC;AAEF,QAAA,MAAM,IAAI;mDAAwD,SAAS,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;KAAE;;CAahH,CAAC;AAIF,KAAK,iBAAiB,GAAG,eAAe,GAAG;IAC1C,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACjB,CAAC;AAEF,iBAAS,YAAY,CAAC,EAAE,IAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,qBAMrF;AAED,KAAK,gBAAgB,GAAG,eAAe,GAAG;IACzC,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACjB,CAAC;AAEF,iBAAS,WAAW,CAAC,EAAE,IAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,qBAMnF;AAED,YAAY,EAAE,SAAS,EAAE,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAc,KAAK,eAAe,EAAsB,MAAM,kBAAkB,CAAC;AAExF,KAAK,QAAQ,GAAG,GAAG,GAAG,GAAG,CAAC;AAE1B,KAAK,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACvD,IAAI,CAAC,EAAE,QAAQ,CAAC;CAChB,CAAC;AAYF,QAAA,MAAM,IAAI;mDAAwD,SAAS,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;KAAE;;CAUhH,CAAC;AAQF,KAAK,iBAAiB,GAAG,eAAe,GAAG;IAC1C,IAAI,CAAC,EAAE,QAAQ,CAAC;CAChB,CAAC;AAEF,iBAAS,YAAY,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,qBAO/E;AAED,KAAK,gBAAgB,GAAG,eAAe,GAAG;IACzC,IAAI,CAAC,EAAE,QAAQ,CAAC;CAChB,CAAC;AAEF,iBAAS,WAAW,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,qBAO7E;AAED,KAAK,gBAAgB,GAAG,eAAe,GAAG;IACzC,IAAI,CAAC,EAAE,QAAQ,CAAC;CAChB,CAAC;AAEF,iBAAS,WAAW,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,qBAO7E;AAED,KAAK,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,GAAG;IAC9E,yCAAyC;IACzC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,iCAAiC;IACjC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6CAA6C;IAC7C,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CAChC,CAAC;AAEF;;;GAGG;AACH,KAAK,aAAa,GAAG,iBAAiB,GACrC,CACG;IACA,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yBAAyB;IACzB,eAAe,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;CAC/B,GACD;IACA,gDAAgD;IAChD,OAAO,EAAE,KAAK,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,eAAe,CAAC,EAAE,KAAK,CAAC;CACvB,CACH,CAAC;AAEH,iBAAS,QAAQ,CAAC,EACjB,IAAU,EACV,OAAgB,EAChB,OAAO,EACP,KAAK,EACL,OAAO,EACP,eAAwB,EACxB,QAAQ,EACR,SAAS,EACT,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EACR,EAAE,aAAa,qBAuCf;kBAnDQ,QAAQ;;;AAuDjB,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/List/index.esm.js

@@ -1,29 +1,89 @@
 import { t as e } from "../../chunks/utils.D6DjRYW1.js";
-import { Typography as t } from "../ui/typography.esm.js";
-import { jsx as n } from "react/jsx-runtime";
+import { Typography as t, typographyVariants as n } from "../ui/typography.esm.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/List/index.tsx
-var r = ({ children: t, size: r = "M", className: i, ref: a, ...o }) => /* @__PURE__ */ n("div", {
-	className: e("flex items-center justify-between", "pc:px-[80px] px-[20px]", r === "S" ? "py-[12px]" : "py-[15px]", i),
-	ref: a,
-	...o,
-	children: t
+var o = r.createContext({ size: "M" });
+function s(e) {
+	let t = r.useContext(o);
+	return e ?? t.size;
+}
+var c = ({ children: t, size: n = "M", className: r, ref: a, ...s }) => /* @__PURE__ */ i(o.Provider, {
+	value: { size: n },
+	children: /* @__PURE__ */ i("div", {
+		className: e("flex items-center justify-between pc:px-20 px-5", n === "S" ? "py-3" : "py-3.75", r),
+		ref: a,
+		...s,
+		children: t
+	})
 });
-r.displayName = "List";
-function i({ size: r = "M", children: i, className: a, ...o }) {
-	return /* @__PURE__ */ n(t, {
+c.displayName = "List";
+var l = (e) => e === "S" ? "t3" : "h5", u = (e) => e === "S" ? "t3" : "t2";
+function d({ size: n, children: r, className: a, ...o }) {
+	let c = s(n);
+	return /* @__PURE__ */ i(t, {
 		className: e(a),
-		variant: r === "S" ? "Title3" : "h5",
+		variant: l(c),
+		...o,
+		children: r
+	});
+}
+function f({ size: n, children: r, className: a, ...o }) {
+	let c = s(n);
+	return /* @__PURE__ */ i(t, {
+		className: e("text-gray-400", a),
+		variant: u(c),
 		...o,
-		children: i
+		children: r
 	});
 }
-function a({ size: r = "M", children: i, className: a, ...o }) {
-	return /* @__PURE__ */ n(t, {
+function p({ size: n, children: r, className: a, ...o }) {
+	let c = s(n);
+	return /* @__PURE__ */ i(t, {
 		className: e("text-gray-400", a),
-		variant: r === "S" ? "Title3" : "Title2",
+		variant: c === "S" ? "t4" : "t3",
 		...o,
-		children: i
+		children: r
+	});
+}
+function m({ size: t = "M", variant: r = "main", leading: o, title: s, caption: c, captionPosition: m = "down", trailing: h, controlId: g, className: _, ref: v, ...y }) {
+	let b = r === "sub", x = b ? u(t) : l(t), S;
+	S = g ? /* @__PURE__ */ i("label", {
+		className: e(n({ variant: x }), b && "text-gray-400", "cursor-pointer"),
+		htmlFor: g,
+		children: s
+	}) : i(b ? f : d, {
+		size: t,
+		children: s
+	});
+	let C = !b && c != null && c !== "" ? /* @__PURE__ */ i(p, {
+		size: t,
+		children: c
+	}) : null;
+	return /* @__PURE__ */ a("div", {
+		className: e("flex items-center gap-2.5 pc:px-20 px-5", t === "S" ? "py-3" : "py-3.75", _),
+		ref: v,
+		...y,
+		children: [
+			o != null && /* @__PURE__ */ i("div", {
+				className: "flex shrink-0 items-center",
+				children: o
+			}),
+			/* @__PURE__ */ a("div", {
+				className: "flex min-w-0 flex-1 flex-col items-start gap-1.25",
+				children: [
+					m === "up" && C,
+					S,
+					m !== "up" && C
+				]
+			}),
+			h != null && /* @__PURE__ */ i("div", {
+				className: "ml-2.5 flex shrink-0 items-center",
+				children: h
+			})
+		]
 	});
 }
+m.displayName = "ListItem";
 //#endregion
-export { r as List, i as ListMainText, a as ListSubText };
+export { c as List, p as ListCaption, m as ListItem, d as ListMainText, f as ListSubText };

package/dist/components/MiniButton/IconMiniButton/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/dist.BoEBrFAh.js"),t=require("../../../chunks/utils.C67s_c-g.js"),n=require("../../../chunks/dist.ChAGEqMb.js");let r=require("react/jsx-runtime");var i=n.t(``,{variants:{colorType:{pink:`text-pink-400`,blue:`text-blue-400`,gray:`text-gray-400`,lime:`text-lime-400`}}}),a=({size:n=`s`,asChild:a=!1,children:o,className:s,colorType:c,disabled:l,type:u=`button`,...d})=>(0,r.jsx)(a?e.t:`button`,{className:t.t(`flex h-fit w-max items-center gap-[3px] rounded-[5px] py-[3.5px] pl-[5px]`,!l&&`hover:bg-gray-50 focus:bg-gray-100`,n===`s`?`typo-t4`:`typo-t3`,i({colorType:c}),s),type:u,...d,children:o});exports.IconMiniButton=a,exports.miniButtonTextVariants=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/dist.BoEBrFAh.js"),t=require("../../../chunks/utils.C67s_c-g.js"),n=require("../../../chunks/dist.ChAGEqMb.js");let r=require("react/jsx-runtime");var i=n.t(``,{variants:{colorType:{pink:`text-pink-400`,blue:`text-blue-400`,gray:`text-gray-400`,lime:`text-lime-400`}}}),a=({size:n=`s`,asChild:a=!1,children:o,className:s,colorType:c,disabled:l,type:u=`button`,...d})=>(0,r.jsx)(a?e.t:`button`,{className:t.t(`flex h-fit w-max select-none items-center gap-[3px] rounded-[5px] py-[3.5px] pl-[5px]`,l?`cursor-not-allowed`:`cursor-pointer`,!l&&`hover:bg-gray-50 active:bg-gray-100`,n===`s`?`typo-t4`:`typo-t3`,l?`text-gray-200`:i({colorType:c}),c===`gray`&&(l?`[&_svg>path]:fill-gray-50`:`[&_svg>path]:fill-gray-200`),s),disabled:l,type:u,...d,children:o});exports.IconMiniButton=a,exports.miniButtonTextVariants=i;

package/dist/components/MiniButton/IconMiniButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/MiniButton/IconMiniButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAGlD,KAAK,mBAAmB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GACjE,YAAY,CAAC,OAAO,sBAAsB,CAAC,GAAG;IAE7C,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEH,QAAA,MAAM,sBAAsB;;8EAS1B,CAAC;AAEH;;GAEG;AACH,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2BjD,CAAC;AAEF,YAAY,EAAE,mBAAmB,EAAE,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/MiniButton/IconMiniButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAGlD,KAAK,mBAAmB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GACjE,YAAY,CAAC,OAAO,sBAAsB,CAAC,GAAG;IAE7C,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEH,QAAA,MAAM,sBAAsB;;8EAS1B,CAAC;AAEH;;GAEG;AACH,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA+BjD,CAAC;AAEF,YAAY,EAAE,mBAAmB,EAAE,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/components/MiniButton/IconMiniButton/index.esm.js

@@ -9,7 +9,8 @@ var i = n("", { variants: { colorType: {
 	gray: "text-gray-400",
 	lime: "text-lime-400"
 } } }), a = ({ size: n = "s", asChild: a = !1, children: o, className: s, colorType: c, disabled: l, type: u = "button", ...d }) => /* @__PURE__ */ r(a ? e : "button", {
-	className: t("flex h-fit w-max items-center gap-[3px] rounded-[5px] py-[3.5px] pl-[5px]", !l && "hover:bg-gray-50 focus:bg-gray-100", n === "s" ? "typo-t4" : "typo-t3", i({ colorType: c }), s),
+	className: t("flex h-fit w-max select-none items-center gap-[3px] rounded-[5px] py-[3.5px] pl-[5px]", l ? "cursor-not-allowed" : "cursor-pointer", !l && "hover:bg-gray-50 active:bg-gray-100", n === "s" ? "typo-t4" : "typo-t3", l ? "text-gray-200" : i({ colorType: c }), c === "gray" && (l ? "[&_svg>path]:fill-gray-50" : "[&_svg>path]:fill-gray-200"), s),
+	disabled: l,
 	type: u,
 	...d,
 	children: o

package/dist/components/MiniButton/UnderLineMiniButton/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/dist.BoEBrFAh.js"),t=require("../../../chunks/utils.C67s_c-g.js"),n=require("../IconMiniButton/index.cjs.js");let r=require("react/jsx-runtime");var i=({size:i=`s`,colorType:a,children:o,url:s,className:c,disabled:l,type:u=`button`,asChild:d=!1,...f})=>(0,r.jsx)(r.Fragment,{children:s?(0,r.jsx)(e.t,{className:t.t(`flex h-fit w-max items-center gap-[3px] rounded-[5px] p-[5px]`,!l&&`underline underline-offset-4 hover:bg-gray-50 focus:bg-gray-100`,l?`text-gray-200`:n.miniButtonTextVariants({colorType:a}),i===`s`?`typo-t4`:`typo-t3`,c),...f,children:(0,r.jsx)(`a`,{className:`text-decoration-none`,href:s,rel:`noreferrer`,target:`_blank`,children:o})}):(0,r.jsx)(d?e.t:`button`,{className:t.t(`flex h-fit w-max items-center gap-[3px] rounded-[5px] p-[5px]`,!l&&`underline underline-offset-4 hover:bg-gray-50 focus:bg-gray-100`,l?`text-gray-200`:n.miniButtonTextVariants({colorType:a}),i===`s`?`typo-t4`:`typo-t3`,c),disabled:l,type:u,...f,children:o})});exports.UnderLineMiniButton=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/dist.BoEBrFAh.js"),t=require("../../../chunks/utils.C67s_c-g.js"),n=require("../IconMiniButton/index.cjs.js");let r=require("react/jsx-runtime");var i=({size:i=`s`,colorType:a,children:o,url:s,className:c,disabled:l,type:u=`button`,asChild:d=!1,...f})=>(0,r.jsx)(r.Fragment,{children:s?(0,r.jsx)(e.t,{className:t.t(`flex h-fit w-max select-none items-center gap-[3px] rounded-[5px] p-[5px]`,l?`cursor-not-allowed`:`cursor-pointer`,!l&&`underline underline-offset-4 hover:bg-gray-50 active:bg-gray-100`,l?`text-gray-200`:n.miniButtonTextVariants({colorType:a}),i===`s`?`typo-t4`:`typo-t3`,c),...f,children:(0,r.jsx)(`a`,{href:s,rel:`noreferrer`,target:`_blank`,children:o})}):(0,r.jsx)(d?e.t:`button`,{className:t.t(`flex h-fit w-max select-none items-center gap-[3px] rounded-[5px] p-[5px]`,l?`cursor-not-allowed`:`cursor-pointer`,!l&&`underline underline-offset-4 hover:bg-gray-50 active:bg-gray-100`,l?`text-gray-200`:n.miniButtonTextVariants({colorType:a}),i===`s`?`typo-t4`:`typo-t3`,c),disabled:l,type:u,...f,children:o})});exports.UnderLineMiniButton=i;

package/dist/components/MiniButton/UnderLineMiniButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/MiniButton/UnderLineMiniButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAE3D,KAAK,wBAAwB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GACtE,YAAY,CAAC,OAAO,sBAAsB,CAAC,GAAG;IAC7C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEH,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAgD3D,CAAC;AAEF,YAAY,EAAE,wBAAwB,EAAE,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/MiniButton/UnderLineMiniButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAE3D,KAAK,wBAAwB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GACtE,YAAY,CAAC,OAAO,sBAAsB,CAAC,GAAG;IAC7C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEH,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAkD3D,CAAC;AAEF,YAAY,EAAE,wBAAwB,EAAE,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/MiniButton/UnderLineMiniButton/index.esm.js

@@ -4,17 +4,16 @@ import { miniButtonTextVariants as n } from "../IconMiniButton/index.esm.js";
 import { Fragment as r, jsx as i } from "react/jsx-runtime";
 //#region src/components/MiniButton/UnderLineMiniButton/index.tsx
 var a = ({ size: a = "s", colorType: o, children: s, url: c, className: l, disabled: u, type: d = "button", asChild: f = !1, ...p }) => /* @__PURE__ */ i(r, { children: c ? /* @__PURE__ */ i(e, {
-	className: t("flex h-fit w-max items-center gap-[3px] rounded-[5px] p-[5px]", !u && "underline underline-offset-4 hover:bg-gray-50 focus:bg-gray-100", u ? "text-gray-200" : n({ colorType: o }), a === "s" ? "typo-t4" : "typo-t3", l),
+	className: t("flex h-fit w-max select-none items-center gap-[3px] rounded-[5px] p-[5px]", u ? "cursor-not-allowed" : "cursor-pointer", !u && "underline underline-offset-4 hover:bg-gray-50 active:bg-gray-100", u ? "text-gray-200" : n({ colorType: o }), a === "s" ? "typo-t4" : "typo-t3", l),
 	...p,
 	children: /* @__PURE__ */ i("a", {
-		className: "text-decoration-none",
 		href: c,
 		rel: "noreferrer",
 		target: "_blank",
 		children: s
 	})
 }) : /* @__PURE__ */ i(f ? e : "button", {
-	className: t("flex h-fit w-max items-center gap-[3px] rounded-[5px] p-[5px]", !u && "underline underline-offset-4 hover:bg-gray-50 focus:bg-gray-100", u ? "text-gray-200" : n({ colorType: o }), a === "s" ? "typo-t4" : "typo-t3", l),
+	className: t("flex h-fit w-max select-none items-center gap-[3px] rounded-[5px] p-[5px]", u ? "cursor-not-allowed" : "cursor-pointer", !u && "underline underline-offset-4 hover:bg-gray-50 active:bg-gray-100", u ? "text-gray-200" : n({ colorType: o }), a === "s" ? "typo-t4" : "typo-t3", l),
 	disabled: u,
 	type: d,
 	...p,