@alma-oss/spirit-web-react 4.5.0 → 4.6.0

package/dist/components/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { Emphasis, SizesExtended, TextStyleProps } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritTextProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useTextStyleProps } from './useTextStyleProps';\n\nconst defaultProps: Partial<SpiritTextProps> = {\n  elementType: 'p',\n  emphasis: Emphasis.REGULAR,\n  size: SizesExtended.MEDIUM,\n};\n\nconst Text = <E extends ElementType = 'p', S = void, Emph = void, C = void>(\n  props: SpiritTextProps<E, S, Emph, C>,\n): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag = 'p', children, ...restProps } = propsWithDefaults;\n  const { classProps, props: modifiedProps } = useTextStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps, {\n    isTextBalanced: TextStyleProps.isTextBalanced,\n    textAlignment: TextStyleProps.textAlignment,\n    textHyphens: TextStyleProps.textHyphens,\n    textWordBreak: TextStyleProps.textWordBreak,\n  });\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps, styleProps, otherProps });\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      {children}\n    </ElementTag>\n  );\n};\n\nText.spiritComponent = 'Text';\n\nexport default Text;\n"],"names":["defaultProps","Emphasis","SizesExtended","Text","props","propsWithDefaults","ElementTag","children","restProps","classProps","modifiedProps","useTextStyleProps","styleProps","otherProps","useStyleProps","TextStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":";;;;;;;AASA,MAAMA,IAAyC;AAAA,EAC7C,aAAa;AAAA,EACb,UAAUC,EAAS;AAAA,EACnB,MAAMC,EAAc;AACtB,GAEMC,IAAO,CACXC,MACgB;AAChB,QAAMC,IAAoB,EAAE,GAAGL,GAAc,GAAGI,EAAA,GAC1C,EAAE,aAAaE,IAAa,KAAK,UAAAC,GAAU,GAAGC,MAAcH,GAC5D,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAkBC,EAAkBH,CAAS,GAClE,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,GAAe;AAAA,IACrE,gBAAgBK,EAAe;AAAA,IAC/B,eAAeA,EAAe;AAAA,IAC9B,aAAaA,EAAe;AAAA,IAC5B,eAAeA,EAAe;AAAA,EAAA,CAC/B,GACKC,IAAmBC,EAAgBX,GAAY,EAAE,YAAAG,GAAY,YAAAG,GAAY,YAAAC,GAAY;AAE3F,2BACGP,GAAA,EAAY,GAAGO,GAAa,GAAGG,GAC7B,UAAAT,GACH;AAEJ;AAEAJ,EAAK,kBAAkB;"}
+{"version":3,"file":"Text.js","sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { Emphasis, SizesExtended, TextStyleProps } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritTextProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useTextStyleProps } from './useTextStyleProps';\n\nconst defaultProps: Partial<SpiritTextProps<ElementType, void, void, void>> = {\n  elementType: 'p',\n  emphasis: Emphasis.REGULAR,\n  size: SizesExtended.MEDIUM,\n};\n\nconst Text = <E extends ElementType = 'p', S = void, Emph = void, C = void>(\n  props: SpiritTextProps<E, S, Emph, C>,\n): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, children, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { classProps, props: modifiedProps } = useTextStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps, {\n    isTextBalanced: TextStyleProps.isTextBalanced,\n    textAlignment: TextStyleProps.textAlignment,\n    textHyphens: TextStyleProps.textHyphens,\n    textWordBreak: TextStyleProps.textWordBreak,\n  });\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps}>\n      {children}\n    </Component>\n  );\n};\n\nText.spiritComponent = 'Text';\nText.displayName = 'Text';\n\nexport default Text;\n"],"names":["defaultProps","Emphasis","SizesExtended","Text","props","propsWithDefaults","elementType","children","restProps","Component","classProps","modifiedProps","useTextStyleProps","styleProps","otherProps","useStyleProps","TextStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":";;;;;;;AASA,MAAMA,IAAwE;AAAA,EAC5E,aAAa;AAAA,EACb,UAAUC,EAAS;AAAA,EACnB,MAAMC,EAAc;AACtB,GAEMC,IAAO,CACXC,MACgB;AAChB,QAAMC,IAAoB,EAAE,GAAGL,GAAc,GAAGI,EAAA,GAC1C,EAAE,aAAAE,GAAa,UAAAC,GAAU,GAAGC,MAAcH,GAC1CI,IAAYH,GACZ,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAkBC,EAAkBJ,CAAS,GAClE,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,GAAe;AAAA,IACrE,gBAAgBK,EAAe;AAAA,IAC/B,eAAeA,EAAe;AAAA,IAC9B,aAAaA,EAAe;AAAA,IAC5B,eAAeA,EAAe;AAAA,EAAA,CAC/B,GACKC,IAAmBC,EAAgBT,GAAW,EAAE,YAAAC,GAAY,YAAAG,GAAY,YAAAC,GAAY;AAE1F,2BACGL,GAAA,EAAW,GAAGK,GAAa,GAAGG,GAC5B,UAAAV,GACH;AAEJ;AAEAJ,EAAK,kBAAkB;AACvBA,EAAK,cAAc;"}

package/dist/components/Text/demo/TextAlignment.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),n=require("../../../constants/dictionaries.cjs"),t=require("../Text.cjs"),i=()=>e.jsxs(e.Fragment,{children:[e.jsx(t.default,{children:"Text left"}),e.jsx(t.default,{textAlignment:n.TextAlignments.CENTER,children:"Text center"}),e.jsx(t.default,{textAlignment:n.TextAlignments.RIGHT,children:"Text right"})]});exports.default=i;
+//# sourceMappingURL=TextAlignment.cjs.map

package/dist/components/Text/demo/TextAlignment.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAlignment.cjs","sources":["../../../../src/components/Text/demo/TextAlignment.tsx"],"sourcesContent":["import React from 'react';\nimport { TextAlignments } from '../../../constants';\nimport Text from '../Text';\n\nconst TextAlignment = () => (\n  <>\n    <Text>Text left</Text>\n    <Text textAlignment={TextAlignments.CENTER}>Text center</Text>\n    <Text textAlignment={TextAlignments.RIGHT}>Text right</Text>\n  </>\n);\n\nexport default TextAlignment;\n"],"names":["TextAlignment","jsxs","Fragment","jsx","Text","TextAlignments"],"mappings":"2NAIMA,EAAgB,IACpBC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAACC,EAAAA,SAAK,SAAA,WAAA,CAAS,EACfD,EAAAA,IAACC,EAAAA,QAAA,CAAK,cAAeC,EAAAA,eAAe,OAAQ,SAAA,cAAW,EACvDF,EAAAA,IAACC,EAAAA,QAAA,CAAK,cAAeC,EAAAA,eAAe,MAAO,SAAA,YAAA,CAAU,CAAA,CAAA,CACvD"}

package/dist/components/Text/demo/TextAlignment.js

@@ -0,0 +1,12 @@
+import { jsxs as r, Fragment as i, jsx as t } from "react/jsx-runtime";
+import { TextAlignments as n } from "../../../constants/dictionaries.js";
+import e from "../Text.js";
+const o = () => /* @__PURE__ */ r(i, { children: [
+  /* @__PURE__ */ t(e, { children: "Text left" }),
+  /* @__PURE__ */ t(e, { textAlignment: n.CENTER, children: "Text center" }),
+  /* @__PURE__ */ t(e, { textAlignment: n.RIGHT, children: "Text right" })
+] });
+export {
+  o as default
+};
+//# sourceMappingURL=TextAlignment.js.map

package/dist/components/Text/demo/TextAlignment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAlignment.js","sources":["../../../../src/components/Text/demo/TextAlignment.tsx"],"sourcesContent":["import React from 'react';\nimport { TextAlignments } from '../../../constants';\nimport Text from '../Text';\n\nconst TextAlignment = () => (\n  <>\n    <Text>Text left</Text>\n    <Text textAlignment={TextAlignments.CENTER}>Text center</Text>\n    <Text textAlignment={TextAlignments.RIGHT}>Text right</Text>\n  </>\n);\n\nexport default TextAlignment;\n"],"names":["TextAlignment","jsxs","Fragment","jsx","Text","TextAlignments"],"mappings":";;;AAIA,MAAMA,IAAgB,MACpB,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAK,UAAA,YAAA,CAAS;AAAA,EACf,gBAAAD,EAACC,GAAA,EAAK,eAAeC,EAAe,QAAQ,UAAA,eAAW;AAAA,EACvD,gBAAAF,EAACC,GAAA,EAAK,eAAeC,EAAe,OAAO,UAAA,aAAA,CAAU;AAAA,EAAA,CACvD;"}

package/dist/components/Text/demo/TextBalanced.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../Text.cjs"),a=()=>e.jsxs("div",{style:{maxWidth:"550px"},children:[e.jsx(t.default,{children:"This text is not balanced. It may not have optimal line breaks and may appear uneven or awkward."}),e.jsx(t.default,{isTextBalanced:!0,children:"This text is balanced. It will minimize orphans and improves overall readability."})]});exports.default=a;
+//# sourceMappingURL=TextBalanced.cjs.map

package/dist/components/Text/demo/TextBalanced.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextBalanced.cjs","sources":["../../../../src/components/Text/demo/TextBalanced.tsx"],"sourcesContent":["import React from 'react';\nimport Text from '../Text';\n\nconst TextBalanced = () => (\n  <div style={{ maxWidth: '550px' }}>\n    <Text>This text is not balanced. It may not have optimal line breaks and may appear uneven or awkward.</Text>\n    <Text isTextBalanced>This text is balanced. It will minimize orphans and improves overall readability.</Text>\n  </div>\n);\n\nexport default TextBalanced;\n"],"names":["TextBalanced","jsxs","jsx","Text"],"mappings":"0KAGMA,EAAe,IACnBC,EAAAA,KAAC,MAAA,CAAI,MAAO,CAAE,SAAU,SACtB,SAAA,CAAAC,EAAAA,IAACC,EAAAA,SAAK,SAAA,kGAAA,CAAgG,EACtGD,EAAAA,IAACC,EAAAA,QAAA,CAAK,eAAc,GAAC,SAAA,mFAAA,CAAiF,CAAA,CAAA,CACxG"}

package/dist/components/Text/demo/TextBalanced.js

@@ -0,0 +1,10 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import a from "../Text.js";
+const n = () => /* @__PURE__ */ t("div", { style: { maxWidth: "550px" }, children: [
+  /* @__PURE__ */ e(a, { children: "This text is not balanced. It may not have optimal line breaks and may appear uneven or awkward." }),
+  /* @__PURE__ */ e(a, { isTextBalanced: !0, children: "This text is balanced. It will minimize orphans and improves overall readability." })
+] });
+export {
+  n as default
+};
+//# sourceMappingURL=TextBalanced.js.map

package/dist/components/Text/demo/TextBalanced.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextBalanced.js","sources":["../../../../src/components/Text/demo/TextBalanced.tsx"],"sourcesContent":["import React from 'react';\nimport Text from '../Text';\n\nconst TextBalanced = () => (\n  <div style={{ maxWidth: '550px' }}>\n    <Text>This text is not balanced. It may not have optimal line breaks and may appear uneven or awkward.</Text>\n    <Text isTextBalanced>This text is balanced. It will minimize orphans and improves overall readability.</Text>\n  </div>\n);\n\nexport default TextBalanced;\n"],"names":["TextBalanced","jsxs","jsx","Text"],"mappings":";;AAGA,MAAMA,IAAe,MACnB,gBAAAC,EAAC,OAAA,EAAI,OAAO,EAAE,UAAU,WACtB,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAK,UAAA,mGAAA,CAAgG;AAAA,EACtG,gBAAAD,EAACC,GAAA,EAAK,gBAAc,IAAC,UAAA,oFAAA,CAAiF;AAAA,EAAA,CACxG;"}

package/dist/components/Text/demo/TextColor.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("../../../web-react/docs/DocsStack.cjs"),u=require("../../../constants/dictionaries.cjs"),r=require("../../../utils/colorObjectGenerators.cjs"),d=require("../../Grid/Grid.cjs"),c=require("../Text.cjs"),x={text:Object.values(u.TextColors),accent:Object.values(r.getAccentTextColors()),emotion:Object.values(r.getEmotionTextColors())},b=()=>e.jsxs(e.Fragment,{children:[e.jsx(c.default,{children:"For demo purposes, the text has custom background and padding."}),e.jsx(d.default,{cols:{mobile:1,desktop:3},alignmentY:"top",spacingY:"space-1100",children:Object.entries(x).map(([t,o])=>e.jsxs(l.default,{stackAlignment:"start",children:[e.jsxs("h3",{children:[`${t.charAt(0).toUpperCase()}${t.slice(1)} `," colors"]}),o?.map(s=>{const i=s?.replace(/basic|subtle/,a=>a==="basic"?"subtle":"basic"),n=t!=="text"?`bg-${i} px-800`:"";return e.jsx("div",{className:`${n} py-800`,children:e.jsxs(c.default,{textColor:s,children:["Text ",s]})},s)})]},t))})]});exports.default=b;
+//# sourceMappingURL=TextColor.cjs.map

