@tosui/react 0.1.3 → 0.1.5

package/dist/components/Box/padding/padding.module.css

@@ -1,187 +1,187 @@
 /* padding-top */
-._pt_heon2_2 { padding-top: var(--t-pt); }
-._pt\:h_heon2_3:hover { padding-top: var(--t-pt-h); }
-._pt\:f_heon2_4:focus { padding-top: var(--t-pt-f); }
-._pt\:a_heon2_5:active { padding-top: var(--t-pt-a); }
-._pt\:d_heon2_6:disabled { padding-top: var(--t-pt-d); }
+._pt_v30tk_2 { padding-top: var(--t-pt); }
+._pt\:h_v30tk_3:hover { padding-top: var(--t-pt-h); }
+._pt\:f_v30tk_4:focus { padding-top: var(--t-pt-f); }
+._pt\:a_v30tk_5:active { padding-top: var(--t-pt-a); }
+._pt\:d_v30tk_6:disabled { padding-top: var(--t-pt-d); }
 
 @media (min-width: 640px) {
-  ._pt_sm_heon2_9 { padding-top: var(--t-pt_sm); }
-  ._pt_sm\:h_heon2_10:hover { padding-top: var(--t-pt_sm-h); }
-  ._pt_sm\:f_heon2_11:focus { padding-top: var(--t-pt_sm-f); }
-  ._pt_sm\:a_heon2_12:active { padding-top: var(--t-pt_sm-a); }
-  ._pt_sm\:d_heon2_13:disabled { padding-top: var(--t-pt_sm-d); }
+  ._pt_v30tk_2 { padding-top: var(--t-pt_sm, var(--t-pt)); }
+  ._pt\:h_v30tk_3:hover { padding-top: var(--t-pt_sm-h, var(--t-pt-h)); }
+  ._pt\:f_v30tk_4:focus { padding-top: var(--t-pt_sm-f, var(--t-pt-f)); }
+  ._pt\:a_v30tk_5:active { padding-top: var(--t-pt_sm-a, var(--t-pt-a)); }
+  ._pt\:d_v30tk_6:disabled { padding-top: var(--t-pt_sm-d, var(--t-pt-d)); }
 }
 
 @media (min-width: 768px) {
-  ._pt_md_heon2_17 { padding-top: var(--t-pt_md); }
-  ._pt_md\:h_heon2_18:hover { padding-top: var(--t-pt_md-h); }
-  ._pt_md\:f_heon2_19:focus { padding-top: var(--t-pt_md-f); }
-  ._pt_md\:a_heon2_20:active { padding-top: var(--t-pt_md-a); }
-  ._pt_md\:d_heon2_21:disabled { padding-top: var(--t-pt_md-d); }
+  ._pt_v30tk_2 { padding-top: var(--t-pt_md, var(--t-pt_sm, var(--t-pt))); }
+  ._pt\:h_v30tk_3:hover { padding-top: var(--t-pt_md-h, var(--t-pt_sm-h, var(--t-pt-h))); }
+  ._pt\:f_v30tk_4:focus { padding-top: var(--t-pt_md-f, var(--t-pt_sm-f, var(--t-pt-f))); }
+  ._pt\:a_v30tk_5:active { padding-top: var(--t-pt_md-a, var(--t-pt_sm-a, var(--t-pt-a))); }
+  ._pt\:d_v30tk_6:disabled { padding-top: var(--t-pt_md-d, var(--t-pt_sm-d, var(--t-pt-d))); }
 }
 
 @media (min-width: 1024px) {
-  ._pt_lg_heon2_25 { padding-top: var(--t-pt_lg); }
-  ._pt_lg\:h_heon2_26:hover { padding-top: var(--t-pt_lg-h); }
-  ._pt_lg\:f_heon2_27:focus { padding-top: var(--t-pt_lg-f); }
-  ._pt_lg\:a_heon2_28:active { padding-top: var(--t-pt_lg-a); }
-  ._pt_lg\:d_heon2_29:disabled { padding-top: var(--t-pt_lg-d); }
+  ._pt_v30tk_2 { padding-top: var(--t-pt_lg, var(--t-pt_md, var(--t-pt_sm, var(--t-pt)))); }
+  ._pt\:h_v30tk_3:hover { padding-top: var(--t-pt_lg-h, var(--t-pt_md-h, var(--t-pt_sm-h, var(--t-pt-h)))); }
+  ._pt\:f_v30tk_4:focus { padding-top: var(--t-pt_lg-f, var(--t-pt_md-f, var(--t-pt_sm-f, var(--t-pt-f)))); }
+  ._pt\:a_v30tk_5:active { padding-top: var(--t-pt_lg-a, var(--t-pt_md-a, var(--t-pt_sm-a, var(--t-pt-a)))); }
+  ._pt\:d_v30tk_6:disabled { padding-top: var(--t-pt_lg-d, var(--t-pt_md-d, var(--t-pt_sm-d, var(--t-pt-d)))); }
 }
 
 @media (min-width: 1280px) {
-  ._pt_xl_heon2_33 { padding-top: var(--t-pt_xl); }
-  ._pt_xl\:h_heon2_34:hover { padding-top: var(--t-pt_xl-h); }
-  ._pt_xl\:f_heon2_35:focus { padding-top: var(--t-pt_xl-f); }
-  ._pt_xl\:a_heon2_36:active { padding-top: var(--t-pt_xl-a); }
-  ._pt_xl\:d_heon2_37:disabled { padding-top: var(--t-pt_xl-d); }
+  ._pt_v30tk_2 { padding-top: var(--t-pt_xl, var(--t-pt_lg, var(--t-pt_md, var(--t-pt_sm, var(--t-pt))))); }
+  ._pt\:h_v30tk_3:hover { padding-top: var(--t-pt_xl-h, var(--t-pt_lg-h, var(--t-pt_md-h, var(--t-pt_sm-h, var(--t-pt-h))))); }
+  ._pt\:f_v30tk_4:focus { padding-top: var(--t-pt_xl-f, var(--t-pt_lg-f, var(--t-pt_md-f, var(--t-pt_sm-f, var(--t-pt-f))))); }
+  ._pt\:a_v30tk_5:active { padding-top: var(--t-pt_xl-a, var(--t-pt_lg-a, var(--t-pt_md-a, var(--t-pt_sm-a, var(--t-pt-a))))); }
+  ._pt\:d_v30tk_6:disabled { padding-top: var(--t-pt_xl-d, var(--t-pt_lg-d, var(--t-pt_md-d, var(--t-pt_sm-d, var(--t-pt-d))))); }
 }
 
 @media (min-width: 1536px) {
-  ._pt_2xl_heon2_41 { padding-top: var(--t-pt_2xl); }
-  ._pt_2xl\:h_heon2_42:hover { padding-top: var(--t-pt_2xl-h); }
-  ._pt_2xl\:f_heon2_43:focus { padding-top: var(--t-pt_2xl-f); }
-  ._pt_2xl\:a_heon2_44:active { padding-top: var(--t-pt_2xl-a); }
-  ._pt_2xl\:d_heon2_45:disabled { padding-top: var(--t-pt_2xl-d); }
+  ._pt_v30tk_2 { padding-top: var(--t-pt_2xl, var(--t-pt_xl, var(--t-pt_lg, var(--t-pt_md, var(--t-pt_sm, var(--t-pt)))))); }
+  ._pt\:h_v30tk_3:hover { padding-top: var(--t-pt_2xl-h, var(--t-pt_xl-h, var(--t-pt_lg-h, var(--t-pt_md-h, var(--t-pt_sm-h, var(--t-pt-h)))))); }
+  ._pt\:f_v30tk_4:focus { padding-top: var(--t-pt_2xl-f, var(--t-pt_xl-f, var(--t-pt_lg-f, var(--t-pt_md-f, var(--t-pt_sm-f, var(--t-pt-f)))))); }
+  ._pt\:a_v30tk_5:active { padding-top: var(--t-pt_2xl-a, var(--t-pt_xl-a, var(--t-pt_lg-a, var(--t-pt_md-a, var(--t-pt_sm-a, var(--t-pt-a)))))); }
+  ._pt\:d_v30tk_6:disabled { padding-top: var(--t-pt_2xl-d, var(--t-pt_xl-d, var(--t-pt_lg-d, var(--t-pt_md-d, var(--t-pt_sm-d, var(--t-pt-d)))))); }
 }
 
 /* padding-right */
