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

package/dist/components/EmptyState/EmptyState.cjs

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

package/dist/components/EmptyState/EmptyState.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.cjs","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ReactElement } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritEmptyStateProps } from '../../types/emptyState';\nimport { Stack } from '../Stack';\nimport { useEmptyStateStyleProps } from './useEmptyStateStyleProps';\n\nconst EmptyState = (props: SpiritEmptyStateProps): ReactElement => {\n  const { children, ...restProps } = props;\n  const { classProps, props: modifiedProps } = useEmptyStateStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n\n  return (\n    <Stack\n      {...otherProps}\n      UNSAFE_className={classNames(classProps.root, styleProps.className)}\n      UNSAFE_style={styleProps.style}\n    >\n      {children}\n    </Stack>\n  );\n};\n\nEmptyState.spiritComponent = 'EmptyState';\n\nexport default EmptyState;\n"],"names":["EmptyState","props","children","restProps","classProps","modifiedProps","useEmptyStateStyleProps","styleProps","otherProps","useStyleProps","jsx","Stack","classNames"],"mappings":"ySASMA,EAAcC,GAA+C,CACjE,KAAM,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAAcF,EAC7B,CAAE,WAAAG,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,wBAAwBH,CAAS,EACxE,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAErE,OACEK,EAAAA,IAACC,EAAAA,QAAA,CACE,GAAGH,EACJ,iBAAkBI,EAAWR,EAAW,KAAMG,EAAW,SAAS,EAClE,aAAcA,EAAW,MAExB,SAAAL,CAAA,CAAA,CAGP,EAEAF,EAAW,gBAAkB"}

package/dist/components/EmptyState/EmptyState.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import { SpiritEmptyStateProps } from '../../types/emptyState';
+declare const EmptyState: {
+    (props: SpiritEmptyStateProps): ReactElement;
+    spiritComponent: string;
+};
+export default EmptyState;

package/dist/components/EmptyState/EmptyState.js

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

package/dist/components/EmptyState/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ReactElement } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritEmptyStateProps } from '../../types/emptyState';\nimport { Stack } from '../Stack';\nimport { useEmptyStateStyleProps } from './useEmptyStateStyleProps';\n\nconst EmptyState = (props: SpiritEmptyStateProps): ReactElement => {\n  const { children, ...restProps } = props;\n  const { classProps, props: modifiedProps } = useEmptyStateStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n\n  return (\n    <Stack\n      {...otherProps}\n      UNSAFE_className={classNames(classProps.root, styleProps.className)}\n      UNSAFE_style={styleProps.style}\n    >\n      {children}\n    </Stack>\n  );\n};\n\nEmptyState.spiritComponent = 'EmptyState';\n\nexport default EmptyState;\n"],"names":["EmptyState","props","children","restProps","classProps","modifiedProps","useEmptyStateStyleProps","styleProps","otherProps","useStyleProps","jsx","Stack","classNames"],"mappings":";;;;;;AASA,MAAMA,IAAa,CAACC,MAA+C;AACjE,QAAM,EAAE,UAAAC,GAAU,GAAGC,EAAA,IAAcF,GAC7B,EAAE,YAAAG,GAAY,OAAOC,EAAA,IAAkBC,EAAwBH,CAAS,GACxE,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa;AAErE,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGH;AAAA,MACJ,kBAAkBI,EAAWR,EAAW,MAAMG,EAAW,SAAS;AAAA,MAClE,cAAcA,EAAW;AAAA,MAExB,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGP;AAEAF,EAAW,kBAAkB;"}

package/dist/components/EmptyState/EmptyStateSection.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"),n=require("classnames"),u=require("../../hooks/styleProps.cjs"),a=require("../Stack/Stack.cjs"),S=require("./useEmptyStateStyleProps.cjs"),t=s=>{const{children:r,...o}=s,{classProps:c,props:l}=S.useEmptyStateStyleProps(o),{styleProps:e,props:p}=u.useStyleProps(l);return i.jsx(a.default,{...p,UNSAFE_className:n(c.section,e.className),UNSAFE_style:e.style,children:r})};t.spiritComponent="EmptyStateSection";exports.default=t;
+//# sourceMappingURL=EmptyStateSection.cjs.map

package/dist/components/EmptyState/EmptyStateSection.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStateSection.cjs","sources":["../../../src/components/EmptyState/EmptyStateSection.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ReactElement } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritEmptyStateProps } from '../../types/emptyState';\nimport { Stack } from '../Stack';\nimport { useEmptyStateStyleProps } from './useEmptyStateStyleProps';\n\nconst EmptyStateSection = (props: SpiritEmptyStateProps): ReactElement => {\n  const { children, ...restProps } = props;\n  const { classProps, props: modifiedProps } = useEmptyStateStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n\n  return (\n    <Stack\n      {...otherProps}\n      UNSAFE_className={classNames(classProps.section, styleProps.className)}\n      UNSAFE_style={styleProps.style}\n    >\n      {children}\n    </Stack>\n  );\n};\n\nEmptyStateSection.spiritComponent = 'EmptyStateSection';\n\nexport default EmptyStateSection;\n"],"names":["EmptyStateSection","props","children","restProps","classProps","modifiedProps","useEmptyStateStyleProps","styleProps","otherProps","useStyleProps","jsx","Stack","classNames"],"mappings":"ySASMA,EAAqBC,GAA+C,CACxE,KAAM,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAAcF,EAC7B,CAAE,WAAAG,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,wBAAwBH,CAAS,EACxE,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAErE,OACEK,EAAAA,IAACC,EAAAA,QAAA,CACE,GAAGH,EACJ,iBAAkBI,EAAWR,EAAW,QAASG,EAAW,SAAS,EACrE,aAAcA,EAAW,MAExB,SAAAL,CAAA,CAAA,CAGP,EAEAF,EAAkB,gBAAkB"}

package/dist/components/EmptyState/EmptyStateSection.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import { SpiritEmptyStateProps } from '../../types/emptyState';
+declare const EmptyStateSection: {
+    (props: SpiritEmptyStateProps): ReactElement;
+    spiritComponent: string;
+};
+export default EmptyStateSection;

package/dist/components/EmptyState/EmptyStateSection.js

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

package/dist/components/EmptyState/EmptyStateSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStateSection.js","sources":["../../../src/components/EmptyState/EmptyStateSection.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ReactElement } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritEmptyStateProps } from '../../types/emptyState';\nimport { Stack } from '../Stack';\nimport { useEmptyStateStyleProps } from './useEmptyStateStyleProps';\n\nconst EmptyStateSection = (props: SpiritEmptyStateProps): ReactElement => {\n  const { children, ...restProps } = props;\n  const { classProps, props: modifiedProps } = useEmptyStateStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n\n  return (\n    <Stack\n      {...otherProps}\n      UNSAFE_className={classNames(classProps.section, styleProps.className)}\n      UNSAFE_style={styleProps.style}\n    >\n      {children}\n    </Stack>\n  );\n};\n\nEmptyStateSection.spiritComponent = 'EmptyStateSection';\n\nexport default EmptyStateSection;\n"],"names":["EmptyStateSection","props","children","restProps","classProps","modifiedProps","useEmptyStateStyleProps","styleProps","otherProps","useStyleProps","jsx","Stack","classNames"],"mappings":";;;;;;AASA,MAAMA,IAAoB,CAACC,MAA+C;AACxE,QAAM,EAAE,UAAAC,GAAU,GAAGC,EAAA,IAAcF,GAC7B,EAAE,YAAAG,GAAY,OAAOC,EAAA,IAAkBC,EAAwBH,CAAS,GACxE,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa;AAErE,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGH;AAAA,MACJ,kBAAkBI,EAAWR,EAAW,SAASG,EAAW,SAAS;AAAA,MACrE,cAAcA,EAAW;AAAA,MAExB,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGP;AAEAF,EAAkB,kBAAkB;"}

