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

package/dist/components/Dropdown/UncontrolledDropdown.d.ts

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

package/dist/components/Dropdown/UncontrolledDropdown.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as s } from "react/jsx-runtime";
+import D from "classnames";
+import { useRef as t } from "react";
+import { useStyleProps as h } from "../../hooks/styleProps.js";
+import { DropdownProvider as v } from "./DropdownContext.js";
+import { useDropdown as y } from "./useDropdown.js";
+import { useDropdownStyleProps as C } from "./useDropdownStyleProps.js";
+const N = (n) => {
+  const { children: p, enableAutoClose: l = !0, fullWidthMode: i, id: d, onAutoClose: m, placement: c, ...f } = n, { classProps: u, props: a } = C(f), { styleProps: r, props: P } = h(a), o = t(null), e = t(), { isOpen: g, toggleHandler: w } = y({ dropdownRef: o, triggerRef: e, enableAutoClose: l, onAutoClose: m });
+  return /* @__PURE__ */ s(v, { value: { id: d, isOpen: g, fullWidthMode: i, placement: c, onToggle: w, dropdownRef: o, triggerRef: e }, children: /* @__PURE__ */ s(
+    "div",
+    {
+      ref: o,
+      ...r,
+      ...P,
+      className: D(u.root, r.className),
+      children: p
+    }
+  ) });
+};
+N.spiritComponent = "UncontrolledDropdown";
+export {
+  N as default
+};
+//# sourceMappingURL=UncontrolledDropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UncontrolledDropdown.js","sources":["../../../src/components/Dropdown/UncontrolledDropdown.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { useRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type UncontrolledDropdownProps } from '../../types';\nimport { DropdownProvider } from './DropdownContext';\nimport { useDropdown } from './useDropdown';\nimport { useDropdownStyleProps } from './useDropdownStyleProps';\n\nconst UncontrolledDropdown = (props: UncontrolledDropdownProps) => {\n  const { children, enableAutoClose = true, fullWidthMode, id, onAutoClose, placement, ...rest } = props;\n  const { classProps, props: modifiedProps } = useDropdownStyleProps(rest);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLDivElement>();\n\n  const { isOpen, toggleHandler: onToggle } = useDropdown({ dropdownRef, triggerRef, enableAutoClose, onAutoClose });\n\n  return (\n    <DropdownProvider value={{ id, isOpen, fullWidthMode, placement, onToggle, dropdownRef, triggerRef }}>\n      <div\n        ref={dropdownRef}\n        {...styleProps}\n        {...otherProps}\n        className={classNames(classProps.root, styleProps.className)}\n      >\n        {children}\n      </div>\n    </DropdownProvider>\n  );\n};\n\nUncontrolledDropdown.spiritComponent = 'UncontrolledDropdown';\n\nexport default UncontrolledDropdown;\n"],"names":["UncontrolledDropdown","props","children","enableAutoClose","fullWidthMode","id","onAutoClose","placement","rest","classProps","modifiedProps","useDropdownStyleProps","styleProps","otherProps","useStyleProps","dropdownRef","useRef","triggerRef","isOpen","onToggle","useDropdown","jsx","DropdownProvider","classNames"],"mappings":";;;;;;;;AAUA,MAAMA,IAAuB,CAACC,MAAqC;AACjE,QAAM,EAAE,UAAAC,GAAU,iBAAAC,IAAkB,IAAM,eAAAC,GAAe,IAAAC,GAAI,aAAAC,GAAa,WAAAC,GAAW,GAAGC,EAAA,IAASP,GAC3F,EAAE,YAAAQ,GAAY,OAAOC,EAAA,IAAkBC,EAAsBH,CAAI,GACjE,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAE/DK,IAAcC,EAAuB,IAAI,GACzCC,IAAaD,EAAA,GAEb,EAAE,QAAAE,GAAQ,eAAeC,MAAaC,EAAY,EAAE,aAAAL,GAAa,YAAAE,GAAY,iBAAAd,GAAiB,aAAAG,GAAa;AAEjH,SACE,gBAAAe,EAACC,GAAA,EAAiB,OAAO,EAAE,IAAAjB,GAAI,QAAAa,GAAQ,eAAAd,GAAe,WAAAG,GAAW,UAAAY,GAAU,aAAAJ,GAAa,YAAAE,EAAA,GACtF,UAAA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKN;AAAA,MACJ,GAAGH;AAAA,MACH,GAAGC;AAAA,MACJ,WAAWU,EAAWd,EAAW,MAAMG,EAAW,SAAS;AAAA,MAE1D,UAAAV;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;AAEAF,EAAqB,kBAAkB;"}