package/dist/components/Text/demo/TextColor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextColor.cjs","sources":["../../../../src/components/Text/demo/TextColor.tsx"],"sourcesContent":["import React from 'react';\nimport DocsStack from '../../../../docs/DocsStack';\nimport { TextColors } from '../../../constants';\nimport { type TextColorsType } from '../../../types';\nimport { getAccentTextColors, getEmotionTextColors } from '../../../utils';\nimport { Grid } from '../../Grid';\nimport Text from '../Text';\n\nconst colorList = {\n  text: Object.values(TextColors),\n  accent: Object.values(getAccentTextColors()),\n  emotion: Object.values(getEmotionTextColors()),\n};\n\nconst TextColor = () => (\n  <>\n    <Text>For demo purposes, the text has custom background and padding.</Text>\n    <Grid cols={{ mobile: 1, desktop: 3 }} alignmentY=\"top\" spacingY=\"space-1100\">\n      {Object.entries(colorList).map(([key, colors]: [string, TextColorsType[]]) => (\n        <DocsStack key={key} stackAlignment=\"start\">\n          <h3>{`${key.charAt(0).toUpperCase()}${key.slice(1)} `} colors</h3>\n\n          {colors?.map((color) => {\n            const bgColor = color?.replace(/basic|subtle/, (match) => (match === 'basic' ? 'subtle' : 'basic'));\n            const boxClass = key !== 'text' ? `bg-${bgColor} px-800` : '';\n\n            return (\n              <div key={color} className={`${boxClass} py-800`}>\n                <Text textColor={color}>Text {color}</Text>\n              </div>\n            );\n          })}\n        </DocsStack>\n      ))}\n    </Grid>\n  </>\n);\n\nexport default TextColor;\n"],"names":["colorList","TextColors","getAccentTextColors","getEmotionTextColors","TextColor","jsxs","Fragment","jsx","Text","Grid","key","colors","DocsStack","color","bgColor","match","boxClass"],"mappings":"qWAQMA,EAAY,CAChB,KAAM,OAAO,OAAOC,YAAU,EAC9B,OAAQ,OAAO,OAAOC,EAAAA,qBAAqB,EAC3C,QAAS,OAAO,OAAOC,uBAAA,CAAsB,CAC/C,EAEMC,EAAY,IAChBC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAACC,EAAAA,SAAK,SAAA,gEAAA,CAA8D,EACpED,EAAAA,IAACE,EAAAA,QAAA,CAAK,KAAM,CAAE,OAAQ,EAAG,QAAS,CAAA,EAAK,WAAW,MAAM,SAAS,aAC9D,gBAAO,QAAQT,CAAS,EAAE,IAAI,CAAC,CAACU,EAAKC,CAAM,IAC1CN,EAAAA,KAACO,EAAAA,QAAA,CAAoB,eAAe,QAClC,SAAA,CAAAP,OAAC,KAAA,CAAI,SAAA,CAAA,GAAGK,EAAI,OAAO,CAAC,EAAE,aAAa,GAAGA,EAAI,MAAM,CAAC,CAAC,IAAI,SAAA,EAAO,EAE5DC,GAAQ,IAAKE,GAAU,CACtB,MAAMC,EAAUD,GAAO,QAAQ,eAAiBE,GAAWA,IAAU,QAAU,SAAW,OAAQ,EAC5FC,EAAWN,IAAQ,OAAS,MAAMI,CAAO,UAAY,GAE3D,OACEP,EAAAA,IAAC,OAAgB,UAAW,GAAGS,CAAQ,UACrC,SAAAX,EAAAA,KAACG,EAAAA,QAAA,CAAK,UAAWK,EAAO,SAAA,CAAA,QAAMA,CAAA,CAAA,CAAM,GAD5BA,CAEV,CAEJ,CAAC,CAAA,CAAA,EAZaH,CAahB,CACD,CAAA,CACH,CAAA,CAAA,CACF"}

package/dist/components/Text/demo/TextColor.js

@@ -0,0 +1,30 @@
+import { jsxs as o, Fragment as n, jsx as s } from "react/jsx-runtime";
+import m from "../../../web-react/docs/DocsStack.js";
+import { TextColors as p } from "../../../constants/dictionaries.js";
+import { getEmotionTextColors as d, getAccentTextColors as x } from "../../../utils/colorObjectGenerators.js";
+import b from "../../Grid/Grid.js";
+import r from "../Text.js";
+const h = {
+  text: Object.values(p),
+  accent: Object.values(x()),
+  emotion: Object.values(d())
+}, v = () => /* @__PURE__ */ o(n, { children: [
+  /* @__PURE__ */ s(r, { children: "For demo purposes, the text has custom background and padding." }),
+  /* @__PURE__ */ s(b, { cols: { mobile: 1, desktop: 3 }, alignmentY: "top", spacingY: "space-1100", children: Object.entries(h).map(([t, c]) => /* @__PURE__ */ o(m, { stackAlignment: "start", children: [
+    /* @__PURE__ */ o("h3", { children: [
+      `${t.charAt(0).toUpperCase()}${t.slice(1)} `,
+      " colors"
+    ] }),
+    c?.map((e) => {
+      const i = e?.replace(/basic|subtle/, (l) => l === "basic" ? "subtle" : "basic"), a = t !== "text" ? `bg-${i} px-800` : "";
+      return /* @__PURE__ */ s("div", { className: `${a} py-800`, children: /* @__PURE__ */ o(r, { textColor: e, children: [
+        "Text ",
+        e
+      ] }) }, e);
+    })
+  ] }, t)) })
+] });
+export {
+  v as default
+};
+//# sourceMappingURL=TextColor.js.map

package/dist/components/Text/demo/TextColor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextColor.js","sources":["../../../../src/components/Text/demo/TextColor.tsx"],"sourcesContent":["import React from 'react';\nimport DocsStack from '../../../../docs/DocsStack';\nimport { TextColors } from '../../../constants';\nimport { type TextColorsType } from '../../../types';\nimport { getAccentTextColors, getEmotionTextColors } from '../../../utils';\nimport { Grid } from '../../Grid';\nimport Text from '../Text';\n\nconst colorList = {\n  text: Object.values(TextColors),\n  accent: Object.values(getAccentTextColors()),\n  emotion: Object.values(getEmotionTextColors()),\n};\n\nconst TextColor = () => (\n  <>\n    <Text>For demo purposes, the text has custom background and padding.</Text>\n    <Grid cols={{ mobile: 1, desktop: 3 }} alignmentY=\"top\" spacingY=\"space-1100\">\n      {Object.entries(colorList).map(([key, colors]: [string, TextColorsType[]]) => (\n        <DocsStack key={key} stackAlignment=\"start\">\n          <h3>{`${key.charAt(0).toUpperCase()}${key.slice(1)} `} colors</h3>\n\n          {colors?.map((color) => {\n            const bgColor = color?.replace(/basic|subtle/, (match) => (match === 'basic' ? 'subtle' : 'basic'));\n            const boxClass = key !== 'text' ? `bg-${bgColor} px-800` : '';\n\n            return (\n              <div key={color} className={`${boxClass} py-800`}>\n                <Text textColor={color}>Text {color}</Text>\n              </div>\n            );\n          })}\n        </DocsStack>\n      ))}\n    </Grid>\n  </>\n);\n\nexport default TextColor;\n"],"names":["colorList","TextColors","getAccentTextColors","getEmotionTextColors","TextColor","jsxs","Fragment","jsx","Text","Grid","key","colors","DocsStack","color","bgColor","match","boxClass"],"mappings":";;;;;;AAQA,MAAMA,IAAY;AAAA,EAChB,MAAM,OAAO,OAAOC,CAAU;AAAA,EAC9B,QAAQ,OAAO,OAAOC,GAAqB;AAAA,EAC3C,SAAS,OAAO,OAAOC,EAAA,CAAsB;AAC/C,GAEMC,IAAY,MAChB,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAK,UAAA,iEAAA,CAA8D;AAAA,EACpE,gBAAAD,EAACE,GAAA,EAAK,MAAM,EAAE,QAAQ,GAAG,SAAS,EAAA,GAAK,YAAW,OAAM,UAAS,cAC9D,iBAAO,QAAQT,CAAS,EAAE,IAAI,CAAC,CAACU,GAAKC,CAAM,MAC1C,gBAAAN,EAACO,GAAA,EAAoB,gBAAe,SAClC,UAAA;AAAA,IAAA,gBAAAP,EAAC,MAAA,EAAI,UAAA;AAAA,MAAA,GAAGK,EAAI,OAAO,CAAC,EAAE,aAAa,GAAGA,EAAI,MAAM,CAAC,CAAC;AAAA,MAAI;AAAA,IAAA,GAAO;AAAA,IAE5DC,GAAQ,IAAI,CAACE,MAAU;AACtB,YAAMC,IAAUD,GAAO,QAAQ,gBAAgB,CAACE,MAAWA,MAAU,UAAU,WAAW,OAAQ,GAC5FC,IAAWN,MAAQ,SAAS,MAAMI,CAAO,YAAY;AAE3D,aACE,gBAAAP,EAAC,SAAgB,WAAW,GAAGS,CAAQ,WACrC,UAAA,gBAAAX,EAACG,GAAA,EAAK,WAAWK,GAAO,UAAA;AAAA,QAAA;AAAA,QAAMA;AAAA,MAAA,EAAA,CAAM,KAD5BA,CAEV;AAAA,IAEJ,CAAC;AAAA,EAAA,EAAA,GAZaH,CAahB,CACD,EAAA,CACH;AAAA,EAAA,CACF;"}

package/dist/components/Text/demo/TextDefault.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../Text.cjs"),u=()=>e.jsx(t.default,{children:"Text"});exports.default=u;
+//# sourceMappingURL=TextDefault.cjs.map

package/dist/components/Text/demo/TextDefault.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextDefault.cjs","sources":["../../../../src/components/Text/demo/TextDefault.tsx"],"sourcesContent":["import React from 'react';\nimport Text from '../Text';\n\nconst TextDefault = () => <Text>Text</Text>;\n\nexport default TextDefault;\n"],"names":["TextDefault","jsx","Text"],"mappings":"0KAGMA,EAAc,IAAMC,EAAAA,IAACC,EAAAA,QAAA,CAAK,SAAA,MAAA,CAAI"}

package/dist/components/Text/demo/TextDefault.js

@@ -0,0 +1,7 @@
+import { jsx as t } from "react/jsx-runtime";
+import e from "../Text.js";
+const s = () => /* @__PURE__ */ t(e, { children: "Text" });
+export {
+  s as default
+};
+//# sourceMappingURL=TextDefault.js.map

package/dist/components/Text/demo/TextDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextDefault.js","sources":["../../../../src/components/Text/demo/TextDefault.tsx"],"sourcesContent":["import React from 'react';\nimport Text from '../Text';\n\nconst TextDefault = () => <Text>Text</Text>;\n\nexport default TextDefault;\n"],"names":["TextDefault","jsx","Text"],"mappings":";;AAGA,MAAMA,IAAc,MAAM,gBAAAC,EAACC,GAAA,EAAK,UAAA,OAAA,CAAI;"}

package/dist/components/Text/demo/TextEmphasis.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("../Text.cjs"),t=()=>e.jsxs(e.Fragment,{children:[e.jsx(s.default,{emphasis:"regular",children:"Text regular"}),e.jsx(s.default,{emphasis:"semibold",children:"Text semibold"}),e.jsx(s.default,{emphasis:"bold",children:"Text bold"}),e.jsx(s.default,{emphasis:"italic",children:"Text italic"})]});exports.default=t;
+//# sourceMappingURL=TextEmphasis.cjs.map

package/dist/components/Text/demo/TextEmphasis.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEmphasis.cjs","sources":["../../../../src/components/Text/demo/TextEmphasis.tsx"],"sourcesContent":["import React from 'react';\nimport Text from '../Text';\n\nconst TextEmphasis = () => (\n  <>\n    <Text emphasis=\"regular\">Text regular</Text>\n    <Text emphasis=\"semibold\">Text semibold</Text>\n    <Text emphasis=\"bold\">Text bold</Text>\n    <Text emphasis=\"italic\">Text italic</Text>\n  </>\n);\n\nexport default TextEmphasis;\n"],"names":["TextEmphasis","jsxs","Fragment","jsx","Text"],"mappings":"0KAGMA,EAAe,IACnBC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAK,SAAS,UAAU,SAAA,eAAY,EACrCD,EAAAA,IAACC,EAAAA,QAAA,CAAK,SAAS,WAAW,SAAA,gBAAa,EACvCD,EAAAA,IAACC,EAAAA,QAAA,CAAK,SAAS,OAAO,SAAA,YAAS,EAC/BD,EAAAA,IAACC,EAAAA,QAAA,CAAK,SAAS,SAAS,SAAA,aAAA,CAAW,CAAA,CAAA,CACrC"}