package/dist/components/EmptyState/index.cjs

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

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

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

package/dist/components/EmptyState/index.js

@@ -0,0 +1,9 @@
+import { default as o } from "./EmptyState.js";
+import { default as a } from "./EmptyStateSection.js";
+import { useEmptyStateStyleProps as m } from "./useEmptyStateStyleProps.js";
+export {
+  o as EmptyState,
+  a as EmptyStateSection,
+  m as useEmptyStateStyleProps
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/EmptyState/useEmptyStateStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../hooks/useClassNamePrefix.cjs");function r(e){const t=o.useClassNamePrefix("EmptyState"),s=`${t}__section`;return{classProps:{root:t,section:s},props:e}}exports.useEmptyStateStyleProps=r;
+//# sourceMappingURL=useEmptyStateStyleProps.cjs.map

package/dist/components/EmptyState/useEmptyStateStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEmptyStateStyleProps.cjs","sources":["../../../src/components/EmptyState/useEmptyStateStyleProps.ts"],"sourcesContent":["import { useClassNamePrefix } from '../../hooks';\nimport { type SpiritEmptyStateProps } from '../../types/emptyState';\n\nexport interface EmptyStateStyles<T> {\n  classProps: {\n    root: string;\n    section: string;\n  };\n  props: T;\n}\n\nexport function useEmptyStateStyleProps(props: SpiritEmptyStateProps): EmptyStateStyles<SpiritEmptyStateProps> {\n  const emptyStateClass = useClassNamePrefix('EmptyState');\n  const sectionClass = `${emptyStateClass}__section`;\n\n  return {\n    classProps: {\n      root: emptyStateClass,\n      section: sectionClass,\n    },\n    props,\n  };\n}\n"],"names":["useEmptyStateStyleProps","props","emptyStateClass","useClassNamePrefix","sectionClass"],"mappings":"sIAWO,SAASA,EAAwBC,EAAuE,CAC7G,MAAMC,EAAkBC,EAAAA,mBAAmB,YAAY,EACjDC,EAAe,GAAGF,CAAe,YAEvC,MAAO,CACL,WAAY,CACV,KAAMA,EACN,QAASE,CAAA,EAEX,MAAAH,CAAA,CAEJ"}

package/dist/components/EmptyState/useEmptyStateStyleProps.d.ts

@@ -0,0 +1,9 @@
+import { SpiritEmptyStateProps } from '../../types/emptyState';
+export interface EmptyStateStyles<T> {
+    classProps: {
+        root: string;
+        section: string;
+    };
+    props: T;
+}
+export declare function useEmptyStateStyleProps(props: SpiritEmptyStateProps): EmptyStateStyles<SpiritEmptyStateProps>;

package/dist/components/EmptyState/useEmptyStateStyleProps.js

@@ -0,0 +1,15 @@
+import { useClassNamePrefix as o } from "../../hooks/useClassNamePrefix.js";
+function a(s) {
+  const t = o("EmptyState"), e = `${t}__section`;
+  return {
+    classProps: {
+      root: t,
+      section: e
+    },
+    props: s
+  };
+}
+export {
+  a as useEmptyStateStyleProps
+};
+//# sourceMappingURL=useEmptyStateStyleProps.js.map

package/dist/components/EmptyState/useEmptyStateStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEmptyStateStyleProps.js","sources":["../../../src/components/EmptyState/useEmptyStateStyleProps.ts"],"sourcesContent":["import { useClassNamePrefix } from '../../hooks';\nimport { type SpiritEmptyStateProps } from '../../types/emptyState';\n\nexport interface EmptyStateStyles<T> {\n  classProps: {\n    root: string;\n    section: string;\n  };\n  props: T;\n}\n\nexport function useEmptyStateStyleProps(props: SpiritEmptyStateProps): EmptyStateStyles<SpiritEmptyStateProps> {\n  const emptyStateClass = useClassNamePrefix('EmptyState');\n  const sectionClass = `${emptyStateClass}__section`;\n\n  return {\n    classProps: {\n      root: emptyStateClass,\n      section: sectionClass,\n    },\n    props,\n  };\n}\n"],"names":["useEmptyStateStyleProps","props","emptyStateClass","useClassNamePrefix","sectionClass"],"mappings":";AAWO,SAASA,EAAwBC,GAAuE;AAC7G,QAAMC,IAAkBC,EAAmB,YAAY,GACjDC,IAAe,GAAGF,CAAe;AAEvC,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMA;AAAA,MACN,SAASE;AAAA,IAAA;AAAA,IAEX,OAAAH;AAAA,EAAA;AAEJ;"}

package/dist/components/EmptyState.d.ts

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

package/dist/components/Field/HelperText.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),y=require("react"),P=require("../../hooks/styleProps.cjs"),m=require("../../utils/mergeStyleProps.cjs"),l={elementType:"div",id:void 0,registerAria:void 0},n=i=>{const p={...l,...i},{helperText:e,elementType:s=l.elementType,id:r,registerAria:t,...u}=p,{styleProps:c,props:o}=P.useStyleProps(u),d=m.mergeStyleProps(s,{styleProps:c,transferProps:o});return y.useEffect(()=>(e&&t?.({add:r}),()=>{t?.({remove:r})}),[e,r,t]),e?a.jsx(s,{...o,...d,id:r,children:e}):null};n.spiritComponent="HelperText";exports.default=n;
+//# sourceMappingURL=HelperText.cjs.map

