@tosui/react 0.1.0 → 0.1.2

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

@@ -0,0 +1,214 @@
+const static_sm = "_static_sm_1aemi_9";
+const static_md = "_static_md_1aemi_17";
+const static_lg = "_static_lg_1aemi_25";
+const static_xl = "_static_xl_1aemi_33";
+const static_2xl = "_static_2xl_1aemi_41";
+const relative = "_relative_1aemi_49";
+const relative_sm = "_relative_sm_1aemi_56";
+const relative_md = "_relative_md_1aemi_64";
+const relative_lg = "_relative_lg_1aemi_72";
+const relative_xl = "_relative_xl_1aemi_80";
+const relative_2xl = "_relative_2xl_1aemi_88";
+const absolute = "_absolute_1aemi_96";
+const absolute_sm = "_absolute_sm_1aemi_103";
+const absolute_md = "_absolute_md_1aemi_111";
+const absolute_lg = "_absolute_lg_1aemi_119";
+const absolute_xl = "_absolute_xl_1aemi_127";
+const absolute_2xl = "_absolute_2xl_1aemi_135";
+const fixed = "_fixed_1aemi_143";
+const fixed_sm = "_fixed_sm_1aemi_150";
+const fixed_md = "_fixed_md_1aemi_158";
+const fixed_lg = "_fixed_lg_1aemi_166";
+const fixed_xl = "_fixed_xl_1aemi_174";
+const fixed_2xl = "_fixed_2xl_1aemi_182";
+const sticky = "_sticky_1aemi_190";
+const sticky_sm = "_sticky_sm_1aemi_197";
+const sticky_md = "_sticky_md_1aemi_205";
+const sticky_lg = "_sticky_lg_1aemi_213";
+const sticky_xl = "_sticky_xl_1aemi_221";
+const sticky_2xl = "_sticky_2xl_1aemi_229";
+const styles = {
+  "static": "_static_1aemi_2",
+  "static:h": "_static:h_1aemi_3",
+  "static:f": "_static:f_1aemi_4",
+  "static:a": "_static:a_1aemi_5",
+  "static:d": "_static:d_1aemi_6",
+  static_sm,
+  "static_sm:h": "_static_sm:h_1aemi_10",
+  "static_sm:f": "_static_sm:f_1aemi_11",
+  "static_sm:a": "_static_sm:a_1aemi_12",
+  "static_sm:d": "_static_sm:d_1aemi_13",
+  static_md,
+  "static_md:h": "_static_md:h_1aemi_18",
+  "static_md:f": "_static_md:f_1aemi_19",
+  "static_md:a": "_static_md:a_1aemi_20",
+  "static_md:d": "_static_md:d_1aemi_21",
+  static_lg,
+  "static_lg:h": "_static_lg:h_1aemi_26",
+  "static_lg:f": "_static_lg:f_1aemi_27",
+  "static_lg:a": "_static_lg:a_1aemi_28",
+  "static_lg:d": "_static_lg:d_1aemi_29",
+  static_xl,
+  "static_xl:h": "_static_xl:h_1aemi_34",
+  "static_xl:f": "_static_xl:f_1aemi_35",
+  "static_xl:a": "_static_xl:a_1aemi_36",
+  "static_xl:d": "_static_xl:d_1aemi_37",
+  static_2xl,
+  "static_2xl:h": "_static_2xl:h_1aemi_42",
+  "static_2xl:f": "_static_2xl:f_1aemi_43",
+  "static_2xl:a": "_static_2xl:a_1aemi_44",
+  "static_2xl:d": "_static_2xl:d_1aemi_45",
+  relative,
+  "relative:h": "_relative:h_1aemi_50",
+  "relative:f": "_relative:f_1aemi_51",
+  "relative:a": "_relative:a_1aemi_52",
+  "relative:d": "_relative:d_1aemi_53",
+  relative_sm,
+  "relative_sm:h": "_relative_sm:h_1aemi_57",
+  "relative_sm:f": "_relative_sm:f_1aemi_58",
+  "relative_sm:a": "_relative_sm:a_1aemi_59",
+  "relative_sm:d": "_relative_sm:d_1aemi_60",
+  relative_md,
+  "relative_md:h": "_relative_md:h_1aemi_65",
+  "relative_md:f": "_relative_md:f_1aemi_66",
+  "relative_md:a": "_relative_md:a_1aemi_67",
+  "relative_md:d": "_relative_md:d_1aemi_68",
+  relative_lg,
+  "relative_lg:h": "_relative_lg:h_1aemi_73",
+  "relative_lg:f": "_relative_lg:f_1aemi_74",
+  "relative_lg:a": "_relative_lg:a_1aemi_75",
+  "relative_lg:d": "_relative_lg:d_1aemi_76",
+  relative_xl,
+  "relative_xl:h": "_relative_xl:h_1aemi_81",
+  "relative_xl:f": "_relative_xl:f_1aemi_82",
+  "relative_xl:a": "_relative_xl:a_1aemi_83",
+  "relative_xl:d": "_relative_xl:d_1aemi_84",
+  relative_2xl,
+  "relative_2xl:h": "_relative_2xl:h_1aemi_89",
+  "relative_2xl:f": "_relative_2xl:f_1aemi_90",
+  "relative_2xl:a": "_relative_2xl:a_1aemi_91",
+  "relative_2xl:d": "_relative_2xl:d_1aemi_92",
+  absolute,
+  "absolute:h": "_absolute:h_1aemi_97",
+  "absolute:f": "_absolute:f_1aemi_98",
+  "absolute:a": "_absolute:a_1aemi_99",
+  "absolute:d": "_absolute:d_1aemi_100",
+  absolute_sm,
+  "absolute_sm:h": "_absolute_sm:h_1aemi_104",
+  "absolute_sm:f": "_absolute_sm:f_1aemi_105",
+  "absolute_sm:a": "_absolute_sm:a_1aemi_106",
+  "absolute_sm:d": "_absolute_sm:d_1aemi_107",
+  absolute_md,
+  "absolute_md:h": "_absolute_md:h_1aemi_112",
+  "absolute_md:f": "_absolute_md:f_1aemi_113",
+  "absolute_md:a": "_absolute_md:a_1aemi_114",
+  "absolute_md:d": "_absolute_md:d_1aemi_115",
+  absolute_lg,
+  "absolute_lg:h": "_absolute_lg:h_1aemi_120",
+  "absolute_lg:f": "_absolute_lg:f_1aemi_121",
+  "absolute_lg:a": "_absolute_lg:a_1aemi_122",
+  "absolute_lg:d": "_absolute_lg:d_1aemi_123",
+  absolute_xl,
+  "absolute_xl:h": "_absolute_xl:h_1aemi_128",
+  "absolute_xl:f": "_absolute_xl:f_1aemi_129",
+  "absolute_xl:a": "_absolute_xl:a_1aemi_130",
+  "absolute_xl:d": "_absolute_xl:d_1aemi_131",
+  absolute_2xl,
+  "absolute_2xl:h": "_absolute_2xl:h_1aemi_136",
+  "absolute_2xl:f": "_absolute_2xl:f_1aemi_137",
+  "absolute_2xl:a": "_absolute_2xl:a_1aemi_138",
+  "absolute_2xl:d": "_absolute_2xl:d_1aemi_139",
+  fixed,
+  "fixed:h": "_fixed:h_1aemi_144",
+  "fixed:f": "_fixed:f_1aemi_145",
+  "fixed:a": "_fixed:a_1aemi_146",
+  "fixed:d": "_fixed:d_1aemi_147",
+  fixed_sm,
+  "fixed_sm:h": "_fixed_sm:h_1aemi_151",
+  "fixed_sm:f": "_fixed_sm:f_1aemi_152",
+  "fixed_sm:a": "_fixed_sm:a_1aemi_153",
+  "fixed_sm:d": "_fixed_sm:d_1aemi_154",
+  fixed_md,
+  "fixed_md:h": "_fixed_md:h_1aemi_159",
+  "fixed_md:f": "_fixed_md:f_1aemi_160",
+  "fixed_md:a": "_fixed_md:a_1aemi_161",
+  "fixed_md:d": "_fixed_md:d_1aemi_162",
+  fixed_lg,
+  "fixed_lg:h": "_fixed_lg:h_1aemi_167",
+  "fixed_lg:f": "_fixed_lg:f_1aemi_168",
+  "fixed_lg:a": "_fixed_lg:a_1aemi_169",
+  "fixed_lg:d": "_fixed_lg:d_1aemi_170",
+  fixed_xl,
+  "fixed_xl:h": "_fixed_xl:h_1aemi_175",
+  "fixed_xl:f": "_fixed_xl:f_1aemi_176",
+  "fixed_xl:a": "_fixed_xl:a_1aemi_177",
+  "fixed_xl:d": "_fixed_xl:d_1aemi_178",
+  fixed_2xl,
+  "fixed_2xl:h": "_fixed_2xl:h_1aemi_183",
+  "fixed_2xl:f": "_fixed_2xl:f_1aemi_184",
+  "fixed_2xl:a": "_fixed_2xl:a_1aemi_185",
+  "fixed_2xl:d": "_fixed_2xl:d_1aemi_186",
+  sticky,
+  "sticky:h": "_sticky:h_1aemi_191",
+  "sticky:f": "_sticky:f_1aemi_192",
+  "sticky:a": "_sticky:a_1aemi_193",
+  "sticky:d": "_sticky:d_1aemi_194",
+  sticky_sm,
+  "sticky_sm:h": "_sticky_sm:h_1aemi_198",
+  "sticky_sm:f": "_sticky_sm:f_1aemi_199",
+  "sticky_sm:a": "_sticky_sm:a_1aemi_200",
+  "sticky_sm:d": "_sticky_sm:d_1aemi_201",
+  sticky_md,
+  "sticky_md:h": "_sticky_md:h_1aemi_206",
+  "sticky_md:f": "_sticky_md:f_1aemi_207",
+  "sticky_md:a": "_sticky_md:a_1aemi_208",
+  "sticky_md:d": "_sticky_md:d_1aemi_209",
+  sticky_lg,
+  "sticky_lg:h": "_sticky_lg:h_1aemi_214",
+  "sticky_lg:f": "_sticky_lg:f_1aemi_215",
+  "sticky_lg:a": "_sticky_lg:a_1aemi_216",
+  "sticky_lg:d": "_sticky_lg:d_1aemi_217",
+  sticky_xl,
+  "sticky_xl:h": "_sticky_xl:h_1aemi_222",
+  "sticky_xl:f": "_sticky_xl:f_1aemi_223",
+  "sticky_xl:a": "_sticky_xl:a_1aemi_224",
+  "sticky_xl:d": "_sticky_xl:d_1aemi_225",
+  sticky_2xl,
+  "sticky_2xl:h": "_sticky_2xl:h_1aemi_230",
+  "sticky_2xl:f": "_sticky_2xl:f_1aemi_231",
+  "sticky_2xl:a": "_sticky_2xl:a_1aemi_232",
+  "sticky_2xl:d": "_sticky_2xl:d_1aemi_233"
+};
+export {
+  absolute,
+  absolute_2xl,
+  absolute_lg,
+  absolute_md,
+  absolute_sm,
+  absolute_xl,
+  styles as default,
+  fixed,
+  fixed_2xl,
+  fixed_lg,
+  fixed_md,
+  fixed_sm,
+  fixed_xl,
+  relative,
+  relative_2xl,
+  relative_lg,
+  relative_md,
+  relative_sm,
+  relative_xl,
+  static_2xl,
+  static_lg,
+  static_md,
+  static_sm,
+  static_xl,
+  sticky,
+  sticky_2xl,
+  sticky_lg,
+  sticky_md,
+  sticky_sm,
+  sticky_xl
+};
+//# sourceMappingURL=position.module.css.js.map

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

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