package/dist/components/Dropdown/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./Dropdown.cjs"),e=require("./DropdownTrigger.cjs"),n=require("./DropdownPopover.cjs"),d=require("./DropdownContext.cjs"),t=require("./UncontrolledDropdown.cjs"),s=require("./useDropdown.cjs"),o=require("./useDropdownAriaProps.cjs"),p=require("./useDropdownStyleProps.cjs");exports.Dropdown=r.default;exports.DropdownTrigger=e.default;exports.DropdownPopover=n.default;exports.DropdownContext=d.default;exports.UncontrolledDropdown=t.default;exports.useDropdown=s.useDropdown;exports.fullWidthModeKeys=o.fullWidthModeKeys;exports.useDropdownAriaProps=o.useDropdownAriaProps;exports.useDropdownStyleProps=p.useDropdownStyleProps;
+//# sourceMappingURL=index.cjs.map

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

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

package/dist/components/Dropdown/index.js

@@ -0,0 +1,20 @@
+import { default as e } from "./Dropdown.js";
+import { default as p } from "./DropdownTrigger.js";
+import { default as f } from "./DropdownPopover.js";
+import { default as a } from "./DropdownContext.js";
+import { default as l } from "./UncontrolledDropdown.js";
+import { useDropdown as x } from "./useDropdown.js";
+import { fullWidthModeKeys as w, useDropdownAriaProps as D } from "./useDropdownAriaProps.js";
+import { useDropdownStyleProps as P } from "./useDropdownStyleProps.js";
+export {
+  e as Dropdown,
+  a as DropdownContext,
+  f as DropdownPopover,
+  p as DropdownTrigger,
+  l as UncontrolledDropdown,
+  w as fullWidthModeKeys,
+  x as useDropdown,
+  D as useDropdownAriaProps,
+  P as useDropdownStyleProps
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Dropdown/useDropdown.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),d=require("../../hooks/useClickOutside.cjs"),f=({dropdownRef:n,triggerRef:c,enableAutoClose:l,onAutoClose:t})=>{const[s,r]=a.useState(!1),o=()=>r(!s),u=e=>{e.preventDefault(),o()},i=e=>{l&&(c?.current?.contains(e?.target)||(t&&t(e),r(!1)))};return d.useClickOutside({ref:n,callback:i}),{toggleHandler:u,isOpen:s}};exports.useDropdown=f;
+//# sourceMappingURL=useDropdown.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDropdown.cjs","sources":["../../../src/components/Dropdown/useDropdown.ts"],"sourcesContent":["'use client';\n\nimport { type MutableRefObject, useState } from 'react';\nimport { useClickOutside } from '../../hooks';\nimport { type ClickEvent } from '../../types';\n\nexport interface UseDropdownProps {\n  /** dropdown element reference */\n  dropdownRef: MutableRefObject<HTMLElement | null>;\n  /** enabled click outside event */\n  enableAutoClose?: boolean;\n  /** on close callback */\n  onAutoClose?: (event: Event) => void;\n  /** trigger element reference */\n  triggerRef: MutableRefObject<HTMLElement | undefined>;\n}\n\nexport interface UseDropdownReturn {\n  /** collapse handler */\n  toggleHandler: (event: ClickEvent) => void;\n  /** collapsed state */\n  isOpen: boolean;\n}\n\nexport const useDropdown = ({\n  dropdownRef,\n  triggerRef,\n  enableAutoClose,\n  onAutoClose,\n}: UseDropdownProps): UseDropdownReturn => {\n  const [open, setOpen] = useState<boolean>(false);\n\n  const collapseHandler = () => setOpen(!open);\n\n  const toggleHandler = (event: ClickEvent) => {\n    event.preventDefault();\n    collapseHandler();\n  };\n\n  const closeHandler = (event: Event) => {\n    if (!enableAutoClose) {\n      return;\n    }\n\n    if (!triggerRef?.current?.contains(event?.target as Node)) {\n      if (onAutoClose) {\n        onAutoClose(event);\n      }\n\n      setOpen(false);\n    }\n  };\n\n  useClickOutside({ ref: dropdownRef, callback: closeHandler });\n\n  return {\n    toggleHandler,\n    isOpen: open,\n  };\n};\n"],"names":["useDropdown","dropdownRef","triggerRef","enableAutoClose","onAutoClose","open","setOpen","useState","collapseHandler","toggleHandler","event","closeHandler","useClickOutside"],"mappings":"mKAwBaA,EAAc,CAAC,CAC1B,YAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,YAAAC,CACF,IAA2C,CACzC,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAAkB,EAAK,EAEzCC,EAAkB,IAAMF,EAAQ,CAACD,CAAI,EAErCI,EAAiBC,GAAsB,CAC3CA,EAAM,eAAA,EACNF,EAAA,CACF,EAEMG,EAAgBD,GAAiB,CAChCP,IAIAD,GAAY,SAAS,SAASQ,GAAO,MAAc,IAClDN,GACFA,EAAYM,CAAK,EAGnBJ,EAAQ,EAAK,GAEjB,EAEAM,OAAAA,EAAAA,gBAAgB,CAAE,IAAKX,EAAa,SAAUU,EAAc,EAErD,CACL,cAAAF,EACA,OAAQJ,CAAA,CAEZ"}