package/dist/components/Field/HelperText.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelperText.cjs","sources":["../../../src/components/Field/HelperText.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, useEffect } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { mergeStyleProps } from '../../utils';\nimport { type HelperTextProps } from './types';\n\nconst defaultProps: Partial<HelperTextProps> = {\n  elementType: 'div',\n  id: undefined,\n  registerAria: undefined,\n};\n\nconst HelperText = <E extends ElementType = 'div'>(props: HelperTextProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const {\n    helperText,\n    elementType: ElementTag = defaultProps.elementType as ElementType,\n    id,\n    registerAria,\n    ...restProps\n  } = propsWithDefaults;\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { styleProps, transferProps });\n\n  useEffect(() => {\n    helperText && registerAria?.({ add: id });\n\n    return () => {\n      registerAria?.({ remove: id });\n    };\n  }, [helperText, id, registerAria]);\n\n  if (helperText) {\n    return (\n      <ElementTag {...transferProps} {...mergedStyleProps} id={id}>\n        {helperText}\n      </ElementTag>\n    );\n  }\n\n  return null;\n};\n\nHelperText.spiritComponent = 'HelperText';\n\nexport default HelperText;\n"],"names":["defaultProps","HelperText","props","propsWithDefaults","helperText","ElementTag","id","registerAria","restProps","styleProps","transferProps","useStyleProps","mergedStyleProps","mergeStyleProps","useEffect"],"mappings":"sQAOMA,EAAyC,CAC7C,YAAa,MACb,GAAI,OACJ,aAAc,MAChB,EAEMC,EAA6CC,GAA8B,CAC/E,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CACJ,WAAAE,EACA,YAAaC,EAAaL,EAAa,YACvC,GAAAM,EACA,aAAAC,EACA,GAAGC,CAAA,EACDL,EACE,CAAA,WAAEM,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcH,CAAS,EAC9DI,EAAmBC,EAAAA,gBAAgBR,EAAY,CAAA,WAAEI,EAAY,cAAAC,EAAe,EAUlF,OARAI,EAAAA,UAAU,KACRV,GAAcG,IAAe,CAAE,IAAKD,CAAA,CAAI,EAEjC,IAAM,CACXC,IAAe,CAAE,OAAQD,EAAI,CAC/B,GACC,CAACF,EAAYE,EAAIC,CAAY,CAAC,EAE7BH,QAECC,EAAA,CAAY,GAAGK,EAAgB,GAAGE,EAAkB,GAAAN,EAClD,SAAAF,EACH,EAIG,IACT,EAEAH,EAAW,gBAAkB"}

package/dist/components/Field/HelperText.d.ts

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

package/dist/components/Field/HelperText.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as f } from "react/jsx-runtime";
+import { useEffect as u } from "react";
+import { useStyleProps as c } from "../../hooks/styleProps.js";
+import { mergeStyleProps as a } from "../../utils/mergeStyleProps.js";
+const p = {
+  elementType: "div",
+  id: void 0,
+  registerAria: void 0
+}, y = (i) => {
+  const n = { ...p, ...i }, {
+    helperText: e,
+    elementType: o = p.elementType,
+    id: r,
+    registerAria: t,
+    ...l
+  } = n, { styleProps: m, props: s } = c(l), d = a(o, { styleProps: m, transferProps: s });
+  return u(() => (e && t?.({ add: r }), () => {
+    t?.({ remove: r });
+  }), [e, r, t]), e ? /* @__PURE__ */ f(o, { ...s, ...d, id: r, children: e }) : null;
+};
+y.spiritComponent = "HelperText";
+export {
+  y as default
+};
+//# sourceMappingURL=HelperText.js.map

package/dist/components/Field/HelperText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelperText.js","sources":["../../../src/components/Field/HelperText.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, useEffect } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { mergeStyleProps } from '../../utils';\nimport { type HelperTextProps } from './types';\n\nconst defaultProps: Partial<HelperTextProps> = {\n  elementType: 'div',\n  id: undefined,\n  registerAria: undefined,\n};\n\nconst HelperText = <E extends ElementType = 'div'>(props: HelperTextProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const {\n    helperText,\n    elementType: ElementTag = defaultProps.elementType as ElementType,\n    id,\n    registerAria,\n    ...restProps\n  } = propsWithDefaults;\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { styleProps, transferProps });\n\n  useEffect(() => {\n    helperText && registerAria?.({ add: id });\n\n    return () => {\n      registerAria?.({ remove: id });\n    };\n  }, [helperText, id, registerAria]);\n\n  if (helperText) {\n    return (\n      <ElementTag {...transferProps} {...mergedStyleProps} id={id}>\n        {helperText}\n      </ElementTag>\n    );\n  }\n\n  return null;\n};\n\nHelperText.spiritComponent = 'HelperText';\n\nexport default HelperText;\n"],"names":["defaultProps","HelperText","props","propsWithDefaults","helperText","ElementTag","id","registerAria","restProps","styleProps","transferProps","useStyleProps","mergedStyleProps","mergeStyleProps","useEffect"],"mappings":";;;;;AAOA,MAAMA,IAAyC;AAAA,EAC7C,aAAa;AAAA,EACb,IAAI;AAAA,EACJ,cAAc;AAChB,GAEMC,IAAa,CAAgCC,MAA8B;AAC/E,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C;AAAA,IACJ,YAAAE;AAAA,IACA,aAAaC,IAAaL,EAAa;AAAA,IACvC,IAAAM;AAAA,IACA,cAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDL,GACE,EAAE,YAAAM,GAAY,OAAOC,EAAA,IAAkBC,EAAcH,CAAS,GAC9DI,IAAmBC,EAAgBR,GAAY,EAAE,YAAAI,GAAY,eAAAC,GAAe;AAUlF,SARAI,EAAU,OACRV,KAAcG,IAAe,EAAE,KAAKD,EAAA,CAAI,GAEjC,MAAM;AACX,IAAAC,IAAe,EAAE,QAAQD,GAAI;AAAA,EAC/B,IACC,CAACF,GAAYE,GAAIC,CAAY,CAAC,GAE7BH,sBAECC,GAAA,EAAY,GAAGK,GAAgB,GAAGE,GAAkB,IAAAN,GAClD,UAAAF,GACH,IAIG;AACT;AAEAH,EAAW,kBAAkB;"}

package/dist/components/Field/Label.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),P=require("../../hooks/styleProps.cjs"),a=require("../../utils/mergeStyleProps.cjs"),t=s=>{const{elementType:e="label",children:o,htmlFor:l,for:n,...p}=s,{styleProps:u,props:r}=P.useStyleProps(p),i=a.mergeStyleProps(e,{styleProps:u,otherProps:r});return c.jsx(e,{...r,...i,htmlFor:e==="label"?n||l:void 0,children:o})};t.spiritComponent="Label";exports.default=t;
+//# sourceMappingURL=Label.cjs.map

package/dist/components/Field/Label.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.cjs","sources":["../../../src/components/Field/Label.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritLabelProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\n\nconst Label = <E extends ElementType = 'label'>(props: SpiritLabelProps<E>): JSX.Element => {\n  const { elementType: ElementTag = 'label', children, htmlFor, for: labelFor, ...restProps } = props;\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { styleProps, otherProps });\n\n  return (\n    <ElementTag\n      {...otherProps}\n      {...mergedStyleProps}\n      htmlFor={ElementTag === 'label' ? labelFor || htmlFor : undefined}\n    >\n      {children}\n    </ElementTag>\n  );\n};\n\nLabel.spiritComponent = 'Label';\n\nexport default Label;\n"],"names":["Label","props","ElementTag","children","htmlFor","labelFor","restProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx"],"mappings":"mPAOMA,EAA0CC,GAA4C,CAC1F,KAAM,CAAE,YAAaC,EAAa,QAAS,SAAAC,EAAU,QAAAC,EAAS,IAAKC,EAAU,GAAGC,CAAA,EAAcL,EACxF,CAAA,WAAEM,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcH,CAAS,EAC3DI,EAAmBC,EAAAA,gBAAgBT,EAAY,CAAA,WAAEK,EAAY,WAAAC,EAAY,EAE/E,OACEI,EAAAA,IAACV,EAAA,CACE,GAAGM,EACH,GAAGE,EACJ,QAASR,IAAe,QAAUG,GAAYD,EAAU,OAEvD,SAAAD,CAAA,CAAA,CAGP,EAEAH,EAAM,gBAAkB"}

