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

package/dist/components/Drawer/useDrawerStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDrawerStyleProps.cjs","sources":["../../../src/components/Drawer/useDrawerStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { CLASS_NAME_OPEN } from '../../constants';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type DrawerAlignmentXType, type DrawerPanelProps } from '../../types';\nimport { DRAWER_ALIGNMENT_DEFAULT } from './constants';\n\nexport interface UseDrawerStylesProps extends DrawerPanelProps {\n  drawerAlignmentX?: DrawerAlignmentXType;\n  isOpen?: boolean;\n}\n\nexport interface UseDrawerStylesReturn {\n  /** className props */\n  classProps: {\n    root: string;\n    panel: string;\n    content: string;\n    closeButton: string;\n  };\n}\n\nexport const useDrawerStyleProps = (props: UseDrawerStylesProps = {}): UseDrawerStylesReturn => {\n  const { drawerAlignmentX = DRAWER_ALIGNMENT_DEFAULT, isOpen = false } = props;\n\n  const drawerClass = useClassNamePrefix('Drawer');\n  const drawerAlignXClasses: Record<DrawerAlignmentXType, string> = {\n    left: `${drawerClass}--left`,\n    right: `${drawerClass}--right`,\n  };\n  const drawerPanelClass = `${drawerClass}Panel`;\n  const drawerContentClass = `${drawerPanelClass}__content`;\n  const drawerCloseButtonClass = `${drawerClass}CloseButton`;\n\n  const classProps = {\n    root: classNames(drawerClass, drawerAlignXClasses[drawerAlignmentX], {\n      [CLASS_NAME_OPEN]: isOpen,\n    }),\n    panel: drawerPanelClass,\n    content: drawerContentClass,\n    closeButton: drawerCloseButtonClass,\n  };\n\n  return {\n    classProps,\n  };\n};\n"],"names":["useDrawerStyleProps","props","drawerAlignmentX","DRAWER_ALIGNMENT_DEFAULT","isOpen","drawerClass","useClassNamePrefix","drawerAlignXClasses","drawerPanelClass","drawerContentClass","drawerCloseButtonClass","classNames","CLASS_NAME_OPEN"],"mappings":"oOAqBaA,EAAsB,CAACC,EAA8B,KAA8B,CAC9F,KAAM,CAAE,iBAAAC,EAAmBC,EAAAA,yBAA0B,OAAAC,EAAS,IAAUH,EAElEI,EAAcC,EAAAA,mBAAmB,QAAQ,EACzCC,EAA4D,CAChE,KAAM,GAAGF,CAAW,SACpB,MAAO,GAAGA,CAAW,SAAA,EAEjBG,EAAmB,GAAGH,CAAW,QACjCI,EAAqB,GAAGD,CAAgB,YACxCE,EAAyB,GAAGL,CAAW,cAW7C,MAAO,CACL,WAViB,CACjB,KAAMM,EAAWN,EAAaE,EAAoBL,CAAgB,EAAG,CACnE,CAACU,iBAAe,EAAGR,CAAA,CACpB,EACD,MAAOI,EACP,QAASC,EACT,YAAaC,CAAA,CAIb,CAEJ"}

package/dist/components/Drawer/useDrawerStyleProps.d.ts

@@ -0,0 +1,14 @@
+import { DrawerAlignmentXType, DrawerPanelProps } from '../../types';
+export interface UseDrawerStylesProps extends DrawerPanelProps {
+    drawerAlignmentX?: DrawerAlignmentXType;
+    isOpen?: boolean;
+}
+export interface UseDrawerStylesReturn {
+    classProps: {
+        root: string;
+        panel: string;
+        content: string;
+        closeButton: string;
+    };
+}
+export declare const useDrawerStyleProps: (props?: UseDrawerStylesProps) => UseDrawerStylesReturn;

package/dist/components/Drawer/useDrawerStyleProps.js

@@ -0,0 +1,24 @@
+import c from "classnames";
+import { CLASS_NAME_OPEN as i } from "../../constants/classes.js";
+import { useClassNamePrefix as m } from "../../hooks/useClassNamePrefix.js";
+import { DRAWER_ALIGNMENT_DEFAULT as p } from "./constants.js";
+const P = (t = {}) => {
+  const { drawerAlignmentX: e = p, isOpen: o = !1 } = t, s = m("Drawer"), n = {
+    left: `${s}--left`,
+    right: `${s}--right`
+  }, r = `${s}Panel`, a = `${r}__content`, l = `${s}CloseButton`;
+  return {
+    classProps: {
+      root: c(s, n[e], {
+        [i]: o
+      }),
+      panel: r,
+      content: a,
+      closeButton: l
+    }
+  };
+};
+export {
+  P as useDrawerStyleProps
+};
+//# sourceMappingURL=useDrawerStyleProps.js.map

