@plaidlabs/ui 0.0.1

package/dist/style.css

@@ -0,0 +1 @@
+._1b653mp0{font-family:Pretendard;font-weight:700;line-height:52px;font-size:36px;letter-spacing:-.4px}._1b653mp1{font-family:Pretendard;font-weight:500;line-height:52px;font-size:36px;letter-spacing:-.4px}._1b653mp2{font-family:Pretendard;font-weight:400;line-height:52px;font-size:36px;letter-spacing:-.4px}._1b653mp3{font-family:Pretendard;font-weight:700;line-height:47px;font-size:32px;letter-spacing:-.4px}._1b653mp4{font-family:Pretendard;font-weight:500;line-height:47px;font-size:32px;letter-spacing:-.4px}._1b653mp5{font-family:Pretendard;font-weight:400;line-height:47px;font-size:32px;letter-spacing:-.4px}._1b653mp6{font-family:Pretendard;font-weight:700;line-height:35px;font-size:24px;letter-spacing:-.2px}._1b653mp7{font-family:Pretendard;font-weight:600;line-height:35px;font-size:24px;letter-spacing:-.2px}._1b653mp8{font-family:Pretendard;font-weight:500;line-height:35px;font-size:24px;letter-spacing:-.2px}._1b653mp9{font-family:Pretendard;font-weight:400;line-height:35px;font-size:24px;letter-spacing:-.2px}._1b653mpa{font-family:Pretendard;font-weight:700;line-height:30px;font-size:20px;letter-spacing:-.2px}._1b653mpb{font-family:Pretendard;font-weight:600;line-height:30px;font-size:20px;letter-spacing:-.2px}._1b653mpc{font-family:Pretendard;font-weight:500;line-height:30px;font-size:20px;letter-spacing:-.2px}._1b653mpd{font-family:Pretendard;font-weight:400;line-height:30px;font-size:20px;letter-spacing:-.2px}._1b653mpe{font-family:Pretendard;font-weight:700;line-height:28px;font-size:18px;letter-spacing:-.2px}._1b653mpf{font-family:Pretendard;font-weight:600;line-height:28px;font-size:18px;letter-spacing:-.2px}._1b653mpg{font-family:Pretendard;font-weight:500;line-height:28px;font-size:18px;letter-spacing:-.2px}._1b653mph{font-family:Pretendard;font-weight:400;line-height:28px;font-size:18px;letter-spacing:-.2px}._1b653mpi{font-family:Pretendard;font-weight:700;line-height:25px;font-size:16px;letter-spacing:-.1px}._1b653mpj{font-family:Pretendard;font-weight:600;line-height:25px;font-size:16px;letter-spacing:-.1px}._1b653mpk{font-family:Pretendard;font-weight:500;line-height:25px;font-size:16px;letter-spacing:-.1px}._1b653mpl{font-family:Pretendard;font-weight:400;line-height:25px;font-size:16px;letter-spacing:-.1px}._1b653mpm{font-family:Pretendard;font-weight:700;line-height:22px;font-size:14px;letter-spacing:-.1px}._1b653mpn{font-family:Pretendard;font-weight:600;line-height:22px;font-size:14px;letter-spacing:-.1px}._1b653mpo{font-family:Pretendard;font-weight:500;line-height:22px;font-size:14px;letter-spacing:-.1px}._1b653mpp{font-family:Pretendard;font-weight:400;line-height:22px;font-size:14px;letter-spacing:-.1px}._1b653mpq{font-family:Pretendard;font-weight:600;line-height:17px;font-size:12px;letter-spacing:0px}._1b653mpr{font-family:Pretendard;font-weight:500;line-height:17px;font-size:12px;letter-spacing:0px}._1b653mps{font-family:Pretendard;font-weight:400;line-height:17px;font-size:12px;letter-spacing:0px}._1b653mpt{font-family:Pretendard;font-weight:600;line-height:16px;font-size:11px;letter-spacing:0px}._1b653mpu{font-family:Pretendard;font-weight:500;line-height:16px;font-size:11px;letter-spacing:0px}._1b653mpv{font-family:Pretendard;font-weight:400;line-height:16px;font-size:11px;letter-spacing:0px}._8rusxu0{display:flex;align-items:center;justify-content:center;width:100%;height:100%}._8rusxu1{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;white-space:nowrap;border-color:transparent;outline:none;box-sizing:border-box;touch-action:manipulation;-webkit-tap-highlight-color:transparent}._8rusxu1:focus-visible{outline:.125rem solid;outline-color:#cedff8;outline-offset:.125rem;border-radius:.25rem}._8rusxu1:disabled{pointer-events:none}._8rusxu1[data-disabled]{pointer-events:none}._8rusxu2,._8rusxu3{border-radius:.375rem;gap:.5rem}._8rusxu4,._8rusxu5{border-radius:.25rem;gap:.5rem}._8rusxu6,._8rusxu7{border-radius:.25rem;gap:.25rem}._8rusxu8{color:#fff}._8rusxu9{background-color:#fff;border-style:solid;border-width:.09375rem}._8rusxua{border:none}._8rusxub{background-color:transparent}._8rusxul{background-color:#0c5dde}._8rusxul[data-pressed]:not([data-disabled]){background-color:#003993}._8rusxul:disabled,._8rusxul[data-disabled]{background-color:#0c5dde33}._8rusxum{border-color:#cedff8;color:#0c5dde}._8rusxum[data-pressed]:not([data-disabled]){background-color:#cedff8;border-color:#0c5dde66}._8rusxum:disabled{color:#0c5dde4d;border-color:#0c5dde1a}._8rusxun{background-color:#0c5dde0d;color:#0c5dde}._8rusxun[data-pressed]:not([data-disabled]){background-color:#0c5dde33}._8rusxun:disabled{background-color:#0c5dde1a;color:#fff}._8rusxuo{color:#0c5dde}._8rusxuo[data-pressed]:not([data-disabled]){background-color:#0c5dde1a}._8rusxuo:disabled{color:#0c5dde4d}._8rusxup{background-color:#00903d}._8rusxup[data-pressed]:not([data-disabled]){background-color:#005e28}._8rusxup:disabled{background-color:#00903d33}._8rusxuq{border-color:#b2dec5;color:#00903d}._8rusxuq[data-pressed]:not([data-disabled]){background-color:#cce9d8;border-color:#99d3b1}._8rusxuq:disabled{color:#00903d4d;border-color:#00903d1a}._8rusxur{color:#00903d;background-color:#00903d0d}._8rusxur[data-pressed]:not([data-disabled]){background-color:#00903d33}._8rusxur:disabled{background-color:#00903d1a;color:#fff}._8rusxus{color:#00903d}._8rusxus[data-pressed]:not([data-disabled]){background-color:#00903d33}._8rusxus:disabled{color:#00903d4d}._8rusxut{background-color:#d21b1b}._8rusxut[data-pressed]:not([data-disabled]){background-color:#861212}._8rusxut:disabled{background-color:#d21b1b33}._8rusxuu{border-color:#f6d1d1;color:#d21b1b}._8rusxuu[data-pressed]:not([data-disabled]){background-color:#f6d1d1;border-color:#eda4a4}._8rusxuu:disabled{color:#d21b1b4d;border-color:#d21b1b1a}._8rusxuv{color:#d21b1b;background-color:#fdf4f4}._8rusxuv[data-pressed]:not([data-disabled]){background-color:#f6d1d1}._8rusxuv:disabled{background-color:#fae8e8;color:#fff}._8rusxuw{color:#d21b1b}._8rusxuw[data-pressed]:not([data-disabled]){background-color:#d21b1b1a}._8rusxuw:disabled{color:#d21b1b4d}._8rusxux{background-color:#3e3f46}._8rusxux[data-pressed]:not([data-disabled]){background-color:#1e1f22}._8rusxux:disabled{background-color:#dee0e7}._8rusxuy{border-color:#f1f2f6;color:#3e3f46}._8rusxuy[data-pressed]:not([data-disabled]){background-color:#dee0e7;border-color:#c5c7d2}._8rusxuy:disabled{color:#c5c7d2;border-color:#f1f2f6}._8rusxuz{color:#3e3f46;background-color:#f7f7fa}._8rusxuz[data-pressed]:not([data-disabled]){background-color:#dee0e7}._8rusxuz:disabled{background-color:#f1f2f6;color:#fff}._8rusxu10{color:#3e3f46}._8rusxu10[data-pressed]:not([data-disabled]){background-color:#f1f2f6}._8rusxu10:disabled{color:#c5c7d2}._8rusxu11{padding:.875rem 1rem}._8rusxu12{padding:.875rem .75rem}._8rusxu13{padding:.875rem .75rem .875rem 1rem}._8rusxu14{padding:.875rem 1rem .875rem .75rem}._8rusxu15{padding:.75rem;width:3.25rem;height:3.25rem;aspect-ratio:1}._8rusxu16{padding:.625rem 1rem}._8rusxu17{padding:.625rem .75rem}._8rusxu18{padding:.625rem .75rem .625rem 1rem}._8rusxu19{padding:.625rem 1rem .625rem .75rem}._8rusxu1a{padding:.625rem;width:2.75rem;height:2.75rem;aspect-ratio:1}._8rusxu1b{padding:.375rem .75rem}._8rusxu1c{padding:.375rem .5rem}._8rusxu1d{padding:.375rem .5rem .375rem .75rem}._8rusxu1e{padding:.375rem .75rem .375rem .5rem}._8rusxu1f{padding:.5625rem;width:2.25rem;height:2.25rem;aspect-ratio:1}._8rusxu1g{padding:.375rem .75rem}._8rusxu1h{padding:.375rem .5rem}._8rusxu1i{padding:.375rem .5rem .375rem .75rem}._8rusxu1j{padding:.375rem .75rem .375rem .5rem}._8rusxu1k{padding:.5rem;width:2rem;height:2rem;aspect-ratio:1}._8rusxu1l,._8rusxu1m{padding:.25rem .5rem}._8rusxu1n{padding:.25rem .375rem .25rem .5rem}._8rusxu1o{padding:.25rem .5rem .25rem .375rem}._8rusxu1p{padding:.375rem;width:1.625rem;height:1.625rem;aspect-ratio:1}._8rusxu1q,._8rusxu1r{padding:.1875rem .5rem}._8rusxu1s{padding:.1875rem .375rem .1875rem .5rem}._8rusxu1t{padding:.1875rem .5rem .1875rem .375rem}._8rusxu1u{padding:.375rem;width:1.375rem;height:1.375rem;aspect-ratio:1}@media (hover: hover){._8rusxul[data-hovered]:not([data-disabled]):not([data-pressed]){box-shadow:0 0 0 .25rem #0c5dde4d}._8rusxum[data-hovered]:not([data-disabled]):not([data-pressed]){background-color:#f3f7fd;border-color:#0c5dde66}._8rusxun[data-hovered]:not([data-disabled]):not([data-pressed]){background-color:#0c5dde1a}._8rusxuo[data-hovered]:not([data-disabled]):not([data-pressed]){background-color:#0c5dde0d}._8rusxup[data-hovered]:not([data-disabled]):not([data-pressed]){box-shadow:0 0 0 4px #00903d4d}._8rusxuq[data-hovered]:not([data-disabled]):not([data-pressed]){background-color:#f2f9f5;border-color:#99d3b1}._8rusxur[data-hovered]:not([data-disabled]):not([data-pressed]){background-color:#00903d1a}._8rusxus[data-hovered]:not([data-disabled]):not([data-pressed]){background-color:#f2f9f5}._8rusxut[data-hovered]:not([data-disabled]):not([data-pressed]){box-shadow:0 0 0 4px #d21b1b4d}._8rusxuu[data-hovered]:not([data-disabled]):not([data-pressed]){background-color:#fdf4f4;border-color:#eda4a4}._8rusxuv[data-hovered]:not([data-disabled]):not([data-pressed]){background-color:#fae8e8}._8rusxuw[data-hovered]:not([data-disabled]):not([data-pressed]){background-color:#d21b1b0d}._8rusxux[data-hovered]:not([data-disabled]):not([data-pressed]){box-shadow:0 0 0 4px #c5c7d2}._8rusxuy[data-hovered]:not([data-disabled]):not([data-pressed]){background-color:#f7f7fa;border-color:#dee0e7}._8rusxuz[data-hovered]:not([data-disabled]):not([data-pressed]){background-color:#f1f2f6}._8rusxu10[data-hovered]:not([data-disabled]):not([data-pressed]){background-color:#f7f7fa}}.tdgdft0{position:relative;display:inline-block}.tdgdft1{position:absolute;width:100%;height:100%;border-radius:50%;border-style:solid;box-sizing:border-box}.tdgdft3{width:1rem;height:1rem;border-width:.0625rem}.tdgdft4{width:1.5rem;height:1.5rem;border-width:.125rem}.tdgdft5{width:2rem;height:2rem;border-width:.1875rem}.tdgdft6{width:2.5rem;height:2.5rem;border-width:.1875rem}.tdgdft7{border-color:#dee0e7}.tdgdft8{border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent}.tdgdft9{border-left-color:#0c5dde}.tdgdfta{border-left-color:#00903d}.tdgdftb{border-left-color:#f6bd00}.tdgdftc{border-left-color:#d21b1b}.tdgdftd{border-left-color:#989aa4}@media (prefers-color-scheme: dark){.tdgdft7{border-color:#3e3f46}.tdgdft9{border-left-color:#558ee8}.tdgdfta{border-left-color:#66bc8b}.tdgdftb{border-left-color:#f8ca33}.tdgdftc{border-left-color:#e05f5f}.tdgdftd{border-left-color:#dee0e7}}._1ki978o0{display:inline-flex;align-items:center;gap:.25rem;padding-left:.75rem;padding-right:.75rem}._1ki978o1{color:#989aa4}._1ki978o2{color:#d21b1b}._1ki978o3{color:#0c5dde}._1ki978o4{color:#00903d}._1ki978o5{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:currentColor}.qzzfja0{text-decoration:underline;cursor:pointer}.qzzfja3{color:#0c5dde}.qzzfja4{color:#3e3f46}.qzzfja5{color:#6e7078}.x7yz2o0{display:inline-flex;align-items:center;padding:.0625rem;border:.0625rem solid;border-radius:.375rem;gap:.25rem;background-color:#fff}.x7yz2o1{border-color:#e7effc}.x7yz2o2{border-color:#f1f2f6}.x7yz2o3{list-style:none;display:flex;gap:inherit;margin:0;padding:0}.x7yz2o4{display:flex;align-items:center;justify-content:center;border-radius:.25rem;cursor:default;-webkit-user-select:none;user-select:none;box-sizing:border-box;border:.25rem solid transparent}.x7yz2o5{height:2rem;min-width:2rem;padding:.5rem}.x7yz2o6{height:1.5rem;min-width:1.5rem;padding:.25rem}.x7yz2oc{background-color:#fff;color:#0c5dde}.x7yz2od{background-color:#0c5dde1a;color:#0c5dde}.x7yz2oe{background-color:#fff;color:#989aa4}.x7yz2of{background-color:#fff;color:#3e3f46}.x7yz2og{background-color:#f1f2f6;color:#53545c}.x7yz2oh{background-color:#fff;color:#989aa4}._18nbbr40{display:inline-flex;align-items:center;cursor:pointer}._18nbbr41{position:relative;display:grid;place-items:center;border:.0625rem solid;background-color:#fff;box-sizing:border-box}._18nbbr42{width:1rem;height:1rem;border-radius:.13rem}._18nbbr43{width:1.25rem;height:1.25rem;border-radius:.25rem}:not([data-selected=true]) ._18nbbr44{border-color:#b6cef5}[data-selected=true] ._18nbbr44{background-color:#0c5dde;border-color:#0c5dde}[data-hovered=true]:not([data-disabled=true]):not([data-selected=true]):not([data-indeterminate=true]) ._18nbbr44{border-color:#558ee8;box-shadow:0 0 0 .12rem #0c5dde33}[data-disabled=true] ._18nbbr44{border-color:#c5c7d2}:not([data-selected=true]) ._18nbbr45{border-color:#6e7078}[data-selected=true] ._18nbbr45{background-color:#3e3f46;border-color:#3e3f46}[data-hovered=true]:not([data-disabled=true]):not([data-selected=true]):not([data-indeterminate=true]) ._18nbbr45{border-color:#3e3f46;box-shadow:0 0 0 .12rem #dee0e7}[data-disabled=true] ._18nbbr45{border-color:#c5c7d2}._18nbbr46{position:absolute;color:#fff;display:flex;align-items:center;justify-content:center}._18nbbr47{-webkit-user-select:none;user-select:none;color:#3e3f46}._18nbbr48{margin-left:.38rem}._18nbbr49{margin-left:.5rem}._1ywrdep0{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-color:transparent;outline:none;white-space:nowrap;gap:.25rem}._1ywrdep1{color:#fff}._1ywrdep2{border:1px solid}._1ywrdep4{border-radius:.25rem}._1ywrdep5{border-radius:2.5rem}._1ywrdep6{height:1.75rem}._1ywrdep7{height:1.5rem}._1ywrdep8{height:1.25rem}._1ywrdepj{background-color:#0c5dde}._1ywrdepk{border-color:#9ebef2;color:#0c5dde;background-color:#0c5dde1a}._1ywrdepl{background-color:#0c5dde1a;color:#0c5dde}._1ywrdepm{background-color:#00903d}._1ywrdepn{border-color:#99d3b1;color:#00903d;background-color:#00903d1a}._1ywrdepo{background-color:#00903d1a;color:#00903d}._1ywrdepp{background-color:#d21b1b}._1ywrdepq{border-color:#eda4a4;color:#d21b1b;background-color:#d21b1b1a}._1ywrdepr{background-color:#d21b1b1a;color:#d21b1b}._1ywrdeps{background-color:#f6bd00}._1ywrdept{border-color:#fbe599;color:#c89302;background-color:#f6bd001a}._1ywrdepu{background-color:#f6bd001a;color:#f6bd00}._1ywrdepv{background-color:#6e7078;color:#fff}._1ywrdepw{border-color:#c5c7d2;color:#6e7078;background-color:#f1f2f6}._1ywrdepx{background-color:#f1f2f6;color:#6e7078}._1ywrdepy{background-color:#2f2f36;color:#fff}._1ywrdepz{border-color:#6e7078;color:#2f2f36;background-color:#dee0e7}._1ywrdep10{background-color:#dee0e7;color:#2f2f36}._1ywrdep11{padding:0 .5rem}._1ywrdep12{padding:0 .5rem 0 .375rem}._1ywrdep13{padding:0 .375rem 0 .5rem}._1ywrdep14{padding:.375rem;width:1.75rem}._1ywrdep15{padding:0 .5rem}._1ywrdep16{padding:0 .5rem 0 .375rem}._1ywrdep17{padding:0 .375rem 0 .5rem}._1ywrdep18{padding:.25rem;width:1.5rem}._1ywrdep19{padding:0 .375rem}._1ywrdep1a{padding:0 .375rem 0 .25rem}._1ywrdep1b{padding:0 .25rem 0 .375rem}._1ywrdep1c{padding:.25rem;width:1.25rem}._1ywrdep1d{padding:0 .75rem}._1ywrdep1e{padding:0 .75rem 0 .5rem}._1ywrdep1f{padding:0 .5rem 0 .75rem}._1ywrdep1g{padding:.375rem;width:1.75rem}._1ywrdep1h{padding:0 .75rem}._1ywrdep1i{padding:0 .75rem 0 .5rem}._1ywrdep1j{padding:0 .5rem 0 .75rem}._1ywrdep1k{padding:.25rem;width:1.5rem}._1ywrdep1l{padding:0 .5rem}._1ywrdep1m{padding:0 .5rem 0 .375rem}._1ywrdep1n{padding:0 .375rem 0 .5rem}._1ywrdep1o{padding:.25rem;width:1.25rem}.cw75zw0{display:flex;align-items:center;width:100%;min-height:3.5rem;border-radius:.25rem;border-width:.09rem;border-style:solid;box-sizing:border-box;background-color:#fff;cursor:text;padding:0}.cw75zw0:focus-within{border-color:#cedff8;box-shadow:0 0 0 4px #e7effc;z-index:1}.cw75zw1{border-color:#f1f2f6}.cw75zw2{border-color:#f1bbbb}.cw75zw3,.cw75zw4{background-color:#f7f7fa;border:none}.cw75zw5{display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0}.cw75zw6{padding:.5rem .75rem}.cw75zw7{padding:.5rem .75rem .5rem 0}.cw75zw8{padding:.5rem 0 .5rem .75rem}.cw75zw9{display:flex;gap:.12rem;flex-shrink:0;margin-bottom:.125rem}.cw75zwa,.cw75zwc{color:#989aa4}.cw75zwd,.cw75zwe{color:#c5c7d2}.cw75zwf{color:#d21b1b;padding-top:.45rem;line-height:.5rem}.cw75zwg{width:100%;min-width:0;border:none;outline:none;padding:0;margin:0;color:#989aa4;caret-color:#3e3f46}.cw75zwg:disabled{color:#c5c7d2}.cw75zwg:read-only{color:#3e3f46;cursor:text}.cw75zwg:not(:placeholder-shown){color:#3e3f46;font-weight:500}.cw75zw4 .cw75zwg{color:#3e3f46;font-weight:500}.cw75zwh{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-left:.5rem;padding-right:.5rem}.cw75zwi{display:flex;align-items:center;margin-left:.75rem;flex-shrink:0;gap:.12rem;padding-right:.75rem}.cw75zwj{color:#989aa4}.cw75zwm,.cw75zwn,.cw75zwo,.cw75zwp{color:#c5c7d2}.cw75zwq{display:flex;align-items:center}.cw75zwr{margin-top:.25rem}@media (hover: hover){.cw75zw1:hover:not(:focus-within){border-color:#cedff8}.cw75zw2:hover:not(:focus-within){border-color:#e98d8d}}.ikpske0{transition:color .2s ease;display:block}.ikpske1{color:#0c5dde}.ikpske2{color:#6e7078}.ikpske3{display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s ease;padding:.25rem}.ikpske4{color:#0c5dde}.ikpske5{color:#989aa4}.ikpske6{display:flex;align-items:center;justify-content:space-around;width:100%;padding:.25rem .75rem;box-sizing:border-box;background-color:#fff;border-top:.0625rem solid #f1f2f6;gap:0;height:3.75rem;overflow-x:hidden}.ikpske7{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:auto;min-width:3.75rem;padding:.25rem .5rem;border:none;background:transparent;cursor:pointer;border-radius:.25rem;transition:background-color .2s ease,color .2s ease;-webkit-tap-highlight-color:transparent}.ikpske7:focus-visible{outline:.125rem solid;outline-color:#cedff8;outline-offset:.125rem;border-radius:.25rem}.ikpske8{background-color:#f3f7fd}@media (max-width: 324px){.ikpske0{display:none}.ikpske6{padding:.25rem .75rem}.ikpske7{flex:1;min-width:0;padding:.75rem}}._117koae0{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;cursor:pointer;color:inherit;flex-shrink:0;outline:none;transition:opacity .2s ease}._117koae0:focus-visible{outline:.125rem solid;outline-color:#cedff8;outline-offset:.125rem;border-radius:.25rem}._117koae1{display:flex;align-items:center;gap:.25rem;flex:1}._117koae2{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;color:#2f2f36;background-color:#fff}._117koae9{padding:.875rem 1.5rem;justify-content:flex-start}._117koaea{padding:.88rem 1.5rem .88rem 1.25rem;justify-content:flex-start;gap:.25rem}._117koaeb{padding:.88rem 1.25rem;justify-content:space-between;gap:0}._117koaec{padding:.88rem 1.25rem .88rem 1.5rem;justify-content:space-between;gap:.25rem}@media (max-width: 768px){._117koae9{padding:.75rem 1.5rem}._117koaea{padding:.75rem 1.25rem .75rem 1rem}._117koaeb{padding:.75rem 1rem}._117koaec{padding:.75rem 1rem .75rem 1.25rem}}.l8gt0i0{width:100%}.l8gt0i1{display:flex;align-items:center;gap:.75rem;padding:0 1rem;box-sizing:border-box;background-color:#fff;border-bottom:.0625rem solid #f1f2f6}.l8gt0i2{position:relative;padding:.25rem .5rem .5rem;background:transparent;border:none;cursor:pointer;color:#53545c;outline:none;-webkit-tap-highlight-color:transparent;transition:color .15s ease}.l8gt0i2[data-selected]{font-weight:600;color:#0c5dde}.l8gt0i2[data-selected]:after{content:"";position:absolute;left:0;right:0;bottom:-.0625rem;height:.125rem;background-color:#0c5dde}.l8gt0i2[data-disabled]{color:#c5c7d2;cursor:not-allowed}.l8gt0i2[data-focus-visible]{outline:.125rem solid;outline-color:#cedff8;outline-offset:.125rem;border-radius:.25rem}@media (hover: hover){.l8gt0i2[data-hovered]:not([data-disabled]):not([data-selected]){color:#0c5dde}}

package/dist/tokens/colors.css.d.ts

@@ -0,0 +1,107 @@
+/**
+ * 디자인 시스템 색상 토큰
+ *
+ * 이 파일은 tokens.json에서 자동 생성됩니다.
+ * 수동으로 수정하지 마세요.
+ */
+export declare const black = "#000000";
+export declare const white = "#ffffff";
+export declare const gray_50 = "#f7f7fa";
+export declare const gray_100 = "#f1f2f6";
+export declare const gray_200 = "#dee0e7";
+export declare const gray_300 = "#c5c7d2";
+export declare const gray_400 = "#989aa4";
+export declare const gray_500 = "#6e7078";
+export declare const gray_600 = "#53545c";
+export declare const gray_700 = "#3e3f46";
+export declare const gray_800 = "#2f2f36";
+export declare const gray_900 = "#1e1f22";
+export declare const blue_1000 = "#0c5dde";
+export declare const blue_dark = "#003993";
+export declare const blue_gradient = "linear-gradient(25deg, #558ee8 0%, #9bbdf1 31.73%, #ccddf8 59.81%, #f3f7fd 100%)";
+export declare const blue_50 = "#f3f7fd";
+export declare const blue_100 = "#e7effc";
+export declare const blue_200 = "#cedff8";
+export declare const blue_300 = "#b6cef5";
+export declare const blue_400 = "#9ebef2";
+export declare const blue_500 = "#85aeef";
+export declare const blue_600 = "#6d9eeb";
+export declare const blue_700 = "#558ee8";
+export declare const blue_800 = "#3d7de5";
+export declare const blue_900 = "#246de1";
+export declare const blue_t_50 = "#0c5dde0d";
+export declare const blue_t_100 = "#0c5dde1a";
+export declare const blue_t_200 = "#0c5dde33";
+export declare const blue_t_300 = "#0c5dde4d";
+export declare const blue_t_400 = "#0c5dde66";
+export declare const blue_t_500 = "#0c5dde80";
+export declare const blue_t_600 = "#0c5dde99";
+export declare const blue_t_700 = "#0c5ddeb3";
+export declare const blue_t_800 = "#0c5ddecc";
+export declare const blue_t_900 = "#0c5ddee6";
+export declare const yellow_1000 = "#f6bd00";
+export declare const yellow_dark = "#c89302";
+export declare const yellow_100 = "#fef8e5";
+export declare const yellow_50 = "#fffcf2";
+export declare const yellow_200 = "#fdf2cc";
+export declare const yellow_300 = "#fcebb2";
+export declare const yellow_400 = "#fbe599";
+export declare const yellow_500 = "#fbde80";
+export declare const yellow_600 = "#fad766";
+export declare const yellow_700 = "#f8ca33";
+export declare const yellow_800 = "#f8ca33";
+export declare const yellow_900 = "#f7c41a";
+export declare const yellow_t_50 = "#f6bd000d";
+export declare const yellow_t_100 = "#f6bd001a";
+export declare const yellow_t_200 = "#f6bd0033";
+export declare const yellow_t_300 = "#f6bd004d";
+export declare const yellow_t_400 = "#f6bd0066";
+export declare const yellow_t_500 = "#f6bd0080";
+export declare const yellow_t_600 = "#f6bd0099";
+export declare const yellow_t_700 = "#f6bd00b3";
+export declare const yellow_t_800 = "#f6bd00cc";
+export declare const yellow_t_900 = "#f6bd00e6";
+export declare const green_1000 = "#00903d";
+export declare const green_dark = "#005e28";
+export declare const green_50 = "#f2f9f5";
+export declare const green_100 = "#e5f4ec";
+export declare const green_200 = "#cce9d8";
+export declare const green_300 = "#b2dec5";
+export declare const green_400 = "#99d3b1";
+export declare const green_500 = "#80c79e";
+export declare const green_600 = "#66bc8b";
+export declare const green_700 = "#4db177";
+export declare const green_800 = "#33a664";
+export declare const green_900 = "#1a9b50";
+export declare const green_t_50 = "#00903d0d";
+export declare const green_t_100 = "#00903d1a";
+export declare const green_t_200 = "#00903d33";
+export declare const green_t_300 = "#00903d4d";
+export declare const green_t_400 = "#00903d66";
+export declare const green_t_500 = "#00903d80";
+export declare const green_t_600 = "#00903d99";
+export declare const green_t_700 = "#00903db3";
+export declare const green_t_800 = "#00903dcc";
+export declare const green_t_900 = "#00903de6";
+export declare const red_1000 = "#d21b1b";
+export declare const red_dark = "#861212";
+export declare const red_50 = "#fdf4f4";
+export declare const red_100 = "#fae8e8";
+export declare const red_200 = "#f6d1d1";
+export declare const red_300 = "#f1bbbb";
+export declare const red_400 = "#eda4a4";
+export declare const red_500 = "#e98d8d";
+export declare const red_600 = "#e47676";
+export declare const red_700 = "#e05f5f";
+export declare const red_800 = "#db4949";
+export declare const red_900 = "#d73232";
+export declare const red_t_50 = "#d21b1b0d";
+export declare const red_t_100 = "#d21b1b1a";
+export declare const red_t_200 = "#d21b1b33";
+export declare const red_t_300 = "#d21b1b4d";
+export declare const red_t_400 = "#d21b1b66";
+export declare const red_t_500 = "#d21b1b80";
+export declare const red_t_600 = "#d21b1b99";
+export declare const red_t_700 = "#d21b1bb3";
+export declare const red_t_800 = "#d21b1bcc";
+export declare const red_t_900 = "#d21b1be6";

package/dist/tokens/index.d.ts

@@ -0,0 +1,2 @@
+export * from './colors.css';
+export * from './typography.css';

package/dist/tokens/typography.css.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 디자인 시스템 타이포그래피 토큰
+ *
+ * 이 파일은 tokens.json에서 자동 생성됩니다.
+ * 수동으로 수정하지 마세요.
+ */
+export declare const typography: Record<"head1_b_36" | "head1_m_36" | "head1_r_36" | "head2_b_32" | "head2_m_32" | "head2_r_32" | "title1_b_24" | "title1_s_24" | "title1_m_24" | "title1_r_24" | "title2_b_20" | "title2_s_20" | "title2_m_20" | "title2_r_20" | "body1_b_18" | "body1_s_18" | "body1_m_18" | "body1_r_18" | "body2_b_16" | "body2_s_16" | "body2_m_16" | "body2_r_16" | "body3_b_14" | "body3_s_14" | "body3_m_14" | "body3_r_14" | "caption1_s_12" | "caption1_m_12" | "caption1_r_12" | "caption2_s_11" | "caption2_m_11" | "caption2_r_11", string>;

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@plaidlabs/ui",
+  "version": "0.0.1",
+  "private": false,
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "clean": "rm -rf dist",
+    "build": "npm run clean && vite build && tsc -p tsconfig.build.json"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  }
+}