-._pr_heon2_49 { padding-right: var(--t-pr); }
-._pr\:h_heon2_50:hover { padding-right: var(--t-pr-h); }
-._pr\:f_heon2_51:focus { padding-right: var(--t-pr-f); }
-._pr\:a_heon2_52:active { padding-right: var(--t-pr-a); }
-._pr\:d_heon2_53:disabled { padding-right: var(--t-pr-d); }
+._pr_v30tk_49 { padding-right: var(--t-pr); }
+._pr\:h_v30tk_50:hover { padding-right: var(--t-pr-h); }
+._pr\:f_v30tk_51:focus { padding-right: var(--t-pr-f); }
+._pr\:a_v30tk_52:active { padding-right: var(--t-pr-a); }
+._pr\:d_v30tk_53:disabled { padding-right: var(--t-pr-d); }
 
 @media (min-width: 640px) {
-  ._pr_sm_heon2_56 { padding-right: var(--t-pr_sm); }
-  ._pr_sm\:h_heon2_57:hover { padding-right: var(--t-pr_sm-h); }
-  ._pr_sm\:f_heon2_58:focus { padding-right: var(--t-pr_sm-f); }
-  ._pr_sm\:a_heon2_59:active { padding-right: var(--t-pr_sm-a); }
-  ._pr_sm\:d_heon2_60:disabled { padding-right: var(--t-pr_sm-d); }
+  ._pr_v30tk_49 { padding-right: var(--t-pr_sm, var(--t-pr)); }
+  ._pr\:h_v30tk_50:hover { padding-right: var(--t-pr_sm-h, var(--t-pr-h)); }
+  ._pr\:f_v30tk_51:focus { padding-right: var(--t-pr_sm-f, var(--t-pr-f)); }
+  ._pr\:a_v30tk_52:active { padding-right: var(--t-pr_sm-a, var(--t-pr-a)); }
+  ._pr\:d_v30tk_53:disabled { padding-right: var(--t-pr_sm-d, var(--t-pr-d)); }
 }
 
 @media (min-width: 768px) {
-  ._pr_md_heon2_64 { padding-right: var(--t-pr_md); }
-  ._pr_md\:h_heon2_65:hover { padding-right: var(--t-pr_md-h); }
-  ._pr_md\:f_heon2_66:focus { padding-right: var(--t-pr_md-f); }
-  ._pr_md\:a_heon2_67:active { padding-right: var(--t-pr_md-a); }
-  ._pr_md\:d_heon2_68:disabled { padding-right: var(--t-pr_md-d); }
+  ._pr_v30tk_49 { padding-right: var(--t-pr_md, var(--t-pr_sm, var(--t-pr))); }
+  ._pr\:h_v30tk_50:hover { padding-right: var(--t-pr_md-h, var(--t-pr_sm-h, var(--t-pr-h))); }
+  ._pr\:f_v30tk_51:focus { padding-right: var(--t-pr_md-f, var(--t-pr_sm-f, var(--t-pr-f))); }
+  ._pr\:a_v30tk_52:active { padding-right: var(--t-pr_md-a, var(--t-pr_sm-a, var(--t-pr-a))); }
+  ._pr\:d_v30tk_53:disabled { padding-right: var(--t-pr_md-d, var(--t-pr_sm-d, var(--t-pr-d))); }
 }
 
 @media (min-width: 1024px) {
-  ._pr_lg_heon2_72 { padding-right: var(--t-pr_lg); }
-  ._pr_lg\:h_heon2_73:hover { padding-right: var(--t-pr_lg-h); }
-  ._pr_lg\:f_heon2_74:focus { padding-right: var(--t-pr_lg-f); }
-  ._pr_lg\:a_heon2_75:active { padding-right: var(--t-pr_lg-a); }
-  ._pr_lg\:d_heon2_76:disabled { padding-right: var(--t-pr_lg-d); }
+  ._pr_v30tk_49 { padding-right: var(--t-pr_lg, var(--t-pr_md, var(--t-pr_sm, var(--t-pr)))); }
+  ._pr\:h_v30tk_50:hover { padding-right: var(--t-pr_lg-h, var(--t-pr_md-h, var(--t-pr_sm-h, var(--t-pr-h)))); }
+  ._pr\:f_v30tk_51:focus { padding-right: var(--t-pr_lg-f, var(--t-pr_md-f, var(--t-pr_sm-f, var(--t-pr-f)))); }
+  ._pr\:a_v30tk_52:active { padding-right: var(--t-pr_lg-a, var(--t-pr_md-a, var(--t-pr_sm-a, var(--t-pr-a)))); }
+  ._pr\:d_v30tk_53:disabled { padding-right: var(--t-pr_lg-d, var(--t-pr_md-d, var(--t-pr_sm-d, var(--t-pr-d)))); }
 }
 
 @media (min-width: 1280px) {
-  ._pr_xl_heon2_80 { padding-right: var(--t-pr_xl); }
-  ._pr_xl\:h_heon2_81:hover { padding-right: var(--t-pr_xl-h); }
-  ._pr_xl\:f_heon2_82:focus { padding-right: var(--t-pr_xl-f); }
-  ._pr_xl\:a_heon2_83:active { padding-right: var(--t-pr_xl-a); }
-  ._pr_xl\:d_heon2_84:disabled { padding-right: var(--t-pr_xl-d); }
+  ._pr_v30tk_49 { padding-right: var(--t-pr_xl, var(--t-pr_lg, var(--t-pr_md, var(--t-pr_sm, var(--t-pr))))); }
+  ._pr\:h_v30tk_50:hover { padding-right: var(--t-pr_xl-h, var(--t-pr_lg-h, var(--t-pr_md-h, var(--t-pr_sm-h, var(--t-pr-h))))); }
+  ._pr\:f_v30tk_51:focus { padding-right: var(--t-pr_xl-f, var(--t-pr_lg-f, var(--t-pr_md-f, var(--t-pr_sm-f, var(--t-pr-f))))); }
+  ._pr\:a_v30tk_52:active { padding-right: var(--t-pr_xl-a, var(--t-pr_lg-a, var(--t-pr_md-a, var(--t-pr_sm-a, var(--t-pr-a))))); }
+  ._pr\:d_v30tk_53:disabled { padding-right: var(--t-pr_xl-d, var(--t-pr_lg-d, var(--t-pr_md-d, var(--t-pr_sm-d, var(--t-pr-d))))); }
 }
 
 @media (min-width: 1536px) {
-  ._pr_2xl_heon2_88 { padding-right: var(--t-pr_2xl); }
-  ._pr_2xl\:h_heon2_89:hover { padding-right: var(--t-pr_2xl-h); }
-  ._pr_2xl\:f_heon2_90:focus { padding-right: var(--t-pr_2xl-f); }
-  ._pr_2xl\:a_heon2_91:active { padding-right: var(--t-pr_2xl-a); }
-  ._pr_2xl\:d_heon2_92:disabled { padding-right: var(--t-pr_2xl-d); }
+  ._pr_v30tk_49 { padding-right: var(--t-pr_2xl, var(--t-pr_xl, var(--t-pr_lg, var(--t-pr_md, var(--t-pr_sm, var(--t-pr)))))); }
+  ._pr\:h_v30tk_50:hover { padding-right: var(--t-pr_2xl-h, var(--t-pr_xl-h, var(--t-pr_lg-h, var(--t-pr_md-h, var(--t-pr_sm-h, var(--t-pr-h)))))); }
+  ._pr\:f_v30tk_51:focus { padding-right: var(--t-pr_2xl-f, var(--t-pr_xl-f, var(--t-pr_lg-f, var(--t-pr_md-f, var(--t-pr_sm-f, var(--t-pr-f)))))); }
+  ._pr\:a_v30tk_52:active { padding-right: var(--t-pr_2xl-a, var(--t-pr_xl-a, var(--t-pr_lg-a, var(--t-pr_md-a, var(--t-pr_sm-a, var(--t-pr-a)))))); }
+  ._pr\:d_v30tk_53:disabled { padding-right: var(--t-pr_2xl-d, var(--t-pr_xl-d, var(--t-pr_lg-d, var(--t-pr_md-d, var(--t-pr_sm-d, var(--t-pr-d)))))); }
 }
 
 /* padding-bottom */
