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

package/dist/components/TextFieldBase/TextFieldBase.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldBase.js","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":";;;;;;;;;;;;;;;;AAmBA,MAAMA,IAAuCC;AAAA,EAC3CC,EAAqDC,CAAkB;AACzE,GAEMC,IAAiB,CAACC,GAAiCC,MAA8D;AACrH,QAAM;AAAA,IACJ,oBAAoBC,IAAkB;AAAA,IACtC,cAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC,IAAOC,EAAM;AAAA,IACb,iBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDZ,GACE,EAAE,YAAAa,GAAY,OAAOC,EAAA,IAAkBC,EAA2B;AAAA,IACtE,IAAAT;AAAA,IACA,MAAAE;AAAA,IACA,iBAAAE;AAAA,IACA,GAAGE;AAAA,EAAA,CACJ,GACK,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/D,CAACK,GAAqBC,CAAQ,IAAIC,EAAmBnB,CAAe,GACpEoB,IAAqBC,EAAsB;AAAA,IAC/C,iBAAAb;AAAA,IACA,gBAAAC;AAAA,EAAA,CACD,GAEKa,IAAiBnB,KAAeK,KAAmBC,GAEnDc,IACJ,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,kBAAkBd,EAAW;AAAA,MAC7B,IAAI,GAAGP,CAAE;AAAA,MACT,cAAcc;AAAA,MACd,YAAAf;AAAA,IAAA;AAAA,EAAA,GAIEuB,IAAwBlB,IAC5B,gBAAAgB;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,kBAAkBhB,EAAW;AAAA,MAC7B,aAAY;AAAA,MACX,GAAIT,KAAqB,EAAE,wBAAwBM,EAAA;AAAA,MACpD,IAAI,GAAGJ,CAAE;AAAA,MACT,gBAAAK;AAAA,MACA,cAAcS;AAAA,MACd,MAAME;AAAA,IAAA;AAAA,EAAA,IAEN,MAEEQ,IAAiB3B,IACrB,gBAAAuB,EAACK,GAAA,EAAkB,GAAG5B,GAAc,IAAAG,GAAQ,cAAcc,GAAU,kBAAkBP,EAAW,QAAA,CAAS,IACxG;AAEJ,SACE,gBAAAmB,EAAC,OAAA,EAAK,GAAGhB,GAAY,WAAWiB,EAAWpB,EAAW,MAAMG,EAAW,SAAS,GAC9E,UAAA;AAAA,IAAA,gBAAAU,EAACQ,KAAM,SAAS5B,GAAI,kBAAkBO,EAAW,OAC9C,UAAAN,GACH;AAAA,IACA,gBAAAmB,EAAC/B,KAAsC,GAAGsB,GAAa,GAAGE,GAAqB,IAAAb,GAAQ,KAAAL,GAAU,MAAAO,GAAY;AAAA,IAC5GL,IACC,gBAAA6B,EAACG,GAAA,EAAK,WAAU,cAAa,YAAY,IAAO,YAAW,iBAAgB,YAAW,OACnF,UAAA;AAAA,MAAAX,sBACE,OAAA,EAEE,UAAA;AAAA,QAAAI;AAAA,QACAH;AAAA,MAAA,EAAA,CACH,IACE;AAAA,MACHK;AAAA,IAAA,EAAA,CACH,IAEA,gBAAAE,EAAAI,GAAA,EAEG,UAAA;AAAA,MAAAX;AAAA,MACAG;AAAA,IAAA,EAAA,CACH;AAAA,EAAA,GAEJ;AAEJ,GAEMS,IAAgBzC;AAAA,EACpBG;AACF;AAEAsC,EAAc,kBAAkB;AAChCA,EAAc,cAAc;"}

package/dist/components/TextFieldBase/TextFieldBaseInput.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("react/jsx-runtime"),T=require("react"),m=require("../../hooks/styleProps.cjs"),q=require("./useTextFieldBaseInputStyleProps.cjs"),B=(s,i)=>{const{classProps:r,props:o}=q.useTextFieldBaseInputStyleProps(s),{id:n,isDisabled:u,isMultiline:t,isRequired:p,inputWidth:l,type:d,...a}=o,{props:c}=m.useStyleProps(a),x=t?"textarea":"input",y=t?void 0:d;return P.jsx(x,{...c,className:r.input,disabled:u,id:n,required:p,size:l,type:y,ref:i})},e=T.forwardRef(B);e.spiritComponent="TextFieldBaseInput";e.displayName="TextFieldBaseInput";exports.default=e;
+//# sourceMappingURL=TextFieldBaseInput.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldBaseInput.cjs","sources":["../../../src/components/TextFieldBase/TextFieldBaseInput.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, type ForwardedRef, type RefObject, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type ForwardRefComponent, type SpiritTextFieldBaseInputProps } from '../../types';\nimport { useTextFieldBaseInputStyleProps } from './useTextFieldBaseInputStyleProps';\n\nconst _TextFieldBaseInput = (\n  props: SpiritTextFieldBaseInputProps,\n  ref: ForwardedRef<HTMLInputElement | HTMLTextAreaElement>,\n) => {\n  const { classProps, props: modifiedProps } = useTextFieldBaseInputStyleProps(props);\n  const { id, isDisabled, isMultiline, isRequired, inputWidth, type, ...restProps } = modifiedProps;\n  const { props: otherProps } = useStyleProps(restProps);\n\n  const Component: ElementType = isMultiline ? 'textarea' : 'input';\n  const inputType = isMultiline ? undefined : type;\n\n  return (\n    <Component\n      {...otherProps}\n      className={classProps.input}\n      disabled={isDisabled}\n      id={id}\n      required={isRequired}\n      size={inputWidth}\n      type={inputType}\n      ref={ref as RefObject<HTMLInputElement & HTMLTextAreaElement>}\n    />\n  );\n};\n\nconst TextFieldBaseInput = forwardRef<HTMLInputElement | HTMLTextAreaElement, SpiritTextFieldBaseInputProps>(\n  _TextFieldBaseInput,\n) as unknown as ForwardRefComponent<HTMLInputElement | HTMLTextAreaElement, SpiritTextFieldBaseInputProps>;\n\nTextFieldBaseInput.spiritComponent = 'TextFieldBaseInput';\nTextFieldBaseInput.displayName = 'TextFieldBaseInput';\n\nexport default TextFieldBaseInput;\n"],"names":["_TextFieldBaseInput","props","ref","classProps","modifiedProps","useTextFieldBaseInputStyleProps","id","isDisabled","isMultiline","isRequired","inputWidth","type","restProps","otherProps","useStyleProps","Component","inputType","jsx","TextFieldBaseInput","forwardRef"],"mappings":"4QAOMA,EAAsB,CAC1BC,EACAC,IACG,CACH,KAAM,CAAE,WAAAC,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,gCAAgCJ,CAAK,EAC5E,CAAE,GAAAK,EAAI,WAAAC,EAAY,YAAAC,EAAa,WAAAC,EAAY,WAAAC,EAAY,KAAAC,EAAM,GAAGC,CAAA,EAAcR,EAC9E,CAAE,MAAOS,GAAeC,EAAAA,cAAcF,CAAS,EAE/CG,EAAyBP,EAAc,WAAa,QACpDQ,EAAYR,EAAc,OAAYG,EAE5C,OACEM,EAAAA,IAACF,EAAA,CACE,GAAGF,EACJ,UAAWV,EAAW,MACtB,SAAUI,EACV,GAAAD,EACA,SAAUG,EACV,KAAMC,EACN,KAAMM,EACN,IAAAd,CAAA,CAAA,CAGN,EAEMgB,EAAqBC,EAAAA,WACzBnB,CACF,EAEAkB,EAAmB,gBAAkB,qBACrCA,EAAmB,YAAc"}

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

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