package/dist/components/Box/reset/reset.js

@@ -0,0 +1,6 @@
+import styles from "./reset.module.css.js";
+const resetClass = styles.reset;
+export {
+  resetClass
+};
+//# sourceMappingURL=reset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"reset.js","sources":["../../../../src/components/Box/reset/reset.ts"],"sourcesContent":["import styles from \"./reset.module.css\";\n\nexport const resetClass = styles.reset;\n"],"names":[],"mappings":";AAEO,MAAM,aAAa,OAAO;"}

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

@@ -0,0 +1,23 @@
+._reset_cdeq8_1 {
+  -webkit-tap-highlight-color: transparent;
+  margin: 0;
+  padding: 0;
+  border-style: solid;
+  border-width: 0;
+  text-decoration: none;
+  appearance: none;
+  background-color: transparent;
+  box-sizing: border-box;
+  color: inherit;
+  font-family: var(--t-font-family-body);
+  font-size: var(--t-font-size-md);
+  font-weight: var(--t-font-weight-normal);
+  line-height: var(--t-line-height-normal);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  ._reset_cdeq8_1 {
+    animation-duration: 0.01ms !important;
+    transition-duration: 0.01ms !important;
+  }
+}

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

@@ -0,0 +1,9 @@
+const reset = "_reset_cdeq8_1";
+const styles = {
+  reset
+};
+export {
+  styles as default,
+  reset
+};
+//# sourceMappingURL=reset.module.css.js.map

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

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

