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

package/dist/components/Dropdown/DropdownTrigger.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownTrigger.cjs","sources":["../../../src/components/Dropdown/DropdownTrigger.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type DropdownTriggerProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useDropdownContext } from './DropdownContext';\nimport { useDropdownAriaProps } from './useDropdownAriaProps';\nimport { useDropdownStyleProps } from './useDropdownStyleProps';\n\nconst defaultProps = {\n  elementType: 'button',\n};\n\nconst DropdownTrigger = <E extends ElementType = 'button'>(props: DropdownTriggerProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag = 'button', children, ...rest } = propsWithDefaults;\n  const { id, isOpen, onToggle, fullWidthMode, triggerRef } = useDropdownContext();\n  const { classProps, props: modifiedProps } = useDropdownStyleProps({ isOpen, ...rest });\n  const { styleProps: triggerStyleProps, props: transferProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps: classProps.trigger, triggerStyleProps });\n  const { triggerProps } = useDropdownAriaProps({ id, isOpen, toggleHandler: onToggle, fullWidthMode });\n\n  return (\n    <ElementTag {...transferProps} {...triggerProps} {...mergedStyleProps} ref={triggerRef}>\n      {typeof children === 'function' ? children({ isOpen }) : children}\n    </ElementTag>\n  );\n};\n\nDropdownTrigger.spiritComponent = 'DropdownTrigger';\n\nexport default DropdownTrigger;\n"],"names":["defaultProps","DropdownTrigger","props","propsWithDefaults","ElementTag","children","rest","id","isOpen","onToggle","fullWidthMode","triggerRef","useDropdownContext","classProps","modifiedProps","useDropdownStyleProps","triggerStyleProps","transferProps","useStyleProps","mergedStyleProps","mergeStyleProps","triggerProps","useDropdownAriaProps"],"mappings":"uWAUMA,EAAe,CACnB,YAAa,QACf,EAEMC,EAAqDC,GAAmC,CAC5F,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CAAE,YAAaE,EAAa,SAAU,SAAAC,EAAU,GAAGC,GAASH,EAC5D,CAAE,GAAAI,EAAI,OAAAC,EAAQ,SAAAC,EAAU,cAAAC,EAAe,WAAAC,CAAA,EAAeC,qBAAA,EACtD,CAAE,WAAAC,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,sBAAsB,CAAE,OAAAP,EAAQ,GAAGF,EAAM,EAChF,CAAE,WAAYU,EAAmB,MAAOC,CAAA,EAAkBC,EAAAA,cAAcJ,CAAa,EACrFK,EAAmBC,EAAAA,gBAAgBhB,EAAY,CAAE,WAAYS,EAAW,QAAS,kBAAAG,EAAmB,EACpG,CAAE,aAAAK,GAAiBC,EAAAA,qBAAqB,CAAE,GAAAf,EAAI,OAAAC,EAAQ,cAAeC,EAAU,cAAAC,EAAe,EAEpG,aACGN,EAAA,CAAY,GAAGa,EAAgB,GAAGI,EAAe,GAAGF,EAAkB,IAAKR,EACzE,SAAA,OAAON,GAAa,WAAaA,EAAS,CAAE,OAAAG,CAAA,CAAQ,EAAIH,EAC3D,CAEJ,EAEAJ,EAAgB,gBAAkB"}
+{"version":3,"file":"DropdownTrigger.cjs","sources":["../../../src/components/Dropdown/DropdownTrigger.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type DropdownTriggerProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useDropdownContext } from './DropdownContext';\nimport { useDropdownAriaProps } from './useDropdownAriaProps';\nimport { useDropdownStyleProps } from './useDropdownStyleProps';\n\nconst defaultProps = {\n  elementType: 'button',\n};\n\nconst DropdownTrigger = <E extends ElementType = 'button'>(props: DropdownTriggerProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, children, ...rest } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { id, isOpen, onToggle, fullWidthMode, triggerRef } = useDropdownContext();\n  const { classProps, props: modifiedProps } = useDropdownStyleProps({ isOpen, ...rest });\n  const { styleProps: triggerStyleProps, props: transferProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.trigger, triggerStyleProps });\n  const { triggerProps } = useDropdownAriaProps({ id, isOpen, toggleHandler: onToggle, fullWidthMode });\n\n  return (\n    <Component {...transferProps} {...triggerProps} {...mergedStyleProps} ref={triggerRef}>\n      {typeof children === 'function' ? children({ isOpen }) : children}\n    </Component>\n  );\n};\n\nDropdownTrigger.spiritComponent = 'DropdownTrigger';\nDropdownTrigger.displayName = 'DropdownTrigger';\n\nexport default DropdownTrigger;\n"],"names":["defaultProps","DropdownTrigger","props","propsWithDefaults","elementType","children","rest","Component","id","isOpen","onToggle","fullWidthMode","triggerRef","useDropdownContext","classProps","modifiedProps","useDropdownStyleProps","triggerStyleProps","transferProps","useStyleProps","mergedStyleProps","mergeStyleProps","triggerProps","useDropdownAriaProps"],"mappings":"uWAUMA,EAAe,CACnB,YAAa,QACf,EAEMC,EAAqDC,GAAmC,CAC5F,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CAAE,YAAAE,EAAa,SAAAC,EAAU,GAAGC,GAASH,EACrCI,EAAYH,EACZ,CAAE,GAAAI,EAAI,OAAAC,EAAQ,SAAAC,EAAU,cAAAC,EAAe,WAAAC,CAAA,EAAeC,qBAAA,EACtD,CAAE,WAAAC,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,sBAAsB,CAAE,OAAAP,EAAQ,GAAGH,EAAM,EAChF,CAAE,WAAYW,EAAmB,MAAOC,CAAA,EAAkBC,EAAAA,cAAcJ,CAAa,EACrFK,EAAmBC,EAAAA,gBAAgBd,EAAW,CAAE,WAAYO,EAAW,QAAS,kBAAAG,EAAmB,EACnG,CAAE,aAAAK,GAAiBC,EAAAA,qBAAqB,CAAE,GAAAf,EAAI,OAAAC,EAAQ,cAAeC,EAAU,cAAAC,EAAe,EAEpG,aACGJ,EAAA,CAAW,GAAGW,EAAgB,GAAGI,EAAe,GAAGF,EAAkB,IAAKR,EACxE,SAAA,OAAOP,GAAa,WAAaA,EAAS,CAAE,OAAAI,CAAA,CAAQ,EAAIJ,EAC3D,CAEJ,EAEAJ,EAAgB,gBAAkB,kBAClCA,EAAgB,YAAc"}

package/dist/components/Dropdown/DropdownTrigger.js

@@ -1,18 +1,19 @@
 "use client";
