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

package/dist/components/Tag/constants.js

@@ -0,0 +1,8 @@
+const e = {
+  NEUTRAL: "neutral",
+  SELECTED: "selected"
+};
+export {
+  e as TagColorsExtended
+};
+//# sourceMappingURL=constants.js.map

package/dist/components/Tag/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/Tag/constants.ts"],"sourcesContent":["export const TagColorsExtended = {\n  NEUTRAL: 'neutral',\n  SELECTED: 'selected',\n} as const;\n"],"names":["TagColorsExtended"],"mappings":"AAAO,MAAMA,IAAoB;AAAA,EAC/B,SAAS;AAAA,EACT,UAAU;AACZ;"}

package/dist/components/Tag/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Tag.cjs"),t=require("./constants.cjs"),s=require("./useTagStyleProps.cjs");exports.Tag=e.default;exports.TagColorsExtended=t.TagColorsExtended;exports.useTagStyleProps=s.useTagStyleProps;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Tag/index.cjs.map

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

package/dist/components/Tag/index.js

@@ -0,0 +1,9 @@
+import { default as r } from "./Tag.js";
+import { TagColorsExtended as s } from "./constants.js";
+import { useTagStyleProps as f } from "./useTagStyleProps.js";
+export {
+  r as Tag,
+  s as TagColorsExtended,
+  f as useTagStyleProps
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Tag/index.js.map

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

package/dist/components/Tag/useTagStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("@alma-oss/spirit-design-tokens"),g=require("classnames"),y=require("../../constants/colors.cjs"),o=require("../../constants/dictionaries.cjs"),T=require("../../hooks/useClassNamePrefix.cjs"),d=(s,e)=>{if(!s)return{};const n=Object.keys($.emotionColors).includes(s)?`${y.ColorPrefixes.EMOTION}-`:"",r=e?o.Intensity.SUBTLE:o.Intensity.BASIC,a=e?o.Intensity.SUBTLE:o.Intensity.BASIC,t=e?o.Intensity.BASIC:o.Intensity.SUBTLE;return{[`border-${n}${s}-${r}`]:!0,[`bg-${n}${s}-${a}`]:!0,[`text-${n}${s}-${t}`]:!0}};function I(s){const{color:e,isDisabled:i,isSubtle:n,size:r,...a}=s,t=T.useClassNamePrefix("Tag"),c=`${t}--${e}`,l=`${t}--disabled`,u=`${t}--${r}`,C=`${t}--subtle`;return{classProps:g(t,{[c]:e,[l]:i,[u]:r,[C]:n,...!i&&d(e,n)}),props:a}}exports.useTagStyleProps=I;
+//# sourceMappingURL=useTagStyleProps.cjs.map

package/dist/components/Tag/useTagStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTagStyleProps.cjs","sources":["../../../src/components/Tag/useTagStyleProps.ts"],"sourcesContent":["import { emotionColors } from '@alma-oss/spirit-design-tokens';\nimport classNames from 'classnames';\nimport { type ElementType } from 'react';\nimport { Intensity } from '../../constants';\nimport { ColorPrefixes } from '../../constants/colors';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritTagProps } from '../../types';\n\nexport interface TagStyles {\n  /** className props */\n  classProps: string;\n  /** props to be passed to the element */\n  props: Partial<SpiritTagProps>;\n}\n\nconst getColorClasses = (color: string | undefined, isSubtle: boolean | undefined) => {\n  if (!color) {\n    return {};\n  }\n\n  const isEmotionColor = Object.keys(emotionColors).includes(color);\n  const prefix = isEmotionColor ? `${ColorPrefixes.EMOTION}-` : '';\n  const borderIntensity = isSubtle ? Intensity.SUBTLE : Intensity.BASIC;\n  const backgroundIntensity = isSubtle ? Intensity.SUBTLE : Intensity.BASIC;\n  const textIntensity = isSubtle ? Intensity.BASIC : Intensity.SUBTLE;\n\n  return {\n    [`border-${prefix}${color}-${borderIntensity}`]: true,\n    [`bg-${prefix}${color}-${backgroundIntensity}`]: true,\n    [`text-${prefix}${color}-${textIntensity}`]: true,\n  };\n};\n\nexport function useTagStyleProps<E extends ElementType = 'span', C = void, S = void>(\n  props: SpiritTagProps<E, C, S>,\n): TagStyles {\n  const { color, isDisabled, isSubtle, size, ...modifiedProps } = props;\n\n  const TagClass = useClassNamePrefix('Tag');\n  const TagColorClass = `${TagClass}--${color}`;\n  const TagDisabledClass = `${TagClass}--disabled`;\n  const TagSizeClass = `${TagClass}--${size}`;\n  const TagSubtleClass = `${TagClass}--subtle`;\n  const classProps = classNames(TagClass, {\n    [TagColorClass]: color,\n    [TagDisabledClass]: isDisabled,\n    [TagSizeClass]: size,\n    [TagSubtleClass]: isSubtle,\n    ...(!isDisabled && getColorClasses(color as string | undefined, isSubtle as boolean | undefined)),\n  });\n\n  return {\n    classProps,\n    props: modifiedProps as Partial<SpiritTagProps>,\n  };\n}\n"],"names":["getColorClasses","color","isSubtle","prefix","emotionColors","ColorPrefixes","borderIntensity","Intensity","backgroundIntensity","textIntensity","useTagStyleProps","props","isDisabled","size","modifiedProps","TagClass","useClassNamePrefix","TagColorClass","TagDisabledClass","TagSizeClass","TagSubtleClass","classNames"],"mappings":"gSAeMA,EAAkB,CAACC,EAA2BC,IAAkC,CACpF,GAAI,CAACD,EACH,MAAO,CAAA,EAIT,MAAME,EADiB,OAAO,KAAKC,EAAAA,aAAa,EAAE,SAASH,CAAK,EAChC,GAAGI,EAAAA,cAAc,OAAO,IAAM,GACxDC,EAAkBJ,EAAWK,EAAAA,UAAU,OAASA,EAAAA,UAAU,MAC1DC,EAAsBN,EAAWK,EAAAA,UAAU,OAASA,EAAAA,UAAU,MAC9DE,EAAgBP,EAAWK,EAAAA,UAAU,MAAQA,EAAAA,UAAU,OAE7D,MAAO,CACL,CAAC,UAAUJ,CAAM,GAAGF,CAAK,IAAIK,CAAe,EAAE,EAAG,GACjD,CAAC,MAAMH,CAAM,GAAGF,CAAK,IAAIO,CAAmB,EAAE,EAAG,GACjD,CAAC,QAAQL,CAAM,GAAGF,CAAK,IAAIQ,CAAa,EAAE,EAAG,EAAA,CAEjD,EAEO,SAASC,EACdC,EACW,CACX,KAAM,CAAE,MAAAV,EAAO,WAAAW,EAAY,SAAAV,EAAU,KAAAW,EAAM,GAAGC,GAAkBH,EAE1DI,EAAWC,EAAAA,mBAAmB,KAAK,EACnCC,EAAgB,GAAGF,CAAQ,KAAKd,CAAK,GACrCiB,EAAmB,GAAGH,CAAQ,aAC9BI,EAAe,GAAGJ,CAAQ,KAAKF,CAAI,GACnCO,EAAiB,GAAGL,CAAQ,WASlC,MAAO,CACL,WATiBM,EAAWN,EAAU,CACtC,CAACE,CAAa,EAAGhB,EACjB,CAACiB,CAAgB,EAAGN,EACpB,CAACO,CAAY,EAAGN,EAChB,CAACO,CAAc,EAAGlB,EAClB,GAAI,CAACU,GAAcZ,EAAgBC,EAA6BC,CAA+B,CAAA,CAChG,EAIC,MAAOY,CAAA,CAEX"}

package/dist/components/Tag/useTagStyleProps.d.ts

@@ -0,0 +1,7 @@
+import { ElementType } from 'react';
+import { SpiritTagProps } from '../../types';
+export interface TagStyles {
+    classProps: string;
+    props: Partial<SpiritTagProps>;
+}
+export declare function useTagStyleProps<E extends ElementType = 'span', C = void, S = void>(props: SpiritTagProps<E, C, S>): TagStyles;

package/dist/components/Tag/useTagStyleProps.js