package/dist/components/Box/roundness/roundness.js

@@ -0,0 +1,92 @@
+import { STATE_CLASS_SUFFIXES } from "../shared/constants.js";
+import styles from "./roundness.module.css.js";
+import clsx from "clsx";
+function getRoundedTopLeftClass(value, state) {
+  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];
+  return stateClassSuffix ? styles[`rounded-tl-${value}${stateClassSuffix}`] : styles[`rounded-tl-${value}`];
+}
+function getRoundedTopRightClass(value, state) {
+  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];
+  return stateClassSuffix ? styles[`rounded-tr-${value}${stateClassSuffix}`] : styles[`rounded-tr-${value}`];
+}
+function getRoundedBottomRightClass(value, state) {
+  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];
+  return stateClassSuffix ? styles[`rounded-br-${value}${stateClassSuffix}`] : styles[`rounded-br-${value}`];
+}
+function getRoundedBottomLeftClass(value, state) {
+  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];
+  return stateClassSuffix ? styles[`rounded-bl-${value}${stateClassSuffix}`] : styles[`rounded-bl-${value}`];
+}
+function getRoundnessStylesForState(props, state) {
+  if (!props) return { className: "", style: {} };
+  const {
+    rounded,
+    roundedTop,
+    roundedBottom,
+    roundedLeft,
+    roundedRight,
+    roundedTopLeft,
+    roundedTopRight,
+    roundedBottomLeft,
+    roundedBottomRight
+  } = props;
+  const classes = [];
+  const topLeft = roundedTopLeft ?? roundedTop ?? roundedLeft ?? rounded;
+  const topRight = roundedTopRight ?? roundedTop ?? roundedRight ?? rounded;
+  const bottomRight = roundedBottomRight ?? roundedBottom ?? roundedRight ?? rounded;
+  const bottomLeft = roundedBottomLeft ?? roundedBottom ?? roundedLeft ?? rounded;
+  if (topLeft) {
+    const cls = getRoundedTopLeftClass(topLeft, state);
+    if (cls) classes.push(cls);
+  }
+  if (topRight) {
+    const cls = getRoundedTopRightClass(topRight, state);
+    if (cls) classes.push(cls);
+  }
+  if (bottomRight) {
+    const cls = getRoundedBottomRightClass(bottomRight, state);
+    if (cls) classes.push(cls);
+  }
+  if (bottomLeft) {
+    const cls = getRoundedBottomLeftClass(bottomLeft, state);
+    if (cls) classes.push(cls);
+  }
+  return { className: clsx(...classes), style: {} };
+}
+function getRoundnessStyles(props) {
+  const {
+    rounded,
+    roundedTop,
+    roundedBottom,
+    roundedLeft,
+    roundedRight,
+    roundedTopLeft,
+    roundedTopRight,
+    roundedBottomLeft,
+    roundedBottomRight,
+    _hover
+  } = props;
+  const baseStyles = getRoundnessStylesForState(
+    {
+      rounded,
+      roundedTop,
+      roundedBottom,
+      roundedLeft,
+      roundedRight,
+      roundedTopLeft,
+      roundedTopRight,
+      roundedBottomLeft,
+      roundedBottomRight
+    },
+    "base"
+  );
+  const hoverStyles = getRoundnessStylesForState(_hover, "hover");
+  return {
+    className: clsx(baseStyles.className, hoverStyles.className),
+    style: {}
+  };
+}
+export {
+  getRoundnessStyles
+};
+//# sourceMappingURL=roundness.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"roundness.js","sources":["../../../../src/components/Box/roundness/roundness.ts"],"sourcesContent":["import {\n  STATE_CLASS_SUFFIXES,\n  type StateKey,\n  type StyleResult,\n} from \"../shared\";\nimport styles from \"./roundness.module.css\";\nimport clsx from \"clsx\";\n\nexport type RoundedValue = \"none\" | \"sm\" | \"md\" | \"lg\" | \"full\";\n\nexport type RoundnessProps = {\n  rounded?: RoundedValue;\n  roundedTop?: RoundedValue;\n  roundedBottom?: RoundedValue;\n  roundedLeft?: RoundedValue;\n  roundedRight?: RoundedValue;\n  roundedTopLeft?: RoundedValue;\n  roundedTopRight?: RoundedValue;\n  roundedBottomLeft?: RoundedValue;\n  roundedBottomRight?: RoundedValue;\n};\n\nexport type RoundnessStateProps = {\n  _hover?: RoundnessProps;\n};\n\nfunction getRoundedTopLeftClass(value: RoundedValue, state: StateKey): string | undefined {\n  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];\n  return stateClassSuffix\n    ? styles[`rounded-tl-${value}${stateClassSuffix}`]\n    : styles[`rounded-tl-${value}`];\n}\n\nfunction getRoundedTopRightClass(value: RoundedValue, state: StateKey): string | undefined {\n  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];\n  return stateClassSuffix\n    ? styles[`rounded-tr-${value}${stateClassSuffix}`]\n    : styles[`rounded-tr-${value}`];\n}\n\nfunction getRoundedBottomRightClass(value: RoundedValue, state: StateKey): string | undefined {\n  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];\n  return stateClassSuffix\n    ? styles[`rounded-br-${value}${stateClassSuffix}`]\n    : styles[`rounded-br-${value}`];\n}\n\nfunction getRoundedBottomLeftClass(value: RoundedValue, state: StateKey): string | undefined {\n  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];\n  return stateClassSuffix\n    ? styles[`rounded-bl-${value}${stateClassSuffix}`]\n    : styles[`rounded-bl-${value}`];\n}\n\nfunction getRoundnessStylesForState(\n  props: RoundnessProps | undefined,\n  state: StateKey\n): StyleResult {\n  if (!props) return { className: \"\", style: {} };\n\n  const {\n    rounded,\n    roundedTop,\n    roundedBottom,\n    roundedLeft,\n    roundedRight,\n    roundedTopLeft,\n    roundedTopRight,\n    roundedBottomLeft,\n    roundedBottomRight,\n  } = props;\n\n  const classes: string[] = [];\n\n  // Cascading specificity: individual corner > side > all\n  const topLeft = roundedTopLeft ?? roundedTop ?? roundedLeft ?? rounded;\n  const topRight = roundedTopRight ?? roundedTop ?? roundedRight ?? rounded;\n  const bottomRight = roundedBottomRight ?? roundedBottom ?? roundedRight ?? rounded;\n  const bottomLeft = roundedBottomLeft ?? roundedBottom ?? roundedLeft ?? rounded;\n\n  if (topLeft) {\n    const cls = getRoundedTopLeftClass(topLeft, state);\n    if (cls) classes.push(cls);\n  }\n\n  if (topRight) {\n    const cls = getRoundedTopRightClass(topRight, state);\n    if (cls) classes.push(cls);\n  }\n\n  if (bottomRight) {\n    const cls = getRoundedBottomRightClass(bottomRight, state);\n    if (cls) classes.push(cls);\n  }\n\n  if (bottomLeft) {\n    const cls = getRoundedBottomLeftClass(bottomLeft, state);\n    if (cls) classes.push(cls);\n  }\n\n  return { className: clsx(...classes), style: {} };\n}\n\nexport function getRoundnessStyles(\n  props: RoundnessProps & RoundnessStateProps\n): StyleResult {\n  const {\n    rounded,\n    roundedTop,\n    roundedBottom,\n    roundedLeft,\n    roundedRight,\n    roundedTopLeft,\n    roundedTopRight,\n    roundedBottomLeft,\n    roundedBottomRight,\n    _hover,\n  } = props;\n\n  const baseStyles = getRoundnessStylesForState(\n    {\n      rounded,\n      roundedTop,\n      roundedBottom,\n      roundedLeft,\n      roundedRight,\n      roundedTopLeft,\n      roundedTopRight,\n      roundedBottomLeft,\n      roundedBottomRight,\n    },\n    \"base\"\n  );\n  const hoverStyles = getRoundnessStylesForState(_hover, \"hover\");\n\n  return {\n    className: clsx(baseStyles.className, hoverStyles.className),\n    style: {},\n  };\n}\n"],"names":[],"mappings":";;;AA0BA,SAAS,uBAAuB,OAAqB,OAAqC;AACxF,QAAM,mBAAmB,qBAAqB,KAAK;AACnD,SAAO,mBACH,OAAO,cAAc,KAAK,GAAG,gBAAgB,EAAE,IAC/C,OAAO,cAAc,KAAK,EAAE;AAClC;AAEA,SAAS,wBAAwB,OAAqB,OAAqC;AACzF,QAAM,mBAAmB,qBAAqB,KAAK;AACnD,SAAO,mBACH,OAAO,cAAc,KAAK,GAAG,gBAAgB,EAAE,IAC/C,OAAO,cAAc,KAAK,EAAE;AAClC;AAEA,SAAS,2BAA2B,OAAqB,OAAqC;AAC5F,QAAM,mBAAmB,qBAAqB,KAAK;AACnD,SAAO,mBACH,OAAO,cAAc,KAAK,GAAG,gBAAgB,EAAE,IAC/C,OAAO,cAAc,KAAK,EAAE;AAClC;AAEA,SAAS,0BAA0B,OAAqB,OAAqC;AAC3F,QAAM,mBAAmB,qBAAqB,KAAK;AACnD,SAAO,mBACH,OAAO,cAAc,KAAK,GAAG,gBAAgB,EAAE,IAC/C,OAAO,cAAc,KAAK,EAAE;AAClC;AAEA,SAAS,2BACP,OACA,OACa;AACb,MAAI,CAAC,MAAO,QAAO,EAAE,WAAW,IAAI,OAAO,GAAC;AAE5C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAEJ,QAAM,UAAoB,CAAA;AAG1B,QAAM,UAAU,kBAAkB,cAAc,eAAe;AAC/D,QAAM,WAAW,mBAAmB,cAAc,gBAAgB;AAClE,QAAM,cAAc,sBAAsB,iBAAiB,gBAAgB;AAC3E,QAAM,aAAa,qBAAqB,iBAAiB,eAAe;AAExE,MAAI,SAAS;AACX,UAAM,MAAM,uBAAuB,SAAS,KAAK;AACjD,QAAI,IAAK,SAAQ,KAAK,GAAG;AAAA,EAC3B;AAEA,MAAI,UAAU;AACZ,UAAM,MAAM,wBAAwB,UAAU,KAAK;AACnD,QAAI,IAAK,SAAQ,KAAK,GAAG;AAAA,EAC3B;AAEA,MAAI,aAAa;AACf,UAAM,MAAM,2BAA2B,aAAa,KAAK;AACzD,QAAI,IAAK,SAAQ,KAAK,GAAG;AAAA,EAC3B;AAEA,MAAI,YAAY;AACd,UAAM,MAAM,0BAA0B,YAAY,KAAK;AACvD,QAAI,IAAK,SAAQ,KAAK,GAAG;AAAA,EAC3B;AAEA,SAAO,EAAE,WAAW,KAAK,GAAG,OAAO,GAAG,OAAO,GAAC;AAChD;AAEO,SAAS,mBACd,OACa;AACb,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAEJ,QAAM,aAAa;AAAA,IACjB;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF;AAAA,EAAA;AAEF,QAAM,cAAc,2BAA2B,QAAQ,OAAO;AAE9D,SAAO;AAAA,IACL,WAAW,KAAK,WAAW,WAAW,YAAY,SAAS;AAAA,IAC3D,OAAO,CAAA;AAAA,EAAC;AAEZ;"}

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