package/dist/components/Text/demo/TextEmphasis.js

@@ -0,0 +1,12 @@
+import { jsxs as s, Fragment as r, jsx as e } from "react/jsx-runtime";
+import i from "../Text.js";
+const a = () => /* @__PURE__ */ s(r, { children: [
+  /* @__PURE__ */ e(i, { emphasis: "regular", children: "Text regular" }),
+  /* @__PURE__ */ e(i, { emphasis: "semibold", children: "Text semibold" }),
+  /* @__PURE__ */ e(i, { emphasis: "bold", children: "Text bold" }),
+  /* @__PURE__ */ e(i, { emphasis: "italic", children: "Text italic" })
+] });
+export {
+  a as default
+};
+//# sourceMappingURL=TextEmphasis.js.map

package/dist/components/Text/demo/TextEmphasis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEmphasis.js","sources":["../../../../src/components/Text/demo/TextEmphasis.tsx"],"sourcesContent":["import React from 'react';\nimport Text from '../Text';\n\nconst TextEmphasis = () => (\n  <>\n    <Text emphasis=\"regular\">Text regular</Text>\n    <Text emphasis=\"semibold\">Text semibold</Text>\n    <Text emphasis=\"bold\">Text bold</Text>\n    <Text emphasis=\"italic\">Text italic</Text>\n  </>\n);\n\nexport default TextEmphasis;\n"],"names":["TextEmphasis","jsxs","Fragment","jsx","Text"],"mappings":";;AAGA,MAAMA,IAAe,MACnB,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAK,UAAS,WAAU,UAAA,gBAAY;AAAA,EACrC,gBAAAD,EAACC,GAAA,EAAK,UAAS,YAAW,UAAA,iBAAa;AAAA,EACvC,gBAAAD,EAACC,GAAA,EAAK,UAAS,QAAO,UAAA,aAAS;AAAA,EAC/B,gBAAAD,EAACC,GAAA,EAAK,UAAS,UAAS,UAAA,cAAA,CAAW;AAAA,EAAA,CACrC;"}

package/dist/components/Text/demo/TextHyphens.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../../constants/text.cjs"),i=require("../Text.cjs"),s=()=>e.jsxs("div",{style:{maxWidth:"200px"},className:"border-100 border-dashed border-basic",children:[e.jsx(i.default,{children:"Text with no specific hyphenation: supercalifragilisticexpialidocious"}),e.jsx(i.default,{textHyphens:t.TextHyphens.NONE,children:"Text with no hyphens: supercalifragilisticexpialidocious"}),e.jsx(i.default,{textHyphens:t.TextHyphens.MANUAL,children:"Text with manual hyphens: super­califragilisticexpialidocious"})]});exports.default=s;
+//# sourceMappingURL=TextHyphens.cjs.map

package/dist/components/Text/demo/TextHyphens.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextHyphens.cjs","sources":["../../../../src/components/Text/demo/TextHyphens.tsx"],"sourcesContent":["import React from 'react';\nimport { TextHyphens } from '../../../constants';\nimport Text from '../Text';\n\nconst TextWordBreak = () => (\n  <div style={{ maxWidth: '200px' }} className=\"border-100 border-dashed border-basic\">\n    <Text>Text with no specific hyphenation: supercalifragilisticexpialidocious</Text>\n    <Text textHyphens={TextHyphens.NONE}>Text with no hyphens: supercalifragilisticexpialidocious</Text>\n    <Text textHyphens={TextHyphens.MANUAL}>Text with manual hyphens: super&shy;califragilisticexpialidocious</Text>\n  </div>\n);\n\nexport default TextWordBreak;\n"],"names":["TextWordBreak","jsxs","jsx","Text","TextHyphens"],"mappings":"mNAIMA,EAAgB,IACpBC,EAAAA,KAAC,MAAA,CAAI,MAAO,CAAE,SAAU,OAAA,EAAW,UAAU,wCAC3C,SAAA,CAAAC,EAAAA,IAACC,EAAAA,SAAK,SAAA,uEAAA,CAAqE,EAC3ED,EAAAA,IAACC,EAAAA,QAAA,CAAK,YAAaC,EAAAA,YAAY,KAAM,SAAA,2DAAwD,EAC7FF,EAAAA,IAACC,EAAAA,QAAA,CAAK,YAAaC,EAAAA,YAAY,OAAQ,SAAA,+DAAA,CAAiE,CAAA,CAAA,CAC1G"}

package/dist/components/Text/demo/TextHyphens.js

@@ -0,0 +1,12 @@
+import { jsxs as t, jsx as i } from "react/jsx-runtime";
+import { TextHyphens as s } from "../../../constants/text.js";
+import e from "../Text.js";
+const c = () => /* @__PURE__ */ t("div", { style: { maxWidth: "200px" }, className: "border-100 border-dashed border-basic", children: [
+  /* @__PURE__ */ i(e, { children: "Text with no specific hyphenation: supercalifragilisticexpialidocious" }),
+  /* @__PURE__ */ i(e, { textHyphens: s.NONE, children: "Text with no hyphens: supercalifragilisticexpialidocious" }),
+  /* @__PURE__ */ i(e, { textHyphens: s.MANUAL, children: "Text with manual hyphens: super­califragilisticexpialidocious" })
+] });
+export {
+  c as default
+};
+//# sourceMappingURL=TextHyphens.js.map

package/dist/components/Text/demo/TextHyphens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextHyphens.js","sources":["../../../../src/components/Text/demo/TextHyphens.tsx"],"sourcesContent":["import React from 'react';\nimport { TextHyphens } from '../../../constants';\nimport Text from '../Text';\n\nconst TextWordBreak = () => (\n  <div style={{ maxWidth: '200px' }} className=\"border-100 border-dashed border-basic\">\n    <Text>Text with no specific hyphenation: supercalifragilisticexpialidocious</Text>\n    <Text textHyphens={TextHyphens.NONE}>Text with no hyphens: supercalifragilisticexpialidocious</Text>\n    <Text textHyphens={TextHyphens.MANUAL}>Text with manual hyphens: super&shy;califragilisticexpialidocious</Text>\n  </div>\n);\n\nexport default TextWordBreak;\n"],"names":["TextWordBreak","jsxs","jsx","Text","TextHyphens"],"mappings":";;;AAIA,MAAMA,IAAgB,MACpB,gBAAAC,EAAC,OAAA,EAAI,OAAO,EAAE,UAAU,QAAA,GAAW,WAAU,yCAC3C,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAK,UAAA,wEAAA,CAAqE;AAAA,EAC3E,gBAAAD,EAACC,GAAA,EAAK,aAAaC,EAAY,MAAM,UAAA,4DAAwD;AAAA,EAC7F,gBAAAF,EAACC,GAAA,EAAK,aAAaC,EAAY,QAAQ,UAAA,gEAAA,CAAiE;AAAA,EAAA,CAC1G;"}

package/dist/components/Text/demo/TextSizes.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),r=require("../../../constants/dictionaries.cjs"),i=require("../Text.cjs"),u=()=>{const s=Object.values(r.SizesExtended);return t.jsx(t.Fragment,{children:s.map(e=>t.jsxs(i.default,{size:e,children:["Text ",e]},e))})};exports.default=u;
+//# sourceMappingURL=TextSizes.cjs.map

package/dist/components/Text/demo/TextSizes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextSizes.cjs","sources":["../../../../src/components/Text/demo/TextSizes.tsx"],"sourcesContent":["import React from 'react';\nimport { SizesExtended } from '../../../constants';\nimport Text from '../Text';\n\nconst TextSizes = () => {\n  const sizes = Object.values(SizesExtended);\n\n  return (\n    <>\n      {sizes.map((size) => (\n        <Text key={size} size={size}>\n          Text {size}\n        </Text>\n      ))}\n    </>\n  );\n};\n\nexport default TextSizes;\n"],"names":["TextSizes","sizes","SizesExtended","size","jsxs","Text"],"mappings":"2NAIMA,EAAY,IAAM,CACtB,MAAMC,EAAQ,OAAO,OAAOC,eAAa,EAEzC,yBAEK,SAAAD,EAAM,IAAKE,GACVC,EAAAA,KAACC,EAAAA,SAAgB,KAAAF,EAAY,SAAA,CAAA,QACrBA,CAAA,GADGA,CAEX,CACD,EACH,CAEJ"}

package/dist/components/Text/demo/TextSizes.js

@@ -0,0 +1,14 @@
+import { jsx as r, Fragment as s, jsxs as o } from "react/jsx-runtime";
+import { SizesExtended as m } from "../../../constants/dictionaries.js";
+import i from "../Text.js";
+const a = () => {
+  const e = Object.values(m);
+  return /* @__PURE__ */ r(s, { children: e.map((t) => /* @__PURE__ */ o(i, { size: t, children: [
+    "Text ",
+    t
+  ] }, t)) });
+};
+export {
+  a as default
+};
+//# sourceMappingURL=TextSizes.js.map

package/dist/components/Text/demo/TextSizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextSizes.js","sources":["../../../../src/components/Text/demo/TextSizes.tsx"],"sourcesContent":["import React from 'react';\nimport { SizesExtended } from '../../../constants';\nimport Text from '../Text';\n\nconst TextSizes = () => {\n  const sizes = Object.values(SizesExtended);\n\n  return (\n    <>\n      {sizes.map((size) => (\n        <Text key={size} size={size}>\n          Text {size}\n        </Text>\n      ))}\n    </>\n  );\n};\n\nexport default TextSizes;\n"],"names":["TextSizes","sizes","SizesExtended","size","jsxs","Text"],"mappings":";;;AAIA,MAAMA,IAAY,MAAM;AACtB,QAAMC,IAAQ,OAAO,OAAOC,CAAa;AAEzC,gCAEK,UAAAD,EAAM,IAAI,CAACE,MACV,gBAAAC,EAACC,KAAgB,MAAAF,GAAY,UAAA;AAAA,IAAA;AAAA,IACrBA;AAAA,EAAA,KADGA,CAEX,CACD,GACH;AAEJ;"}

package/dist/components/Text/demo/TextWordBreak.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../../constants/text.cjs"),r=require("../Text.cjs"),i=()=>e.jsxs("div",{style:{maxWidth:"200px"},className:"border-100 border-dashed border-basic",children:[e.jsx(r.default,{children:"Text with no specific word break: supercalifragilisticexpialidocious"}),e.jsx(r.default,{textWordBreak:t.TextWordBreaks.ANYWHERE,children:"Text with long word that should break anywhere: supercalifragilisticexpialidocious"}),e.jsx(r.default,{textWordBreak:t.TextWordBreaks.LONG_WORDS,children:"Text with long word that should break at long words: supercalifragilisticexpialidocious"})]});exports.default=i;
+//# sourceMappingURL=TextWordBreak.cjs.map

package/dist/components/Text/demo/TextWordBreak.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextWordBreak.cjs","sources":["../../../../src/components/Text/demo/TextWordBreak.tsx"],"sourcesContent":["import React from 'react';\nimport { TextWordBreaks } from '../../../constants';\nimport Text from '../Text';\n\nconst TextWordBreak = () => (\n  <div style={{ maxWidth: '200px' }} className=\"border-100 border-dashed border-basic\">\n    <Text>Text with no specific word break: supercalifragilisticexpialidocious</Text>\n    <Text textWordBreak={TextWordBreaks.ANYWHERE}>\n      Text with long word that should break anywhere: supercalifragilisticexpialidocious\n    </Text>\n    <Text textWordBreak={TextWordBreaks.LONG_WORDS}>\n      Text with long word that should break at long words: supercalifragilisticexpialidocious\n    </Text>\n  </div>\n);\n\nexport default TextWordBreak;\n"],"names":["TextWordBreak","jsxs","jsx","Text","TextWordBreaks"],"mappings":"mNAIMA,EAAgB,IACpBC,EAAAA,KAAC,MAAA,CAAI,MAAO,CAAE,SAAU,OAAA,EAAW,UAAU,wCAC3C,SAAA,CAAAC,EAAAA,IAACC,EAAAA,SAAK,SAAA,sEAAA,CAAoE,EAC1ED,EAAAA,IAACC,EAAAA,QAAA,CAAK,cAAeC,EAAAA,eAAe,SAAU,SAAA,qFAE9C,EACAF,EAAAA,IAACC,EAAAA,QAAA,CAAK,cAAeC,EAAAA,eAAe,WAAY,SAAA,yFAAA,CAEhD,CAAA,CAAA,CACF"}

