@tosui/react 0.1.0 → 0.1.2

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

@@ -0,0 +1,174 @@
+const none = "_none_1qpf1_2";
+const none_sm = "_none_sm_1qpf1_8";
+const none_md = "_none_md_1qpf1_9";
+const none_lg = "_none_lg_1qpf1_10";
+const none_xl = "_none_xl_1qpf1_11";
+const none_2xl = "_none_2xl_1qpf1_12";
+const sm = "_sm_1qpf1_15";
+const sm_sm = "_sm_sm_1qpf1_21";
+const sm_md = "_sm_md_1qpf1_22";
+const sm_lg = "_sm_lg_1qpf1_23";
+const sm_xl = "_sm_xl_1qpf1_24";
+const sm_2xl = "_sm_2xl_1qpf1_25";
+const md = "_md_1qpf1_28";
+const md_sm = "_md_sm_1qpf1_34";
+const md_md = "_md_md_1qpf1_35";
+const md_lg = "_md_lg_1qpf1_36";
+const md_xl = "_md_xl_1qpf1_37";
+const md_2xl = "_md_2xl_1qpf1_38";
+const lg = "_lg_1qpf1_41";
+const lg_sm = "_lg_sm_1qpf1_47";
+const lg_md = "_lg_md_1qpf1_48";
+const lg_lg = "_lg_lg_1qpf1_49";
+const lg_xl = "_lg_xl_1qpf1_50";
+const lg_2xl = "_lg_2xl_1qpf1_51";
+const styles = {
+  none,
+  "none:h": "_none:h_1qpf1_3",
+  "none:f": "_none:f_1qpf1_4",
+  "none:a": "_none:a_1qpf1_5",
+  "none:d": "_none:d_1qpf1_6",
+  none_sm,
+  "none_sm:h": "_none_sm:h_1qpf1_8",
+  "none_sm:f": "_none_sm:f_1qpf1_8",
+  "none_sm:a": "_none_sm:a_1qpf1_8",
+  "none_sm:d": "_none_sm:d_1qpf1_8",
+  none_md,
+  "none_md:h": "_none_md:h_1qpf1_9",
+  "none_md:f": "_none_md:f_1qpf1_9",
+  "none_md:a": "_none_md:a_1qpf1_9",
+  "none_md:d": "_none_md:d_1qpf1_9",
+  none_lg,
+  "none_lg:h": "_none_lg:h_1qpf1_10",
+  "none_lg:f": "_none_lg:f_1qpf1_10",
+  "none_lg:a": "_none_lg:a_1qpf1_10",
+  "none_lg:d": "_none_lg:d_1qpf1_10",
+  none_xl,
+  "none_xl:h": "_none_xl:h_1qpf1_11",
+  "none_xl:f": "_none_xl:f_1qpf1_11",
+  "none_xl:a": "_none_xl:a_1qpf1_11",
+  "none_xl:d": "_none_xl:d_1qpf1_11",
+  none_2xl,
+  "none_2xl:h": "_none_2xl:h_1qpf1_12",
+  "none_2xl:f": "_none_2xl:f_1qpf1_12",
+  "none_2xl:a": "_none_2xl:a_1qpf1_12",
+  "none_2xl:d": "_none_2xl:d_1qpf1_12",
+  sm,
+  "sm:h": "_sm:h_1qpf1_16",
+  "sm:f": "_sm:f_1qpf1_17",
+  "sm:a": "_sm:a_1qpf1_18",
+  "sm:d": "_sm:d_1qpf1_19",
+  sm_sm,
+  "sm_sm:h": "_sm_sm:h_1qpf1_21",
+  "sm_sm:f": "_sm_sm:f_1qpf1_21",
+  "sm_sm:a": "_sm_sm:a_1qpf1_21",
+  "sm_sm:d": "_sm_sm:d_1qpf1_21",
+  sm_md,
+  "sm_md:h": "_sm_md:h_1qpf1_22",
+  "sm_md:f": "_sm_md:f_1qpf1_22",
+  "sm_md:a": "_sm_md:a_1qpf1_22",
+  "sm_md:d": "_sm_md:d_1qpf1_22",
+  sm_lg,
+  "sm_lg:h": "_sm_lg:h_1qpf1_23",
+  "sm_lg:f": "_sm_lg:f_1qpf1_23",
+  "sm_lg:a": "_sm_lg:a_1qpf1_23",
+  "sm_lg:d": "_sm_lg:d_1qpf1_23",
+  sm_xl,
+  "sm_xl:h": "_sm_xl:h_1qpf1_24",
+  "sm_xl:f": "_sm_xl:f_1qpf1_24",
+  "sm_xl:a": "_sm_xl:a_1qpf1_24",
+  "sm_xl:d": "_sm_xl:d_1qpf1_24",
+  sm_2xl,
+  "sm_2xl:h": "_sm_2xl:h_1qpf1_25",
+  "sm_2xl:f": "_sm_2xl:f_1qpf1_25",
+  "sm_2xl:a": "_sm_2xl:a_1qpf1_25",
+  "sm_2xl:d": "_sm_2xl:d_1qpf1_25",
+  md,
+  "md:h": "_md:h_1qpf1_29",
+  "md:f": "_md:f_1qpf1_30",
+  "md:a": "_md:a_1qpf1_31",
+  "md:d": "_md:d_1qpf1_32",
+  md_sm,
+  "md_sm:h": "_md_sm:h_1qpf1_34",
+  "md_sm:f": "_md_sm:f_1qpf1_34",
+  "md_sm:a": "_md_sm:a_1qpf1_34",
+  "md_sm:d": "_md_sm:d_1qpf1_34",
+  md_md,
+  "md_md:h": "_md_md:h_1qpf1_35",
+  "md_md:f": "_md_md:f_1qpf1_35",
+  "md_md:a": "_md_md:a_1qpf1_35",
+  "md_md:d": "_md_md:d_1qpf1_35",
+  md_lg,
+  "md_lg:h": "_md_lg:h_1qpf1_36",
+  "md_lg:f": "_md_lg:f_1qpf1_36",
+  "md_lg:a": "_md_lg:a_1qpf1_36",
+  "md_lg:d": "_md_lg:d_1qpf1_36",
+  md_xl,
+  "md_xl:h": "_md_xl:h_1qpf1_37",
+  "md_xl:f": "_md_xl:f_1qpf1_37",
+  "md_xl:a": "_md_xl:a_1qpf1_37",
+  "md_xl:d": "_md_xl:d_1qpf1_37",
+  md_2xl,
+  "md_2xl:h": "_md_2xl:h_1qpf1_38",
+  "md_2xl:f": "_md_2xl:f_1qpf1_38",
+  "md_2xl:a": "_md_2xl:a_1qpf1_38",
+  "md_2xl:d": "_md_2xl:d_1qpf1_38",
+  lg,
+  "lg:h": "_lg:h_1qpf1_42",
+  "lg:f": "_lg:f_1qpf1_43",
+  "lg:a": "_lg:a_1qpf1_44",
+  "lg:d": "_lg:d_1qpf1_45",
+  lg_sm,
+  "lg_sm:h": "_lg_sm:h_1qpf1_47",
+  "lg_sm:f": "_lg_sm:f_1qpf1_47",
+  "lg_sm:a": "_lg_sm:a_1qpf1_47",
+  "lg_sm:d": "_lg_sm:d_1qpf1_47",
+  lg_md,
+  "lg_md:h": "_lg_md:h_1qpf1_48",
+  "lg_md:f": "_lg_md:f_1qpf1_48",
+  "lg_md:a": "_lg_md:a_1qpf1_48",
+  "lg_md:d": "_lg_md:d_1qpf1_48",
+  lg_lg,
+  "lg_lg:h": "_lg_lg:h_1qpf1_49",
+  "lg_lg:f": "_lg_lg:f_1qpf1_49",
+  "lg_lg:a": "_lg_lg:a_1qpf1_49",
+  "lg_lg:d": "_lg_lg:d_1qpf1_49",
+  lg_xl,
+  "lg_xl:h": "_lg_xl:h_1qpf1_50",
+  "lg_xl:f": "_lg_xl:f_1qpf1_50",
+  "lg_xl:a": "_lg_xl:a_1qpf1_50",
+  "lg_xl:d": "_lg_xl:d_1qpf1_50",
+  lg_2xl,
+  "lg_2xl:h": "_lg_2xl:h_1qpf1_51",
+  "lg_2xl:f": "_lg_2xl:f_1qpf1_51",
+  "lg_2xl:a": "_lg_2xl:a_1qpf1_51",
+  "lg_2xl:d": "_lg_2xl:d_1qpf1_51"
+};
+export {
+  styles as default,
+  lg,
+  lg_2xl,
+  lg_lg,
+  lg_md,
+  lg_sm,
+  lg_xl,
+  md,
+  md_2xl,
+  md_lg,
+  md_md,
+  md_sm,
+  md_xl,
+  none,
+  none_2xl,
+  none_lg,
+  none_md,
+  none_sm,
+  none_xl,
+  sm,
+  sm_2xl,
+  sm_lg,
+  sm_md,
+  sm_sm,
+  sm_xl
+};
+//# sourceMappingURL=shadows.module.css.js.map

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

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