@@ -0,0 +1,47 @@
+/* borderTopLeftRadius */
+._rounded-tl-none_7hkse_2 { border-top-left-radius: var(--t-radius-none); }
+._rounded-tl-none\:h_7hkse_3:hover { border-top-left-radius: var(--t-radius-none); }
+._rounded-tl-sm_7hkse_4 { border-top-left-radius: var(--t-radius-sm); }
+._rounded-tl-sm\:h_7hkse_5:hover { border-top-left-radius: var(--t-radius-sm); }
+._rounded-tl-md_7hkse_6 { border-top-left-radius: var(--t-radius-md); }
+._rounded-tl-md\:h_7hkse_7:hover { border-top-left-radius: var(--t-radius-md); }
+._rounded-tl-lg_7hkse_8 { border-top-left-radius: var(--t-radius-lg); }
+._rounded-tl-lg\:h_7hkse_9:hover { border-top-left-radius: var(--t-radius-lg); }
+._rounded-tl-full_7hkse_10 { border-top-left-radius: var(--t-radius-full); }
+._rounded-tl-full\:h_7hkse_11:hover { border-top-left-radius: var(--t-radius-full); }
+
+/* borderTopRightRadius */
+._rounded-tr-none_7hkse_14 { border-top-right-radius: var(--t-radius-none); }
+._rounded-tr-none\:h_7hkse_15:hover { border-top-right-radius: var(--t-radius-none); }
+._rounded-tr-sm_7hkse_16 { border-top-right-radius: var(--t-radius-sm); }
+._rounded-tr-sm\:h_7hkse_17:hover { border-top-right-radius: var(--t-radius-sm); }
+._rounded-tr-md_7hkse_18 { border-top-right-radius: var(--t-radius-md); }
+._rounded-tr-md\:h_7hkse_19:hover { border-top-right-radius: var(--t-radius-md); }
+._rounded-tr-lg_7hkse_20 { border-top-right-radius: var(--t-radius-lg); }
+._rounded-tr-lg\:h_7hkse_21:hover { border-top-right-radius: var(--t-radius-lg); }
+._rounded-tr-full_7hkse_22 { border-top-right-radius: var(--t-radius-full); }
+._rounded-tr-full\:h_7hkse_23:hover { border-top-right-radius: var(--t-radius-full); }
+
+/* borderBottomRightRadius */
+._rounded-br-none_7hkse_26 { border-bottom-right-radius: var(--t-radius-none); }
+._rounded-br-none\:h_7hkse_27:hover { border-bottom-right-radius: var(--t-radius-none); }
+._rounded-br-sm_7hkse_28 { border-bottom-right-radius: var(--t-radius-sm); }
+._rounded-br-sm\:h_7hkse_29:hover { border-bottom-right-radius: var(--t-radius-sm); }
+._rounded-br-md_7hkse_30 { border-bottom-right-radius: var(--t-radius-md); }
+._rounded-br-md\:h_7hkse_31:hover { border-bottom-right-radius: var(--t-radius-md); }
+._rounded-br-lg_7hkse_32 { border-bottom-right-radius: var(--t-radius-lg); }
+._rounded-br-lg\:h_7hkse_33:hover { border-bottom-right-radius: var(--t-radius-lg); }
+._rounded-br-full_7hkse_34 { border-bottom-right-radius: var(--t-radius-full); }
+._rounded-br-full\:h_7hkse_35:hover { border-bottom-right-radius: var(--t-radius-full); }
+
+/* borderBottomLeftRadius */
+._rounded-bl-none_7hkse_38 { border-bottom-left-radius: var(--t-radius-none); }
+._rounded-bl-none\:h_7hkse_39:hover { border-bottom-left-radius: var(--t-radius-none); }
+._rounded-bl-sm_7hkse_40 { border-bottom-left-radius: var(--t-radius-sm); }
+._rounded-bl-sm\:h_7hkse_41:hover { border-bottom-left-radius: var(--t-radius-sm); }
+._rounded-bl-md_7hkse_42 { border-bottom-left-radius: var(--t-radius-md); }
+._rounded-bl-md\:h_7hkse_43:hover { border-bottom-left-radius: var(--t-radius-md); }
+._rounded-bl-lg_7hkse_44 { border-bottom-left-radius: var(--t-radius-lg); }
+._rounded-bl-lg\:h_7hkse_45:hover { border-bottom-left-radius: var(--t-radius-lg); }
+._rounded-bl-full_7hkse_46 { border-bottom-left-radius: var(--t-radius-full); }
+._rounded-bl-full\:h_7hkse_47:hover { border-bottom-left-radius: var(--t-radius-full); }

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