package/dist/components/Text/demo/TextWordBreak.js

@@ -0,0 +1,12 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { TextWordBreaks as i } from "../../../constants/text.js";
+import e from "../Text.js";
+const d = () => /* @__PURE__ */ o("div", { style: { maxWidth: "200px" }, className: "border-100 border-dashed border-basic", children: [
+  /* @__PURE__ */ r(e, { children: "Text with no specific word break: supercalifragilisticexpialidocious" }),
+  /* @__PURE__ */ r(e, { textWordBreak: i.ANYWHERE, children: "Text with long word that should break anywhere: supercalifragilisticexpialidocious" }),
+  /* @__PURE__ */ r(e, { textWordBreak: i.LONG_WORDS, children: "Text with long word that should break at long words: supercalifragilisticexpialidocious" })
+] });
+export {
+  d as default
+};
+//# sourceMappingURL=TextWordBreak.js.map

package/dist/components/Text/demo/TextWordBreak.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextWordBreak.js","sources":["../../../../src/components/Text/demo/TextWordBreak.tsx"],"sourcesContent":["import React from 'react';\nimport { TextWordBreaks } from '../../../constants';\nimport Text from '../Text';\n\nconst TextWordBreak = () => (\n  <div style={{ maxWidth: '200px' }} className=\"border-100 border-dashed border-basic\">\n    <Text>Text with no specific word break: supercalifragilisticexpialidocious</Text>\n    <Text textWordBreak={TextWordBreaks.ANYWHERE}>\n      Text with long word that should break anywhere: supercalifragilisticexpialidocious\n    </Text>\n    <Text textWordBreak={TextWordBreaks.LONG_WORDS}>\n      Text with long word that should break at long words: supercalifragilisticexpialidocious\n    </Text>\n  </div>\n);\n\nexport default TextWordBreak;\n"],"names":["TextWordBreak","jsxs","jsx","Text","TextWordBreaks"],"mappings":";;;AAIA,MAAMA,IAAgB,MACpB,gBAAAC,EAAC,OAAA,EAAI,OAAO,EAAE,UAAU,QAAA,GAAW,WAAU,yCAC3C,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAK,UAAA,uEAAA,CAAoE;AAAA,EAC1E,gBAAAD,EAACC,GAAA,EAAK,eAAeC,EAAe,UAAU,UAAA,sFAE9C;AAAA,EACA,gBAAAF,EAACC,GAAA,EAAK,eAAeC,EAAe,YAAY,UAAA,0FAAA,CAEhD;AAAA,EAAA,CACF;"}

package/dist/components/Text/demo/preview.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),t=require("../../../web-react/docs/DocsSection.cjs"),r=require("./TextAlignment.cjs"),i=require("./TextBalanced.cjs"),l=require("./TextColor.cjs"),n=require("./TextDefault.cjs"),c=require("./TextEmphasis.cjs"),u=require("./TextHyphens.cjs"),a=require("./TextSizes.cjs"),d=require("./TextWordBreak.cjs"),x=()=>e.jsxs(s.StrictMode,{children:[e.jsx(t.default,{title:"Default",children:e.jsx(n.default,{})}),e.jsx(t.default,{title:"Sizes",children:e.jsx(a.default,{})}),e.jsx(t.default,{title:"Emphasis",children:e.jsx(c.default,{})}),e.jsx(t.default,{title:"Colors",children:e.jsx(l.default,{})}),e.jsx(t.default,{title:"Alignment",stackAlignment:"stretch",children:e.jsx(r.default,{})}),e.jsx(t.default,{title:"Balanced Wrapping",stackAlignment:"stretch",children:e.jsx(i.default,{})}),e.jsx(t.default,{title:"Word Break",stackAlignment:"stretch",children:e.jsx(d.default,{})}),e.jsx(t.default,{title:"Hyphens",stackAlignment:"stretch",children:e.jsx(u.default,{})})]});exports.Preview=x;
+//# sourceMappingURL=preview.cjs.map

package/dist/components/Text/demo/preview.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.cjs","sources":["../../../../src/components/Text/demo/preview.tsx"],"sourcesContent":["'use client';\n\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport TextAlignment from './TextAlignment';\nimport TextBalanced from './TextBalanced';\nimport TextColor from './TextColor';\nimport TextDefault from './TextDefault';\nimport TextEmphasis from './TextEmphasis';\nimport TextHyphens from './TextHyphens';\nimport TextSizes from './TextSizes';\nimport TextWordBreak from './TextWordBreak';\n\nexport const Preview = () => (\n  <StrictMode>\n    <DocsSection title=\"Default\">\n      <TextDefault />\n    </DocsSection>\n    <DocsSection title=\"Sizes\">\n      <TextSizes />\n    </DocsSection>\n    <DocsSection title=\"Emphasis\">\n      <TextEmphasis />\n    </DocsSection>\n    <DocsSection title=\"Colors\">\n      <TextColor />\n    </DocsSection>\n    <DocsSection title=\"Alignment\" stackAlignment=\"stretch\">\n      <TextAlignment />\n    </DocsSection>\n    <DocsSection title=\"Balanced Wrapping\" stackAlignment=\"stretch\">\n      <TextBalanced />\n    </DocsSection>\n    <DocsSection title=\"Word Break\" stackAlignment=\"stretch\">\n      <TextWordBreak />\n    </DocsSection>\n    <DocsSection title=\"Hyphens\" stackAlignment=\"stretch\">\n      <TextHyphens />\n    </DocsSection>\n  </StrictMode>\n);\n"],"names":["Preview","jsxs","StrictMode","jsx","DocsSection","TextDefault","TextSizes","TextEmphasis","TextColor","TextAlignment","TextBalanced","TextWordBreak","TextHyphens"],"mappings":"ocAaaA,EAAU,IACrBC,EAAAA,KAACC,EAAAA,WAAA,CACC,SAAA,CAAAC,MAACC,EAAAA,QAAA,CAAY,MAAM,UACjB,SAAAD,MAACE,EAAAA,UAAY,EACf,QACCD,EAAAA,QAAA,CAAY,MAAM,QACjB,SAAAD,MAACG,EAAAA,UAAU,EACb,QACCF,EAAAA,QAAA,CAAY,MAAM,WACjB,SAAAD,MAACI,EAAAA,UAAa,EAChB,QACCH,EAAAA,QAAA,CAAY,MAAM,SACjB,SAAAD,MAACK,EAAAA,UAAU,EACb,EACAL,EAAAA,IAACC,EAAAA,SAAY,MAAM,YAAY,eAAe,UAC5C,SAAAD,EAAAA,IAACM,YAAc,CAAA,CACjB,EACAN,EAAAA,IAACC,EAAAA,SAAY,MAAM,oBAAoB,eAAe,UACpD,SAAAD,EAAAA,IAACO,YAAa,CAAA,CAChB,EACAP,EAAAA,IAACC,EAAAA,SAAY,MAAM,aAAa,eAAe,UAC7C,SAAAD,EAAAA,IAACQ,YAAc,CAAA,CACjB,EACAR,EAAAA,IAACC,EAAAA,SAAY,MAAM,UAAU,eAAe,UAC1C,SAAAD,EAAAA,IAACS,EAAAA,UAAY,CAAA,CACf,CAAA,CAAA,CACF"}

package/dist/components/Text/demo/preview.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { StrictMode as i } from "react";
+import e from "../../../web-react/docs/DocsSection.js";
+import o from "./TextAlignment.js";
+import l from "./TextBalanced.js";
+import m from "./TextColor.js";
+import n from "./TextDefault.js";
+import c from "./TextEmphasis.js";
+import s from "./TextHyphens.js";
+import p from "./TextSizes.js";
+import a from "./TextWordBreak.js";
+const W = () => /* @__PURE__ */ r(i, { children: [
+  /* @__PURE__ */ t(e, { title: "Default", children: /* @__PURE__ */ t(n, {}) }),
+  /* @__PURE__ */ t(e, { title: "Sizes", children: /* @__PURE__ */ t(p, {}) }),
+  /* @__PURE__ */ t(e, { title: "Emphasis", children: /* @__PURE__ */ t(c, {}) }),
+  /* @__PURE__ */ t(e, { title: "Colors", children: /* @__PURE__ */ t(m, {}) }),
+  /* @__PURE__ */ t(e, { title: "Alignment", stackAlignment: "stretch", children: /* @__PURE__ */ t(o, {}) }),
+  /* @__PURE__ */ t(e, { title: "Balanced Wrapping", stackAlignment: "stretch", children: /* @__PURE__ */ t(l, {}) }),
+  /* @__PURE__ */ t(e, { title: "Word Break", stackAlignment: "stretch", children: /* @__PURE__ */ t(a, {}) }),
+  /* @__PURE__ */ t(e, { title: "Hyphens", stackAlignment: "stretch", children: /* @__PURE__ */ t(s, {}) })
+] });
+export {
+  W as Preview
+};
+//# sourceMappingURL=preview.js.map

package/dist/components/Text/demo/preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sources":["../../../../src/components/Text/demo/preview.tsx"],"sourcesContent":["'use client';\n\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport TextAlignment from './TextAlignment';\nimport TextBalanced from './TextBalanced';\nimport TextColor from './TextColor';\nimport TextDefault from './TextDefault';\nimport TextEmphasis from './TextEmphasis';\nimport TextHyphens from './TextHyphens';\nimport TextSizes from './TextSizes';\nimport TextWordBreak from './TextWordBreak';\n\nexport const Preview = () => (\n  <StrictMode>\n    <DocsSection title=\"Default\">\n      <TextDefault />\n    </DocsSection>\n    <DocsSection title=\"Sizes\">\n      <TextSizes />\n    </DocsSection>\n    <DocsSection title=\"Emphasis\">\n      <TextEmphasis />\n    </DocsSection>\n    <DocsSection title=\"Colors\">\n      <TextColor />\n    </DocsSection>\n    <DocsSection title=\"Alignment\" stackAlignment=\"stretch\">\n      <TextAlignment />\n    </DocsSection>\n    <DocsSection title=\"Balanced Wrapping\" stackAlignment=\"stretch\">\n      <TextBalanced />\n    </DocsSection>\n    <DocsSection title=\"Word Break\" stackAlignment=\"stretch\">\n      <TextWordBreak />\n    </DocsSection>\n    <DocsSection title=\"Hyphens\" stackAlignment=\"stretch\">\n      <TextHyphens />\n    </DocsSection>\n  </StrictMode>\n);\n"],"names":["Preview","jsxs","StrictMode","jsx","DocsSection","TextDefault","TextSizes","TextEmphasis","TextColor","TextAlignment","TextBalanced","TextWordBreak","TextHyphens"],"mappings":";;;;;;;;;;;;AAaO,MAAMA,IAAU,MACrB,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAY,OAAM,WACjB,UAAA,gBAAAD,EAACE,KAAY,GACf;AAAA,oBACCD,GAAA,EAAY,OAAM,SACjB,UAAA,gBAAAD,EAACG,KAAU,GACb;AAAA,oBACCF,GAAA,EAAY,OAAM,YACjB,UAAA,gBAAAD,EAACI,KAAa,GAChB;AAAA,oBACCH,GAAA,EAAY,OAAM,UACjB,UAAA,gBAAAD,EAACK,KAAU,GACb;AAAA,EACA,gBAAAL,EAACC,KAAY,OAAM,aAAY,gBAAe,WAC5C,UAAA,gBAAAD,EAACM,KAAc,EAAA,CACjB;AAAA,EACA,gBAAAN,EAACC,KAAY,OAAM,qBAAoB,gBAAe,WACpD,UAAA,gBAAAD,EAACO,KAAa,EAAA,CAChB;AAAA,EACA,gBAAAP,EAACC,KAAY,OAAM,cAAa,gBAAe,WAC7C,UAAA,gBAAAD,EAACQ,KAAc,EAAA,CACjB;AAAA,EACA,gBAAAR,EAACC,KAAY,OAAM,WAAU,gBAAe,WAC1C,UAAA,gBAAAD,EAACS,KAAY,EAAA,CACf;AAAA,EAAA,CACF;"}