-._pb_heon2_96 { padding-bottom: var(--t-pb); }
-._pb\:h_heon2_97:hover { padding-bottom: var(--t-pb-h); }
-._pb\:f_heon2_98:focus { padding-bottom: var(--t-pb-f); }
-._pb\:a_heon2_99:active { padding-bottom: var(--t-pb-a); }
-._pb\:d_heon2_100:disabled { padding-bottom: var(--t-pb-d); }
+._pb_v30tk_96 { padding-bottom: var(--t-pb); }
+._pb\:h_v30tk_97:hover { padding-bottom: var(--t-pb-h); }
+._pb\:f_v30tk_98:focus { padding-bottom: var(--t-pb-f); }
+._pb\:a_v30tk_99:active { padding-bottom: var(--t-pb-a); }
+._pb\:d_v30tk_100:disabled { padding-bottom: var(--t-pb-d); }
 
 @media (min-width: 640px) {
-  ._pb_sm_heon2_103 { padding-bottom: var(--t-pb_sm); }
-  ._pb_sm\:h_heon2_104:hover { padding-bottom: var(--t-pb_sm-h); }
-  ._pb_sm\:f_heon2_105:focus { padding-bottom: var(--t-pb_sm-f); }
-  ._pb_sm\:a_heon2_106:active { padding-bottom: var(--t-pb_sm-a); }
-  ._pb_sm\:d_heon2_107:disabled { padding-bottom: var(--t-pb_sm-d); }
+  ._pb_v30tk_96 { padding-bottom: var(--t-pb_sm, var(--t-pb)); }
+  ._pb\:h_v30tk_97:hover { padding-bottom: var(--t-pb_sm-h, var(--t-pb-h)); }
+  ._pb\:f_v30tk_98:focus { padding-bottom: var(--t-pb_sm-f, var(--t-pb-f)); }
+  ._pb\:a_v30tk_99:active { padding-bottom: var(--t-pb_sm-a, var(--t-pb-a)); }
+  ._pb\:d_v30tk_100:disabled { padding-bottom: var(--t-pb_sm-d, var(--t-pb-d)); }
 }
 
 @media (min-width: 768px) {
-  ._pb_md_heon2_111 { padding-bottom: var(--t-pb_md); }
-  ._pb_md\:h_heon2_112:hover { padding-bottom: var(--t-pb_md-h); }
-  ._pb_md\:f_heon2_113:focus { padding-bottom: var(--t-pb_md-f); }
-  ._pb_md\:a_heon2_114:active { padding-bottom: var(--t-pb_md-a); }
-  ._pb_md\:d_heon2_115:disabled { padding-bottom: var(--t-pb_md-d); }
+  ._pb_v30tk_96 { padding-bottom: var(--t-pb_md, var(--t-pb_sm, var(--t-pb))); }
+  ._pb\:h_v30tk_97:hover { padding-bottom: var(--t-pb_md-h, var(--t-pb_sm-h, var(--t-pb-h))); }
+  ._pb\:f_v30tk_98:focus { padding-bottom: var(--t-pb_md-f, var(--t-pb_sm-f, var(--t-pb-f))); }
+  ._pb\:a_v30tk_99:active { padding-bottom: var(--t-pb_md-a, var(--t-pb_sm-a, var(--t-pb-a))); }
+  ._pb\:d_v30tk_100:disabled { padding-bottom: var(--t-pb_md-d, var(--t-pb_sm-d, var(--t-pb-d))); }
 }
 
 @media (min-width: 1024px) {
-  ._pb_lg_heon2_119 { padding-bottom: var(--t-pb_lg); }
-  ._pb_lg\:h_heon2_120:hover { padding-bottom: var(--t-pb_lg-h); }
-  ._pb_lg\:f_heon2_121:focus { padding-bottom: var(--t-pb_lg-f); }
-  ._pb_lg\:a_heon2_122:active { padding-bottom: var(--t-pb_lg-a); }
-  ._pb_lg\:d_heon2_123:disabled { padding-bottom: var(--t-pb_lg-d); }
+  ._pb_v30tk_96 { padding-bottom: var(--t-pb_lg, var(--t-pb_md, var(--t-pb_sm, var(--t-pb)))); }
+  ._pb\:h_v30tk_97:hover { padding-bottom: var(--t-pb_lg-h, var(--t-pb_md-h, var(--t-pb_sm-h, var(--t-pb-h)))); }
+  ._pb\:f_v30tk_98:focus { padding-bottom: var(--t-pb_lg-f, var(--t-pb_md-f, var(--t-pb_sm-f, var(--t-pb-f)))); }
+  ._pb\:a_v30tk_99:active { padding-bottom: var(--t-pb_lg-a, var(--t-pb_md-a, var(--t-pb_sm-a, var(--t-pb-a)))); }
+  ._pb\:d_v30tk_100:disabled { padding-bottom: var(--t-pb_lg-d, var(--t-pb_md-d, var(--t-pb_sm-d, var(--t-pb-d)))); }
 }
 
 @media (min-width: 1280px) {
-  ._pb_xl_heon2_127 { padding-bottom: var(--t-pb_xl); }
-  ._pb_xl\:h_heon2_128:hover { padding-bottom: var(--t-pb_xl-h); }
-  ._pb_xl\:f_heon2_129:focus { padding-bottom: var(--t-pb_xl-f); }
-  ._pb_xl\:a_heon2_130:active { padding-bottom: var(--t-pb_xl-a); }
-  ._pb_xl\:d_heon2_131:disabled { padding-bottom: var(--t-pb_xl-d); }
+  ._pb_v30tk_96 { padding-bottom: var(--t-pb_xl, var(--t-pb_lg, var(--t-pb_md, var(--t-pb_sm, var(--t-pb))))); }
+  ._pb\:h_v30tk_97:hover { padding-bottom: var(--t-pb_xl-h, var(--t-pb_lg-h, var(--t-pb_md-h, var(--t-pb_sm-h, var(--t-pb-h))))); }
+  ._pb\:f_v30tk_98:focus { padding-bottom: var(--t-pb_xl-f, var(--t-pb_lg-f, var(--t-pb_md-f, var(--t-pb_sm-f, var(--t-pb-f))))); }
+  ._pb\:a_v30tk_99:active { padding-bottom: var(--t-pb_xl-a, var(--t-pb_lg-a, var(--t-pb_md-a, var(--t-pb_sm-a, var(--t-pb-a))))); }
+  ._pb\:d_v30tk_100:disabled { padding-bottom: var(--t-pb_xl-d, var(--t-pb_lg-d, var(--t-pb_md-d, var(--t-pb_sm-d, var(--t-pb-d))))); }
 }
 
 @media (min-width: 1536px) {
-  ._pb_2xl_heon2_135 { padding-bottom: var(--t-pb_2xl); }
-  ._pb_2xl\:h_heon2_136:hover { padding-bottom: var(--t-pb_2xl-h); }
-  ._pb_2xl\:f_heon2_137:focus { padding-bottom: var(--t-pb_2xl-f); }
-  ._pb_2xl\:a_heon2_138:active { padding-bottom: var(--t-pb_2xl-a); }
-  ._pb_2xl\:d_heon2_139:disabled { padding-bottom: var(--t-pb_2xl-d); }
+  ._pb_v30tk_96 { padding-bottom: var(--t-pb_2xl, var(--t-pb_xl, var(--t-pb_lg, var(--t-pb_md, var(--t-pb_sm, var(--t-pb)))))); }
+  ._pb\:h_v30tk_97:hover { padding-bottom: var(--t-pb_2xl-h, var(--t-pb_xl-h, var(--t-pb_lg-h, var(--t-pb_md-h, var(--t-pb_sm-h, var(--t-pb-h)))))); }
+  ._pb\:f_v30tk_98:focus { padding-bottom: var(--t-pb_2xl-f, var(--t-pb_xl-f, var(--t-pb_lg-f, var(--t-pb_md-f, var(--t-pb_sm-f, var(--t-pb-f)))))); }
+  ._pb\:a_v30tk_99:active { padding-bottom: var(--t-pb_2xl-a, var(--t-pb_xl-a, var(--t-pb_lg-a, var(--t-pb_md-a, var(--t-pb_sm-a, var(--t-pb-a)))))); }
+  ._pb\:d_v30tk_100:disabled { padding-bottom: var(--t-pb_2xl-d, var(--t-pb_xl-d, var(--t-pb_lg-d, var(--t-pb_md-d, var(--t-pb_sm-d, var(--t-pb-d)))))); }
 }
 
 /* padding-left */
