@pfct/purple 1.13.0 → 1.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/index.css +1 -1
- package/dist/chunks/DotLottie.CAB2tVvS.js +5 -0
- package/dist/chunks/{DotLottie.BEAWvPhB.js → DotLottie.rjIbaVEt.js} +88 -3
- package/dist/chunks/{Switch.2ZixJdlG.js → Switch.BL3XBsvs.js} +1 -1
- package/dist/chunks/{Switch.Cf71RNLF.js → Switch.BgeUHuBq.js} +3 -4
- package/dist/components/Control/Switch/index.cjs.js +1 -1
- package/dist/components/Control/Switch/index.d.ts.map +1 -1
- package/dist/components/Control/Switch/index.esm.js +1 -1
- package/dist/components/Control/index.cjs.js +1 -1
- package/dist/components/Control/index.esm.js +1 -1
- package/dist/components/ErrorUI/SectionError.cjs.js +1 -1
- package/dist/components/ErrorUI/SectionError.d.ts +2 -2
- package/dist/components/ErrorUI/SectionError.d.ts.map +1 -1
- package/dist/components/ErrorUI/SectionError.esm.js +14 -7
- package/dist/components/Input/PostfixInput/index.cjs.js +1 -1
- package/dist/components/Input/PostfixInput/index.d.ts.map +1 -1
- package/dist/components/Input/PostfixInput/index.esm.js +1 -1
- package/dist/components/Input/ResidentNumberInput/index.cjs.js +1 -1
- package/dist/components/Input/ResidentNumberInput/index.d.ts.map +1 -1
- package/dist/components/Input/ResidentNumberInput/index.esm.js +2 -2
- package/dist/components/List/index.cjs.js +1 -1
- package/dist/components/List/index.d.ts +48 -6
- package/dist/components/List/index.d.ts.map +1 -1
- package/dist/components/List/index.esm.js +77 -17
- package/dist/components/MiniButton/IconMiniButton/index.cjs.js +1 -1
- package/dist/components/MiniButton/IconMiniButton/index.d.ts.map +1 -1
- package/dist/components/MiniButton/IconMiniButton/index.esm.js +2 -1
- package/dist/components/MiniButton/UnderLineMiniButton/index.cjs.js +1 -1
- package/dist/components/MiniButton/UnderLineMiniButton/index.d.ts.map +1 -1
- package/dist/components/MiniButton/UnderLineMiniButton/index.esm.js +2 -3
- package/dist/components/index.cjs.js +1 -1
- package/dist/components/index.esm.js +26 -26
- package/dist/icons/src/aliases/aliases.cjs.js +1 -1
- package/dist/icons/src/aliases/aliases.d.ts +1 -1
- package/dist/icons/src/aliases/aliases.d.ts.map +1 -1
- package/dist/icons/src/aliases/aliases.esm.js +3 -3
- package/dist/icons/src/aliases/index.cjs.js +1 -1
- package/dist/icons/src/aliases/index.esm.js +3 -3
- package/dist/icons/src/aliases/prefixed.cjs.js +1 -1
- package/dist/icons/src/aliases/prefixed.d.ts +5 -5
- package/dist/icons/src/aliases/prefixed.d.ts.map +1 -1
- package/dist/icons/src/aliases/prefixed.esm.js +3 -3
- package/dist/icons/src/aliases/suffixed.cjs.js +1 -1
- package/dist/icons/src/aliases/suffixed.d.ts +7 -7
- package/dist/icons/src/aliases/suffixed.d.ts.map +1 -1
- package/dist/icons/src/aliases/suffixed.esm.js +3 -3
- package/dist/icons/src/icons/index.cjs.js +1 -1
- package/dist/icons/src/icons/index.esm.js +3 -3
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +31 -31
- package/dist/library/DotLottie/index.cjs.js +1 -1
- package/dist/library/DotLottie/index.esm.js +1 -1
- package/dist/library/List/BottomSheetItemList/index.cjs.js +1 -1
- package/dist/library/List/BottomSheetItemList/index.esm.js +1 -1
- package/dist/library/index.cjs.js +1 -1
- package/dist/library/index.esm.js +1 -1
- package/package.json +3 -2
- package/dist/chunks/DotLottie.DHSt1_0W.js +0 -5
|
@@ -78,7 +78,7 @@ var p = class {
|
|
|
78
78
|
"fr",
|
|
79
79
|
"w",
|
|
80
80
|
"h"
|
|
81
|
-
], y = "0.
|
|
81
|
+
], y = "0.75.0", b = "@lottiefiles/dotlottie-web", x, S = typeof TextDecoder < "u" ? new TextDecoder("utf-8", {
|
|
82
82
|
ignoreBOM: !0,
|
|
83
83
|
fatal: !0
|
|
84
84
|
}) : { decode: () => {
|
|
@@ -246,6 +246,9 @@ var I = Object.freeze({
|
|
|
246
246
|
set_segment(e, t) {
|
|
247
247
|
return x.dotlottieplayerwasm_set_segment(this.__wbg_ptr, e, t) !== 0;
|
|
248
248
|
}
|
|
249
|
+
sm_set_seed(e) {
|
|
250
|
+
return x.dotlottieplayerwasm_sm_set_seed(this.__wbg_ptr, e) !== 0;
|
|
251
|
+
}
|
|
249
252
|
static unload_font(e) {
|
|
250
253
|
let t = j(e, x.__wbindgen_malloc_command_export, x.__wbindgen_realloc_command_export), n = O;
|
|
251
254
|
return x.dotlottieplayerwasm_unload_font(t, n) !== 0;
|
|
@@ -1199,7 +1202,7 @@ var Y = de(R, `https://cdn.jsdelivr.net/npm/${b}@${y}/dist/dotlottie-player.wasm
|
|
|
1199
1202
|
this._dotLottieCore !== null && (this._stopAnimationLoop(), this._cleanupCanvas(), this._isFrozen = !1, this._dotLottieCore.set_autoplay(e.autoplay ?? !1), this._dotLottieCore.set_loop(e.loop ?? !1), this._dotLottieCore.set_loop_count(e.loopCount ?? 0), this._dotLottieCore.set_mode(X(e.mode ?? "forward")), this._dotLottieCore.set_speed(e.speed ?? 1), this._dotLottieCore.set_use_frame_interpolation(e.useFrameInterpolation ?? !0), e.segment && e.segment.length === 2 ? (this._segment = [e.segment[0], e.segment[1]], this._dotLottieCore.set_segment(this._segment[0], this._segment[1])) : (this._segment = null, this._dotLottieCore.clear_segment()), this._marker = e.marker ?? "", this._marker ? this._dotLottieCore.set_marker(this._marker) : this._dotLottieCore.clear_marker(), this._dotLottieCore.set_layout(e.layout?.fit ?? "contain", e.layout?.align?.[0] ?? .5, e.layout?.align?.[1] ?? .5), e.data ? this._canvas ? this._loadFromData(e.data) : this._pendingLoad = { data: e.data } : e.src && (this._canvas ? this._loadFromSrc(e.src) : this._pendingLoad = { src: e.src }), e.backgroundColor && this.setBackgroundColor(e.backgroundColor));
|
|
1200
1203
|
}
|
|
1201
1204
|
_draw() {
|
|
1202
|
-
if (this._dotLottieCore === null || this._canvas === null || (!this._context && "getContext" in this._canvas && typeof this._canvas.getContext == "function" && (typeof HTMLCanvasElement < "u" && this._canvas instanceof HTMLCanvasElement || typeof OffscreenCanvas < "u" && this._canvas instanceof OffscreenCanvas) && (this._context = this._canvas.getContext("2d")), !this._context)) return;
|
|
1205
|
+
if (this._dotLottieCore === null || this._canvas === null || (!this._context && "getContext" in this._canvas && typeof this._canvas.getContext == "function" && (!g || typeof HTMLCanvasElement < "u" && this._canvas instanceof HTMLCanvasElement || typeof OffscreenCanvas < "u" && this._canvas instanceof OffscreenCanvas) && (this._context = this._canvas.getContext("2d")), !this._context)) return;
|
|
1203
1206
|
let e = this._dotLottieCore.get_pixel_buffer(), t = this._canvas.width, n = this._canvas.height, r = t * n * 4;
|
|
1204
1207
|
if (e.byteLength !== r) {
|
|
1205
1208
|
this._lastExpectedBufferSize === r ? this._bufferMismatchCount += 1 : (this._bufferMismatchCount = 1, this._lastExpectedBufferSize = r), this._bufferMismatchCount === 10 && console.warn(`[dotlottie-web] Persistent buffer size mismatch detected. Expected ${r} bytes for canvas ${t}x${n}, but got ${e.byteLength} bytes. This may indicate a WASM memory allocation issue or invalid canvas dimensions.`);
|
|
@@ -2702,7 +2705,7 @@ var Y = de(R, `https://cdn.jsdelivr.net/npm/${b}@${y}/dist/dotlottie-player.wasm
|
|
|
2702
2705
|
48,
|
|
2703
2706
|
46,
|
|
2704
2707
|
55,
|
|
2705
|
-
|
|
2708
|
+
53,
|
|
2706
2709
|
46,
|
|
2707
2710
|
48,
|
|
2708
2711
|
34,
|
|
@@ -6830,6 +6833,84 @@ var Y = de(R, `https://cdn.jsdelivr.net/npm/${b}@${y}/dist/dotlottie-player.wasm
|
|
|
6830
6833
|
48,
|
|
6831
6834
|
125,
|
|
6832
6835
|
115,
|
|
6836
|
+
109,
|
|
6837
|
+
95,
|
|
6838
|
+
115,
|
|
6839
|
+
101,
|
|
6840
|
+
116,
|
|
6841
|
+
95,
|
|
6842
|
+
115,
|
|
6843
|
+
101,
|
|
6844
|
+
101,
|
|
6845
|
+
100,
|
|
6846
|
+
40,
|
|
6847
|
+
116,
|
|
6848
|
+
41,
|
|
6849
|
+
123,
|
|
6850
|
+
114,
|
|
6851
|
+
101,
|
|
6852
|
+
116,
|
|
6853
|
+
117,
|
|
6854
|
+
114,
|
|
6855
|
+
110,
|
|
6856
|
+
32,
|
|
6857
|
+
115,
|
|
6858
|
+
46,
|
|
6859
|
+
100,
|
|
6860
|
+
111,
|
|
6861
|
+
116,
|
|
6862
|
+
108,
|
|
6863
|
+
111,
|
|
6864
|
+
116,
|
|
6865
|
+
116,
|
|
6866
|
+
105,
|
|
6867
|
+
101,
|
|
6868
|
+
112,
|
|
6869
|
+
108,
|
|
6870
|
+
97,
|
|
6871
|
+
121,
|
|
6872
|
+
101,
|
|
6873
|
+
114,
|
|
6874
|
+
119,
|
|
6875
|
+
97,
|
|
6876
|
+
115,
|
|
6877
|
+
109,
|
|
6878
|
+
95,
|
|
6879
|
+
115,
|
|
6880
|
+
109,
|
|
6881
|
+
95,
|
|
6882
|
+
115,
|
|
6883
|
+
101,
|
|
6884
|
+
116,
|
|
6885
|
+
95,
|
|
6886
|
+
115,
|
|
6887
|
+
101,
|
|
6888
|
+
101,
|
|
6889
|
+
100,
|
|
6890
|
+
40,
|
|
6891
|
+
116,
|
|
6892
|
+
104,
|
|
6893
|
+
105,
|
|
6894
|
+
115,
|
|
6895
|
+
46,
|
|
6896
|
+
95,
|
|
6897
|
+
95,
|
|
6898
|
+
119,
|
|
6899
|
+
98,
|
|
6900
|
+
103,
|
|
6901
|
+
95,
|
|
6902
|
+
112,
|
|
6903
|
+
116,
|
|
6904
|
+
114,
|
|
6905
|
+
44,
|
|
6906
|
+
116,
|
|
6907
|
+
41,
|
|
6908
|
+
33,
|
|
6909
|
+
61,
|
|
6910
|
+
61,
|
|
6911
|
+
48,
|
|
6912
|
+
125,
|
|
6913
|
+
115,
|
|
6833
6914
|
116,
|
|
6834
6915
|
97,
|
|
6835
6916
|
116,
|
|
@@ -37775,6 +37856,10 @@ var Y = de(R, `https://cdn.jsdelivr.net/npm/${b}@${y}/dist/dotlottie-player.wasm
|
|
|
37775
37856
|
38,
|
|
37776
37857
|
38,
|
|
37777
37858
|
40,
|
|
37859
|
+
33,
|
|
37860
|
+
103,
|
|
37861
|
+
124,
|
|
37862
|
+
124,
|
|
37778
37863
|
116,
|
|
37779
37864
|
121,
|
|
37780
37865
|
112,
|
|
@@ -1 +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]:
|
|
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 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}});
|
|
@@ -152,7 +152,7 @@ var O = "lime", k = o("peer inline-flex cursor-pointer items-center rounded-full
|
|
|
152
152
|
colorType: O,
|
|
153
153
|
size: "m"
|
|
154
154
|
}
|
|
155
|
-
}), 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]:
|
|
155
|
+
}), 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 }) => {
|
|
156
156
|
let _ = l.useMemo(() => {
|
|
157
157
|
let e = { ...u };
|
|
158
158
|
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
|
|
|
166
166
|
}, [c]);
|
|
167
167
|
return /* @__PURE__ */ f(x, {
|
|
168
168
|
checked: r,
|
|
169
|
-
className: a(k({
|
|
169
|
+
className: a("group", k({
|
|
170
170
|
colorType: o || s ? O : t,
|
|
171
171
|
size: n
|
|
172
172
|
}), e),
|
|
@@ -177,8 +177,7 @@ var O = "lime", k = o("peer inline-flex cursor-pointer items-center rounded-full
|
|
|
177
177
|
...g,
|
|
178
178
|
children: [/* @__PURE__ */ d("span", {
|
|
179
179
|
"aria-hidden": "true",
|
|
180
|
-
className: j
|
|
181
|
-
"data-state": r ? "checked" : "unchecked"
|
|
180
|
+
className: j
|
|
182
181
|
}), /* @__PURE__ */ d(C, {
|
|
183
182
|
className: a(A, p),
|
|
184
183
|
style: v
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/Switch.
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/Switch.BL3XBsvs.js");exports.Switch=e.t;
|
|
@@ -1 +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;
|
|
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;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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../../chunks/Switch.
|
|
1
|
+
import { t as e } from "../../../chunks/Switch.BgeUHuBq.js";
|
|
2
2
|
export { e as Switch };
|
|
@@ -1 +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.
|
|
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.BL3XBsvs.js");exports.CheckMark=t.CheckMark,exports.Checkbox=e.t,exports.RadioButton=n.RadioButton,exports.Switch=r.t,exports.radioVariants=n.radioVariants;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as e } from "../../chunks/checkbox.Dzvj-4RV.js";
|
|
2
2
|
import { CheckMark as t } from "./CheckMark/index.esm.js";
|
|
3
3
|
import { RadioButton as n, radioVariants as r } from "./RadioButton/index.esm.js";
|
|
4
|
-
import { t as i } from "../../chunks/Switch.
|
|
4
|
+
import { t as i } from "../../chunks/Switch.BgeUHuBq.js";
|
|
5
5
|
export { t as CheckMark, e as Checkbox, n as RadioButton, i as Switch, r as radioVariants };
|
|
@@ -1 +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-
|
|
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`,`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;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
declare const sectionErrorTypes: readonly ["vertical", "horizontal"];
|
|
1
|
+
declare const sectionErrorTypes: readonly ["vertical", "horizontal", "button_only"];
|
|
2
2
|
type SectionErrorType = (typeof sectionErrorTypes)[number];
|
|
3
3
|
interface SectionErrorProps extends RetryButtonProps {
|
|
4
4
|
readonly className?: string;
|
|
5
5
|
/** 안내 문구 */
|
|
6
6
|
readonly message?: string;
|
|
7
|
-
/** 레이아웃. vertical(아이콘 위·문구 아래) / horizontal(문구·아이콘 가로) */
|
|
7
|
+
/** 레이아웃. vertical(아이콘 위·문구 아래) / horizontal(문구·아이콘 가로) / button_only(재시도 버튼만 단독) */
|
|
8
8
|
readonly type?: SectionErrorType;
|
|
9
9
|
}
|
|
10
10
|
interface RetryButtonProps {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SectionError.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorUI/SectionError.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,iBAAiB,
|
|
1
|
+
{"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"}
|
|
@@ -4,27 +4,34 @@ import { t } from "../../chunks/utils.D6DjRYW1.js";
|
|
|
4
4
|
import { Typography as n } from "../ui/typography.esm.js";
|
|
5
5
|
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
6
6
|
//#region src/components/ErrorUI/SectionError.tsx
|
|
7
|
-
var a = [
|
|
7
|
+
var a = [
|
|
8
|
+
"vertical",
|
|
9
|
+
"horizontal",
|
|
10
|
+
"button_only"
|
|
11
|
+
], o = "정보를 불러오지 못했어요", s = ({ iconClassName: n, onRetry: i }) => /* @__PURE__ */ r("button", {
|
|
8
12
|
"aria-label": "다시 시도",
|
|
9
|
-
className: "flex size-
|
|
13
|
+
className: "flex size-7.25 cursor-pointer items-center justify-center rounded-full border border-gray-100 bg-white p-1.25",
|
|
10
14
|
onClick: i,
|
|
11
15
|
type: "button",
|
|
12
|
-
children: /* @__PURE__ */ r(e, { className: t("size-
|
|
16
|
+
children: /* @__PURE__ */ r(e, { className: t("size-5 text-gray-600", n) })
|
|
13
17
|
});
|
|
14
18
|
function c({ message: e = o, type: a = "vertical", onRetry: c, className: l, iconClassName: u }) {
|
|
15
|
-
return a === "
|
|
16
|
-
|
|
19
|
+
return a === "button_only" ? /* @__PURE__ */ r(s, {
|
|
20
|
+
iconClassName: u,
|
|
21
|
+
onRetry: c
|
|
22
|
+
}) : a === "horizontal" ? /* @__PURE__ */ i("div", {
|
|
23
|
+
className: t("flex items-center gap-2", l),
|
|
17
24
|
"data-slot": "section-error",
|
|
18
25
|
children: [/* @__PURE__ */ r(n, {
|
|
19
26
|
className: "text-gray-400",
|
|
20
|
-
variant: "
|
|
27
|
+
variant: "t3",
|
|
21
28
|
children: e
|
|
22
29
|
}), /* @__PURE__ */ r(s, {
|
|
23
30
|
iconClassName: u,
|
|
24
31
|
onRetry: c
|
|
25
32
|
})]
|
|
26
33
|
}) : /* @__PURE__ */ i("div", {
|
|
27
|
-
className: t("flex flex-col items-center justify-center gap-
|
|
34
|
+
className: t("flex flex-col items-center justify-center gap-2", l),
|
|
28
35
|
"data-slot": "section-error",
|
|
29
36
|
children: [/* @__PURE__ */ r(s, {
|
|
30
37
|
iconClassName: u,
|
|
@@ -1 +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
|
|
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: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;
|
|
@@ -1 +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,
|
|
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,sBAoKvE,CAAC;AAEF,YAAY,EAAE,iBAAiB,EAAE,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -53,7 +53,7 @@ var u = ({ ref: u, ...d }) => {
|
|
|
53
53
|
className: e("inline-grid flex-none", F && "w-fit pr-1"),
|
|
54
54
|
children: [/* @__PURE__ */ c("input", {
|
|
55
55
|
...A,
|
|
56
|
-
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",
|
|
56
|
+
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"),
|
|
57
57
|
"data-private": x,
|
|
58
58
|
disabled: _,
|
|
59
59
|
name: v,
|
|
@@ -1 +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]
|
|
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] 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;
|
|
@@ -1 +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;
|
|
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;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"}
|
|
@@ -4,7 +4,7 @@ import { RRN_LENGTHS as n, sanitizeRRN as r, splitRRN as i } from "./rrn.esm.js"
|
|
|
4
4
|
import { useEffect as a, useMemo as o, useRef as s, useState as c } from "react";
|
|
5
5
|
import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
|
|
6
6
|
//#region src/components/Input/ResidentNumberInput/index.tsx
|
|
7
|
-
var f = (e) => e && "pt-[31px]
|
|
7
|
+
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 }) => {
|
|
8
8
|
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 = {
|
|
9
9
|
birth: N,
|
|
10
10
|
gender: P,
|
|
@@ -97,7 +97,7 @@ var f = (e) => e && "pt-[31px] pr-0 pb-[11px] pl-0", p = ({ value: p, onChange:
|
|
|
97
97
|
children: "●●●●●●"
|
|
98
98
|
}),
|
|
99
99
|
/* @__PURE__ */ u("input", {
|
|
100
|
-
className: "typo-t1 h-[23px] w-[105px] border-none bg-transparent p-0 leading-[23px]
|
|
100
|
+
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",
|
|
101
101
|
disabled: !!v,
|
|
102
102
|
onBlur: B,
|
|
103
103
|
onChange: H("security"),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/utils.C67s_c-g.js"),
|
|
1
|
+
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;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { TypographyProps } from '../ui/typography';
|
|
2
|
-
import
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
type ListSize = 'S' | 'M';
|
|
3
4
|
type ListProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
4
|
-
size?:
|
|
5
|
+
size?: ListSize;
|
|
5
6
|
};
|
|
6
7
|
declare const List: {
|
|
7
8
|
({ children, size, className, ref, ...props }: ListProps & {
|
|
@@ -10,13 +11,54 @@ declare const List: {
|
|
|
10
11
|
displayName: string;
|
|
11
12
|
};
|
|
12
13
|
type ListMainTextProps = TypographyProps & {
|
|
13
|
-
size?:
|
|
14
|
+
size?: ListSize;
|
|
14
15
|
};
|
|
15
16
|
declare function ListMainText({ size, children, className, ...props }: ListMainTextProps): React.JSX.Element;
|
|
16
17
|
type ListSubTextProps = TypographyProps & {
|
|
17
|
-
size?:
|
|
18
|
+
size?: ListSize;
|
|
18
19
|
};
|
|
19
20
|
declare function ListSubText({ size, children, className, ...props }: ListSubTextProps): React.JSX.Element;
|
|
20
|
-
|
|
21
|
-
|
|
21
|
+
type ListCaptionProps = TypographyProps & {
|
|
22
|
+
size?: ListSize;
|
|
23
|
+
};
|
|
24
|
+
declare function ListCaption({ size, children, className, ...props }: ListCaptionProps): React.JSX.Element;
|
|
25
|
+
type ListItemBaseProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> & {
|
|
26
|
+
/** 행 사이즈. 내부 타이포그래피 토큰과 세로 패딩을 결정합니다. */
|
|
27
|
+
size?: ListSize;
|
|
28
|
+
/** 왼쪽 leading 영역 (썸네일/아이콘 등). */
|
|
29
|
+
leading?: React.ReactNode;
|
|
30
|
+
/** 왼쪽 텍스트. variant에 따라 메인/서브 스타일로 렌더링됩니다. */
|
|
31
|
+
title: React.ReactNode;
|
|
32
|
+
/** 오른쪽 Right Area. 텍스트/아이콘/태그/미니버튼/컨트롤 또는 그 조합을 둡니다. */
|
|
33
|
+
trailing?: React.ReactNode;
|
|
34
|
+
/**
|
|
35
|
+
* trailing에 id를 받는 폼 컨트롤(Switch/Checkbox 등)을 둘 경우 그 컨트롤의 id를 전달하면,
|
|
36
|
+
* title이 `<label htmlFor>`로 연결되어 텍스트 클릭으로도 컨트롤을 조작할 수 있고 스크린리더가 라벨을 인식합니다.
|
|
37
|
+
*/
|
|
38
|
+
controlId?: string;
|
|
39
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
40
|
+
};
|
|
41
|
+
/**
|
|
42
|
+
* 왼쪽 텍스트는 메인('main')과 서브('sub')가 상호 배타적인 "타입"입니다(둘은 동시에 올 수 없음).
|
|
43
|
+
* 캡션은 메인 타입에만 위/아래로 붙습니다(Figma Left=Caption 구조).
|
|
44
|
+
*/
|
|
45
|
+
type ListItemProps = ListItemBaseProps & ({
|
|
46
|
+
/** 메인 텍스트 타입(기본). 강조 텍스트 + 선택적 캡션. */
|
|
47
|
+
variant?: 'main';
|
|
48
|
+
/** 캡션 텍스트. 메인 타입에서만 사용합니다. */
|
|
49
|
+
caption?: React.ReactNode;
|
|
50
|
+
/** 캡션 위치. 기본값 'down'. */
|
|
51
|
+
captionPosition?: 'up' | 'down';
|
|
52
|
+
} | {
|
|
53
|
+
/** 서브 텍스트 타입. 보조(회색) 단일 텍스트이며 캡션을 가질 수 없습니다. */
|
|
54
|
+
variant: 'sub';
|
|
55
|
+
caption?: never;
|
|
56
|
+
captionPosition?: never;
|
|
57
|
+
});
|
|
58
|
+
declare function ListItem({ size, variant, leading, title, caption, captionPosition, trailing, controlId, className, ref, ...props }: ListItemProps): React.JSX.Element;
|
|
59
|
+
declare namespace ListItem {
|
|
60
|
+
var displayName: string;
|
|
61
|
+
}
|
|
62
|
+
export type { ListCaptionProps, ListItemProps, ListProps };
|
|
63
|
+
export { List, ListCaption, ListItem, ListMainText, ListSubText };
|
|
22
64
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,
|
|
1
|
+
{"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"}
|
|
@@ -1,29 +1,89 @@
|
|
|
1
1
|
import { t as e } from "../../chunks/utils.D6DjRYW1.js";
|
|
2
|
-
import { Typography as t } from "../ui/typography.esm.js";
|
|
3
|
-
import
|
|
2
|
+
import { Typography as t, typographyVariants as n } from "../ui/typography.esm.js";
|
|
3
|
+
import * as r from "react";
|
|
4
|
+
import { jsx as i, jsxs as a } from "react/jsx-runtime";
|
|
4
5
|
//#region src/components/List/index.tsx
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
6
|
+
var o = r.createContext({ size: "M" });
|
|
7
|
+
function s(e) {
|
|
8
|
+
let t = r.useContext(o);
|
|
9
|
+
return e ?? t.size;
|
|
10
|
+
}
|
|
11
|
+
var c = ({ children: t, size: n = "M", className: r, ref: a, ...s }) => /* @__PURE__ */ i(o.Provider, {
|
|
12
|
+
value: { size: n },
|
|
13
|
+
children: /* @__PURE__ */ i("div", {
|
|
14
|
+
className: e("flex items-center justify-between pc:px-20 px-5", n === "S" ? "py-3" : "py-3.75", r),
|
|
15
|
+
ref: a,
|
|
16
|
+
...s,
|
|
17
|
+
children: t
|
|
18
|
+
})
|
|
10
19
|
});
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
20
|
+
c.displayName = "List";
|
|
21
|
+
var l = (e) => e === "S" ? "t3" : "h5", u = (e) => e === "S" ? "t3" : "t2";
|
|
22
|
+
function d({ size: n, children: r, className: a, ...o }) {
|
|
23
|
+
let c = s(n);
|
|
24
|
+
return /* @__PURE__ */ i(t, {
|
|
14
25
|
className: e(a),
|
|
15
|
-
variant:
|
|
26
|
+
variant: l(c),
|
|
27
|
+
...o,
|
|
28
|
+
children: r
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
function f({ size: n, children: r, className: a, ...o }) {
|
|
32
|
+
let c = s(n);
|
|
33
|
+
return /* @__PURE__ */ i(t, {
|
|
34
|
+
className: e("text-gray-400", a),
|
|
35
|
+
variant: u(c),
|
|
16
36
|
...o,
|
|
17
|
-
children:
|
|
37
|
+
children: r
|
|
18
38
|
});
|
|
19
39
|
}
|
|
20
|
-
function
|
|
21
|
-
|
|
40
|
+
function p({ size: n, children: r, className: a, ...o }) {
|
|
41
|
+
let c = s(n);
|
|
42
|
+
return /* @__PURE__ */ i(t, {
|
|
22
43
|
className: e("text-gray-400", a),
|
|
23
|
-
variant:
|
|
44
|
+
variant: c === "S" ? "t4" : "t3",
|
|
24
45
|
...o,
|
|
25
|
-
children:
|
|
46
|
+
children: r
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
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 }) {
|
|
50
|
+
let b = r === "sub", x = b ? u(t) : l(t), S;
|
|
51
|
+
S = g ? /* @__PURE__ */ i("label", {
|
|
52
|
+
className: e(n({ variant: x }), b && "text-gray-400", "cursor-pointer"),
|
|
53
|
+
htmlFor: g,
|
|
54
|
+
children: s
|
|
55
|
+
}) : i(b ? f : d, {
|
|
56
|
+
size: t,
|
|
57
|
+
children: s
|
|
58
|
+
});
|
|
59
|
+
let C = !b && c != null && c !== "" ? /* @__PURE__ */ i(p, {
|
|
60
|
+
size: t,
|
|
61
|
+
children: c
|
|
62
|
+
}) : null;
|
|
63
|
+
return /* @__PURE__ */ a("div", {
|
|
64
|
+
className: e("flex items-center gap-2.5 pc:px-20 px-5", t === "S" ? "py-3" : "py-3.75", _),
|
|
65
|
+
ref: v,
|
|
66
|
+
...y,
|
|
67
|
+
children: [
|
|
68
|
+
o != null && /* @__PURE__ */ i("div", {
|
|
69
|
+
className: "flex shrink-0 items-center",
|
|
70
|
+
children: o
|
|
71
|
+
}),
|
|
72
|
+
/* @__PURE__ */ a("div", {
|
|
73
|
+
className: "flex min-w-0 flex-1 flex-col items-start gap-1.25",
|
|
74
|
+
children: [
|
|
75
|
+
m === "up" && C,
|
|
76
|
+
S,
|
|
77
|
+
m !== "up" && C
|
|
78
|
+
]
|
|
79
|
+
}),
|
|
80
|
+
h != null && /* @__PURE__ */ i("div", {
|
|
81
|
+
className: "ml-2.5 flex shrink-0 items-center",
|
|
82
|
+
children: h
|
|
83
|
+
})
|
|
84
|
+
]
|
|
26
85
|
});
|
|
27
86
|
}
|
|
87
|
+
m.displayName = "ListItem";
|
|
28
88
|
//#endregion
|
|
29
|
-
export {
|
|
89
|
+
export { c as List, p as ListCaption, m as ListItem, d as ListMainText, f as ListSubText };
|
|
@@ -1 +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
|
|
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 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;
|
|
@@ -1 +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,
|
|
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,CA+BjD,CAAC;AAEF,YAAY,EAAE,mBAAmB,EAAE,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,CAAC"}
|
|
@@ -9,7 +9,8 @@ var i = n("", { variants: { colorType: {
|
|
|
9
9
|
gray: "text-gray-400",
|
|
10
10
|
lime: "text-lime-400"
|
|
11
11
|
} } }), a = ({ size: n = "s", asChild: a = !1, children: o, className: s, colorType: c, disabled: l, type: u = "button", ...d }) => /* @__PURE__ */ r(a ? e : "button", {
|
|
12
|
-
className: t("flex h-fit w-max items-center gap-[3px] rounded-[5px] py-[3.5px] pl-[5px]", !l && "hover:bg-gray-50
|
|
12
|
+
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),
|
|
13
|
+
disabled: l,
|
|
13
14
|
type: u,
|
|
14
15
|
...d,
|
|
15
16
|
children: o
|
|
@@ -1 +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
|
|
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 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;
|
|
@@ -1 +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,
|
|
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,CAkD3D,CAAC;AAEF,YAAY,EAAE,wBAAwB,EAAE,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
|