@tosui/react 0.1.3 → 0.1.5

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

@@ -1,258 +1,48 @@
-const w = "_w_1v7lp_2";
-const w_sm = "_w_sm_1v7lp_9";
-const w_md = "_w_md_1v7lp_17";
-const w_lg = "_w_lg_1v7lp_25";
-const w_xl = "_w_xl_1v7lp_33";
-const w_2xl = "_w_2xl_1v7lp_41";
-const h = "_h_1v7lp_49";
-const h_sm = "_h_sm_1v7lp_56";
-const h_md = "_h_md_1v7lp_64";
-const h_lg = "_h_lg_1v7lp_72";
-const h_xl = "_h_xl_1v7lp_80";
-const h_2xl = "_h_2xl_1v7lp_88";
-const minW = "_minW_1v7lp_96";
-const minW_sm = "_minW_sm_1v7lp_103";
-const minW_md = "_minW_md_1v7lp_111";
-const minW_lg = "_minW_lg_1v7lp_119";
-const minW_xl = "_minW_xl_1v7lp_127";
-const minW_2xl = "_minW_2xl_1v7lp_135";
-const maxW = "_maxW_1v7lp_143";
-const maxW_sm = "_maxW_sm_1v7lp_150";
-const maxW_md = "_maxW_md_1v7lp_158";
-const maxW_lg = "_maxW_lg_1v7lp_166";
-const maxW_xl = "_maxW_xl_1v7lp_174";
-const maxW_2xl = "_maxW_2xl_1v7lp_182";
-const minH = "_minH_1v7lp_190";
-const minH_sm = "_minH_sm_1v7lp_197";
-const minH_md = "_minH_md_1v7lp_205";
-const minH_lg = "_minH_lg_1v7lp_213";
-const minH_xl = "_minH_xl_1v7lp_221";
-const minH_2xl = "_minH_2xl_1v7lp_229";
-const maxH = "_maxH_1v7lp_237";
-const maxH_sm = "_maxH_sm_1v7lp_244";
-const maxH_md = "_maxH_md_1v7lp_252";
-const maxH_lg = "_maxH_lg_1v7lp_260";
-const maxH_xl = "_maxH_xl_1v7lp_268";
-const maxH_2xl = "_maxH_2xl_1v7lp_276";
+const w = "_w_lweo3_2";
+const h = "_h_lweo3_49";
+const minW = "_minW_lweo3_96";
+const maxW = "_maxW_lweo3_143";
+const minH = "_minH_lweo3_182";
+const maxH = "_maxH_lweo3_229";
 const styles = {
   w,
-  "w:h": "_w:h_1v7lp_3",
-  "w:f": "_w:f_1v7lp_4",
-  "w:a": "_w:a_1v7lp_5",
-  "w:d": "_w:d_1v7lp_6",
-  w_sm,
-  "w_sm:h": "_w_sm:h_1v7lp_10",
-  "w_sm:f": "_w_sm:f_1v7lp_11",
-  "w_sm:a": "_w_sm:a_1v7lp_12",
-  "w_sm:d": "_w_sm:d_1v7lp_13",
-  w_md,
-  "w_md:h": "_w_md:h_1v7lp_18",
-  "w_md:f": "_w_md:f_1v7lp_19",
-  "w_md:a": "_w_md:a_1v7lp_20",
-  "w_md:d": "_w_md:d_1v7lp_21",
-  w_lg,
-  "w_lg:h": "_w_lg:h_1v7lp_26",
-  "w_lg:f": "_w_lg:f_1v7lp_27",
-  "w_lg:a": "_w_lg:a_1v7lp_28",
-  "w_lg:d": "_w_lg:d_1v7lp_29",
-  w_xl,
-  "w_xl:h": "_w_xl:h_1v7lp_34",
-  "w_xl:f": "_w_xl:f_1v7lp_35",
-  "w_xl:a": "_w_xl:a_1v7lp_36",
-  "w_xl:d": "_w_xl:d_1v7lp_37",
-  w_2xl,
-  "w_2xl:h": "_w_2xl:h_1v7lp_42",
-  "w_2xl:f": "_w_2xl:f_1v7lp_43",
-  "w_2xl:a": "_w_2xl:a_1v7lp_44",
-  "w_2xl:d": "_w_2xl:d_1v7lp_45",
+  "w:h": "_w:h_lweo3_3",
+  "w:f": "_w:f_lweo3_4",
+  "w:a": "_w:a_lweo3_5",
+  "w:d": "_w:d_lweo3_6",
   h,
-  "h:h": "_h:h_1v7lp_50",
-  "h:f": "_h:f_1v7lp_51",
-  "h:a": "_h:a_1v7lp_52",
-  "h:d": "_h:d_1v7lp_53",
-  h_sm,
-  "h_sm:h": "_h_sm:h_1v7lp_57",
-  "h_sm:f": "_h_sm:f_1v7lp_58",
-  "h_sm:a": "_h_sm:a_1v7lp_59",
-  "h_sm:d": "_h_sm:d_1v7lp_60",
-  h_md,
-  "h_md:h": "_h_md:h_1v7lp_65",
-  "h_md:f": "_h_md:f_1v7lp_66",
-  "h_md:a": "_h_md:a_1v7lp_67",
-  "h_md:d": "_h_md:d_1v7lp_68",
-  h_lg,
-  "h_lg:h": "_h_lg:h_1v7lp_73",
-  "h_lg:f": "_h_lg:f_1v7lp_74",
-  "h_lg:a": "_h_lg:a_1v7lp_75",
-  "h_lg:d": "_h_lg:d_1v7lp_76",
-  h_xl,
-  "h_xl:h": "_h_xl:h_1v7lp_81",
-  "h_xl:f": "_h_xl:f_1v7lp_82",
-  "h_xl:a": "_h_xl:a_1v7lp_83",
-  "h_xl:d": "_h_xl:d_1v7lp_84",
-  h_2xl,
-  "h_2xl:h": "_h_2xl:h_1v7lp_89",
-  "h_2xl:f": "_h_2xl:f_1v7lp_90",
-  "h_2xl:a": "_h_2xl:a_1v7lp_91",
-  "h_2xl:d": "_h_2xl:d_1v7lp_92",
+  "h:h": "_h:h_lweo3_50",
+  "h:f": "_h:f_lweo3_51",
+  "h:a": "_h:a_lweo3_52",
+  "h:d": "_h:d_lweo3_53",
   minW,
-  "minW:h": "_minW:h_1v7lp_97",
-  "minW:f": "_minW:f_1v7lp_98",
-  "minW:a": "_minW:a_1v7lp_99",
-  "minW:d": "_minW:d_1v7lp_100",
-  minW_sm,
-  "minW_sm:h": "_minW_sm:h_1v7lp_104",
-  "minW_sm:f": "_minW_sm:f_1v7lp_105",
-  "minW_sm:a": "_minW_sm:a_1v7lp_106",
-  "minW_sm:d": "_minW_sm:d_1v7lp_107",
-  minW_md,
-  "minW_md:h": "_minW_md:h_1v7lp_112",
-  "minW_md:f": "_minW_md:f_1v7lp_113",
-  "minW_md:a": "_minW_md:a_1v7lp_114",
-  "minW_md:d": "_minW_md:d_1v7lp_115",
-  minW_lg,
-  "minW_lg:h": "_minW_lg:h_1v7lp_120",
-  "minW_lg:f": "_minW_lg:f_1v7lp_121",
-  "minW_lg:a": "_minW_lg:a_1v7lp_122",
-  "minW_lg:d": "_minW_lg:d_1v7lp_123",
-  minW_xl,
-  "minW_xl:h": "_minW_xl:h_1v7lp_128",
-  "minW_xl:f": "_minW_xl:f_1v7lp_129",
-  "minW_xl:a": "_minW_xl:a_1v7lp_130",
-  "minW_xl:d": "_minW_xl:d_1v7lp_131",
-  minW_2xl,
-  "minW_2xl:h": "_minW_2xl:h_1v7lp_136",
-  "minW_2xl:f": "_minW_2xl:f_1v7lp_137",
-  "minW_2xl:a": "_minW_2xl:a_1v7lp_138",
-  "minW_2xl:d": "_minW_2xl:d_1v7lp_139",
+  "minW:h": "_minW:h_lweo3_97",
+  "minW:f": "_minW:f_lweo3_98",
+  "minW:a": "_minW:a_lweo3_99",
+  "minW:d": "_minW:d_lweo3_100",
   maxW,
-  "maxW:h": "_maxW:h_1v7lp_144",
-  "maxW:f": "_maxW:f_1v7lp_145",
-  "maxW:a": "_maxW:a_1v7lp_146",
-  "maxW:d": "_maxW:d_1v7lp_147",
-  maxW_sm,
-  "maxW_sm:h": "_maxW_sm:h_1v7lp_151",
-  "maxW_sm:f": "_maxW_sm:f_1v7lp_152",
-  "maxW_sm:a": "_maxW_sm:a_1v7lp_153",
-  "maxW_sm:d": "_maxW_sm:d_1v7lp_154",
-  maxW_md,
-  "maxW_md:h": "_maxW_md:h_1v7lp_159",
-  "maxW_md:f": "_maxW_md:f_1v7lp_160",
-  "maxW_md:a": "_maxW_md:a_1v7lp_161",
-  "maxW_md:d": "_maxW_md:d_1v7lp_162",
-  maxW_lg,
-  "maxW_lg:h": "_maxW_lg:h_1v7lp_167",
-  "maxW_lg:f": "_maxW_lg:f_1v7lp_168",
-  "maxW_lg:a": "_maxW_lg:a_1v7lp_169",
-  "maxW_lg:d": "_maxW_lg:d_1v7lp_170",
-  maxW_xl,
-  "maxW_xl:h": "_maxW_xl:h_1v7lp_175",
-  "maxW_xl:f": "_maxW_xl:f_1v7lp_176",
-  "maxW_xl:a": "_maxW_xl:a_1v7lp_177",
-  "maxW_xl:d": "_maxW_xl:d_1v7lp_178",
-  maxW_2xl,
-  "maxW_2xl:h": "_maxW_2xl:h_1v7lp_183",
-  "maxW_2xl:f": "_maxW_2xl:f_1v7lp_184",
-  "maxW_2xl:a": "_maxW_2xl:a_1v7lp_185",
-  "maxW_2xl:d": "_maxW_2xl:d_1v7lp_186",
+  "maxW:h": "_maxW:h_lweo3_144",
+  "maxW:f": "_maxW:f_lweo3_145",
+  "maxW:a": "_maxW:a_lweo3_146",
+  "maxW:d": "_maxW:d_lweo3_147",
   minH,
-  "minH:h": "_minH:h_1v7lp_191",
-  "minH:f": "_minH:f_1v7lp_192",
-  "minH:a": "_minH:a_1v7lp_193",
-  "minH:d": "_minH:d_1v7lp_194",
-  minH_sm,
-  "minH_sm:h": "_minH_sm:h_1v7lp_198",
-  "minH_sm:f": "_minH_sm:f_1v7lp_199",
-  "minH_sm:a": "_minH_sm:a_1v7lp_200",
-  "minH_sm:d": "_minH_sm:d_1v7lp_201",
-  minH_md,
-  "minH_md:h": "_minH_md:h_1v7lp_206",
-  "minH_md:f": "_minH_md:f_1v7lp_207",
-  "minH_md:a": "_minH_md:a_1v7lp_208",
-  "minH_md:d": "_minH_md:d_1v7lp_209",
-  minH_lg,
-  "minH_lg:h": "_minH_lg:h_1v7lp_214",
-  "minH_lg:f": "_minH_lg:f_1v7lp_215",
-  "minH_lg:a": "_minH_lg:a_1v7lp_216",
-  "minH_lg:d": "_minH_lg:d_1v7lp_217",
-  minH_xl,
-  "minH_xl:h": "_minH_xl:h_1v7lp_222",
-  "minH_xl:f": "_minH_xl:f_1v7lp_223",
-  "minH_xl:a": "_minH_xl:a_1v7lp_224",
-  "minH_xl:d": "_minH_xl:d_1v7lp_225",
-  minH_2xl,
-  "minH_2xl:h": "_minH_2xl:h_1v7lp_230",
-  "minH_2xl:f": "_minH_2xl:f_1v7lp_231",
-  "minH_2xl:a": "_minH_2xl:a_1v7lp_232",
-  "minH_2xl:d": "_minH_2xl:d_1v7lp_233",
+  "minH:h": "_minH:h_lweo3_183",
+  "minH:f": "_minH:f_lweo3_184",
+  "minH:a": "_minH:a_lweo3_185",
+  "minH:d": "_minH:d_lweo3_186",
   maxH,
-  "maxH:h": "_maxH:h_1v7lp_238",
-  "maxH:f": "_maxH:f_1v7lp_239",
-  "maxH:a": "_maxH:a_1v7lp_240",
-  "maxH:d": "_maxH:d_1v7lp_241",
-  maxH_sm,
-  "maxH_sm:h": "_maxH_sm:h_1v7lp_245",
-  "maxH_sm:f": "_maxH_sm:f_1v7lp_246",
-  "maxH_sm:a": "_maxH_sm:a_1v7lp_247",
-  "maxH_sm:d": "_maxH_sm:d_1v7lp_248",
-  maxH_md,
-  "maxH_md:h": "_maxH_md:h_1v7lp_253",
-  "maxH_md:f": "_maxH_md:f_1v7lp_254",
-  "maxH_md:a": "_maxH_md:a_1v7lp_255",
-  "maxH_md:d": "_maxH_md:d_1v7lp_256",
-  maxH_lg,
-  "maxH_lg:h": "_maxH_lg:h_1v7lp_261",
-  "maxH_lg:f": "_maxH_lg:f_1v7lp_262",
-  "maxH_lg:a": "_maxH_lg:a_1v7lp_263",
-  "maxH_lg:d": "_maxH_lg:d_1v7lp_264",
-  maxH_xl,
-  "maxH_xl:h": "_maxH_xl:h_1v7lp_269",
-  "maxH_xl:f": "_maxH_xl:f_1v7lp_270",
-  "maxH_xl:a": "_maxH_xl:a_1v7lp_271",
-  "maxH_xl:d": "_maxH_xl:d_1v7lp_272",
-  maxH_2xl,
-  "maxH_2xl:h": "_maxH_2xl:h_1v7lp_277",
-  "maxH_2xl:f": "_maxH_2xl:f_1v7lp_278",
-  "maxH_2xl:a": "_maxH_2xl:a_1v7lp_279",
-  "maxH_2xl:d": "_maxH_2xl:d_1v7lp_280"
+  "maxH:h": "_maxH:h_lweo3_230",
+  "maxH:f": "_maxH:f_lweo3_231",
+  "maxH:a": "_maxH:a_lweo3_232",
+  "maxH:d": "_maxH:d_lweo3_233"
 };
 export {
   styles as default,
   h,
-  h_2xl,
-  h_lg,
-  h_md,
-  h_sm,
-  h_xl,
   maxH,
-  maxH_2xl,
-  maxH_lg,
-  maxH_md,
-  maxH_sm,
-  maxH_xl,
   maxW,
-  maxW_2xl,
-  maxW_lg,
-  maxW_md,
-  maxW_sm,
-  maxW_xl,
   minH,
-  minH_2xl,
-  minH_lg,
-  minH_md,
-  minH_sm,
-  minH_xl,
   minW,
-  minW_2xl,
-  minW_lg,
-  minW_md,
-  minW_sm,
-  minW_xl,
-  w,
-  w_2xl,
-  w_lg,
-  w_md,
-  w_sm,
-  w_xl
+  w
 };
 //# sourceMappingURL=sizing.module.css.js.map

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

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

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