-import { jsx as a } from "react/jsx-runtime";
-import { useStyleProps as y } from "../../hooks/styleProps.js";
-import { mergeStyleProps as D } from "../../utils/mergeStyleProps.js";
-import { useDropdownContext as T } from "./DropdownContext.js";
-import { useDropdownAriaProps as w } from "./useDropdownAriaProps.js";
-import { useDropdownStyleProps as S } from "./useDropdownStyleProps.js";
-const h = {
+import { jsx as D } from "react/jsx-runtime";
+import { useStyleProps as w } from "../../hooks/styleProps.js";
+import { mergeStyleProps as T } from "../../utils/mergeStyleProps.js";
+import { useDropdownContext as S } from "./DropdownContext.js";
+import { useDropdownAriaProps as h } from "./useDropdownAriaProps.js";
+import { useDropdownStyleProps as x } from "./useDropdownStyleProps.js";
+const C = {
   elementType: "button"
-}, x = (t) => {
-  const s = { ...h, ...t }, { elementType: e = "button", children: o, ...p } = s, { id: n, isOpen: r, onToggle: i, fullWidthMode: l, triggerRef: g } = T(), { classProps: m, props: c } = S({ isOpen: r, ...p }), { styleProps: d, props: f } = y(c), u = D(e, { classProps: m.trigger, triggerStyleProps: d }), { triggerProps: P } = w({ id: n, isOpen: r, toggleHandler: i, fullWidthMode: l });
-  return /* @__PURE__ */ a(e, { ...f, ...P, ...u, ref: g, children: typeof o == "function" ? o({ isOpen: r }) : o });
+}, t = (s) => {
+  const p = { ...C, ...s }, { elementType: n, children: o, ...i } = p, e = n, { id: l, isOpen: r, onToggle: g, fullWidthMode: m, triggerRef: d } = S(), { classProps: c, props: f } = x({ isOpen: r, ...i }), { styleProps: u, props: P } = w(f), a = T(e, { classProps: c.trigger, triggerStyleProps: u }), { triggerProps: y } = h({ id: l, isOpen: r, toggleHandler: g, fullWidthMode: m });
+  return /* @__PURE__ */ D(e, { ...P, ...y, ...a, ref: d, children: typeof o == "function" ? o({ isOpen: r }) : o });
 };
-x.spiritComponent = "DropdownTrigger";
+t.spiritComponent = "DropdownTrigger";
+t.displayName = "DropdownTrigger";
 export {
-  x as default
+  t as default
 };
 //# sourceMappingURL=DropdownTrigger.js.map

package/dist/components/Dropdown/DropdownTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownTrigger.js","sources":["../../../src/components/Dropdown/DropdownTrigger.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type DropdownTriggerProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useDropdownContext } from './DropdownContext';\nimport { useDropdownAriaProps } from './useDropdownAriaProps';\nimport { useDropdownStyleProps } from './useDropdownStyleProps';\n\nconst defaultProps = {\n  elementType: 'button',\n};\n\nconst DropdownTrigger = <E extends ElementType = 'button'>(props: DropdownTriggerProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag = 'button', children, ...rest } = propsWithDefaults;\n  const { id, isOpen, onToggle, fullWidthMode, triggerRef } = useDropdownContext();\n  const { classProps, props: modifiedProps } = useDropdownStyleProps({ isOpen, ...rest });\n  const { styleProps: triggerStyleProps, props: transferProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps: classProps.trigger, triggerStyleProps });\n  const { triggerProps } = useDropdownAriaProps({ id, isOpen, toggleHandler: onToggle, fullWidthMode });\n\n  return (\n    <ElementTag {...transferProps} {...triggerProps} {...mergedStyleProps} ref={triggerRef}>\n      {typeof children === 'function' ? children({ isOpen }) : children}\n    </ElementTag>\n  );\n};\n\nDropdownTrigger.spiritComponent = 'DropdownTrigger';\n\nexport default DropdownTrigger;\n"],"names":["defaultProps","DropdownTrigger","props","propsWithDefaults","ElementTag","children","rest","id","isOpen","onToggle","fullWidthMode","triggerRef","useDropdownContext","classProps","modifiedProps","useDropdownStyleProps","triggerStyleProps","transferProps","useStyleProps","mergedStyleProps","mergeStyleProps","triggerProps","useDropdownAriaProps"],"mappings":";;;;;;;AAUA,MAAMA,IAAe;AAAA,EACnB,aAAa;AACf,GAEMC,IAAkB,CAAmCC,MAAmC;AAC5F,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,aAAaE,IAAa,UAAU,UAAAC,GAAU,GAAGC,MAASH,GAC5D,EAAE,IAAAI,GAAI,QAAAC,GAAQ,UAAAC,GAAU,eAAAC,GAAe,YAAAC,EAAA,IAAeC,EAAA,GACtD,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAkBC,EAAsB,EAAE,QAAAP,GAAQ,GAAGF,GAAM,GAChF,EAAE,YAAYU,GAAmB,OAAOC,EAAA,IAAkBC,EAAcJ,CAAa,GACrFK,IAAmBC,EAAgBhB,GAAY,EAAE,YAAYS,EAAW,SAAS,mBAAAG,GAAmB,GACpG,EAAE,cAAAK,MAAiBC,EAAqB,EAAE,IAAAf,GAAI,QAAAC,GAAQ,eAAeC,GAAU,eAAAC,GAAe;AAEpG,2BACGN,GAAA,EAAY,GAAGa,GAAgB,GAAGI,GAAe,GAAGF,GAAkB,KAAKR,GACzE,UAAA,OAAON,KAAa,aAAaA,EAAS,EAAE,QAAAG,EAAA,CAAQ,IAAIH,GAC3D;AAEJ;AAEAJ,EAAgB,kBAAkB;"}
+{"version":3,"file":"DropdownTrigger.js","sources":["../../../src/components/Dropdown/DropdownTrigger.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type DropdownTriggerProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useDropdownContext } from './DropdownContext';\nimport { useDropdownAriaProps } from './useDropdownAriaProps';\nimport { useDropdownStyleProps } from './useDropdownStyleProps';\n\nconst defaultProps = {\n  elementType: 'button',\n};\n\nconst DropdownTrigger = <E extends ElementType = 'button'>(props: DropdownTriggerProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, children, ...rest } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { id, isOpen, onToggle, fullWidthMode, triggerRef } = useDropdownContext();\n  const { classProps, props: modifiedProps } = useDropdownStyleProps({ isOpen, ...rest });\n  const { styleProps: triggerStyleProps, props: transferProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.trigger, triggerStyleProps });\n  const { triggerProps } = useDropdownAriaProps({ id, isOpen, toggleHandler: onToggle, fullWidthMode });\n\n  return (\n    <Component {...transferProps} {...triggerProps} {...mergedStyleProps} ref={triggerRef}>\n      {typeof children === 'function' ? children({ isOpen }) : children}\n    </Component>\n  );\n};\n\nDropdownTrigger.spiritComponent = 'DropdownTrigger';\nDropdownTrigger.displayName = 'DropdownTrigger';\n\nexport default DropdownTrigger;\n"],"names":["defaultProps","DropdownTrigger","props","propsWithDefaults","elementType","children","rest","Component","id","isOpen","onToggle","fullWidthMode","triggerRef","useDropdownContext","classProps","modifiedProps","useDropdownStyleProps","triggerStyleProps","transferProps","useStyleProps","mergedStyleProps","mergeStyleProps","triggerProps","useDropdownAriaProps"],"mappings":";;;;;;;AAUA,MAAMA,IAAe;AAAA,EACnB,aAAa;AACf,GAEMC,IAAkB,CAAmCC,MAAmC;AAC5F,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,aAAAE,GAAa,UAAAC,GAAU,GAAGC,MAASH,GACrCI,IAAYH,GACZ,EAAE,IAAAI,GAAI,QAAAC,GAAQ,UAAAC,GAAU,eAAAC,GAAe,YAAAC,EAAA,IAAeC,EAAA,GACtD,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAkBC,EAAsB,EAAE,QAAAP,GAAQ,GAAGH,GAAM,GAChF,EAAE,YAAYW,GAAmB,OAAOC,EAAA,IAAkBC,EAAcJ,CAAa,GACrFK,IAAmBC,EAAgBd,GAAW,EAAE,YAAYO,EAAW,SAAS,mBAAAG,GAAmB,GACnG,EAAE,cAAAK,MAAiBC,EAAqB,EAAE,IAAAf,GAAI,QAAAC,GAAQ,eAAeC,GAAU,eAAAC,GAAe;AAEpG,2BACGJ,GAAA,EAAW,GAAGW,GAAgB,GAAGI,GAAe,GAAGF,GAAkB,KAAKR,GACxE,UAAA,OAAOP,KAAa,aAAaA,EAAS,EAAE,QAAAI,EAAA,CAAQ,IAAIJ,GAC3D;AAEJ;AAEAJ,EAAgB,kBAAkB;AAClCA,EAAgB,cAAc;"}