package/dist/components/Drawer/useDrawerStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDrawerStyleProps.js","sources":["../../../src/components/Drawer/useDrawerStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { CLASS_NAME_OPEN } from '../../constants';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type DrawerAlignmentXType, type DrawerPanelProps } from '../../types';\nimport { DRAWER_ALIGNMENT_DEFAULT } from './constants';\n\nexport interface UseDrawerStylesProps extends DrawerPanelProps {\n  drawerAlignmentX?: DrawerAlignmentXType;\n  isOpen?: boolean;\n}\n\nexport interface UseDrawerStylesReturn {\n  /** className props */\n  classProps: {\n    root: string;\n    panel: string;\n    content: string;\n    closeButton: string;\n  };\n}\n\nexport const useDrawerStyleProps = (props: UseDrawerStylesProps = {}): UseDrawerStylesReturn => {\n  const { drawerAlignmentX = DRAWER_ALIGNMENT_DEFAULT, isOpen = false } = props;\n\n  const drawerClass = useClassNamePrefix('Drawer');\n  const drawerAlignXClasses: Record<DrawerAlignmentXType, string> = {\n    left: `${drawerClass}--left`,\n    right: `${drawerClass}--right`,\n  };\n  const drawerPanelClass = `${drawerClass}Panel`;\n  const drawerContentClass = `${drawerPanelClass}__content`;\n  const drawerCloseButtonClass = `${drawerClass}CloseButton`;\n\n  const classProps = {\n    root: classNames(drawerClass, drawerAlignXClasses[drawerAlignmentX], {\n      [CLASS_NAME_OPEN]: isOpen,\n    }),\n    panel: drawerPanelClass,\n    content: drawerContentClass,\n    closeButton: drawerCloseButtonClass,\n  };\n\n  return {\n    classProps,\n  };\n};\n"],"names":["useDrawerStyleProps","props","drawerAlignmentX","DRAWER_ALIGNMENT_DEFAULT","isOpen","drawerClass","useClassNamePrefix","drawerAlignXClasses","drawerPanelClass","drawerContentClass","drawerCloseButtonClass","classNames","CLASS_NAME_OPEN"],"mappings":";;;;AAqBO,MAAMA,IAAsB,CAACC,IAA8B,OAA8B;AAC9F,QAAM,EAAE,kBAAAC,IAAmBC,GAA0B,QAAAC,IAAS,OAAUH,GAElEI,IAAcC,EAAmB,QAAQ,GACzCC,IAA4D;AAAA,IAChE,MAAM,GAAGF,CAAW;AAAA,IACpB,OAAO,GAAGA,CAAW;AAAA,EAAA,GAEjBG,IAAmB,GAAGH,CAAW,SACjCI,IAAqB,GAAGD,CAAgB,aACxCE,IAAyB,GAAGL,CAAW;AAW7C,SAAO;AAAA,IACL,YAViB;AAAA,MACjB,MAAMM,EAAWN,GAAaE,EAAoBL,CAAgB,GAAG;AAAA,QACnE,CAACU,CAAe,GAAGR;AAAA,MAAA,CACpB;AAAA,MACD,OAAOI;AAAA,MACP,SAASC;AAAA,MACT,aAAaC;AAAA,IAAA;AAAA,EAIb;AAEJ;"}

package/dist/components/Drawer.d.ts

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