package/dist/components/Dropdown/useDropdown.d.ts

@@ -0,0 +1,13 @@
+import { MutableRefObject } from 'react';
+import { ClickEvent } from '../../types';
+export interface UseDropdownProps {
+    dropdownRef: MutableRefObject<HTMLElement | null>;
+    enableAutoClose?: boolean;
+    onAutoClose?: (event: Event) => void;
+    triggerRef: MutableRefObject<HTMLElement | undefined>;
+}
+export interface UseDropdownReturn {
+    toggleHandler: (event: ClickEvent) => void;
+    isOpen: boolean;
+}
+export declare const useDropdown: ({ dropdownRef, triggerRef, enableAutoClose, onAutoClose, }: UseDropdownProps) => UseDropdownReturn;

package/dist/components/Dropdown/useDropdown.js

@@ -0,0 +1,23 @@
+"use client";
+import { useState as i } from "react";
+import { useClickOutside as f } from "../../hooks/useClickOutside.js";
+const m = ({
+  dropdownRef: n,
+  triggerRef: c,
+  enableAutoClose: l,
+  onAutoClose: t
+}) => {
+  const [r, s] = i(!1), o = () => s(!r), a = (e) => {
+    e.preventDefault(), o();
+  };
+  return f({ ref: n, callback: (e) => {
+    l && (c?.current?.contains(e?.target) || (t && t(e), s(!1)));
+  } }), {
+    toggleHandler: a,
+    isOpen: r
+  };
+};
+export {
+  m as useDropdown
+};
+//# sourceMappingURL=useDropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDropdown.js","sources":["../../../src/components/Dropdown/useDropdown.ts"],"sourcesContent":["'use client';\n\nimport { type MutableRefObject, useState } from 'react';\nimport { useClickOutside } from '../../hooks';\nimport { type ClickEvent } from '../../types';\n\nexport interface UseDropdownProps {\n  /** dropdown element reference */\n  dropdownRef: MutableRefObject<HTMLElement | null>;\n  /** enabled click outside event */\n  enableAutoClose?: boolean;\n  /** on close callback */\n  onAutoClose?: (event: Event) => void;\n  /** trigger element reference */\n  triggerRef: MutableRefObject<HTMLElement | undefined>;\n}\n\nexport interface UseDropdownReturn {\n  /** collapse handler */\n  toggleHandler: (event: ClickEvent) => void;\n  /** collapsed state */\n  isOpen: boolean;\n}\n\nexport const useDropdown = ({\n  dropdownRef,\n  triggerRef,\n  enableAutoClose,\n  onAutoClose,\n}: UseDropdownProps): UseDropdownReturn => {\n  const [open, setOpen] = useState<boolean>(false);\n\n  const collapseHandler = () => setOpen(!open);\n\n  const toggleHandler = (event: ClickEvent) => {\n    event.preventDefault();\n    collapseHandler();\n  };\n\n  const closeHandler = (event: Event) => {\n    if (!enableAutoClose) {\n      return;\n    }\n\n    if (!triggerRef?.current?.contains(event?.target as Node)) {\n      if (onAutoClose) {\n        onAutoClose(event);\n      }\n\n      setOpen(false);\n    }\n  };\n\n  useClickOutside({ ref: dropdownRef, callback: closeHandler });\n\n  return {\n    toggleHandler,\n    isOpen: open,\n  };\n};\n"],"names":["useDropdown","dropdownRef","triggerRef","enableAutoClose","onAutoClose","open","setOpen","useState","collapseHandler","toggleHandler","event","useClickOutside"],"mappings":";;;AAwBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AACF,MAA2C;AACzC,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAkB,EAAK,GAEzCC,IAAkB,MAAMF,EAAQ,CAACD,CAAI,GAErCI,IAAgB,CAACC,MAAsB;AAC3C,IAAAA,EAAM,eAAA,GACNF,EAAA;AAAA,EACF;AAgBA,SAAAG,EAAgB,EAAE,KAAKV,GAAa,UAdf,CAACS,MAAiB;AACrC,IAAKP,MAIAD,GAAY,SAAS,SAASQ,GAAO,MAAc,MAClDN,KACFA,EAAYM,CAAK,GAGnBJ,EAAQ,EAAK;AAAA,EAEjB,GAE4D,GAErD;AAAA,IACL,eAAAG;AAAA,IACA,QAAQJ;AAAA,EAAA;AAEZ;"}

