@tosui/react 0.1.0 → 0.1.2

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

@@ -0,0 +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); }
+
+@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); }
+}
+
+@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); }
+}
+
+@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); }
+}
+
+@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); }
+}
+
+@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); }
+}
+
+/* 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); }
+
+@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); }
+}
+
+@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); }
+}
+
+@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); }
+}
+
+@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); }
+}
+
+@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); }
+}
+
+/* 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); }
+
+@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); }
+}
+
+@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); }
+}
+
+@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); }
+}
+
+@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); }
+}
+
+@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); }
+}
+
+/* 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); }
+
+@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); }
+}
+
+@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); }
+}
+
+@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); }
+}
+
+@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); }
+}
+
+@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); }
+}

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

@@ -0,0 +1,174 @@
+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 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",
+  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",
+  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",
+  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"
+};
+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
+};
+//# sourceMappingURL=padding.module.css.js.map

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

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

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

@@ -0,0 +1,52 @@
+import { RESPONSIVE_KEYS, STATE_CLASS_SUFFIXES } from "../shared/constants.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 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");
+  return {
+    className: clsx(
+      baseStyles.className,
+      hoverStyles.className,
+      focusStyles.className,
+      activeStyles.className,
+      disabledStyles.className
+    ),
+    style: {}
+  };
+}
+export {
+  getPositionStyles
+};
+//# sourceMappingURL=position.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,234 @@
+/* position: static */
+._static_1aemi_2 { position: static; }
+._static\:h_1aemi_3:hover { position: static; }
+._static\:f_1aemi_4:focus { position: static; }
+._static\:a_1aemi_5:active { position: static; }
+._static\:d_1aemi_6:disabled { position: static; }
+
+@media (min-width: 640px) {
+  ._static_sm_1aemi_9 { position: static; }
+  ._static_sm\:h_1aemi_10:hover { position: static; }
+  ._static_sm\:f_1aemi_11:focus { position: static; }
+  ._static_sm\:a_1aemi_12:active { position: static; }
+  ._static_sm\:d_1aemi_13:disabled { position: static; }
+}
+
+@media (min-width: 768px) {
+  ._static_md_1aemi_17 { position: static; }
+  ._static_md\:h_1aemi_18:hover { position: static; }
+  ._static_md\:f_1aemi_19:focus { position: static; }
+  ._static_md\:a_1aemi_20:active { position: static; }
+  ._static_md\:d_1aemi_21:disabled { position: static; }
+}
+
+@media (min-width: 1024px) {
+  ._static_lg_1aemi_25 { position: static; }
+  ._static_lg\:h_1aemi_26:hover { position: static; }
+  ._static_lg\:f_1aemi_27:focus { position: static; }
+  ._static_lg\:a_1aemi_28:active { position: static; }
+  ._static_lg\:d_1aemi_29:disabled { position: static; }
+}
+
+@media (min-width: 1280px) {
+  ._static_xl_1aemi_33 { position: static; }
+  ._static_xl\:h_1aemi_34:hover { position: static; }
+  ._static_xl\:f_1aemi_35:focus { position: static; }
+  ._static_xl\:a_1aemi_36:active { position: static; }
+  ._static_xl\:d_1aemi_37:disabled { position: static; }
+}
+
+@media (min-width: 1536px) {
+  ._static_2xl_1aemi_41 { position: static; }
+  ._static_2xl\:h_1aemi_42:hover { position: static; }
+  ._static_2xl\:f_1aemi_43:focus { position: static; }
+  ._static_2xl\:a_1aemi_44:active { position: static; }
+  ._static_2xl\:d_1aemi_45:disabled { position: static; }
+}
+
+/* position: relative */
+._relative_1aemi_49 { position: relative; }
+._relative\:h_1aemi_50:hover { position: relative; }
+._relative\:f_1aemi_51:focus { position: relative; }
+._relative\:a_1aemi_52:active { position: relative; }
+._relative\:d_1aemi_53:disabled { position: relative; }
+
+@media (min-width: 640px) {
+  ._relative_sm_1aemi_56 { position: relative; }
+  ._relative_sm\:h_1aemi_57:hover { position: relative; }
+  ._relative_sm\:f_1aemi_58:focus { position: relative; }
+  ._relative_sm\:a_1aemi_59:active { position: relative; }
+  ._relative_sm\:d_1aemi_60:disabled { position: relative; }
+}
+
+@media (min-width: 768px) {
+  ._relative_md_1aemi_64 { position: relative; }
+  ._relative_md\:h_1aemi_65:hover { position: relative; }
+  ._relative_md\:f_1aemi_66:focus { position: relative; }
+  ._relative_md\:a_1aemi_67:active { position: relative; }
+  ._relative_md\:d_1aemi_68:disabled { position: relative; }
+}
+
+@media (min-width: 1024px) {
+  ._relative_lg_1aemi_72 { position: relative; }
+  ._relative_lg\:h_1aemi_73:hover { position: relative; }
+  ._relative_lg\:f_1aemi_74:focus { position: relative; }
+  ._relative_lg\:a_1aemi_75:active { position: relative; }
+  ._relative_lg\:d_1aemi_76:disabled { position: relative; }
+}
+
+@media (min-width: 1280px) {
+  ._relative_xl_1aemi_80 { position: relative; }
+  ._relative_xl\:h_1aemi_81:hover { position: relative; }
+  ._relative_xl\:f_1aemi_82:focus { position: relative; }
+  ._relative_xl\:a_1aemi_83:active { position: relative; }
+  ._relative_xl\:d_1aemi_84:disabled { position: relative; }
+}
+
+@media (min-width: 1536px) {
+  ._relative_2xl_1aemi_88 { position: relative; }
+  ._relative_2xl\:h_1aemi_89:hover { position: relative; }
+  ._relative_2xl\:f_1aemi_90:focus { position: relative; }
+  ._relative_2xl\:a_1aemi_91:active { position: relative; }
+  ._relative_2xl\:d_1aemi_92:disabled { position: relative; }
+}
+
+/* position: absolute */
+._absolute_1aemi_96 { position: absolute; }
+._absolute\:h_1aemi_97:hover { position: absolute; }
+._absolute\:f_1aemi_98:focus { position: absolute; }
+._absolute\:a_1aemi_99:active { position: absolute; }
+._absolute\:d_1aemi_100:disabled { position: absolute; }
+
+@media (min-width: 640px) {
+  ._absolute_sm_1aemi_103 { position: absolute; }
+  ._absolute_sm\:h_1aemi_104:hover { position: absolute; }
+  ._absolute_sm\:f_1aemi_105:focus { position: absolute; }
+  ._absolute_sm\:a_1aemi_106:active { position: absolute; }
+  ._absolute_sm\:d_1aemi_107:disabled { position: absolute; }
+}
+
+@media (min-width: 768px) {
+  ._absolute_md_1aemi_111 { position: absolute; }
+  ._absolute_md\:h_1aemi_112:hover { position: absolute; }
+  ._absolute_md\:f_1aemi_113:focus { position: absolute; }
+  ._absolute_md\:a_1aemi_114:active { position: absolute; }
+  ._absolute_md\:d_1aemi_115:disabled { position: absolute; }
+}
+
+@media (min-width: 1024px) {
+  ._absolute_lg_1aemi_119 { position: absolute; }
+  ._absolute_lg\:h_1aemi_120:hover { position: absolute; }
+  ._absolute_lg\:f_1aemi_121:focus { position: absolute; }
+  ._absolute_lg\:a_1aemi_122:active { position: absolute; }
+  ._absolute_lg\:d_1aemi_123:disabled { position: absolute; }
+}
+
+@media (min-width: 1280px) {
+  ._absolute_xl_1aemi_127 { position: absolute; }
+  ._absolute_xl\:h_1aemi_128:hover { position: absolute; }
+  ._absolute_xl\:f_1aemi_129:focus { position: absolute; }
+  ._absolute_xl\:a_1aemi_130:active { position: absolute; }
+  ._absolute_xl\:d_1aemi_131:disabled { position: absolute; }
+}
+
+@media (min-width: 1536px) {
+  ._absolute_2xl_1aemi_135 { position: absolute; }
+  ._absolute_2xl\:h_1aemi_136:hover { position: absolute; }
+  ._absolute_2xl\:f_1aemi_137:focus { position: absolute; }
+  ._absolute_2xl\:a_1aemi_138:active { position: absolute; }
+  ._absolute_2xl\:d_1aemi_139:disabled { position: absolute; }
+}
+
+/* position: fixed */
+._fixed_1aemi_143 { position: fixed; }
+._fixed\:h_1aemi_144:hover { position: fixed; }
+._fixed\:f_1aemi_145:focus { position: fixed; }
+._fixed\:a_1aemi_146:active { position: fixed; }
+._fixed\:d_1aemi_147:disabled { position: fixed; }
+
+@media (min-width: 640px) {
+  ._fixed_sm_1aemi_150 { position: fixed; }
+  ._fixed_sm\:h_1aemi_151:hover { position: fixed; }
+  ._fixed_sm\:f_1aemi_152:focus { position: fixed; }
+  ._fixed_sm\:a_1aemi_153:active { position: fixed; }
+  ._fixed_sm\:d_1aemi_154:disabled { position: fixed; }
+}
+
+@media (min-width: 768px) {
+  ._fixed_md_1aemi_158 { position: fixed; }
+  ._fixed_md\:h_1aemi_159:hover { position: fixed; }
+  ._fixed_md\:f_1aemi_160:focus { position: fixed; }
+  ._fixed_md\:a_1aemi_161:active { position: fixed; }
+  ._fixed_md\:d_1aemi_162:disabled { position: fixed; }
+}
+
+@media (min-width: 1024px) {
+  ._fixed_lg_1aemi_166 { position: fixed; }
+  ._fixed_lg\:h_1aemi_167:hover { position: fixed; }
+  ._fixed_lg\:f_1aemi_168:focus { position: fixed; }
+  ._fixed_lg\:a_1aemi_169:active { position: fixed; }
+  ._fixed_lg\:d_1aemi_170:disabled { position: fixed; }
+}
+
+@media (min-width: 1280px) {
+  ._fixed_xl_1aemi_174 { position: fixed; }
+  ._fixed_xl\:h_1aemi_175:hover { position: fixed; }
+  ._fixed_xl\:f_1aemi_176:focus { position: fixed; }
+  ._fixed_xl\:a_1aemi_177:active { position: fixed; }
+  ._fixed_xl\:d_1aemi_178:disabled { position: fixed; }
+}
+
+@media (min-width: 1536px) {
+  ._fixed_2xl_1aemi_182 { position: fixed; }
+  ._fixed_2xl\:h_1aemi_183:hover { position: fixed; }
+  ._fixed_2xl\:f_1aemi_184:focus { position: fixed; }
+  ._fixed_2xl\:a_1aemi_185:active { position: fixed; }
+  ._fixed_2xl\:d_1aemi_186:disabled { position: fixed; }
+}
+
+/* position: sticky */
+._sticky_1aemi_190 { position: sticky; }
+._sticky\:h_1aemi_191:hover { position: sticky; }
+._sticky\:f_1aemi_192:focus { position: sticky; }
+._sticky\:a_1aemi_193:active { position: sticky; }
+._sticky\:d_1aemi_194:disabled { position: sticky; }
+
+@media (min-width: 640px) {
+  ._sticky_sm_1aemi_197 { position: sticky; }
+  ._sticky_sm\:h_1aemi_198:hover { position: sticky; }
+  ._sticky_sm\:f_1aemi_199:focus { position: sticky; }
+  ._sticky_sm\:a_1aemi_200:active { position: sticky; }
+  ._sticky_sm\:d_1aemi_201:disabled { position: sticky; }
+}
+
+@media (min-width: 768px) {
+  ._sticky_md_1aemi_205 { position: sticky; }
+  ._sticky_md\:h_1aemi_206:hover { position: sticky; }
+  ._sticky_md\:f_1aemi_207:focus { position: sticky; }
+  ._sticky_md\:a_1aemi_208:active { position: sticky; }
+  ._sticky_md\:d_1aemi_209:disabled { position: sticky; }
+}
+
+@media (min-width: 1024px) {
+  ._sticky_lg_1aemi_213 { position: sticky; }
+  ._sticky_lg\:h_1aemi_214:hover { position: sticky; }
+  ._sticky_lg\:f_1aemi_215:focus { position: sticky; }
+  ._sticky_lg\:a_1aemi_216:active { position: sticky; }
+  ._sticky_lg\:d_1aemi_217:disabled { position: sticky; }
+}
+
+@media (min-width: 1280px) {
+  ._sticky_xl_1aemi_221 { position: sticky; }
+  ._sticky_xl\:h_1aemi_222:hover { position: sticky; }
+  ._sticky_xl\:f_1aemi_223:focus { position: sticky; }
+  ._sticky_xl\:a_1aemi_224:active { position: sticky; }
+  ._sticky_xl\:d_1aemi_225:disabled { position: sticky; }
+}
+
+@media (min-width: 1536px) {
+  ._sticky_2xl_1aemi_229 { position: sticky; }
+  ._sticky_2xl\:h_1aemi_230:hover { position: sticky; }
+  ._sticky_2xl\:f_1aemi_231:focus { position: sticky; }
+  ._sticky_2xl\:a_1aemi_232:active { position: sticky; }
+  ._sticky_2xl\:d_1aemi_233:disabled { position: sticky; }
+}