@@ -0,0 +1,32 @@
+import { emotionColors as $ } from "@alma-oss/spirit-design-tokens";
+import p from "classnames";
+import { ColorPrefixes as u } from "../../constants/colors.js";
+import { Intensity as r } from "../../constants/dictionaries.js";
+import { useClassNamePrefix as f } from "../../hooks/useClassNamePrefix.js";
+const T = (s, t) => {
+  if (!s)
+    return {};
+  const e = Object.keys($).includes(s) ? `${u.EMOTION}-` : "", n = t ? r.SUBTLE : r.BASIC, a = t ? r.SUBTLE : r.BASIC, o = t ? r.BASIC : r.SUBTLE;
+  return {
+    [`border-${e}${s}-${n}`]: !0,
+    [`bg-${e}${s}-${a}`]: !0,
+    [`text-${e}${s}-${o}`]: !0
+  };
+};
+function y(s) {
+  const { color: t, isDisabled: i, isSubtle: e, size: n, ...a } = s, o = f("Tag"), l = `${o}--${t}`, c = `${o}--disabled`, m = `${o}--${n}`, C = `${o}--subtle`;
+  return {
+    classProps: p(o, {
+      [l]: t,
+      [c]: i,
+      [m]: n,
+      [C]: e,
+      ...!i && T(t, e)
+    }),
+    props: a
+  };
+}
+export {
+  y as useTagStyleProps
+};
+//# sourceMappingURL=useTagStyleProps.js.map

package/dist/components/Tag/useTagStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTagStyleProps.js","sources":["../../../src/components/Tag/useTagStyleProps.ts"],"sourcesContent":["import { emotionColors } from '@alma-oss/spirit-design-tokens';\nimport classNames from 'classnames';\nimport { type ElementType } from 'react';\nimport { Intensity } from '../../constants';\nimport { ColorPrefixes } from '../../constants/colors';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritTagProps } from '../../types';\n\nexport interface TagStyles {\n  /** className props */\n  classProps: string;\n  /** props to be passed to the element */\n  props: Partial<SpiritTagProps>;\n}\n\nconst getColorClasses = (color: string | undefined, isSubtle: boolean | undefined) => {\n  if (!color) {\n    return {};\n  }\n\n  const isEmotionColor = Object.keys(emotionColors).includes(color);\n  const prefix = isEmotionColor ? `${ColorPrefixes.EMOTION}-` : '';\n  const borderIntensity = isSubtle ? Intensity.SUBTLE : Intensity.BASIC;\n  const backgroundIntensity = isSubtle ? Intensity.SUBTLE : Intensity.BASIC;\n  const textIntensity = isSubtle ? Intensity.BASIC : Intensity.SUBTLE;\n\n  return {\n    [`border-${prefix}${color}-${borderIntensity}`]: true,\n    [`bg-${prefix}${color}-${backgroundIntensity}`]: true,\n    [`text-${prefix}${color}-${textIntensity}`]: true,\n  };\n};\n\nexport function useTagStyleProps<E extends ElementType = 'span', C = void, S = void>(\n  props: SpiritTagProps<E, C, S>,\n): TagStyles {\n  const { color, isDisabled, isSubtle, size, ...modifiedProps } = props;\n\n  const TagClass = useClassNamePrefix('Tag');\n  const TagColorClass = `${TagClass}--${color}`;\n  const TagDisabledClass = `${TagClass}--disabled`;\n  const TagSizeClass = `${TagClass}--${size}`;\n  const TagSubtleClass = `${TagClass}--subtle`;\n  const classProps = classNames(TagClass, {\n    [TagColorClass]: color,\n    [TagDisabledClass]: isDisabled,\n    [TagSizeClass]: size,\n    [TagSubtleClass]: isSubtle,\n    ...(!isDisabled && getColorClasses(color as string | undefined, isSubtle as boolean | undefined)),\n  });\n\n  return {\n    classProps,\n    props: modifiedProps as Partial<SpiritTagProps>,\n  };\n}\n"],"names":["getColorClasses","color","isSubtle","prefix","emotionColors","ColorPrefixes","borderIntensity","Intensity","backgroundIntensity","textIntensity","useTagStyleProps","props","isDisabled","size","modifiedProps","TagClass","useClassNamePrefix","TagColorClass","TagDisabledClass","TagSizeClass","TagSubtleClass","classNames"],"mappings":";;;;;AAeA,MAAMA,IAAkB,CAACC,GAA2BC,MAAkC;AACpF,MAAI,CAACD;AACH,WAAO,CAAA;AAIT,QAAME,IADiB,OAAO,KAAKC,CAAa,EAAE,SAASH,CAAK,IAChC,GAAGI,EAAc,OAAO,MAAM,IACxDC,IAAkBJ,IAAWK,EAAU,SAASA,EAAU,OAC1DC,IAAsBN,IAAWK,EAAU,SAASA,EAAU,OAC9DE,IAAgBP,IAAWK,EAAU,QAAQA,EAAU;AAE7D,SAAO;AAAA,IACL,CAAC,UAAUJ,CAAM,GAAGF,CAAK,IAAIK,CAAe,EAAE,GAAG;AAAA,IACjD,CAAC,MAAMH,CAAM,GAAGF,CAAK,IAAIO,CAAmB,EAAE,GAAG;AAAA,IACjD,CAAC,QAAQL,CAAM,GAAGF,CAAK,IAAIQ,CAAa,EAAE,GAAG;AAAA,EAAA;AAEjD;AAEO,SAASC,EACdC,GACW;AACX,QAAM,EAAE,OAAAV,GAAO,YAAAW,GAAY,UAAAV,GAAU,MAAAW,GAAM,GAAGC,MAAkBH,GAE1DI,IAAWC,EAAmB,KAAK,GACnCC,IAAgB,GAAGF,CAAQ,KAAKd,CAAK,IACrCiB,IAAmB,GAAGH,CAAQ,cAC9BI,IAAe,GAAGJ,CAAQ,KAAKF,CAAI,IACnCO,IAAiB,GAAGL,CAAQ;AASlC,SAAO;AAAA,IACL,YATiBM,EAAWN,GAAU;AAAA,MACtC,CAACE,CAAa,GAAGhB;AAAA,MACjB,CAACiB,CAAgB,GAAGN;AAAA,MACpB,CAACO,CAAY,GAAGN;AAAA,MAChB,CAACO,CAAc,GAAGlB;AAAA,MAClB,GAAI,CAACU,KAAcZ,EAAgBC,GAA6BC,CAA+B;AAAA,IAAA,CAChG;AAAA,IAIC,OAAOY;AAAA,EAAA;AAEX;"}

package/dist/components/Tag.d.ts

@@ -0,0 +1,2 @@
+export * from './Tag/index'
+export {}

package/dist/components/Text/Text.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("react/jsx-runtime"),r=require("../../constants/dictionaries.cjs"),e=require("../../constants/style.cjs"),a=require("../../hooks/styleProps.cjs"),d=require("../../utils/mergeStyleProps.cjs"),m=require("./useTextStyleProps.cjs"),T={elementType:"p",emphasis:r.Emphasis.REGULAR,size:r.SizesExtended.MEDIUM},o=p=>{const n={...T,...p},{elementType:t="p",children:l,...i}=n,{classProps:c,props:u}=m.useTextStyleProps(i),{styleProps:y,props:s}=a.useStyleProps(u,{isTextBalanced:e.TextStyleProps.isTextBalanced,textAlignment:e.TextStyleProps.textAlignment,textHyphens:e.TextStyleProps.textHyphens,textWordBreak:e.TextStyleProps.textWordBreak}),P=d.mergeStyleProps(t,{classProps:c,styleProps:y,otherProps:s});return x.jsx(t,{...s,...P,children:l})};o.spiritComponent="Text";exports.default=o;
+//# sourceMappingURL=Text.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.cjs","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":"6WASMA,EAAyC,CAC7C,YAAa,IACb,SAAUC,EAAAA,SAAS,QACnB,KAAMC,EAAAA,cAAc,MACtB,EAEMC,EACJC,GACgB,CAChB,MAAMC,EAAoB,CAAE,GAAGL,EAAc,GAAGI,CAAA,EAC1C,CAAE,YAAaE,EAAa,IAAK,SAAAC,EAAU,GAAGC,GAAcH,EAC5D,CAAE,WAAAI,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,kBAAkBH,CAAS,EAClE,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,EAAe,CACrE,eAAgBK,EAAAA,eAAe,eAC/B,cAAeA,EAAAA,eAAe,cAC9B,YAAaA,EAAAA,eAAe,YAC5B,cAAeA,EAAAA,eAAe,aAAA,CAC/B,EACKC,EAAmBC,EAAAA,gBAAgBX,EAAY,CAAE,WAAAG,EAAA,WAAYG,EAAY,WAAAC,EAAY,EAE3F,aACGP,EAAA,CAAY,GAAGO,EAAa,GAAGG,EAC7B,SAAAT,EACH,CAEJ,EAEAJ,EAAK,gBAAkB"}

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

@@ -0,0 +1,7 @@
+import { ElementType } from 'react';
+import { SpiritTextProps } from '../../types';
+declare const Text: {
+    <E extends ElementType = "p", S = void, Emph = void, C = void>(props: SpiritTextProps<E, S, Emph, C>): JSX.Element;
+    spiritComponent: string;
+};
+export default Text;