package/dist/components/Dropdown/useDropdownAriaProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../constants/dictionaries.cjs"),l="aria-expanded",A="aria-controls",p="data-spirit-fullwidthmode",d="data-spirit-placement";var e=(o=>(o.off="off",o["mobile-only"]="mobile-only",o.all="all",o))(e||{});const u=o=>{const{fullWidthMode:n,id:t,isOpen:r,placement:s=c.Placements.BOTTOM_START,toggleHandler:i}=o,a={[l]:r,[A]:String(t),onClick:i};return{contentProps:{id:t,[p]:n,[d]:s},triggerProps:a}};exports.fullWidthModeKeys=e;exports.useDropdownAriaProps=u;
+//# sourceMappingURL=useDropdownAriaProps.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDropdownAriaProps.cjs","sources":["../../../src/components/Dropdown/useDropdownAriaProps.ts"],"sourcesContent":["import { Placements } from '../../constants';\nimport {\n  type Booleanish,\n  type ClickEvent,\n  type DropdownFullWidthMode,\n  type PlacementDictionaryType,\n} from '../../types';\n\nconst NAME_ARIA_EXPANDED = 'aria-expanded';\nconst NAME_ARIA_CONTROLS = 'aria-controls';\nconst NAME_DATA_FULLWIDTHMODE = 'data-spirit-fullwidthmode';\nconst NAME_DATA_PLACEMENT = 'data-spirit-placement';\n\nexport enum fullWidthModeKeys {\n  'off' = 'off',\n  'mobile-only' = 'mobile-only',\n  'all' = 'all',\n}\nexport interface UseDropdownAriaPropsProps {\n  /** element ID */\n  id: string;\n  /** open state */\n  isOpen: boolean;\n  /** fullWidthMode */\n  fullWidthMode: DropdownFullWidthMode | undefined;\n  /** placement */\n  placement?: PlacementDictionaryType;\n  /** toggle callback */\n  toggleHandler: (event: ClickEvent) => void;\n}\n\nexport interface UseDropdownAriaPropsReturn {\n  /** content returned props */\n  contentProps: {\n    id: string;\n    [NAME_DATA_FULLWIDTHMODE]?: keyof typeof fullWidthModeKeys | undefined;\n    [NAME_DATA_PLACEMENT]?: PlacementDictionaryType;\n  };\n  /** trigger returned props */\n  triggerProps: {\n    [NAME_ARIA_EXPANDED]: Booleanish;\n    [NAME_ARIA_CONTROLS]: string;\n    onClick: (event: ClickEvent) => void;\n  };\n}\n\nexport const useDropdownAriaProps = (props: UseDropdownAriaPropsProps): UseDropdownAriaPropsReturn => {\n  const { fullWidthMode, id, isOpen, placement = Placements.BOTTOM_START, toggleHandler } = props;\n\n  const triggerProps = {\n    [NAME_ARIA_EXPANDED]: isOpen,\n    [NAME_ARIA_CONTROLS]: String(id),\n    onClick: toggleHandler,\n  };\n  const contentProps = {\n    id,\n    [NAME_DATA_FULLWIDTHMODE]: fullWidthMode,\n    [NAME_DATA_PLACEMENT]: placement,\n  };\n\n  return {\n    contentProps,\n    triggerProps,\n  };\n};\n"],"names":["NAME_ARIA_EXPANDED","NAME_ARIA_CONTROLS","NAME_DATA_FULLWIDTHMODE","NAME_DATA_PLACEMENT","fullWidthModeKeys","useDropdownAriaProps","props","fullWidthMode","id","isOpen","placement","Placements","toggleHandler","triggerProps"],"mappings":"oIAQMA,EAAqB,gBACrBC,EAAqB,gBACrBC,EAA0B,4BAC1BC,EAAsB,wBAErB,IAAKC,GAAAA,IACVA,EAAA,IAAQ,MACRA,EAAA,aAAA,EAAgB,cAChBA,EAAA,IAAQ,MAHEA,IAAAA,GAAA,CAAA,CAAA,EAiCL,MAAMC,EAAwBC,GAAiE,CACpG,KAAM,CAAE,cAAAC,EAAe,GAAAC,EAAI,OAAAC,EAAQ,UAAAC,EAAYC,aAAW,aAAc,cAAAC,GAAkBN,EAEpFO,EAAe,CACnB,CAACb,CAAkB,EAAGS,EACtB,CAACR,CAAkB,EAAG,OAAOO,CAAE,EAC/B,QAASI,CAAA,EAQX,MAAO,CACL,aAPmB,CACnB,GAAAJ,EACA,CAACN,CAAuB,EAAGK,EAC3B,CAACJ,CAAmB,EAAGO,CAAA,EAKvB,aAAAG,CAAA,CAEJ"}