package/dist/components/Text/preview/index.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../demo/preview.cjs");exports.default=e.Preview;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Text/preview/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Text/preview/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { Preview as t } from "../demo/preview.js";
+export {
+  t as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Text/preview/index.js.map

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

package/dist/components/Text/preview.d.ts

@@ -0,0 +1,4 @@
+export {}
+import _default from '../../src/components/Text/preview/index'
+export default _default
+export {}

package/dist/components/Text/useTextStyleProps.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTextStyleProps.cjs","sources":["../../../src/components/Text/useTextStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { type ElementType } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritTextProps, type TextProps } from '../../types';\n\nexport interface TextStyles<E extends ElementType = 'p'> {\n  /** className props */\n  classProps: string | null;\n  /** props to be passed to the input element */\n  props: TextProps<E>;\n}\n\nexport function useTextStyleProps<E extends ElementType = 'p', S = void, Emph = void, C = void>(\n  props: SpiritTextProps<E, S, Emph, C>,\n): TextStyles<E> {\n  const { emphasis, size, textColor, ...restProps } = props;\n\n  const textClass = useClassNamePrefix('typography-body');\n  const textColorClass = useClassNamePrefix(textColor ? `text-${textColor}` : '');\n  const className = classNames(`${textClass}-${size}-${emphasis}`, {\n    [textColorClass]: !!textColor,\n  });\n\n  return {\n    classProps: className,\n    props: restProps,\n  };\n}\n"],"names":["useTextStyleProps","props","emphasis","size","textColor","restProps","textClass","useClassNamePrefix","textColorClass","classNames"],"mappings":"8JAYO,SAASA,EACdC,EACe,CACf,KAAM,CAAE,SAAAC,EAAU,KAAAC,EAAM,UAAAC,EAAW,GAAGC,GAAcJ,EAE9CK,EAAYC,EAAAA,mBAAmB,iBAAiB,EAChDC,EAAiBD,EAAAA,mBAAmBH,EAAY,QAAQA,CAAS,GAAK,EAAE,EAK9E,MAAO,CACL,WALgBK,EAAW,GAAGH,CAAS,IAAIH,CAAI,IAAID,CAAQ,GAAI,CAC/D,CAACM,CAAc,EAAG,CAAC,CAACJ,CAAA,CACrB,EAIC,MAAOC,CAAA,CAEX"}
+{"version":3,"file":"useTextStyleProps.cjs","sources":["../../../src/components/Text/useTextStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type TextProps } from '../../types';\n\nexport function useTextStyleProps<S = void, Emph = void, C = void>(props: TextProps<S, Emph, C>) {\n  const { emphasis, size, textColor, ...restProps } = props;\n\n  const textClass = useClassNamePrefix('typography-body');\n  const textColorClass = useClassNamePrefix(textColor ? `text-${textColor}` : '');\n  const className = classNames(`${textClass}-${size}-${emphasis}`, {\n    [textColorClass]: !!textColor,\n  });\n\n  return {\n    classProps: className,\n    props: restProps,\n  };\n}\n"],"names":["useTextStyleProps","props","emphasis","size","textColor","restProps","textClass","useClassNamePrefix","textColorClass","classNames"],"mappings":"8JAIO,SAASA,EAAmDC,EAA8B,CAC/F,KAAM,CAAE,SAAAC,EAAU,KAAAC,EAAM,UAAAC,EAAW,GAAGC,GAAcJ,EAE9CK,EAAYC,EAAAA,mBAAmB,iBAAiB,EAChDC,EAAiBD,EAAAA,mBAAmBH,EAAY,QAAQA,CAAS,GAAK,EAAE,EAK9E,MAAO,CACL,WALgBK,EAAW,GAAGH,CAAS,IAAIH,CAAI,IAAID,CAAQ,GAAI,CAC/D,CAACM,CAAc,EAAG,CAAC,CAACJ,CAAA,CACrB,EAIC,MAAOC,CAAA,CAEX"}

package/dist/components/Text/useTextStyleProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTextStyleProps.js","sources":["../../../src/components/Text/useTextStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { type ElementType } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritTextProps, type TextProps } from '../../types';\n\nexport interface TextStyles<E extends ElementType = 'p'> {\n  /** className props */\n  classProps: string | null;\n  /** props to be passed to the input element */\n  props: TextProps<E>;\n}\n\nexport function useTextStyleProps<E extends ElementType = 'p', S = void, Emph = void, C = void>(\n  props: SpiritTextProps<E, S, Emph, C>,\n): TextStyles<E> {\n  const { emphasis, size, textColor, ...restProps } = props;\n\n  const textClass = useClassNamePrefix('typography-body');\n  const textColorClass = useClassNamePrefix(textColor ? `text-${textColor}` : '');\n  const className = classNames(`${textClass}-${size}-${emphasis}`, {\n    [textColorClass]: !!textColor,\n  });\n\n  return {\n    classProps: className,\n    props: restProps,\n  };\n}\n"],"names":["useTextStyleProps","props","emphasis","size","textColor","restProps","textClass","useClassNamePrefix","textColorClass","classNames"],"mappings":";;AAYO,SAASA,EACdC,GACe;AACf,QAAM,EAAE,UAAAC,GAAU,MAAAC,GAAM,WAAAC,GAAW,GAAGC,MAAcJ,GAE9CK,IAAYC,EAAmB,iBAAiB,GAChDC,IAAiBD,EAAmBH,IAAY,QAAQA,CAAS,KAAK,EAAE;AAK9E,SAAO;AAAA,IACL,YALgBK,EAAW,GAAGH,CAAS,IAAIH,CAAI,IAAID,CAAQ,IAAI;AAAA,MAC/D,CAACM,CAAc,GAAG,CAAC,CAACJ;AAAA,IAAA,CACrB;AAAA,IAIC,OAAOC;AAAA,EAAA;AAEX;"}
+{"version":3,"file":"useTextStyleProps.js","sources":["../../../src/components/Text/useTextStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type TextProps } from '../../types';\n\nexport function useTextStyleProps<S = void, Emph = void, C = void>(props: TextProps<S, Emph, C>) {\n  const { emphasis, size, textColor, ...restProps } = props;\n\n  const textClass = useClassNamePrefix('typography-body');\n  const textColorClass = useClassNamePrefix(textColor ? `text-${textColor}` : '');\n  const className = classNames(`${textClass}-${size}-${emphasis}`, {\n    [textColorClass]: !!textColor,\n  });\n\n  return {\n    classProps: className,\n    props: restProps,\n  };\n}\n"],"names":["useTextStyleProps","props","emphasis","size","textColor","restProps","textClass","useClassNamePrefix","textColorClass","classNames"],"mappings":";;AAIO,SAASA,EAAmDC,GAA8B;AAC/F,QAAM,EAAE,UAAAC,GAAU,MAAAC,GAAM,WAAAC,GAAW,GAAGC,MAAcJ,GAE9CK,IAAYC,EAAmB,iBAAiB,GAChDC,IAAiBD,EAAmBH,IAAY,QAAQA,CAAS,KAAK,EAAE;AAK9E,SAAO;AAAA,IACL,YALgBK,EAAW,GAAGH,CAAS,IAAIH,CAAI,IAAID,CAAQ,IAAI;AAAA,MAC/D,CAACM,CAAc,GAAG,CAAC,CAACJ;AAAA,IAAA,CACrB;AAAA,IAIC,OAAOC;AAAA,EAAA;AAEX;"}

package/dist/components/Text.d.ts

@@ -1,2 +1,2 @@
-export * from './Text/index'
+export * from '../src/components/Text/index'
 export {}

package/dist/components/TextArea.d.ts

@@ -1,2 +1,2 @@
-export * from './TextArea/index'
+export * from '../src/components/TextArea/index'
 export {}

package/dist/components/TextField.d.ts

@@ -1,2 +1,2 @@
-export * from './TextField/index'
+export * from '../src/components/TextField/index'
 export {}

package/dist/components/TextFieldBase/useTextFieldBaseInputStyleProps.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTextFieldBaseInputStyleProps.cjs","sources":["../../../src/components/TextFieldBase/useTextFieldBaseInputStyleProps.ts"],"sourcesContent":["import { useClassNamePrefix } from '../../hooks';\nimport { type SpiritTextFieldBaseInputProps, type TextFieldBaseProps } from '../../types';\n\nexport interface TextFieldBaseInputStyles {\n  /** className props */\n  classProps: {\n    input: string;\n  };\n  /** props to be passed to the input element */\n  props: TextFieldBaseProps;\n}\n\nexport function useTextFieldBaseInputStyleProps(props: SpiritTextFieldBaseInputProps): TextFieldBaseInputStyles {\n  const { isMultiline, id, ...restProps } = props;\n\n  const TextFieldBaseClass = useClassNamePrefix(isMultiline ? 'TextArea' : 'TextField');\n  const TextFieldBaseInputClass = `${TextFieldBaseClass}__input`;\n\n  return {\n    classProps: {\n      input: TextFieldBaseInputClass,\n    },\n    props: {\n      ...restProps,\n      isMultiline,\n      id,\n    },\n  };\n}\n"],"names":["useTextFieldBaseInputStyleProps","props","isMultiline","id","restProps","useClassNamePrefix"],"mappings":"sIAYO,SAASA,EAAgCC,EAAgE,CAC9G,KAAM,CAAE,YAAAC,EAAa,GAAAC,EAAI,GAAGC,GAAcH,EAK1C,MAAO,CACL,WAAY,CACV,MAJ4B,GADLI,EAAAA,mBAAmBH,EAAc,WAAa,WAAW,CAC/B,SAI1C,EAET,MAAO,CACL,GAAGE,EACH,YAAAF,EACA,GAAAC,CAAA,CACF,CAEJ"}
+{"version":3,"file":"useTextFieldBaseInputStyleProps.cjs","sources":["../../../src/components/TextFieldBase/useTextFieldBaseInputStyleProps.ts"],"sourcesContent":["import { useClassNamePrefix } from '../../hooks';\nimport { type RequiredProps, type TextFieldBaseInputProps, type TextFieldBaseProps } from '../../types';\n\nexport interface TextFieldBaseInputStyles {\n  /** className props */\n  classProps: {\n    input: string;\n  };\n  /** props to be passed to the input element */\n  props: TextFieldBaseProps;\n}\n\nexport function useTextFieldBaseInputStyleProps(\n  props: RequiredProps & TextFieldBaseInputProps,\n): TextFieldBaseInputStyles {\n  const { isMultiline, id, ...restProps } = props;\n\n  const TextFieldBaseClass = useClassNamePrefix(isMultiline ? 'TextArea' : 'TextField');\n  const TextFieldBaseInputClass = `${TextFieldBaseClass}__input`;\n\n  return {\n    classProps: {\n      input: TextFieldBaseInputClass,\n    },\n    props: {\n      ...restProps,\n      isMultiline,\n      id,\n    },\n  };\n}\n"],"names":["useTextFieldBaseInputStyleProps","props","isMultiline","id","restProps","useClassNamePrefix"],"mappings":"sIAYO,SAASA,EACdC,EAC0B,CAC1B,KAAM,CAAE,YAAAC,EAAa,GAAAC,EAAI,GAAGC,GAAcH,EAK1C,MAAO,CACL,WAAY,CACV,MAJ4B,GADLI,EAAAA,mBAAmBH,EAAc,WAAa,WAAW,CAC/B,SAI1C,EAET,MAAO,CACL,GAAGE,EACH,YAAAF,EACA,GAAAC,CAAA,CACF,CAEJ"}