package/dist/components/Box/shared/constants.js

@@ -0,0 +1,21 @@
+const RESPONSIVE_KEYS = ["base", "sm", "md", "lg", "xl", "2xl"];
+const STATE_SUFFIXES = {
+  base: "",
+  hover: "-h",
+  focus: "-f",
+  active: "-a",
+  disabled: "-d"
+};
+const STATE_CLASS_SUFFIXES = {
+  base: "",
+  hover: ":h",
+  focus: ":f",
+  active: ":a",
+  disabled: ":d"
+};
+export {
+  RESPONSIVE_KEYS,
+  STATE_CLASS_SUFFIXES,
+  STATE_SUFFIXES
+};
+//# sourceMappingURL=constants.js.map

package/dist/components/Box/shared/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/Box/shared/constants.ts"],"sourcesContent":["export const RESPONSIVE_KEYS = [\"base\", \"sm\", \"md\", \"lg\", \"xl\", \"2xl\"] as const;\n\nexport const STATE_SUFFIXES = {\n  base: \"\",\n  hover: \"-h\",\n  focus: \"-f\",\n  active: \"-a\",\n  disabled: \"-d\",\n} as const;\n\nexport const STATE_CLASS_SUFFIXES = {\n  base: \"\",\n  hover: \":h\",\n  focus: \":f\",\n  active: \":a\",\n  disabled: \":d\",\n} as const;\n"],"names":[],"mappings":"AAAO,MAAM,kBAAkB,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM,KAAK;AAE9D,MAAM,iBAAiB;AAAA,EAC5B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AACZ;AAEO,MAAM,uBAAuB;AAAA,EAClC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AACZ;"}