package/dist/components/Dropdown/useDropdownAriaProps.d.ts

@@ -0,0 +1,31 @@
+import { Booleanish, ClickEvent, DropdownFullWidthMode, PlacementDictionaryType } from '../../types';
+declare const NAME_ARIA_EXPANDED = "aria-expanded";
+declare const NAME_ARIA_CONTROLS = "aria-controls";
+declare const NAME_DATA_FULLWIDTHMODE = "data-spirit-fullwidthmode";
+declare const NAME_DATA_PLACEMENT = "data-spirit-placement";
+export declare enum fullWidthModeKeys {
+    'off' = "off",
+    'mobile-only' = "mobile-only",
+    'all' = "all"
+}
+export interface UseDropdownAriaPropsProps {
+    id: string;
+    isOpen: boolean;
+    fullWidthMode: DropdownFullWidthMode | undefined;
+    placement?: PlacementDictionaryType;
+    toggleHandler: (event: ClickEvent) => void;
+}
+export interface UseDropdownAriaPropsReturn {
+    contentProps: {
+        id: string;
+        [NAME_DATA_FULLWIDTHMODE]?: keyof typeof fullWidthModeKeys | undefined;
+        [NAME_DATA_PLACEMENT]?: PlacementDictionaryType;
+    };
+    triggerProps: {
+        [NAME_ARIA_EXPANDED]: Booleanish;
+        [NAME_ARIA_CONTROLS]: string;
+        onClick: (event: ClickEvent) => void;
+    };
+}
+export declare const useDropdownAriaProps: (props: UseDropdownAriaPropsProps) => UseDropdownAriaPropsReturn;
+export {};

package/dist/components/Dropdown/useDropdownAriaProps.js