package/dist/components/TextFieldBase/useTextFieldBaseInputStyleProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTextFieldBaseInputStyleProps.js","sources":["../../../src/components/TextFieldBase/useTextFieldBaseInputStyleProps.ts"],"sourcesContent":["import { useClassNamePrefix } from '../../hooks';\nimport { type SpiritTextFieldBaseInputProps, type TextFieldBaseProps } from '../../types';\n\nexport interface TextFieldBaseInputStyles {\n  /** className props */\n  classProps: {\n    input: string;\n  };\n  /** props to be passed to the input element */\n  props: TextFieldBaseProps;\n}\n\nexport function useTextFieldBaseInputStyleProps(props: SpiritTextFieldBaseInputProps): TextFieldBaseInputStyles {\n  const { isMultiline, id, ...restProps } = props;\n\n  const TextFieldBaseClass = useClassNamePrefix(isMultiline ? 'TextArea' : 'TextField');\n  const TextFieldBaseInputClass = `${TextFieldBaseClass}__input`;\n\n  return {\n    classProps: {\n      input: TextFieldBaseInputClass,\n    },\n    props: {\n      ...restProps,\n      isMultiline,\n      id,\n    },\n  };\n}\n"],"names":["useTextFieldBaseInputStyleProps","props","isMultiline","id","restProps","useClassNamePrefix"],"mappings":";AAYO,SAASA,EAAgCC,GAAgE;AAC9G,QAAM,EAAE,aAAAC,GAAa,IAAAC,GAAI,GAAGC,MAAcH;AAK1C,SAAO;AAAA,IACL,YAAY;AAAA,MACV,OAJ4B,GADLI,EAAmBH,IAAc,aAAa,WAAW,CAC/B;AAAA,IAI1C;AAAA,IAET,OAAO;AAAA,MACL,GAAGE;AAAA,MACH,aAAAF;AAAA,MACA,IAAAC;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"useTextFieldBaseInputStyleProps.js","sources":["../../../src/components/TextFieldBase/useTextFieldBaseInputStyleProps.ts"],"sourcesContent":["import { useClassNamePrefix } from '../../hooks';\nimport { type RequiredProps, type TextFieldBaseInputProps, type TextFieldBaseProps } from '../../types';\n\nexport interface TextFieldBaseInputStyles {\n  /** className props */\n  classProps: {\n    input: string;\n  };\n  /** props to be passed to the input element */\n  props: TextFieldBaseProps;\n}\n\nexport function useTextFieldBaseInputStyleProps(\n  props: RequiredProps & TextFieldBaseInputProps,\n): TextFieldBaseInputStyles {\n  const { isMultiline, id, ...restProps } = props;\n\n  const TextFieldBaseClass = useClassNamePrefix(isMultiline ? 'TextArea' : 'TextField');\n  const TextFieldBaseInputClass = `${TextFieldBaseClass}__input`;\n\n  return {\n    classProps: {\n      input: TextFieldBaseInputClass,\n    },\n    props: {\n      ...restProps,\n      isMultiline,\n      id,\n    },\n  };\n}\n"],"names":["useTextFieldBaseInputStyleProps","props","isMultiline","id","restProps","useClassNamePrefix"],"mappings":";AAYO,SAASA,EACdC,GAC0B;AAC1B,QAAM,EAAE,aAAAC,GAAa,IAAAC,GAAI,GAAGC,MAAcH;AAK1C,SAAO;AAAA,IACL,YAAY;AAAA,MACV,OAJ4B,GADLI,EAAmBH,IAAc,aAAa,WAAW,CAC/B;AAAA,IAI1C;AAAA,IAET,OAAO;AAAA,MACL,GAAGE;AAAA,MACH,aAAAF;AAAA,MACA,IAAAC;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/TextFieldBase/useTextFieldBaseStyleProps.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("classnames"),q=require("../../hooks/useClassNamePrefix.cjs");function m(i){const{isFluid:d,isMultiline:s,isLabelHidden:n,size:t,validationState:l,...a}=i,{isDisabled:r,isRequired:T}=a,e=q.useClassNamePrefix(s?"TextArea":"TextField"),c=`${e}--disabled`,u=`${e}--fluid`,x=`${e}--${t}`,_=`${e}--${l}`,g=`${e}__input`,p=`${e}__label`,F=`${e}__label--required`,B=`${e}__label--hidden`,C=`${e}__validationText`,$=`${e}__passwordToggle`,b=`${e}__passwordToggle__button`,P=`${e}__passwordToggle__icon`,w=`${e}__helperText`,S=o(e,{[c]:r,[u]:d,[_]:l,[x]:t}),y=o(p,{[F]:T,[B]:n}),f=`${e}__counter`;return{classProps:{root:S,label:y,input:g,helperText:w,validationText:C,passwordToggle:$,passwordToggleButton:b,passwordToggleIcon:P,counter:f},props:{...a,isMultiline:s}}}exports.useTextFieldBaseStyleProps=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("classnames"),f=require("../../hooks/useClassNamePrefix.cjs");function q(i){const{isFluid:d,isMultiline:s,isLabelHidden:n,size:t,validationState:l,...a}=i,{isDisabled:r,isRequired:c}=a,e=f.useClassNamePrefix(s?"TextArea":"TextField"),u=`${e}--disabled`,x=`${e}--fluid`,_=`${e}--${t}`,g=`${e}--${l}`,F=`${e}__input`,T=`${e}__label`,p=`${e}__label--required`,B=`${e}__label--hidden`,C=`${e}__validationText`,$=`${e}__passwordToggle`,b=`${e}__passwordToggle__button`,P=`${e}__passwordToggle__icon`,w=`${e}__helperText`,S=`${e}__counter`;return{classProps:{root:o(e,{[u]:r,[x]:d,[g]:l,[_]:t}),label:o(T,{[p]:c,[B]:n}),input:F,helperText:w,validationText:C,passwordToggle:$,passwordToggleButton:b,passwordToggleIcon:P,counter:S},props:{...a,isMultiline:s}}}exports.useTextFieldBaseStyleProps=q;
 //# sourceMappingURL=useTextFieldBaseStyleProps.cjs.map

package/dist/components/TextFieldBase/useTextFieldBaseStyleProps.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTextFieldBaseStyleProps.cjs","sources":["../../../src/components/TextFieldBase/useTextFieldBaseStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritTextFieldBaseProps, type TextFieldBaseProps } from '../../types';\n\nexport interface TextFieldBaseStyles {\n  /** className props */\n  classProps: {\n    root: string;\n    label: string;\n    input: string;\n    helperText: string;\n    validationText: string;\n    passwordToggle: string;\n    passwordToggleButton: string;\n    passwordToggleIcon: string;\n    counter: string;\n  };\n  /** props to be passed to the input element */\n  props: Omit<TextFieldBaseProps, 'label'>;\n}\n\nexport function useTextFieldBaseStyleProps(props: Omit<SpiritTextFieldBaseProps, 'label'>): TextFieldBaseStyles {\n  const { isFluid, isMultiline, isLabelHidden, size, validationState, ...restProps } = props;\n  const { isDisabled, isRequired } = restProps;\n\n  const TextFieldBaseClass = useClassNamePrefix(isMultiline ? 'TextArea' : 'TextField');\n  const TextFieldBaseDisabledClass = `${TextFieldBaseClass}--disabled`;\n  const TextFieldBaseFluidClass = `${TextFieldBaseClass}--fluid`;\n  const TextFieldBaseSizeClass = `${TextFieldBaseClass}--${size}`;\n  const TextFieldBaseValidationClass = `${TextFieldBaseClass}--${validationState}`;\n  const TextFieldBaseInputClass = `${TextFieldBaseClass}__input`;\n  const TextFieldBaseLabelClass = `${TextFieldBaseClass}__label`;\n  const TextFieldBaseLabelRequiredClass = `${TextFieldBaseClass}__label--required`;\n  const TextFieldBaseLabelHiddenClass = `${TextFieldBaseClass}__label--hidden`;\n  const TextFieldBaseValidationTextClass = `${TextFieldBaseClass}__validationText`;\n  const TextFieldBasePasswordToggleClass = `${TextFieldBaseClass}__passwordToggle`;\n  const TextFieldBasePasswordToggleButtonClass = `${TextFieldBaseClass}__passwordToggle__button`;\n  const TextFieldBasePasswordToggleIconClass = `${TextFieldBaseClass}__passwordToggle__icon`;\n  const TextFieldBaseHelperTextClass = `${TextFieldBaseClass}__helperText`;\n\n  const rootStyles = classNames(TextFieldBaseClass, {\n    [TextFieldBaseDisabledClass]: isDisabled,\n    [TextFieldBaseFluidClass]: isFluid,\n    [TextFieldBaseValidationClass]: validationState,\n    [TextFieldBaseSizeClass]: size,\n  });\n  const labelStyles = classNames(TextFieldBaseLabelClass, {\n    [TextFieldBaseLabelRequiredClass]: isRequired,\n    [TextFieldBaseLabelHiddenClass]: isLabelHidden,\n  });\n  const counterStyles = `${TextFieldBaseClass}__counter`;\n\n  return {\n    classProps: {\n      root: rootStyles,\n      label: labelStyles,\n      input: TextFieldBaseInputClass,\n      helperText: TextFieldBaseHelperTextClass,\n      validationText: TextFieldBaseValidationTextClass,\n      passwordToggle: TextFieldBasePasswordToggleClass,\n      passwordToggleButton: TextFieldBasePasswordToggleButtonClass,\n      passwordToggleIcon: TextFieldBasePasswordToggleIconClass,\n      counter: counterStyles,\n    },\n    props: {\n      ...restProps,\n      isMultiline,\n    },\n  };\n}\n"],"names":["useTextFieldBaseStyleProps","props","isFluid","isMultiline","isLabelHidden","size","validationState","restProps","isDisabled","isRequired","TextFieldBaseClass","useClassNamePrefix","TextFieldBaseDisabledClass","TextFieldBaseFluidClass","TextFieldBaseSizeClass","TextFieldBaseValidationClass","TextFieldBaseInputClass","TextFieldBaseLabelClass","TextFieldBaseLabelRequiredClass","TextFieldBaseLabelHiddenClass","TextFieldBaseValidationTextClass","TextFieldBasePasswordToggleClass","TextFieldBasePasswordToggleButtonClass","TextFieldBasePasswordToggleIconClass","TextFieldBaseHelperTextClass","rootStyles","classNames","labelStyles","counterStyles"],"mappings":"8JAqBO,SAASA,EAA2BC,EAAqE,CAC9G,KAAM,CAAE,QAAAC,EAAS,YAAAC,EAAa,cAAAC,EAAe,KAAAC,EAAM,gBAAAC,EAAiB,GAAGC,GAAcN,EAC/E,CAAE,WAAAO,EAAY,WAAAC,CAAA,EAAeF,EAE7BG,EAAqBC,EAAAA,mBAAmBR,EAAc,WAAa,WAAW,EAC9ES,EAA6B,GAAGF,CAAkB,aAClDG,EAA0B,GAAGH,CAAkB,UAC/CI,EAAyB,GAAGJ,CAAkB,KAAKL,CAAI,GACvDU,EAA+B,GAAGL,CAAkB,KAAKJ,CAAe,GACxEU,EAA0B,GAAGN,CAAkB,UAC/CO,EAA0B,GAAGP,CAAkB,UAC/CQ,EAAkC,GAAGR,CAAkB,oBACvDS,EAAgC,GAAGT,CAAkB,kBACrDU,EAAmC,GAAGV,CAAkB,mBACxDW,EAAmC,GAAGX,CAAkB,mBACxDY,EAAyC,GAAGZ,CAAkB,2BAC9Da,EAAuC,GAAGb,CAAkB,yBAC5Dc,EAA+B,GAAGd,CAAkB,eAEpDe,EAAaC,EAAWhB,EAAoB,CAChD,CAACE,CAA0B,EAAGJ,EAC9B,CAACK,CAAuB,EAAGX,EAC3B,CAACa,CAA4B,EAAGT,EAChC,CAACQ,CAAsB,EAAGT,CAAA,CAC3B,EACKsB,EAAcD,EAAWT,EAAyB,CACtD,CAACC,CAA+B,EAAGT,EACnC,CAACU,CAA6B,EAAGf,CAAA,CAClC,EACKwB,EAAgB,GAAGlB,CAAkB,YAE3C,MAAO,CACL,WAAY,CACV,KAAMe,EACN,MAAOE,EACP,MAAOX,EACP,WAAYQ,EACZ,eAAgBJ,EAChB,eAAgBC,EAChB,qBAAsBC,EACtB,mBAAoBC,EACpB,QAASK,CAAA,EAEX,MAAO,CACL,GAAGrB,EACH,YAAAJ,CAAA,CACF,CAEJ"}
+{"version":3,"file":"useTextFieldBaseStyleProps.cjs","sources":["../../../src/components/TextFieldBase/useTextFieldBaseStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritTextFieldBaseProps, type TextFieldBaseProps } from '../../types';\n\nexport interface TextFieldBaseStyles {\n  /** className props */\n  classProps: {\n    root: string;\n    label: string;\n    input: string;\n    helperText: string;\n    validationText: string;\n    passwordToggle: string;\n    passwordToggleButton: string;\n    passwordToggleIcon: string;\n    counter: string;\n  };\n  /** props to be passed to the input element */\n  props: Omit<TextFieldBaseProps, 'label'>;\n}\n\nexport function useTextFieldBaseStyleProps(props: Omit<SpiritTextFieldBaseProps, 'label'>): TextFieldBaseStyles {\n  const { isFluid, isMultiline, isLabelHidden, size, validationState, ...restProps } = props;\n  const { isDisabled, isRequired } = restProps;\n\n  const textFieldBaseClass = useClassNamePrefix(isMultiline ? 'TextArea' : 'TextField');\n  const textFieldBaseDisabledClass = `${textFieldBaseClass}--disabled`;\n  const textFieldBaseFluidClass = `${textFieldBaseClass}--fluid`;\n  const textFieldBaseSizeClass = `${textFieldBaseClass}--${size}`;\n  const textFieldBaseValidationClass = `${textFieldBaseClass}--${validationState}`;\n  const textFieldBaseInputClass = `${textFieldBaseClass}__input`;\n  const textFieldBaseLabelClass = `${textFieldBaseClass}__label`;\n  const textFieldBaseLabelRequiredClass = `${textFieldBaseClass}__label--required`;\n  const textFieldBaseLabelHiddenClass = `${textFieldBaseClass}__label--hidden`;\n  const textFieldBaseValidationTextClass = `${textFieldBaseClass}__validationText`;\n  const textFieldBasePasswordToggleClass = `${textFieldBaseClass}__passwordToggle`;\n  const textFieldBasePasswordToggleButtonClass = `${textFieldBaseClass}__passwordToggle__button`;\n  const textFieldBasePasswordToggleIconClass = `${textFieldBaseClass}__passwordToggle__icon`;\n  const textFieldBaseHelperTextClass = `${textFieldBaseClass}__helperText`;\n  const textFieldBaseCounterClass = `${textFieldBaseClass}__counter`;\n\n  return {\n    classProps: {\n      root: classNames(textFieldBaseClass, {\n        [textFieldBaseDisabledClass]: isDisabled,\n        [textFieldBaseFluidClass]: isFluid,\n        [textFieldBaseValidationClass]: validationState,\n        [textFieldBaseSizeClass]: size,\n      }),\n      label: classNames(textFieldBaseLabelClass, {\n        [textFieldBaseLabelRequiredClass]: isRequired,\n        [textFieldBaseLabelHiddenClass]: isLabelHidden,\n      }),\n      input: textFieldBaseInputClass,\n      helperText: textFieldBaseHelperTextClass,\n      validationText: textFieldBaseValidationTextClass,\n      passwordToggle: textFieldBasePasswordToggleClass,\n      passwordToggleButton: textFieldBasePasswordToggleButtonClass,\n      passwordToggleIcon: textFieldBasePasswordToggleIconClass,\n      counter: textFieldBaseCounterClass,\n    },\n    props: {\n      ...restProps,\n      isMultiline,\n    },\n  };\n}\n"],"names":["useTextFieldBaseStyleProps","props","isFluid","isMultiline","isLabelHidden","size","validationState","restProps","isDisabled","isRequired","textFieldBaseClass","useClassNamePrefix","textFieldBaseDisabledClass","textFieldBaseFluidClass","textFieldBaseSizeClass","textFieldBaseValidationClass","textFieldBaseInputClass","textFieldBaseLabelClass","textFieldBaseLabelRequiredClass","textFieldBaseLabelHiddenClass","textFieldBaseValidationTextClass","textFieldBasePasswordToggleClass","textFieldBasePasswordToggleButtonClass","textFieldBasePasswordToggleIconClass","textFieldBaseHelperTextClass","textFieldBaseCounterClass","classNames"],"mappings":"8JAqBO,SAASA,EAA2BC,EAAqE,CAC9G,KAAM,CAAE,QAAAC,EAAS,YAAAC,EAAa,cAAAC,EAAe,KAAAC,EAAM,gBAAAC,EAAiB,GAAGC,GAAcN,EAC/E,CAAE,WAAAO,EAAY,WAAAC,CAAA,EAAeF,EAE7BG,EAAqBC,EAAAA,mBAAmBR,EAAc,WAAa,WAAW,EAC9ES,EAA6B,GAAGF,CAAkB,aAClDG,EAA0B,GAAGH,CAAkB,UAC/CI,EAAyB,GAAGJ,CAAkB,KAAKL,CAAI,GACvDU,EAA+B,GAAGL,CAAkB,KAAKJ,CAAe,GACxEU,EAA0B,GAAGN,CAAkB,UAC/CO,EAA0B,GAAGP,CAAkB,UAC/CQ,EAAkC,GAAGR,CAAkB,oBACvDS,EAAgC,GAAGT,CAAkB,kBACrDU,EAAmC,GAAGV,CAAkB,mBACxDW,EAAmC,GAAGX,CAAkB,mBACxDY,EAAyC,GAAGZ,CAAkB,2BAC9Da,EAAuC,GAAGb,CAAkB,yBAC5Dc,EAA+B,GAAGd,CAAkB,eACpDe,EAA4B,GAAGf,CAAkB,YAEvD,MAAO,CACL,WAAY,CACV,KAAMgB,EAAWhB,EAAoB,CACnC,CAACE,CAA0B,EAAGJ,EAC9B,CAACK,CAAuB,EAAGX,EAC3B,CAACa,CAA4B,EAAGT,EAChC,CAACQ,CAAsB,EAAGT,CAAA,CAC3B,EACD,MAAOqB,EAAWT,EAAyB,CACzC,CAACC,CAA+B,EAAGT,EACnC,CAACU,CAA6B,EAAGf,CAAA,CAClC,EACD,MAAOY,EACP,WAAYQ,EACZ,eAAgBJ,EAChB,eAAgBC,EAChB,qBAAsBC,EACtB,mBAAoBC,EACpB,QAASE,CAAA,EAEX,MAAO,CACL,GAAGlB,EACH,YAAAJ,CAAA,CACF,CAEJ"}