-._pl_heon2_143 { padding-left: var(--t-pl); }
-._pl\:h_heon2_144:hover { padding-left: var(--t-pl-h); }
-._pl\:f_heon2_145:focus { padding-left: var(--t-pl-f); }
-._pl\:a_heon2_146:active { padding-left: var(--t-pl-a); }
-._pl\:d_heon2_147:disabled { padding-left: var(--t-pl-d); }
+._pl_v30tk_143 { padding-left: var(--t-pl); }
+._pl\:h_v30tk_144:hover { padding-left: var(--t-pl-h); }
+._pl\:f_v30tk_145:focus { padding-left: var(--t-pl-f); }
+._pl\:a_v30tk_146:active { padding-left: var(--t-pl-a); }
+._pl\:d_v30tk_147:disabled { padding-left: var(--t-pl-d); }
 
 @media (min-width: 640px) {
-  ._pl_sm_heon2_150 { padding-left: var(--t-pl_sm); }
-  ._pl_sm\:h_heon2_151:hover { padding-left: var(--t-pl_sm-h); }
-  ._pl_sm\:f_heon2_152:focus { padding-left: var(--t-pl_sm-f); }
-  ._pl_sm\:a_heon2_153:active { padding-left: var(--t-pl_sm-a); }
-  ._pl_sm\:d_heon2_154:disabled { padding-left: var(--t-pl_sm-d); }
+  ._pl_v30tk_143 { padding-left: var(--t-pl_sm, var(--t-pl)); }
+  ._pl\:h_v30tk_144:hover { padding-left: var(--t-pl_sm-h, var(--t-pl-h)); }
+  ._pl\:f_v30tk_145:focus { padding-left: var(--t-pl_sm-f, var(--t-pl-f)); }
+  ._pl\:a_v30tk_146:active { padding-left: var(--t-pl_sm-a, var(--t-pl-a)); }
+  ._pl\:d_v30tk_147:disabled { padding-left: var(--t-pl_sm-d, var(--t-pl-d)); }
 }
 
 @media (min-width: 768px) {
-  ._pl_md_heon2_158 { padding-left: var(--t-pl_md); }
-  ._pl_md\:h_heon2_159:hover { padding-left: var(--t-pl_md-h); }
-  ._pl_md\:f_heon2_160:focus { padding-left: var(--t-pl_md-f); }
-  ._pl_md\:a_heon2_161:active { padding-left: var(--t-pl_md-a); }
-  ._pl_md\:d_heon2_162:disabled { padding-left: var(--t-pl_md-d); }
+  ._pl_v30tk_143 { padding-left: var(--t-pl_md, var(--t-pl_sm, var(--t-pl))); }
+  ._pl\:h_v30tk_144:hover { padding-left: var(--t-pl_md-h, var(--t-pl_sm-h, var(--t-pl-h))); }
+  ._pl\:f_v30tk_145:focus { padding-left: var(--t-pl_md-f, var(--t-pl_sm-f, var(--t-pl-f))); }
+  ._pl\:a_v30tk_146:active { padding-left: var(--t-pl_md-a, var(--t-pl_sm-a, var(--t-pl-a))); }
+  ._pl\:d_v30tk_147:disabled { padding-left: var(--t-pl_md-d, var(--t-pl_sm-d, var(--t-pl-d))); }
 }
 
 @media (min-width: 1024px) {
-  ._pl_lg_heon2_166 { padding-left: var(--t-pl_lg); }
-  ._pl_lg\:h_heon2_167:hover { padding-left: var(--t-pl_lg-h); }
-  ._pl_lg\:f_heon2_168:focus { padding-left: var(--t-pl_lg-f); }
-  ._pl_lg\:a_heon2_169:active { padding-left: var(--t-pl_lg-a); }
-  ._pl_lg\:d_heon2_170:disabled { padding-left: var(--t-pl_lg-d); }
+  ._pl_v30tk_143 { padding-left: var(--t-pl_lg, var(--t-pl_md, var(--t-pl_sm, var(--t-pl)))); }
+  ._pl\:h_v30tk_144:hover { padding-left: var(--t-pl_lg-h, var(--t-pl_md-h, var(--t-pl_sm-h, var(--t-pl-h)))); }
+  ._pl\:f_v30tk_145:focus { padding-left: var(--t-pl_lg-f, var(--t-pl_md-f, var(--t-pl_sm-f, var(--t-pl-f)))); }
+  ._pl\:a_v30tk_146:active { padding-left: var(--t-pl_lg-a, var(--t-pl_md-a, var(--t-pl_sm-a, var(--t-pl-a)))); }
+  ._pl\:d_v30tk_147:disabled { padding-left: var(--t-pl_lg-d, var(--t-pl_md-d, var(--t-pl_sm-d, var(--t-pl-d)))); }
 }
 
 @media (min-width: 1280px) {
-  ._pl_xl_heon2_174 { padding-left: var(--t-pl_xl); }
-  ._pl_xl\:h_heon2_175:hover { padding-left: var(--t-pl_xl-h); }
-  ._pl_xl\:f_heon2_176:focus { padding-left: var(--t-pl_xl-f); }
-  ._pl_xl\:a_heon2_177:active { padding-left: var(--t-pl_xl-a); }
-  ._pl_xl\:d_heon2_178:disabled { padding-left: var(--t-pl_xl-d); }
+  ._pl_v30tk_143 { padding-left: var(--t-pl_xl, var(--t-pl_lg, var(--t-pl_md, var(--t-pl_sm, var(--t-pl))))); }
+  ._pl\:h_v30tk_144:hover { padding-left: var(--t-pl_xl-h, var(--t-pl_lg-h, var(--t-pl_md-h, var(--t-pl_sm-h, var(--t-pl-h))))); }
+  ._pl\:f_v30tk_145:focus { padding-left: var(--t-pl_xl-f, var(--t-pl_lg-f, var(--t-pl_md-f, var(--t-pl_sm-f, var(--t-pl-f))))); }
+  ._pl\:a_v30tk_146:active { padding-left: var(--t-pl_xl-a, var(--t-pl_lg-a, var(--t-pl_md-a, var(--t-pl_sm-a, var(--t-pl-a))))); }
+  ._pl\:d_v30tk_147:disabled { padding-left: var(--t-pl_xl-d, var(--t-pl_lg-d, var(--t-pl_md-d, var(--t-pl_sm-d, var(--t-pl-d))))); }
 }
 
 @media (min-width: 1536px) {
-  ._pl_2xl_heon2_182 { padding-left: var(--t-pl_2xl); }
-  ._pl_2xl\:h_heon2_183:hover { padding-left: var(--t-pl_2xl-h); }
-  ._pl_2xl\:f_heon2_184:focus { padding-left: var(--t-pl_2xl-f); }
-  ._pl_2xl\:a_heon2_185:active { padding-left: var(--t-pl_2xl-a); }
-  ._pl_2xl\:d_heon2_186:disabled { padding-left: var(--t-pl_2xl-d); }
+  ._pl_v30tk_143 { padding-left: var(--t-pl_2xl, var(--t-pl_xl, var(--t-pl_lg, var(--t-pl_md, var(--t-pl_sm, var(--t-pl)))))); }
+  ._pl\:h_v30tk_144:hover { padding-left: var(--t-pl_2xl-h, var(--t-pl_xl-h, var(--t-pl_lg-h, var(--t-pl_md-h, var(--t-pl_sm-h, var(--t-pl-h)))))); }
+  ._pl\:f_v30tk_145:focus { padding-left: var(--t-pl_2xl-f, var(--t-pl_xl-f, var(--t-pl_lg-f, var(--t-pl_md-f, var(--t-pl_sm-f, var(--t-pl-f)))))); }
+  ._pl\:a_v30tk_146:active { padding-left: var(--t-pl_2xl-a, var(--t-pl_xl-a, var(--t-pl_lg-a, var(--t-pl_md-a, var(--t-pl_sm-a, var(--t-pl-a)))))); }
+  ._pl\:d_v30tk_147:disabled { padding-left: var(--t-pl_2xl-d, var(--t-pl_xl-d, var(--t-pl_lg-d, var(--t-pl_md-d, var(--t-pl_sm-d, var(--t-pl-d)))))); }
 }