package/dist/components/Box/shared/spacing.js

@@ -0,0 +1,10 @@
+function getRawValue(value) {
+  if (value === void 0) return void 0;
+  if (typeof value === "string") return value;
+  if (value === 0) return "0";
+  return `calc(var(--t-spacing-unit) * ${value})`;
+}
+export {
+  getRawValue
+};
+//# sourceMappingURL=spacing.js.map

package/dist/components/Box/shared/spacing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.js","sources":["../../../../src/components/Box/shared/spacing.ts"],"sourcesContent":["/**\n * Converts a spacing value to a CSS value string.\n * Used by margin, padding, and sizing style helpers.\n *\n * - Numbers are multiplied by the spacing unit (4px)\n * - Strings are passed through as-is (for custom values like \"100%\")\n * - 0 returns \"0\" (no unit needed)\n */\nexport function getRawValue(value?: string | number): string | undefined {\n  if (value === undefined) return undefined;\n  if (typeof value === \"string\") return value;\n  if (value === 0) return \"0\";\n  return `calc(var(--t-spacing-unit) * ${value})`;\n}\n"],"names":[],"mappings":"AAQO,SAAS,YAAY,OAA6C;AACvE,MAAI,UAAU,OAAW,QAAO;AAChC,MAAI,OAAO,UAAU,SAAU,QAAO;AACtC,MAAI,UAAU,EAAG,QAAO;AACxB,SAAO,gCAAgC,KAAK;AAC9C;"}

package/dist/components/Box/sizing/sizing.js