package/dist/components/TextFieldBase/useTextFieldBaseStyleProps.js

@@ -1,26 +1,26 @@
 import o from "classnames";
-import { useClassNamePrefix as y } from "../../hooks/useClassNamePrefix.js";
+import { useClassNamePrefix as f } from "../../hooks/useClassNamePrefix.js";
 function q(i) {
-  const { isFluid: d, isMultiline: s, isLabelHidden: n, size: l, validationState: t, ...a } = i, { isDisabled: r, isRequired: T } = a, e = y(s ? "TextArea" : "TextField"), c = `${e}--disabled`, x = `${e}--fluid`, _ = `${e}--${l}`, u = `${e}--${t}`, p = `${e}__input`, g = `${e}__label`, F = `${e}__label--required`, B = `${e}__label--hidden`, $ = `${e}__validationText`, C = `${e}__passwordToggle`, b = `${e}__passwordToggle__button`, w = `${e}__passwordToggle__icon`, P = `${e}__helperText`, m = o(e, {
-    [c]: r,
-    [x]: d,
-    [u]: t,
-    [_]: l
-  }), S = o(g, {
-    [F]: T,
-    [B]: n
-  }), f = `${e}__counter`;
+  const { isFluid: d, isMultiline: s, isLabelHidden: n, size: t, validationState: l, ...a } = i, { isDisabled: r, isRequired: c } = a, e = f(s ? "TextArea" : "TextField"), x = `${e}--disabled`, _ = `${e}--fluid`, u = `${e}--${t}`, p = `${e}--${l}`, F = `${e}__input`, g = `${e}__label`, B = `${e}__label--required`, T = `${e}__label--hidden`, C = `${e}__validationText`, $ = `${e}__passwordToggle`, b = `${e}__passwordToggle__button`, w = `${e}__passwordToggle__icon`, P = `${e}__helperText`, m = `${e}__counter`;
   return {
     classProps: {
-      root: m,
-      label: S,
-      input: p,
+      root: o(e, {
+        [x]: r,
+        [_]: d,
+        [p]: l,
+        [u]: t
+      }),
+      label: o(g, {
+        [B]: c,
+        [T]: n
+      }),
+      input: F,
       helperText: P,
-      validationText: $,
-      passwordToggle: C,
+      validationText: C,
+      passwordToggle: $,
       passwordToggleButton: b,
       passwordToggleIcon: w,
-      counter: f
+      counter: m
     },
     props: {
       ...a,

package/dist/components/TextFieldBase/useTextFieldBaseStyleProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTextFieldBaseStyleProps.js","sources":["../../../src/components/TextFieldBase/useTextFieldBaseStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritTextFieldBaseProps, type TextFieldBaseProps } from '../../types';\n\nexport interface TextFieldBaseStyles {\n  /** className props */\n  classProps: {\n    root: string;\n    label: string;\n    input: string;\n    helperText: string;\n    validationText: string;\n    passwordToggle: string;\n    passwordToggleButton: string;\n    passwordToggleIcon: string;\n    counter: string;\n  };\n  /** props to be passed to the input element */\n  props: Omit<TextFieldBaseProps, 'label'>;\n}\n\nexport function useTextFieldBaseStyleProps(props: Omit<SpiritTextFieldBaseProps, 'label'>): TextFieldBaseStyles {\n  const { isFluid, isMultiline, isLabelHidden, size, validationState, ...restProps } = props;\n  const { isDisabled, isRequired } = restProps;\n\n  const TextFieldBaseClass = useClassNamePrefix(isMultiline ? 'TextArea' : 'TextField');\n  const TextFieldBaseDisabledClass = `${TextFieldBaseClass}--disabled`;\n  const TextFieldBaseFluidClass = `${TextFieldBaseClass}--fluid`;\n  const TextFieldBaseSizeClass = `${TextFieldBaseClass}--${size}`;\n  const TextFieldBaseValidationClass = `${TextFieldBaseClass}--${validationState}`;\n  const TextFieldBaseInputClass = `${TextFieldBaseClass}__input`;\n  const TextFieldBaseLabelClass = `${TextFieldBaseClass}__label`;\n  const TextFieldBaseLabelRequiredClass = `${TextFieldBaseClass}__label--required`;\n  const TextFieldBaseLabelHiddenClass = `${TextFieldBaseClass}__label--hidden`;\n  const TextFieldBaseValidationTextClass = `${TextFieldBaseClass}__validationText`;\n  const TextFieldBasePasswordToggleClass = `${TextFieldBaseClass}__passwordToggle`;\n  const TextFieldBasePasswordToggleButtonClass = `${TextFieldBaseClass}__passwordToggle__button`;\n  const TextFieldBasePasswordToggleIconClass = `${TextFieldBaseClass}__passwordToggle__icon`;\n  const TextFieldBaseHelperTextClass = `${TextFieldBaseClass}__helperText`;\n\n  const rootStyles = classNames(TextFieldBaseClass, {\n    [TextFieldBaseDisabledClass]: isDisabled,\n    [TextFieldBaseFluidClass]: isFluid,\n    [TextFieldBaseValidationClass]: validationState,\n    [TextFieldBaseSizeClass]: size,\n  });\n  const labelStyles = classNames(TextFieldBaseLabelClass, {\n    [TextFieldBaseLabelRequiredClass]: isRequired,\n    [TextFieldBaseLabelHiddenClass]: isLabelHidden,\n  });\n  const counterStyles = `${TextFieldBaseClass}__counter`;\n\n  return {\n    classProps: {\n      root: rootStyles,\n      label: labelStyles,\n      input: TextFieldBaseInputClass,\n      helperText: TextFieldBaseHelperTextClass,\n      validationText: TextFieldBaseValidationTextClass,\n      passwordToggle: TextFieldBasePasswordToggleClass,\n      passwordToggleButton: TextFieldBasePasswordToggleButtonClass,\n      passwordToggleIcon: TextFieldBasePasswordToggleIconClass,\n      counter: counterStyles,\n    },\n    props: {\n      ...restProps,\n      isMultiline,\n    },\n  };\n}\n"],"names":["useTextFieldBaseStyleProps","props","isFluid","isMultiline","isLabelHidden","size","validationState","restProps","isDisabled","isRequired","TextFieldBaseClass","useClassNamePrefix","TextFieldBaseDisabledClass","TextFieldBaseFluidClass","TextFieldBaseSizeClass","TextFieldBaseValidationClass","TextFieldBaseInputClass","TextFieldBaseLabelClass","TextFieldBaseLabelRequiredClass","TextFieldBaseLabelHiddenClass","TextFieldBaseValidationTextClass","TextFieldBasePasswordToggleClass","TextFieldBasePasswordToggleButtonClass","TextFieldBasePasswordToggleIconClass","TextFieldBaseHelperTextClass","rootStyles","classNames","labelStyles","counterStyles"],"mappings":";;AAqBO,SAASA,EAA2BC,GAAqE;AAC9G,QAAM,EAAE,SAAAC,GAAS,aAAAC,GAAa,eAAAC,GAAe,MAAAC,GAAM,iBAAAC,GAAiB,GAAGC,MAAcN,GAC/E,EAAE,YAAAO,GAAY,YAAAC,EAAA,IAAeF,GAE7BG,IAAqBC,EAAmBR,IAAc,aAAa,WAAW,GAC9ES,IAA6B,GAAGF,CAAkB,cAClDG,IAA0B,GAAGH,CAAkB,WAC/CI,IAAyB,GAAGJ,CAAkB,KAAKL,CAAI,IACvDU,IAA+B,GAAGL,CAAkB,KAAKJ,CAAe,IACxEU,IAA0B,GAAGN,CAAkB,WAC/CO,IAA0B,GAAGP,CAAkB,WAC/CQ,IAAkC,GAAGR,CAAkB,qBACvDS,IAAgC,GAAGT,CAAkB,mBACrDU,IAAmC,GAAGV,CAAkB,oBACxDW,IAAmC,GAAGX,CAAkB,oBACxDY,IAAyC,GAAGZ,CAAkB,4BAC9Da,IAAuC,GAAGb,CAAkB,0BAC5Dc,IAA+B,GAAGd,CAAkB,gBAEpDe,IAAaC,EAAWhB,GAAoB;AAAA,IAChD,CAACE,CAA0B,GAAGJ;AAAA,IAC9B,CAACK,CAAuB,GAAGX;AAAA,IAC3B,CAACa,CAA4B,GAAGT;AAAA,IAChC,CAACQ,CAAsB,GAAGT;AAAA,EAAA,CAC3B,GACKsB,IAAcD,EAAWT,GAAyB;AAAA,IACtD,CAACC,CAA+B,GAAGT;AAAA,IACnC,CAACU,CAA6B,GAAGf;AAAA,EAAA,CAClC,GACKwB,IAAgB,GAAGlB,CAAkB;AAE3C,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMe;AAAA,MACN,OAAOE;AAAA,MACP,OAAOX;AAAA,MACP,YAAYQ;AAAA,MACZ,gBAAgBJ;AAAA,MAChB,gBAAgBC;AAAA,MAChB,sBAAsBC;AAAA,MACtB,oBAAoBC;AAAA,MACpB,SAASK;AAAA,IAAA;AAAA,IAEX,OAAO;AAAA,MACL,GAAGrB;AAAA,MACH,aAAAJ;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"useTextFieldBaseStyleProps.js","sources":["../../../src/components/TextFieldBase/useTextFieldBaseStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritTextFieldBaseProps, type TextFieldBaseProps } from '../../types';\n\nexport interface TextFieldBaseStyles {\n  /** className props */\n  classProps: {\n    root: string;\n    label: string;\n    input: string;\n    helperText: string;\n    validationText: string;\n    passwordToggle: string;\n    passwordToggleButton: string;\n    passwordToggleIcon: string;\n    counter: string;\n  };\n  /** props to be passed to the input element */\n  props: Omit<TextFieldBaseProps, 'label'>;\n}\n\nexport function useTextFieldBaseStyleProps(props: Omit<SpiritTextFieldBaseProps, 'label'>): TextFieldBaseStyles {\n  const { isFluid, isMultiline, isLabelHidden, size, validationState, ...restProps } = props;\n  const { isDisabled, isRequired } = restProps;\n\n  const textFieldBaseClass = useClassNamePrefix(isMultiline ? 'TextArea' : 'TextField');\n  const textFieldBaseDisabledClass = `${textFieldBaseClass}--disabled`;\n  const textFieldBaseFluidClass = `${textFieldBaseClass}--fluid`;\n  const textFieldBaseSizeClass = `${textFieldBaseClass}--${size}`;\n  const textFieldBaseValidationClass = `${textFieldBaseClass}--${validationState}`;\n  const textFieldBaseInputClass = `${textFieldBaseClass}__input`;\n  const textFieldBaseLabelClass = `${textFieldBaseClass}__label`;\n  const textFieldBaseLabelRequiredClass = `${textFieldBaseClass}__label--required`;\n  const textFieldBaseLabelHiddenClass = `${textFieldBaseClass}__label--hidden`;\n  const textFieldBaseValidationTextClass = `${textFieldBaseClass}__validationText`;\n  const textFieldBasePasswordToggleClass = `${textFieldBaseClass}__passwordToggle`;\n  const textFieldBasePasswordToggleButtonClass = `${textFieldBaseClass}__passwordToggle__button`;\n  const textFieldBasePasswordToggleIconClass = `${textFieldBaseClass}__passwordToggle__icon`;\n  const textFieldBaseHelperTextClass = `${textFieldBaseClass}__helperText`;\n  const textFieldBaseCounterClass = `${textFieldBaseClass}__counter`;\n\n  return {\n    classProps: {\n      root: classNames(textFieldBaseClass, {\n        [textFieldBaseDisabledClass]: isDisabled,\n        [textFieldBaseFluidClass]: isFluid,\n        [textFieldBaseValidationClass]: validationState,\n        [textFieldBaseSizeClass]: size,\n      }),\n      label: classNames(textFieldBaseLabelClass, {\n        [textFieldBaseLabelRequiredClass]: isRequired,\n        [textFieldBaseLabelHiddenClass]: isLabelHidden,\n      }),\n      input: textFieldBaseInputClass,\n      helperText: textFieldBaseHelperTextClass,\n      validationText: textFieldBaseValidationTextClass,\n      passwordToggle: textFieldBasePasswordToggleClass,\n      passwordToggleButton: textFieldBasePasswordToggleButtonClass,\n      passwordToggleIcon: textFieldBasePasswordToggleIconClass,\n      counter: textFieldBaseCounterClass,\n    },\n    props: {\n      ...restProps,\n      isMultiline,\n    },\n  };\n}\n"],"names":["useTextFieldBaseStyleProps","props","isFluid","isMultiline","isLabelHidden","size","validationState","restProps","isDisabled","isRequired","textFieldBaseClass","useClassNamePrefix","textFieldBaseDisabledClass","textFieldBaseFluidClass","textFieldBaseSizeClass","textFieldBaseValidationClass","textFieldBaseInputClass","textFieldBaseLabelClass","textFieldBaseLabelRequiredClass","textFieldBaseLabelHiddenClass","textFieldBaseValidationTextClass","textFieldBasePasswordToggleClass","textFieldBasePasswordToggleButtonClass","textFieldBasePasswordToggleIconClass","textFieldBaseHelperTextClass","textFieldBaseCounterClass","classNames"],"mappings":";;AAqBO,SAASA,EAA2BC,GAAqE;AAC9G,QAAM,EAAE,SAAAC,GAAS,aAAAC,GAAa,eAAAC,GAAe,MAAAC,GAAM,iBAAAC,GAAiB,GAAGC,MAAcN,GAC/E,EAAE,YAAAO,GAAY,YAAAC,EAAA,IAAeF,GAE7BG,IAAqBC,EAAmBR,IAAc,aAAa,WAAW,GAC9ES,IAA6B,GAAGF,CAAkB,cAClDG,IAA0B,GAAGH,CAAkB,WAC/CI,IAAyB,GAAGJ,CAAkB,KAAKL,CAAI,IACvDU,IAA+B,GAAGL,CAAkB,KAAKJ,CAAe,IACxEU,IAA0B,GAAGN,CAAkB,WAC/CO,IAA0B,GAAGP,CAAkB,WAC/CQ,IAAkC,GAAGR,CAAkB,qBACvDS,IAAgC,GAAGT,CAAkB,mBACrDU,IAAmC,GAAGV,CAAkB,oBACxDW,IAAmC,GAAGX,CAAkB,oBACxDY,IAAyC,GAAGZ,CAAkB,4BAC9Da,IAAuC,GAAGb,CAAkB,0BAC5Dc,IAA+B,GAAGd,CAAkB,gBACpDe,IAA4B,GAAGf,CAAkB;AAEvD,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMgB,EAAWhB,GAAoB;AAAA,QACnC,CAACE,CAA0B,GAAGJ;AAAA,QAC9B,CAACK,CAAuB,GAAGX;AAAA,QAC3B,CAACa,CAA4B,GAAGT;AAAA,QAChC,CAACQ,CAAsB,GAAGT;AAAA,MAAA,CAC3B;AAAA,MACD,OAAOqB,EAAWT,GAAyB;AAAA,QACzC,CAACC,CAA+B,GAAGT;AAAA,QACnC,CAACU,CAA6B,GAAGf;AAAA,MAAA,CAClC;AAAA,MACD,OAAOY;AAAA,MACP,YAAYQ;AAAA,MACZ,gBAAgBJ;AAAA,MAChB,gBAAgBC;AAAA,MAChB,sBAAsBC;AAAA,MACtB,oBAAoBC;AAAA,MACpB,SAASE;AAAA,IAAA;AAAA,IAEX,OAAO;AAAA,MACL,GAAGlB;AAAA,MACH,aAAAJ;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/TextFieldBase.d.ts

@@ -1,2 +1,2 @@
-export * from './TextFieldBase/index'
+export * from '../src/components/TextFieldBase/index'
 export {}

package/dist/components/Timeline/Timeline.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("react/jsx-runtime"),m=require("../../hooks/styleProps.cjs"),y=require("../../utils/mergeStyleProps.cjs"),a=require("./constants.cjs"),S=require("./useTimelineStyleProps.cjs"),T={elementType:"ol",size:a.TIMELINE_SIZE_DEFAULT},t=r=>{const o={...T,...r},{elementType:e="ol",children:l,size:n,...i}=o,{classProps:p}=S.useTimelineStyleProps({markerSize:n}),{styleProps:u,props:s}=m.useStyleProps(i),c=y.mergeStyleProps(e,{classProps:p.root,styleProps:u,otherProps:s});return P.jsx(e,{...s,...c,children:l})};t.spiritComponent="Timeline";exports.default=t;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("react/jsx-runtime"),y=require("../../hooks/styleProps.cjs"),a=require("../../utils/mergeStyleProps.cjs"),S=require("./constants.cjs"),T=require("./useTimelineStyleProps.cjs"),d={elementType:"ol",size:S.TIMELINE_SIZE_DEFAULT},e=r=>{const o={...d,...r},{elementType:n,children:l,size:i,...p}=o,s=n,{classProps:c}=T.useTimelineStyleProps({markerSize:i}),{styleProps:u,props:t}=y.useStyleProps(p),m=a.mergeStyleProps(s,{classProps:c.root,styleProps:u,otherProps:t});return P.jsx(s,{...t,...m,children:l})};e.spiritComponent="Timeline";e.displayName="Timeline";exports.default=e;
 //# sourceMappingURL=Timeline.cjs.map

package/dist/components/Timeline/Timeline.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.cjs","sources":["../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritTimelineProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { TIMELINE_SIZE_DEFAULT } from './constants';\nimport { useTimelineStyleProps } from './useTimelineStyleProps';\n\nconst defaultProps: Partial<SpiritTimelineProps> = {\n  elementType: 'ol',\n  size: TIMELINE_SIZE_DEFAULT,\n};\n\nconst Timeline = <E extends ElementType = 'ol'>(props: SpiritTimelineProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag = 'ol', children, size, ...restProps } = propsWithDefaults;\n  const { classProps } = useTimelineStyleProps({ markerSize: size });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps: classProps.root, styleProps, otherProps });\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      {children}\n    </ElementTag>\n  );\n};\n\nTimeline.spiritComponent = 'Timeline';\n\nexport default Timeline;\n"],"names":["defaultProps","TIMELINE_SIZE_DEFAULT","Timeline","props","propsWithDefaults","ElementTag","children","size","restProps","classProps","useTimelineStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":"yTASMA,EAA6C,CACjD,YAAa,KACb,KAAMC,EAAAA,qBACR,EAEMC,EAA0CC,GAAkC,CAChF,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGG,CAAA,EAC1C,CAAE,YAAaE,EAAa,KAAM,SAAAC,EAAU,KAAAC,EAAM,GAAGC,GAAcJ,EACnE,CAAE,WAAAK,CAAA,EAAeC,EAAAA,sBAAsB,CAAE,WAAYH,EAAM,EAC3D,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcL,CAAS,EAC3DM,EAAmBC,kBAAgBV,EAAY,CAAE,WAAYI,EAAW,KAAA,WAAME,EAAY,WAAAC,EAAY,EAE5G,aACGP,EAAA,CAAY,GAAGO,EAAa,GAAGE,EAC7B,SAAAR,EACH,CAEJ,EAEAJ,EAAS,gBAAkB"}
+{"version":3,"file":"Timeline.cjs","sources":["../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritTimelineProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { TIMELINE_SIZE_DEFAULT } from './constants';\nimport { useTimelineStyleProps } from './useTimelineStyleProps';\n\nconst defaultProps: Partial<SpiritTimelineProps> = {\n  elementType: 'ol',\n  size: TIMELINE_SIZE_DEFAULT,\n};\n\nconst Timeline = <E extends ElementType = 'ol'>(props: SpiritTimelineProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, children, size, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { classProps } = useTimelineStyleProps({ markerSize: size });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.root, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps}>\n      {children}\n    </Component>\n  );\n};\n\nTimeline.spiritComponent = 'Timeline';\nTimeline.displayName = 'Timeline';\n\nexport default Timeline;\n"],"names":["defaultProps","TIMELINE_SIZE_DEFAULT","Timeline","props","propsWithDefaults","elementType","children","size","restProps","Component","classProps","useTimelineStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":"yTASMA,EAA6C,CACjD,YAAa,KACb,KAAMC,EAAAA,qBACR,EAEMC,EAA0CC,GAAkC,CAChF,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGG,CAAA,EAC1C,CAAE,YAAAE,EAAa,SAAAC,EAAU,KAAAC,EAAM,GAAGC,GAAcJ,EAChDK,EAAYJ,EACZ,CAAE,WAAAK,CAAA,EAAeC,EAAAA,sBAAsB,CAAE,WAAYJ,EAAM,EAC3D,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcN,CAAS,EAC3DO,EAAmBC,kBAAgBP,EAAW,CAAE,WAAYC,EAAW,KAAA,WAAME,EAAY,WAAAC,EAAY,EAE3G,aACGJ,EAAA,CAAW,GAAGI,EAAa,GAAGE,EAC5B,SAAAT,EACH,CAEJ,EAEAJ,EAAS,gBAAkB,WAC3BA,EAAS,YAAc"}