package/dist/components/Text/Text.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as a } from "react/jsx-runtime";
+import { SizesExtended as c, Emphasis as d } from "../../constants/dictionaries.js";
+import { TextStyleProps as e } from "../../constants/style.js";
+import { useStyleProps as P } from "../../hooks/styleProps.js";
+import { mergeStyleProps as f } from "../../utils/mergeStyleProps.js";
+import { useTextStyleProps as y } from "./useTextStyleProps.js";
+const T = {
+  elementType: "p",
+  emphasis: d.REGULAR,
+  size: c.MEDIUM
+}, u = (o) => {
+  const r = { ...T, ...o }, { elementType: t = "p", children: p, ...n } = r, { classProps: m, props: i } = y(n), { styleProps: l, props: s } = P(i, {
+    isTextBalanced: e.isTextBalanced,
+    textAlignment: e.textAlignment,
+    textHyphens: e.textHyphens,
+    textWordBreak: e.textWordBreak
+  }), x = f(t, { classProps: m, styleProps: l, otherProps: s });
+  return /* @__PURE__ */ a(t, { ...s, ...x, children: p });
+};
+u.spiritComponent = "Text";
+export {
+  u as default
+};
+//# sourceMappingURL=Text.js.map

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

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

package/dist/components/Text/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Text.cjs"),t=require("./useTextStyleProps.cjs");exports.Text=e.default;exports.useTextStyleProps=t.useTextStyleProps;
+//# sourceMappingURL=index.cjs.map

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

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

package/dist/components/Text/index.js

@@ -0,0 +1,7 @@
+import { default as r } from "./Text.js";
+import { useTextStyleProps as s } from "./useTextStyleProps.js";
+export {
+  r as Text,
+  s as useTextStyleProps
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Text/useTextStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("classnames"),e=require("../../hooks/useClassNamePrefix.cjs");function i(t){const{emphasis:r,size:o,textColor:s,...a}=t,l=e.useClassNamePrefix("typography-body"),c=e.useClassNamePrefix(s?`text-${s}`:"");return{classProps:u(`${l}-${o}-${r}`,{[c]:!!s}),props:a}}exports.useTextStyleProps=i;
+//# sourceMappingURL=useTextStyleProps.cjs.map

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

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

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

@@ -0,0 +1,7 @@
+import { ElementType } from 'react';
+import { SpiritTextProps, TextProps } from '../../types';
+export interface TextStyles<E extends ElementType = 'p'> {
+    classProps: string | null;
+    props: TextProps<E>;
+}
+export declare function useTextStyleProps<E extends ElementType = 'p', S = void, Emph = void, C = void>(props: SpiritTextProps<E, S, Emph, C>): TextStyles<E>;

package/dist/components/Text/useTextStyleProps.js

@@ -0,0 +1,15 @@
+import l from "classnames";
+import { useClassNamePrefix as t } from "../../hooks/useClassNamePrefix.js";
+function x(o) {
+  const { emphasis: e, size: r, textColor: s, ...a } = o, p = t("typography-body"), c = t(s ? `text-${s}` : "");
+  return {
+    classProps: l(`${p}-${r}-${e}`, {
+      [c]: !!s
+    }),
+    props: a
+  };
+}
+export {
+  x as useTextStyleProps
+};
+//# sourceMappingURL=useTextStyleProps.js.map

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

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

package/dist/components/Text.d.ts

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

package/dist/components/TextArea/TextArea.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const S=require("react/jsx-runtime"),r=require("react"),j=require("../../common/utilities/warning.cjs"),f=require("../../utils/string.cjs"),V=require("../CharacterCounter/useCharacterCounterState.cjs"),_=require("../TextFieldBase/TextFieldBase.cjs"),b=require("./constants.cjs"),E=require("./useAdjustHeight.cjs"),I=(e,a)=>e===!0||a!==void 0,w=e=>e===void 0?b.TEXTAREA_MAX_SAFE_LENGTH:e,F=(e,a)=>{const{onInput:x,isAutoResizing:m,autoResizingMaxHeight:v=400,counterThreshold:t,hasCounter:u,onChange:s,value:i,defaultValue:l,helperText:T,isDisabled:A,id:p,...n}=e,c=r.useRef(a),{adjustHeightOnAutoresize:C,onInput:L}=E.useAdjustHeight({elementReference:c,onInput:x,isAutoResizing:m,maxHeight:v}),R=f.normalizeStringValue(i),q=f.normalizeStringValue(l),{counterProps:H,handleChange:z}=V.useCharacterCounterState({value:R,defaultValue:q,counterThreshold:t,hasCounter:u,onChange:s}),d=I(u,t),h=d?w(n.maxLength):void 0,M=d?z:s,g=r.useRef(!1);return r.useEffect(()=>{t!==void 0&&n.maxLength!==void 0&&n.maxLength<t&&!g.current&&(g.current=!0,j.default(!1,"TextArea: `maxLength` should be greater than or equal to `counterThreshold` to keep visible counter and hard input limit aligned."))},[t,n.maxLength]),S.jsx(_.default,{id:p,isMultiline:!0,ref:c,onInput:L,onFocus:C,onChange:M,value:i,defaultValue:l,helperText:T,isDisabled:A,counterProps:H,...n,...h!==void 0&&{maxLength:h}})},o=r.forwardRef(F);o.spiritComponent="TextArea";o.displayName="TextArea";exports.default=o;
+//# sourceMappingURL=TextArea.cjs.map

package/dist/components/TextArea/TextArea.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.cjs","sources":["../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ForwardedRef, type RefObject, forwardRef, useEffect, useRef } from 'react';\nimport { warning } from '../../common/utilities';\nimport { type ForwardRefComponent, type SpiritTextAreaProps } from '../../types';\nimport { normalizeStringValue } from '../../utils';\nimport { useCharacterCounterState } from '../CharacterCounter';\nimport { TextFieldBase } from '../TextFieldBase';\nimport { TEXTAREA_MAX_SAFE_LENGTH } from './constants';\nimport { useAdjustHeight } from './useAdjustHeight';\n\nconst isCounterActive = (hasCounter: boolean | undefined, counterThreshold: number | undefined): boolean =>\n  hasCounter === true || counterThreshold !== undefined;\n\nconst resolveCounterNativeMaxLength = (consumerMaxLength: number | undefined): number =>\n  consumerMaxLength === undefined ? TEXTAREA_MAX_SAFE_LENGTH : consumerMaxLength;\n\nconst _TextArea = (props: SpiritTextAreaProps, ref: ForwardedRef<HTMLTextAreaElement>): JSX.Element => {\n  const {\n    onInput,\n    isAutoResizing,\n    autoResizingMaxHeight = 400,\n    counterThreshold,\n    hasCounter,\n    onChange,\n    value,\n    defaultValue,\n    helperText,\n    isDisabled,\n    id,\n    ...restProps\n  } = props;\n\n  const elementReference = useRef(ref);\n  const { adjustHeightOnAutoresize, onInput: onInputHandler } = useAdjustHeight({\n    elementReference,\n    onInput,\n    isAutoResizing,\n    maxHeight: autoResizingMaxHeight,\n  });\n\n  const normalizedValue = normalizeStringValue(value);\n  const normalizedDefaultValue = normalizeStringValue(defaultValue);\n\n  const { counterProps, handleChange } = useCharacterCounterState({\n    value: normalizedValue,\n    defaultValue: normalizedDefaultValue,\n    counterThreshold,\n    hasCounter,\n    onChange,\n  });\n\n  const counterOn = isCounterActive(hasCounter, counterThreshold);\n  const nativeMaxLength = counterOn ? resolveCounterNativeMaxLength(restProps.maxLength) : undefined;\n  const changeHandler = counterOn ? handleChange : onChange;\n\n  const didWarnMaxLengthLowerThanThresholdRef = useRef(false);\n  useEffect(() => {\n    if (\n      counterThreshold !== undefined &&\n      restProps.maxLength !== undefined &&\n      restProps.maxLength < counterThreshold &&\n      !didWarnMaxLengthLowerThanThresholdRef.current\n    ) {\n      didWarnMaxLengthLowerThanThresholdRef.current = true;\n      warning(\n        false,\n        'TextArea: `maxLength` should be greater than or equal to `counterThreshold` to keep visible counter and hard input limit aligned.',\n      );\n    }\n  }, [counterThreshold, restProps.maxLength]);\n\n  return (\n    <TextFieldBase\n      id={id}\n      isMultiline\n      ref={elementReference as RefObject<HTMLTextAreaElement>}\n      onInput={onInputHandler}\n      onFocus={adjustHeightOnAutoresize}\n      onChange={changeHandler}\n      value={value}\n      defaultValue={defaultValue}\n      helperText={helperText}\n      isDisabled={isDisabled}\n      counterProps={counterProps}\n      {...restProps}\n      {...(nativeMaxLength !== undefined && { maxLength: nativeMaxLength })}\n    />\n  );\n};\n\nconst TextArea = forwardRef<HTMLTextAreaElement, SpiritTextAreaProps>(_TextArea) as ForwardRefComponent<\n  HTMLTextAreaElement,\n  SpiritTextAreaProps\n>;\n\nTextArea.spiritComponent = 'TextArea';\nTextArea.displayName = 'TextArea';\n\nexport default TextArea;\n"],"names":["isCounterActive","hasCounter","counterThreshold","resolveCounterNativeMaxLength","consumerMaxLength","TEXTAREA_MAX_SAFE_LENGTH","_TextArea","props","ref","onInput","isAutoResizing","autoResizingMaxHeight","onChange","value","defaultValue","helperText","isDisabled","id","restProps","elementReference","useRef","adjustHeightOnAutoresize","onInputHandler","useAdjustHeight","normalizedValue","normalizeStringValue","normalizedDefaultValue","counterProps","handleChange","useCharacterCounterState","counterOn","nativeMaxLength","changeHandler","didWarnMaxLengthLowerThanThresholdRef","useEffect","warning","jsx","TextFieldBase","TextArea","forwardRef"],"mappings":"mbAWMA,EAAkB,CAACC,EAAiCC,IACxDD,IAAe,IAAQC,IAAqB,OAExCC,EAAiCC,GACrCA,IAAsB,OAAYC,EAAAA,yBAA2BD,EAEzDE,EAAY,CAACC,EAA4BC,IAAwD,CACrG,KAAM,CACJ,QAAAC,EACA,eAAAC,EACA,sBAAAC,EAAwB,IACxB,iBAAAT,EACA,WAAAD,EACA,SAAAW,EACA,MAAAC,EACA,aAAAC,EACA,WAAAC,EACA,WAAAC,EACA,GAAAC,EACA,GAAGC,CAAA,EACDX,EAEEY,EAAmBC,EAAAA,OAAOZ,CAAG,EAC7B,CAAE,yBAAAa,EAA0B,QAASC,CAAA,EAAmBC,EAAAA,gBAAgB,CAC5E,iBAAAJ,EACA,QAAAV,EACA,eAAAC,EACA,UAAWC,CAAA,CACZ,EAEKa,EAAkBC,EAAAA,qBAAqBZ,CAAK,EAC5Ca,EAAyBD,EAAAA,qBAAqBX,CAAY,EAE1D,CAAE,aAAAa,EAAc,aAAAC,CAAA,EAAiBC,2BAAyB,CAC9D,MAAOL,EACP,aAAcE,EACd,iBAAAxB,EACA,WAAAD,EACA,SAAAW,CAAA,CACD,EAEKkB,EAAY9B,EAAgBC,EAAYC,CAAgB,EACxD6B,EAAkBD,EAAY3B,EAA8Be,EAAU,SAAS,EAAI,OACnFc,EAAgBF,EAAYF,EAAehB,EAE3CqB,EAAwCb,EAAAA,OAAO,EAAK,EAC1Dc,OAAAA,EAAAA,UAAU,IAAM,CAEZhC,IAAqB,QACrBgB,EAAU,YAAc,QACxBA,EAAU,UAAYhB,GACtB,CAAC+B,EAAsC,UAEvCA,EAAsC,QAAU,GAChDE,EAAAA,QACE,GACA,mIAAA,EAGN,EAAG,CAACjC,EAAkBgB,EAAU,SAAS,CAAC,EAGxCkB,EAAAA,IAACC,EAAAA,QAAA,CACC,GAAApB,EACA,YAAW,GACX,IAAKE,EACL,QAASG,EACT,QAASD,EACT,SAAUW,EACV,MAAAnB,EACA,aAAAC,EACA,WAAAC,EACA,WAAAC,EACA,aAAAW,EACC,GAAGT,EACH,GAAIa,IAAoB,QAAa,CAAE,UAAWA,CAAA,CAAgB,CAAA,CAGzE,EAEMO,EAAWC,EAAAA,WAAqDjC,CAAS,EAK/EgC,EAAS,gBAAkB,WAC3BA,EAAS,YAAc"}