@@ -0,0 +1,23 @@
+import { Placements as c } from "../../constants/dictionaries.js";
+const i = "aria-expanded", A = "aria-controls", l = "data-spirit-fullwidthmode", p = "data-spirit-placement";
+var E = /* @__PURE__ */ ((o) => (o.off = "off", o["mobile-only"] = "mobile-only", o.all = "all", o))(E || {});
+const m = (o) => {
+  const { fullWidthMode: n, id: t, isOpen: r, placement: e = c.BOTTOM_START, toggleHandler: s } = o, a = {
+    [i]: r,
+    [A]: String(t),
+    onClick: s
+  };
+  return {
+    contentProps: {
+      id: t,
+      [l]: n,
+      [p]: e
+    },
+    triggerProps: a
+  };
+};
+export {
+  E as fullWidthModeKeys,
+  m as useDropdownAriaProps
+};
+//# sourceMappingURL=useDropdownAriaProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDropdownAriaProps.js","sources":["../../../src/components/Dropdown/useDropdownAriaProps.ts"],"sourcesContent":["import { Placements } from '../../constants';\nimport {\n  type Booleanish,\n  type ClickEvent,\n  type DropdownFullWidthMode,\n  type PlacementDictionaryType,\n} from '../../types';\n\nconst NAME_ARIA_EXPANDED = 'aria-expanded';\nconst NAME_ARIA_CONTROLS = 'aria-controls';\nconst NAME_DATA_FULLWIDTHMODE = 'data-spirit-fullwidthmode';\nconst NAME_DATA_PLACEMENT = 'data-spirit-placement';\n\nexport enum fullWidthModeKeys {\n  'off' = 'off',\n  'mobile-only' = 'mobile-only',\n  'all' = 'all',\n}\nexport interface UseDropdownAriaPropsProps {\n  /** element ID */\n  id: string;\n  /** open state */\n  isOpen: boolean;\n  /** fullWidthMode */\n  fullWidthMode: DropdownFullWidthMode | undefined;\n  /** placement */\n  placement?: PlacementDictionaryType;\n  /** toggle callback */\n  toggleHandler: (event: ClickEvent) => void;\n}\n\nexport interface UseDropdownAriaPropsReturn {\n  /** content returned props */\n  contentProps: {\n    id: string;\n    [NAME_DATA_FULLWIDTHMODE]?: keyof typeof fullWidthModeKeys | undefined;\n    [NAME_DATA_PLACEMENT]?: PlacementDictionaryType;\n  };\n  /** trigger returned props */\n  triggerProps: {\n    [NAME_ARIA_EXPANDED]: Booleanish;\n    [NAME_ARIA_CONTROLS]: string;\n    onClick: (event: ClickEvent) => void;\n  };\n}\n\nexport const useDropdownAriaProps = (props: UseDropdownAriaPropsProps): UseDropdownAriaPropsReturn => {\n  const { fullWidthMode, id, isOpen, placement = Placements.BOTTOM_START, toggleHandler } = props;\n\n  const triggerProps = {\n    [NAME_ARIA_EXPANDED]: isOpen,\n    [NAME_ARIA_CONTROLS]: String(id),\n    onClick: toggleHandler,\n  };\n  const contentProps = {\n    id,\n    [NAME_DATA_FULLWIDTHMODE]: fullWidthMode,\n    [NAME_DATA_PLACEMENT]: placement,\n  };\n\n  return {\n    contentProps,\n    triggerProps,\n  };\n};\n"],"names":["NAME_ARIA_EXPANDED","NAME_ARIA_CONTROLS","NAME_DATA_FULLWIDTHMODE","NAME_DATA_PLACEMENT","fullWidthModeKeys","useDropdownAriaProps","props","fullWidthMode","id","isOpen","placement","Placements","toggleHandler","triggerProps"],"mappings":";AAQA,MAAMA,IAAqB,iBACrBC,IAAqB,iBACrBC,IAA0B,6BAC1BC,IAAsB;AAErB,IAAKC,sBAAAA,OACVA,EAAA,MAAQ,OACRA,EAAA,aAAA,IAAgB,eAChBA,EAAA,MAAQ,OAHEA,IAAAA,KAAA,CAAA,CAAA;AAiCL,MAAMC,IAAuB,CAACC,MAAiE;AACpG,QAAM,EAAE,eAAAC,GAAe,IAAAC,GAAI,QAAAC,GAAQ,WAAAC,IAAYC,EAAW,cAAc,eAAAC,MAAkBN,GAEpFO,IAAe;AAAA,IACnB,CAACb,CAAkB,GAAGS;AAAA,IACtB,CAACR,CAAkB,GAAG,OAAOO,CAAE;AAAA,IAC/B,SAASI;AAAA,EAAA;AAQX,SAAO;AAAA,IACL,cAPmB;AAAA,MACnB,IAAAJ;AAAA,MACA,CAACN,CAAuB,GAAGK;AAAA,MAC3B,CAACJ,CAAmB,GAAGO;AAAA,IAAA;AAAA,IAKvB,cAAAG;AAAA,EAAA;AAEJ;"}

package/dist/components/Dropdown/useDropdownStyleProps.cjs

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

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

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

package/dist/components/Dropdown/useDropdownStyleProps.d.ts

@@ -0,0 +1,10 @@
+import { DropdownStyleProps } from '../../types';
+export interface UseDropdownStylePropsReturn {
+    classProps: {
+        root: string;
+        trigger: string;
+        popover: string;
+    };
+    props: DropdownStyleProps;
+}
+export declare const useDropdownStyleProps: (props?: DropdownStyleProps) => UseDropdownStylePropsReturn;

package/dist/components/Dropdown/useDropdownStyleProps.js

@@ -0,0 +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);
+  return {
+    classProps: {
+      root: c,
+      trigger: C,
+      popover: d
+    },
+    props: a
+  };
+};
+export {
+  x as useDropdownStyleProps
+};
+//# sourceMappingURL=useDropdownStyleProps.js.map

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

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

package/dist/components/Dropdown.d.ts

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

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;