@@ -0,0 +1,46 @@
+const styles = {
+  "rounded-tl-none": "_rounded-tl-none_7hkse_2",
+  "rounded-tl-none:h": "_rounded-tl-none:h_7hkse_3",
+  "rounded-tl-sm": "_rounded-tl-sm_7hkse_4",
+  "rounded-tl-sm:h": "_rounded-tl-sm:h_7hkse_5",
+  "rounded-tl-md": "_rounded-tl-md_7hkse_6",
+  "rounded-tl-md:h": "_rounded-tl-md:h_7hkse_7",
+  "rounded-tl-lg": "_rounded-tl-lg_7hkse_8",
+  "rounded-tl-lg:h": "_rounded-tl-lg:h_7hkse_9",
+  "rounded-tl-full": "_rounded-tl-full_7hkse_10",
+  "rounded-tl-full:h": "_rounded-tl-full:h_7hkse_11",
+  "rounded-tr-none": "_rounded-tr-none_7hkse_14",
+  "rounded-tr-none:h": "_rounded-tr-none:h_7hkse_15",
+  "rounded-tr-sm": "_rounded-tr-sm_7hkse_16",
+  "rounded-tr-sm:h": "_rounded-tr-sm:h_7hkse_17",
+  "rounded-tr-md": "_rounded-tr-md_7hkse_18",
+  "rounded-tr-md:h": "_rounded-tr-md:h_7hkse_19",
+  "rounded-tr-lg": "_rounded-tr-lg_7hkse_20",
+  "rounded-tr-lg:h": "_rounded-tr-lg:h_7hkse_21",
+  "rounded-tr-full": "_rounded-tr-full_7hkse_22",
+  "rounded-tr-full:h": "_rounded-tr-full:h_7hkse_23",
+  "rounded-br-none": "_rounded-br-none_7hkse_26",
+  "rounded-br-none:h": "_rounded-br-none:h_7hkse_27",
+  "rounded-br-sm": "_rounded-br-sm_7hkse_28",
+  "rounded-br-sm:h": "_rounded-br-sm:h_7hkse_29",
+  "rounded-br-md": "_rounded-br-md_7hkse_30",
+  "rounded-br-md:h": "_rounded-br-md:h_7hkse_31",
+  "rounded-br-lg": "_rounded-br-lg_7hkse_32",
+  "rounded-br-lg:h": "_rounded-br-lg:h_7hkse_33",
+  "rounded-br-full": "_rounded-br-full_7hkse_34",
+  "rounded-br-full:h": "_rounded-br-full:h_7hkse_35",
+  "rounded-bl-none": "_rounded-bl-none_7hkse_38",
+  "rounded-bl-none:h": "_rounded-bl-none:h_7hkse_39",
+  "rounded-bl-sm": "_rounded-bl-sm_7hkse_40",
+  "rounded-bl-sm:h": "_rounded-bl-sm:h_7hkse_41",
+  "rounded-bl-md": "_rounded-bl-md_7hkse_42",
+  "rounded-bl-md:h": "_rounded-bl-md:h_7hkse_43",
+  "rounded-bl-lg": "_rounded-bl-lg_7hkse_44",
+  "rounded-bl-lg:h": "_rounded-bl-lg:h_7hkse_45",
+  "rounded-bl-full": "_rounded-bl-full_7hkse_46",
+  "rounded-bl-full:h": "_rounded-bl-full:h_7hkse_47"
+};
+export {
+  styles as default
+};
+//# sourceMappingURL=roundness.module.css.js.map

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

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