package/dist/components/TextFieldBase/TextFieldBaseInput.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as x } from "react/jsx-runtime";
+import { forwardRef as y } from "react";
+import { useStyleProps as P } from "../../hooks/styleProps.js";
+import { useTextFieldBaseInputStyleProps as T } from "./useTextFieldBaseInputStyleProps.js";
+const B = (s, i) => {
+  const { classProps: o, props: p } = T(s), { id: r, isDisabled: n, isMultiline: e, isRequired: d, inputWidth: u, type: a, ...l } = p, { props: m } = P(l), c = e ? "textarea" : "input", f = e ? void 0 : a;
+  return /* @__PURE__ */ x(
+    c,
+    {
+      ...m,
+      className: o.input,
+      disabled: n,
+      id: r,
+      required: d,
+      size: u,
+      type: f,
+      ref: i
+    }
+  );
+}, t = y(
+  B
+);
+t.spiritComponent = "TextFieldBaseInput";
+t.displayName = "TextFieldBaseInput";
+export {
+  t as default
+};
+//# sourceMappingURL=TextFieldBaseInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldBaseInput.js","sources":["../../../src/components/TextFieldBase/TextFieldBaseInput.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, type ForwardedRef, type RefObject, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type ForwardRefComponent, type SpiritTextFieldBaseInputProps } from '../../types';\nimport { useTextFieldBaseInputStyleProps } from './useTextFieldBaseInputStyleProps';\n\nconst _TextFieldBaseInput = (\n  props: SpiritTextFieldBaseInputProps,\n  ref: ForwardedRef<HTMLInputElement | HTMLTextAreaElement>,\n) => {\n  const { classProps, props: modifiedProps } = useTextFieldBaseInputStyleProps(props);\n  const { id, isDisabled, isMultiline, isRequired, inputWidth, type, ...restProps } = modifiedProps;\n  const { props: otherProps } = useStyleProps(restProps);\n\n  const Component: ElementType = isMultiline ? 'textarea' : 'input';\n  const inputType = isMultiline ? undefined : type;\n\n  return (\n    <Component\n      {...otherProps}\n      className={classProps.input}\n      disabled={isDisabled}\n      id={id}\n      required={isRequired}\n      size={inputWidth}\n      type={inputType}\n      ref={ref as RefObject<HTMLInputElement & HTMLTextAreaElement>}\n    />\n  );\n};\n\nconst TextFieldBaseInput = forwardRef<HTMLInputElement | HTMLTextAreaElement, SpiritTextFieldBaseInputProps>(\n  _TextFieldBaseInput,\n) as unknown as ForwardRefComponent<HTMLInputElement | HTMLTextAreaElement, SpiritTextFieldBaseInputProps>;\n\nTextFieldBaseInput.spiritComponent = 'TextFieldBaseInput';\nTextFieldBaseInput.displayName = 'TextFieldBaseInput';\n\nexport default TextFieldBaseInput;\n"],"names":["_TextFieldBaseInput","props","ref","classProps","modifiedProps","useTextFieldBaseInputStyleProps","id","isDisabled","isMultiline","isRequired","inputWidth","type","restProps","otherProps","useStyleProps","Component","inputType","jsx","TextFieldBaseInput","forwardRef"],"mappings":";;;;;AAOA,MAAMA,IAAsB,CAC1BC,GACAC,MACG;AACH,QAAM,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAkBC,EAAgCJ,CAAK,GAC5E,EAAE,IAAAK,GAAI,YAAAC,GAAY,aAAAC,GAAa,YAAAC,GAAY,YAAAC,GAAY,MAAAC,GAAM,GAAGC,EAAA,IAAcR,GAC9E,EAAE,OAAOS,MAAeC,EAAcF,CAAS,GAE/CG,IAAyBP,IAAc,aAAa,SACpDQ,IAAYR,IAAc,SAAYG;AAE5C,SACE,gBAAAM;AAAA,IAACF;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,WAAWV,EAAW;AAAA,MACtB,UAAUI;AAAA,MACV,IAAAD;AAAA,MACA,UAAUG;AAAA,MACV,MAAMC;AAAA,MACN,MAAMM;AAAA,MACN,KAAAd;AAAA,IAAA;AAAA,EAAA;AAGN,GAEMgB,IAAqBC;AAAA,EACzBnB;AACF;AAEAkB,EAAmB,kBAAkB;AACrCA,EAAmB,cAAc;"}