package/dist/components/Field/Label.d.ts

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

package/dist/components/Field/Label.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import { useStyleProps as a } from "../../hooks/styleProps.js";
+import { mergeStyleProps as c } from "../../utils/mergeStyleProps.js";
+const P = (o) => {
+  const { elementType: e = "label", children: t, htmlFor: s, for: l, ...p } = o, { styleProps: m, props: r } = a(p), n = c(e, { styleProps: m, otherProps: r });
+  return /* @__PURE__ */ i(
+    e,
+    {
+      ...r,
+      ...n,
+      htmlFor: e === "label" ? l || s : void 0,
+      children: t
+    }
+  );
+};
+P.spiritComponent = "Label";
+export {
+  P as default
+};
+//# sourceMappingURL=Label.js.map

package/dist/components/Field/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sources":["../../../src/components/Field/Label.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritLabelProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\n\nconst Label = <E extends ElementType = 'label'>(props: SpiritLabelProps<E>): JSX.Element => {\n  const { elementType: ElementTag = 'label', children, htmlFor, for: labelFor, ...restProps } = props;\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { styleProps, otherProps });\n\n  return (\n    <ElementTag\n      {...otherProps}\n      {...mergedStyleProps}\n      htmlFor={ElementTag === 'label' ? labelFor || htmlFor : undefined}\n    >\n      {children}\n    </ElementTag>\n  );\n};\n\nLabel.spiritComponent = 'Label';\n\nexport default Label;\n"],"names":["Label","props","ElementTag","children","htmlFor","labelFor","restProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx"],"mappings":";;;;AAOA,MAAMA,IAAQ,CAAkCC,MAA4C;AAC1F,QAAM,EAAE,aAAaC,IAAa,SAAS,UAAAC,GAAU,SAAAC,GAAS,KAAKC,GAAU,GAAGC,EAAA,IAAcL,GACxF,EAAE,YAAAM,GAAY,OAAOC,EAAA,IAAeC,EAAcH,CAAS,GAC3DI,IAAmBC,EAAgBT,GAAY,EAAE,YAAAK,GAAY,YAAAC,GAAY;AAE/E,SACE,gBAAAI;AAAA,IAACV;AAAA,IAAA;AAAA,MACE,GAAGM;AAAA,MACH,GAAGE;AAAA,MACJ,SAASR,MAAe,UAAUG,KAAYD,IAAU;AAAA,MAEvD,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;AAEAH,EAAM,kBAAkB;"}

package/dist/components/Field/ValidationText.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),T=require("react"),f=require("../../hooks/styleProps.cjs"),g=require("../../utils/mergeStyleProps.cjs"),S=require("../Icon/Icon.cjs"),j=require("./useValidationIcon.cjs"),a={elementType:"div",id:void 0,registerAria:void 0,role:void 0},c=d=>{const u={...a,...d},{elementType:i=a.elementType,id:r,hasValidationStateIcon:s,registerAria:o,role:p,validationText:e,...y}=u,m=j.useValidationIcon({hasValidationStateIcon:s}),{styleProps:x,props:n}=f.useStyleProps(y),P=g.mergeStyleProps(i,{styleProps:x,transferProps:n});if(T.useEffect(()=>(e&&o?.({add:r}),()=>{o?.({remove:r})}),[r,o,e]),!e)return null;const v=s?t.jsx("div",{children:e}):e;return t.jsxs(i,{...n,...P,id:r,role:p,children:[s&&t.jsx(S.default,{name:m,boxSize:20}),Array.isArray(e)?t.jsx("ul",{children:e.map(l=>t.jsx("li",{children:l},`validationText_${l}`))}):v]})};c.spiritComponent="ValidationText";exports.default=c;
+//# sourceMappingURL=ValidationText.cjs.map

package/dist/components/Field/ValidationText.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationText.cjs","sources":["../../../src/components/Field/ValidationText.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, useEffect } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { mergeStyleProps } from '../../utils';\nimport { Icon } from '../Icon';\nimport { type ValidationTextProps } from './types';\nimport { useValidationIcon } from './useValidationIcon';\n\nconst defaultProps: Partial<ValidationTextProps> = {\n  elementType: 'div',\n  id: undefined,\n  registerAria: undefined,\n  role: undefined,\n};\n\nconst ValidationText = <E extends ElementType = 'div'>(props: ValidationTextProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const {\n    elementType: ElementTag = defaultProps.elementType as ElementType,\n    id,\n    hasValidationStateIcon,\n    registerAria,\n    role,\n    validationText,\n    ...restProps\n  } = propsWithDefaults;\n  const validationIconName = useValidationIcon({ hasValidationStateIcon });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { styleProps, transferProps });\n\n  useEffect(() => {\n    validationText && registerAria?.({ add: id });\n\n    return () => {\n      registerAria?.({ remove: id });\n    };\n  }, [id, registerAria, validationText]);\n\n  if (!validationText) {\n    return null;\n  }\n\n  const nonArrayValidationText = hasValidationStateIcon ? <div>{validationText}</div> : validationText;\n\n  return (\n    <ElementTag {...transferProps} {...mergedStyleProps} id={id} role={role}>\n      {hasValidationStateIcon && <Icon name={validationIconName} boxSize={20} />}\n      {Array.isArray(validationText) ? (\n        <ul>\n          {validationText.map((item) => (\n            <li key={`validationText_${item}`}>{item}</li>\n          ))}\n        </ul>\n      ) : (\n        nonArrayValidationText\n      )}\n    </ElementTag>\n  );\n};\n\nValidationText.spiritComponent = 'ValidationText';\n\nexport default ValidationText;\n"],"names":["defaultProps","ValidationText","props","propsWithDefaults","ElementTag","id","hasValidationStateIcon","registerAria","role","validationText","restProps","validationIconName","useValidationIcon","styleProps","transferProps","useStyleProps","mergedStyleProps","mergeStyleProps","useEffect","nonArrayValidationText","jsx","Icon","item"],"mappings":"yUASMA,EAA6C,CACjD,YAAa,MACb,GAAI,OACJ,aAAc,OACd,KAAM,MACR,EAEMC,EAAiDC,GAAkC,CACvF,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CACJ,YAAaE,EAAaJ,EAAa,YACvC,GAAAK,EACA,uBAAAC,EACA,aAAAC,EACA,KAAAC,EACA,eAAAC,EACA,GAAGC,CAAA,EACDP,EACEQ,EAAqBC,EAAAA,kBAAkB,CAAE,uBAAAN,EAAwB,EACjE,CAAA,WAAEO,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcL,CAAS,EAC9DM,EAAmBC,EAAAA,gBAAgBb,EAAY,CAAA,WAAES,EAAY,cAAAC,EAAe,EAUlF,GARAI,EAAAA,UAAU,KACRT,GAAkBF,IAAe,CAAE,IAAKF,CAAA,CAAI,EAErC,IAAM,CACXE,IAAe,CAAE,OAAQF,EAAI,CAC/B,GACC,CAACA,EAAIE,EAAcE,CAAc,CAAC,EAEjC,CAACA,EACH,OAAO,KAGT,MAAMU,EAAyBb,EAAyBc,MAAC,MAAA,CAAK,WAAe,EAASX,EAEtF,cACGL,EAAA,CAAY,GAAGU,EAAgB,GAAGE,EAAkB,GAAAX,EAAQ,KAAAG,EAC1D,SAAA,CAAAF,GAA0Bc,EAAAA,IAACC,UAAA,CAAK,KAAMV,EAAoB,QAAS,GAAI,EACvE,MAAM,QAAQF,CAAc,EAC3BW,EAAAA,IAAC,KAAA,CACE,WAAe,IAAKE,GACnBF,EAAAA,IAAC,MAAmC,SAAAE,CAAA,EAA3B,kBAAkBA,CAAI,EAAU,CAC1C,EACH,EAEAH,CAAA,EAEJ,CAEJ,EAEAlB,EAAe,gBAAkB"}

