@alma-oss/spirit-web-react 4.2.1 → 4.4.2

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 s=require("react/jsx-runtime"),b=require("classnames"),n=require("react"),h=require("../../constants/dictionaries.cjs"),S=require("../../hooks/styleProps.cjs"),N=require("../../hooks/useAriaDescribedBy.cjs"),_=require("../Field/HelperText.cjs"),g=require("../Field/Label.cjs"),v=require("../Field/useAriaIds.cjs"),A=require("../Field/ValidationText.cjs"),j=require("../Field/useValidationTextRole.cjs"),R=require("./TextFieldBaseInput.cjs"),I=require("./useTextFieldBaseStyleProps.cjs"),w=require("./withPasswordToggle.cjs"),D=n.forwardRef(w.default(R.default)),V=(c,u)=>{const{"aria-describedby":p="",hasValidationIcon:x,helperText:T,id:e,label:q,size:a=h.Sizes.MEDIUM,validationState:t,validationText:o,...y}=c,{classProps:r,props:P}=I.useTextFieldBaseStyleProps({id:e,size:a,validationState:t,...y}),{styleProps:l,props:f}=S.useStyleProps(P),[m,d]=v.default(p),B=N.useAriaDescribedBy(m),F=j.useValidationTextRole({validationState:t,validationText:o});return s.jsxs("div",{...l,className:b(r.root,l.className),children:[s.jsx(g.default,{htmlFor:e,UNSAFE_className:r.label,children:q}),s.jsx(D,{...f,...B,id:e,ref:u,size:a}),s.jsx(_.default,{UNSAFE_className:r.helperText,id:`${e}__helperText`,registerAria:d,helperText:T}),t&&s.jsx(A.default,{UNSAFE_className:r.validationText,elementType:"span",...x&&{hasValidationStateIcon:t},id:`${e}__validationText`,validationText:o,registerAria:d,role:F})]})},i=n.forwardRef(V);i.spiritComponent="TextFieldBase";i.displayName="TextFieldBase";exports.default=i;
+//# 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 { HelperText, Label, ValidationText, useAriaIds } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\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    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 [ids, register] = useAriaIds(ariaDescribedBy);\n  const ariaDescribedByProp = useAriaDescribedBy(ids);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\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      <HelperText\n        UNSAFE_className={classProps.helperText}\n        id={`${id}__helperText`}\n        registerAria={register}\n        helperText={helperText}\n      />\n      {validationState && (\n        <ValidationText\n          UNSAFE_className={classProps.validationText}\n          elementType=\"span\"\n          {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n          id={`${id}__validationText`}\n          validationText={validationText}\n          registerAria={register}\n          role={validationTextRole}\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","hasValidationIcon","helperText","id","label","size","Sizes","validationState","validationText","restProps","classProps","modifiedProps","useTextFieldBaseStyleProps","styleProps","otherProps","useStyleProps","ids","register","useAriaIds","ariaDescribedByProp","useAriaDescribedBy","validationTextRole","useValidationTextRole","jsxs","classNames","jsx","Label","HelperText","ValidationText","TextFieldBase"],"mappings":"4oBAiBMA,EAAuCC,EAAAA,WAC3CC,EAAAA,QAAqDC,EAAAA,OAAkB,CACzE,EAEMC,EAAiB,CAACC,EAAiCC,IAA8D,CACrH,KAAM,CACJ,mBAAoBC,EAAkB,GACtC,kBAAAC,EACA,WAAAC,EACA,GAAAC,EACA,MAAAC,EACA,KAAAC,EAAOC,EAAAA,MAAM,OACb,gBAAAC,EACA,eAAAC,EACA,GAAGC,CAAA,EACDX,EACE,CAAE,WAAAY,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,EAAKC,CAAQ,EAAIC,EAAAA,QAAWlB,CAAe,EAC5CmB,EAAsBC,EAAAA,mBAAmBJ,CAAG,EAC5CK,EAAqBC,EAAAA,sBAAsB,CAC/C,gBAAAf,EACA,eAAAC,CAAA,CACD,EAED,OACEe,OAAC,MAAA,CAAK,GAAGV,EAAY,UAAWW,EAAWd,EAAW,KAAMG,EAAW,SAAS,EAC9E,SAAA,CAAAY,MAACC,EAAAA,SAAM,QAASvB,EAAI,iBAAkBO,EAAW,MAC9C,SAAAN,EACH,EACAqB,MAAChC,GAAsC,GAAGqB,EAAa,GAAGK,EAAqB,GAAAhB,EAAQ,IAAAJ,EAAU,KAAAM,EAAY,EAC7GoB,EAAAA,IAACE,EAAAA,QAAA,CACC,iBAAkBjB,EAAW,WAC7B,GAAI,GAAGP,CAAE,eACT,aAAcc,EACd,WAAAf,CAAA,CAAA,EAEDK,GACCkB,EAAAA,IAACG,EAAAA,QAAA,CACC,iBAAkBlB,EAAW,eAC7B,YAAY,OACX,GAAIT,GAAqB,CAAE,uBAAwBM,CAAA,EACpD,GAAI,GAAGJ,CAAE,mBACT,eAAAK,EACA,aAAcS,EACd,KAAMI,CAAA,CAAA,CACR,EAEJ,CAEJ,EAEMQ,EAAgBnC,EAAAA,WACpBG,CACF,EAEAgC,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;