package/dist/components/TextFieldBase/TextFieldBasePasswordToggle.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"),u=require("../../constants/dictionaries.cjs"),g=require("../../hooks/useI18n.cjs"),p=require("../Icon/Icon.cjs"),w=require("./useTextFieldBasePasswordToggleStyleProps.cjs"),i=l=>{const{t}=g.useI18n(),{children:r,isPasswordShown:s,onToggleClick:a,isDisabled:n,size:d}=l,{classProps:o}=w.useTextFieldBasePasswordToggleStyleProps(),c=t(s?"textField.password.hide":"textField.password.show");return e.jsxs("div",{className:o.passwordToggle,children:[r,e.jsx("button",{className:o.passwordToggleButton,type:"button",role:"switch","aria-checked":!!s,"aria-label":c,onClick:()=>a(),disabled:n,children:e.jsx("span",{className:o.passwordToggleIcon,children:e.jsx(p.default,{name:`visibility-${s?"off":"on"}`,boxSize:d===u.Sizes.SMALL?16:20})})})]})};i.spiritComponent="TextFieldBasePasswordToggle";exports.default=i;
+//# sourceMappingURL=TextFieldBasePasswordToggle.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldBasePasswordToggle.cjs","sources":["../../../src/components/TextFieldBase/TextFieldBasePasswordToggle.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { Sizes } from '../../constants';\nimport { useI18n } from '../../hooks';\nimport { type SpiritTextFieldBasePasswordToggleProps } from '../../types';\nimport { Icon } from '../Icon';\nimport { useTextFieldBasePasswordToggleStyleProps } from './useTextFieldBasePasswordToggleStyleProps';\n\nconst TextFieldBasePasswordToggle = (props: SpiritTextFieldBasePasswordToggleProps): JSX.Element => {\n  const { t } = useI18n();\n  const { children, isPasswordShown, onToggleClick, isDisabled, size } = props;\n  const { classProps } = useTextFieldBasePasswordToggleStyleProps();\n  const ariaLabel = isPasswordShown ? t('textField.password.hide') : t('textField.password.show');\n\n  return (\n    <div className={classProps.passwordToggle}>\n      {children}\n      <button\n        className={classProps.passwordToggleButton}\n        type=\"button\"\n        role=\"switch\"\n        aria-checked={!!isPasswordShown}\n        aria-label={ariaLabel}\n        onClick={() => onToggleClick()}\n        disabled={isDisabled}\n      >\n        <span className={classProps.passwordToggleIcon}>\n          <Icon name={`visibility-${isPasswordShown ? 'off' : 'on'}`} boxSize={size === Sizes.SMALL ? 16 : 20} />\n        </span>\n      </button>\n    </div>\n  );\n};\n\nTextFieldBasePasswordToggle.spiritComponent = 'TextFieldBasePasswordToggle';\n\nexport default TextFieldBasePasswordToggle;\n"],"names":["TextFieldBasePasswordToggle","props","useI18n","children","isPasswordShown","onToggleClick","isDisabled","size","classProps","useTextFieldBasePasswordToggleStyleProps","ariaLabel","jsxs","jsx","Icon","Sizes"],"mappings":"2UASMA,EAA+BC,GAA+D,CAClG,KAAM,CAAE,CAAA,EAAMC,UAAA,EACR,CAAE,SAAAC,EAAU,gBAAAC,EAAiB,cAAAC,EAAe,WAAAC,EAAY,KAAAC,GAASN,EACjE,CAAE,WAAAO,CAAA,EAAeC,2CAAA,EACjBC,EAA8B,EAAlBN,EAAoB,0BAA+B,yBAAN,EAE/D,OACEO,EAAAA,KAAC,MAAA,CAAI,UAAWH,EAAW,eACxB,SAAA,CAAAL,EACDS,EAAAA,IAAC,SAAA,CACC,UAAWJ,EAAW,qBACtB,KAAK,SACL,KAAK,SACL,eAAc,CAAC,CAACJ,EAChB,aAAYM,EACZ,QAAS,IAAML,EAAA,EACf,SAAUC,EAEV,eAAC,OAAA,CAAK,UAAWE,EAAW,mBAC1B,SAAAI,EAAAA,IAACC,EAAAA,SAAK,KAAM,cAAcT,EAAkB,MAAQ,IAAI,GAAI,QAASG,IAASO,EAAAA,MAAM,MAAQ,GAAK,GAAI,CAAA,CACvG,CAAA,CAAA,CACF,EACF,CAEJ,EAEAd,EAA4B,gBAAkB"}

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

@@ -0,0 +1,6 @@
+import { SpiritTextFieldBasePasswordToggleProps } from '../../types';
+declare const TextFieldBasePasswordToggle: {
+    (props: SpiritTextFieldBasePasswordToggleProps): JSX.Element;
+    spiritComponent: string;
+};
+export default TextFieldBasePasswordToggle;