package/dist/components/Dropdown/Dropdown.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),D=require("classnames"),i=require("react"),R=require("../../hooks/styleProps.cjs"),S=require("../../hooks/useClickOutside.cjs"),b=require("./DropdownContext.cjs"),h=require("./useDropdownStyleProps.cjs"),c=p=>{const{children:d,enableAutoClose:a=!0,fullWidthMode:f,id:P,isOpen:e=!1,onAutoClose:r,onToggle:s,placement:y,...m}=p,{classProps:g,props:q}=h.useDropdownStyleProps({isOpen:e,...m}),{styleProps:t,props:w}=R.useStyleProps(q),o=i.useRef(null),n=i.useRef(),C=l=>{a&&(n?.current?.contains(l?.target)||(r&&r(l),s&&e&&s()))};return S.useClickOutside({ref:o,callback:C}),u.jsx(b.DropdownProvider,{value:{id:P,isOpen:e,fullWidthMode:f,placement:y,onToggle:s,dropdownRef:o,triggerRef:n},children:u.jsx("div",{ref:o,className:D(g.root,t.className),style:t.style,...w,children:d})})};c.spiritComponent="Dropdown";exports.default=c;
+//# sourceMappingURL=Dropdown.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.cjs","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { useRef } from 'react';\nimport { useClickOutside, useStyleProps } from '../../hooks';\nimport { type SpiritDropdownProps } from '../../types';\nimport { DropdownProvider } from './DropdownContext';\nimport { useDropdownStyleProps } from './useDropdownStyleProps';\n\nconst Dropdown = (props: SpiritDropdownProps) => {\n  const {\n    children,\n    enableAutoClose = true,\n    fullWidthMode,\n    id,\n    isOpen = false,\n    onAutoClose,\n    onToggle,\n    placement,\n    ...rest\n  } = props;\n  const { classProps, props: modifiedProps } = useDropdownStyleProps({ isOpen, ...rest });\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLDivElement>();\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      onToggle && isOpen && onToggle();\n    }\n  };\n\n  useClickOutside({ ref: dropdownRef, callback: closeHandler });\n\n  return (\n    <DropdownProvider value={{ id, isOpen, fullWidthMode, placement, onToggle, dropdownRef, triggerRef }}>\n      <div\n        ref={dropdownRef}\n        className={classNames(classProps.root, styleProps.className)}\n        style={styleProps.style}\n        {...otherProps}\n      >\n        {children}\n      </div>\n    </DropdownProvider>\n  );\n};\n\nDropdown.spiritComponent = 'Dropdown';\n\nexport default Dropdown;\n"],"names":["Dropdown","props","children","enableAutoClose","fullWidthMode","id","isOpen","onAutoClose","onToggle","placement","rest","classProps","modifiedProps","useDropdownStyleProps","styleProps","otherProps","useStyleProps","dropdownRef","useRef","triggerRef","closeHandler","event","useClickOutside","jsx","DropdownProvider","classNames"],"mappings":"0WASMA,EAAYC,GAA+B,CAC/C,KAAM,CACJ,SAAAC,EACA,gBAAAC,EAAkB,GAClB,cAAAC,EACA,GAAAC,EACA,OAAAC,EAAS,GACT,YAAAC,EACA,SAAAC,EACA,UAAAC,EACA,GAAGC,CAAA,EACDT,EACE,CAAE,WAAAU,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,sBAAsB,CAAE,OAAAP,EAAQ,GAAGI,EAAM,EAChF,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAE/DK,EAAcC,EAAAA,OAAuB,IAAI,EACzCC,EAAaD,EAAAA,OAAA,EAEbE,EAAgBC,GAAiB,CAChClB,IAIAgB,GAAY,SAAS,SAASE,GAAO,MAAc,IAClDd,GACFA,EAAYc,CAAK,EAGnBb,GAAYF,GAAUE,EAAA,GAE1B,EAEAc,OAAAA,EAAAA,gBAAgB,CAAE,IAAKL,EAAa,SAAUG,EAAc,EAG1DG,EAAAA,IAACC,EAAAA,iBAAA,CAAiB,MAAO,CAAE,GAAAnB,EAAI,OAAAC,EAAQ,cAAAF,EAAe,UAAAK,EAAW,SAAAD,EAAU,YAAAS,EAAa,WAAAE,CAAA,EACtF,SAAAI,EAAAA,IAAC,MAAA,CACC,IAAKN,EACL,UAAWQ,EAAWd,EAAW,KAAMG,EAAW,SAAS,EAC3D,MAAOA,EAAW,MACjB,GAAGC,EAEH,SAAAb,CAAA,CAAA,EAEL,CAEJ,EAEAF,EAAS,gBAAkB"}

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

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