package/dist/components/Box/padding/padding.module.css.js

@@ -1,174 +1,34 @@
-const pt = "_pt_heon2_2";
-const pt_sm = "_pt_sm_heon2_9";
-const pt_md = "_pt_md_heon2_17";
-const pt_lg = "_pt_lg_heon2_25";
-const pt_xl = "_pt_xl_heon2_33";
-const pt_2xl = "_pt_2xl_heon2_41";
-const pr = "_pr_heon2_49";
-const pr_sm = "_pr_sm_heon2_56";
-const pr_md = "_pr_md_heon2_64";
-const pr_lg = "_pr_lg_heon2_72";
-const pr_xl = "_pr_xl_heon2_80";
-const pr_2xl = "_pr_2xl_heon2_88";
-const pb = "_pb_heon2_96";
-const pb_sm = "_pb_sm_heon2_103";
-const pb_md = "_pb_md_heon2_111";
-const pb_lg = "_pb_lg_heon2_119";
-const pb_xl = "_pb_xl_heon2_127";
-const pb_2xl = "_pb_2xl_heon2_135";
-const pl = "_pl_heon2_143";
-const pl_sm = "_pl_sm_heon2_150";
-const pl_md = "_pl_md_heon2_158";
-const pl_lg = "_pl_lg_heon2_166";
-const pl_xl = "_pl_xl_heon2_174";
-const pl_2xl = "_pl_2xl_heon2_182";
+const pt = "_pt_v30tk_2";
+const pr = "_pr_v30tk_49";
+const pb = "_pb_v30tk_96";
+const pl = "_pl_v30tk_143";
 const styles = {
   pt,
-  "pt:h": "_pt:h_heon2_3",
-  "pt:f": "_pt:f_heon2_4",
-  "pt:a": "_pt:a_heon2_5",
-  "pt:d": "_pt:d_heon2_6",
-  pt_sm,
-  "pt_sm:h": "_pt_sm:h_heon2_10",
-  "pt_sm:f": "_pt_sm:f_heon2_11",
-  "pt_sm:a": "_pt_sm:a_heon2_12",
-  "pt_sm:d": "_pt_sm:d_heon2_13",
-  pt_md,
-  "pt_md:h": "_pt_md:h_heon2_18",
-  "pt_md:f": "_pt_md:f_heon2_19",
-  "pt_md:a": "_pt_md:a_heon2_20",
-  "pt_md:d": "_pt_md:d_heon2_21",
-  pt_lg,
-  "pt_lg:h": "_pt_lg:h_heon2_26",
-  "pt_lg:f": "_pt_lg:f_heon2_27",
-  "pt_lg:a": "_pt_lg:a_heon2_28",
-  "pt_lg:d": "_pt_lg:d_heon2_29",
-  pt_xl,
-  "pt_xl:h": "_pt_xl:h_heon2_34",
-  "pt_xl:f": "_pt_xl:f_heon2_35",
-  "pt_xl:a": "_pt_xl:a_heon2_36",
-  "pt_xl:d": "_pt_xl:d_heon2_37",
-  pt_2xl,
-  "pt_2xl:h": "_pt_2xl:h_heon2_42",
-  "pt_2xl:f": "_pt_2xl:f_heon2_43",
-  "pt_2xl:a": "_pt_2xl:a_heon2_44",
-  "pt_2xl:d": "_pt_2xl:d_heon2_45",
+  "pt:h": "_pt:h_v30tk_3",
+  "pt:f": "_pt:f_v30tk_4",
+  "pt:a": "_pt:a_v30tk_5",
+  "pt:d": "_pt:d_v30tk_6",
   pr,
-  "pr:h": "_pr:h_heon2_50",
-  "pr:f": "_pr:f_heon2_51",
-  "pr:a": "_pr:a_heon2_52",
-  "pr:d": "_pr:d_heon2_53",
-  pr_sm,
-  "pr_sm:h": "_pr_sm:h_heon2_57",
-  "pr_sm:f": "_pr_sm:f_heon2_58",
-  "pr_sm:a": "_pr_sm:a_heon2_59",
-  "pr_sm:d": "_pr_sm:d_heon2_60",
-  pr_md,
-  "pr_md:h": "_pr_md:h_heon2_65",
-  "pr_md:f": "_pr_md:f_heon2_66",
-  "pr_md:a": "_pr_md:a_heon2_67",
-  "pr_md:d": "_pr_md:d_heon2_68",
-  pr_lg,
-  "pr_lg:h": "_pr_lg:h_heon2_73",
-  "pr_lg:f": "_pr_lg:f_heon2_74",
-  "pr_lg:a": "_pr_lg:a_heon2_75",
-  "pr_lg:d": "_pr_lg:d_heon2_76",
-  pr_xl,
-  "pr_xl:h": "_pr_xl:h_heon2_81",
-  "pr_xl:f": "_pr_xl:f_heon2_82",
-  "pr_xl:a": "_pr_xl:a_heon2_83",
-  "pr_xl:d": "_pr_xl:d_heon2_84",
-  pr_2xl,
-  "pr_2xl:h": "_pr_2xl:h_heon2_89",
-  "pr_2xl:f": "_pr_2xl:f_heon2_90",
-  "pr_2xl:a": "_pr_2xl:a_heon2_91",
-  "pr_2xl:d": "_pr_2xl:d_heon2_92",
+  "pr:h": "_pr:h_v30tk_50",
+  "pr:f": "_pr:f_v30tk_51",
+  "pr:a": "_pr:a_v30tk_52",
+  "pr:d": "_pr:d_v30tk_53",
   pb,
-  "pb:h": "_pb:h_heon2_97",
-  "pb:f": "_pb:f_heon2_98",
-  "pb:a": "_pb:a_heon2_99",
-  "pb:d": "_pb:d_heon2_100",
-  pb_sm,
-  "pb_sm:h": "_pb_sm:h_heon2_104",
-  "pb_sm:f": "_pb_sm:f_heon2_105",
-  "pb_sm:a": "_pb_sm:a_heon2_106",
-  "pb_sm:d": "_pb_sm:d_heon2_107",
-  pb_md,
-  "pb_md:h": "_pb_md:h_heon2_112",
-  "pb_md:f": "_pb_md:f_heon2_113",
-  "pb_md:a": "_pb_md:a_heon2_114",
-  "pb_md:d": "_pb_md:d_heon2_115",
-  pb_lg,
-  "pb_lg:h": "_pb_lg:h_heon2_120",
-  "pb_lg:f": "_pb_lg:f_heon2_121",
-  "pb_lg:a": "_pb_lg:a_heon2_122",
-  "pb_lg:d": "_pb_lg:d_heon2_123",
-  pb_xl,
-  "pb_xl:h": "_pb_xl:h_heon2_128",
-  "pb_xl:f": "_pb_xl:f_heon2_129",
-  "pb_xl:a": "_pb_xl:a_heon2_130",
-  "pb_xl:d": "_pb_xl:d_heon2_131",
-  pb_2xl,
-  "pb_2xl:h": "_pb_2xl:h_heon2_136",
-  "pb_2xl:f": "_pb_2xl:f_heon2_137",
-  "pb_2xl:a": "_pb_2xl:a_heon2_138",
-  "pb_2xl:d": "_pb_2xl:d_heon2_139",
+  "pb:h": "_pb:h_v30tk_97",
+  "pb:f": "_pb:f_v30tk_98",
+  "pb:a": "_pb:a_v30tk_99",
+  "pb:d": "_pb:d_v30tk_100",
   pl,
-  "pl:h": "_pl:h_heon2_144",
-  "pl:f": "_pl:f_heon2_145",
-  "pl:a": "_pl:a_heon2_146",
-  "pl:d": "_pl:d_heon2_147",
-  pl_sm,
-  "pl_sm:h": "_pl_sm:h_heon2_151",
-  "pl_sm:f": "_pl_sm:f_heon2_152",
-  "pl_sm:a": "_pl_sm:a_heon2_153",
-  "pl_sm:d": "_pl_sm:d_heon2_154",
-  pl_md,
-  "pl_md:h": "_pl_md:h_heon2_159",
-  "pl_md:f": "_pl_md:f_heon2_160",
-  "pl_md:a": "_pl_md:a_heon2_161",
-  "pl_md:d": "_pl_md:d_heon2_162",
-  pl_lg,
-  "pl_lg:h": "_pl_lg:h_heon2_167",
-  "pl_lg:f": "_pl_lg:f_heon2_168",
-  "pl_lg:a": "_pl_lg:a_heon2_169",
-  "pl_lg:d": "_pl_lg:d_heon2_170",
-  pl_xl,
-  "pl_xl:h": "_pl_xl:h_heon2_175",
-  "pl_xl:f": "_pl_xl:f_heon2_176",
-  "pl_xl:a": "_pl_xl:a_heon2_177",
-  "pl_xl:d": "_pl_xl:d_heon2_178",
-  pl_2xl,
-  "pl_2xl:h": "_pl_2xl:h_heon2_183",
-  "pl_2xl:f": "_pl_2xl:f_heon2_184",
-  "pl_2xl:a": "_pl_2xl:a_heon2_185",
-  "pl_2xl:d": "_pl_2xl:d_heon2_186"
+  "pl:h": "_pl:h_v30tk_144",
+  "pl:f": "_pl:f_v30tk_145",
+  "pl:a": "_pl:a_v30tk_146",
+  "pl:d": "_pl:d_v30tk_147"
 };
 export {
   styles as default,
   pb,
-  pb_2xl,
-  pb_lg,
-  pb_md,
-  pb_sm,
-  pb_xl,
   pl,
-  pl_2xl,
-  pl_lg,
-  pl_md,
-  pl_sm,
-  pl_xl,
   pr,
-  pr_2xl,
-  pr_lg,
-  pr_md,
-  pr_sm,
-  pr_xl,
-  pt,
-  pt_2xl,
-  pt_lg,
-  pt_md,
-  pt_sm,
-  pt_xl
+  pt
 };
 //# sourceMappingURL=padding.module.css.js.map