package/dist/components/TextFieldBase/TextFieldBase.js

@@ -0,0 +1,71 @@
+"use client";
+import { jsxs as y, jsx as o } from "react/jsx-runtime";
+import b from "classnames";
+import { forwardRef as m } from "react";
+import { Sizes as S } from "../../constants/dictionaries.js";
+import { useStyleProps as _ } from "../../hooks/styleProps.js";
+import { useAriaDescribedBy as g } from "../../hooks/useAriaDescribedBy.js";
+import A from "../Field/HelperText.js";
+import v from "../Field/Label.js";
+import I from "../Field/useAriaIds.js";
+import w from "../Field/ValidationText.js";
+import { useValidationTextRole as D } from "../Field/useValidationTextRole.js";
+import E from "./TextFieldBaseInput.js";
+import { useTextFieldBaseStyleProps as U } from "./useTextFieldBaseStyleProps.js";
+import V from "./withPasswordToggle.js";
+const R = m(
+  V(E)
+), j = (d, n) => {
+  const {
+    "aria-describedby": c = "",
+    hasValidationIcon: x,
+    helperText: T,
+    id: e,
+    label: f,
+    size: s = S.MEDIUM,
+    validationState: t,
+    validationText: i,
+    ...h
+  } = d, { classProps: r, props: u } = U({
+    id: e,
+    size: s,
+    validationState: t,
+    ...h
+  }), { styleProps: a, props: F } = _(u), [B, l] = I(c), N = g(B), P = D({
+    validationState: t,
+    validationText: i
+  });
+  return /* @__PURE__ */ y("div", { ...a, className: b(r.root, a.className), children: [
+    /* @__PURE__ */ o(v, { htmlFor: e, UNSAFE_className: r.label, children: f }),
+    /* @__PURE__ */ o(R, { ...F, ...N, id: e, ref: n, size: s }),
+    /* @__PURE__ */ o(
+      A,
+      {
+        UNSAFE_className: r.helperText,
+        id: `${e}__helperText`,
+        registerAria: l,
+        helperText: T
+      }
+    ),
+    t && /* @__PURE__ */ o(
+      w,
+      {
+        UNSAFE_className: r.validationText,
+        elementType: "span",
+        ...x && { hasValidationStateIcon: t },
+        id: `${e}__validationText`,
+        validationText: i,
+        registerAria: l,
+        role: P
+      }
+    )
+  ] });
+}, p = m(
+  j
+);
+p.spiritComponent = "TextFieldBase";
+p.displayName = "TextFieldBase";
+export {
+  p 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 { HelperText, Label, ValidationText, useAriaIds } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\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    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 [ids, register] = useAriaIds(ariaDescribedBy);\n  const ariaDescribedByProp = useAriaDescribedBy(ids);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\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      <HelperText\n        UNSAFE_className={classProps.helperText}\n        id={`${id}__helperText`}\n        registerAria={register}\n        helperText={helperText}\n      />\n      {validationState && (\n        <ValidationText\n          UNSAFE_className={classProps.validationText}\n          elementType=\"span\"\n          {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n          id={`${id}__validationText`}\n          validationText={validationText}\n          registerAria={register}\n          role={validationTextRole}\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","hasValidationIcon","helperText","id","label","size","Sizes","validationState","validationText","restProps","classProps","modifiedProps","useTextFieldBaseStyleProps","styleProps","otherProps","useStyleProps","ids","register","useAriaIds","ariaDescribedByProp","useAriaDescribedBy","validationTextRole","useValidationTextRole","jsxs","classNames","jsx","Label","HelperText","ValidationText","TextFieldBase"],"mappings":";;;;;;;;;;;;;;;AAiBA,MAAMA,IAAuCC;AAAA,EAC3CC,EAAqDC,CAAkB;AACzE,GAEMC,IAAiB,CAACC,GAAiCC,MAA8D;AACrH,QAAM;AAAA,IACJ,oBAAoBC,IAAkB;AAAA,IACtC,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,IACDX,GACE,EAAE,YAAAY,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,GAAKC,CAAQ,IAAIC,EAAWlB,CAAe,GAC5CmB,IAAsBC,EAAmBJ,CAAG,GAC5CK,IAAqBC,EAAsB;AAAA,IAC/C,iBAAAf;AAAA,IACA,gBAAAC;AAAA,EAAA,CACD;AAED,SACE,gBAAAe,EAAC,OAAA,EAAK,GAAGV,GAAY,WAAWW,EAAWd,EAAW,MAAMG,EAAW,SAAS,GAC9E,UAAA;AAAA,IAAA,gBAAAY,EAACC,KAAM,SAASvB,GAAI,kBAAkBO,EAAW,OAC9C,UAAAN,GACH;AAAA,IACA,gBAAAqB,EAAChC,KAAsC,GAAGqB,GAAa,GAAGK,GAAqB,IAAAhB,GAAQ,KAAAJ,GAAU,MAAAM,GAAY;AAAA,IAC7G,gBAAAoB;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,kBAAkBjB,EAAW;AAAA,QAC7B,IAAI,GAAGP,CAAE;AAAA,QACT,cAAcc;AAAA,QACd,YAAAf;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDK,KACC,gBAAAkB;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,kBAAkBlB,EAAW;AAAA,QAC7B,aAAY;AAAA,QACX,GAAIT,KAAqB,EAAE,wBAAwBM,EAAA;AAAA,QACpD,IAAI,GAAGJ,CAAE;AAAA,QACT,gBAAAK;AAAA,QACA,cAAcS;AAAA,QACd,MAAMI;AAAA,MAAA;AAAA,IAAA;AAAA,EACR,GAEJ;AAEJ,GAEMQ,IAAgBnC;AAAA,EACpBG;AACF;AAEAgC,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"),f=require("../../hooks/useClassNamePrefix.cjs");function q(i){const{isFluid:d,isMultiline:s,isLabelHidden:n,size:l,validationState:t,...a}=i,{isDisabled:r,isRequired:T}=a,e=f.useClassNamePrefix(s?"TextArea":"TextField"),c=`${e}--disabled`,x=`${e}--fluid`,u=`${e}--${l}`,_=`${e}--${t}`,g=`${e}__input`,p=`${e}__label`,F=`${e}__label--required`,B=`${e}__label--hidden`,C=`${e}__validationText`,b=`${e}__passwordToggle`,$=`${e}__passwordToggle__button`,P=`${e}__passwordToggle__icon`,w=`${e}__helperText`,S=o(e,{[c]:r,[x]:d,[_]:t,[u]:l}),y=o(p,{[F]:T,[B]:n});return{classProps:{root:S,label:y,input:g,helperText:w,validationText:C,passwordToggle:b,passwordToggleButton:$,passwordToggleIcon:P},props:{...a,isMultiline:s}}}exports.useTextFieldBaseStyleProps=q;
+//# 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  };\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\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    },\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"],"mappings":"8JAoBO,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,EAED,MAAO,CACL,WAAY,CACV,KAAMqB,EACN,MAAOE,EACP,MAAOX,EACP,WAAYQ,EACZ,eAAgBJ,EAChB,eAAgBC,EAChB,qBAAsBC,EACtB,mBAAoBC,CAAA,EAEtB,MAAO,CACL,GAAGhB,EACH,YAAAJ,CAAA,CACF,CAEJ"}

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

@@ -0,0 +1,15 @@
+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;
+    };
+    props: Omit<TextFieldBaseProps, 'label'>;
+}
+export declare function useTextFieldBaseStyleProps(props: Omit<SpiritTextFieldBaseProps, 'label'>): TextFieldBaseStyles;