package/dist/components/Dropdown/Dropdown.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { useRef } from 'react';\nimport { useClickOutside, useStyleProps } from '../../hooks';\nimport { type SpiritDropdownProps } from '../../types';\nimport { DropdownProvider } from './DropdownContext';\nimport { useDropdownStyleProps } from './useDropdownStyleProps';\n\nconst Dropdown = (props: SpiritDropdownProps) => {\n  const {\n    children,\n    enableAutoClose = true,\n    fullWidthMode,\n    id,\n    isOpen = false,\n    onAutoClose,\n    onToggle,\n    placement,\n    ...rest\n  } = props;\n  const { classProps, props: modifiedProps } = useDropdownStyleProps({ isOpen, ...rest });\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLDivElement>();\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      onToggle && isOpen && onToggle();\n    }\n  };\n\n  useClickOutside({ ref: dropdownRef, callback: closeHandler });\n\n  return (\n    <DropdownProvider value={{ id, isOpen, fullWidthMode, placement, onToggle, dropdownRef, triggerRef }}>\n      <div\n        ref={dropdownRef}\n        className={classNames(classProps.root, styleProps.className)}\n        style={styleProps.style}\n        {...otherProps}\n      >\n        {children}\n      </div>\n    </DropdownProvider>\n  );\n};\n\nDropdown.spiritComponent = 'Dropdown';\n\nexport default Dropdown;\n"],"names":["Dropdown","props","children","enableAutoClose","fullWidthMode","id","isOpen","onAutoClose","onToggle","placement","rest","classProps","modifiedProps","useDropdownStyleProps","styleProps","otherProps","useStyleProps","dropdownRef","useRef","triggerRef","useClickOutside","event","jsx","DropdownProvider","classNames"],"mappings":";;;;;;;;AASA,MAAMA,IAAW,CAACC,MAA+B;AAC/C,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,eAAAC;AAAA,IACA,IAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDT,GACE,EAAE,YAAAU,GAAY,OAAOC,EAAA,IAAkBC,EAAsB,EAAE,QAAAP,GAAQ,GAAGI,GAAM,GAChF,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAE/DK,IAAcC,EAAuB,IAAI,GACzCC,IAAaD,EAAA;AAgBnB,SAAAE,EAAgB,EAAE,KAAKH,GAAa,UAdf,CAACI,MAAiB;AACrC,IAAKlB,MAIAgB,GAAY,SAAS,SAASE,GAAO,MAAc,MAClDd,KACFA,EAAYc,CAAK,GAGnBb,KAAYF,KAAUE,EAAA;AAAA,EAE1B,GAE4D,GAG1D,gBAAAc,EAACC,GAAA,EAAiB,OAAO,EAAE,IAAAlB,GAAI,QAAAC,GAAQ,eAAAF,GAAe,WAAAK,GAAW,UAAAD,GAAU,aAAAS,GAAa,YAAAE,EAAA,GACtF,UAAA,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKL;AAAA,MACL,WAAWO,EAAWb,EAAW,MAAMG,EAAW,SAAS;AAAA,MAC3D,OAAOA,EAAW;AAAA,MACjB,GAAGC;AAAA,MAEH,UAAAb;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;AAEAF,EAAS,kBAAkB;"}