package/dist/components/Box/padding/padding.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"padding.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"padding.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Box/position/position.d.ts

@@ -1,14 +1,8 @@
 import { ResponsiveValue } from '../../../utils/breakpoints';
-import { StyleResult } from '../shared';
+import { StateProps, StyleResult } from '../shared';
 export type PositionValue = "static" | "relative" | "absolute" | "fixed" | "sticky";
 export type PositionProps = {
     position?: ResponsiveValue<PositionValue>;
 };
-export type PositionStateProps = {
-    _hover?: PositionProps;
-    _focus?: PositionProps;
-    _active?: PositionProps;
-    _disabled?: PositionProps;
-};
-export declare function getPositionStyles(props: PositionProps & PositionStateProps): StyleResult;
+export declare function getPositionStyles(props: PositionProps & StateProps<PositionProps>): StyleResult;
 //# sourceMappingURL=position.d.ts.map

package/dist/components/Box/position/position.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"position.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/position/position.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,WAAW,CAAC;AAInB,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEpF,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;CAC3C,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B,CAAC;AAiDF,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,aAAa,GAAG,kBAAkB,GACxC,WAAW,CAmBb"}
+{"version":3,"file":"position.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/position/position.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,WAAW,EAEjB,MAAM,WAAW,CAAC;AAInB,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEpF,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;CAC3C,CAAC;AAWF,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,GAC/C,WAAW,CAmBb"}