package/dist/components/TextArea/TextArea.d.ts

@@ -0,0 +1,3 @@
+import { ForwardRefComponent, SpiritTextAreaProps } from '../../types';
+declare const TextArea: ForwardRefComponent<HTMLTextAreaElement, SpiritTextAreaProps>;
+export default TextArea;

package/dist/components/TextArea/TextArea.js

@@ -0,0 +1,65 @@
+"use client";
+import { jsx as V } from "react/jsx-runtime";
+import { forwardRef as I, useRef as m, useEffect as _ } from "react";
+import b from "../../common/utilities/warning.js";
+import { normalizeStringValue as c } from "../../utils/string.js";
+import { useCharacterCounterState as j } from "../CharacterCounter/useCharacterCounterState.js";
+import w from "../TextFieldBase/TextFieldBase.js";
+import { TEXTAREA_MAX_SAFE_LENGTH as F } from "./constants.js";
+import { useAdjustHeight as N } from "./useAdjustHeight.js";
+const S = (e, o) => e === !0 || o !== void 0, D = (e) => e === void 0 ? F : e, O = (e, o) => {
+  const {
+    onInput: g,
+    isAutoResizing: p,
+    autoResizingMaxHeight: x = 400,
+    counterThreshold: t,
+    hasCounter: r,
+    onChange: a,
+    value: i,
+    defaultValue: s,
+    helperText: T,
+    isDisabled: v,
+    id: A,
+    ...n
+  } = e, u = m(o), { adjustHeightOnAutoresize: L, onInput: C } = N({
+    elementReference: u,
+    onInput: g,
+    isAutoResizing: p,
+    maxHeight: x
+  }), H = c(i), R = c(s), { counterProps: z, handleChange: E } = j({
+    value: H,
+    defaultValue: R,
+    counterThreshold: t,
+    hasCounter: r,
+    onChange: a
+  }), l = S(r, t), d = l ? D(n.maxLength) : void 0, M = l ? E : a, h = m(!1);
+  return _(() => {
+    t !== void 0 && n.maxLength !== void 0 && n.maxLength < t && !h.current && (h.current = !0, b(
+      !1,
+      "TextArea: `maxLength` should be greater than or equal to `counterThreshold` to keep visible counter and hard input limit aligned."
+    ));
+  }, [t, n.maxLength]), /* @__PURE__ */ V(
+    w,
+    {
+      id: A,
+      isMultiline: !0,
+      ref: u,
+      onInput: C,
+      onFocus: L,
+      onChange: M,
+      value: i,
+      defaultValue: s,
+      helperText: T,
+      isDisabled: v,
+      counterProps: z,
+      ...n,
+      ...d !== void 0 && { maxLength: d }
+    }
+  );
+}, f = I(O);
+f.spiritComponent = "TextArea";
+f.displayName = "TextArea";
+export {
+  f as default
+};
+//# sourceMappingURL=TextArea.js.map