package/dist/components/Dropdown/DropdownContext.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),t=require("../../constants/dictionaries.cjs"),r=require("./useDropdownAriaProps.cjs"),n={dropdownRef:{current:null},fullWidthMode:r.fullWidthModeKeys.off,id:"",isOpen:!1,onToggle:()=>{},placement:t.Placements.BOTTOM_START,triggerRef:{current:void 0}},e=o.createContext(n),s=e.Provider;e.Consumer;const d=()=>o.useContext(e);exports.DropdownProvider=s;exports.default=e;exports.useDropdownContext=d;
+//# sourceMappingURL=DropdownContext.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownContext.cjs","sources":["../../../src/components/Dropdown/DropdownContext.ts"],"sourcesContent":["'use client';\n\nimport { type MutableRefObject, createContext, useContext } from 'react';\nimport { Placements } from '../../constants';\nimport { type ClickEvent, type PlacementDictionaryType } from '../../types';\nimport { fullWidthModeKeys } from './useDropdownAriaProps';\n\ntype DropdownContextType = {\n  dropdownRef: MutableRefObject<HTMLElement | null>;\n  fullWidthMode?: keyof typeof fullWidthModeKeys;\n  id: string;\n  isOpen: boolean;\n  onToggle: (event: ClickEvent) => void;\n  placement?: PlacementDictionaryType;\n  triggerRef: MutableRefObject<HTMLElement | undefined>;\n};\n\nconst defaultContext: DropdownContextType = {\n  dropdownRef: { current: null },\n  fullWidthMode: fullWidthModeKeys.off,\n  id: '',\n  isOpen: false,\n  onToggle: () => {},\n  placement: Placements.BOTTOM_START,\n  triggerRef: { current: undefined },\n};\n\nconst DropdownContext = createContext<DropdownContextType>(defaultContext);\nconst DropdownProvider = DropdownContext.Provider;\nconst DropdownConsumer = DropdownContext.Consumer;\nconst useDropdownContext = (): DropdownContextType => useContext(DropdownContext);\n\nexport default DropdownContext;\nexport { DropdownConsumer, DropdownProvider, useDropdownContext };\nexport type { DropdownContextType };\n"],"names":["defaultContext","fullWidthModeKeys","Placements","DropdownContext","createContext","DropdownProvider","useDropdownContext","useContext"],"mappings":"wOAiBMA,EAAsC,CAC1C,YAAa,CAAE,QAAS,IAAA,EACxB,cAAeC,EAAAA,kBAAkB,IACjC,GAAI,GACJ,OAAQ,GACR,SAAU,IAAM,CAAC,EACjB,UAAWC,EAAAA,WAAW,aACtB,WAAY,CAAE,QAAS,MAAA,CACzB,EAEMC,EAAkBC,EAAAA,cAAmCJ,CAAc,EACnEK,EAAmBF,EAAgB,SAChBA,EAAgB,SACzC,MAAMG,EAAqB,IAA2BC,EAAAA,WAAWJ,CAAe"}

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

@@ -0,0 +1,19 @@
+import { MutableRefObject } from 'react';
+import { ClickEvent, PlacementDictionaryType } from '../../types';
+import { fullWidthModeKeys } from './useDropdownAriaProps';
+type DropdownContextType = {
+    dropdownRef: MutableRefObject<HTMLElement | null>;
+    fullWidthMode?: keyof typeof fullWidthModeKeys;
+    id: string;
+    isOpen: boolean;
+    onToggle: (event: ClickEvent) => void;
+    placement?: PlacementDictionaryType;
+    triggerRef: MutableRefObject<HTMLElement | undefined>;
+};
+declare const DropdownContext: React.Context<DropdownContextType>;
+declare const DropdownProvider: React.Provider<DropdownContextType>;
+declare const DropdownConsumer: React.Consumer<DropdownContextType>;
+declare const useDropdownContext: () => DropdownContextType;
+export default DropdownContext;
+export { DropdownConsumer, DropdownProvider, useDropdownContext };
+export type { DropdownContextType };

package/dist/components/Dropdown/DropdownContext.js

@@ -0,0 +1,22 @@
+"use client";
+import { createContext as o, useContext as t } from "react";
+import { Placements as r } from "../../constants/dictionaries.js";
+import { fullWidthModeKeys as n } from "./useDropdownAriaProps.js";
+const d = {
+  dropdownRef: { current: null },
+  fullWidthMode: n.off,
+  id: "",
+  isOpen: !1,
+  onToggle: () => {
+  },
+  placement: r.BOTTOM_START,
+  triggerRef: { current: void 0 }
+}, e = o(d), f = e.Provider;
+e.Consumer;
+const u = () => t(e);
+export {
+  f as DropdownProvider,
+  e as default,
+  u as useDropdownContext
+};
+//# sourceMappingURL=DropdownContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownContext.js","sources":["../../../src/components/Dropdown/DropdownContext.ts"],"sourcesContent":["'use client';\n\nimport { type MutableRefObject, createContext, useContext } from 'react';\nimport { Placements } from '../../constants';\nimport { type ClickEvent, type PlacementDictionaryType } from '../../types';\nimport { fullWidthModeKeys } from './useDropdownAriaProps';\n\ntype DropdownContextType = {\n  dropdownRef: MutableRefObject<HTMLElement | null>;\n  fullWidthMode?: keyof typeof fullWidthModeKeys;\n  id: string;\n  isOpen: boolean;\n  onToggle: (event: ClickEvent) => void;\n  placement?: PlacementDictionaryType;\n  triggerRef: MutableRefObject<HTMLElement | undefined>;\n};\n\nconst defaultContext: DropdownContextType = {\n  dropdownRef: { current: null },\n  fullWidthMode: fullWidthModeKeys.off,\n  id: '',\n  isOpen: false,\n  onToggle: () => {},\n  placement: Placements.BOTTOM_START,\n  triggerRef: { current: undefined },\n};\n\nconst DropdownContext = createContext<DropdownContextType>(defaultContext);\nconst DropdownProvider = DropdownContext.Provider;\nconst DropdownConsumer = DropdownContext.Consumer;\nconst useDropdownContext = (): DropdownContextType => useContext(DropdownContext);\n\nexport default DropdownContext;\nexport { DropdownConsumer, DropdownProvider, useDropdownContext };\nexport type { DropdownContextType };\n"],"names":["defaultContext","fullWidthModeKeys","Placements","DropdownContext","createContext","DropdownProvider","useDropdownContext","useContext"],"mappings":";;;;AAiBA,MAAMA,IAAsC;AAAA,EAC1C,aAAa,EAAE,SAAS,KAAA;AAAA,EACxB,eAAeC,EAAkB;AAAA,EACjC,IAAI;AAAA,EACJ,QAAQ;AAAA,EACR,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,WAAWC,EAAW;AAAA,EACtB,YAAY,EAAE,SAAS,OAAA;AACzB,GAEMC,IAAkBC,EAAmCJ,CAAc,GACnEK,IAAmBF,EAAgB;AAChBA,EAAgB;AACzC,MAAMG,IAAqB,MAA2BC,EAAWJ,CAAe;"}