package/dist/components/Box/position/position.js

@@ -1,40 +1,17 @@
-import { RESPONSIVE_KEYS, STATE_CLASS_SUFFIXES } from "../shared/constants.js";
+import { getEnumResponsiveStyles } from "../shared/responsive.js";
 import styles from "./position.module.css.js";
 import clsx from "clsx";
-function getPositionClass(value, responsiveKey, state) {
-  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];
-  if (responsiveKey === "base") {
-    return stateClassSuffix ? styles[`${value}${stateClassSuffix}`] : styles[value];
-  }
-  return stateClassSuffix ? styles[`${value}_${responsiveKey}${stateClassSuffix}`] : styles[`${value}_${responsiveKey}`];
-}
-function getPositionStylesForValue(value, state) {
-  const result = { className: "", style: {} };
-  if (value === void 0) return result;
-  if (typeof value === "string") {
-    const className = getPositionClass(value, "base", state);
-    if (className) {
-      result.className = className;
-    }
-    return result;
-  }
-  for (const responsiveKey of RESPONSIVE_KEYS) {
-    const positionValue = value[responsiveKey];
-    if (positionValue === void 0) continue;
-    const className = getPositionClass(positionValue, responsiveKey, state);
-    if (className) {
-      result.className = clsx(result.className, className);
-    }
-  }
-  return result;
+function getPositionStylesForState(props, state) {
+  if (!props) return { className: "", style: {} };
+  return getEnumResponsiveStyles(styles, "", props.position, state);
 }
 function getPositionStyles(props) {
-  const { position, _hover, _focus, _active, _disabled } = props;
-  const baseStyles = getPositionStylesForValue(position, "base");
-  const hoverStyles = getPositionStylesForValue(_hover?.position, "hover");
-  const focusStyles = getPositionStylesForValue(_focus?.position, "focus");
-  const activeStyles = getPositionStylesForValue(_active?.position, "active");
-  const disabledStyles = getPositionStylesForValue(_disabled?.position, "disabled");
+  const { _hover, _focus, _active, _disabled, ...baseProps } = props;
+  const baseStyles = getPositionStylesForState(baseProps, "base");
+  const hoverStyles = getPositionStylesForState(_hover, "hover");
+  const focusStyles = getPositionStylesForState(_focus, "focus");
+  const activeStyles = getPositionStylesForState(_active, "active");
+  const disabledStyles = getPositionStylesForState(_disabled, "disabled");
   return {
     className: clsx(
       baseStyles.className,

package/dist/components/Box/position/position.js.map

@@ -1 +1 @@
-{"version":3,"file":"position.js","sources":["../../../../src/components/Box/position/position.ts"],"sourcesContent":["import type { ResponsiveValue } from \"@/utils/breakpoints\";\nimport {\n  RESPONSIVE_KEYS,\n  STATE_CLASS_SUFFIXES,\n  type StateKey,\n  type StyleResult,\n} from \"../shared\";\nimport styles from \"./position.module.css\";\nimport clsx from \"clsx\";\n\nexport type PositionValue = \"static\" | \"relative\" | \"absolute\" | \"fixed\" | \"sticky\";\n\nexport type PositionProps = {\n  position?: ResponsiveValue<PositionValue>;\n};\n\nexport type PositionStateProps = {\n  _hover?: PositionProps;\n  _focus?: PositionProps;\n  _active?: PositionProps;\n  _disabled?: PositionProps;\n};\n\nfunction getPositionClass(\n  value: PositionValue,\n  responsiveKey: (typeof RESPONSIVE_KEYS)[number],\n  state: StateKey\n): string | undefined {\n  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];\n\n  if (responsiveKey === \"base\") {\n    return stateClassSuffix\n      ? styles[`${value}${stateClassSuffix}`]\n      : styles[value];\n  }\n\n  return stateClassSuffix\n    ? styles[`${value}_${responsiveKey}${stateClassSuffix}`]\n    : styles[`${value}_${responsiveKey}`];\n}\n\nfunction getPositionStylesForValue(\n  value: ResponsiveValue<PositionValue> | undefined,\n  state: StateKey\n): StyleResult {\n  const result: StyleResult = { className: \"\", style: {} };\n\n  if (value === undefined) return result;\n\n  if (typeof value === \"string\") {\n    const className = getPositionClass(value, \"base\", state);\n    if (className) {\n      result.className = className;\n    }\n    return result;\n  }\n\n  for (const responsiveKey of RESPONSIVE_KEYS) {\n    const positionValue = value[responsiveKey];\n    if (positionValue === undefined) continue;\n\n    const className = getPositionClass(positionValue, responsiveKey, state);\n    if (className) {\n      result.className = clsx(result.className, className);\n    }\n  }\n\n  return result;\n}\n\nexport function getPositionStyles(\n  props: PositionProps & PositionStateProps\n): StyleResult {\n  const { position, _hover, _focus, _active, _disabled } = props;\n\n  const baseStyles = getPositionStylesForValue(position, \"base\");\n  const hoverStyles = getPositionStylesForValue(_hover?.position, \"hover\");\n  const focusStyles = getPositionStylesForValue(_focus?.position, \"focus\");\n  const activeStyles = getPositionStylesForValue(_active?.position, \"active\");\n  const disabledStyles = getPositionStylesForValue(_disabled?.position, \"disabled\");\n\n  return {\n    className: clsx(\n      baseStyles.className,\n      hoverStyles.className,\n      focusStyles.className,\n      activeStyles.className,\n      disabledStyles.className\n    ),\n    style: {},\n  };\n}\n"],"names":[],"mappings":";;;AAuBA,SAAS,iBACP,OACA,eACA,OACoB;AACpB,QAAM,mBAAmB,qBAAqB,KAAK;AAEnD,MAAI,kBAAkB,QAAQ;AAC5B,WAAO,mBACH,OAAO,GAAG,KAAK,GAAG,gBAAgB,EAAE,IACpC,OAAO,KAAK;AAAA,EAClB;AAEA,SAAO,mBACH,OAAO,GAAG,KAAK,IAAI,aAAa,GAAG,gBAAgB,EAAE,IACrD,OAAO,GAAG,KAAK,IAAI,aAAa,EAAE;AACxC;AAEA,SAAS,0BACP,OACA,OACa;AACb,QAAM,SAAsB,EAAE,WAAW,IAAI,OAAO,CAAA,EAAC;AAErD,MAAI,UAAU,OAAW,QAAO;AAEhC,MAAI,OAAO,UAAU,UAAU;AAC7B,UAAM,YAAY,iBAAiB,OAAO,QAAQ,KAAK;AACvD,QAAI,WAAW;AACb,aAAO,YAAY;AAAA,IACrB;AACA,WAAO;AAAA,EACT;AAEA,aAAW,iBAAiB,iBAAiB;AAC3C,UAAM,gBAAgB,MAAM,aAAa;AACzC,QAAI,kBAAkB,OAAW;AAEjC,UAAM,YAAY,iBAAiB,eAAe,eAAe,KAAK;AACtE,QAAI,WAAW;AACb,aAAO,YAAY,KAAK,OAAO,WAAW,SAAS;AAAA,IACrD;AAAA,EACF;AAEA,SAAO;AACT;AAEO,SAAS,kBACd,OACa;AACb,QAAM,EAAE,UAAU,QAAQ,QAAQ,SAAS,cAAc;AAEzD,QAAM,aAAa,0BAA0B,UAAU,MAAM;AAC7D,QAAM,cAAc,0BAA0B,QAAQ,UAAU,OAAO;AACvE,QAAM,cAAc,0BAA0B,QAAQ,UAAU,OAAO;AACvE,QAAM,eAAe,0BAA0B,SAAS,UAAU,QAAQ;AAC1E,QAAM,iBAAiB,0BAA0B,WAAW,UAAU,UAAU;AAEhF,SAAO;AAAA,IACL,WAAW;AAAA,MACT,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,eAAe;AAAA,IAAA;AAAA,IAEjB,OAAO,CAAA;AAAA,EAAC;AAEZ;"}
+{"version":3,"file":"position.js","sources":["../../../../src/components/Box/position/position.ts"],"sourcesContent":["import type { ResponsiveValue } from \"@/utils/breakpoints\";\nimport {\n  type StateKey,\n  type StateProps,\n  type StyleResult,\n  getEnumResponsiveStyles,\n} from \"../shared\";\nimport styles from \"./position.module.css\";\nimport clsx from \"clsx\";\n\nexport type PositionValue = \"static\" | \"relative\" | \"absolute\" | \"fixed\" | \"sticky\";\n\nexport type PositionProps = {\n  position?: ResponsiveValue<PositionValue>;\n};\n\nfunction getPositionStylesForState(\n  props: PositionProps | undefined,\n  state: StateKey\n): StyleResult {\n  if (!props) return { className: \"\", style: {} };\n\n  return getEnumResponsiveStyles(styles, \"\", props.position, state);\n}\n\nexport function getPositionStyles(\n  props: PositionProps & StateProps<PositionProps>\n): StyleResult {\n  const { _hover, _focus, _active, _disabled, ...baseProps } = props;\n\n  const baseStyles = getPositionStylesForState(baseProps, \"base\");\n  const hoverStyles = getPositionStylesForState(_hover, \"hover\");\n  const focusStyles = getPositionStylesForState(_focus, \"focus\");\n  const activeStyles = getPositionStylesForState(_active, \"active\");\n  const disabledStyles = getPositionStylesForState(_disabled, \"disabled\");\n\n  return {\n    className: clsx(\n      baseStyles.className,\n      hoverStyles.className,\n      focusStyles.className,\n      activeStyles.className,\n      disabledStyles.className\n    ),\n    style: {},\n  };\n}\n"],"names":[],"mappings":";;;AAgBA,SAAS,0BACP,OACA,OACa;AACb,MAAI,CAAC,MAAO,QAAO,EAAE,WAAW,IAAI,OAAO,GAAC;AAE5C,SAAO,wBAAwB,QAAQ,IAAI,MAAM,UAAU,KAAK;AAClE;AAEO,SAAS,kBACd,OACa;AACb,QAAM,EAAE,QAAQ,QAAQ,SAAS,WAAW,GAAG,cAAc;AAE7D,QAAM,aAAa,0BAA0B,WAAW,MAAM;AAC9D,QAAM,cAAc,0BAA0B,QAAQ,OAAO;AAC7D,QAAM,cAAc,0BAA0B,QAAQ,OAAO;AAC7D,QAAM,eAAe,0BAA0B,SAAS,QAAQ;AAChE,QAAM,iBAAiB,0BAA0B,WAAW,UAAU;AAEtE,SAAO;AAAA,IACL,WAAW;AAAA,MACT,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,eAAe;AAAA,IAAA;AAAA,IAEjB,OAAO,CAAA;AAAA,EAAC;AAEZ;"}