package/dist/components/Field/ValidationText.d.ts

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

package/dist/components/Field/ValidationText.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsxs as x, jsx as t } from "react/jsx-runtime";
+import { useEffect as T } from "react";
+import { useStyleProps as P } from "../../hooks/styleProps.js";
+import { mergeStyleProps as h } from "../../utils/mergeStyleProps.js";
+import g from "../Icon/Icon.js";
+import { useValidationIcon as A } from "./useValidationIcon.js";
+const l = {
+  elementType: "div",
+  id: void 0,
+  registerAria: void 0,
+  role: void 0
+}, S = (d) => {
+  const p = { ...l, ...d }, {
+    elementType: n = l.elementType,
+    id: r,
+    hasValidationStateIcon: o,
+    registerAria: i,
+    role: m,
+    validationText: e,
+    ...c
+  } = p, f = A({ hasValidationStateIcon: o }), { styleProps: u, props: s } = P(c), y = h(n, { styleProps: u, transferProps: s });
+  if (T(() => (e && i?.({ add: r }), () => {
+    i?.({ remove: r });
+  }), [r, i, e]), !e)
+    return null;
+  const v = o ? /* @__PURE__ */ t("div", { children: e }) : e;
+  return /* @__PURE__ */ x(n, { ...s, ...y, id: r, role: m, children: [
+    o && /* @__PURE__ */ t(g, { name: f, boxSize: 20 }),
+    Array.isArray(e) ? /* @__PURE__ */ t("ul", { children: e.map((a) => /* @__PURE__ */ t("li", { children: a }, `validationText_${a}`)) }) : v
+  ] });
+};
+S.spiritComponent = "ValidationText";
+export {
+  S as default
+};
+//# sourceMappingURL=ValidationText.js.map

package/dist/components/Field/ValidationText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationText.js","sources":["../../../src/components/Field/ValidationText.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, useEffect } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { mergeStyleProps } from '../../utils';\nimport { Icon } from '../Icon';\nimport { type ValidationTextProps } from './types';\nimport { useValidationIcon } from './useValidationIcon';\n\nconst defaultProps: Partial<ValidationTextProps> = {\n  elementType: 'div',\n  id: undefined,\n  registerAria: undefined,\n  role: undefined,\n};\n\nconst ValidationText = <E extends ElementType = 'div'>(props: ValidationTextProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const {\n    elementType: ElementTag = defaultProps.elementType as ElementType,\n    id,\n    hasValidationStateIcon,\n    registerAria,\n    role,\n    validationText,\n    ...restProps\n  } = propsWithDefaults;\n  const validationIconName = useValidationIcon({ hasValidationStateIcon });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { styleProps, transferProps });\n\n  useEffect(() => {\n    validationText && registerAria?.({ add: id });\n\n    return () => {\n      registerAria?.({ remove: id });\n    };\n  }, [id, registerAria, validationText]);\n\n  if (!validationText) {\n    return null;\n  }\n\n  const nonArrayValidationText = hasValidationStateIcon ? <div>{validationText}</div> : validationText;\n\n  return (\n    <ElementTag {...transferProps} {...mergedStyleProps} id={id} role={role}>\n      {hasValidationStateIcon && <Icon name={validationIconName} boxSize={20} />}\n      {Array.isArray(validationText) ? (\n        <ul>\n          {validationText.map((item) => (\n            <li key={`validationText_${item}`}>{item}</li>\n          ))}\n        </ul>\n      ) : (\n        nonArrayValidationText\n      )}\n    </ElementTag>\n  );\n};\n\nValidationText.spiritComponent = 'ValidationText';\n\nexport default ValidationText;\n"],"names":["defaultProps","ValidationText","props","propsWithDefaults","ElementTag","id","hasValidationStateIcon","registerAria","role","validationText","restProps","validationIconName","useValidationIcon","styleProps","transferProps","useStyleProps","mergedStyleProps","mergeStyleProps","useEffect","nonArrayValidationText","jsx","Icon","item"],"mappings":";;;;;;;AASA,MAAMA,IAA6C;AAAA,EACjD,aAAa;AAAA,EACb,IAAI;AAAA,EACJ,cAAc;AAAA,EACd,MAAM;AACR,GAEMC,IAAiB,CAAgCC,MAAkC;AACvF,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C;AAAA,IACJ,aAAaE,IAAaJ,EAAa;AAAA,IACvC,IAAAK;AAAA,IACA,wBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,MAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDP,GACEQ,IAAqBC,EAAkB,EAAE,wBAAAN,GAAwB,GACjE,EAAE,YAAAO,GAAY,OAAOC,EAAA,IAAkBC,EAAcL,CAAS,GAC9DM,IAAmBC,EAAgBb,GAAY,EAAE,YAAAS,GAAY,eAAAC,GAAe;AAUlF,MARAI,EAAU,OACRT,KAAkBF,IAAe,EAAE,KAAKF,EAAA,CAAI,GAErC,MAAM;AACX,IAAAE,IAAe,EAAE,QAAQF,GAAI;AAAA,EAC/B,IACC,CAACA,GAAIE,GAAcE,CAAc,CAAC,GAEjC,CAACA;AACH,WAAO;AAGT,QAAMU,IAAyBb,IAAyB,gBAAAc,EAAC,OAAA,EAAK,aAAe,IAASX;AAEtF,2BACGL,GAAA,EAAY,GAAGU,GAAgB,GAAGE,GAAkB,IAAAX,GAAQ,MAAAG,GAC1D,UAAA;AAAA,IAAAF,KAA0B,gBAAAc,EAACC,GAAA,EAAK,MAAMV,GAAoB,SAAS,IAAI;AAAA,IACvE,MAAM,QAAQF,CAAc,IAC3B,gBAAAW,EAAC,MAAA,EACE,YAAe,IAAI,CAACE,MACnB,gBAAAF,EAAC,QAAmC,UAAAE,EAAA,GAA3B,kBAAkBA,CAAI,EAAU,CAC1C,GACH,IAEAH;AAAA,EAAA,GAEJ;AAEJ;AAEAlB,EAAe,kBAAkB;"}