package/dist/components/TextFieldBase/useTextFieldBaseStyleProps.js

@@ -0,0 +1,33 @@
+import o from "classnames";
+import { useClassNamePrefix as S } 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 = S(s ? "TextArea" : "TextField"), c = `${e}--disabled`, x = `${e}--fluid`, _ = `${e}--${l}`, p = `${e}--${t}`, g = `${e}__input`, u = `${e}__label`, F = `${e}__label--required`, B = `${e}__label--hidden`, C = `${e}__validationText`, $ = `${e}__passwordToggle`, b = `${e}__passwordToggle__button`, w = `${e}__passwordToggle__icon`, P = `${e}__helperText`, m = o(e, {
+    [c]: r,
+    [x]: d,
+    [p]: t,
+    [_]: l
+  }), f = o(u, {
+    [F]: T,
+    [B]: n
+  });
+  return {
+    classProps: {
+      root: m,
+      label: f,
+      input: g,
+      helperText: P,
+      validationText: C,
+      passwordToggle: $,
+      passwordToggleButton: b,
+      passwordToggleIcon: w
+    },
+    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  };\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\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    },\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"],"mappings":";;AAoBO,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;AAED,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMqB;AAAA,MACN,OAAOE;AAAA,MACP,OAAOX;AAAA,MACP,YAAYQ;AAAA,MACZ,gBAAgBJ;AAAA,MAChB,gBAAgBC;AAAA,MAChB,sBAAsBC;AAAA,MACtB,oBAAoBC;AAAA,IAAA;AAAA,IAEtB,OAAO;AAAA,MACL,GAAGhB;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;