package/dist/components/TextFieldBase/TextFieldBasePasswordToggle.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { Sizes as p } from "../../constants/dictionaries.js";
+import { useI18n as m } from "../../hooks/useI18n.js";
+import g from "../Icon/Icon.js";
+import { useTextFieldBasePasswordToggleStyleProps as w } from "./useTextFieldBasePasswordToggleStyleProps.js";
+const T = (t) => {
+  const { t: i } = m(), { children: r, isPasswordShown: s, onToggleClick: a, isDisabled: l, size: d } = t, { classProps: e } = w(), n = i(s ? "textField.password.hide" : "textField.password.show");
+  return /* @__PURE__ */ c("div", { className: e.passwordToggle, children: [
+    r,
+    /* @__PURE__ */ o(
+      "button",
+      {
+        className: e.passwordToggleButton,
+        type: "button",
+        role: "switch",
+        "aria-checked": !!s,
+        "aria-label": n,
+        onClick: () => a(),
+        disabled: l,
+        children: /* @__PURE__ */ o("span", { className: e.passwordToggleIcon, children: /* @__PURE__ */ o(g, { name: `visibility-${s ? "off" : "on"}`, boxSize: d === p.SMALL ? 16 : 20 }) })
+      }
+    )
+  ] });
+};
+T.spiritComponent = "TextFieldBasePasswordToggle";
+export {
+  T as default
+};
+//# sourceMappingURL=TextFieldBasePasswordToggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldBasePasswordToggle.js","sources":["../../../src/components/TextFieldBase/TextFieldBasePasswordToggle.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { Sizes } from '../../constants';\nimport { useI18n } from '../../hooks';\nimport { type SpiritTextFieldBasePasswordToggleProps } from '../../types';\nimport { Icon } from '../Icon';\nimport { useTextFieldBasePasswordToggleStyleProps } from './useTextFieldBasePasswordToggleStyleProps';\n\nconst TextFieldBasePasswordToggle = (props: SpiritTextFieldBasePasswordToggleProps): JSX.Element => {\n  const { t } = useI18n();\n  const { children, isPasswordShown, onToggleClick, isDisabled, size } = props;\n  const { classProps } = useTextFieldBasePasswordToggleStyleProps();\n  const ariaLabel = isPasswordShown ? t('textField.password.hide') : t('textField.password.show');\n\n  return (\n    <div className={classProps.passwordToggle}>\n      {children}\n      <button\n        className={classProps.passwordToggleButton}\n        type=\"button\"\n        role=\"switch\"\n        aria-checked={!!isPasswordShown}\n        aria-label={ariaLabel}\n        onClick={() => onToggleClick()}\n        disabled={isDisabled}\n      >\n        <span className={classProps.passwordToggleIcon}>\n          <Icon name={`visibility-${isPasswordShown ? 'off' : 'on'}`} boxSize={size === Sizes.SMALL ? 16 : 20} />\n        </span>\n      </button>\n    </div>\n  );\n};\n\nTextFieldBasePasswordToggle.spiritComponent = 'TextFieldBasePasswordToggle';\n\nexport default TextFieldBasePasswordToggle;\n"],"names":["TextFieldBasePasswordToggle","props","t","useI18n","children","isPasswordShown","onToggleClick","isDisabled","size","classProps","useTextFieldBasePasswordToggleStyleProps","ariaLabel","jsxs","jsx","Icon","Sizes"],"mappings":";;;;;;AASA,MAAMA,IAA8B,CAACC,MAA+D;AAClG,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,EAAE,UAAAC,GAAU,iBAAAC,GAAiB,eAAAC,GAAe,YAAAC,GAAY,MAAAC,MAASP,GACjE,EAAE,YAAAQ,EAAA,IAAeC,EAAA,GACjBC,IAA8BT,EAAlBG,IAAoB,4BAA+B,yBAAN;AAE/D,SACE,gBAAAO,EAAC,OAAA,EAAI,WAAWH,EAAW,gBACxB,UAAA;AAAA,IAAAL;AAAA,IACD,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWJ,EAAW;AAAA,QACtB,MAAK;AAAA,QACL,MAAK;AAAA,QACL,gBAAc,CAAC,CAACJ;AAAA,QAChB,cAAYM;AAAA,QACZ,SAAS,MAAML,EAAA;AAAA,QACf,UAAUC;AAAA,QAEV,4BAAC,QAAA,EAAK,WAAWE,EAAW,oBAC1B,UAAA,gBAAAI,EAACC,KAAK,MAAM,cAAcT,IAAkB,QAAQ,IAAI,IAAI,SAASG,MAASO,EAAM,QAAQ,KAAK,IAAI,EAAA,CACvG;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAEAf,EAA4B,kBAAkB;"}

package/dist/components/TextFieldBase/index.cjs

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

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

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

package/dist/components/TextFieldBase/index.js

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

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

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

package/dist/components/TextFieldBase/usePasswordToggle.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),t=()=>{const[s,e]=o.useState(!1);return{isPasswordShown:s,passwordToggle:()=>e(!s)}};exports.usePasswordToggle=t;
+//# sourceMappingURL=usePasswordToggle.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePasswordToggle.cjs","sources":["../../../src/components/TextFieldBase/usePasswordToggle.ts"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\n\nexport const usePasswordToggle = () => {\n  const [isPasswordShown, setIsPasswordShown] = useState<boolean>(false);\n  const passwordToggle = () => setIsPasswordShown(!isPasswordShown);\n\n  return {\n    isPasswordShown,\n    passwordToggle,\n  };\n};\n"],"names":["usePasswordToggle","isPasswordShown","setIsPasswordShown","useState"],"mappings":"sHAIaA,EAAoB,IAAM,CACrC,KAAM,CAACC,EAAiBC,CAAkB,EAAIC,EAAAA,SAAkB,EAAK,EAGrE,MAAO,CACL,gBAAAF,EACA,eAJqB,IAAMC,EAAmB,CAACD,CAAe,CAI9D,CAEJ"}

package/dist/components/TextFieldBase/usePasswordToggle.js

@@ -0,0 +1,13 @@
+"use client";
+import { useState as e } from "react";
+const a = () => {
+  const [s, o] = e(!1);
+  return {
+    isPasswordShown: s,
+    passwordToggle: () => o(!s)
+  };
+};
+export {
+  a as usePasswordToggle
+};
+//# sourceMappingURL=usePasswordToggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePasswordToggle.js","sources":["../../../src/components/TextFieldBase/usePasswordToggle.ts"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\n\nexport const usePasswordToggle = () => {\n  const [isPasswordShown, setIsPasswordShown] = useState<boolean>(false);\n  const passwordToggle = () => setIsPasswordShown(!isPasswordShown);\n\n  return {\n    isPasswordShown,\n    passwordToggle,\n  };\n};\n"],"names":["usePasswordToggle","isPasswordShown","setIsPasswordShown","useState"],"mappings":";;AAIO,MAAMA,IAAoB,MAAM;AACrC,QAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAAkB,EAAK;AAGrE,SAAO;AAAA,IACL,iBAAAF;AAAA,IACA,gBAJqB,MAAMC,EAAmB,CAACD,CAAe;AAAA,EAI9D;AAEJ;"}

package/dist/components/TextFieldBase/useTextFieldBaseInputStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../hooks/useClassNamePrefix.cjs");function a(s){const{isMultiline:e,id:t,...i}=s;return{classProps:{input:`${l.useClassNamePrefix(e?"TextArea":"TextField")}__input`},props:{...i,isMultiline:e,id:t}}}exports.useTextFieldBaseInputStyleProps=a;
+//# sourceMappingURL=useTextFieldBaseInputStyleProps.cjs.map

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

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

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