package/dist/components/Dropdown/DropdownPopover.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("react/jsx-runtime"),m=require("classnames"),w=require("../../hooks/styleProps.cjs"),D=require("./DropdownContext.cjs"),g=require("./useDropdownAriaProps.cjs"),q=require("./useDropdownStyleProps.cjs"),s=r=>{const{children:t,...n}=r,{id:p,isOpen:e,onToggle:l,fullWidthMode:i,placement:u}=D.useDropdownContext(),{classProps:c,props:d}=q.useDropdownStyleProps({isOpen:e,...n}),{styleProps:o,props:a}=w.useStyleProps(d),{contentProps:P}=g.useDropdownAriaProps({id:p,isOpen:e,toggleHandler:l,placement:u,fullWidthMode:i});return y.jsx("div",{className:m(c.popover,o.className),style:o.style,...P,...a,children:t})};s.spiritComponent="DropdownPopover";exports.default=s;
+//# sourceMappingURL=DropdownPopover.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownPopover.cjs","sources":["../../../src/components/Dropdown/DropdownPopover.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type ChildrenProps, type StyleProps } from '../../types';\nimport { useDropdownContext } from './DropdownContext';\nimport { useDropdownAriaProps } from './useDropdownAriaProps';\nimport { useDropdownStyleProps } from './useDropdownStyleProps';\n\ninterface DropdownPopoverProps extends ChildrenProps, StyleProps {}\n\nconst DropdownPopover = (props: DropdownPopoverProps) => {\n  const { children, ...rest } = props;\n  const { id, isOpen, onToggle, fullWidthMode, placement } = useDropdownContext();\n  const { classProps, props: modifiedProps } = useDropdownStyleProps({ isOpen, ...rest });\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const { contentProps } = useDropdownAriaProps({ id, isOpen, toggleHandler: onToggle, placement, fullWidthMode });\n\n  return (\n    <div\n      className={classNames(classProps.popover, styleProps.className)}\n      style={styleProps.style}\n      {...contentProps}\n      {...otherProps}\n    >\n      {children}\n    </div>\n  );\n};\n\nDropdownPopover.spiritComponent = 'DropdownPopover';\n\nexport default DropdownPopover;\n"],"names":["DropdownPopover","props","children","rest","id","isOpen","onToggle","fullWidthMode","placement","useDropdownContext","classProps","modifiedProps","useDropdownStyleProps","styleProps","otherProps","useStyleProps","contentProps","useDropdownAriaProps","jsx","classNames"],"mappings":"kVAYMA,EAAmBC,GAAgC,CACvD,KAAM,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAASF,EACxB,CAAE,GAAAG,EAAI,OAAAC,EAAQ,SAAAC,EAAU,cAAAC,EAAe,UAAAC,CAAA,EAAcC,qBAAA,EACrD,CAAE,WAAAC,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,sBAAsB,CAAE,OAAAP,EAAQ,GAAGF,EAAM,EAChF,CAAA,WAAEU,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/D,CAAE,aAAAK,CAAA,EAAiBC,EAAAA,qBAAqB,CAAE,GAAAb,EAAI,OAAAC,EAAQ,cAAeC,EAAU,UAAAE,EAAW,cAAAD,EAAe,EAE/G,OACEW,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAWT,EAAW,QAASG,EAAW,SAAS,EAC9D,MAAOA,EAAW,MACjB,GAAGG,EACH,GAAGF,EAEH,SAAAZ,CAAA,CAAA,CAGP,EAEAF,EAAgB,gBAAkB"}

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { ChildrenProps, StyleProps } from '../../types';
+interface DropdownPopoverProps extends ChildrenProps, StyleProps {
+}
+declare const DropdownPopover: {
+    (props: DropdownPopoverProps): React.JSX.Element;
+    spiritComponent: string;
+};
+export default DropdownPopover;