package/dist/components/Dropdown/useDropdownStyleProps.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("classnames"),C=require("../../constants/classes.cjs"),t=require("../../hooks/useAlignmentClass.cjs"),m=require("../../hooks/useClassNamePrefix.cjs"),P=(l={isOpen:!1})=>{const{alignmentX:o,alignmentY:n,isOpen:r,...a}=l,s=m.useClassNamePrefix("Dropdown"),i=`${s}Popover`,p=r?"is-expanded":"",c=r?C.CLASS_NAME_OPEN:"",u=e(s,{[t.useAlignmentClass(s,o,"alignmentX")]:o,[t.useAlignmentClass(s,n,"alignmentY")]:n}),d=e(i,c),g=e(p);return{classProps:{root:u,trigger:g,popover:d},props:a}};exports.useDropdownStyleProps=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("classnames"),u=require("../../constants/classes.cjs"),t=require("../../hooks/useAlignmentClass.cjs"),d=require("../../hooks/useClassNamePrefix.cjs"),m=(l={isOpen:!1})=>{const{alignmentX:e,alignmentY:o,isOpen:n,...a}=l,s=d.useClassNamePrefix("Dropdown"),i=`${s}Popover`,p=n?"is-expanded":"",c=n?u.CLASS_NAME_OPEN:"";return{classProps:{root:r(s,{[t.useAlignmentClass(s,e,"alignmentX")]:e,[t.useAlignmentClass(s,o,"alignmentY")]:o}),trigger:p,popover:r(i,c)},props:a}};exports.useDropdownStyleProps=m;
 //# sourceMappingURL=useDropdownStyleProps.cjs.map

package/dist/components/Dropdown/useDropdownStyleProps.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDropdownStyleProps.cjs","sources":["../../../src/components/Dropdown/useDropdownStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { CLASS_NAME_OPEN } from '../../constants';\nimport { type AlignmentPropertyType, useAlignmentClass, useClassNamePrefix } from '../../hooks';\nimport { type DropdownStyleProps } from '../../types';\n\nexport interface UseDropdownStylePropsReturn {\n  classProps: {\n    root: string;\n    trigger: string;\n    popover: string;\n  };\n  props: DropdownStyleProps;\n}\n\nexport const useDropdownStyleProps = (props: DropdownStyleProps = { isOpen: false }): UseDropdownStylePropsReturn => {\n  const { alignmentX, alignmentY, isOpen, ...modifiedProps } = props;\n\n  const dropdownRootClass = useClassNamePrefix('Dropdown');\n  const dropdownPopoverClass = `${dropdownRootClass}Popover`;\n  const expandedClass = isOpen ? 'is-expanded' : '';\n  const openClass = isOpen ? CLASS_NAME_OPEN : '';\n\n  const rootClass = classNames(dropdownRootClass, {\n    [useAlignmentClass(dropdownRootClass, alignmentX as AlignmentPropertyType, 'alignmentX')]: alignmentX,\n    [useAlignmentClass(dropdownRootClass, alignmentY as AlignmentPropertyType, 'alignmentY')]: alignmentY,\n  });\n\n  const popoverClass = classNames(dropdownPopoverClass, openClass);\n  const triggerClass = classNames(expandedClass);\n\n  return {\n    classProps: {\n      root: rootClass,\n      trigger: triggerClass,\n      popover: popoverClass,\n    },\n    props: modifiedProps,\n  };\n};\n"],"names":["useDropdownStyleProps","props","alignmentX","alignmentY","isOpen","modifiedProps","dropdownRootClass","useClassNamePrefix","dropdownPopoverClass","expandedClass","openClass","CLASS_NAME_OPEN","rootClass","classNames","useAlignmentClass","popoverClass","triggerClass"],"mappings":"sPAcaA,EAAwB,CAACC,EAA4B,CAAE,OAAQ,MAAyC,CACnH,KAAM,CAAE,WAAAC,EAAY,WAAAC,EAAY,OAAAC,EAAQ,GAAGC,GAAkBJ,EAEvDK,EAAoBC,EAAAA,mBAAmB,UAAU,EACjDC,EAAuB,GAAGF,CAAiB,UAC3CG,EAAgBL,EAAS,cAAgB,GACzCM,EAAYN,EAASO,EAAAA,gBAAkB,GAEvCC,EAAYC,EAAWP,EAAmB,CAC9C,CAACQ,EAAAA,kBAAkBR,EAAmBJ,EAAqC,YAAY,CAAC,EAAGA,EAC3F,CAACY,oBAAkBR,EAAmBH,EAAqC,YAAY,CAAC,EAAGA,CAAA,CAC5F,EAEKY,EAAeF,EAAWL,EAAsBE,CAAS,EACzDM,EAAeH,EAAWJ,CAAa,EAE7C,MAAO,CACL,WAAY,CACV,KAAMG,EACN,QAASI,EACT,QAASD,CAAA,EAEX,MAAOV,CAAA,CAEX"}
+{"version":3,"file":"useDropdownStyleProps.cjs","sources":["../../../src/components/Dropdown/useDropdownStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { CLASS_NAME_OPEN } from '../../constants';\nimport { type AlignmentPropertyType, useAlignmentClass, useClassNamePrefix } from '../../hooks';\nimport { type DropdownStyleProps } from '../../types';\n\nexport interface UseDropdownStylePropsReturn {\n  classProps: {\n    root: string;\n    trigger: string;\n    popover: string;\n  };\n  props: DropdownStyleProps;\n}\n\nexport const useDropdownStyleProps = (props: DropdownStyleProps = { isOpen: false }): UseDropdownStylePropsReturn => {\n  const { alignmentX, alignmentY, isOpen, ...modifiedProps } = props;\n\n  const dropdownClass = useClassNamePrefix('Dropdown');\n  const dropdownPopoverClass = `${dropdownClass}Popover`;\n  const expandedClass = isOpen ? 'is-expanded' : '';\n  const openClass = isOpen ? CLASS_NAME_OPEN : '';\n\n  return {\n    classProps: {\n      root: classNames(dropdownClass, {\n        [useAlignmentClass(dropdownClass, alignmentX as AlignmentPropertyType, 'alignmentX')]: alignmentX,\n        [useAlignmentClass(dropdownClass, alignmentY as AlignmentPropertyType, 'alignmentY')]: alignmentY,\n      }),\n      trigger: expandedClass,\n      popover: classNames(dropdownPopoverClass, openClass),\n    },\n    props: modifiedProps,\n  };\n};\n"],"names":["useDropdownStyleProps","props","alignmentX","alignmentY","isOpen","modifiedProps","dropdownClass","useClassNamePrefix","dropdownPopoverClass","expandedClass","openClass","CLASS_NAME_OPEN","classNames","useAlignmentClass"],"mappings":"sPAcaA,EAAwB,CAACC,EAA4B,CAAE,OAAQ,MAAyC,CACnH,KAAM,CAAE,WAAAC,EAAY,WAAAC,EAAY,OAAAC,EAAQ,GAAGC,GAAkBJ,EAEvDK,EAAgBC,EAAAA,mBAAmB,UAAU,EAC7CC,EAAuB,GAAGF,CAAa,UACvCG,EAAgBL,EAAS,cAAgB,GACzCM,EAAYN,EAASO,EAAAA,gBAAkB,GAE7C,MAAO,CACL,WAAY,CACV,KAAMC,EAAWN,EAAe,CAC9B,CAACO,EAAAA,kBAAkBP,EAAeJ,EAAqC,YAAY,CAAC,EAAGA,EACvF,CAACW,oBAAkBP,EAAeH,EAAqC,YAAY,CAAC,EAAGA,CAAA,CACxF,EACD,QAASM,EACT,QAASG,EAAWJ,EAAsBE,CAAS,CAAA,EAErD,MAAOL,CAAA,CAEX"}