package/dist/components/TextArea/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sources":["../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ForwardedRef, type RefObject, forwardRef, useEffect, useRef } from 'react';\nimport { warning } from '../../common/utilities';\nimport { type ForwardRefComponent, type SpiritTextAreaProps } from '../../types';\nimport { normalizeStringValue } from '../../utils';\nimport { useCharacterCounterState } from '../CharacterCounter';\nimport { TextFieldBase } from '../TextFieldBase';\nimport { TEXTAREA_MAX_SAFE_LENGTH } from './constants';\nimport { useAdjustHeight } from './useAdjustHeight';\n\nconst isCounterActive = (hasCounter: boolean | undefined, counterThreshold: number | undefined): boolean =>\n  hasCounter === true || counterThreshold !== undefined;\n\nconst resolveCounterNativeMaxLength = (consumerMaxLength: number | undefined): number =>\n  consumerMaxLength === undefined ? TEXTAREA_MAX_SAFE_LENGTH : consumerMaxLength;\n\nconst _TextArea = (props: SpiritTextAreaProps, ref: ForwardedRef<HTMLTextAreaElement>): JSX.Element => {\n  const {\n    onInput,\n    isAutoResizing,\n    autoResizingMaxHeight = 400,\n    counterThreshold,\n    hasCounter,\n    onChange,\n    value,\n    defaultValue,\n    helperText,\n    isDisabled,\n    id,\n    ...restProps\n  } = props;\n\n  const elementReference = useRef(ref);\n  const { adjustHeightOnAutoresize, onInput: onInputHandler } = useAdjustHeight({\n    elementReference,\n    onInput,\n    isAutoResizing,\n    maxHeight: autoResizingMaxHeight,\n  });\n\n  const normalizedValue = normalizeStringValue(value);\n  const normalizedDefaultValue = normalizeStringValue(defaultValue);\n\n  const { counterProps, handleChange } = useCharacterCounterState({\n    value: normalizedValue,\n    defaultValue: normalizedDefaultValue,\n    counterThreshold,\n    hasCounter,\n    onChange,\n  });\n\n  const counterOn = isCounterActive(hasCounter, counterThreshold);\n  const nativeMaxLength = counterOn ? resolveCounterNativeMaxLength(restProps.maxLength) : undefined;\n  const changeHandler = counterOn ? handleChange : onChange;\n\n  const didWarnMaxLengthLowerThanThresholdRef = useRef(false);\n  useEffect(() => {\n    if (\n      counterThreshold !== undefined &&\n      restProps.maxLength !== undefined &&\n      restProps.maxLength < counterThreshold &&\n      !didWarnMaxLengthLowerThanThresholdRef.current\n    ) {\n      didWarnMaxLengthLowerThanThresholdRef.current = true;\n      warning(\n        false,\n        'TextArea: `maxLength` should be greater than or equal to `counterThreshold` to keep visible counter and hard input limit aligned.',\n      );\n    }\n  }, [counterThreshold, restProps.maxLength]);\n\n  return (\n    <TextFieldBase\n      id={id}\n      isMultiline\n      ref={elementReference as RefObject<HTMLTextAreaElement>}\n      onInput={onInputHandler}\n      onFocus={adjustHeightOnAutoresize}\n      onChange={changeHandler}\n      value={value}\n      defaultValue={defaultValue}\n      helperText={helperText}\n      isDisabled={isDisabled}\n      counterProps={counterProps}\n      {...restProps}\n      {...(nativeMaxLength !== undefined && { maxLength: nativeMaxLength })}\n    />\n  );\n};\n\nconst TextArea = forwardRef<HTMLTextAreaElement, SpiritTextAreaProps>(_TextArea) as ForwardRefComponent<\n  HTMLTextAreaElement,\n  SpiritTextAreaProps\n>;\n\nTextArea.spiritComponent = 'TextArea';\nTextArea.displayName = 'TextArea';\n\nexport default TextArea;\n"],"names":["isCounterActive","hasCounter","counterThreshold","resolveCounterNativeMaxLength","consumerMaxLength","TEXTAREA_MAX_SAFE_LENGTH","_TextArea","props","ref","onInput","isAutoResizing","autoResizingMaxHeight","onChange","value","defaultValue","helperText","isDisabled","id","restProps","elementReference","useRef","adjustHeightOnAutoresize","onInputHandler","useAdjustHeight","normalizedValue","normalizeStringValue","normalizedDefaultValue","counterProps","handleChange","useCharacterCounterState","counterOn","nativeMaxLength","changeHandler","didWarnMaxLengthLowerThanThresholdRef","useEffect","warning","jsx","TextFieldBase","TextArea","forwardRef"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAkB,CAACC,GAAiCC,MACxDD,MAAe,MAAQC,MAAqB,QAExCC,IAAgC,CAACC,MACrCA,MAAsB,SAAYC,IAA2BD,GAEzDE,IAAY,CAACC,GAA4BC,MAAwD;AACrG,QAAM;AAAA,IACJ,SAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,uBAAAC,IAAwB;AAAA,IACxB,kBAAAT;AAAA,IACA,YAAAD;AAAA,IACA,UAAAW;AAAA,IACA,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,IAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDX,GAEEY,IAAmBC,EAAOZ,CAAG,GAC7B,EAAE,0BAAAa,GAA0B,SAASC,EAAA,IAAmBC,EAAgB;AAAA,IAC5E,kBAAAJ;AAAA,IACA,SAAAV;AAAA,IACA,gBAAAC;AAAA,IACA,WAAWC;AAAA,EAAA,CACZ,GAEKa,IAAkBC,EAAqBZ,CAAK,GAC5Ca,IAAyBD,EAAqBX,CAAY,GAE1D,EAAE,cAAAa,GAAc,cAAAC,EAAA,IAAiBC,EAAyB;AAAA,IAC9D,OAAOL;AAAA,IACP,cAAcE;AAAA,IACd,kBAAAxB;AAAA,IACA,YAAAD;AAAA,IACA,UAAAW;AAAA,EAAA,CACD,GAEKkB,IAAY9B,EAAgBC,GAAYC,CAAgB,GACxD6B,IAAkBD,IAAY3B,EAA8Be,EAAU,SAAS,IAAI,QACnFc,IAAgBF,IAAYF,IAAehB,GAE3CqB,IAAwCb,EAAO,EAAK;AAC1D,SAAAc,EAAU,MAAM;AACd,IACEhC,MAAqB,UACrBgB,EAAU,cAAc,UACxBA,EAAU,YAAYhB,KACtB,CAAC+B,EAAsC,YAEvCA,EAAsC,UAAU,IAChDE;AAAA,MACE;AAAA,MACA;AAAA,IAAA;AAAA,EAGN,GAAG,CAACjC,GAAkBgB,EAAU,SAAS,CAAC,GAGxC,gBAAAkB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAApB;AAAA,MACA,aAAW;AAAA,MACX,KAAKE;AAAA,MACL,SAASG;AAAA,MACT,SAASD;AAAA,MACT,UAAUW;AAAA,MACV,OAAAnB;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAW;AAAA,MACC,GAAGT;AAAA,MACH,GAAIa,MAAoB,UAAa,EAAE,WAAWA,EAAA;AAAA,IAAgB;AAAA,EAAA;AAGzE,GAEMO,IAAWC,EAAqDjC,CAAS;AAK/EgC,EAAS,kBAAkB;AAC3BA,EAAS,cAAc;"}

package/dist/components/TextArea/constants.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=1e4;exports.TEXTAREA_MAX_SAFE_LENGTH=e;
+//# sourceMappingURL=constants.cjs.map

package/dist/components/TextArea/constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","sources":["../../../src/components/TextArea/constants.ts"],"sourcesContent":["// Default/fallback native maxLength when the character counter is enabled and no consumer maxLength is provided.\n// Helps prevent pathological input length in the browser without capping explicit consumer-provided maxLength values.\nexport const TEXTAREA_MAX_SAFE_LENGTH = 10000;\n"],"names":["TEXTAREA_MAX_SAFE_LENGTH"],"mappings":"gFAEO,MAAMA,EAA2B"}

package/dist/components/TextArea/constants.d.ts

@@ -0,0 +1 @@
+export declare const TEXTAREA_MAX_SAFE_LENGTH = 10000;

package/dist/components/TextArea/constants.js

@@ -0,0 +1,5 @@
+const t = 1e4;
+export {
+  t as TEXTAREA_MAX_SAFE_LENGTH
+};
+//# sourceMappingURL=constants.js.map

package/dist/components/TextArea/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/TextArea/constants.ts"],"sourcesContent":["// Default/fallback native maxLength when the character counter is enabled and no consumer maxLength is provided.\n// Helps prevent pathological input length in the browser without capping explicit consumer-provided maxLength values.\nexport const TEXTAREA_MAX_SAFE_LENGTH = 10000;\n"],"names":["TEXTAREA_MAX_SAFE_LENGTH"],"mappings":"AAEO,MAAMA,IAA2B;"}

package/dist/components/TextArea/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./TextArea.cjs");exports.TextArea=e.default;
+//# sourceMappingURL=index.cjs.map

package/dist/components/TextArea/index.cjs.map

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

package/dist/components/TextArea/index.js

@@ -0,0 +1,5 @@
+import { default as r } from "./TextArea.js";
+export {
+  r as TextArea
+};
+//# sourceMappingURL=index.js.map

package/dist/components/TextArea/index.js.map

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

package/dist/components/TextArea/useAdjustHeight.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),g=({elementReference:i,maxHeight:o,onInput:s,isAutoResizing:d})=>{const u=t=>{const a=parseFloat(getComputedStyle(t).getPropertyValue("border-top-width"))||0,l=parseFloat(getComputedStyle(t).getPropertyValue("border-bottom-width"))||0,h=a+l;t.style.height="auto",t.style.overflow="auto";const r=t.scrollHeight+h;t.style.height=`${r<o?r:o}px`,t.style.overflow=r<o?"hidden":"auto"},e=()=>{if(d){const t=i?.current;t&&u(t)}},c=t=>{e(),s&&s(t)};return n.useEffect(()=>{e()},[]),{adjustHeight:u,adjustHeightOnAutoresize:e,onInput:c}};exports.useAdjustHeight=g;
+//# sourceMappingURL=useAdjustHeight.cjs.map