package/dist/components/Field/constants.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","sources":["../../../src/components/Field/constants.ts"],"sourcesContent":["export const A11Y_ALERT_ROLE = 'alert';\n"],"names":["A11Y_ALERT_ROLE"],"mappings":"gFAAO,MAAMA,EAAkB"}

package/dist/components/Field/constants.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/Field/constants.ts"],"sourcesContent":["export const A11Y_ALERT_ROLE = 'alert';\n"],"names":["A11Y_ALERT_ROLE"],"mappings":"AAAO,MAAMA,IAAkB;"}

package/dist/components/Field/index.cjs

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

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

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

package/dist/components/Field/index.js

@@ -0,0 +1,11 @@
+import { default as a } from "./HelperText.js";
+import { default as o } from "./Label.js";
+import { default as s } from "./useAriaIds.js";
+import { default as d } from "./ValidationText.js";
+export {
+  a as HelperText,
+  o as Label,
+  d as ValidationText,
+  s as useAriaIds
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Field/types.d.ts

@@ -0,0 +1,15 @@
+import { ElementType, ReactNode } from 'react';
+import { ChildrenProps, StyleProps, TransferProps, ValidationTextProp } from '../../types';
+import { RegisterType } from './useAriaIds';
+export interface FieldElementTypeProps<E extends ElementType = 'div'> {
+    elementType?: E;
+}
+export interface FieldProps<E extends ElementType = 'div'> extends FieldElementTypeProps<E> {
+    id?: string;
+    registerAria?: RegisterType;
+}
+export interface HelperTextProps<T extends ElementType = 'div'> extends FieldProps<T>, StyleProps, ChildrenProps, TransferProps {
+    helperText: ReactNode;
+}
+export interface ValidationTextProps<T extends ElementType = 'div'> extends FieldProps<T>, ValidationTextProp, StyleProps, ChildrenProps, TransferProps {
+}

package/dist/components/Field/useAriaIds.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),o=t=>{const[r,l]=i.useState(t?t.split(" "):[]),c=i.useCallback(({add:s,remove:u})=>{l(n=>{let e=[...n];return u&&(e=e.filter(a=>a!==u)),s&&(e=[...e,s]),e})},[]);return[r,c]};exports.default=o;
+//# sourceMappingURL=useAriaIds.cjs.map

package/dist/components/Field/useAriaIds.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAriaIds.cjs","sources":["../../../src/components/Field/useAriaIds.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useState } from 'react';\n\nexport type RegisterParams = { add?: string; remove?: string };\nexport type RegisterType = (params: RegisterParams) => void;\nexport type UseAriaIdsHook = (otherAriaIds?: string) => [string[], RegisterType];\n\nconst useAriaIds: UseAriaIdsHook = (otherAriaIds) => {\n  const [ids, setIds] = useState<string[]>(otherAriaIds ? otherAriaIds.split(' ') : []);\n\n  const register = useCallback(({ add, remove }: RegisterParams) => {\n    setIds((prevIds) => {\n      let newIds = [...prevIds];\n\n      if (remove) {\n        newIds = newIds.filter((item) => item !== remove);\n      }\n\n      if (add) {\n        newIds = [...newIds, add];\n      }\n\n      return newIds;\n    });\n  }, []);\n\n  return [ids, register];\n};\n\nexport default useAriaIds;\n"],"names":["useAriaIds","otherAriaIds","ids","setIds","useState","register","useCallback","add","remove","prevIds","newIds","item"],"mappings":"kJAQMA,EAA8BC,GAAiB,CACnD,KAAM,CAACC,EAAKC,CAAM,EAAIC,EAAAA,SAAmBH,EAAeA,EAAa,MAAM,GAAG,EAAI,EAAE,EAE9EI,EAAWC,EAAAA,YAAY,CAAC,CAAE,IAAAC,EAAK,OAAAC,KAA6B,CAChEL,EAAQM,GAAY,CAClB,IAAIC,EAAS,CAAC,GAAGD,CAAO,EAExB,OAAID,IACFE,EAASA,EAAO,OAAQC,GAASA,IAASH,CAAM,GAG9CD,IACFG,EAAS,CAAC,GAAGA,EAAQH,CAAG,GAGnBG,CACT,CAAC,CACH,EAAG,CAAA,CAAE,EAEL,MAAO,CAACR,EAAKG,CAAQ,CACvB"}

package/dist/components/Field/useAriaIds.js

@@ -0,0 +1,15 @@
+"use client";
+import { useState as f, useCallback as a } from "react";
+const p = (s) => {
+  const [r, u] = f(s ? s.split(" ") : []), l = a(({ add: e, remove: i }) => {
+    u((n) => {
+      let t = [...n];
+      return i && (t = t.filter((c) => c !== i)), e && (t = [...t, e]), t;
+    });
+  }, []);
+  return [r, l];
+};
+export {
+  p as default
+};
+//# sourceMappingURL=useAriaIds.js.map

package/dist/components/Field/useAriaIds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAriaIds.js","sources":["../../../src/components/Field/useAriaIds.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useState } from 'react';\n\nexport type RegisterParams = { add?: string; remove?: string };\nexport type RegisterType = (params: RegisterParams) => void;\nexport type UseAriaIdsHook = (otherAriaIds?: string) => [string[], RegisterType];\n\nconst useAriaIds: UseAriaIdsHook = (otherAriaIds) => {\n  const [ids, setIds] = useState<string[]>(otherAriaIds ? otherAriaIds.split(' ') : []);\n\n  const register = useCallback(({ add, remove }: RegisterParams) => {\n    setIds((prevIds) => {\n      let newIds = [...prevIds];\n\n      if (remove) {\n        newIds = newIds.filter((item) => item !== remove);\n      }\n\n      if (add) {\n        newIds = [...newIds, add];\n      }\n\n      return newIds;\n    });\n  }, []);\n\n  return [ids, register];\n};\n\nexport default useAriaIds;\n"],"names":["useAriaIds","otherAriaIds","ids","setIds","useState","register","useCallback","add","remove","prevIds","newIds","item"],"mappings":";;AAQA,MAAMA,IAA6B,CAACC,MAAiB;AACnD,QAAM,CAACC,GAAKC,CAAM,IAAIC,EAAmBH,IAAeA,EAAa,MAAM,GAAG,IAAI,EAAE,GAE9EI,IAAWC,EAAY,CAAC,EAAE,KAAAC,GAAK,QAAAC,QAA6B;AAChE,IAAAL,EAAO,CAACM,MAAY;AAClB,UAAIC,IAAS,CAAC,GAAGD,CAAO;AAExB,aAAID,MACFE,IAASA,EAAO,OAAO,CAACC,MAASA,MAASH,CAAM,IAG9CD,MACFG,IAAS,CAAC,GAAGA,GAAQH,CAAG,IAGnBG;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAA,CAAE;AAEL,SAAO,CAACR,GAAKG,CAAQ;AACvB;"}

package/dist/components/Field/useValidationIcon.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../hooks/useIconName.cjs");function a({hasValidationStateIcon:e}){return n.useIconName(e,{success:"check-plain",warning:"warning",danger:"danger"})}exports.useValidationIcon=a;
+//# sourceMappingURL=useValidationIcon.cjs.map