package/dist/components/Dropdown/DropdownPopover.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as P } from "react/jsx-runtime";
+import f from "classnames";
+import { useStyleProps as u } from "../../hooks/styleProps.js";
+import { useDropdownContext as w } from "./DropdownContext.js";
+import { useDropdownAriaProps as y } from "./useDropdownAriaProps.js";
+import { useDropdownStyleProps as D } from "./useDropdownStyleProps.js";
+const g = (s) => {
+  const { children: e, ...t } = s, { id: p, isOpen: o, onToggle: n, fullWidthMode: i, placement: l } = w(), { classProps: m, props: c } = D({ isOpen: o, ...t }), { styleProps: r, props: d } = u(c), { contentProps: a } = y({ id: p, isOpen: o, toggleHandler: n, placement: l, fullWidthMode: i });
+  return /* @__PURE__ */ P(
+    "div",
+    {
+      className: f(m.popover, r.className),
+      style: r.style,
+      ...a,
+      ...d,
+      children: e
+    }
+  );
+};
+g.spiritComponent = "DropdownPopover";
+export {
+  g as default
+};
+//# sourceMappingURL=DropdownPopover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownPopover.js","sources":["../../../src/components/Dropdown/DropdownPopover.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type ChildrenProps, type StyleProps } from '../../types';\nimport { useDropdownContext } from './DropdownContext';\nimport { useDropdownAriaProps } from './useDropdownAriaProps';\nimport { useDropdownStyleProps } from './useDropdownStyleProps';\n\ninterface DropdownPopoverProps extends ChildrenProps, StyleProps {}\n\nconst DropdownPopover = (props: DropdownPopoverProps) => {\n  const { children, ...rest } = props;\n  const { id, isOpen, onToggle, fullWidthMode, placement } = useDropdownContext();\n  const { classProps, props: modifiedProps } = useDropdownStyleProps({ isOpen, ...rest });\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const { contentProps } = useDropdownAriaProps({ id, isOpen, toggleHandler: onToggle, placement, fullWidthMode });\n\n  return (\n    <div\n      className={classNames(classProps.popover, styleProps.className)}\n      style={styleProps.style}\n      {...contentProps}\n      {...otherProps}\n    >\n      {children}\n    </div>\n  );\n};\n\nDropdownPopover.spiritComponent = 'DropdownPopover';\n\nexport default DropdownPopover;\n"],"names":["DropdownPopover","props","children","rest","id","isOpen","onToggle","fullWidthMode","placement","useDropdownContext","classProps","modifiedProps","useDropdownStyleProps","styleProps","otherProps","useStyleProps","contentProps","useDropdownAriaProps","jsx","classNames"],"mappings":";;;;;;;AAYA,MAAMA,IAAkB,CAACC,MAAgC;AACvD,QAAM,EAAE,UAAAC,GAAU,GAAGC,EAAA,IAASF,GACxB,EAAE,IAAAG,GAAI,QAAAC,GAAQ,UAAAC,GAAU,eAAAC,GAAe,WAAAC,EAAA,IAAcC,EAAA,GACrD,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAkBC,EAAsB,EAAE,QAAAP,GAAQ,GAAGF,GAAM,GAChF,EAAE,YAAAU,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/D,EAAE,cAAAK,EAAA,IAAiBC,EAAqB,EAAE,IAAAb,GAAI,QAAAC,GAAQ,eAAeC,GAAU,WAAAE,GAAW,eAAAD,GAAe;AAE/G,SACE,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAWT,EAAW,SAASG,EAAW,SAAS;AAAA,MAC9D,OAAOA,EAAW;AAAA,MACjB,GAAGG;AAAA,MACH,GAAGF;AAAA,MAEH,UAAAZ;AAAA,IAAA;AAAA,EAAA;AAGP;AAEAF,EAAgB,kBAAkB;"}