package/dist/components/Dropdown/useDropdownStyleProps.js

@@ -1,22 +1,22 @@
-import s from "classnames";
-import { CLASS_NAME_OPEN as g } from "../../constants/classes.js";
-import { useAlignmentClass as t } from "../../hooks/useAlignmentClass.js";
-import { useClassNamePrefix as f } from "../../hooks/useClassNamePrefix.js";
-const x = (p = { isOpen: !1 }) => {
-  const { alignmentX: r, alignmentY: e, isOpen: n, ...a } = p, o = f("Dropdown"), i = `${o}Popover`, l = n ? "is-expanded" : "", m = n ? g : "", c = s(o, {
-    [t(o, r, "alignmentX")]: r,
-    [t(o, e, "alignmentY")]: e
-  }), d = s(i, m), C = s(l);
+import n from "classnames";
+import { CLASS_NAME_OPEN as d } from "../../constants/classes.js";
+import { useAlignmentClass as p } from "../../hooks/useAlignmentClass.js";
+import { useClassNamePrefix as c } from "../../hooks/useClassNamePrefix.js";
+const u = (t = { isOpen: !1 }) => {
+  const { alignmentX: s, alignmentY: e, isOpen: r, ...a } = t, o = c("Dropdown"), i = `${o}Popover`, m = r ? "is-expanded" : "", l = r ? d : "";
   return {
     classProps: {
-      root: c,
-      trigger: C,
-      popover: d
+      root: n(o, {
+        [p(o, s, "alignmentX")]: s,
+        [p(o, e, "alignmentY")]: e
+      }),
+      trigger: m,
+      popover: n(i, l)
     },
     props: a
   };
 };
 export {
-  x as useDropdownStyleProps
+  u as useDropdownStyleProps
 };
 //# sourceMappingURL=useDropdownStyleProps.js.map

package/dist/components/Dropdown/useDropdownStyleProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDropdownStyleProps.js","sources":["../../../src/components/Dropdown/useDropdownStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { CLASS_NAME_OPEN } from '../../constants';\nimport { type AlignmentPropertyType, useAlignmentClass, useClassNamePrefix } from '../../hooks';\nimport { type DropdownStyleProps } from '../../types';\n\nexport interface UseDropdownStylePropsReturn {\n  classProps: {\n    root: string;\n    trigger: string;\n    popover: string;\n  };\n  props: DropdownStyleProps;\n}\n\nexport const useDropdownStyleProps = (props: DropdownStyleProps = { isOpen: false }): UseDropdownStylePropsReturn => {\n  const { alignmentX, alignmentY, isOpen, ...modifiedProps } = props;\n\n  const dropdownRootClass = useClassNamePrefix('Dropdown');\n  const dropdownPopoverClass = `${dropdownRootClass}Popover`;\n  const expandedClass = isOpen ? 'is-expanded' : '';\n  const openClass = isOpen ? CLASS_NAME_OPEN : '';\n\n  const rootClass = classNames(dropdownRootClass, {\n    [useAlignmentClass(dropdownRootClass, alignmentX as AlignmentPropertyType, 'alignmentX')]: alignmentX,\n    [useAlignmentClass(dropdownRootClass, alignmentY as AlignmentPropertyType, 'alignmentY')]: alignmentY,\n  });\n\n  const popoverClass = classNames(dropdownPopoverClass, openClass);\n  const triggerClass = classNames(expandedClass);\n\n  return {\n    classProps: {\n      root: rootClass,\n      trigger: triggerClass,\n      popover: popoverClass,\n    },\n    props: modifiedProps,\n  };\n};\n"],"names":["useDropdownStyleProps","props","alignmentX","alignmentY","isOpen","modifiedProps","dropdownRootClass","useClassNamePrefix","dropdownPopoverClass","expandedClass","openClass","CLASS_NAME_OPEN","rootClass","classNames","useAlignmentClass","popoverClass","triggerClass"],"mappings":";;;;AAcO,MAAMA,IAAwB,CAACC,IAA4B,EAAE,QAAQ,SAAyC;AACnH,QAAM,EAAE,YAAAC,GAAY,YAAAC,GAAY,QAAAC,GAAQ,GAAGC,MAAkBJ,GAEvDK,IAAoBC,EAAmB,UAAU,GACjDC,IAAuB,GAAGF,CAAiB,WAC3CG,IAAgBL,IAAS,gBAAgB,IACzCM,IAAYN,IAASO,IAAkB,IAEvCC,IAAYC,EAAWP,GAAmB;AAAA,IAC9C,CAACQ,EAAkBR,GAAmBJ,GAAqC,YAAY,CAAC,GAAGA;AAAA,IAC3F,CAACY,EAAkBR,GAAmBH,GAAqC,YAAY,CAAC,GAAGA;AAAA,EAAA,CAC5F,GAEKY,IAAeF,EAAWL,GAAsBE,CAAS,GACzDM,IAAeH,EAAWJ,CAAa;AAE7C,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMG;AAAA,MACN,SAASI;AAAA,MACT,SAASD;AAAA,IAAA;AAAA,IAEX,OAAOV;AAAA,EAAA;AAEX;"}
+{"version":3,"file":"useDropdownStyleProps.js","sources":["../../../src/components/Dropdown/useDropdownStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { CLASS_NAME_OPEN } from '../../constants';\nimport { type AlignmentPropertyType, useAlignmentClass, useClassNamePrefix } from '../../hooks';\nimport { type DropdownStyleProps } from '../../types';\n\nexport interface UseDropdownStylePropsReturn {\n  classProps: {\n    root: string;\n    trigger: string;\n    popover: string;\n  };\n  props: DropdownStyleProps;\n}\n\nexport const useDropdownStyleProps = (props: DropdownStyleProps = { isOpen: false }): UseDropdownStylePropsReturn => {\n  const { alignmentX, alignmentY, isOpen, ...modifiedProps } = props;\n\n  const dropdownClass = useClassNamePrefix('Dropdown');\n  const dropdownPopoverClass = `${dropdownClass}Popover`;\n  const expandedClass = isOpen ? 'is-expanded' : '';\n  const openClass = isOpen ? CLASS_NAME_OPEN : '';\n\n  return {\n    classProps: {\n      root: classNames(dropdownClass, {\n        [useAlignmentClass(dropdownClass, alignmentX as AlignmentPropertyType, 'alignmentX')]: alignmentX,\n        [useAlignmentClass(dropdownClass, alignmentY as AlignmentPropertyType, 'alignmentY')]: alignmentY,\n      }),\n      trigger: expandedClass,\n      popover: classNames(dropdownPopoverClass, openClass),\n    },\n    props: modifiedProps,\n  };\n};\n"],"names":["useDropdownStyleProps","props","alignmentX","alignmentY","isOpen","modifiedProps","dropdownClass","useClassNamePrefix","dropdownPopoverClass","expandedClass","openClass","CLASS_NAME_OPEN","classNames","useAlignmentClass"],"mappings":";;;;AAcO,MAAMA,IAAwB,CAACC,IAA4B,EAAE,QAAQ,SAAyC;AACnH,QAAM,EAAE,YAAAC,GAAY,YAAAC,GAAY,QAAAC,GAAQ,GAAGC,MAAkBJ,GAEvDK,IAAgBC,EAAmB,UAAU,GAC7CC,IAAuB,GAAGF,CAAa,WACvCG,IAAgBL,IAAS,gBAAgB,IACzCM,IAAYN,IAASO,IAAkB;AAE7C,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMC,EAAWN,GAAe;AAAA,QAC9B,CAACO,EAAkBP,GAAeJ,GAAqC,YAAY,CAAC,GAAGA;AAAA,QACvF,CAACW,EAAkBP,GAAeH,GAAqC,YAAY,CAAC,GAAGA;AAAA,MAAA,CACxF;AAAA,MACD,SAASM;AAAA,MACT,SAASG,EAAWJ,GAAsBE,CAAS;AAAA,IAAA;AAAA,IAErD,OAAOL;AAAA,EAAA;AAEX;"}

package/dist/components/Dropdown.d.ts

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

package/dist/components/EmptyState/demo/EmptyStateDefault.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("../../ActionGroup/ActionGroup.cjs"),r=require("../../ButtonLink/ButtonLink.cjs"),l=require("../../Heading/Heading.cjs"),n=require("../../Link/Link.cjs"),s=require("../../Text/Text.cjs"),a=require("../EmptyState.cjs"),t=require("../EmptyStateSection.cjs"),o=()=>e.jsxs(a.default,{spacing:"space-900",children:[e.jsx(t.default,{children:e.jsxs("div",{className:"docs-Placeholder",style:{maxWidth:"400px"},children:[e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"82",height:"40",viewBox:"0 0 82 40",fill:"none",children:[e.jsx("rect",{x:"1.5",y:"0.5",width:"79",height:"39",stroke:"#b9b9b9",strokeDasharray:"4 4"}),e.jsx("path",{d:"M1 29L24.1884 15.814L35.7826 24.1163L64.7681 8L81 24.1163",stroke:"#b9b9b9",strokeWidth:"0.8",strokeDasharray:"4 4"})]}),e.jsxs("div",{className:"docs-Placeholder__text",children:[e.jsx(s.default,{emphasis:"bold",marginBottom:"space-0",children:"Placeholder"}),e.jsx(s.default,{size:"small",textColor:"secondary",children:"Replace me with your own component"})]})]})}),e.jsxs(t.default,{spacing:"space-600",children:[e.jsx(l.default,{elementType:"h2",size:"xsmall",children:"Headline"}),e.jsx(s.default,{children:"In publishing and graphic design, lorem ipsum is common placeholder text used to demonstrate the graphic elements"})]}),e.jsx(t.default,{children:e.jsxs(i.default,{alignmentX:{mobile:"stretch",tablet:"center"},direction:{mobile:"vertical",tablet:"horizontal-reversed"},children:[e.jsx(r.default,{color:"primary",href:"#",children:"Action"}),e.jsx(r.default,{color:"secondary",href:"#",children:"Action"})]})}),e.jsx(t.default,{children:e.jsx(n.default,{href:"#",children:"Link to something"})})]});exports.default=o;
+//# sourceMappingURL=EmptyStateDefault.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStateDefault.cjs","sources":["../../../../src/components/EmptyState/demo/EmptyStateDefault.tsx"],"sourcesContent":["import React from 'react';\nimport { ActionGroup } from '../../ActionGroup';\nimport { ButtonLink } from '../../Button';\nimport { Heading } from '../../Heading';\nimport { Link } from '../../Link';\nimport { Text } from '../../Text';\nimport EmptyState from '../EmptyState';\nimport EmptyStateSection from '../EmptyStateSection';\n\nconst EmptyStateDefault = () => (\n  <EmptyState spacing=\"space-900\">\n    <EmptyStateSection>\n      <div className=\"docs-Placeholder\" style={{ maxWidth: '400px' }}>\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"82\" height=\"40\" viewBox=\"0 0 82 40\" fill=\"none\">\n          <rect x=\"1.5\" y=\"0.5\" width=\"79\" height=\"39\" stroke=\"#b9b9b9\" strokeDasharray=\"4 4\" />\n          <path\n            d=\"M1 29L24.1884 15.814L35.7826 24.1163L64.7681 8L81 24.1163\"\n            stroke=\"#b9b9b9\"\n            strokeWidth=\"0.8\"\n            strokeDasharray=\"4 4\"\n          />\n        </svg>\n        <div className=\"docs-Placeholder__text\">\n          <Text emphasis=\"bold\" marginBottom=\"space-0\">\n            Placeholder\n          </Text>\n          <Text size=\"small\" textColor=\"secondary\">\n            Replace me with your own component\n          </Text>\n        </div>\n      </div>\n    </EmptyStateSection>\n    <EmptyStateSection spacing=\"space-600\">\n      <Heading elementType=\"h2\" size=\"xsmall\">\n        Headline\n      </Heading>\n      <Text>\n        In publishing and graphic design, lorem ipsum is common placeholder text used to demonstrate the graphic\n        elements\n      </Text>\n    </EmptyStateSection>\n    <EmptyStateSection>\n      <ActionGroup\n        alignmentX={{ mobile: 'stretch', tablet: 'center' }}\n        direction={{ mobile: 'vertical', tablet: 'horizontal-reversed' }}\n      >\n        <ButtonLink color=\"primary\" href=\"#\">\n          Action\n        </ButtonLink>\n        <ButtonLink color=\"secondary\" href=\"#\">\n          Action\n        </ButtonLink>\n      </ActionGroup>\n    </EmptyStateSection>\n    <EmptyStateSection>\n      <Link href=\"#\">Link to something</Link>\n    </EmptyStateSection>\n  </EmptyState>\n);\n\nexport default EmptyStateDefault;\n"],"names":["EmptyStateDefault","jsxs","EmptyState","jsx","EmptyStateSection","Text","Heading","ActionGroup","ButtonLink","Link"],"mappings":"2ZASMA,EAAoB,IACxBC,EAAAA,KAACC,EAAAA,QAAA,CAAW,QAAQ,YAClB,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,gBAAC,MAAA,CAAI,UAAU,mBAAmB,MAAO,CAAE,SAAU,OAAA,EACnD,SAAA,CAAAH,EAAAA,KAAC,MAAA,CAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACtF,SAAA,CAAAE,EAAAA,IAAC,OAAA,CAAK,EAAE,MAAM,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK,OAAO,UAAU,gBAAgB,MAAM,EACpFA,EAAAA,IAAC,OAAA,CACC,EAAE,4DACF,OAAO,UACP,YAAY,MACZ,gBAAgB,KAAA,CAAA,CAClB,EACF,EACAF,EAAAA,KAAC,MAAA,CAAI,UAAU,yBACb,SAAA,CAAAE,MAACE,EAAAA,QAAA,CAAK,SAAS,OAAO,aAAa,UAAU,SAAA,cAE7C,QACCA,EAAAA,QAAA,CAAK,KAAK,QAAQ,UAAU,YAAY,SAAA,oCAAA,CAEzC,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,EACAJ,EAAAA,KAACG,EAAAA,QAAA,CAAkB,QAAQ,YACzB,SAAA,CAAAD,MAACG,EAAAA,QAAA,CAAQ,YAAY,KAAK,KAAK,SAAS,SAAA,WAExC,EACAH,EAAAA,IAACE,EAAAA,SAAK,SAAA,mHAAA,CAGN,CAAA,EACF,QACCD,EAAAA,QAAA,CACC,SAAAH,EAAAA,KAACM,EAAAA,QAAA,CACC,WAAY,CAAE,OAAQ,UAAW,OAAQ,QAAA,EACzC,UAAW,CAAE,OAAQ,WAAY,OAAQ,qBAAA,EAEzC,SAAA,CAAAJ,MAACK,EAAAA,QAAA,CAAW,MAAM,UAAU,KAAK,IAAI,SAAA,SAErC,QACCA,EAAAA,QAAA,CAAW,MAAM,YAAY,KAAK,IAAI,SAAA,QAAA,CAEvC,CAAA,CAAA,CAAA,EAEJ,QACCJ,EAAAA,QAAA,CACC,SAAAD,MAACM,EAAAA,SAAK,KAAK,IAAI,6BAAiB,CAAA,CAClC,CAAA,CAAA,CACF"}