package/dist/components/Field/useValidationIcon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useValidationIcon.cjs","sources":["../../../src/components/Field/useValidationIcon.ts"],"sourcesContent":["import { useIconName } from '../../hooks';\nimport { type ValidationTextProps } from './types';\n\nexport function useValidationIcon({ hasValidationStateIcon }: ValidationTextProps) {\n  const iconNameValue = useIconName(hasValidationStateIcon as string, {\n    success: 'check-plain',\n    warning: 'warning',\n    danger: 'danger',\n  });\n\n  return iconNameValue;\n}\n"],"names":["useValidationIcon","hasValidationStateIcon","useIconName"],"mappings":"+HAGO,SAASA,EAAkB,CAAE,uBAAAC,GAA+C,CAOjF,OANsBC,EAAAA,YAAYD,EAAkC,CAClE,QAAS,cACT,QAAS,UACT,OAAQ,QAAA,CACT,CAGH"}

package/dist/components/Field/useValidationIcon.d.ts

@@ -0,0 +1,2 @@
+import { ValidationTextProps } from './types';
+export declare function useValidationIcon({ hasValidationStateIcon }: ValidationTextProps): string;

package/dist/components/Field/useValidationIcon.js

@@ -0,0 +1,12 @@
+import { useIconName as e } from "../../hooks/useIconName.js";
+function i({ hasValidationStateIcon: n }) {
+  return e(n, {
+    success: "check-plain",
+    warning: "warning",
+    danger: "danger"
+  });
+}
+export {
+  i as useValidationIcon
+};
+//# sourceMappingURL=useValidationIcon.js.map

package/dist/components/Field/useValidationIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useValidationIcon.js","sources":["../../../src/components/Field/useValidationIcon.ts"],"sourcesContent":["import { useIconName } from '../../hooks';\nimport { type ValidationTextProps } from './types';\n\nexport function useValidationIcon({ hasValidationStateIcon }: ValidationTextProps) {\n  const iconNameValue = useIconName(hasValidationStateIcon as string, {\n    success: 'check-plain',\n    warning: 'warning',\n    danger: 'danger',\n  });\n\n  return iconNameValue;\n}\n"],"names":["useValidationIcon","hasValidationStateIcon","useIconName"],"mappings":";AAGO,SAASA,EAAkB,EAAE,wBAAAC,KAA+C;AAOjF,SANsBC,EAAYD,GAAkC;AAAA,IAClE,SAAS;AAAA,IACT,SAAS;AAAA,IACT,QAAQ;AAAA,EAAA,CACT;AAGH;"}

package/dist/components/Field/useValidationTextRole.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),n=require("./constants.cjs"),R=({validationState:e,validationText:r})=>{const[c,o]=s.useState(),t=s.useRef(r),u=s.useRef(e);return s.useEffect(()=>{(t.current!==r||u.current!==e)&&o(n.A11Y_ALERT_ROLE),t.current=r,u.current=e},[r,e]),c};exports.useValidationTextRole=R;
+//# sourceMappingURL=useValidationTextRole.cjs.map

package/dist/components/Field/useValidationTextRole.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useValidationTextRole.cjs","sources":["../../../src/components/Field/useValidationTextRole.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef, useState } from 'react';\nimport { type ValidationState, type ValidationTextType } from '../../types/shared';\nimport { A11Y_ALERT_ROLE } from './constants';\n\nexport const useValidationTextRole = ({\n  validationState,\n  validationText,\n}: {\n  validationState?: ValidationState;\n  validationText?: ValidationTextType;\n}) => {\n  const [role, setRole] = useState<string | undefined>();\n  const previousValidationText = useRef(validationText);\n  const previousValidationState = useRef(validationState);\n\n  useEffect(() => {\n    if (previousValidationText.current !== validationText || previousValidationState.current !== validationState) {\n      setRole(A11Y_ALERT_ROLE);\n    }\n    previousValidationText.current = validationText;\n    previousValidationState.current = validationState;\n  }, [validationText, validationState]);\n\n  return role;\n};\n"],"names":["useValidationTextRole","validationState","validationText","role","setRole","useState","previousValidationText","useRef","previousValidationState","useEffect","A11Y_ALERT_ROLE"],"mappings":"mJAMaA,EAAwB,CAAC,CACpC,gBAAAC,EACA,eAAAC,CACF,IAGM,CACJ,KAAM,CAACC,EAAMC,CAAO,EAAIC,WAAA,EAClBC,EAAyBC,EAAAA,OAAOL,CAAc,EAC9CM,EAA0BD,EAAAA,OAAON,CAAe,EAEtDQ,OAAAA,EAAAA,UAAU,IAAM,EACVH,EAAuB,UAAYJ,GAAkBM,EAAwB,UAAYP,IAC3FG,EAAQM,EAAAA,eAAe,EAEzBJ,EAAuB,QAAUJ,EACjCM,EAAwB,QAAUP,CACpC,EAAG,CAACC,EAAgBD,CAAe,CAAC,EAE7BE,CACT"}

package/dist/components/Field/useValidationTextRole.d.ts

@@ -0,0 +1,5 @@
+import { ValidationState, ValidationTextType } from '../../types/shared';
+export declare const useValidationTextRole: ({ validationState, validationText, }: {
+    validationState?: ValidationState;
+    validationText?: ValidationTextType;
+}) => string | undefined;

package/dist/components/Field/useValidationTextRole.js

@@ -0,0 +1,16 @@
+"use client";
+import { useState as n, useRef as c, useEffect as f } from "react";
+import { A11Y_ALERT_ROLE as p } from "./constants.js";
+const E = ({
+  validationState: e,
+  validationText: r
+}) => {
+  const [o, t] = n(), s = c(r), u = c(e);
+  return f(() => {
+    (s.current !== r || u.current !== e) && t(p), s.current = r, u.current = e;
+  }, [r, e]), o;
+};
+export {
+  E as useValidationTextRole
+};
+//# sourceMappingURL=useValidationTextRole.js.map

package/dist/components/Field/useValidationTextRole.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useValidationTextRole.js","sources":["../../../src/components/Field/useValidationTextRole.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef, useState } from 'react';\nimport { type ValidationState, type ValidationTextType } from '../../types/shared';\nimport { A11Y_ALERT_ROLE } from './constants';\n\nexport const useValidationTextRole = ({\n  validationState,\n  validationText,\n}: {\n  validationState?: ValidationState;\n  validationText?: ValidationTextType;\n}) => {\n  const [role, setRole] = useState<string | undefined>();\n  const previousValidationText = useRef(validationText);\n  const previousValidationState = useRef(validationState);\n\n  useEffect(() => {\n    if (previousValidationText.current !== validationText || previousValidationState.current !== validationState) {\n      setRole(A11Y_ALERT_ROLE);\n    }\n    previousValidationText.current = validationText;\n    previousValidationState.current = validationState;\n  }, [validationText, validationState]);\n\n  return role;\n};\n"],"names":["useValidationTextRole","validationState","validationText","role","setRole","useState","previousValidationText","useRef","previousValidationState","useEffect","A11Y_ALERT_ROLE"],"mappings":";;;AAMO,MAAMA,IAAwB,CAAC;AAAA,EACpC,iBAAAC;AAAA,EACA,gBAAAC;AACF,MAGM;AACJ,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAA,GAClBC,IAAyBC,EAAOL,CAAc,GAC9CM,IAA0BD,EAAON,CAAe;AAEtD,SAAAQ,EAAU,MAAM;AACd,KAAIH,EAAuB,YAAYJ,KAAkBM,EAAwB,YAAYP,MAC3FG,EAAQM,CAAe,GAEzBJ,EAAuB,UAAUJ,GACjCM,EAAwB,UAAUP;AAAA,EACpC,GAAG,CAACC,GAAgBD,CAAe,CAAC,GAE7BE;AACT;"}