@@ -1,14 +1,12 @@
-import { StyleResult } from '../shared';
+import { ResponsiveValue } from '../../../utils/breakpoints';
+import { StateProps, StyleResult } from '../shared';
 export type TextAlignValue = "left" | "center" | "right" | "justify";
 export type WhiteSpaceValue = "normal" | "nowrap" | "pre" | "pre-line" | "pre-wrap";
 export type TextDecorationValue = "none" | "underline" | "line-through";
 export type TextStyleProps = {
-    textAlign?: TextAlignValue;
-    whiteSpace?: WhiteSpaceValue;
-    textDecoration?: TextDecorationValue;
+    textAlign?: ResponsiveValue<TextAlignValue>;
+    whiteSpace?: ResponsiveValue<WhiteSpaceValue>;
+    textDecoration?: ResponsiveValue<TextDecorationValue>;
 };
-export type TextStyleStateProps = {
-    _hover?: TextStyleProps;
-};
-export declare function getTextStyles(props: TextStyleProps & TextStyleStateProps): StyleResult;
+export declare function getTextStyles(props: TextStyleProps & StateProps<TextStyleProps>): StyleResult;
 //# sourceMappingURL=text.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/text/text.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,WAAW,CAAC;AAInB,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AACrE,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,CAAC;AACpF,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,WAAW,GAAG,cAAc,CAAC;AAExE,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,cAAc,CAAC,EAAE,mBAAmB,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB,CAAC;AAiDF,wBAAgB,aAAa,CAC3B,KAAK,EAAE,cAAc,GAAG,mBAAmB,GAC1C,WAAW,CAUb"}
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/text/text.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,WAAW,EAEjB,MAAM,WAAW,CAAC;AAInB,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AACrE,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,CAAC;AACpF,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,WAAW,GAAG,cAAc,CAAC;AAExE,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,CAAC,EAAE,eAAe,CAAC,cAAc,CAAC,CAAC;IAC5C,UAAU,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IAC9C,cAAc,CAAC,EAAE,eAAe,CAAC,mBAAmB,CAAC,CAAC;CACvD,CAAC;AAsBF,wBAAgB,aAAa,CAC3B,KAAK,EAAE,cAAc,GAAG,UAAU,CAAC,cAAc,CAAC,GACjD,WAAW,CAmBb"}