package/dist/components/EmptyState/demo/EmptyStateDefault.js

@@ -0,0 +1,48 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import l from "../../ActionGroup/ActionGroup.js";
+import o from "../../ButtonLink/ButtonLink.js";
+import n from "../../Heading/Heading.js";
+import c from "../../Link/Link.js";
+import i from "../../Text/Text.js";
+import s from "../EmptyState.js";
+import r from "../EmptyStateSection.js";
+const b = () => /* @__PURE__ */ t(s, { spacing: "space-900", children: [
+  /* @__PURE__ */ e(r, { children: /* @__PURE__ */ t("div", { className: "docs-Placeholder", style: { maxWidth: "400px" }, children: [
+    /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", width: "82", height: "40", viewBox: "0 0 82 40", fill: "none", children: [
+      /* @__PURE__ */ e("rect", { x: "1.5", y: "0.5", width: "79", height: "39", stroke: "#b9b9b9", strokeDasharray: "4 4" }),
+      /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M1 29L24.1884 15.814L35.7826 24.1163L64.7681 8L81 24.1163",
+          stroke: "#b9b9b9",
+          strokeWidth: "0.8",
+          strokeDasharray: "4 4"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t("div", { className: "docs-Placeholder__text", children: [
+      /* @__PURE__ */ e(i, { emphasis: "bold", marginBottom: "space-0", children: "Placeholder" }),
+      /* @__PURE__ */ e(i, { size: "small", textColor: "secondary", children: "Replace me with your own component" })
+    ] })
+  ] }) }),
+  /* @__PURE__ */ t(r, { spacing: "space-600", children: [
+    /* @__PURE__ */ e(n, { elementType: "h2", size: "xsmall", children: "Headline" }),
+    /* @__PURE__ */ e(i, { children: "In publishing and graphic design, lorem ipsum is common placeholder text used to demonstrate the graphic elements" })
+  ] }),
+  /* @__PURE__ */ e(r, { children: /* @__PURE__ */ t(
+    l,
+    {
+      alignmentX: { mobile: "stretch", tablet: "center" },
+      direction: { mobile: "vertical", tablet: "horizontal-reversed" },
+      children: [
+        /* @__PURE__ */ e(o, { color: "primary", href: "#", children: "Action" }),
+        /* @__PURE__ */ e(o, { color: "secondary", href: "#", children: "Action" })
+      ]
+    }
+  ) }),
+  /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(c, { href: "#", children: "Link to something" }) })
+] });
+export {
+  b as default
+};
+//# sourceMappingURL=EmptyStateDefault.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStateDefault.js","sources":["../../../../src/components/EmptyState/demo/EmptyStateDefault.tsx"],"sourcesContent":["import React from 'react';\nimport { ActionGroup } from '../../ActionGroup';\nimport { ButtonLink } from '../../Button';\nimport { Heading } from '../../Heading';\nimport { Link } from '../../Link';\nimport { Text } from '../../Text';\nimport EmptyState from '../EmptyState';\nimport EmptyStateSection from '../EmptyStateSection';\n\nconst EmptyStateDefault = () => (\n  <EmptyState spacing=\"space-900\">\n    <EmptyStateSection>\n      <div className=\"docs-Placeholder\" style={{ maxWidth: '400px' }}>\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"82\" height=\"40\" viewBox=\"0 0 82 40\" fill=\"none\">\n          <rect x=\"1.5\" y=\"0.5\" width=\"79\" height=\"39\" stroke=\"#b9b9b9\" strokeDasharray=\"4 4\" />\n          <path\n            d=\"M1 29L24.1884 15.814L35.7826 24.1163L64.7681 8L81 24.1163\"\n            stroke=\"#b9b9b9\"\n            strokeWidth=\"0.8\"\n            strokeDasharray=\"4 4\"\n          />\n        </svg>\n        <div className=\"docs-Placeholder__text\">\n          <Text emphasis=\"bold\" marginBottom=\"space-0\">\n            Placeholder\n          </Text>\n          <Text size=\"small\" textColor=\"secondary\">\n            Replace me with your own component\n          </Text>\n        </div>\n      </div>\n    </EmptyStateSection>\n    <EmptyStateSection spacing=\"space-600\">\n      <Heading elementType=\"h2\" size=\"xsmall\">\n        Headline\n      </Heading>\n      <Text>\n        In publishing and graphic design, lorem ipsum is common placeholder text used to demonstrate the graphic\n        elements\n      </Text>\n    </EmptyStateSection>\n    <EmptyStateSection>\n      <ActionGroup\n        alignmentX={{ mobile: 'stretch', tablet: 'center' }}\n        direction={{ mobile: 'vertical', tablet: 'horizontal-reversed' }}\n      >\n        <ButtonLink color=\"primary\" href=\"#\">\n          Action\n        </ButtonLink>\n        <ButtonLink color=\"secondary\" href=\"#\">\n          Action\n        </ButtonLink>\n      </ActionGroup>\n    </EmptyStateSection>\n    <EmptyStateSection>\n      <Link href=\"#\">Link to something</Link>\n    </EmptyStateSection>\n  </EmptyState>\n);\n\nexport default EmptyStateDefault;\n"],"names":["EmptyStateDefault","jsxs","EmptyState","jsx","EmptyStateSection","Text","Heading","ActionGroup","ButtonLink","Link"],"mappings":";;;;;;;;AASA,MAAMA,IAAoB,MACxB,gBAAAC,EAACC,GAAA,EAAW,SAAQ,aAClB,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EACC,4BAAC,OAAA,EAAI,WAAU,oBAAmB,OAAO,EAAE,UAAU,QAAA,GACnD,UAAA;AAAA,IAAA,gBAAAH,EAAC,OAAA,EAAI,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QACtF,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAA,EAAK,GAAE,OAAM,GAAE,OAAM,OAAM,MAAK,QAAO,MAAK,QAAO,WAAU,iBAAgB,OAAM;AAAA,MACpF,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,iBAAgB;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB,GACF;AAAA,IACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,MAAA,gBAAAE,EAACE,GAAA,EAAK,UAAS,QAAO,cAAa,WAAU,UAAA,eAE7C;AAAA,wBACCA,GAAA,EAAK,MAAK,SAAQ,WAAU,aAAY,UAAA,qCAAA,CAEzC;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAAA,EACA,gBAAAJ,EAACG,GAAA,EAAkB,SAAQ,aACzB,UAAA;AAAA,IAAA,gBAAAD,EAACG,GAAA,EAAQ,aAAY,MAAK,MAAK,UAAS,UAAA,YAExC;AAAA,IACA,gBAAAH,EAACE,KAAK,UAAA,oHAAA,CAGN;AAAA,EAAA,GACF;AAAA,oBACCD,GAAA,EACC,UAAA,gBAAAH;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,YAAY,EAAE,QAAQ,WAAW,QAAQ,SAAA;AAAA,MACzC,WAAW,EAAE,QAAQ,YAAY,QAAQ,sBAAA;AAAA,MAEzC,UAAA;AAAA,QAAA,gBAAAJ,EAACK,GAAA,EAAW,OAAM,WAAU,MAAK,KAAI,UAAA,UAErC;AAAA,0BACCA,GAAA,EAAW,OAAM,aAAY,MAAK,KAAI,UAAA,SAAA,CAEvC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAAA,oBACCJ,GAAA,EACC,UAAA,gBAAAD,EAACM,KAAK,MAAK,KAAI,+BAAiB,EAAA,CAClC;AAAA,EAAA,CACF;"}

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

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("../../../web-react/docs/DocsSection.cjs"),i=require("./EmptyStateDefault.cjs"),c=()=>e.jsx(t.StrictMode,{children:e.jsx(r.default,{title:"Default",stackAlignment:"stretch",children:e.jsx(i.default,{})})});exports.Preview=c;
+//# sourceMappingURL=preview.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.cjs","sources":["../../../../src/components/EmptyState/demo/preview.tsx"],"sourcesContent":["'use client';\n\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport EmptyStateDefault from './EmptyStateDefault';\n\nexport const Preview = () => (\n  <StrictMode>\n    <DocsSection title=\"Default\" stackAlignment=\"stretch\">\n      <EmptyStateDefault />\n    </DocsSection>\n  </StrictMode>\n);\n"],"names":["Preview","jsx","StrictMode","DocsSection","EmptyStateDefault"],"mappings":"+OAMaA,EAAU,IACrBC,EAAAA,IAACC,EAAAA,WAAA,CACC,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAY,MAAM,UAAU,eAAe,UAC1C,SAAAF,EAAAA,IAACG,UAAA,CAAA,CAAkB,EACrB,CAAA,CACF"}

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

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import { StrictMode as e } from "react";
+import r from "../../../web-react/docs/DocsSection.js";
+import i from "./EmptyStateDefault.js";
+const l = () => /* @__PURE__ */ t(e, { children: /* @__PURE__ */ t(r, { title: "Default", stackAlignment: "stretch", children: /* @__PURE__ */ t(i, {}) }) });
+export {
+  l as Preview
+};
+//# sourceMappingURL=preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sources":["../../../../src/components/EmptyState/demo/preview.tsx"],"sourcesContent":["'use client';\n\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport EmptyStateDefault from './EmptyStateDefault';\n\nexport const Preview = () => (\n  <StrictMode>\n    <DocsSection title=\"Default\" stackAlignment=\"stretch\">\n      <EmptyStateDefault />\n    </DocsSection>\n  </StrictMode>\n);\n"],"names":["Preview","jsx","StrictMode","DocsSection","EmptyStateDefault"],"mappings":";;;;;AAMO,MAAMA,IAAU,MACrB,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAY,OAAM,WAAU,gBAAe,WAC1C,UAAA,gBAAAF,EAACG,GAAA,CAAA,CAAkB,GACrB,EAAA,CACF;"}

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

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

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

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

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

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

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

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

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

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