package/dist/components/Field.d.ts

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

package/dist/components/FieldGroup/FieldGroup.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"),S=require("classnames"),j=require("../../hooks/styleProps.cjs"),v=require("../../hooks/useAriaDescribedBy.cjs"),_=require("../Field/HelperText.cjs"),A=require("../Field/useAriaIds.cjs"),F=require("../Field/ValidationText.cjs"),g=require("../Field/useValidationTextRole.cjs"),V=require("../VisuallyHidden/VisuallyHidden.cjs"),D=require("./useFieldGroupStyleProps.cjs"),d=n=>{const{"aria-describedby":u="",children:c,helperText:p,hasValidationIcon:x,id:r,isDisabled:y,isFluid:b,isLabelHidden:T,isRequired:h,label:t,validationState:i,validationText:a,...m}=n,{classProps:s}=D.useFieldGroupStyleProps({isFluid:b,isRequired:h,validationState:i}),{styleProps:l,props:q}=j.useStyleProps(m),[P,o]=A.default(u),f=v.useAriaDescribedBy(P),N=g.useValidationTextRole({validationState:i,validationText:a});return e.jsxs("fieldset",{...q,...l,...f,className:S(s.root,l.className),disabled:y,children:[e.jsx(V.default,{elementType:"legend",children:t}),!T&&e.jsx("div",{className:s.label,"aria-hidden":"true",children:t}),e.jsx("div",{className:s.fields,children:c}),e.jsx(_.default,{UNSAFE_className:s.helperText,id:`${r}__helperText`,registerAria:o,helperText:p}),i&&e.jsx(F.default,{UNSAFE_className:s.validationText,...x&&{hasValidationStateIcon:i},id:`${r}__helperText`,validationText:a,registerAria:o,role:N})]})};d.spiritComponent="FieldGroup";exports.default=d;
+//# sourceMappingURL=FieldGroup.cjs.map

package/dist/components/FieldGroup/FieldGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldGroup.cjs","sources":["../../../src/components/FieldGroup/FieldGroup.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type SpiritFieldGroupProps } from '../../types';\nimport { HelperText, ValidationText, useAriaIds } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { useFieldGroupStyleProps } from './useFieldGroupStyleProps';\n\nconst FieldGroup = (props: SpiritFieldGroupProps) => {\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    children,\n    helperText,\n    hasValidationIcon,\n    id,\n    isDisabled,\n    isFluid,\n    isLabelHidden,\n    isRequired,\n    label,\n    validationState,\n    validationText,\n    ...rest\n  } = props;\n\n  const { classProps } = useFieldGroupStyleProps({ hasValidationIcon, isFluid, isRequired, validationState });\n  const { styleProps, props: transferProps } = useStyleProps(rest);\n  const [ids, register] = useAriaIds(ariaDescribedBy);\n  const ariaDescribedByProp = useAriaDescribedBy(ids);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  return (\n    <fieldset\n      {...transferProps}\n      {...styleProps}\n      {...ariaDescribedByProp}\n      className={classNames(classProps.root, styleProps.className)}\n      disabled={isDisabled}\n    >\n      <VisuallyHidden elementType=\"legend\">{label}</VisuallyHidden>\n      {!isLabelHidden && (\n        <div className={classProps.label} aria-hidden=\"true\">\n          {label}\n        </div>\n      )}\n      <div className={classProps.fields}>{children}</div>\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          {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n          id={`${id}__helperText`}\n          validationText={validationText}\n          registerAria={register}\n          role={validationTextRole}\n        />\n      )}\n    </fieldset>\n  );\n};\n\nFieldGroup.spiritComponent = 'FieldGroup';\n\nexport default FieldGroup;\n"],"names":["FieldGroup","props","ariaDescribedBy","children","helperText","hasValidationIcon","id","isDisabled","isFluid","isLabelHidden","isRequired","label","validationState","validationText","rest","classProps","useFieldGroupStyleProps","styleProps","transferProps","useStyleProps","ids","register","useAriaIds","ariaDescribedByProp","useAriaDescribedBy","validationTextRole","useValidationTextRole","jsxs","classNames","jsx","VisuallyHidden","HelperText","ValidationText"],"mappings":"8gBAWMA,EAAcC,GAAiC,CACnD,KAAM,CACJ,mBAAoBC,EAAkB,GACtC,SAAAC,EACA,WAAAC,EACA,kBAAAC,EACA,GAAAC,EACA,WAAAC,EACA,QAAAC,EACA,cAAAC,EACA,WAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,GAAGC,CAAA,EACDb,EAEE,CAAE,WAAAc,GAAeC,EAAAA,wBAAwB,CAAqB,QAAAR,EAAS,WAAAE,EAAY,gBAAAE,EAAiB,EACpG,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcL,CAAI,EACzD,CAACM,EAAKC,CAAQ,EAAIC,EAAAA,QAAWpB,CAAe,EAC5CqB,EAAsBC,EAAAA,mBAAmBJ,CAAG,EAC5CK,EAAqBC,EAAAA,sBAAsB,CAC/C,gBAAAd,EACA,eAAAC,CAAA,CACD,EAED,OACEc,EAAAA,KAAC,WAAA,CACE,GAAGT,EACH,GAAGD,EACH,GAAGM,EACJ,UAAWK,EAAWb,EAAW,KAAME,EAAW,SAAS,EAC3D,SAAUV,EAEV,SAAA,CAAAsB,EAAAA,IAACC,EAAAA,QAAA,CAAe,YAAY,SAAU,SAAAnB,EAAM,EAC3C,CAACF,GACAoB,EAAAA,IAAC,MAAA,CAAI,UAAWd,EAAW,MAAO,cAAY,OAC3C,SAAAJ,CAAA,CACH,EAEFkB,EAAAA,IAAC,MAAA,CAAI,UAAWd,EAAW,OAAS,SAAAZ,EAAS,EAC7C0B,EAAAA,IAACE,EAAAA,QAAA,CACC,iBAAkBhB,EAAW,WAC7B,GAAI,GAAGT,CAAE,eACT,aAAce,EACd,WAAAjB,CAAA,CAAA,EAEDQ,GACCiB,EAAAA,IAACG,EAAAA,QAAA,CACC,iBAAkBjB,EAAW,eAC5B,GAAIV,GAAqB,CAAE,uBAAwBO,CAAA,EACpD,GAAI,GAAGN,CAAE,eACT,eAAAO,EACA,aAAcQ,EACd,KAAMI,CAAA,CAAA,CACR,CAAA,CAAA,CAIR,EAEAzB,EAAW,gBAAkB"}

package/dist/components/FieldGroup/FieldGroup.d.ts

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