@@ -0,0 +1,75 @@
+import { STATE_SUFFIXES, STATE_CLASS_SUFFIXES, RESPONSIVE_KEYS } from "../shared/constants.js";
+import { getRawValue } from "../shared/spacing.js";
+import styles from "./sizing.module.css.js";
+import clsx from "clsx";
+function getSizingProp(key, value, state = "base") {
+  const result = { className: "", style: {} };
+  if (value === void 0) return result;
+  const stateSuffix = STATE_SUFFIXES[state];
+  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];
+  if (typeof value !== "object") {
+    const rawValue = getRawValue(value);
+    if (rawValue !== void 0) {
+      const className = stateClassSuffix ? styles[`${key}${stateClassSuffix}`] : styles[key];
+      result.className = className || "";
+      result.style[`--t-${key}${stateSuffix}`] = rawValue;
+    }
+    return result;
+  }
+  for (const responsiveKey of RESPONSIVE_KEYS) {
+    const rawValue = getRawValue(value[responsiveKey]);
+    if (rawValue === void 0) continue;
+    let className;
+    let varName;
+    if (responsiveKey === "base") {
+      className = stateClassSuffix ? styles[`${key}${stateClassSuffix}`] : styles[key];
+      varName = `--t-${key}${stateSuffix}`;
+    } else {
+      className = stateClassSuffix ? styles[`${key}_${responsiveKey}${stateClassSuffix}`] : styles[`${key}_${responsiveKey}`];
+      varName = `--t-${key}_${responsiveKey}${stateSuffix}`;
+    }
+    if (className) {
+      result.className = clsx(result.className, className);
+    }
+    result.style[varName] = rawValue;
+  }
+  return result;
+}
+function getSizingStylesForState(props, state) {
+  const result = { className: "", style: {} };
+  if (!props) return result;
+  const keys = ["w", "h", "minW", "maxW", "minH", "maxH"];
+  const results = keys.map((key) => getSizingProp(key, props[key], state));
+  return {
+    className: clsx(...results.map((r) => r.className)),
+    style: Object.assign({}, ...results.map((r) => r.style))
+  };
+}
+function getSizingStyles(props) {
+  const { _hover, _focus, _active, _disabled, ...baseProps } = props;
+  const baseStyles = getSizingStylesForState(baseProps, "base");
+  const hoverStyles = getSizingStylesForState(_hover, "hover");
+  const focusStyles = getSizingStylesForState(_focus, "focus");
+  const activeStyles = getSizingStylesForState(_active, "active");
+  const disabledStyles = getSizingStylesForState(_disabled, "disabled");
+  return {
+    className: clsx(
+      baseStyles.className,
+      hoverStyles.className,
+      focusStyles.className,
+      activeStyles.className,
+      disabledStyles.className
+    ),
+    style: {
+      ...baseStyles.style,
+      ...hoverStyles.style,
+      ...focusStyles.style,
+      ...activeStyles.style,
+      ...disabledStyles.style
+    }
+  };
+}
+export {
+  getSizingStyles
+};
+//# sourceMappingURL=sizing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sizing.js","sources":["../../../../src/components/Box/sizing/sizing.ts"],"sourcesContent":["import type { ResponsiveValue } from \"@/utils/breakpoints\";\nimport {\n  RESPONSIVE_KEYS,\n  STATE_SUFFIXES,\n  STATE_CLASS_SUFFIXES,\n  type StateKey,\n  type StyleResult,\n  getRawValue,\n} from \"../shared\";\nimport styles from \"./sizing.module.css\";\nimport clsx from \"clsx\";\n\ntype SizingValue = string | number;\ntype SizingKey = \"w\" | \"h\" | \"minW\" | \"maxW\" | \"minH\" | \"maxH\";\n\nexport type SizingProps = {\n  w?: ResponsiveValue<SizingValue>;\n  h?: ResponsiveValue<SizingValue>;\n  minW?: ResponsiveValue<SizingValue>;\n  maxW?: ResponsiveValue<SizingValue>;\n  minH?: ResponsiveValue<SizingValue>;\n  maxH?: ResponsiveValue<SizingValue>;\n};\n\nexport type SizingStateProps = {\n  _hover?: SizingProps;\n  _focus?: SizingProps;\n  _active?: SizingProps;\n  _disabled?: SizingProps;\n};\n\nfunction getSizingProp(\n  key: SizingKey,\n  value: ResponsiveValue<SizingValue> | undefined,\n  state: StateKey = \"base\"\n): StyleResult {\n  const result: StyleResult = { className: \"\", style: {} };\n\n  if (value === undefined) return result;\n\n  const stateSuffix = STATE_SUFFIXES[state];\n  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];\n\n  if (typeof value !== \"object\") {\n    const rawValue = getRawValue(value);\n    if (rawValue !== undefined) {\n      const className = stateClassSuffix\n        ? styles[`${key}${stateClassSuffix}`]\n        : styles[key];\n      result.className = className || \"\";\n      result.style[`--t-${key}${stateSuffix}`] = rawValue;\n    }\n    return result;\n  }\n\n  for (const responsiveKey of RESPONSIVE_KEYS) {\n    const rawValue = getRawValue(value[responsiveKey]);\n    if (rawValue === undefined) continue;\n\n    let className: string | undefined;\n    let varName: string;\n\n    if (responsiveKey === \"base\") {\n      className = stateClassSuffix\n        ? styles[`${key}${stateClassSuffix}`]\n        : styles[key];\n      varName = `--t-${key}${stateSuffix}`;\n    } else {\n      className = stateClassSuffix\n        ? styles[`${key}_${responsiveKey}${stateClassSuffix}`]\n        : styles[`${key}_${responsiveKey}`];\n      varName = `--t-${key}_${responsiveKey}${stateSuffix}`;\n    }\n\n    if (className) {\n      result.className = clsx(result.className, className);\n    }\n    result.style[varName] = rawValue;\n  }\n\n  return result;\n}\n\nfunction getSizingStylesForState(\n  props: SizingProps | undefined,\n  state: StateKey\n): StyleResult {\n  const result: StyleResult = { className: \"\", style: {} };\n\n  if (!props) return result;\n\n  const keys: SizingKey[] = [\"w\", \"h\", \"minW\", \"maxW\", \"minH\", \"maxH\"];\n  const results = keys.map((key) => getSizingProp(key, props[key], state));\n\n  return {\n    className: clsx(...results.map((r) => r.className)),\n    style: Object.assign({}, ...results.map((r) => r.style)),\n  };\n}\n\nexport function getSizingStyles(\n  props: SizingProps & SizingStateProps\n): StyleResult {\n  const { _hover, _focus, _active, _disabled, ...baseProps } = props;\n\n  const baseStyles = getSizingStylesForState(baseProps, \"base\");\n  const hoverStyles = getSizingStylesForState(_hover, \"hover\");\n  const focusStyles = getSizingStylesForState(_focus, \"focus\");\n  const activeStyles = getSizingStylesForState(_active, \"active\");\n  const disabledStyles = getSizingStylesForState(_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      ...baseStyles.style,\n      ...hoverStyles.style,\n      ...focusStyles.style,\n      ...activeStyles.style,\n      ...disabledStyles.style,\n    },\n  };\n}\n"],"names":[],"mappings":";;;;AA+BA,SAAS,cACP,KACA,OACA,QAAkB,QACL;AACb,QAAM,SAAsB,EAAE,WAAW,IAAI,OAAO,CAAA,EAAC;AAErD,MAAI,UAAU,OAAW,QAAO;AAEhC,QAAM,cAAc,eAAe,KAAK;AACxC,QAAM,mBAAmB,qBAAqB,KAAK;AAEnD,MAAI,OAAO,UAAU,UAAU;AAC7B,UAAM,WAAW,YAAY,KAAK;AAClC,QAAI,aAAa,QAAW;AAC1B,YAAM,YAAY,mBACd,OAAO,GAAG,GAAG,GAAG,gBAAgB,EAAE,IAClC,OAAO,GAAG;AACd,aAAO,YAAY,aAAa;AAChC,aAAO,MAAM,OAAO,GAAG,GAAG,WAAW,EAAE,IAAI;AAAA,IAC7C;AACA,WAAO;AAAA,EACT;AAEA,aAAW,iBAAiB,iBAAiB;AAC3C,UAAM,WAAW,YAAY,MAAM,aAAa,CAAC;AACjD,QAAI,aAAa,OAAW;AAE5B,QAAI;AACJ,QAAI;AAEJ,QAAI,kBAAkB,QAAQ;AAC5B,kBAAY,mBACR,OAAO,GAAG,GAAG,GAAG,gBAAgB,EAAE,IAClC,OAAO,GAAG;AACd,gBAAU,OAAO,GAAG,GAAG,WAAW;AAAA,IACpC,OAAO;AACL,kBAAY,mBACR,OAAO,GAAG,GAAG,IAAI,aAAa,GAAG,gBAAgB,EAAE,IACnD,OAAO,GAAG,GAAG,IAAI,aAAa,EAAE;AACpC,gBAAU,OAAO,GAAG,IAAI,aAAa,GAAG,WAAW;AAAA,IACrD;AAEA,QAAI,WAAW;AACb,aAAO,YAAY,KAAK,OAAO,WAAW,SAAS;AAAA,IACrD;AACA,WAAO,MAAM,OAAO,IAAI;AAAA,EAC1B;AAEA,SAAO;AACT;AAEA,SAAS,wBACP,OACA,OACa;AACb,QAAM,SAAsB,EAAE,WAAW,IAAI,OAAO,CAAA,EAAC;AAErD,MAAI,CAAC,MAAO,QAAO;AAEnB,QAAM,OAAoB,CAAC,KAAK,KAAK,QAAQ,QAAQ,QAAQ,MAAM;AACnE,QAAM,UAAU,KAAK,IAAI,CAAC,QAAQ,cAAc,KAAK,MAAM,GAAG,GAAG,KAAK,CAAC;AAEvE,SAAO;AAAA,IACL,WAAW,KAAK,GAAG,QAAQ,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC;AAAA,IAClD,OAAO,OAAO,OAAO,IAAI,GAAG,QAAQ,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC;AAAA,EAAA;AAE3D;AAEO,SAAS,gBACd,OACa;AACb,QAAM,EAAE,QAAQ,QAAQ,SAAS,WAAW,GAAG,cAAc;AAE7D,QAAM,aAAa,wBAAwB,WAAW,MAAM;AAC5D,QAAM,cAAc,wBAAwB,QAAQ,OAAO;AAC3D,QAAM,cAAc,wBAAwB,QAAQ,OAAO;AAC3D,QAAM,eAAe,wBAAwB,SAAS,QAAQ;AAC9D,QAAM,iBAAiB,wBAAwB,WAAW,UAAU;AAEpE,SAAO;AAAA,IACL,WAAW;AAAA,MACT,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,eAAe;AAAA,IAAA;AAAA,IAEjB,OAAO;AAAA,MACL,GAAG,WAAW;AAAA,MACd,GAAG,YAAY;AAAA,MACf,GAAG,YAAY;AAAA,MACf,GAAG,aAAa;AAAA,MAChB,GAAG,eAAe;AAAA,IAAA;AAAA,EACpB;AAEJ;"}

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