package/dist/components/EmptyState.d.ts

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

package/dist/components/Field/HelperText.cjs

@@ -1,2 +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;
+"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"),f={elementType:"div",id:void 0,registerAria:void 0},s=n=>{const i={...f,...n},{helperText:e,elementType:p,id:r,registerAria:t,...u}=i,o=p,{styleProps:c,props:l}=P.useStyleProps(u),d=m.mergeStyleProps(o,{styleProps:c,transferProps:l});return y.useEffect(()=>(e&&t?.({add:r}),()=>{t?.({remove:r})}),[e,r,t]),e?a.jsx(o,{...l,...d,id:r,children:e}):null};s.spiritComponent="HelperText";s.displayName="HelperText";exports.default=s;
 //# sourceMappingURL=HelperText.cjs.map

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

@@ -1 +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"}
+{"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 { helperText, elementType, id, registerAria, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, { 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      <Component {...transferProps} {...mergedStyleProps} id={id}>\n        {helperText}\n      </Component>\n    );\n  }\n\n  return null;\n};\n\nHelperText.spiritComponent = 'HelperText';\nHelperText.displayName = 'HelperText';\n\nexport default HelperText;\n"],"names":["defaultProps","HelperText","props","propsWithDefaults","helperText","elementType","id","registerAria","restProps","Component","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,CAAE,WAAAE,EAAY,YAAAC,EAAa,GAAAC,EAAI,aAAAC,EAAc,GAAGC,GAAcL,EAC9DM,EAAYJ,EACZ,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcJ,CAAS,EAC9DK,EAAmBC,EAAAA,gBAAgBL,EAAW,CAAA,WAAEC,EAAY,cAAAC,EAAe,EAUjF,OARAI,EAAAA,UAAU,KACRX,GAAcG,IAAe,CAAE,IAAKD,CAAA,CAAI,EAEjC,IAAM,CACXC,IAAe,CAAE,OAAQD,EAAI,CAC/B,GACC,CAACF,EAAYE,EAAIC,CAAY,CAAC,EAE7BH,QAECK,EAAA,CAAW,GAAGE,EAAgB,GAAGE,EAAkB,GAAAP,EACjD,SAAAF,EACH,EAIG,IACT,EAEAH,EAAW,gBAAkB,aAC7BA,EAAW,YAAc"}