package/dist/components/Box/text/text.js

@@ -1,41 +1,35 @@
-import { STATE_CLASS_SUFFIXES } from "../shared/constants.js";
+import { getEnumResponsiveStyles } from "../shared/responsive.js";
 import styles from "./text.module.css.js";
 import clsx from "clsx";
-function getTextAlignClass(value, state) {
-  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];
-  return stateClassSuffix ? styles[`text-${value}${stateClassSuffix}`] : styles[`text-${value}`];
-}
-function getWhiteSpaceClass(value, state) {
-  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];
-  return stateClassSuffix ? styles[`whitespace-${value}${stateClassSuffix}`] : styles[`whitespace-${value}`];
-}
-function getTextDecorationClass(value, state) {
-  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];
-  return stateClassSuffix ? styles[`decoration-${value}${stateClassSuffix}`] : styles[`decoration-${value}`];
-}
 function getTextStylesForState(props, state) {
   if (!props) return { className: "", style: {} };
-  const classes = [];
-  if (props.textAlign) {
-    const cls = getTextAlignClass(props.textAlign, state);
-    if (cls) classes.push(cls);
-  }
-  if (props.whiteSpace) {
-    const cls = getWhiteSpaceClass(props.whiteSpace, state);
-    if (cls) classes.push(cls);
-  }
-  if (props.textDecoration) {
-    const cls = getTextDecorationClass(props.textDecoration, state);
-    if (cls) classes.push(cls);
-  }
-  return { className: clsx(...classes), style: {} };
+  const textAlignResult = getEnumResponsiveStyles(styles, "text", props.textAlign, state);
+  const whiteSpaceResult = getEnumResponsiveStyles(styles, "whitespace", props.whiteSpace, state);
+  const textDecorationResult = getEnumResponsiveStyles(styles, "decoration", props.textDecoration, state);
+  return {
+    className: clsx(
+      textAlignResult.className,
+      whiteSpaceResult.className,
+      textDecorationResult.className
+    ),
+    style: {}
+  };
 }
 function getTextStyles(props) {
-  const { textAlign, whiteSpace, textDecoration, _hover } = props;
-  const baseStyles = getTextStylesForState({ textAlign, whiteSpace, textDecoration }, "base");
+  const { _hover, _focus, _active, _disabled, ...baseProps } = props;
+  const baseStyles = getTextStylesForState(baseProps, "base");
   const hoverStyles = getTextStylesForState(_hover, "hover");
+  const focusStyles = getTextStylesForState(_focus, "focus");
+  const activeStyles = getTextStylesForState(_active, "active");
+  const disabledStyles = getTextStylesForState(_disabled, "disabled");
   return {
-    className: clsx(baseStyles.className, hoverStyles.className),
+    className: clsx(
+      baseStyles.className,
+      hoverStyles.className,
+      focusStyles.className,
+      activeStyles.className,
+      disabledStyles.className
+    ),
     style: {}
   };
 }

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