package/dist/components/Dropdown/DropdownTrigger.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-runtime"),D=require("../../hooks/styleProps.cjs"),S=require("../../utils/mergeStyleProps.cjs"),w=require("./DropdownContext.cjs"),T=require("./useDropdownAriaProps.cjs"),q=require("./useDropdownStyleProps.cjs"),b={elementType:"button"},t=s=>{const n={...b,...s},{elementType:o="button",children:e,...p}=n,{id:i,isOpen:r,onToggle:l,fullWidthMode:u,triggerRef:c}=w.useDropdownContext(),{classProps:d,props:g}=q.useDropdownStyleProps({isOpen:r,...p}),{styleProps:P,props:a}=D.useStyleProps(g),y=S.mergeStyleProps(o,{classProps:d.trigger,triggerStyleProps:P}),{triggerProps:f}=T.useDropdownAriaProps({id:i,isOpen:r,toggleHandler:l,fullWidthMode:u});return m.jsx(o,{...a,...f,...y,ref:c,children:typeof e=="function"?e({isOpen:r}):e})};t.spiritComponent="DropdownTrigger";exports.default=t;
+//# sourceMappingURL=DropdownTrigger.cjs.map

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

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

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

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

package/dist/components/Dropdown/DropdownTrigger.js

@@ -0,0 +1,18 @@
+"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 = {
+  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 });
+};
+x.spiritComponent = "DropdownTrigger";
+export {
+  x as default
+};
+//# sourceMappingURL=DropdownTrigger.js.map

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

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

package/dist/components/Dropdown/UncontrolledDropdown.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),q=require("classnames"),t=require("react"),y=require("../../hooks/styleProps.cjs"),R=require("./DropdownContext.cjs"),v=require("./useDropdown.cjs"),S=require("./useDropdownStyleProps.cjs"),n=l=>{const{children:u,enableAutoClose:c=!0,fullWidthMode:p,id:d,onAutoClose:i,placement:a,...P}=l,{classProps:f,props:w}=S.useDropdownStyleProps(P),{styleProps:o,props:g}=y.useStyleProps(w),e=t.useRef(null),s=t.useRef(),{isOpen:m,toggleHandler:D}=v.useDropdown({dropdownRef:e,triggerRef:s,enableAutoClose:c,onAutoClose:i});return r.jsx(R.DropdownProvider,{value:{id:d,isOpen:m,fullWidthMode:p,placement:a,onToggle:D,dropdownRef:e,triggerRef:s},children:r.jsx("div",{ref:e,...o,...g,className:q(f.root,o.className),children:u})})};n.spiritComponent="UncontrolledDropdown";exports.default=n;
+//# sourceMappingURL=UncontrolledDropdown.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UncontrolledDropdown.cjs","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":"4VAUMA,EAAwBC,GAAqC,CACjE,KAAM,CAAE,SAAAC,EAAU,gBAAAC,EAAkB,GAAM,cAAAC,EAAe,GAAAC,EAAI,YAAAC,EAAa,UAAAC,EAAW,GAAGC,CAAA,EAASP,EAC3F,CAAE,WAAAQ,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,sBAAsBH,CAAI,EACjE,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAE/DK,EAAcC,EAAAA,OAAuB,IAAI,EACzCC,EAAaD,EAAAA,OAAA,EAEb,CAAE,OAAAE,EAAQ,cAAeC,GAAaC,EAAAA,YAAY,CAAE,YAAAL,EAAa,WAAAE,EAAY,gBAAAd,EAAiB,YAAAG,EAAa,EAEjH,OACEe,EAAAA,IAACC,EAAAA,iBAAA,CAAiB,MAAO,CAAE,GAAAjB,EAAI,OAAAa,EAAQ,cAAAd,EAAe,UAAAG,EAAW,SAAAY,EAAU,YAAAJ,EAAa,WAAAE,CAAA,EACtF,SAAAI,EAAAA,IAAC,MAAA,CACC,IAAKN,EACJ,GAAGH,EACH,GAAGC,EACJ,UAAWU,EAAWd,EAAW,KAAMG,EAAW,SAAS,EAE1D,SAAAV,CAAA,CAAA,EAEL,CAEJ,EAEAF,EAAqB,gBAAkB"}

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