package/dist/components/Field/HelperText.js

@@ -1,26 +1,21 @@
 "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 = {
+import { useStyleProps as a } from "../../hooks/styleProps.js";
+import { mergeStyleProps as y } 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 });
+}, p = (i) => {
+  const n = { ...P, ...i }, { helperText: e, elementType: l, id: r, registerAria: t, ...m } = n, o = l, { styleProps: d, props: s } = a(m), c = y(o, { styleProps: d, 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;
+  }), [e, r, t]), e ? /* @__PURE__ */ f(o, { ...s, ...c, id: r, children: e }) : null;
 };
-y.spiritComponent = "HelperText";
+p.spiritComponent = "HelperText";
+p.displayName = "HelperText";
 export {
-  y as default
+  p as default
 };
 //# sourceMappingURL=HelperText.js.map

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

@@ -1 +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;"}
+{"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 { helperText, elementType, id, registerAria, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, { 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      <Component {...transferProps} {...mergedStyleProps} id={id}>\n        {helperText}\n      </Component>\n    );\n  }\n\n  return null;\n};\n\nHelperText.spiritComponent = 'HelperText';\nHelperText.displayName = 'HelperText';\n\nexport default HelperText;\n"],"names":["defaultProps","HelperText","props","propsWithDefaults","helperText","elementType","id","registerAria","restProps","Component","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,EAAE,YAAAE,GAAY,aAAAC,GAAa,IAAAC,GAAI,cAAAC,GAAc,GAAGC,MAAcL,GAC9DM,IAAYJ,GACZ,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAkBC,EAAcJ,CAAS,GAC9DK,IAAmBC,EAAgBL,GAAW,EAAE,YAAAC,GAAY,eAAAC,GAAe;AAUjF,SARAI,EAAU,OACRX,KAAcG,IAAe,EAAE,KAAKD,EAAA,CAAI,GAEjC,MAAM;AACX,IAAAC,IAAe,EAAE,QAAQD,GAAI;AAAA,EAC/B,IACC,CAACF,GAAYE,GAAIC,CAAY,CAAC,GAE7BH,sBAECK,GAAA,EAAW,GAAGE,GAAgB,GAAGE,GAAkB,IAAAP,GACjD,UAAAF,GACH,IAIG;AACT;AAEAH,EAAW,kBAAkB;AAC7BA,EAAW,cAAc;"}

package/dist/components/Field/Label.cjs

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

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

@@ -1 +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"}
+{"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 defaultProps: Partial<SpiritLabelProps> = {\n  elementType: 'label',\n};\n\nconst Label = <E extends ElementType = 'label'>(props: SpiritLabelProps<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, children, htmlFor, for: labelFor, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, { styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} htmlFor={Component === 'label' ? labelFor || htmlFor : undefined}>\n      {children}\n    </Component>\n  );\n};\n\nLabel.spiritComponent = 'Label';\nLabel.displayName = 'Label';\n\nexport default Label;\n"],"names":["defaultProps","Label","props","propsWithDefaults","elementType","children","htmlFor","labelFor","restProps","Component","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx"],"mappings":"mPAOMA,EAA0C,CAC9C,YAAa,OACf,EAEMC,EAA0CC,GAA4C,CAC1F,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CAAE,YAAAE,EAAa,SAAAC,EAAU,QAAAC,EAAS,IAAKC,EAAU,GAAGC,GAAcL,EAClEM,EAAYL,EACZ,CAAA,WAAEM,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAS,EAC3DK,EAAmBC,EAAAA,gBAAgBL,EAAW,CAAA,WAAEC,EAAY,WAAAC,EAAY,EAE9E,OACEI,EAAAA,IAACN,EAAA,CAAW,GAAGE,EAAa,GAAGE,EAAkB,QAASJ,IAAc,QAAUF,GAAYD,EAAU,OACrG,SAAAD,CAAA,CACH,CAEJ,EAEAJ,EAAM,gBAAkB,QACxBA,EAAM,YAAc"}