@@ -1 +1 @@
-{"version":3,"file":"text.js","sources":["../../../../src/components/Box/text/text.ts"],"sourcesContent":["import {\n  STATE_CLASS_SUFFIXES,\n  type StateKey,\n  type StyleResult,\n} from \"../shared\";\nimport styles from \"./text.module.css\";\nimport clsx from \"clsx\";\n\nexport type TextAlignValue = \"left\" | \"center\" | \"right\" | \"justify\";\nexport type WhiteSpaceValue = \"normal\" | \"nowrap\" | \"pre\" | \"pre-line\" | \"pre-wrap\";\nexport type TextDecorationValue = \"none\" | \"underline\" | \"line-through\";\n\nexport type TextStyleProps = {\n  textAlign?: TextAlignValue;\n  whiteSpace?: WhiteSpaceValue;\n  textDecoration?: TextDecorationValue;\n};\n\nexport type TextStyleStateProps = {\n  _hover?: TextStyleProps;\n};\n\nfunction getTextAlignClass(value: TextAlignValue, state: StateKey): string | undefined {\n  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];\n  return stateClassSuffix\n    ? styles[`text-${value}${stateClassSuffix}`]\n    : styles[`text-${value}`];\n}\n\nfunction getWhiteSpaceClass(value: WhiteSpaceValue, state: StateKey): string | undefined {\n  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];\n  return stateClassSuffix\n    ? styles[`whitespace-${value}${stateClassSuffix}`]\n    : styles[`whitespace-${value}`];\n}\n\nfunction getTextDecorationClass(value: TextDecorationValue, state: StateKey): string | undefined {\n  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];\n  return stateClassSuffix\n    ? styles[`decoration-${value}${stateClassSuffix}`]\n    : styles[`decoration-${value}`];\n}\n\nfunction getTextStylesForState(\n  props: TextStyleProps | undefined,\n  state: StateKey\n): StyleResult {\n  if (!props) return { className: \"\", style: {} };\n\n  const classes: string[] = [];\n\n  if (props.textAlign) {\n    const cls = getTextAlignClass(props.textAlign, state);\n    if (cls) classes.push(cls);\n  }\n\n  if (props.whiteSpace) {\n    const cls = getWhiteSpaceClass(props.whiteSpace, state);\n    if (cls) classes.push(cls);\n  }\n\n  if (props.textDecoration) {\n    const cls = getTextDecorationClass(props.textDecoration, state);\n    if (cls) classes.push(cls);\n  }\n\n  return { className: clsx(...classes), style: {} };\n}\n\nexport function getTextStyles(\n  props: TextStyleProps & TextStyleStateProps\n): StyleResult {\n  const { textAlign, whiteSpace, textDecoration, _hover } = props;\n\n  const baseStyles = getTextStylesForState({ textAlign, whiteSpace, textDecoration }, \"base\");\n  const hoverStyles = getTextStylesForState(_hover, \"hover\");\n\n  return {\n    className: clsx(baseStyles.className, hoverStyles.className),\n    style: {},\n  };\n}\n"],"names":[],"mappings":";;;AAsBA,SAAS,kBAAkB,OAAuB,OAAqC;AACrF,QAAM,mBAAmB,qBAAqB,KAAK;AACnD,SAAO,mBACH,OAAO,QAAQ,KAAK,GAAG,gBAAgB,EAAE,IACzC,OAAO,QAAQ,KAAK,EAAE;AAC5B;AAEA,SAAS,mBAAmB,OAAwB,OAAqC;AACvF,QAAM,mBAAmB,qBAAqB,KAAK;AACnD,SAAO,mBACH,OAAO,cAAc,KAAK,GAAG,gBAAgB,EAAE,IAC/C,OAAO,cAAc,KAAK,EAAE;AAClC;AAEA,SAAS,uBAAuB,OAA4B,OAAqC;AAC/F,QAAM,mBAAmB,qBAAqB,KAAK;AACnD,SAAO,mBACH,OAAO,cAAc,KAAK,GAAG,gBAAgB,EAAE,IAC/C,OAAO,cAAc,KAAK,EAAE;AAClC;AAEA,SAAS,sBACP,OACA,OACa;AACb,MAAI,CAAC,MAAO,QAAO,EAAE,WAAW,IAAI,OAAO,GAAC;AAE5C,QAAM,UAAoB,CAAA;AAE1B,MAAI,MAAM,WAAW;AACnB,UAAM,MAAM,kBAAkB,MAAM,WAAW,KAAK;AACpD,QAAI,IAAK,SAAQ,KAAK,GAAG;AAAA,EAC3B;AAEA,MAAI,MAAM,YAAY;AACpB,UAAM,MAAM,mBAAmB,MAAM,YAAY,KAAK;AACtD,QAAI,IAAK,SAAQ,KAAK,GAAG;AAAA,EAC3B;AAEA,MAAI,MAAM,gBAAgB;AACxB,UAAM,MAAM,uBAAuB,MAAM,gBAAgB,KAAK;AAC9D,QAAI,IAAK,SAAQ,KAAK,GAAG;AAAA,EAC3B;AAEA,SAAO,EAAE,WAAW,KAAK,GAAG,OAAO,GAAG,OAAO,GAAC;AAChD;AAEO,SAAS,cACd,OACa;AACb,QAAM,EAAE,WAAW,YAAY,gBAAgB,WAAW;AAE1D,QAAM,aAAa,sBAAsB,EAAE,WAAW,YAAY,eAAA,GAAkB,MAAM;AAC1F,QAAM,cAAc,sBAAsB,QAAQ,OAAO;AAEzD,SAAO;AAAA,IACL,WAAW,KAAK,WAAW,WAAW,YAAY,SAAS;AAAA,IAC3D,OAAO,CAAA;AAAA,EAAC;AAEZ;"}
+{"version":3,"file":"text.js","sources":["../../../../src/components/Box/text/text.ts"],"sourcesContent":["import type { ResponsiveValue } from \"@/utils/breakpoints\";\nimport {\n  type StateKey,\n  type StateProps,\n  type StyleResult,\n  getEnumResponsiveStyles,\n} from \"../shared\";\nimport styles from \"./text.module.css\";\nimport clsx from \"clsx\";\n\nexport type TextAlignValue = \"left\" | \"center\" | \"right\" | \"justify\";\nexport type WhiteSpaceValue = \"normal\" | \"nowrap\" | \"pre\" | \"pre-line\" | \"pre-wrap\";\nexport type TextDecorationValue = \"none\" | \"underline\" | \"line-through\";\n\nexport type TextStyleProps = {\n  textAlign?: ResponsiveValue<TextAlignValue>;\n  whiteSpace?: ResponsiveValue<WhiteSpaceValue>;\n  textDecoration?: ResponsiveValue<TextDecorationValue>;\n};\n\nfunction getTextStylesForState(\n  props: TextStyleProps | undefined,\n  state: StateKey\n): StyleResult {\n  if (!props) return { className: \"\", style: {} };\n\n  const textAlignResult = getEnumResponsiveStyles(styles, \"text\", props.textAlign, state);\n  const whiteSpaceResult = getEnumResponsiveStyles(styles, \"whitespace\", props.whiteSpace, state);\n  const textDecorationResult = getEnumResponsiveStyles(styles, \"decoration\", props.textDecoration, state);\n\n  return {\n    className: clsx(\n      textAlignResult.className,\n      whiteSpaceResult.className,\n      textDecorationResult.className\n    ),\n    style: {},\n  };\n}\n\nexport function getTextStyles(\n  props: TextStyleProps & StateProps<TextStyleProps>\n): StyleResult {\n  const { _hover, _focus, _active, _disabled, ...baseProps } = props;\n\n  const baseStyles = getTextStylesForState(baseProps, \"base\");\n  const hoverStyles = getTextStylesForState(_hover, \"hover\");\n  const focusStyles = getTextStylesForState(_focus, \"focus\");\n  const activeStyles = getTextStylesForState(_active, \"active\");\n  const disabledStyles = getTextStylesForState(_disabled, \"disabled\");\n\n  return {\n    className: clsx(\n      baseStyles.className,\n      hoverStyles.className,\n      focusStyles.className,\n      activeStyles.className,\n      disabledStyles.className\n    ),\n    style: {},\n  };\n}\n"],"names":[],"mappings":";;;AAoBA,SAAS,sBACP,OACA,OACa;AACb,MAAI,CAAC,MAAO,QAAO,EAAE,WAAW,IAAI,OAAO,GAAC;AAE5C,QAAM,kBAAkB,wBAAwB,QAAQ,QAAQ,MAAM,WAAW,KAAK;AACtF,QAAM,mBAAmB,wBAAwB,QAAQ,cAAc,MAAM,YAAY,KAAK;AAC9F,QAAM,uBAAuB,wBAAwB,QAAQ,cAAc,MAAM,gBAAgB,KAAK;AAEtG,SAAO;AAAA,IACL,WAAW;AAAA,MACT,gBAAgB;AAAA,MAChB,iBAAiB;AAAA,MACjB,qBAAqB;AAAA,IAAA;AAAA,IAEvB,OAAO,CAAA;AAAA,EAAC;AAEZ;AAEO,SAAS,cACd,OACa;AACb,QAAM,EAAE,QAAQ,QAAQ,SAAS,WAAW,GAAG,cAAc;AAE7D,QAAM,aAAa,sBAAsB,WAAW,MAAM;AAC1D,QAAM,cAAc,sBAAsB,QAAQ,OAAO;AACzD,QAAM,cAAc,sBAAsB,QAAQ,OAAO;AACzD,QAAM,eAAe,sBAAsB,SAAS,QAAQ;AAC5D,QAAM,iBAAiB,sBAAsB,WAAW,UAAU;AAElE,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;"}