@@ -0,0 +1,281 @@
+/* width */
+._w_1v7lp_2 { width: var(--t-w); }
+._w\:h_1v7lp_3:hover { width: var(--t-w-h); }
+._w\:f_1v7lp_4:focus { width: var(--t-w-f); }
+._w\:a_1v7lp_5:active { width: var(--t-w-a); }
+._w\:d_1v7lp_6:disabled { width: var(--t-w-d); }
+
+@media (min-width: 640px) {
+  ._w_sm_1v7lp_9 { width: var(--t-w_sm); }
+  ._w_sm\:h_1v7lp_10:hover { width: var(--t-w_sm-h); }
+  ._w_sm\:f_1v7lp_11:focus { width: var(--t-w_sm-f); }
+  ._w_sm\:a_1v7lp_12:active { width: var(--t-w_sm-a); }
+  ._w_sm\:d_1v7lp_13:disabled { width: var(--t-w_sm-d); }
+}
+
+@media (min-width: 768px) {
+  ._w_md_1v7lp_17 { width: var(--t-w_md); }
+  ._w_md\:h_1v7lp_18:hover { width: var(--t-w_md-h); }
+  ._w_md\:f_1v7lp_19:focus { width: var(--t-w_md-f); }
+  ._w_md\:a_1v7lp_20:active { width: var(--t-w_md-a); }
+  ._w_md\:d_1v7lp_21:disabled { width: var(--t-w_md-d); }
+}
+
+@media (min-width: 1024px) {
+  ._w_lg_1v7lp_25 { width: var(--t-w_lg); }
+  ._w_lg\:h_1v7lp_26:hover { width: var(--t-w_lg-h); }
+  ._w_lg\:f_1v7lp_27:focus { width: var(--t-w_lg-f); }
+  ._w_lg\:a_1v7lp_28:active { width: var(--t-w_lg-a); }
+  ._w_lg\:d_1v7lp_29:disabled { width: var(--t-w_lg-d); }
+}
+
+@media (min-width: 1280px) {
+  ._w_xl_1v7lp_33 { width: var(--t-w_xl); }
+  ._w_xl\:h_1v7lp_34:hover { width: var(--t-w_xl-h); }
+  ._w_xl\:f_1v7lp_35:focus { width: var(--t-w_xl-f); }
+  ._w_xl\:a_1v7lp_36:active { width: var(--t-w_xl-a); }
+  ._w_xl\:d_1v7lp_37:disabled { width: var(--t-w_xl-d); }
+}
+
+@media (min-width: 1536px) {
+  ._w_2xl_1v7lp_41 { width: var(--t-w_2xl); }
+  ._w_2xl\:h_1v7lp_42:hover { width: var(--t-w_2xl-h); }
+  ._w_2xl\:f_1v7lp_43:focus { width: var(--t-w_2xl-f); }
+  ._w_2xl\:a_1v7lp_44:active { width: var(--t-w_2xl-a); }
+  ._w_2xl\:d_1v7lp_45:disabled { width: var(--t-w_2xl-d); }
+}
+
+/* height */
+._h_1v7lp_49 { height: var(--t-h); }
+._h\:h_1v7lp_50:hover { height: var(--t-h-h); }
+._h\:f_1v7lp_51:focus { height: var(--t-h-f); }
+._h\:a_1v7lp_52:active { height: var(--t-h-a); }
+._h\:d_1v7lp_53:disabled { height: var(--t-h-d); }
+
+@media (min-width: 640px) {
+  ._h_sm_1v7lp_56 { height: var(--t-h_sm); }
+  ._h_sm\:h_1v7lp_57:hover { height: var(--t-h_sm-h); }
+  ._h_sm\:f_1v7lp_58:focus { height: var(--t-h_sm-f); }
+  ._h_sm\:a_1v7lp_59:active { height: var(--t-h_sm-a); }
+  ._h_sm\:d_1v7lp_60:disabled { height: var(--t-h_sm-d); }
+}
+
+@media (min-width: 768px) {
+  ._h_md_1v7lp_64 { height: var(--t-h_md); }
+  ._h_md\:h_1v7lp_65:hover { height: var(--t-h_md-h); }
+  ._h_md\:f_1v7lp_66:focus { height: var(--t-h_md-f); }
+  ._h_md\:a_1v7lp_67:active { height: var(--t-h_md-a); }
+  ._h_md\:d_1v7lp_68:disabled { height: var(--t-h_md-d); }
+}
+
+@media (min-width: 1024px) {
+  ._h_lg_1v7lp_72 { height: var(--t-h_lg); }
+  ._h_lg\:h_1v7lp_73:hover { height: var(--t-h_lg-h); }
+  ._h_lg\:f_1v7lp_74:focus { height: var(--t-h_lg-f); }
+  ._h_lg\:a_1v7lp_75:active { height: var(--t-h_lg-a); }
+  ._h_lg\:d_1v7lp_76:disabled { height: var(--t-h_lg-d); }
+}
+
+@media (min-width: 1280px) {
+  ._h_xl_1v7lp_80 { height: var(--t-h_xl); }
+  ._h_xl\:h_1v7lp_81:hover { height: var(--t-h_xl-h); }
+  ._h_xl\:f_1v7lp_82:focus { height: var(--t-h_xl-f); }
+  ._h_xl\:a_1v7lp_83:active { height: var(--t-h_xl-a); }
+  ._h_xl\:d_1v7lp_84:disabled { height: var(--t-h_xl-d); }
+}
+
+@media (min-width: 1536px) {
+  ._h_2xl_1v7lp_88 { height: var(--t-h_2xl); }
+  ._h_2xl\:h_1v7lp_89:hover { height: var(--t-h_2xl-h); }
+  ._h_2xl\:f_1v7lp_90:focus { height: var(--t-h_2xl-f); }
+  ._h_2xl\:a_1v7lp_91:active { height: var(--t-h_2xl-a); }
+  ._h_2xl\:d_1v7lp_92:disabled { height: var(--t-h_2xl-d); }
+}
+
+/* min-width */
+._minW_1v7lp_96 { min-width: var(--t-minW); }
+._minW\:h_1v7lp_97:hover { min-width: var(--t-minW-h); }
+._minW\:f_1v7lp_98:focus { min-width: var(--t-minW-f); }
+._minW\:a_1v7lp_99:active { min-width: var(--t-minW-a); }
+._minW\:d_1v7lp_100:disabled { min-width: var(--t-minW-d); }
+
+@media (min-width: 640px) {
+  ._minW_sm_1v7lp_103 { min-width: var(--t-minW_sm); }
+  ._minW_sm\:h_1v7lp_104:hover { min-width: var(--t-minW_sm-h); }
+  ._minW_sm\:f_1v7lp_105:focus { min-width: var(--t-minW_sm-f); }
+  ._minW_sm\:a_1v7lp_106:active { min-width: var(--t-minW_sm-a); }
+  ._minW_sm\:d_1v7lp_107:disabled { min-width: var(--t-minW_sm-d); }
+}
+
+@media (min-width: 768px) {
+  ._minW_md_1v7lp_111 { min-width: var(--t-minW_md); }
+  ._minW_md\:h_1v7lp_112:hover { min-width: var(--t-minW_md-h); }
+  ._minW_md\:f_1v7lp_113:focus { min-width: var(--t-minW_md-f); }
+  ._minW_md\:a_1v7lp_114:active { min-width: var(--t-minW_md-a); }
+  ._minW_md\:d_1v7lp_115:disabled { min-width: var(--t-minW_md-d); }
+}
+
+@media (min-width: 1024px) {
+  ._minW_lg_1v7lp_119 { min-width: var(--t-minW_lg); }
+  ._minW_lg\:h_1v7lp_120:hover { min-width: var(--t-minW_lg-h); }
+  ._minW_lg\:f_1v7lp_121:focus { min-width: var(--t-minW_lg-f); }
+  ._minW_lg\:a_1v7lp_122:active { min-width: var(--t-minW_lg-a); }
+  ._minW_lg\:d_1v7lp_123:disabled { min-width: var(--t-minW_lg-d); }
+}
+
+@media (min-width: 1280px) {
+  ._minW_xl_1v7lp_127 { min-width: var(--t-minW_xl); }
+  ._minW_xl\:h_1v7lp_128:hover { min-width: var(--t-minW_xl-h); }
+  ._minW_xl\:f_1v7lp_129:focus { min-width: var(--t-minW_xl-f); }
+  ._minW_xl\:a_1v7lp_130:active { min-width: var(--t-minW_xl-a); }
+  ._minW_xl\:d_1v7lp_131:disabled { min-width: var(--t-minW_xl-d); }
+}
+
+@media (min-width: 1536px) {
+  ._minW_2xl_1v7lp_135 { min-width: var(--t-minW_2xl); }
+  ._minW_2xl\:h_1v7lp_136:hover { min-width: var(--t-minW_2xl-h); }
+  ._minW_2xl\:f_1v7lp_137:focus { min-width: var(--t-minW_2xl-f); }
+  ._minW_2xl\:a_1v7lp_138:active { min-width: var(--t-minW_2xl-a); }
+  ._minW_2xl\:d_1v7lp_139:disabled { min-width: var(--t-minW_2xl-d); }
+}
+
+/* max-width */
+._maxW_1v7lp_143 { max-width: var(--t-maxW); }
+._maxW\:h_1v7lp_144:hover { max-width: var(--t-maxW-h); }
+._maxW\:f_1v7lp_145:focus { max-width: var(--t-maxW-f); }
+._maxW\:a_1v7lp_146:active { max-width: var(--t-maxW-a); }
+._maxW\:d_1v7lp_147:disabled { max-width: var(--t-maxW-d); }
+
+@media (min-width: 640px) {
+  ._maxW_sm_1v7lp_150 { max-width: var(--t-maxW_sm); }
+  ._maxW_sm\:h_1v7lp_151:hover { max-width: var(--t-maxW_sm-h); }
+  ._maxW_sm\:f_1v7lp_152:focus { max-width: var(--t-maxW_sm-f); }
+  ._maxW_sm\:a_1v7lp_153:active { max-width: var(--t-maxW_sm-a); }
+  ._maxW_sm\:d_1v7lp_154:disabled { max-width: var(--t-maxW_sm-d); }
+}
+
+@media (min-width: 768px) {
+  ._maxW_md_1v7lp_158 { max-width: var(--t-maxW_md); }
+  ._maxW_md\:h_1v7lp_159:hover { max-width: var(--t-maxW_md-h); }
+  ._maxW_md\:f_1v7lp_160:focus { max-width: var(--t-maxW_md-f); }
+  ._maxW_md\:a_1v7lp_161:active { max-width: var(--t-maxW_md-a); }
+  ._maxW_md\:d_1v7lp_162:disabled { max-width: var(--t-maxW_md-d); }
+}
+
+@media (min-width: 1024px) {
+  ._maxW_lg_1v7lp_166 { max-width: var(--t-maxW_lg); }
+  ._maxW_lg\:h_1v7lp_167:hover { max-width: var(--t-maxW_lg-h); }
+  ._maxW_lg\:f_1v7lp_168:focus { max-width: var(--t-maxW_lg-f); }
+  ._maxW_lg\:a_1v7lp_169:active { max-width: var(--t-maxW_lg-a); }
+  ._maxW_lg\:d_1v7lp_170:disabled { max-width: var(--t-maxW_lg-d); }
+}
+
+@media (min-width: 1280px) {
+  ._maxW_xl_1v7lp_174 { max-width: var(--t-maxW_xl); }
+  ._maxW_xl\:h_1v7lp_175:hover { max-width: var(--t-maxW_xl-h); }
+  ._maxW_xl\:f_1v7lp_176:focus { max-width: var(--t-maxW_xl-f); }
+  ._maxW_xl\:a_1v7lp_177:active { max-width: var(--t-maxW_xl-a); }
+  ._maxW_xl\:d_1v7lp_178:disabled { max-width: var(--t-maxW_xl-d); }
+}
+
+@media (min-width: 1536px) {
+  ._maxW_2xl_1v7lp_182 { max-width: var(--t-maxW_2xl); }
+  ._maxW_2xl\:h_1v7lp_183:hover { max-width: var(--t-maxW_2xl-h); }
+  ._maxW_2xl\:f_1v7lp_184:focus { max-width: var(--t-maxW_2xl-f); }
+  ._maxW_2xl\:a_1v7lp_185:active { max-width: var(--t-maxW_2xl-a); }
+  ._maxW_2xl\:d_1v7lp_186:disabled { max-width: var(--t-maxW_2xl-d); }
+}
+
+/* min-height */
+._minH_1v7lp_190 { min-height: var(--t-minH); }
+._minH\:h_1v7lp_191:hover { min-height: var(--t-minH-h); }
+._minH\:f_1v7lp_192:focus { min-height: var(--t-minH-f); }
+._minH\:a_1v7lp_193:active { min-height: var(--t-minH-a); }
+._minH\:d_1v7lp_194:disabled { min-height: var(--t-minH-d); }
+
+@media (min-width: 640px) {
+  ._minH_sm_1v7lp_197 { min-height: var(--t-minH_sm); }
+  ._minH_sm\:h_1v7lp_198:hover { min-height: var(--t-minH_sm-h); }
+  ._minH_sm\:f_1v7lp_199:focus { min-height: var(--t-minH_sm-f); }
+  ._minH_sm\:a_1v7lp_200:active { min-height: var(--t-minH_sm-a); }
+  ._minH_sm\:d_1v7lp_201:disabled { min-height: var(--t-minH_sm-d); }
+}
+
+@media (min-width: 768px) {
+  ._minH_md_1v7lp_205 { min-height: var(--t-minH_md); }
+  ._minH_md\:h_1v7lp_206:hover { min-height: var(--t-minH_md-h); }
+  ._minH_md\:f_1v7lp_207:focus { min-height: var(--t-minH_md-f); }
+  ._minH_md\:a_1v7lp_208:active { min-height: var(--t-minH_md-a); }
+  ._minH_md\:d_1v7lp_209:disabled { min-height: var(--t-minH_md-d); }
+}
+
+@media (min-width: 1024px) {
+  ._minH_lg_1v7lp_213 { min-height: var(--t-minH_lg); }
+  ._minH_lg\:h_1v7lp_214:hover { min-height: var(--t-minH_lg-h); }
+  ._minH_lg\:f_1v7lp_215:focus { min-height: var(--t-minH_lg-f); }
+  ._minH_lg\:a_1v7lp_216:active { min-height: var(--t-minH_lg-a); }
+  ._minH_lg\:d_1v7lp_217:disabled { min-height: var(--t-minH_lg-d); }
+}
+
+@media (min-width: 1280px) {
+  ._minH_xl_1v7lp_221 { min-height: var(--t-minH_xl); }
+  ._minH_xl\:h_1v7lp_222:hover { min-height: var(--t-minH_xl-h); }
+  ._minH_xl\:f_1v7lp_223:focus { min-height: var(--t-minH_xl-f); }
+  ._minH_xl\:a_1v7lp_224:active { min-height: var(--t-minH_xl-a); }
+  ._minH_xl\:d_1v7lp_225:disabled { min-height: var(--t-minH_xl-d); }
+}
+
+@media (min-width: 1536px) {
+  ._minH_2xl_1v7lp_229 { min-height: var(--t-minH_2xl); }
+  ._minH_2xl\:h_1v7lp_230:hover { min-height: var(--t-minH_2xl-h); }
+  ._minH_2xl\:f_1v7lp_231:focus { min-height: var(--t-minH_2xl-f); }
+  ._minH_2xl\:a_1v7lp_232:active { min-height: var(--t-minH_2xl-a); }
+  ._minH_2xl\:d_1v7lp_233:disabled { min-height: var(--t-minH_2xl-d); }
+}
+
+/* max-height */
+._maxH_1v7lp_237 { max-height: var(--t-maxH); }
+._maxH\:h_1v7lp_238:hover { max-height: var(--t-maxH-h); }
+._maxH\:f_1v7lp_239:focus { max-height: var(--t-maxH-f); }
+._maxH\:a_1v7lp_240:active { max-height: var(--t-maxH-a); }
+._maxH\:d_1v7lp_241:disabled { max-height: var(--t-maxH-d); }
+
+@media (min-width: 640px) {
+  ._maxH_sm_1v7lp_244 { max-height: var(--t-maxH_sm); }
+  ._maxH_sm\:h_1v7lp_245:hover { max-height: var(--t-maxH_sm-h); }
+  ._maxH_sm\:f_1v7lp_246:focus { max-height: var(--t-maxH_sm-f); }
+  ._maxH_sm\:a_1v7lp_247:active { max-height: var(--t-maxH_sm-a); }
+  ._maxH_sm\:d_1v7lp_248:disabled { max-height: var(--t-maxH_sm-d); }
+}
+
+@media (min-width: 768px) {
+  ._maxH_md_1v7lp_252 { max-height: var(--t-maxH_md); }
+  ._maxH_md\:h_1v7lp_253:hover { max-height: var(--t-maxH_md-h); }
+  ._maxH_md\:f_1v7lp_254:focus { max-height: var(--t-maxH_md-f); }
+  ._maxH_md\:a_1v7lp_255:active { max-height: var(--t-maxH_md-a); }
+  ._maxH_md\:d_1v7lp_256:disabled { max-height: var(--t-maxH_md-d); }
+}
+
+@media (min-width: 1024px) {
+  ._maxH_lg_1v7lp_260 { max-height: var(--t-maxH_lg); }
+  ._maxH_lg\:h_1v7lp_261:hover { max-height: var(--t-maxH_lg-h); }
+  ._maxH_lg\:f_1v7lp_262:focus { max-height: var(--t-maxH_lg-f); }
+  ._maxH_lg\:a_1v7lp_263:active { max-height: var(--t-maxH_lg-a); }
+  ._maxH_lg\:d_1v7lp_264:disabled { max-height: var(--t-maxH_lg-d); }
+}
+
+@media (min-width: 1280px) {
+  ._maxH_xl_1v7lp_268 { max-height: var(--t-maxH_xl); }
+  ._maxH_xl\:h_1v7lp_269:hover { max-height: var(--t-maxH_xl-h); }
+  ._maxH_xl\:f_1v7lp_270:focus { max-height: var(--t-maxH_xl-f); }
+  ._maxH_xl\:a_1v7lp_271:active { max-height: var(--t-maxH_xl-a); }
+  ._maxH_xl\:d_1v7lp_272:disabled { max-height: var(--t-maxH_xl-d); }
+}
+
+@media (min-width: 1536px) {
+  ._maxH_2xl_1v7lp_276 { max-height: var(--t-maxH_2xl); }
+  ._maxH_2xl\:h_1v7lp_277:hover { max-height: var(--t-maxH_2xl-h); }
+  ._maxH_2xl\:f_1v7lp_278:focus { max-height: var(--t-maxH_2xl-f); }
+  ._maxH_2xl\:a_1v7lp_279:active { max-height: var(--t-maxH_2xl-a); }
+  ._maxH_2xl\:d_1v7lp_280:disabled { max-height: var(--t-maxH_2xl-d); }
+}