package/dist/components/Box/shadows/shadows.js

@@ -0,0 +1,52 @@
+import { RESPONSIVE_KEYS, STATE_CLASS_SUFFIXES } from "../shared/constants.js";
+import styles from "./shadows.module.css.js";
+import clsx from "clsx";
+function getShadowClass(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 getShadowStylesForValue(value, state) {
+  const result = { className: "", style: {} };
+  if (value === void 0) return result;
+  if (typeof value === "string") {
+    const className = getShadowClass(value, "base", state);
+    if (className) {
+      result.className = className;
+    }
+    return result;
+  }
+  for (const responsiveKey of RESPONSIVE_KEYS) {
+    const shadowValue = value[responsiveKey];
+    if (shadowValue === void 0) continue;
+    const className = getShadowClass(shadowValue, responsiveKey, state);
+    if (className) {
+      result.className = clsx(result.className, className);
+    }
+  }
+  return result;
+}
+function getShadowStyles(props) {
+  const { shadow, _hover, _focus, _active, _disabled } = props;
+  const baseStyles = getShadowStylesForValue(shadow, "base");
+  const hoverStyles = getShadowStylesForValue(_hover?.shadow, "hover");
+  const focusStyles = getShadowStylesForValue(_focus?.shadow, "focus");
+  const activeStyles = getShadowStylesForValue(_active?.shadow, "active");
+  const disabledStyles = getShadowStylesForValue(_disabled?.shadow, "disabled");
+  return {
+    className: clsx(
+      baseStyles.className,
+      hoverStyles.className,
+      focusStyles.className,
+      activeStyles.className,
+      disabledStyles.className
+    ),
+    style: {}
+  };
+}
+export {
+  getShadowStyles
+};
+//# sourceMappingURL=shadows.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.js","sources":["../../../../src/components/Box/shadows/shadows.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 \"./shadows.module.css\";\nimport clsx from \"clsx\";\n\nexport type ShadowValue = \"none\" | \"sm\" | \"md\" | \"lg\";\n\nexport type ShadowProps = {\n  shadow?: ResponsiveValue<ShadowValue>;\n};\n\nexport type ShadowStateProps = {\n  _hover?: ShadowProps;\n  _focus?: ShadowProps;\n  _active?: ShadowProps;\n  _disabled?: ShadowProps;\n};\n\nfunction getShadowClass(\n  value: ShadowValue,\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 getShadowStylesForValue(\n  value: ResponsiveValue<ShadowValue> | 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 = getShadowClass(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 shadowValue = value[responsiveKey];\n    if (shadowValue === undefined) continue;\n\n    const className = getShadowClass(shadowValue, responsiveKey, state);\n    if (className) {\n      result.className = clsx(result.className, className);\n    }\n  }\n\n  return result;\n}\n\nexport function getShadowStyles(\n  props: ShadowProps & ShadowStateProps\n): StyleResult {\n  const { shadow, _hover, _focus, _active, _disabled } = props;\n\n  const baseStyles = getShadowStylesForValue(shadow, \"base\");\n  const hoverStyles = getShadowStylesForValue(_hover?.shadow, \"hover\");\n  const focusStyles = getShadowStylesForValue(_focus?.shadow, \"focus\");\n  const activeStyles = getShadowStylesForValue(_active?.shadow, \"active\");\n  const disabledStyles = getShadowStylesForValue(_disabled?.shadow, \"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,eACP,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,wBACP,OACA,OACa;AACb,QAAM,SAAsB,EAAE,WAAW,IAAI,OAAO,CAAA,EAAC;AAErD,MAAI,UAAU,OAAW,QAAO;AAEhC,MAAI,OAAO,UAAU,UAAU;AAC7B,UAAM,YAAY,eAAe,OAAO,QAAQ,KAAK;AACrD,QAAI,WAAW;AACb,aAAO,YAAY;AAAA,IACrB;AACA,WAAO;AAAA,EACT;AAEA,aAAW,iBAAiB,iBAAiB;AAC3C,UAAM,cAAc,MAAM,aAAa;AACvC,QAAI,gBAAgB,OAAW;AAE/B,UAAM,YAAY,eAAe,aAAa,eAAe,KAAK;AAClE,QAAI,WAAW;AACb,aAAO,YAAY,KAAK,OAAO,WAAW,SAAS;AAAA,IACrD;AAAA,EACF;AAEA,SAAO;AACT;AAEO,SAAS,gBACd,OACa;AACb,QAAM,EAAE,QAAQ,QAAQ,QAAQ,SAAS,cAAc;AAEvD,QAAM,aAAa,wBAAwB,QAAQ,MAAM;AACzD,QAAM,cAAc,wBAAwB,QAAQ,QAAQ,OAAO;AACnE,QAAM,cAAc,wBAAwB,QAAQ,QAAQ,OAAO;AACnE,QAAM,eAAe,wBAAwB,SAAS,QAAQ,QAAQ;AACtE,QAAM,iBAAiB,wBAAwB,WAAW,QAAQ,UAAU;AAE5E,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/shadows/shadows.module.css

@@ -0,0 +1,51 @@
+/* shadow: none */
+._none_1qpf1_2 { box-shadow: none; }
+._none\:h_1qpf1_3:hover { box-shadow: none; }
+._none\:f_1qpf1_4:focus { box-shadow: none; }
+._none\:a_1qpf1_5:active { box-shadow: none; }
+._none\:d_1qpf1_6:disabled { box-shadow: none; }
+
+@media (min-width: 640px) { ._none_sm_1qpf1_8 { box-shadow: none; } ._none_sm\:h_1qpf1_8:hover { box-shadow: none; } ._none_sm\:f_1qpf1_8:focus { box-shadow: none; } ._none_sm\:a_1qpf1_8:active { box-shadow: none; } ._none_sm\:d_1qpf1_8:disabled { box-shadow: none; } }
+@media (min-width: 768px) { ._none_md_1qpf1_9 { box-shadow: none; } ._none_md\:h_1qpf1_9:hover { box-shadow: none; } ._none_md\:f_1qpf1_9:focus { box-shadow: none; } ._none_md\:a_1qpf1_9:active { box-shadow: none; } ._none_md\:d_1qpf1_9:disabled { box-shadow: none; } }
+@media (min-width: 1024px) { ._none_lg_1qpf1_10 { box-shadow: none; } ._none_lg\:h_1qpf1_10:hover { box-shadow: none; } ._none_lg\:f_1qpf1_10:focus { box-shadow: none; } ._none_lg\:a_1qpf1_10:active { box-shadow: none; } ._none_lg\:d_1qpf1_10:disabled { box-shadow: none; } }
+@media (min-width: 1280px) { ._none_xl_1qpf1_11 { box-shadow: none; } ._none_xl\:h_1qpf1_11:hover { box-shadow: none; } ._none_xl\:f_1qpf1_11:focus { box-shadow: none; } ._none_xl\:a_1qpf1_11:active { box-shadow: none; } ._none_xl\:d_1qpf1_11:disabled { box-shadow: none; } }
+@media (min-width: 1536px) { ._none_2xl_1qpf1_12 { box-shadow: none; } ._none_2xl\:h_1qpf1_12:hover { box-shadow: none; } ._none_2xl\:f_1qpf1_12:focus { box-shadow: none; } ._none_2xl\:a_1qpf1_12:active { box-shadow: none; } ._none_2xl\:d_1qpf1_12:disabled { box-shadow: none; } }
+
+/* shadow: sm */
+._sm_1qpf1_15 { box-shadow: var(--t-shadow-sm); }
+._sm\:h_1qpf1_16:hover { box-shadow: var(--t-shadow-sm); }
+._sm\:f_1qpf1_17:focus { box-shadow: var(--t-shadow-sm); }
+._sm\:a_1qpf1_18:active { box-shadow: var(--t-shadow-sm); }
+._sm\:d_1qpf1_19:disabled { box-shadow: var(--t-shadow-sm); }
+
+@media (min-width: 640px) { ._sm_sm_1qpf1_21 { box-shadow: var(--t-shadow-sm); } ._sm_sm\:h_1qpf1_21:hover { box-shadow: var(--t-shadow-sm); } ._sm_sm\:f_1qpf1_21:focus { box-shadow: var(--t-shadow-sm); } ._sm_sm\:a_1qpf1_21:active { box-shadow: var(--t-shadow-sm); } ._sm_sm\:d_1qpf1_21:disabled { box-shadow: var(--t-shadow-sm); } }
+@media (min-width: 768px) { ._sm_md_1qpf1_22 { box-shadow: var(--t-shadow-sm); } ._sm_md\:h_1qpf1_22:hover { box-shadow: var(--t-shadow-sm); } ._sm_md\:f_1qpf1_22:focus { box-shadow: var(--t-shadow-sm); } ._sm_md\:a_1qpf1_22:active { box-shadow: var(--t-shadow-sm); } ._sm_md\:d_1qpf1_22:disabled { box-shadow: var(--t-shadow-sm); } }
+@media (min-width: 1024px) { ._sm_lg_1qpf1_23 { box-shadow: var(--t-shadow-sm); } ._sm_lg\:h_1qpf1_23:hover { box-shadow: var(--t-shadow-sm); } ._sm_lg\:f_1qpf1_23:focus { box-shadow: var(--t-shadow-sm); } ._sm_lg\:a_1qpf1_23:active { box-shadow: var(--t-shadow-sm); } ._sm_lg\:d_1qpf1_23:disabled { box-shadow: var(--t-shadow-sm); } }
+@media (min-width: 1280px) { ._sm_xl_1qpf1_24 { box-shadow: var(--t-shadow-sm); } ._sm_xl\:h_1qpf1_24:hover { box-shadow: var(--t-shadow-sm); } ._sm_xl\:f_1qpf1_24:focus { box-shadow: var(--t-shadow-sm); } ._sm_xl\:a_1qpf1_24:active { box-shadow: var(--t-shadow-sm); } ._sm_xl\:d_1qpf1_24:disabled { box-shadow: var(--t-shadow-sm); } }
+@media (min-width: 1536px) { ._sm_2xl_1qpf1_25 { box-shadow: var(--t-shadow-sm); } ._sm_2xl\:h_1qpf1_25:hover { box-shadow: var(--t-shadow-sm); } ._sm_2xl\:f_1qpf1_25:focus { box-shadow: var(--t-shadow-sm); } ._sm_2xl\:a_1qpf1_25:active { box-shadow: var(--t-shadow-sm); } ._sm_2xl\:d_1qpf1_25:disabled { box-shadow: var(--t-shadow-sm); } }
+
+/* shadow: md */
+._md_1qpf1_28 { box-shadow: var(--t-shadow-md); }
+._md\:h_1qpf1_29:hover { box-shadow: var(--t-shadow-md); }
+._md\:f_1qpf1_30:focus { box-shadow: var(--t-shadow-md); }
+._md\:a_1qpf1_31:active { box-shadow: var(--t-shadow-md); }
+._md\:d_1qpf1_32:disabled { box-shadow: var(--t-shadow-md); }
+
+@media (min-width: 640px) { ._md_sm_1qpf1_34 { box-shadow: var(--t-shadow-md); } ._md_sm\:h_1qpf1_34:hover { box-shadow: var(--t-shadow-md); } ._md_sm\:f_1qpf1_34:focus { box-shadow: var(--t-shadow-md); } ._md_sm\:a_1qpf1_34:active { box-shadow: var(--t-shadow-md); } ._md_sm\:d_1qpf1_34:disabled { box-shadow: var(--t-shadow-md); } }
+@media (min-width: 768px) { ._md_md_1qpf1_35 { box-shadow: var(--t-shadow-md); } ._md_md\:h_1qpf1_35:hover { box-shadow: var(--t-shadow-md); } ._md_md\:f_1qpf1_35:focus { box-shadow: var(--t-shadow-md); } ._md_md\:a_1qpf1_35:active { box-shadow: var(--t-shadow-md); } ._md_md\:d_1qpf1_35:disabled { box-shadow: var(--t-shadow-md); } }
+@media (min-width: 1024px) { ._md_lg_1qpf1_36 { box-shadow: var(--t-shadow-md); } ._md_lg\:h_1qpf1_36:hover { box-shadow: var(--t-shadow-md); } ._md_lg\:f_1qpf1_36:focus { box-shadow: var(--t-shadow-md); } ._md_lg\:a_1qpf1_36:active { box-shadow: var(--t-shadow-md); } ._md_lg\:d_1qpf1_36:disabled { box-shadow: var(--t-shadow-md); } }
+@media (min-width: 1280px) { ._md_xl_1qpf1_37 { box-shadow: var(--t-shadow-md); } ._md_xl\:h_1qpf1_37:hover { box-shadow: var(--t-shadow-md); } ._md_xl\:f_1qpf1_37:focus { box-shadow: var(--t-shadow-md); } ._md_xl\:a_1qpf1_37:active { box-shadow: var(--t-shadow-md); } ._md_xl\:d_1qpf1_37:disabled { box-shadow: var(--t-shadow-md); } }
+@media (min-width: 1536px) { ._md_2xl_1qpf1_38 { box-shadow: var(--t-shadow-md); } ._md_2xl\:h_1qpf1_38:hover { box-shadow: var(--t-shadow-md); } ._md_2xl\:f_1qpf1_38:focus { box-shadow: var(--t-shadow-md); } ._md_2xl\:a_1qpf1_38:active { box-shadow: var(--t-shadow-md); } ._md_2xl\:d_1qpf1_38:disabled { box-shadow: var(--t-shadow-md); } }
+
+/* shadow: lg */
+._lg_1qpf1_41 { box-shadow: var(--t-shadow-lg); }
+._lg\:h_1qpf1_42:hover { box-shadow: var(--t-shadow-lg); }
+._lg\:f_1qpf1_43:focus { box-shadow: var(--t-shadow-lg); }
+._lg\:a_1qpf1_44:active { box-shadow: var(--t-shadow-lg); }
+._lg\:d_1qpf1_45:disabled { box-shadow: var(--t-shadow-lg); }
+
+@media (min-width: 640px) { ._lg_sm_1qpf1_47 { box-shadow: var(--t-shadow-lg); } ._lg_sm\:h_1qpf1_47:hover { box-shadow: var(--t-shadow-lg); } ._lg_sm\:f_1qpf1_47:focus { box-shadow: var(--t-shadow-lg); } ._lg_sm\:a_1qpf1_47:active { box-shadow: var(--t-shadow-lg); } ._lg_sm\:d_1qpf1_47:disabled { box-shadow: var(--t-shadow-lg); } }
+@media (min-width: 768px) { ._lg_md_1qpf1_48 { box-shadow: var(--t-shadow-lg); } ._lg_md\:h_1qpf1_48:hover { box-shadow: var(--t-shadow-lg); } ._lg_md\:f_1qpf1_48:focus { box-shadow: var(--t-shadow-lg); } ._lg_md\:a_1qpf1_48:active { box-shadow: var(--t-shadow-lg); } ._lg_md\:d_1qpf1_48:disabled { box-shadow: var(--t-shadow-lg); } }
+@media (min-width: 1024px) { ._lg_lg_1qpf1_49 { box-shadow: var(--t-shadow-lg); } ._lg_lg\:h_1qpf1_49:hover { box-shadow: var(--t-shadow-lg); } ._lg_lg\:f_1qpf1_49:focus { box-shadow: var(--t-shadow-lg); } ._lg_lg\:a_1qpf1_49:active { box-shadow: var(--t-shadow-lg); } ._lg_lg\:d_1qpf1_49:disabled { box-shadow: var(--t-shadow-lg); } }
+@media (min-width: 1280px) { ._lg_xl_1qpf1_50 { box-shadow: var(--t-shadow-lg); } ._lg_xl\:h_1qpf1_50:hover { box-shadow: var(--t-shadow-lg); } ._lg_xl\:f_1qpf1_50:focus { box-shadow: var(--t-shadow-lg); } ._lg_xl\:a_1qpf1_50:active { box-shadow: var(--t-shadow-lg); } ._lg_xl\:d_1qpf1_50:disabled { box-shadow: var(--t-shadow-lg); } }
+@media (min-width: 1536px) { ._lg_2xl_1qpf1_51 { box-shadow: var(--t-shadow-lg); } ._lg_2xl\:h_1qpf1_51:hover { box-shadow: var(--t-shadow-lg); } ._lg_2xl\:f_1qpf1_51:focus { box-shadow: var(--t-shadow-lg); } ._lg_2xl\:a_1qpf1_51:active { box-shadow: var(--t-shadow-lg); } ._lg_2xl\:d_1qpf1_51:disabled { box-shadow: var(--t-shadow-lg); } }