@@ -0,0 +1,8 @@
+import { SpiritTextFieldBaseInputProps, TextFieldBaseProps } from '../../types';
+export interface TextFieldBaseInputStyles {
+    classProps: {
+        input: string;
+    };
+    props: TextFieldBaseProps;
+}
+export declare function useTextFieldBaseInputStyleProps(props: SpiritTextFieldBaseInputProps): TextFieldBaseInputStyles;

package/dist/components/TextFieldBase/useTextFieldBaseInputStyleProps.js

@@ -0,0 +1,18 @@
+import { useClassNamePrefix as l } from "../../hooks/useClassNamePrefix.js";
+function p(e) {
+  const { isMultiline: s, id: t, ...i } = e;
+  return {
+    classProps: {
+      input: `${l(s ? "TextArea" : "TextField")}__input`
+    },
+    props: {
+      ...i,
+      isMultiline: s,
+      id: t
+    }
+  };
+}
+export {
+  p as useTextFieldBaseInputStyleProps
+};
+//# sourceMappingURL=useTextFieldBaseInputStyleProps.js.map

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

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

package/dist/components/TextFieldBase/useTextFieldBasePasswordToggleStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../hooks/useClassNamePrefix.cjs");function a(){const s=t.useClassNamePrefix("TextField"),e=`${s}__passwordToggle`,o=`${s}__passwordToggle__button`,l=`${s}__passwordToggle__icon`;return{classProps:{passwordToggle:e,passwordToggleButton:o,passwordToggleIcon:l}}}exports.useTextFieldBasePasswordToggleStyleProps=a;
+//# sourceMappingURL=useTextFieldBasePasswordToggleStyleProps.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTextFieldBasePasswordToggleStyleProps.cjs","sources":["../../../src/components/TextFieldBase/useTextFieldBasePasswordToggleStyleProps.ts"],"sourcesContent":["import { useClassNamePrefix } from '../../hooks';\n\nexport interface TextFieldBasePasswordToggleStyles {\n  /** className props */\n  classProps: {\n    passwordToggle: string;\n    passwordToggleButton: string;\n    passwordToggleIcon: string;\n  };\n}\n\nexport function useTextFieldBasePasswordToggleStyleProps(): TextFieldBasePasswordToggleStyles {\n  const TextFieldBaseClass = useClassNamePrefix('TextField');\n  const TextFieldBasePasswordToggleClass = `${TextFieldBaseClass}__passwordToggle`;\n  const TextFieldBasePasswordToggleButtonClass = `${TextFieldBaseClass}__passwordToggle__button`;\n  const TextFieldBasePasswordToggleIconClass = `${TextFieldBaseClass}__passwordToggle__icon`;\n\n  return {\n    classProps: {\n      passwordToggle: TextFieldBasePasswordToggleClass,\n      passwordToggleButton: TextFieldBasePasswordToggleButtonClass,\n      passwordToggleIcon: TextFieldBasePasswordToggleIconClass,\n    },\n  };\n}\n"],"names":["useTextFieldBasePasswordToggleStyleProps","TextFieldBaseClass","useClassNamePrefix","TextFieldBasePasswordToggleClass","TextFieldBasePasswordToggleButtonClass","TextFieldBasePasswordToggleIconClass"],"mappings":"sIAWO,SAASA,GAA8E,CAC5F,MAAMC,EAAqBC,EAAAA,mBAAmB,WAAW,EACnDC,EAAmC,GAAGF,CAAkB,mBACxDG,EAAyC,GAAGH,CAAkB,2BAC9DI,EAAuC,GAAGJ,CAAkB,yBAElE,MAAO,CACL,WAAY,CACV,eAAgBE,EAChB,qBAAsBC,EACtB,mBAAoBC,CAAA,CACtB,CAEJ"}

package/dist/components/TextFieldBase/useTextFieldBasePasswordToggleStyleProps.js

@@ -0,0 +1,15 @@
+import { useClassNamePrefix as t } from "../../hooks/useClassNamePrefix.js";
+function g() {
+  const s = t("TextField"), o = `${s}__passwordToggle`, e = `${s}__passwordToggle__button`, l = `${s}__passwordToggle__icon`;
+  return {
+    classProps: {
+      passwordToggle: o,
+      passwordToggleButton: e,
+      passwordToggleIcon: l
+    }
+  };
+}
+export {
+  g as useTextFieldBasePasswordToggleStyleProps
+};
+//# sourceMappingURL=useTextFieldBasePasswordToggleStyleProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTextFieldBasePasswordToggleStyleProps.js","sources":["../../../src/components/TextFieldBase/useTextFieldBasePasswordToggleStyleProps.ts"],"sourcesContent":["import { useClassNamePrefix } from '../../hooks';\n\nexport interface TextFieldBasePasswordToggleStyles {\n  /** className props */\n  classProps: {\n    passwordToggle: string;\n    passwordToggleButton: string;\n    passwordToggleIcon: string;\n  };\n}\n\nexport function useTextFieldBasePasswordToggleStyleProps(): TextFieldBasePasswordToggleStyles {\n  const TextFieldBaseClass = useClassNamePrefix('TextField');\n  const TextFieldBasePasswordToggleClass = `${TextFieldBaseClass}__passwordToggle`;\n  const TextFieldBasePasswordToggleButtonClass = `${TextFieldBaseClass}__passwordToggle__button`;\n  const TextFieldBasePasswordToggleIconClass = `${TextFieldBaseClass}__passwordToggle__icon`;\n\n  return {\n    classProps: {\n      passwordToggle: TextFieldBasePasswordToggleClass,\n      passwordToggleButton: TextFieldBasePasswordToggleButtonClass,\n      passwordToggleIcon: TextFieldBasePasswordToggleIconClass,\n    },\n  };\n}\n"],"names":["useTextFieldBasePasswordToggleStyleProps","TextFieldBaseClass","useClassNamePrefix","TextFieldBasePasswordToggleClass","TextFieldBasePasswordToggleButtonClass","TextFieldBasePasswordToggleIconClass"],"mappings":";AAWO,SAASA,IAA8E;AAC5F,QAAMC,IAAqBC,EAAmB,WAAW,GACnDC,IAAmC,GAAGF,CAAkB,oBACxDG,IAAyC,GAAGH,CAAkB,4BAC9DI,IAAuC,GAAGJ,CAAkB;AAElE,SAAO;AAAA,IACL,YAAY;AAAA,MACV,gBAAgBE;AAAA,MAChB,sBAAsBC;AAAA,MACtB,oBAAoBC;AAAA,IAAA;AAAA,EACtB;AAEJ;"}