package/dist/components/TextArea/useAdjustHeight.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAdjustHeight.cjs","sources":["../../../src/components/TextArea/useAdjustHeight.ts"],"sourcesContent":["'use client';\n\n/* eslint-disable no-param-reassign -- DOM manipulation is required for dynamic height adjustment */\nimport { type FormEvent, type FormEventHandler, type ForwardedRef, type MutableRefObject, useEffect } from 'react';\n\nexport interface UseAdjustHeightProps {\n  elementReference?: MutableRefObject<ForwardedRef<HTMLTextAreaElement>>;\n  maxHeight: number;\n  onInput?: FormEventHandler<HTMLTextAreaElement>;\n  isAutoResizing?: boolean;\n}\n\nexport interface UseAdjustHeightReturn {\n  adjustHeight: (element: HTMLTextAreaElement) => void;\n  adjustHeightOnAutoresize: () => void;\n  onInput: FormEventHandler<HTMLTextAreaElement>;\n}\n\nexport const useAdjustHeight = ({\n  elementReference,\n  maxHeight,\n  onInput,\n  isAutoResizing,\n}: UseAdjustHeightProps): UseAdjustHeightReturn => {\n  const adjustHeight = (element: HTMLTextAreaElement) => {\n    const borderTopWidth = parseFloat(getComputedStyle(element).getPropertyValue('border-top-width')) || 0;\n    const borderBottomWidth = parseFloat(getComputedStyle(element).getPropertyValue('border-bottom-width')) || 0;\n    const totalBorderWidth = borderTopWidth + borderBottomWidth;\n\n    element.style.height = 'auto';\n    element.style.overflow = 'auto';\n\n    const totalHeight = element.scrollHeight + totalBorderWidth;\n\n    element.style.height = `${totalHeight < maxHeight ? totalHeight : maxHeight}px`;\n    element.style.overflow = totalHeight < maxHeight ? 'hidden' : 'auto';\n  };\n\n  const adjustHeightOnAutoresize = () => {\n    if (isAutoResizing) {\n      // Because of mixed props for input and textarea\n      const textArea = elementReference?.current as unknown as HTMLTextAreaElement;\n\n      if (textArea) {\n        adjustHeight(textArea);\n      }\n    }\n  };\n\n  const inputHandler = (event: FormEvent<HTMLTextAreaElement>) => {\n    adjustHeightOnAutoresize();\n\n    if (onInput) {\n      onInput(event);\n    }\n  };\n\n  /**\n   * This is the equivalent of the initialization function\n   * It will run only once when the component is mounted\n   */\n  useEffect(() => {\n    adjustHeightOnAutoresize();\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- Empty deps array to run only once\n  }, []);\n\n  return {\n    adjustHeight,\n    adjustHeightOnAutoresize,\n    onInput: inputHandler,\n  };\n};\n"],"names":["useAdjustHeight","elementReference","maxHeight","onInput","isAutoResizing","adjustHeight","element","borderTopWidth","borderBottomWidth","totalBorderWidth","totalHeight","adjustHeightOnAutoresize","textArea","inputHandler","event","useEffect"],"mappings":"sHAkBaA,EAAkB,CAAC,CAC9B,iBAAAC,EACA,UAAAC,EACA,QAAAC,EACA,eAAAC,CACF,IAAmD,CACjD,MAAMC,EAAgBC,GAAiC,CACrD,MAAMC,EAAiB,WAAW,iBAAiBD,CAAO,EAAE,iBAAiB,kBAAkB,CAAC,GAAK,EAC/FE,EAAoB,WAAW,iBAAiBF,CAAO,EAAE,iBAAiB,qBAAqB,CAAC,GAAK,EACrGG,EAAmBF,EAAiBC,EAE1CF,EAAQ,MAAM,OAAS,OACvBA,EAAQ,MAAM,SAAW,OAEzB,MAAMI,EAAcJ,EAAQ,aAAeG,EAE3CH,EAAQ,MAAM,OAAS,GAAGI,EAAcR,EAAYQ,EAAcR,CAAS,KAC3EI,EAAQ,MAAM,SAAWI,EAAcR,EAAY,SAAW,MAChE,EAEMS,EAA2B,IAAM,CACrC,GAAIP,EAAgB,CAElB,MAAMQ,EAAWX,GAAkB,QAE/BW,GACFP,EAAaO,CAAQ,CAEzB,CACF,EAEMC,EAAgBC,GAA0C,CAC9DH,EAAA,EAEIR,GACFA,EAAQW,CAAK,CAEjB,EAMAC,OAAAA,EAAAA,UAAU,IAAM,CACdJ,EAAA,CAEF,EAAG,CAAA,CAAE,EAEE,CACL,aAAAN,EACA,yBAAAM,EACA,QAASE,CAAA,CAEb"}

package/dist/components/TextArea/useAdjustHeight.d.ts

@@ -0,0 +1,13 @@
+import { FormEventHandler, ForwardedRef, MutableRefObject } from 'react';
+export interface UseAdjustHeightProps {
+    elementReference?: MutableRefObject<ForwardedRef<HTMLTextAreaElement>>;
+    maxHeight: number;
+    onInput?: FormEventHandler<HTMLTextAreaElement>;
+    isAutoResizing?: boolean;
+}
+export interface UseAdjustHeightReturn {
+    adjustHeight: (element: HTMLTextAreaElement) => void;
+    adjustHeightOnAutoresize: () => void;
+    onInput: FormEventHandler<HTMLTextAreaElement>;
+}
+export declare const useAdjustHeight: ({ elementReference, maxHeight, onInput, isAutoResizing, }: UseAdjustHeightProps) => UseAdjustHeightReturn;

package/dist/components/TextArea/useAdjustHeight.js

@@ -0,0 +1,33 @@
+"use client";
+import { useEffect as p } from "react";
+const g = ({
+  elementReference: d,
+  maxHeight: o,
+  onInput: s,
+  isAutoResizing: u
+}) => {
+  const i = (t) => {
+    const a = parseFloat(getComputedStyle(t).getPropertyValue("border-top-width")) || 0, h = parseFloat(getComputedStyle(t).getPropertyValue("border-bottom-width")) || 0, l = a + h;
+    t.style.height = "auto", t.style.overflow = "auto";
+    const e = t.scrollHeight + l;
+    t.style.height = `${e < o ? e : o}px`, t.style.overflow = e < o ? "hidden" : "auto";
+  }, r = () => {
+    if (u) {
+      const t = d?.current;
+      t && i(t);
+    }
+  }, c = (t) => {
+    r(), s && s(t);
+  };
+  return p(() => {
+    r();
+  }, []), {
+    adjustHeight: i,
+    adjustHeightOnAutoresize: r,
+    onInput: c
+  };
+};
+export {
+  g as useAdjustHeight
+};
+//# sourceMappingURL=useAdjustHeight.js.map

package/dist/components/TextArea/useAdjustHeight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAdjustHeight.js","sources":["../../../src/components/TextArea/useAdjustHeight.ts"],"sourcesContent":["'use client';\n\n/* eslint-disable no-param-reassign -- DOM manipulation is required for dynamic height adjustment */\nimport { type FormEvent, type FormEventHandler, type ForwardedRef, type MutableRefObject, useEffect } from 'react';\n\nexport interface UseAdjustHeightProps {\n  elementReference?: MutableRefObject<ForwardedRef<HTMLTextAreaElement>>;\n  maxHeight: number;\n  onInput?: FormEventHandler<HTMLTextAreaElement>;\n  isAutoResizing?: boolean;\n}\n\nexport interface UseAdjustHeightReturn {\n  adjustHeight: (element: HTMLTextAreaElement) => void;\n  adjustHeightOnAutoresize: () => void;\n  onInput: FormEventHandler<HTMLTextAreaElement>;\n}\n\nexport const useAdjustHeight = ({\n  elementReference,\n  maxHeight,\n  onInput,\n  isAutoResizing,\n}: UseAdjustHeightProps): UseAdjustHeightReturn => {\n  const adjustHeight = (element: HTMLTextAreaElement) => {\n    const borderTopWidth = parseFloat(getComputedStyle(element).getPropertyValue('border-top-width')) || 0;\n    const borderBottomWidth = parseFloat(getComputedStyle(element).getPropertyValue('border-bottom-width')) || 0;\n    const totalBorderWidth = borderTopWidth + borderBottomWidth;\n\n    element.style.height = 'auto';\n    element.style.overflow = 'auto';\n\n    const totalHeight = element.scrollHeight + totalBorderWidth;\n\n    element.style.height = `${totalHeight < maxHeight ? totalHeight : maxHeight}px`;\n    element.style.overflow = totalHeight < maxHeight ? 'hidden' : 'auto';\n  };\n\n  const adjustHeightOnAutoresize = () => {\n    if (isAutoResizing) {\n      // Because of mixed props for input and textarea\n      const textArea = elementReference?.current as unknown as HTMLTextAreaElement;\n\n      if (textArea) {\n        adjustHeight(textArea);\n      }\n    }\n  };\n\n  const inputHandler = (event: FormEvent<HTMLTextAreaElement>) => {\n    adjustHeightOnAutoresize();\n\n    if (onInput) {\n      onInput(event);\n    }\n  };\n\n  /**\n   * This is the equivalent of the initialization function\n   * It will run only once when the component is mounted\n   */\n  useEffect(() => {\n    adjustHeightOnAutoresize();\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- Empty deps array to run only once\n  }, []);\n\n  return {\n    adjustHeight,\n    adjustHeightOnAutoresize,\n    onInput: inputHandler,\n  };\n};\n"],"names":["useAdjustHeight","elementReference","maxHeight","onInput","isAutoResizing","adjustHeight","element","borderTopWidth","borderBottomWidth","totalBorderWidth","totalHeight","adjustHeightOnAutoresize","textArea","inputHandler","event","useEffect"],"mappings":";;AAkBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,kBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AACF,MAAmD;AACjD,QAAMC,IAAe,CAACC,MAAiC;AACrD,UAAMC,IAAiB,WAAW,iBAAiBD,CAAO,EAAE,iBAAiB,kBAAkB,CAAC,KAAK,GAC/FE,IAAoB,WAAW,iBAAiBF,CAAO,EAAE,iBAAiB,qBAAqB,CAAC,KAAK,GACrGG,IAAmBF,IAAiBC;AAE1C,IAAAF,EAAQ,MAAM,SAAS,QACvBA,EAAQ,MAAM,WAAW;AAEzB,UAAMI,IAAcJ,EAAQ,eAAeG;AAE3C,IAAAH,EAAQ,MAAM,SAAS,GAAGI,IAAcR,IAAYQ,IAAcR,CAAS,MAC3EI,EAAQ,MAAM,WAAWI,IAAcR,IAAY,WAAW;AAAA,EAChE,GAEMS,IAA2B,MAAM;AACrC,QAAIP,GAAgB;AAElB,YAAMQ,IAAWX,GAAkB;AAEnC,MAAIW,KACFP,EAAaO,CAAQ;AAAA,IAEzB;AAAA,EACF,GAEMC,IAAe,CAACC,MAA0C;AAC9D,IAAAH,EAAA,GAEIR,KACFA,EAAQW,CAAK;AAAA,EAEjB;AAMA,SAAAC,EAAU,MAAM;AACd,IAAAJ,EAAA;AAAA,EAEF,GAAG,CAAA,CAAE,GAEE;AAAA,IACL,cAAAN;AAAA,IACA,0BAAAM;AAAA,IACA,SAASE;AAAA,EAAA;AAEb;"}

package/dist/components/TextArea.d.ts

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

package/dist/components/TextField/TextField.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),r=require("react"),l=require("../TextFieldBase/TextFieldBase.cjs"),u=(t,i)=>s.jsx(l.default,{type:"text",...t,ref:i}),e=r.forwardRef(u);e.spiritComponent="TextField";e.displayName="TextField";exports.default=e;
+//# sourceMappingURL=TextField.cjs.map

package/dist/components/TextField/TextField.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.cjs","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ForwardedRef, forwardRef } from 'react';\nimport { type ForwardRefComponent, type SpiritTextFieldProps } from '../../types';\nimport { TextFieldBase } from '../TextFieldBase';\n\nconst _TextField = (props: SpiritTextFieldProps, ref: ForwardedRef<HTMLInputElement>): JSX.Element => (\n  <TextFieldBase type=\"text\" {...props} ref={ref} />\n);\n\nconst TextField = forwardRef<HTMLInputElement, SpiritTextFieldProps>(_TextField) as ForwardRefComponent<\n  HTMLInputElement,\n  SpiritTextFieldProps\n>;\n\nTextField.spiritComponent = 'TextField';\nTextField.displayName = 'TextField';\n\nexport default TextField;\n"],"names":["_TextField","props","ref","jsx","TextFieldBase","TextField","forwardRef"],"mappings":"iOAMMA,EAAa,CAACC,EAA6BC,IAC/CC,MAACC,EAAAA,SAAc,KAAK,OAAQ,GAAGH,EAAO,IAAAC,CAAA,CAAU,EAG5CG,EAAYC,EAAAA,WAAmDN,CAAU,EAK/EK,EAAU,gBAAkB,YAC5BA,EAAU,YAAc"}

package/dist/components/TextField/TextField.d.ts

@@ -0,0 +1,3 @@
+import { ForwardRefComponent, SpiritTextFieldProps } from '../../types';
+declare const TextField: ForwardRefComponent<HTMLInputElement, SpiritTextFieldProps>;
+export default TextField;

package/dist/components/TextField/TextField.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as r } from "react";
+import s from "../TextFieldBase/TextFieldBase.js";
+const d = (t, i) => /* @__PURE__ */ o(s, { type: "text", ...t, ref: i }), e = r(d);
+e.spiritComponent = "TextField";
+e.displayName = "TextField";
+export {
+  e as default
+};
+//# sourceMappingURL=TextField.js.map

package/dist/components/TextField/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ForwardedRef, forwardRef } from 'react';\nimport { type ForwardRefComponent, type SpiritTextFieldProps } from '../../types';\nimport { TextFieldBase } from '../TextFieldBase';\n\nconst _TextField = (props: SpiritTextFieldProps, ref: ForwardedRef<HTMLInputElement>): JSX.Element => (\n  <TextFieldBase type=\"text\" {...props} ref={ref} />\n);\n\nconst TextField = forwardRef<HTMLInputElement, SpiritTextFieldProps>(_TextField) as ForwardRefComponent<\n  HTMLInputElement,\n  SpiritTextFieldProps\n>;\n\nTextField.spiritComponent = 'TextField';\nTextField.displayName = 'TextField';\n\nexport default TextField;\n"],"names":["_TextField","props","ref","jsx","TextFieldBase","TextField","forwardRef"],"mappings":";;;;AAMA,MAAMA,IAAa,CAACC,GAA6BC,MAC/C,gBAAAC,EAACC,KAAc,MAAK,QAAQ,GAAGH,GAAO,KAAAC,EAAA,CAAU,GAG5CG,IAAYC,EAAmDN,CAAU;AAK/EK,EAAU,kBAAkB;AAC5BA,EAAU,cAAc;"}