package/dist/components/Field/Label.js

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

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

@@ -1 +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;"}
+{"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 defaultProps: Partial<SpiritLabelProps> = {\n  elementType: 'label',\n};\n\nconst Label = <E extends ElementType = 'label'>(props: SpiritLabelProps<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, children, htmlFor, for: labelFor, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, { styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} htmlFor={Component === 'label' ? labelFor || htmlFor : undefined}>\n      {children}\n    </Component>\n  );\n};\n\nLabel.spiritComponent = 'Label';\nLabel.displayName = 'Label';\n\nexport default Label;\n"],"names":["defaultProps","Label","props","propsWithDefaults","elementType","children","htmlFor","labelFor","restProps","Component","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx"],"mappings":";;;;AAOA,MAAMA,IAA0C;AAAA,EAC9C,aAAa;AACf,GAEMC,IAAQ,CAAkCC,MAA4C;AAC1F,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,aAAAE,GAAa,UAAAC,GAAU,SAAAC,GAAS,KAAKC,GAAU,GAAGC,MAAcL,GAClEM,IAAYL,GACZ,EAAE,YAAAM,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAS,GAC3DK,IAAmBC,EAAgBL,GAAW,EAAE,YAAAC,GAAY,YAAAC,GAAY;AAE9E,SACE,gBAAAI,EAACN,GAAA,EAAW,GAAGE,GAAa,GAAGE,GAAkB,SAASJ,MAAc,UAAUF,KAAYD,IAAU,QACrG,UAAAD,EAAA,CACH;AAEJ;AAEAJ,EAAM,kBAAkB;AACxBA,EAAM,cAAc;"}

package/dist/components/Field/ValidationText.cjs

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

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

@@ -1 +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"}
+{"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 { elementType, hasValidationStateIcon, id, registerAria, role, validationText, ...restProps } =\n    propsWithDefaults;\n  const Component = elementType as ElementType;\n  const validationIconName = useValidationIcon({ hasValidationStateIcon });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, { 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    <Component {...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    </Component>\n  );\n};\n\nValidationText.spiritComponent = 'ValidationText';\nValidationText.displayName = 'ValidationText';\n\nexport default ValidationText;\n"],"names":["defaultProps","ValidationText","props","propsWithDefaults","elementType","hasValidationStateIcon","id","registerAria","role","validationText","restProps","Component","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,CAAE,YAAAE,EAAa,uBAAAC,EAAwB,GAAAC,EAAI,aAAAC,EAAc,KAAAC,EAAM,eAAAC,EAAgB,GAAGC,CAAA,EACtFP,EACIQ,EAAYP,EACZQ,EAAqBC,EAAAA,kBAAkB,CAAE,uBAAAR,EAAwB,EACjE,CAAA,WAAES,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcN,CAAS,EAC9DO,EAAmBC,EAAAA,gBAAgBP,EAAW,CAAA,WAAEG,EAAY,cAAAC,EAAe,EAUjF,GARAI,EAAAA,UAAU,KACRV,GAAkBF,IAAe,CAAE,IAAKD,CAAA,CAAI,EAErC,IAAM,CACXC,IAAe,CAAE,OAAQD,EAAI,CAC/B,GACC,CAACA,EAAIC,EAAcE,CAAc,CAAC,EAEjC,CAACA,EACH,OAAO,KAGT,MAAMW,EAAyBf,EAAyBgB,MAAC,MAAA,CAAK,WAAe,EAASZ,EAEtF,cACGE,EAAA,CAAW,GAAGI,EAAgB,GAAGE,EAAkB,GAAAX,EAAQ,KAAAE,EACzD,SAAA,CAAAH,GAA0BgB,EAAAA,IAACC,UAAA,CAAK,KAAMV,EAAoB,QAAS,GAAI,EACvE,MAAM,QAAQH,CAAc,EAC3BY,EAAAA,IAAC,KAAA,CACE,WAAe,IAAKE,GACnBF,EAAAA,IAAC,MAAmC,SAAAE,CAAA,EAA3B,kBAAkBA,CAAI,EAAU,CAC1C,EACH,EAEAH,CAAA,EAEJ,CAEJ,EAEAnB,EAAe,gBAAkB,iBACjCA,EAAe,YAAc"}

package/dist/components/Field/ValidationText.js

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

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

@@ -1 +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;"}
+{"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 { elementType, hasValidationStateIcon, id, registerAria, role, validationText, ...restProps } =\n    propsWithDefaults;\n  const Component = elementType as ElementType;\n  const validationIconName = useValidationIcon({ hasValidationStateIcon });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, { 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    <Component {...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    </Component>\n  );\n};\n\nValidationText.spiritComponent = 'ValidationText';\nValidationText.displayName = 'ValidationText';\n\nexport default ValidationText;\n"],"names":["defaultProps","ValidationText","props","propsWithDefaults","elementType","hasValidationStateIcon","id","registerAria","role","validationText","restProps","Component","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,EAAE,aAAAE,GAAa,wBAAAC,GAAwB,IAAAC,GAAI,cAAAC,GAAc,MAAAC,GAAM,gBAAAC,GAAgB,GAAGC,EAAA,IACtFP,GACIQ,IAAYP,GACZQ,IAAqBC,EAAkB,EAAE,wBAAAR,GAAwB,GACjE,EAAE,YAAAS,GAAY,OAAOC,EAAA,IAAkBC,EAAcN,CAAS,GAC9DO,IAAmBC,EAAgBP,GAAW,EAAE,YAAAG,GAAY,eAAAC,GAAe;AAUjF,MARAI,EAAU,OACRV,KAAkBF,IAAe,EAAE,KAAKD,EAAA,CAAI,GAErC,MAAM;AACX,IAAAC,IAAe,EAAE,QAAQD,GAAI;AAAA,EAC/B,IACC,CAACA,GAAIC,GAAcE,CAAc,CAAC,GAEjC,CAACA;AACH,WAAO;AAGT,QAAMW,IAAyBf,IAAyB,gBAAAgB,EAAC,OAAA,EAAK,aAAe,IAASZ;AAEtF,2BACGE,GAAA,EAAW,GAAGI,GAAgB,GAAGE,GAAkB,IAAAX,GAAQ,MAAAE,GACzD,UAAA;AAAA,IAAAH,KAA0B,gBAAAgB,EAACC,GAAA,EAAK,MAAMV,GAAoB,SAAS,IAAI;AAAA,IACvE,MAAM,QAAQH,CAAc,IAC3B,gBAAAY,EAAC,MAAA,EACE,YAAe,IAAI,CAACE,MACnB,gBAAAF,EAAC,QAAmC,UAAAE,EAAA,GAA3B,kBAAkBA,CAAI,EAAU,CAC1C,GACH,IAEAH;AAAA,EAAA,GAEJ;AAEJ;AAEAnB,EAAe,kBAAkB;AACjCA,EAAe,cAAc;"}

package/dist/components/Field/index.cjs

@@ -1,2 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./HelperText.cjs"),t=require("./Label.cjs"),r=require("./ValidationText.cjs");exports.HelperText=e.default;exports.Label=t.default;exports.ValidationText=r.default;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Field/index.js

@@ -1,11 +1,9 @@
 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";
+import { default as l } from "./ValidationText.js";
 export {
   a as HelperText,
   o as Label,
-  d as ValidationText,
-  s as useAriaIds
+  l as ValidationText
 };
 //# sourceMappingURL=index.js.map