package/dist/components/TextFieldBase/useTextFieldBaseStyleProps.cjs

@@ -0,0 +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;
+//# sourceMappingURL=useTextFieldBaseStyleProps.cjs.map

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

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

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

@@ -0,0 +1,16 @@
+import { SpiritTextFieldBaseProps, TextFieldBaseProps } from '../../types';
+export interface TextFieldBaseStyles {
+    classProps: {
+        root: string;
+        label: string;
+        input: string;
+        helperText: string;
+        validationText: string;
+        passwordToggle: string;
+        passwordToggleButton: string;
+        passwordToggleIcon: string;
+        counter: string;
+    };
+    props: Omit<TextFieldBaseProps, 'label'>;
+}
+export declare function useTextFieldBaseStyleProps(props: Omit<SpiritTextFieldBaseProps, 'label'>): TextFieldBaseStyles;

package/dist/components/TextFieldBase/useTextFieldBaseStyleProps.js

@@ -0,0 +1,34 @@
+import o from "classnames";
+import { useClassNamePrefix as y } 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`;
+  return {
+    classProps: {
+      root: m,
+      label: S,
+      input: p,
+      helperText: P,
+      validationText: $,
+      passwordToggle: C,
+      passwordToggleButton: b,
+      passwordToggleIcon: w,
+      counter: f
+    },
+    props: {
+      ...a,
+      isMultiline: s
+    }
+  };
+}
+export {
+  q as useTextFieldBaseStyleProps
+};
+//# sourceMappingURL=useTextFieldBaseStyleProps.js.map

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

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

package/dist/components/TextFieldBase/withPasswordToggle.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),c=require("./TextFieldBasePasswordToggle.cjs"),T=require("./usePasswordToggle.cjs");function a(s){const g=s.displayName||s.name||"Component",t=(d,i)=>{const{isPasswordShown:r,passwordToggle:n}=T.usePasswordToggle(),{hasPasswordToggle:u,isDisabled:e,size:w,...l}=d;return u?o.jsx(c.default,{isDisabled:e,isPasswordShown:r,onToggleClick:n,size:w,children:o.jsx(s,{...l,type:r?"text":"password",isDisabled:e,ref:i})}):o.jsx(s,{...l,isDisabled:e,ref:i})};return t.displayName=`withPasswordToggle(${g})`,t}a.spiritComponent="withPasswordToggle";exports.default=a;
+//# sourceMappingURL=withPasswordToggle.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"withPasswordToggle.cjs","sources":["../../../src/components/TextFieldBase/withPasswordToggle.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\n/*\nerror TS2322: Type 'Omit<T, \"hasPasswordToggle\"> & { type: string; }' is not assignable to type 'IntrinsicAttributes & T'.\n  Type 'Omit<T, \"hasPasswordToggle\"> & { type: string; }' is not assignable to type 'T'.\n    'T' could be instantiated with an arbitrary type which could be unrelated to 'Omit<T, \"hasPasswordToggle\"> & { type: string; }'.\n*/\n\n'use client';\n\nimport React, { type ComponentType, type ForwardedRef } from 'react';\nimport { type PasswordToggleAdornmentProp } from '../../types/shared/adornments';\nimport TextFieldBasePasswordToggle from './TextFieldBasePasswordToggle';\nimport { usePasswordToggle } from './usePasswordToggle';\n\nfunction withPasswordToggle<T extends PasswordToggleAdornmentProp>(WrappedComponent: ComponentType<T>) {\n  const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';\n\n  const ComponentWithPasswordToggle = (props: T, ref: ForwardedRef<HTMLInputElement | HTMLTextAreaElement>) => {\n    const { isPasswordShown, passwordToggle } = usePasswordToggle();\n    const { hasPasswordToggle, isDisabled, size, ...restProps } = props;\n\n    return hasPasswordToggle ? (\n      <TextFieldBasePasswordToggle\n        isDisabled={isDisabled}\n        isPasswordShown={isPasswordShown}\n        onToggleClick={passwordToggle}\n        size={size}\n      >\n        <WrappedComponent\n          {...restProps}\n          type={isPasswordShown ? 'text' : 'password'}\n          isDisabled={isDisabled}\n          ref={ref}\n        />\n      </TextFieldBasePasswordToggle>\n    ) : (\n      <WrappedComponent {...restProps} isDisabled={isDisabled} ref={ref} />\n    );\n  };\n\n  ComponentWithPasswordToggle.displayName = `withPasswordToggle(${displayName})`;\n\n  return ComponentWithPasswordToggle;\n}\n\nwithPasswordToggle.spiritComponent = 'withPasswordToggle';\n\nexport default withPasswordToggle;\n"],"names":["withPasswordToggle","WrappedComponent","displayName","ComponentWithPasswordToggle","props","ref","isPasswordShown","passwordToggle","usePasswordToggle","hasPasswordToggle","isDisabled","size","restProps","jsx","TextFieldBasePasswordToggle"],"mappings":"kPAeA,SAASA,EAA0DC,EAAoC,CACrG,MAAMC,EAAcD,EAAiB,aAAeA,EAAiB,MAAQ,YAEvEE,EAA8B,CAACC,EAAUC,IAA8D,CAC3G,KAAM,CAAE,gBAAAC,EAAiB,eAAAC,CAAA,EAAmBC,oBAAA,EACtC,CAAE,kBAAAC,EAAmB,WAAAC,EAAY,KAAAC,EAAM,GAAGC,GAAcR,EAE9D,OAAOK,EACLI,EAAAA,IAACC,EAAAA,QAAA,CACC,WAAAJ,EACA,gBAAAJ,EACA,cAAeC,EACf,KAAAI,EAEA,SAAAE,EAAAA,IAACZ,EAAA,CACE,GAAGW,EACJ,KAAMN,EAAkB,OAAS,WACjC,WAAAI,EACA,IAAAL,CAAA,CAAA,CACF,CAAA,EAGFQ,EAAAA,IAACZ,EAAA,CAAkB,GAAGW,EAAW,WAAAF,EAAwB,IAAAL,EAAU,CAEvE,EAEA,OAAAF,EAA4B,YAAc,sBAAsBD,CAAW,IAEpEC,CACT,CAEAH,EAAmB,gBAAkB"}

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

@@ -0,0 +1,10 @@
+import { default as React, ComponentType, ForwardedRef } from 'react';
+import { PasswordToggleAdornmentProp } from '../../types/shared/adornments';
+declare function withPasswordToggle<T extends PasswordToggleAdornmentProp>(WrappedComponent: ComponentType<T>): {
+    (props: T, ref: ForwardedRef<HTMLInputElement | HTMLTextAreaElement>): React.JSX.Element;
+    displayName: string;
+};
+declare namespace withPasswordToggle {
+    var spiritComponent: string;
+}
+export default withPasswordToggle;

package/dist/components/TextFieldBase/withPasswordToggle.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import m from "./TextFieldBasePasswordToggle.js";
+import { usePasswordToggle as T } from "./usePasswordToggle.js";
+function c(s) {
+  const g = s.displayName || s.name || "Component", t = (l, i) => {
+    const { isPasswordShown: r, passwordToggle: d } = T(), { hasPasswordToggle: w, isDisabled: o, size: n, ...a } = l;
+    return w ? /* @__PURE__ */ e(
+      m,
+      {
+        isDisabled: o,
+        isPasswordShown: r,
+        onToggleClick: d,
+        size: n,
+        children: /* @__PURE__ */ e(
+          s,
+          {
+            ...a,
+            type: r ? "text" : "password",
+            isDisabled: o,
+            ref: i
+          }
+        )
+      }
+    ) : /* @__PURE__ */ e(s, { ...a, isDisabled: o, ref: i });
+  };
+  return t.displayName = `withPasswordToggle(${g})`, t;
+}
+c.spiritComponent = "withPasswordToggle";
+export {
+  c as default
+};
+//# sourceMappingURL=withPasswordToggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"withPasswordToggle.js","sources":["../../../src/components/TextFieldBase/withPasswordToggle.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\n/*\nerror TS2322: Type 'Omit<T, \"hasPasswordToggle\"> & { type: string; }' is not assignable to type 'IntrinsicAttributes & T'.\n  Type 'Omit<T, \"hasPasswordToggle\"> & { type: string; }' is not assignable to type 'T'.\n    'T' could be instantiated with an arbitrary type which could be unrelated to 'Omit<T, \"hasPasswordToggle\"> & { type: string; }'.\n*/\n\n'use client';\n\nimport React, { type ComponentType, type ForwardedRef } from 'react';\nimport { type PasswordToggleAdornmentProp } from '../../types/shared/adornments';\nimport TextFieldBasePasswordToggle from './TextFieldBasePasswordToggle';\nimport { usePasswordToggle } from './usePasswordToggle';\n\nfunction withPasswordToggle<T extends PasswordToggleAdornmentProp>(WrappedComponent: ComponentType<T>) {\n  const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';\n\n  const ComponentWithPasswordToggle = (props: T, ref: ForwardedRef<HTMLInputElement | HTMLTextAreaElement>) => {\n    const { isPasswordShown, passwordToggle } = usePasswordToggle();\n    const { hasPasswordToggle, isDisabled, size, ...restProps } = props;\n\n    return hasPasswordToggle ? (\n      <TextFieldBasePasswordToggle\n        isDisabled={isDisabled}\n        isPasswordShown={isPasswordShown}\n        onToggleClick={passwordToggle}\n        size={size}\n      >\n        <WrappedComponent\n          {...restProps}\n          type={isPasswordShown ? 'text' : 'password'}\n          isDisabled={isDisabled}\n          ref={ref}\n        />\n      </TextFieldBasePasswordToggle>\n    ) : (\n      <WrappedComponent {...restProps} isDisabled={isDisabled} ref={ref} />\n    );\n  };\n\n  ComponentWithPasswordToggle.displayName = `withPasswordToggle(${displayName})`;\n\n  return ComponentWithPasswordToggle;\n}\n\nwithPasswordToggle.spiritComponent = 'withPasswordToggle';\n\nexport default withPasswordToggle;\n"],"names":["withPasswordToggle","WrappedComponent","displayName","ComponentWithPasswordToggle","props","ref","isPasswordShown","passwordToggle","usePasswordToggle","hasPasswordToggle","isDisabled","size","restProps","jsx","TextFieldBasePasswordToggle"],"mappings":";;;;AAeA,SAASA,EAA0DC,GAAoC;AACrG,QAAMC,IAAcD,EAAiB,eAAeA,EAAiB,QAAQ,aAEvEE,IAA8B,CAACC,GAAUC,MAA8D;AAC3G,UAAM,EAAE,iBAAAC,GAAiB,gBAAAC,EAAA,IAAmBC,EAAA,GACtC,EAAE,mBAAAC,GAAmB,YAAAC,GAAY,MAAAC,GAAM,GAAGC,MAAcR;AAE9D,WAAOK,IACL,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,YAAAJ;AAAA,QACA,iBAAAJ;AAAA,QACA,eAAeC;AAAA,QACf,MAAAI;AAAA,QAEA,UAAA,gBAAAE;AAAA,UAACZ;AAAA,UAAA;AAAA,YACE,GAAGW;AAAA,YACJ,MAAMN,IAAkB,SAAS;AAAA,YACjC,YAAAI;AAAA,YACA,KAAAL;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,IAGF,gBAAAQ,EAACZ,GAAA,EAAkB,GAAGW,GAAW,YAAAF,GAAwB,KAAAL,GAAU;AAAA,EAEvE;AAEA,SAAAF,EAA4B,cAAc,sBAAsBD,CAAW,KAEpEC;AACT;AAEAH,EAAmB,kBAAkB;"}

package/dist/components/TextFieldBase.d.ts

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

package/dist/components/Timeline/Timeline.cjs

@@ -0,0 +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;
+//# sourceMappingURL=Timeline.cjs.map

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

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

package/dist/components/Timeline/Timeline.d.ts

@@ -0,0 +1,7 @@
+import { default as React, ElementType } from 'react';
+import { SpiritTimelineProps } from '../../types';
+declare const Timeline: {
+    <E extends ElementType = "ol">(props: SpiritTimelineProps<E>): React.JSX.Element;
+    spiritComponent: string;
+};
+export default Timeline;

package/dist/components/Timeline/Timeline.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as c } from "react/jsx-runtime";
+import { useStyleProps as P } from "../../hooks/styleProps.js";
+import { mergeStyleProps as a } from "../../utils/mergeStyleProps.js";
+import { TIMELINE_SIZE_DEFAULT as f } from "./constants.js";
+import { useTimelineStyleProps as u } from "./useTimelineStyleProps.js";
+const T = {
+  elementType: "ol",
+  size: f
+}, y = (s) => {
+  const r = { ...T, ...s }, { elementType: e = "ol", children: t, size: p, ...i } = r, { classProps: l } = u({ markerSize: p }), { styleProps: m, props: o } = P(i), n = a(e, { classProps: l.root, styleProps: m, otherProps: o });
+  return /* @__PURE__ */ c(e, { ...o, ...n, children: t });
+};
+y.spiritComponent = "Timeline";
+export {
+  y as default
+};
+//# sourceMappingURL=Timeline.js.map

package/dist/components/Timeline/Timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.js","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":";;;;;;AASA,MAAMA,IAA6C;AAAA,EACjD,aAAa;AAAA,EACb,MAAMC;AACR,GAEMC,IAAW,CAA+BC,MAAkC;AAChF,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGG,EAAA,GAC1C,EAAE,aAAaE,IAAa,MAAM,UAAAC,GAAU,MAAAC,GAAM,GAAGC,MAAcJ,GACnE,EAAE,YAAAK,EAAA,IAAeC,EAAsB,EAAE,YAAYH,GAAM,GAC3D,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAS,GAC3DM,IAAmBC,EAAgBV,GAAY,EAAE,YAAYI,EAAW,MAAM,YAAAE,GAAY,YAAAC,GAAY;AAE5G,2BACGP,GAAA,EAAY,GAAGO,GAAa,GAAGE,GAC7B,UAAAR,GACH;AAEJ;AAEAJ,EAAS,kBAAkB;"}

package/dist/components/Timeline/TimelineContent.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),c=require("classnames"),u=require("../../hooks/styleProps.cjs"),p=require("./useTimelineStyleProps.cjs"),s=t=>{const{children:r,...o}=t,{classProps:n}=p.useTimelineStyleProps(),{styleProps:e,props:l}=u.useStyleProps(o);return i.jsx("div",{...l,className:c(n.content,e.className),style:e.style,children:r})};s.spiritComponent="TimelineContent";exports.default=s;
+//# sourceMappingURL=TimelineContent.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineContent.cjs","sources":["../../../src/components/Timeline/TimelineContent.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritTimelineContentProps } from '../../types';\nimport { useTimelineStyleProps } from './useTimelineStyleProps';\n\nconst TimelineContent = (props: SpiritTimelineContentProps) => {\n  const { children, ...restProps } = props;\n  const { classProps } = useTimelineStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  return (\n    <div {...otherProps} className={classNames(classProps.content, styleProps.className)} style={styleProps.style}>\n      {children}\n    </div>\n  );\n};\n\nTimelineContent.spiritComponent = 'TimelineContent';\n\nexport default TimelineContent;\n"],"names":["TimelineContent","props","children","restProps","classProps","useTimelineStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":"uQAQMA,EAAmBC,GAAsC,CAC7D,KAAM,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAAcF,EAC7B,CAAE,WAAAG,CAAA,EAAeC,wBAAA,EACjB,CAAA,WAAEC,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcL,CAAS,EAEjE,OACEM,EAAAA,IAAC,MAAA,CAAK,GAAGF,EAAY,UAAWG,EAAWN,EAAW,QAASE,EAAW,SAAS,EAAG,MAAOA,EAAW,MACrG,SAAAJ,EACH,CAEJ,EAEAF,EAAgB,gBAAkB"}

package/dist/components/Timeline/TimelineContent.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { SpiritTimelineContentProps } from '../../types';
+declare const TimelineContent: {
+    (props: SpiritTimelineContentProps): React.JSX.Element;
+    spiritComponent: string;
+};
+export default TimelineContent;

package/dist/components/Timeline/TimelineContent.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import l from "classnames";
+import { useStyleProps as m } from "../../hooks/styleProps.js";
+import { useTimelineStyleProps as p } from "./useTimelineStyleProps.js";
+const c = (e) => {
+  const { children: t, ...o } = e, { classProps: r } = p(), { styleProps: s, props: n } = m(o);
+  return /* @__PURE__ */ i("div", { ...n, className: l(r.content, s.className), style: s.style, children: t });
+};
+c.spiritComponent = "TimelineContent";
+export {
+  c as default
+};
+//# sourceMappingURL=TimelineContent.js.map

package/dist/components/Timeline/TimelineContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineContent.js","sources":["../../../src/components/Timeline/TimelineContent.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritTimelineContentProps } from '../../types';\nimport { useTimelineStyleProps } from './useTimelineStyleProps';\n\nconst TimelineContent = (props: SpiritTimelineContentProps) => {\n  const { children, ...restProps } = props;\n  const { classProps } = useTimelineStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  return (\n    <div {...otherProps} className={classNames(classProps.content, styleProps.className)} style={styleProps.style}>\n      {children}\n    </div>\n  );\n};\n\nTimelineContent.spiritComponent = 'TimelineContent';\n\nexport default TimelineContent;\n"],"names":["TimelineContent","props","children","restProps","classProps","useTimelineStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":";;;;;AAQA,MAAMA,IAAkB,CAACC,MAAsC;AAC7D,QAAM,EAAE,UAAAC,GAAU,GAAGC,EAAA,IAAcF,GAC7B,EAAE,YAAAG,EAAA,IAAeC,EAAA,GACjB,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAS;AAEjE,SACE,gBAAAM,EAAC,OAAA,EAAK,GAAGF,GAAY,WAAWG,EAAWN,EAAW,SAASE,EAAW,SAAS,GAAG,OAAOA,EAAW,OACrG,UAAAJ,GACH;AAEJ;AAEAF,EAAgB,kBAAkB;"}