@moyeorak/design-system 0.1.3 → 0.3.0

package/dist/layers.css

@@ -0,0 +1,7 @@
+/**
+ * Tailwind v4는 네이티브 CSS cascade layer를 쓰는데, 레이어 우선순위는 import 순서가 아니라
+ * "레이어 이름이 처음 선언된 순서"로 전역 고정된다. 이 파일을 호스트 진입 CSS 최상단(다른
+ * @import보다 위)에서 가장 먼저 import하면, 이후 Tailwind와 이 패키지의 CSS를 어떤 순서로
+ * import하든 결과가 항상 고정된다.
+ */
+@layer theme, moyeorak-reset, base, moyeorak-base, moyeorak-tokens, moyeorak-recipes, moyeorak-utilities, components, utilities;

package/dist/styles.css

@@ -0,0 +1 @@
+@layer moyeorak-reset,moyeorak-base,moyeorak-tokens,moyeorak-recipes,moyeorak-utilities;@layer moyeorak-base{:root{--made-with-panda: "🐼"}body{font-family:var(--fonts-sans)}*,:before,:after,::backdrop{--blur: ;--brightness: ;--contrast: ;--grayscale: ;--hue-rotate: ;--invert: ;--saturate: ;--sepia: ;--drop-shadow: ;--backdrop-blur: ;--backdrop-brightness: ;--backdrop-contrast: ;--backdrop-grayscale: ;--backdrop-hue-rotate: ;--backdrop-invert: ;--backdrop-opacity: ;--backdrop-saturate: ;--backdrop-sepia: ;--gradient-from-position: ;--gradient-to-position: ;--gradient-via-position: ;--scroll-snap-strictness: proximity;--border-spacing-x: 0;--border-spacing-y: 0;--translate-x: 0;--translate-y: 0;--rotate: 0;--rotate-x: 0;--rotate-y: 0;--skew-x: 0;--skew-y: 0;--scale-x: 1;--scale-y: 1}}@layer moyeorak-tokens{:where(:root,:host){--colors-gray-0: #ffffff;--colors-gray-50: #f9fafd;--colors-gray-100: #f2f4f9;--colors-gray-200: #e1e4ec;--colors-gray-300: #ccd0d9;--colors-gray-400: #9fa5b3;--colors-gray-500: #737a89;--colors-gray-600: #5f6572;--colors-gray-700: #464b53;--colors-gray-800: #2c3038;--colors-gray-900: #171a1f;--colors-blue-100: #f7faff;--colors-blue-200: #ebf2ff;--colors-blue-300: #e5eeff;--colors-blue-400: #cbddff;--colors-blue-500: #b0ccff;--colors-blue-600: #82acff;--colors-blue-700: #4181ff;--colors-blue-800: #3c76e9;--colors-blue-900: #3265cb;--colors-gray-opacity-100: rgb(15 17 24 / 2%);--colors-gray-opacity-200: rgb(15 17 24 / 4%);--colors-gray-opacity-300: rgb(15 17 24 / 8%);--colors-gray-opacity-400: rgb(15 17 24 / 20%);--colors-gray-opacity-500: rgb(15 17 24 / 28%);--colors-gray-opacity-600: rgb(15 17 24 / 56%);--colors-gray-opacity-700: rgb(15 17 24 / 70%);--colors-gray-opacity-800: rgb(15 17 24 / 80%);--colors-gray-opacity-900: rgb(15 17 24 / 90%);--colors-red: #f0405c;--colors-green: #00cf95;--fonts-sans: "Pretendard Variable", Pretendard, sans-serif;--font-sizes-xs: 12px;--font-sizes-sm: 14px;--font-sizes-md: 16px;--font-sizes-lg: 20px;--font-sizes-xl: 24px;--font-sizes-2xl: 28px;--font-weights-regular: 400;--font-weights-medium: 500;--font-weights-semibold: 600;--font-weights-bold: 700;--letter-spacings-tight: -.01em;--letter-spacings-tighter: -.005em;--radii-2xs: 4px;--radii-xs: 6px;--radii-sm: 8px;--radii-md: 12px;--radii-lg: 16px;--radii-xl: 20px;--radii-full: 999px;--shadows-strong: 0 0 12px var(--colors-shadow-neutral-strong);--breakpoints-sm: 640px;--breakpoints-md: 768px;--breakpoints-lg: 1024px;--breakpoints-xl: 1280px;--breakpoints-2xl: 1536px;--sizes-breakpoint-sm: 640px;--sizes-breakpoint-md: 768px;--sizes-breakpoint-lg: 1024px;--sizes-breakpoint-xl: 1280px;--sizes-breakpoint-2xl: 1536px;--colors-fill-neutral-default: var(--colors-gray-800);--colors-fill-neutral-default-pressed: var(--colors-gray-600);--colors-fill-neutral-default-disabled: var(--colors-gray-200);--colors-fill-neutral-subtle: var(--colors-gray-300);--colors-fill-neutral-subtler: var(--colors-gray-100);--colors-fill-neutral-subtlest: var(--colors-gray-50);--colors-fill-neutral-faintest: var(--colors-gray-0);--colors-fill-brand-default: var(--colors-blue-700);--colors-fill-brand-default-pressed: var(--colors-blue-900);--colors-fill-brand-subtle: var(--colors-blue-300);--colors-fill-brand-subtle-pressed: var(--colors-blue-500);--colors-fill-brand-subtler: var(--colors-blue-200);--colors-fill-brand-subtlest: var(--colors-blue-100);--colors-bg-neutral-strongest: var(--colors-gray-800);--colors-bg-neutral-strong: var(--colors-gray-100);--colors-bg-neutral-default: var(--colors-gray-0);--colors-overlay-neutral-stronger: var(--colors-gray-opacity-900);--colors-overlay-neutral-strong: var(--colors-gray-opacity-800);--colors-overlay-neutral-default: var(--colors-gray-opacity-700);--colors-overlay-neutral-subtle: var(--colors-gray-opacity-600);--colors-overlay-neutral-subtler: var(--colors-gray-opacity-500);--colors-stroke-neutral-strong: var(--colors-gray-400);--colors-stroke-neutral-default: var(--colors-gray-300);--colors-stroke-neutral-subtle: var(--colors-gray-200);--colors-stroke-neutral-subtler: var(--colors-gray-100);--colors-stroke-brand-default: var(--colors-blue-700);--colors-stroke-brand-subtle: var(--colors-blue-600);--colors-stroke-negative-default: var(--colors-red);--colors-shadow-neutral-stronger: var(--colors-gray-opacity-500);--colors-shadow-neutral-strong: var(--colors-gray-opacity-300);--colors-shadow-neutral-default: var(--colors-gray-opacity-200);--colors-shadow-neutral-subtle: var(--colors-gray-opacity-100);--colors-fg-neutral-stronger: var(--colors-gray-900);--colors-fg-neutral-strong: var(--colors-gray-800);--colors-fg-neutral-default: var(--colors-gray-700);--colors-fg-neutral-subtle: var(--colors-gray-500);--colors-fg-neutral-subtler: var(--colors-gray-400);--colors-fg-neutral-subtlest: var(--colors-gray-300);--colors-fg-neutral-faintest: var(--colors-gray-0);--colors-fg-brand-default: var(--colors-blue-700);--colors-fg-brand-subtle: var(--colors-blue-400);--colors-fg-brand-subtlest: var(--colors-blue-200);--colors-fg-positive-default: var(--colors-green);--colors-fg-negative-default: var(--colors-red)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}}@layer moyeorak-utilities{@layer compositions{.textStyle_caption2{font-weight:var(--font-weights-medium)}.textStyle_caption2,.textStyle_caption3{letter-spacing:var(--letter-spacings-tight);font-size:var(--font-sizes-xs);line-height:1.5}.textStyle_caption3{font-weight:var(--font-weights-regular)}.textStyle_body4{font-weight:var(--font-weights-medium)}.textStyle_body4,.textStyle_body5{letter-spacing:var(--letter-spacings-tight);font-size:var(--font-sizes-sm);line-height:1.57}.textStyle_body5{font-weight:var(--font-weights-regular)}.textStyle_body1{letter-spacing:var(--letter-spacings-tight);font-weight:var(--font-weights-medium);line-height:1.5}.textStyle_body1,.textStyle_title3{font-size:var(--font-sizes-md)}.textStyle_title3{line-height:1.38}.textStyle_title3,.textStyle_title1{letter-spacing:var(--letter-spacings-tighter);font-weight:var(--font-weights-semibold)}.textStyle_title1{font-size:var(--font-sizes-lg);line-height:1.4}.textStyle_caption1{font-size:var(--font-sizes-xs);font-weight:var(--font-weights-semibold);line-height:1.67}.textStyle_caption1,.textStyle_body2{letter-spacing:var(--letter-spacings-tight)}.textStyle_body2{font-size:var(--font-sizes-md);font-weight:var(--font-weights-regular);line-height:1.5}.textStyle_head1{letter-spacing:var(--letter-spacings-tighter);font-size:var(--font-sizes-2xl);font-weight:var(--font-weights-semibold);line-height:1.36}.textStyle_head2{font-weight:var(--font-weights-bold);line-height:1.17}.textStyle_head2,.textStyle_head3{letter-spacing:var(--letter-spacings-tighter);font-size:var(--font-sizes-xl)}.textStyle_head3{font-weight:var(--font-weights-semibold);line-height:1.33}.textStyle_head4{font-weight:var(--font-weights-medium)}.textStyle_head4,.textStyle_title2{letter-spacing:var(--letter-spacings-tighter);font-size:var(--font-sizes-lg);line-height:1.4}.textStyle_title2{font-weight:var(--font-weights-regular)}.textStyle_body3{letter-spacing:var(--letter-spacings-tight);font-size:var(--font-sizes-sm);font-weight:var(--font-weights-semibold);line-height:1.57}}.d_full{display:full}.c_fg\.neutral\.subtle{color:var(--colors-fg-neutral-subtle)}.d_flex{display:flex}.gap_8px{gap:8px}.w_100\%{width:100%}.flex_1_1_0\%{flex:1 1 0%}.flex_3_1_0\%{flex:3 1 0%}.flex_7_1_0\%{flex:7 1 0%}.flex_1{flex:1 1 0%}.px_16px{padding-inline:16px}.py_12px{padding-block:12px}.bg_bg\.neutral\.default{background:var(--colors-bg-neutral-default)}.d_inline-flex{display:inline-flex}.white-space_nowrap{white-space:nowrap}.bdr_xs{border-radius:var(--radii-xs)}.px_8px{padding-inline:8px}.py_4px{padding-block:4px}.bx-s_border-box{box-sizing:border-box}.bg_fill\.brand\.subtler{background:var(--colors-fill-brand-subtler)}.c_fg\.brand\.default{color:var(--colors-fg-brand-default)}.bg_fill\.neutral\.subtler{background:var(--colors-fill-neutral-subtler)}.bg_fill\.neutral\.faintest{background:var(--colors-fill-neutral-faintest)}.bx-sh_inset_0_0_0_1px_\{colors\.stroke\.neutral\.subtle\}{box-shadow:inset 0 0 0 1px var(--colors-stroke-neutral-subtle)}.d_inline{display:inline}.cursor_pointer{cursor:pointer}.gap_2px{gap:2px}.bd_none{border:none}.bg_fill\.neutral\.default{background:var(--colors-fill-neutral-default)}.c_fg\.neutral\.faintest{color:var(--colors-fg-neutral-faintest)}.bg_fill\.brand\.default{background:var(--colors-fill-brand-default)}.bg_fill\.brand\.subtle{background:var(--colors-fill-brand-subtle)}.c_fg\.neutral\.default{color:var(--colors-fg-neutral-default)}.bg_transparent{background:transparent}.px_10px{padding-inline:10px}.bdr_sm{border-radius:var(--radii-sm)}.py_10px{padding-block:10px}.p_16px{padding:16px}.py_6px{padding-block:6px}.bx-sh_inset_0_0_0_1px_\{colors\.stroke\.brand\.default\}{box-shadow:inset 0 0 0 1px var(--colors-stroke-brand-default)}.c_fg\.neutral\.subtler{color:var(--colors-fg-neutral-subtler)}.px_12px{padding-inline:12px}.bdr_full{border-radius:var(--radii-full)}.px_14px{padding-inline:14px}.w_40px{width:40px}.h_40px{height:40px}.bx-sh_strong{box-shadow:var(--shadows-strong)}.pos_fixed{position:fixed}.z_40{z-index:40}.pos_relative{position:relative}.h_56px{height:56px}.w_full{width:full}.ov_hidden{overflow:hidden}.pos_absolute{position:absolute}.trf_translateY\(-50\%\){transform:translateY(-50%)}.trf_translate\(-50\%\,_-50\%\){transform:translate(-50%,-50%)}.ta_center{text-align:center}.d_inline-block{display:inline-block}.c_fg\.neutral\.subtlest{color:var(--colors-fg-neutral-subtlest)}.w_16px{width:16px}.h_16px{height:16px}.w_20px{width:20px}.h_20px{height:20px}.w_24px{width:24px}.h_24px{height:24px}.w_32px{width:32px}.h_32px{height:32px}.w_36px{width:36px}.h_36px{height:36px}.w_48px{width:48px}.h_48px{height:48px}.w_54px{width:54px}.h_54px{height:54px}.inset_0{top:0;right:0;bottom:0;left:0}.bg_overlay\.neutral\.default{background:var(--colors-overlay-neutral-default)}.z_50{z-index:50}.w_303px{width:303px}.bdr_lg{border-radius:var(--radii-lg)}.gap_24px{gap:24px}.ring_none{outline:2px solid transparent;outline-offset:2px}.gap_4px{gap:4px}.gap_11px{gap:11px}.c_fill\.brand\.default{color:var(--colors-fill-brand-default)}.c_fill\.neutral\.default{color:var(--colors-fill-neutral-default)}.filter_drop-shadow\(0_0_4px_rgba\(15\,_17\,_24\,_0\.28\)\){filter:drop-shadow(0 0 4px rgba(15,17,24,.28))}.bdr_4px{border-radius:4px}.px_11px{padding-inline:11px}.trs_border-color_0\.15s_ease{transition:border-color .15s ease}.px_4px{padding-inline:4px}.ca-c_stroke\.brand\.default{caret-color:var(--colors-stroke-brand-default)}.py_8px{padding-block:8px}.bdr_12px{border-radius:12px}.us_none{-webkit-user-select:none;user-select:none}.w_56px{width:56px}.bg_\[\#FBE300\]{background:#fbe300}.bg_fg\.brand\.default{background:var(--colors-fg-brand-default)}.bg_fg\.neutral\.subtlest{background:var(--colors-fg-neutral-subtlest)}.px_20px{padding-inline:20px}.trf_translateX\(-50\%\){transform:translate(-50%)}.z_100{z-index:100}.bg_overlay\.neutral\.stronger{background:var(--colors-overlay-neutral-stronger)}.ac-c_\#171a1f{accent-color:#171a1f}.ac-c_\#00a676{accent-color:#00a676}.ac-c_\#e05a00{accent-color:#e05a00}.ac-c_\#8a4fff{accent-color:#8a4fff}.ac-c_\#464b53{accent-color:#464b53}.ac-c_\#737a89{accent-color:#737a89}.ai_center{align-items:center}.flex-d_column{flex-direction:column}.pb_max\(12px\,_env\(safe-area-inset-bottom\)\){padding-bottom:max(12px,env(safe-area-inset-bottom))}.jc_center{justify-content:center}.ff_inherit{font-family:inherit}.flex-sh_0{flex-shrink:0}.bottom_20px{bottom:20px}.right_20px{right:20px}.left_4px{left:4px}.top_50\%{top:50%}.left_50\%{left:50%}.right_12px{right:12px}.top_4px{top:4px}.pt_32px{padding-top:32px}.pb_16px{padding-bottom:16px}.mb_-5px{margin-bottom:-5px}.pt_4px{padding-top:4px}.mb_-2px{margin-bottom:-2px}.bd-c_stroke\.brand\.default{border-color:var(--colors-stroke-brand-default)}.bd-c_stroke\.neutral\.default{border-color:var(--colors-stroke-neutral-default)}.bd-w_1px{border-width:1px}.border-style_solid{border-style:solid}.mr_-11px{margin-right:-11px}.border-bottom-style_solid{border-bottom-style:solid}.bd-b-w_2px{border-bottom-width:2px}.bd-b-c_stroke\.brand\.default{border-bottom-color:var(--colors-stroke-brand-default)}.bd-b-w_1px{border-bottom-width:1px}.bd-b-c_stroke\.neutral\.subtle{border-bottom-color:var(--colors-stroke-neutral-subtle)}.bottom_12px{bottom:12px}.li-t_none{list-style-type:none}.disabled\:cursor_not-allowed:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.disabled\:bg_fill\.neutral\.default-disabled:is(:disabled,[disabled],[data-disabled]){background:var(--colors-fill-neutral-default-disabled)}.disabled\:c_fg\.neutral\.subtler:is(:disabled,[disabled],[data-disabled]){color:var(--colors-fg-neutral-subtler)}.disabled\:bx-sh_none:is(:disabled,[disabled],[data-disabled]){box-shadow:none}.disabled\:bg_transparent:is(:disabled,[disabled],[data-disabled]){background:transparent}.disabled\:c_fg\.neutral\.subtlest:is(:disabled,[disabled],[data-disabled]){color:var(--colors-fg-neutral-subtlest)}.placeholder\:c_fg\.neutral\.subtlest::placeholder,.placeholder\:c_fg\.neutral\.subtlest[data-placeholder]{color:var(--colors-fg-neutral-subtlest)}.active\:bg_fill\.neutral\.default-pressed:is(:active,[data-active]){background:var(--colors-fill-neutral-default-pressed)}.active\:bg_fill\.brand\.default-pressed:is(:active,[data-active]){background:var(--colors-fill-brand-default-pressed)}.active\:bg_fill\.brand\.subtle-pressed:is(:active,[data-active]){background:var(--colors-fill-brand-subtle-pressed)}.active\:bg_fill\.neutral\.subtler:is(:active,[data-active]){background:var(--colors-fill-neutral-subtler)}.active\:c_fg\.neutral\.subtler:is(:active,[data-active]){color:var(--colors-fg-neutral-subtler)}.disabled\:active\:bg_fill\.neutral\.default-disabled:is(:disabled,[disabled],[data-disabled]):is(:active,[data-active]){background:var(--colors-fill-neutral-default-disabled)}.disabled\:active\:bg_transparent:is(:disabled,[disabled],[data-disabled]):is(:active,[data-active]){background:transparent}.disabled\:active\:c_fg\.neutral\.subtlest:is(:disabled,[disabled],[data-disabled]):is(:active,[data-active]){color:var(--colors-fg-neutral-subtlest)}.disabled\:active\:c_fg\.neutral\.subtler:is(:disabled,[disabled],[data-disabled]):is(:active,[data-active]){color:var(--colors-fg-neutral-subtler)}}

package/dist/tailwind-plugin.js

@@ -1 +1 @@
-"use strict";const t=require("tailwindcss/plugin"),l={"fill-neutral-default":"var(--colors-fill-neutral-default)","fill-neutral-default-pressed":"var(--colors-fill-neutral-default-pressed)","fill-neutral-default-disabled":"var(--colors-fill-neutral-default-disabled)","fill-neutral-subtle":"var(--colors-fill-neutral-subtle)","fill-neutral-subtler":"var(--colors-fill-neutral-subtler)","fill-neutral-subtlest":"var(--colors-fill-neutral-subtlest)","fill-neutral-faintest":"var(--colors-fill-neutral-faintest)","fill-brand-default":"var(--colors-fill-brand-default)","fill-brand-default-pressed":"var(--colors-fill-brand-default-pressed)","fill-brand-subtle":"var(--colors-fill-brand-subtle)","fill-brand-subtle-pressed":"var(--colors-fill-brand-subtle-pressed)","fill-brand-subtler":"var(--colors-fill-brand-subtler)","fill-brand-subtlest":"var(--colors-fill-brand-subtlest)","fg-neutral-stronger":"var(--colors-fg-neutral-stronger)","fg-neutral-strong":"var(--colors-fg-neutral-strong)","fg-neutral-default":"var(--colors-fg-neutral-default)","fg-neutral-subtle":"var(--colors-fg-neutral-subtle)","fg-neutral-subtler":"var(--colors-fg-neutral-subtler)","fg-neutral-subtlest":"var(--colors-fg-neutral-subtlest)","fg-neutral-faintest":"var(--colors-fg-neutral-faintest)","fg-brand-default":"var(--colors-fg-brand-default)","fg-brand-subtle":"var(--colors-fg-brand-subtle)","fg-brand-subtlest":"var(--colors-fg-brand-subtlest)","fg-positive-default":"var(--colors-fg-positive-default)","fg-negative-default":"var(--colors-fg-negative-default)","bg-neutral-strongest":"var(--colors-bg-neutral-strongest)","bg-neutral-strong":"var(--colors-bg-neutral-strong)","bg-neutral-default":"var(--colors-bg-neutral-default)","stroke-neutral-strong":"var(--colors-stroke-neutral-strong)","stroke-neutral-default":"var(--colors-stroke-neutral-default)","stroke-neutral-subtle":"var(--colors-stroke-neutral-subtle)","stroke-neutral-subtler":"var(--colors-stroke-neutral-subtler)","stroke-brand-default":"var(--colors-stroke-brand-default)","stroke-brand-subtle":"var(--colors-stroke-brand-subtle)","stroke-negative-default":"var(--colors-stroke-negative-default)","overlay-neutral-stronger":"var(--colors-overlay-neutral-stronger)","overlay-neutral-strong":"var(--colors-overlay-neutral-strong)","overlay-neutral-default":"var(--colors-overlay-neutral-default)","overlay-neutral-subtle":"var(--colors-overlay-neutral-subtle)","overlay-neutral-subtler":"var(--colors-overlay-neutral-subtler)","shadow-neutral-stronger":"var(--colors-shadow-neutral-stronger)","shadow-neutral-strong":"var(--colors-shadow-neutral-strong)","shadow-neutral-default":"var(--colors-shadow-neutral-default)","shadow-neutral-subtle":"var(--colors-shadow-neutral-subtle)"},r=t(({addUtilities:e})=>{e({".textStyle_head1":{fontSize:"28px",fontWeight:"600",letterSpacing:"-0.005em",lineHeight:"1.36"},".textStyle_head2":{fontSize:"24px",fontWeight:"700",letterSpacing:"-0.005em",lineHeight:"1.17"},".textStyle_head3":{fontSize:"24px",fontWeight:"600",letterSpacing:"-0.005em",lineHeight:"1.33"},".textStyle_head4":{fontSize:"20px",fontWeight:"500",letterSpacing:"-0.005em",lineHeight:"1.4"},".textStyle_title1":{fontSize:"20px",fontWeight:"600",letterSpacing:"-0.005em",lineHeight:"1.4"},".textStyle_title2":{fontSize:"20px",fontWeight:"400",letterSpacing:"-0.005em",lineHeight:"1.4"},".textStyle_title3":{fontSize:"16px",fontWeight:"600",letterSpacing:"-0.005em",lineHeight:"1.38"},".textStyle_body1":{fontSize:"16px",fontWeight:"500",letterSpacing:"-0.01em",lineHeight:"1.5"},".textStyle_body2":{fontSize:"16px",fontWeight:"400",letterSpacing:"-0.01em",lineHeight:"1.5"},".textStyle_body3":{fontSize:"14px",fontWeight:"600",letterSpacing:"-0.01em",lineHeight:"1.57"},".textStyle_body4":{fontSize:"14px",fontWeight:"500",letterSpacing:"-0.01em",lineHeight:"1.57"},".textStyle_body5":{fontSize:"14px",fontWeight:"400",letterSpacing:"-0.01em",lineHeight:"1.57"},".textStyle_caption1":{fontSize:"12px",fontWeight:"600",letterSpacing:"-0.01em",lineHeight:"1.67"},".textStyle_caption2":{fontSize:"12px",fontWeight:"500",letterSpacing:"-0.01em",lineHeight:"1.5"},".textStyle_caption3":{fontSize:"12px",fontWeight:"400",letterSpacing:"-0.01em",lineHeight:"1.5"}})},{theme:{extend:{colors:l}}});module.exports=r;
+"use strict";const e=require("tailwindcss/plugin"),r={"fill-neutral-default":"var(--colors-fill-neutral-default)","fill-neutral-default-pressed":"var(--colors-fill-neutral-default-pressed)","fill-neutral-default-disabled":"var(--colors-fill-neutral-default-disabled)","fill-neutral-subtle":"var(--colors-fill-neutral-subtle)","fill-neutral-subtler":"var(--colors-fill-neutral-subtler)","fill-neutral-subtlest":"var(--colors-fill-neutral-subtlest)","fill-neutral-faintest":"var(--colors-fill-neutral-faintest)","fill-brand-default":"var(--colors-fill-brand-default)","fill-brand-default-pressed":"var(--colors-fill-brand-default-pressed)","fill-brand-subtle":"var(--colors-fill-brand-subtle)","fill-brand-subtle-pressed":"var(--colors-fill-brand-subtle-pressed)","fill-brand-subtler":"var(--colors-fill-brand-subtler)","fill-brand-subtlest":"var(--colors-fill-brand-subtlest)","fg-neutral-stronger":"var(--colors-fg-neutral-stronger)","fg-neutral-strong":"var(--colors-fg-neutral-strong)","fg-neutral-default":"var(--colors-fg-neutral-default)","fg-neutral-subtle":"var(--colors-fg-neutral-subtle)","fg-neutral-subtler":"var(--colors-fg-neutral-subtler)","fg-neutral-subtlest":"var(--colors-fg-neutral-subtlest)","fg-neutral-faintest":"var(--colors-fg-neutral-faintest)","fg-brand-default":"var(--colors-fg-brand-default)","fg-brand-subtle":"var(--colors-fg-brand-subtle)","fg-brand-subtlest":"var(--colors-fg-brand-subtlest)","fg-positive-default":"var(--colors-fg-positive-default)","fg-negative-default":"var(--colors-fg-negative-default)","bg-neutral-strongest":"var(--colors-bg-neutral-strongest)","bg-neutral-strong":"var(--colors-bg-neutral-strong)","bg-neutral-default":"var(--colors-bg-neutral-default)","stroke-neutral-strong":"var(--colors-stroke-neutral-strong)","stroke-neutral-default":"var(--colors-stroke-neutral-default)","stroke-neutral-subtle":"var(--colors-stroke-neutral-subtle)","stroke-neutral-subtler":"var(--colors-stroke-neutral-subtler)","stroke-brand-default":"var(--colors-stroke-brand-default)","stroke-brand-subtle":"var(--colors-stroke-brand-subtle)","stroke-negative-default":"var(--colors-stroke-negative-default)","overlay-neutral-stronger":"var(--colors-overlay-neutral-stronger)","overlay-neutral-strong":"var(--colors-overlay-neutral-strong)","overlay-neutral-default":"var(--colors-overlay-neutral-default)","overlay-neutral-subtle":"var(--colors-overlay-neutral-subtle)","overlay-neutral-subtler":"var(--colors-overlay-neutral-subtler)","shadow-neutral-stronger":"var(--colors-shadow-neutral-stronger)","shadow-neutral-strong":"var(--colors-shadow-neutral-strong)","shadow-neutral-default":"var(--colors-shadow-neutral-default)","shadow-neutral-subtle":"var(--colors-shadow-neutral-subtle)"},l=e(({addUtilities:t})=>{t({".textStyle_head1":{fontSize:"var(--font-sizes-2xl)",fontWeight:"var(--font-weights-semibold)",letterSpacing:"var(--letter-spacings-tighter)",lineHeight:"1.36"},".textStyle_head2":{fontSize:"var(--font-sizes-xl)",fontWeight:"var(--font-weights-bold)",letterSpacing:"var(--letter-spacings-tighter)",lineHeight:"1.17"},".textStyle_head3":{fontSize:"var(--font-sizes-xl)",fontWeight:"var(--font-weights-semibold)",letterSpacing:"var(--letter-spacings-tighter)",lineHeight:"1.33"},".textStyle_head4":{fontSize:"var(--font-sizes-lg)",fontWeight:"var(--font-weights-medium)",letterSpacing:"var(--letter-spacings-tighter)",lineHeight:"1.4"},".textStyle_title1":{fontSize:"var(--font-sizes-lg)",fontWeight:"var(--font-weights-semibold)",letterSpacing:"var(--letter-spacings-tighter)",lineHeight:"1.4"},".textStyle_title2":{fontSize:"var(--font-sizes-lg)",fontWeight:"var(--font-weights-regular)",letterSpacing:"var(--letter-spacings-tighter)",lineHeight:"1.4"},".textStyle_title3":{fontSize:"var(--font-sizes-md)",fontWeight:"var(--font-weights-semibold)",letterSpacing:"var(--letter-spacings-tighter)",lineHeight:"1.38"},".textStyle_body1":{fontSize:"var(--font-sizes-md)",fontWeight:"var(--font-weights-medium)",letterSpacing:"var(--letter-spacings-tight)",lineHeight:"1.5"},".textStyle_body2":{fontSize:"var(--font-sizes-md)",fontWeight:"var(--font-weights-regular)",letterSpacing:"var(--letter-spacings-tight)",lineHeight:"1.5"},".textStyle_body3":{fontSize:"var(--font-sizes-sm)",fontWeight:"var(--font-weights-semibold)",letterSpacing:"var(--letter-spacings-tight)",lineHeight:"1.57"},".textStyle_body4":{fontSize:"var(--font-sizes-sm)",fontWeight:"var(--font-weights-medium)",letterSpacing:"var(--letter-spacings-tight)",lineHeight:"1.57"},".textStyle_body5":{fontSize:"var(--font-sizes-sm)",fontWeight:"var(--font-weights-regular)",letterSpacing:"var(--letter-spacings-tight)",lineHeight:"1.57"},".textStyle_caption1":{fontSize:"var(--font-sizes-xs)",fontWeight:"var(--font-weights-semibold)",letterSpacing:"var(--letter-spacings-tight)",lineHeight:"1.67"},".textStyle_caption2":{fontSize:"var(--font-sizes-xs)",fontWeight:"var(--font-weights-medium)",letterSpacing:"var(--letter-spacings-tight)",lineHeight:"1.5"},".textStyle_caption3":{fontSize:"var(--font-sizes-xs)",fontWeight:"var(--font-weights-regular)",letterSpacing:"var(--letter-spacings-tight)",lineHeight:"1.5"}})},{theme:{extend:{colors:r}}});module.exports=l;

package/dist/tailwind-plugin.mjs

@@ -1,5 +1,5 @@
-import t from "tailwindcss/plugin";
-const l = {
+import e from "tailwindcss/plugin";
+const r = {
   // fill
   "fill-neutral-default": "var(--colors-fill-neutral-default)",
   "fill-neutral-default-pressed": "var(--colors-fill-neutral-default-pressed)",
@@ -50,103 +50,103 @@ const l = {
   "shadow-neutral-strong": "var(--colors-shadow-neutral-strong)",
   "shadow-neutral-default": "var(--colors-shadow-neutral-default)",
   "shadow-neutral-subtle": "var(--colors-shadow-neutral-subtle)"
-}, a = t(({ addUtilities: e }) => {
-  e({
+}, a = e(({ addUtilities: t }) => {
+  t({
     ".textStyle_head1": {
-      fontSize: "28px",
-      fontWeight: "600",
-      letterSpacing: "-0.005em",
+      fontSize: "var(--font-sizes-2xl)",
+      fontWeight: "var(--font-weights-semibold)",
+      letterSpacing: "var(--letter-spacings-tighter)",
       lineHeight: "1.36"
     },
     ".textStyle_head2": {
-      fontSize: "24px",
-      fontWeight: "700",
-      letterSpacing: "-0.005em",
+      fontSize: "var(--font-sizes-xl)",
+      fontWeight: "var(--font-weights-bold)",
+      letterSpacing: "var(--letter-spacings-tighter)",
       lineHeight: "1.17"
     },
     ".textStyle_head3": {
-      fontSize: "24px",
-      fontWeight: "600",
-      letterSpacing: "-0.005em",
+      fontSize: "var(--font-sizes-xl)",
+      fontWeight: "var(--font-weights-semibold)",
+      letterSpacing: "var(--letter-spacings-tighter)",
       lineHeight: "1.33"
     },
     ".textStyle_head4": {
-      fontSize: "20px",
-      fontWeight: "500",
-      letterSpacing: "-0.005em",
+      fontSize: "var(--font-sizes-lg)",
+      fontWeight: "var(--font-weights-medium)",
+      letterSpacing: "var(--letter-spacings-tighter)",
       lineHeight: "1.4"
     },
     ".textStyle_title1": {
-      fontSize: "20px",
-      fontWeight: "600",
-      letterSpacing: "-0.005em",
+      fontSize: "var(--font-sizes-lg)",
+      fontWeight: "var(--font-weights-semibold)",
+      letterSpacing: "var(--letter-spacings-tighter)",
       lineHeight: "1.4"
     },
     ".textStyle_title2": {
-      fontSize: "20px",
-      fontWeight: "400",
-      letterSpacing: "-0.005em",
+      fontSize: "var(--font-sizes-lg)",
+      fontWeight: "var(--font-weights-regular)",
+      letterSpacing: "var(--letter-spacings-tighter)",
       lineHeight: "1.4"
     },
     ".textStyle_title3": {
-      fontSize: "16px",
-      fontWeight: "600",
-      letterSpacing: "-0.005em",
+      fontSize: "var(--font-sizes-md)",
+      fontWeight: "var(--font-weights-semibold)",
+      letterSpacing: "var(--letter-spacings-tighter)",
       lineHeight: "1.38"
     },
     ".textStyle_body1": {
-      fontSize: "16px",
-      fontWeight: "500",
-      letterSpacing: "-0.01em",
+      fontSize: "var(--font-sizes-md)",
+      fontWeight: "var(--font-weights-medium)",
+      letterSpacing: "var(--letter-spacings-tight)",
       lineHeight: "1.5"
     },
     ".textStyle_body2": {
-      fontSize: "16px",
-      fontWeight: "400",
-      letterSpacing: "-0.01em",
+      fontSize: "var(--font-sizes-md)",
+      fontWeight: "var(--font-weights-regular)",
+      letterSpacing: "var(--letter-spacings-tight)",
       lineHeight: "1.5"
     },
     ".textStyle_body3": {
-      fontSize: "14px",
-      fontWeight: "600",
-      letterSpacing: "-0.01em",
+      fontSize: "var(--font-sizes-sm)",
+      fontWeight: "var(--font-weights-semibold)",
+      letterSpacing: "var(--letter-spacings-tight)",
       lineHeight: "1.57"
     },
     ".textStyle_body4": {
-      fontSize: "14px",
-      fontWeight: "500",
-      letterSpacing: "-0.01em",
+      fontSize: "var(--font-sizes-sm)",
+      fontWeight: "var(--font-weights-medium)",
+      letterSpacing: "var(--letter-spacings-tight)",
       lineHeight: "1.57"
     },
     ".textStyle_body5": {
-      fontSize: "14px",
-      fontWeight: "400",
-      letterSpacing: "-0.01em",
+      fontSize: "var(--font-sizes-sm)",
+      fontWeight: "var(--font-weights-regular)",
+      letterSpacing: "var(--letter-spacings-tight)",
       lineHeight: "1.57"
     },
     ".textStyle_caption1": {
-      fontSize: "12px",
-      fontWeight: "600",
-      letterSpacing: "-0.01em",
+      fontSize: "var(--font-sizes-xs)",
+      fontWeight: "var(--font-weights-semibold)",
+      letterSpacing: "var(--letter-spacings-tight)",
       lineHeight: "1.67"
     },
     ".textStyle_caption2": {
-      fontSize: "12px",
-      fontWeight: "500",
-      letterSpacing: "-0.01em",
+      fontSize: "var(--font-sizes-xs)",
+      fontWeight: "var(--font-weights-medium)",
+      letterSpacing: "var(--letter-spacings-tight)",
       lineHeight: "1.5"
     },
     ".textStyle_caption3": {
-      fontSize: "12px",
-      fontWeight: "400",
-      letterSpacing: "-0.01em",
+      fontSize: "var(--font-sizes-xs)",
+      fontWeight: "var(--font-weights-regular)",
+      letterSpacing: "var(--letter-spacings-tight)",
       lineHeight: "1.5"
     }
   });
 }, {
   theme: {
     extend: {
-      colors: l
+      colors: r
     }
   }
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@moyeorak/design-system",
-  "version": "0.1.3",
-  "description": "React UI component library for moyeorak project",
+  "version": "0.3.0",
+  "description": "React design system built with Panda CSS and Radix UI",
   "license": "MIT",
   "author": "meteorqz6",
   "keywords": [
@@ -15,7 +15,8 @@
     "dist"
   ],
   "sideEffects": [
-    "./dist/style.css"
+    "./dist/styles.css",
+    "./dist/layers.css"
   ],
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -41,7 +42,8 @@
         "default": "./dist/tailwind-plugin.js"
       }
     },
-    "./dist/style.css": "./dist/style.css"
+    "./styles.css": "./dist/styles.css",
+    "./layers.css": "./dist/layers.css"
   },
   "scripts": {
     "prepare": "panda codegen",
@@ -69,7 +71,9 @@
   },
   "dependencies": {
     "@radix-ui/react-dialog": "^1.1.4",
-    "@radix-ui/react-slot": "^1.1.2"
+    "@radix-ui/react-slot": "^1.1.2",
+    "@radix-ui/react-toast": "^1.2.17",
+    "@radix-ui/react-toggle": "^1.1.12"
   },
   "devDependencies": {
     "@pandacss/dev": "^0.53.0",

package/dist/style.css

@@ -1 +0,0 @@
-@layer moyeorak-reset,moyeorak-base,moyeorak-tokens,moyeorak-recipes,moyeorak-utilities;@layer moyeorak-reset{html,:host{--font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;line-height:1.5;font-family:var(--global-font-body, var(--font-fallback))}*,:before,:after,::backdrop,::file-selector-button{margin:0;padding:0;box-sizing:border-box;border-width:0px;border-style:solid;border-color:var(--global-color-border, currentcolor)}hr{height:0px;color:inherit;border-top-width:1px}body{height:100%;line-height:inherit}img{border-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-size:inherit;font-weight:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ol,ul,menu{list-style:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{-moz-appearance:button;appearance:button;-webkit-appearance:button}button,input,optgroup,select,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:transparent}::placeholder{opacity:1;--placeholder-fallback: rgba(0, 0, 0, .5);color:var(--global-color-placeholder, var(--placeholder-fallback))}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{--placeholder-fallback: color-mix(in oklab, currentcolor 50%, transparent)}}textarea{resize:vertical}table{text-indent:0px;border-collapse:collapse;border-color:inherit}summary{display:list-item}small{font-size:80%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}dialog{padding:0}a{color:inherit;text-decoration:inherit}abbr:where([title]){text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{--font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New";font-feature-settings:normal;font-variation-settings:normal;font-family:var(--global-font-mono, var(--font-mono-fallback));font-size:1em}progress{vertical-align:baseline}::-webkit-search-decoration,::-webkit-search-cancel-button{-webkit-appearance:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}:-moz-ui-invalid{box-shadow:none}:-moz-focusring{outline:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer moyeorak-base{:root{--made-with-panda: "🐼"}body{font-family:var(--fonts-sans)}*,:before,:after,::backdrop{--blur: ;--brightness: ;--contrast: ;--grayscale: ;--hue-rotate: ;--invert: ;--saturate: ;--sepia: ;--drop-shadow: ;--backdrop-blur: ;--backdrop-brightness: ;--backdrop-contrast: ;--backdrop-grayscale: ;--backdrop-hue-rotate: ;--backdrop-invert: ;--backdrop-opacity: ;--backdrop-saturate: ;--backdrop-sepia: ;--gradient-from-position: ;--gradient-to-position: ;--gradient-via-position: ;--scroll-snap-strictness: proximity;--border-spacing-x: 0;--border-spacing-y: 0;--translate-x: 0;--translate-y: 0;--rotate: 0;--rotate-x: 0;--rotate-y: 0;--skew-x: 0;--skew-y: 0;--scale-x: 1;--scale-y: 1}}@layer moyeorak-tokens{:where(:root,:host){--colors-gray-0: #ffffff;--colors-gray-50: #f9fafd;--colors-gray-100: #f2f4f9;--colors-gray-200: #e1e4ec;--colors-gray-300: #ccd0d9;--colors-gray-400: #9fa5b3;--colors-gray-500: #737a89;--colors-gray-600: #5f6572;--colors-gray-700: #464b53;--colors-gray-800: #2c3038;--colors-gray-900: #171a1f;--colors-blue-100: #f7faff;--colors-blue-200: #ebf2ff;--colors-blue-300: #e5eeff;--colors-blue-400: #cbddff;--colors-blue-500: #b0ccff;--colors-blue-600: #82acff;--colors-blue-700: #4181ff;--colors-blue-800: #3c76e9;--colors-blue-900: #3265cb;--colors-gray-opacity-100: rgb(15 17 24 / 2%);--colors-gray-opacity-200: rgb(15 17 24 / 4%);--colors-gray-opacity-300: rgb(15 17 24 / 8%);--colors-gray-opacity-400: rgb(15 17 24 / 20%);--colors-gray-opacity-500: rgb(15 17 24 / 28%);--colors-gray-opacity-600: rgb(15 17 24 / 56%);--colors-gray-opacity-700: rgb(15 17 24 / 70%);--colors-gray-opacity-800: rgb(15 17 24 / 80%);--colors-gray-opacity-900: rgb(15 17 24 / 90%);--colors-red: #f0405c;--colors-green: #00cf95;--fonts-sans: "Pretendard Variable", Pretendard, sans-serif;--font-sizes-xs: 12px;--font-sizes-sm: 14px;--font-sizes-md: 16px;--font-sizes-lg: 20px;--font-sizes-xl: 24px;--font-sizes-2xl: 28px;--font-weights-regular: 400;--font-weights-medium: 500;--font-weights-semibold: 600;--font-weights-bold: 700;--letter-spacings-tight: -.01em;--letter-spacings-tighter: -.005em;--radii-2xs: 4px;--radii-xs: 6px;--radii-sm: 8px;--radii-md: 12px;--radii-lg: 16px;--radii-xl: 20px;--radii-full: 999px;--shadows-strong: 0 0 12px var(--colors-shadow-neutral-strong);--breakpoints-sm: 640px;--breakpoints-md: 768px;--breakpoints-lg: 1024px;--breakpoints-xl: 1280px;--breakpoints-2xl: 1536px;--sizes-breakpoint-sm: 640px;--sizes-breakpoint-md: 768px;--sizes-breakpoint-lg: 1024px;--sizes-breakpoint-xl: 1280px;--sizes-breakpoint-2xl: 1536px;--colors-fill-neutral-default: var(--colors-gray-800);--colors-fill-neutral-default-pressed: var(--colors-gray-600);--colors-fill-neutral-default-disabled: var(--colors-gray-200);--colors-fill-neutral-subtle: var(--colors-gray-300);--colors-fill-neutral-subtler: var(--colors-gray-100);--colors-fill-neutral-subtlest: var(--colors-gray-50);--colors-fill-neutral-faintest: var(--colors-gray-0);--colors-fill-brand-default: var(--colors-blue-700);--colors-fill-brand-default-pressed: var(--colors-blue-900);--colors-fill-brand-subtle: var(--colors-blue-300);--colors-fill-brand-subtle-pressed: var(--colors-blue-500);--colors-fill-brand-subtler: var(--colors-blue-200);--colors-fill-brand-subtlest: var(--colors-blue-100);--colors-bg-neutral-strongest: var(--colors-gray-800);--colors-bg-neutral-strong: var(--colors-gray-100);--colors-bg-neutral-default: var(--colors-gray-0);--colors-overlay-neutral-stronger: var(--colors-gray-opacity-900);--colors-overlay-neutral-strong: var(--colors-gray-opacity-800);--colors-overlay-neutral-default: var(--colors-gray-opacity-700);--colors-overlay-neutral-subtle: var(--colors-gray-opacity-600);--colors-overlay-neutral-subtler: var(--colors-gray-opacity-500);--colors-stroke-neutral-strong: var(--colors-gray-400);--colors-stroke-neutral-default: var(--colors-gray-300);--colors-stroke-neutral-subtle: var(--colors-gray-200);--colors-stroke-neutral-subtler: var(--colors-gray-100);--colors-stroke-brand-default: var(--colors-blue-700);--colors-stroke-brand-subtle: var(--colors-blue-600);--colors-stroke-negative-default: var(--colors-red);--colors-shadow-neutral-stronger: var(--colors-gray-opacity-500);--colors-shadow-neutral-strong: var(--colors-gray-opacity-300);--colors-shadow-neutral-default: var(--colors-gray-opacity-200);--colors-shadow-neutral-subtle: var(--colors-gray-opacity-100);--colors-fg-neutral-stronger: var(--colors-gray-900);--colors-fg-neutral-strong: var(--colors-gray-800);--colors-fg-neutral-default: var(--colors-gray-700);--colors-fg-neutral-subtle: var(--colors-gray-500);--colors-fg-neutral-subtler: var(--colors-gray-400);--colors-fg-neutral-subtlest: var(--colors-gray-300);--colors-fg-neutral-faintest: var(--colors-gray-0);--colors-fg-brand-default: var(--colors-blue-700);--colors-fg-brand-subtle: var(--colors-blue-400);--colors-fg-brand-subtlest: var(--colors-blue-200);--colors-fg-positive-default: var(--colors-green);--colors-fg-negative-default: var(--colors-red)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}}@layer moyeorak-utilities{@layer compositions{.textStyle_caption2{font-weight:var(--font-weights-medium)}.textStyle_caption2,.textStyle_caption3{letter-spacing:var(--letter-spacings-tight);font-size:var(--font-sizes-xs);line-height:1.5}.textStyle_caption3{font-weight:var(--font-weights-regular)}.textStyle_body4{font-weight:var(--font-weights-medium)}.textStyle_body4,.textStyle_body5{letter-spacing:var(--letter-spacings-tight);font-size:var(--font-sizes-sm);line-height:1.57}.textStyle_body5{font-weight:var(--font-weights-regular)}.textStyle_body1{letter-spacing:var(--letter-spacings-tight);font-weight:var(--font-weights-medium);line-height:1.5}.textStyle_body1,.textStyle_title3{font-size:var(--font-sizes-md)}.textStyle_title3{line-height:1.38}.textStyle_title3,.textStyle_title1{letter-spacing:var(--letter-spacings-tighter);font-weight:var(--font-weights-semibold)}.textStyle_title1{font-size:var(--font-sizes-lg);line-height:1.4}.textStyle_caption1{font-size:var(--font-sizes-xs);font-weight:var(--font-weights-semibold);line-height:1.67}.textStyle_caption1,.textStyle_body2{letter-spacing:var(--letter-spacings-tight)}.textStyle_body2{font-size:var(--font-sizes-md);font-weight:var(--font-weights-regular);line-height:1.5}}.d_full{display:full}.c_fg\.neutral\.subtle{color:var(--colors-fg-neutral-subtle)}.d_flex{display:flex}.gap_8px{gap:8px}.w_100\%{width:100%}.flex_1_1_0\%{flex:1 1 0%}.flex_3_1_0\%{flex:3 1 0%}.flex_7_1_0\%{flex:7 1 0%}.flex_1{flex:1 1 0%}.px_16px{padding-inline:16px}.py_12px{padding-block:12px}.bg_bg\.neutral\.default{background:var(--colors-bg-neutral-default)}.d_inline-flex{display:inline-flex}.white-space_nowrap{white-space:nowrap}.bdr_xs{border-radius:var(--radii-xs)}.px_8px{padding-inline:8px}.py_4px{padding-block:4px}.bg_fill\.brand\.subtler{background:var(--colors-fill-brand-subtler)}.c_fg\.brand\.default{color:var(--colors-fg-brand-default)}.bg_fill\.neutral\.subtler{background:var(--colors-fill-neutral-subtler)}.bg_fill\.neutral\.faintest{background:var(--colors-fill-neutral-faintest)}.bx-sh_inset_0_0_0_1px_\{colors\.stroke\.neutral\.subtle\}{box-shadow:inset 0 0 0 1px var(--colors-stroke-neutral-subtle)}.d_inline{display:inline}.cursor_pointer{cursor:pointer}.gap_2px{gap:2px}.bg_fill\.neutral\.default{background:var(--colors-fill-neutral-default)}.c_fg\.neutral\.faintest{color:var(--colors-fg-neutral-faintest)}.bg_fill\.brand\.default{background:var(--colors-fill-brand-default)}.bg_fill\.brand\.subtle{background:var(--colors-fill-brand-subtle)}.c_fg\.neutral\.default{color:var(--colors-fg-neutral-default)}.bg_transparent{background:transparent}.px_10px{padding-inline:10px}.bdr_sm{border-radius:var(--radii-sm)}.py_10px{padding-block:10px}.p_16px{padding:16px}.py_6px{padding-block:6px}.bx-sh_inset_0_0_0_1px_\{colors\.stroke\.brand\.default\}{box-shadow:inset 0 0 0 1px var(--colors-stroke-brand-default)}.c_fg\.neutral\.subtler{color:var(--colors-fg-neutral-subtler)}.px_12px{padding-inline:12px}.bdr_full{border-radius:var(--radii-full)}.px_14px{padding-inline:14px}.w_40px{width:40px}.h_40px{height:40px}.bx-sh_strong{box-shadow:var(--shadows-strong)}.pos_relative{position:relative}.h_56px{height:56px}.w_full{width:full}.ov_hidden{overflow:hidden}.pos_absolute{position:absolute}.trf_translateY\(-50\%\){transform:translateY(-50%)}.trf_translate\(-50\%\,_-50\%\){transform:translate(-50%,-50%)}.ta_center{text-align:center}.d_inline-block{display:inline-block}.c_fg\.neutral\.subtlest{color:var(--colors-fg-neutral-subtlest)}.w_16px{width:16px}.h_16px{height:16px}.w_20px{width:20px}.h_20px{height:20px}.w_24px{width:24px}.h_24px{height:24px}.w_32px{width:32px}.h_32px{height:32px}.w_36px{width:36px}.h_36px{height:36px}.w_48px{width:48px}.h_48px{height:48px}.w_54px{width:54px}.h_54px{height:54px}.pos_fixed{position:fixed}.inset_0{top:0;right:0;bottom:0;left:0}.bg_overlay\.neutral\.default{background:var(--colors-overlay-neutral-default)}.z_50{z-index:50}.w_303px{width:303px}.bdr_lg{border-radius:var(--radii-lg)}.gap_24px{gap:24px}.ring_none{outline:2px solid transparent;outline-offset:2px}.gap_4px{gap:4px}.gap_11px{gap:11px}.c_fill\.brand\.default{color:var(--colors-fill-brand-default)}.c_fill\.neutral\.default{color:var(--colors-fill-neutral-default)}.filter_drop-shadow\(0_0_4px_rgba\(15\,_17\,_24\,_0\.28\)\){filter:drop-shadow(0 0 4px rgba(15,17,24,.28))}.bdr_4px{border-radius:4px}.px_11px{padding-inline:11px}.trs_border-color_0\.15s_ease{transition:border-color .15s ease}.px_4px{padding-inline:4px}.bd_none{border:none}.ca-c_stroke\.brand\.default{caret-color:var(--colors-stroke-brand-default)}.py_8px{padding-block:8px}.bdr_12px{border-radius:12px}.us_none{-webkit-user-select:none;user-select:none}.w_56px{width:56px}.bg_\[\#FBE300\]{background:#fbe300}.bg_fg\.brand\.default{background:var(--colors-fg-brand-default)}.bg_fg\.neutral\.subtlest{background:var(--colors-fg-neutral-subtlest)}.px_20px{padding-inline:20px}.bg_overlay\.neutral\.stronger{background:var(--colors-overlay-neutral-stronger)}.ac-c_\#171a1f{accent-color:#171a1f}.ac-c_\#00a676{accent-color:#00a676}.ac-c_\#e05a00{accent-color:#e05a00}.ac-c_\#8a4fff{accent-color:#8a4fff}.ac-c_\#464b53{accent-color:#464b53}.ac-c_\#737a89{accent-color:#737a89}.ai_center{align-items:center}.flex-d_column{flex-direction:column}.pb_max\(12px\,_env\(safe-area-inset-bottom\)\){padding-bottom:max(12px,env(safe-area-inset-bottom))}.jc_center{justify-content:center}.flex-sh_0{flex-shrink:0}.left_4px{left:4px}.top_50\%{top:50%}.left_50\%{left:50%}.right_12px{right:12px}.top_4px{top:4px}.pt_32px{padding-top:32px}.pb_16px{padding-bottom:16px}.mb_-5px{margin-bottom:-5px}.pt_4px{padding-top:4px}.mb_-2px{margin-bottom:-2px}.bd-c_stroke\.brand\.default{border-color:var(--colors-stroke-brand-default)}.bd-c_stroke\.neutral\.default{border-color:var(--colors-stroke-neutral-default)}.bd-w_1px{border-width:1px}.border-style_solid{border-style:solid}.mr_-11px{margin-right:-11px}.border-bottom-style_solid{border-bottom-style:solid}.bd-b-w_2px{border-bottom-width:2px}.bd-b-c_stroke\.brand\.default{border-bottom-color:var(--colors-stroke-brand-default)}.bd-b-w_1px{border-bottom-width:1px}.bd-b-c_stroke\.neutral\.subtle{border-bottom-color:var(--colors-stroke-neutral-subtle)}.disabled\:cursor_not-allowed:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.disabled\:bg_fill\.neutral\.default-disabled:is(:disabled,[disabled],[data-disabled]){background:var(--colors-fill-neutral-default-disabled)}.disabled\:c_fg\.neutral\.subtler:is(:disabled,[disabled],[data-disabled]){color:var(--colors-fg-neutral-subtler)}.disabled\:bx-sh_none:is(:disabled,[disabled],[data-disabled]){box-shadow:none}.disabled\:bg_transparent:is(:disabled,[disabled],[data-disabled]){background:transparent}.disabled\:c_fg\.neutral\.subtlest:is(:disabled,[disabled],[data-disabled]){color:var(--colors-fg-neutral-subtlest)}.placeholder\:c_fg\.neutral\.subtlest::placeholder,.placeholder\:c_fg\.neutral\.subtlest[data-placeholder]{color:var(--colors-fg-neutral-subtlest)}.active\:bg_fill\.neutral\.default-pressed:is(:active,[data-active]){background:var(--colors-fill-neutral-default-pressed)}.active\:bg_fill\.brand\.default-pressed:is(:active,[data-active]){background:var(--colors-fill-brand-default-pressed)}.active\:bg_fill\.brand\.subtle-pressed:is(:active,[data-active]){background:var(--colors-fill-brand-subtle-pressed)}.active\:bg_fill\.neutral\.subtler:is(:active,[data-active]){background:var(--colors-fill-neutral-subtler)}.active\:c_fg\.neutral\.subtler:is(:active,[data-active]){color:var(--colors-fg-neutral-subtler)}.disabled\:active\:bg_fill\.neutral\.default-disabled:is(:disabled,[disabled],[data-disabled]):is(:active,[data-active]){background:var(--colors-fill-neutral-default-disabled)}.disabled\:active\:bg_transparent:is(:disabled,[disabled],[data-disabled]):is(:active,[data-active]){background:transparent}.disabled\:active\:c_fg\.neutral\.subtlest:is(:disabled,[disabled],[data-disabled]):is(:active,[data-active]){color:var(--colors-fg-neutral-subtlest)}.disabled\:active\:c_fg\.neutral\.subtler:is(:disabled,[disabled],[data-disabled]):is(:active,[data-active]){color:var(--colors-fg-neutral-subtler)}}