package/dist/components/TextField/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./TextField.cjs");exports.TextField=e.default;
+//# sourceMappingURL=index.cjs.map

package/dist/components/TextField/index.cjs.map

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

package/dist/components/TextField/index.js

@@ -0,0 +1,5 @@
+import { default as r } from "./TextField.js";
+export {
+  r as TextField
+};
+//# sourceMappingURL=index.js.map

package/dist/components/TextField/index.js.map

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

package/dist/components/TextField.d.ts

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

package/dist/components/TextFieldBase/TextFieldBase.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),j=require("classnames"),x=require("react"),B=require("../../constants/dictionaries.cjs"),_=require("../../hooks/styleProps.cjs"),v=require("../../hooks/useAriaIdRefs.cjs"),A=require("../CharacterCounter/CharacterCounter.cjs"),E=require("../Field/HelperText.cjs"),R=require("../Field/Label.cjs"),w=require("../Field/ValidationText.cjs"),I=require("../Field/useValidationTextRole.cjs"),U=require("../Flex/Flex.cjs"),V=require("./TextFieldBaseInput.cjs"),C=require("./useTextFieldBaseStyleProps.cjs"),D=require("./withPasswordToggle.cjs"),M=x.forwardRef(D.default(V.default)),z=(T,m)=>{const{"aria-describedby":h="",counterProps:i,hasValidationIcon:f,helperText:n,id:t,label:q,size:c=B.Sizes.MEDIUM,validationState:s,validationText:a,...F}=T,{classProps:r,props:P}=C.useTextFieldBaseStyleProps({id:t,size:c,validationState:s,...F}),{styleProps:d,props:g}=_.useStyleProps(P),[y,o]=v.useAriaDescribedBy(h),N=I.useValidationTextRole({validationState:s,validationText:a}),S=n||s&&a,u=e.jsx(E.default,{UNSAFE_className:r.helperText,id:`${t}__helper-text`,registerAria:o,helperText:n}),p=s?e.jsx(w.default,{UNSAFE_className:r.validationText,elementType:"span",...f&&{hasValidationStateIcon:s},id:`${t}__validation-text`,validationText:a,registerAria:o,role:N}):null,b=i?e.jsx(A.default,{...i,id:t,registerAria:o,UNSAFE_className:r.counter}):null;return e.jsxs("div",{...d,className:j(r.root,d.className),children:[e.jsx(R.default,{htmlFor:t,UNSAFE_className:r.label,children:q}),e.jsx(M,{...g,...y,id:t,ref:m,size:c}),i?e.jsxs(U.default,{direction:"horizontal",isWrapping:!1,alignmentX:"space-between",alignmentY:"top",children:[S?e.jsxs("div",{children:[p,u]}):null,b]}):e.jsxs(e.Fragment,{children:[u,p]})]})},l=x.forwardRef(z);l.spiritComponent="TextFieldBase";l.displayName="TextFieldBase";exports.default=l;
+//# sourceMappingURL=TextFieldBase.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldBase.cjs","sources":["../../../src/components/TextFieldBase/TextFieldBase.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ForwardedRef, forwardRef } from 'react';\nimport { Sizes } from '../../constants';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport {\n  type ForwardRefComponent,\n  type SpiritTextFieldBaseProps,\n  type TextFieldBasePasswordToggleProps,\n} from '../../types';\nimport { CharacterCounter } from '../CharacterCounter';\nimport { HelperText, Label, ValidationText } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { Flex } from '../Flex';\nimport TextFieldBaseInput from './TextFieldBaseInput';\nimport { useTextFieldBaseStyleProps } from './useTextFieldBaseStyleProps';\nimport withPasswordToggle from './withPasswordToggle';\n\nconst TextFieldBaseInputWithPasswordToggle = forwardRef(\n  withPasswordToggle<TextFieldBasePasswordToggleProps>(TextFieldBaseInput),\n);\n\nconst _TextFieldBase = (props: SpiritTextFieldBaseProps, ref: ForwardedRef<HTMLInputElement | HTMLTextAreaElement>) => {\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    counterProps,\n    hasValidationIcon,\n    helperText,\n    id,\n    label,\n    size = Sizes.MEDIUM,\n    validationState,\n    validationText,\n    ...restProps\n  } = props;\n  const { classProps, props: modifiedProps } = useTextFieldBaseStyleProps({\n    id,\n    size,\n    validationState,\n    ...restProps,\n  });\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const [ariaDescribedByProp, register] = useAriaDescribedBy(ariaDescribedBy);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  const hasTextContent = helperText || (validationState && validationText);\n\n  const helperTextElement = (\n    <HelperText\n      UNSAFE_className={classProps.helperText}\n      id={`${id}__helper-text`}\n      registerAria={register}\n      helperText={helperText}\n    />\n  );\n\n  const validationTextElement = validationState ? (\n    <ValidationText\n      UNSAFE_className={classProps.validationText}\n      elementType=\"span\"\n      {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n      id={`${id}__validation-text`}\n      validationText={validationText}\n      registerAria={register}\n      role={validationTextRole}\n    />\n  ) : null;\n\n  const counterElement = counterProps ? (\n    <CharacterCounter {...counterProps} id={id} registerAria={register} UNSAFE_className={classProps.counter} />\n  ) : null;\n\n  return (\n    <div {...styleProps} className={classNames(classProps.root, styleProps.className)}>\n      <Label htmlFor={id} UNSAFE_className={classProps.label}>\n        {label}\n      </Label>\n      <TextFieldBaseInputWithPasswordToggle {...otherProps} {...ariaDescribedByProp} id={id} ref={ref} size={size} />\n      {counterProps ? (\n        <Flex direction=\"horizontal\" isWrapping={false} alignmentX=\"space-between\" alignmentY=\"top\">\n          {hasTextContent ? (\n            <div>\n              {/* In counter layout, put validation first so the status message stays visually closest to the counter row. */}\n              {validationTextElement}\n              {helperTextElement}\n            </div>\n          ) : null}\n          {counterElement}\n        </Flex>\n      ) : (\n        <>\n          {/* Without counter, keep the default field text flow: helper first, then validation. */}\n          {helperTextElement}\n          {validationTextElement}\n        </>\n      )}\n    </div>\n  );\n};\n\nconst TextFieldBase = forwardRef<HTMLInputElement | HTMLTextAreaElement, SpiritTextFieldBaseProps>(\n  _TextFieldBase,\n) as ForwardRefComponent<HTMLInputElement | HTMLTextAreaElement, SpiritTextFieldBaseProps>;\n\nTextFieldBase.spiritComponent = 'TextFieldBase';\nTextFieldBase.displayName = 'TextFieldBase';\n\nexport default TextFieldBase;\n"],"names":["TextFieldBaseInputWithPasswordToggle","forwardRef","withPasswordToggle","TextFieldBaseInput","_TextFieldBase","props","ref","ariaDescribedBy","counterProps","hasValidationIcon","helperText","id","label","size","Sizes","validationState","validationText","restProps","classProps","modifiedProps","useTextFieldBaseStyleProps","styleProps","otherProps","useStyleProps","ariaDescribedByProp","register","useAriaDescribedBy","validationTextRole","useValidationTextRole","hasTextContent","helperTextElement","jsx","HelperText","validationTextElement","ValidationText","counterElement","CharacterCounter","jsxs","classNames","Label","Flex","Fragment","TextFieldBase"],"mappings":"srBAmBMA,EAAuCC,EAAAA,WAC3CC,EAAAA,QAAqDC,EAAAA,OAAkB,CACzE,EAEMC,EAAiB,CAACC,EAAiCC,IAA8D,CACrH,KAAM,CACJ,mBAAoBC,EAAkB,GACtC,aAAAC,EACA,kBAAAC,EACA,WAAAC,EACA,GAAAC,EACA,MAAAC,EACA,KAAAC,EAAOC,EAAAA,MAAM,OACb,gBAAAC,EACA,eAAAC,EACA,GAAGC,CAAA,EACDZ,EACE,CAAE,WAAAa,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,2BAA2B,CACtE,GAAAT,EACA,KAAAE,EACA,gBAAAE,EACA,GAAGE,CAAA,CACJ,EACK,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/D,CAACK,EAAqBC,CAAQ,EAAIC,EAAAA,mBAAmBnB,CAAe,EACpEoB,EAAqBC,EAAAA,sBAAsB,CAC/C,gBAAAb,EACA,eAAAC,CAAA,CACD,EAEKa,EAAiBnB,GAAeK,GAAmBC,EAEnDc,EACJC,EAAAA,IAACC,EAAAA,QAAA,CACC,iBAAkBd,EAAW,WAC7B,GAAI,GAAGP,CAAE,gBACT,aAAcc,EACd,WAAAf,CAAA,CAAA,EAIEuB,EAAwBlB,EAC5BgB,EAAAA,IAACG,EAAAA,QAAA,CACC,iBAAkBhB,EAAW,eAC7B,YAAY,OACX,GAAIT,GAAqB,CAAE,uBAAwBM,CAAA,EACpD,GAAI,GAAGJ,CAAE,oBACT,eAAAK,EACA,aAAcS,EACd,KAAME,CAAA,CAAA,EAEN,KAEEQ,EAAiB3B,EACrBuB,EAAAA,IAACK,EAAAA,QAAA,CAAkB,GAAG5B,EAAc,GAAAG,EAAQ,aAAcc,EAAU,iBAAkBP,EAAW,OAAA,CAAS,EACxG,KAEJ,OACEmB,OAAC,MAAA,CAAK,GAAGhB,EAAY,UAAWiB,EAAWpB,EAAW,KAAMG,EAAW,SAAS,EAC9E,SAAA,CAAAU,MAACQ,EAAAA,SAAM,QAAS5B,EAAI,iBAAkBO,EAAW,MAC9C,SAAAN,EACH,EACAmB,MAAC/B,GAAsC,GAAGsB,EAAa,GAAGE,EAAqB,GAAAb,EAAQ,IAAAL,EAAU,KAAAO,EAAY,EAC5GL,EACC6B,EAAAA,KAACG,EAAAA,QAAA,CAAK,UAAU,aAAa,WAAY,GAAO,WAAW,gBAAgB,WAAW,MACnF,SAAA,CAAAX,SACE,MAAA,CAEE,SAAA,CAAAI,EACAH,CAAA,CAAA,CACH,EACE,KACHK,CAAA,CAAA,CACH,EAEAE,EAAAA,KAAAI,EAAAA,SAAA,CAEG,SAAA,CAAAX,EACAG,CAAA,CAAA,CACH,CAAA,EAEJ,CAEJ,EAEMS,EAAgBzC,EAAAA,WACpBG,CACF,EAEAsC,EAAc,gBAAkB,gBAChCA,EAAc,YAAc"}

package/dist/components/TextFieldBase/TextFieldBase.d.ts

@@ -0,0 +1,3 @@
+import { ForwardRefComponent, SpiritTextFieldBaseProps } from '../../types';
+declare const TextFieldBase: ForwardRefComponent<HTMLInputElement | HTMLTextAreaElement, SpiritTextFieldBaseProps>;
+export default TextFieldBase;