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

package/dist/components/Drawer/Drawer.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import u from "classnames";
+import { useStyleProps as f } from "../../hooks/styleProps.js";
+import { useLastActiveFocus as D } from "../../hooks/useLastActiveFocus.js";
+import P from "../Dialog/Dialog.js";
+import { DRAWER_ALIGNMENT_DEFAULT as d } from "./constants.js";
+import { DrawerProvider as w } from "./DrawerContext.js";
+import { useDrawerStyleProps as A } from "./useDrawerStyleProps.js";
+const N = (m) => {
+  const { children: i, alignmentX: p = d, isOpen: r, onClose: o, id: s, ...a } = m, { classProps: n } = A({ drawerAlignmentX: p }), { styleProps: e, props: l } = f(a), c = {
+    id: s,
+    isOpen: r,
+    onClose: o
+  };
+  return D(r), /* @__PURE__ */ t(w, { value: c, children: /* @__PURE__ */ t(
+    P,
+    {
+      ...l,
+      ...e,
+      id: s,
+      isOpen: r,
+      onClose: o,
+      className: u(n.root, e.className),
+      children: i
+    }
+  ) });
+};
+N.spiritComponent = "Drawer";
+export {
+  N as default
+};
+//# sourceMappingURL=Drawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useLastActiveFocus, useStyleProps } from '../../hooks';\nimport { type SpiritDrawerProps } from '../../types';\nimport { Dialog } from '../Dialog';\nimport { DRAWER_ALIGNMENT_DEFAULT } from './constants';\nimport { DrawerProvider } from './DrawerContext';\nimport { useDrawerStyleProps } from './useDrawerStyleProps';\n\nconst Drawer = (props: SpiritDrawerProps) => {\n  const { children, alignmentX = DRAWER_ALIGNMENT_DEFAULT, isOpen, onClose, id, ...restProps } = props;\n  const { classProps } = useDrawerStyleProps({ drawerAlignmentX: alignmentX });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  const contextValue = {\n    id,\n    isOpen,\n    onClose,\n  };\n\n  useLastActiveFocus(isOpen);\n\n  return (\n    <DrawerProvider value={contextValue}>\n      <Dialog\n        {...otherProps}\n        {...styleProps}\n        id={id}\n        isOpen={isOpen}\n        onClose={onClose}\n        className={classNames(classProps.root, styleProps.className)}\n      >\n        {children}\n      </Dialog>\n    </DrawerProvider>\n  );\n};\n\nDrawer.spiritComponent = 'Drawer';\n\nexport default Drawer;\n"],"names":["Drawer","props","children","alignmentX","DRAWER_ALIGNMENT_DEFAULT","isOpen","onClose","id","restProps","classProps","useDrawerStyleProps","styleProps","otherProps","useStyleProps","contextValue","useLastActiveFocus","jsx","DrawerProvider","Dialog","classNames"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAS,CAACC,MAA6B;AAC3C,QAAM,EAAE,UAAAC,GAAU,YAAAC,IAAaC,GAA0B,QAAAC,GAAQ,SAAAC,GAAS,IAAAC,GAAI,GAAGC,EAAA,IAAcP,GACzF,EAAE,YAAAQ,EAAA,IAAeC,EAAoB,EAAE,kBAAkBP,GAAY,GACrE,EAAE,YAAAQ,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAS,GAE3DM,IAAe;AAAA,IACnB,IAAAP;AAAA,IACA,QAAAF;AAAA,IACA,SAAAC;AAAA,EAAA;AAGF,SAAAS,EAAmBV,CAAM,GAGvB,gBAAAW,EAACC,GAAA,EAAe,OAAOH,GACrB,UAAA,gBAAAE;AAAA,IAACE;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACH,GAAGD;AAAA,MACJ,IAAAJ;AAAA,MACA,QAAAF;AAAA,MACA,SAAAC;AAAA,MACA,WAAWa,EAAWV,EAAW,MAAME,EAAW,SAAS;AAAA,MAE1D,UAAAT;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;AAEAF,EAAO,kBAAkB;"}

package/dist/components/Drawer/DrawerCloseButton.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),x=require("classnames"),o=require("../../constants/dictionaries.cjs"),C=require("../../hooks/styleProps.cjs"),D=require("../../hooks/useI18n.cjs"),B=require("../Button/Button.cjs"),f=require("../Icon/Icon.cjs"),w=require("../Icon/constants.cjs"),z=require("../VisuallyHidden/VisuallyHidden.cjs"),E=require("./DrawerContext.cjs"),I=require("./useDrawerStyleProps.cjs"),_={color:o.ComponentButtonColors.TERTIARY,iconBoxSize:w.DEFAULT_BOX_SIZE,size:o.Sizes.MEDIUM},t=r=>{const n={..._,...r},{color:c,iconBoxSize:l,label:i,size:u,...a}=n,{t:p}=D.useI18n(),d=i??p("common.close"),{id:S,isOpen:m,onClose:q}=E.useDrawerContext(),{classProps:y}=I.useDrawerStyleProps(),{styleProps:s,props:P}=C.useStyleProps(a);return e.jsxs(B.default,{...P,"aria-expanded":m,"aria-controls":S,onClick:q,color:c,size:u,UNSAFE_className:x(y.closeButton,s.className),UNSAFE_style:s.style,isSymmetrical:!0,children:[e.jsx(f.default,{name:"close",boxSize:l}),e.jsx(z.default,{children:d})]})};t.spiritComponent="DrawerCloseButton";exports.default=t;
+//# sourceMappingURL=DrawerCloseButton.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerCloseButton.cjs","sources":["../../../src/components/Drawer/DrawerCloseButton.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { ComponentButtonColors, Sizes } from '../../constants';\nimport { useI18n, useStyleProps } from '../../hooks';\nimport { type DrawerCloseButtonProps } from '../../types';\nimport { Button } from '../Button';\nimport { Icon } from '../Icon';\nimport { DEFAULT_BOX_SIZE } from '../Icon/constants';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { useDrawerContext } from './DrawerContext';\nimport { useDrawerStyleProps } from './useDrawerStyleProps';\n\nconst defaultProps: Partial<DrawerCloseButtonProps> = {\n  color: ComponentButtonColors.TERTIARY,\n  iconBoxSize: DEFAULT_BOX_SIZE,\n  size: Sizes.MEDIUM,\n};\n\nconst DrawerCloseButton = (props: DrawerCloseButtonProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { color, iconBoxSize, label, size, ...restProps } = propsWithDefaults;\n  const { t } = useI18n();\n  const closeLabel = label ?? t('common.close');\n  const { id, isOpen, onClose } = useDrawerContext();\n\n  const { classProps } = useDrawerStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  return (\n    <Button\n      {...otherProps}\n      aria-expanded={isOpen}\n      aria-controls={id}\n      onClick={onClose}\n      color={color}\n      size={size}\n      UNSAFE_className={classNames(classProps.closeButton, styleProps.className)}\n      UNSAFE_style={styleProps.style}\n      isSymmetrical\n    >\n      <Icon name=\"close\" boxSize={iconBoxSize} />\n      <VisuallyHidden>{closeLabel}</VisuallyHidden>\n    </Button>\n  );\n};\n\nDrawerCloseButton.spiritComponent = 'DrawerCloseButton';\n\nexport default DrawerCloseButton;\n"],"names":["defaultProps","ComponentButtonColors","DEFAULT_BOX_SIZE","Sizes","DrawerCloseButton","props","propsWithDefaults","color","iconBoxSize","label","size","restProps","t","useI18n","closeLabel","id","isOpen","onClose","useDrawerContext","classProps","useDrawerStyleProps","styleProps","otherProps","useStyleProps","jsxs","Button","classNames","jsx","Icon","VisuallyHidden"],"mappings":"8gBAcMA,EAAgD,CACpD,MAAOC,EAAAA,sBAAsB,SAC7B,YAAaC,EAAAA,iBACb,KAAMC,EAAAA,MAAM,MACd,EAEMC,EAAqBC,GAAkC,CAC3D,MAAMC,EAAoB,CAAE,GAAGN,EAAc,GAAGK,CAAA,EAC1C,CAAE,MAAAE,EAAO,YAAAC,EAAa,MAAAC,EAAO,KAAAC,EAAM,GAAGC,GAAcL,EACpD,CAAE,EAAAM,CAAA,EAAMC,UAAA,EACRC,EAAaL,GAASG,EAAE,cAAc,EACtC,CAAE,GAAAG,EAAI,OAAAC,EAAQ,QAAAC,CAAA,EAAYC,EAAAA,iBAAA,EAE1B,CAAE,WAAAC,CAAA,EAAeC,sBAAA,EACjB,CAAA,WAAEC,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcZ,CAAS,EAEjE,OACEa,EAAAA,KAACC,EAAAA,QAAA,CACE,GAAGH,EACJ,gBAAeN,EACf,gBAAeD,EACf,QAASE,EACT,MAAAV,EACA,KAAAG,EACA,iBAAkBgB,EAAWP,EAAW,YAAaE,EAAW,SAAS,EACzE,aAAcA,EAAW,MACzB,cAAa,GAEb,SAAA,CAAAM,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAK,QAAQ,QAASpB,EAAa,EACzCmB,EAAAA,IAACE,EAAAA,SAAgB,SAAAf,CAAA,CAAW,CAAA,CAAA,CAAA,CAGlC,EAEAV,EAAkB,gBAAkB"}

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

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

package/dist/components/Drawer/DrawerCloseButton.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsxs as x, jsx as s } from "react/jsx-runtime";
+import B from "classnames";
+import { Sizes as C, ComponentButtonColors as y } from "../../constants/dictionaries.js";
+import { useStyleProps as D } from "../../hooks/styleProps.js";
+import { useI18n as P } from "../../hooks/useI18n.js";
+import z from "../Button/Button.js";
+import E from "../Icon/Icon.js";
+import { DEFAULT_BOX_SIZE as I } from "../Icon/constants.js";
+import N from "../VisuallyHidden/VisuallyHidden.js";
+import { useDrawerContext as h } from "./DrawerContext.js";
+import { useDrawerStyleProps as w } from "./useDrawerStyleProps.js";
+const A = {
+  color: y.TERTIARY,
+  iconBoxSize: I,
+  size: C.MEDIUM
+}, U = (r) => {
+  const t = { ...A, ...r }, { color: e, iconBoxSize: i, label: n, size: l, ...m } = t, { t: c } = P(), p = n ?? c("common.close"), { id: a, isOpen: u, onClose: f } = h(), { classProps: S } = w(), { styleProps: o, props: d } = D(m);
+  return /* @__PURE__ */ x(
+    z,
+    {
+      ...d,
+      "aria-expanded": u,
+      "aria-controls": a,
+      onClick: f,
+      color: e,
+      size: l,
+      UNSAFE_className: B(S.closeButton, o.className),
+      UNSAFE_style: o.style,
+      isSymmetrical: !0,
+      children: [
+        /* @__PURE__ */ s(E, { name: "close", boxSize: i }),
+        /* @__PURE__ */ s(N, { children: p })
+      ]
+    }
+  );
+};
+U.spiritComponent = "DrawerCloseButton";
+export {
+  U as default
+};
+//# sourceMappingURL=DrawerCloseButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerCloseButton.js","sources":["../../../src/components/Drawer/DrawerCloseButton.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { ComponentButtonColors, Sizes } from '../../constants';\nimport { useI18n, useStyleProps } from '../../hooks';\nimport { type DrawerCloseButtonProps } from '../../types';\nimport { Button } from '../Button';\nimport { Icon } from '../Icon';\nimport { DEFAULT_BOX_SIZE } from '../Icon/constants';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { useDrawerContext } from './DrawerContext';\nimport { useDrawerStyleProps } from './useDrawerStyleProps';\n\nconst defaultProps: Partial<DrawerCloseButtonProps> = {\n  color: ComponentButtonColors.TERTIARY,\n  iconBoxSize: DEFAULT_BOX_SIZE,\n  size: Sizes.MEDIUM,\n};\n\nconst DrawerCloseButton = (props: DrawerCloseButtonProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { color, iconBoxSize, label, size, ...restProps } = propsWithDefaults;\n  const { t } = useI18n();\n  const closeLabel = label ?? t('common.close');\n  const { id, isOpen, onClose } = useDrawerContext();\n\n  const { classProps } = useDrawerStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  return (\n    <Button\n      {...otherProps}\n      aria-expanded={isOpen}\n      aria-controls={id}\n      onClick={onClose}\n      color={color}\n      size={size}\n      UNSAFE_className={classNames(classProps.closeButton, styleProps.className)}\n      UNSAFE_style={styleProps.style}\n      isSymmetrical\n    >\n      <Icon name=\"close\" boxSize={iconBoxSize} />\n      <VisuallyHidden>{closeLabel}</VisuallyHidden>\n    </Button>\n  );\n};\n\nDrawerCloseButton.spiritComponent = 'DrawerCloseButton';\n\nexport default DrawerCloseButton;\n"],"names":["defaultProps","ComponentButtonColors","DEFAULT_BOX_SIZE","Sizes","DrawerCloseButton","props","propsWithDefaults","color","iconBoxSize","label","size","restProps","t","useI18n","closeLabel","id","isOpen","onClose","useDrawerContext","classProps","useDrawerStyleProps","styleProps","otherProps","useStyleProps","jsxs","Button","classNames","jsx","Icon","VisuallyHidden"],"mappings":";;;;;;;;;;;;AAcA,MAAMA,IAAgD;AAAA,EACpD,OAAOC,EAAsB;AAAA,EAC7B,aAAaC;AAAA,EACb,MAAMC,EAAM;AACd,GAEMC,IAAoB,CAACC,MAAkC;AAC3D,QAAMC,IAAoB,EAAE,GAAGN,GAAc,GAAGK,EAAA,GAC1C,EAAE,OAAAE,GAAO,aAAAC,GAAa,OAAAC,GAAO,MAAAC,GAAM,GAAGC,MAAcL,GACpD,EAAE,GAAAM,EAAA,IAAMC,EAAA,GACRC,IAAaL,KAASG,EAAE,cAAc,GACtC,EAAE,IAAAG,GAAI,QAAAC,GAAQ,SAAAC,EAAA,IAAYC,EAAA,GAE1B,EAAE,YAAAC,EAAA,IAAeC,EAAA,GACjB,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAeC,EAAcZ,CAAS;AAEjE,SACE,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGH;AAAA,MACJ,iBAAeN;AAAA,MACf,iBAAeD;AAAA,MACf,SAASE;AAAA,MACT,OAAAV;AAAA,MACA,MAAAG;AAAA,MACA,kBAAkBgB,EAAWP,EAAW,aAAaE,EAAW,SAAS;AAAA,MACzE,cAAcA,EAAW;AAAA,MACzB,eAAa;AAAA,MAEb,UAAA;AAAA,QAAA,gBAAAM,EAACC,GAAA,EAAK,MAAK,SAAQ,SAASpB,GAAa;AAAA,QACzC,gBAAAmB,EAACE,KAAgB,UAAAf,EAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlC;AAEAV,EAAkB,kBAAkB;"}

package/dist/components/Drawer/DrawerContext.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),t={id:"",isOpen:!1,onClose:()=>null},e=r.createContext(t),o=e.Provider,n=e.Consumer,s=()=>r.useContext(e);exports.DrawerConsumer=n;exports.DrawerProvider=o;exports.useDrawerContext=s;
+//# sourceMappingURL=DrawerContext.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContext.cjs","sources":["../../../src/components/Drawer/DrawerContext.ts"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\nimport { type DrawerPanelHandlingProps } from '../../types';\n\nexport type DrawerContextProps = {\n  id: string;\n} & DrawerPanelHandlingProps;\n\nconst defaultContext: DrawerContextProps = {\n  id: '',\n  isOpen: false,\n  onClose: () => null,\n};\n\nconst DrawerContext = createContext<DrawerContextProps>(defaultContext);\nconst DrawerProvider = DrawerContext.Provider;\nconst DrawerConsumer = DrawerContext.Consumer;\nconst useDrawerContext = (): DrawerContextProps => useContext(DrawerContext);\n\nexport default DrawerContext;\nexport { DrawerProvider, DrawerConsumer, useDrawerContext };\n"],"names":["defaultContext","DrawerContext","createContext","DrawerProvider","DrawerConsumer","useDrawerContext","useContext"],"mappings":"sHASMA,EAAqC,CACzC,GAAI,GACJ,OAAQ,GACR,QAAS,IAAM,IACjB,EAEMC,EAAgBC,EAAAA,cAAkCF,CAAc,EAChEG,EAAiBF,EAAc,SAC/BG,EAAiBH,EAAc,SAC/BI,EAAmB,IAA0BC,EAAAA,WAAWL,CAAa"}

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

@@ -0,0 +1,10 @@
+import { DrawerPanelHandlingProps } from '../../types';
+export type DrawerContextProps = {
+    id: string;
+} & DrawerPanelHandlingProps;
+declare const DrawerContext: React.Context<DrawerContextProps>;
+declare const DrawerProvider: React.Provider<DrawerContextProps>;
+declare const DrawerConsumer: React.Consumer<DrawerContextProps>;
+declare const useDrawerContext: () => DrawerContextProps;
+export default DrawerContext;
+export { DrawerProvider, DrawerConsumer, useDrawerContext };

package/dist/components/Drawer/DrawerContext.js

@@ -0,0 +1,13 @@
+"use client";
+import { createContext as t, useContext as o } from "react";
+const r = {
+  id: "",
+  isOpen: !1,
+  onClose: () => null
+}, e = t(r), s = e.Provider, c = e.Consumer, u = () => o(e);
+export {
+  c as DrawerConsumer,
+  s as DrawerProvider,
+  u as useDrawerContext
+};
+//# sourceMappingURL=DrawerContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContext.js","sources":["../../../src/components/Drawer/DrawerContext.ts"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\nimport { type DrawerPanelHandlingProps } from '../../types';\n\nexport type DrawerContextProps = {\n  id: string;\n} & DrawerPanelHandlingProps;\n\nconst defaultContext: DrawerContextProps = {\n  id: '',\n  isOpen: false,\n  onClose: () => null,\n};\n\nconst DrawerContext = createContext<DrawerContextProps>(defaultContext);\nconst DrawerProvider = DrawerContext.Provider;\nconst DrawerConsumer = DrawerContext.Consumer;\nconst useDrawerContext = (): DrawerContextProps => useContext(DrawerContext);\n\nexport default DrawerContext;\nexport { DrawerProvider, DrawerConsumer, useDrawerContext };\n"],"names":["defaultContext","DrawerContext","createContext","DrawerProvider","DrawerConsumer","useDrawerContext","useContext"],"mappings":";;AASA,MAAMA,IAAqC;AAAA,EACzC,IAAI;AAAA,EACJ,QAAQ;AAAA,EACR,SAAS,MAAM;AACjB,GAEMC,IAAgBC,EAAkCF,CAAc,GAChEG,IAAiBF,EAAc,UAC/BG,IAAiBH,EAAc,UAC/BI,IAAmB,MAA0BC,EAAWL,CAAa;"}

package/dist/components/Drawer/DrawerPanel.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),P=require("react"),y=require("../../hooks/styleProps.cjs"),d=require("../../utils/mergeStyleProps.cjs"),m=require("./useDrawerStyleProps.cjs"),S=(l,a)=>{const{elementType:c="div",children:p,...r}=l,s=c,{classProps:t}=m.useDrawerStyleProps(r),{styleProps:i,props:o}=y.useStyleProps(r),u=d.mergeStyleProps(s,{classProps:t.panel,styleProps:i,otherProps:o});return n.jsx(s,{...o,...u,ref:a,children:n.jsx("div",{className:t.content,children:p})})},e=P.forwardRef(S);e.spiritComponent="DrawerPanel";e.displayName="DrawerPanel";exports.default=e;
+//# sourceMappingURL=DrawerPanel.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerPanel.cjs","sources":["../../../src/components/Drawer/DrawerPanel.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, type HTMLAttributes, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type DrawerPanelElementType,\n  type DrawerPanelProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useDrawerStyleProps } from './useDrawerStyleProps';\n\nconst _DrawerPanel = <E extends ElementType = DrawerPanelElementType>(\n  props: DrawerPanelProps<E>,\n  ref: PolymorphicRef<E>,\n) => {\n  const { elementType = 'div', children, ...restProps } = props;\n\n  const Component = elementType as ElementType;\n\n  const { classProps } = useDrawerStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.panel, styleProps, otherProps });\n\n  return (\n    <Component {...(otherProps as HTMLAttributes<HTMLElement>)} {...mergedStyleProps} ref={ref}>\n      <div className={classProps.content}>{children}</div>\n    </Component>\n  );\n};\n\nconst DrawerPanel = forwardRef<HTMLDivElement, DrawerPanelProps<'div'>>(\n  _DrawerPanel,\n) as unknown as PolymorphicComponent<'div', DrawerPanelProps<ElementType>>;\n\nDrawerPanel.spiritComponent = 'DrawerPanel';\nDrawerPanel.displayName = 'DrawerPanel';\n\nexport default DrawerPanel;\n"],"names":["_DrawerPanel","props","ref","elementType","children","restProps","Component","classProps","useDrawerStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","DrawerPanel","forwardRef"],"mappings":"6SAaMA,EAAe,CACnBC,EACAC,IACG,CACH,KAAM,CAAE,YAAAC,EAAc,MAAO,SAAAC,EAAU,GAAGC,GAAcJ,EAElDK,EAAYH,EAEZ,CAAE,WAAAI,CAAA,EAAeC,EAAAA,oBAAoBH,CAAS,EAC9C,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcN,CAAS,EAC3DO,EAAmBC,kBAAgBP,EAAW,CAAE,WAAYC,EAAW,MAAA,WAAOE,EAAY,WAAAC,EAAY,EAE5G,OACEI,EAAAA,IAACR,EAAA,CAAW,GAAII,EAA6C,GAAGE,EAAkB,IAAAV,EAChF,SAAAY,EAAAA,IAAC,MAAA,CAAI,UAAWP,EAAW,QAAU,SAAAH,EAAS,EAChD,CAEJ,EAEMW,EAAcC,EAAAA,WAClBhB,CACF,EAEAe,EAAY,gBAAkB,cAC9BA,EAAY,YAAc"}

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

@@ -0,0 +1,4 @@
+import { ElementType } from 'react';
+import { DrawerPanelProps, PolymorphicComponent } from '../../types';
+declare const DrawerPanel: PolymorphicComponent<"div", DrawerPanelProps<ElementType>>;
+export default DrawerPanel;

package/dist/components/Drawer/DrawerPanel.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as P } from "react";
+import { useStyleProps as d } from "../../hooks/styleProps.js";
+import { mergeStyleProps as f } from "../../utils/mergeStyleProps.js";
+import { useDrawerStyleProps as y } from "./useDrawerStyleProps.js";
+const u = (p, a) => {
+  const { elementType: l = "div", children: m, ...r } = p, e = l, { classProps: o } = y(r), { styleProps: c, props: s } = d(r), i = f(e, { classProps: o.panel, styleProps: c, otherProps: s });
+  return /* @__PURE__ */ t(e, { ...s, ...i, ref: a, children: /* @__PURE__ */ t("div", { className: o.content, children: m }) });
+}, n = P(
+  u
+);
+n.spiritComponent = "DrawerPanel";
+n.displayName = "DrawerPanel";
+export {
+  n as default
+};
+//# sourceMappingURL=DrawerPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerPanel.js","sources":["../../../src/components/Drawer/DrawerPanel.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, type HTMLAttributes, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type DrawerPanelElementType,\n  type DrawerPanelProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useDrawerStyleProps } from './useDrawerStyleProps';\n\nconst _DrawerPanel = <E extends ElementType = DrawerPanelElementType>(\n  props: DrawerPanelProps<E>,\n  ref: PolymorphicRef<E>,\n) => {\n  const { elementType = 'div', children, ...restProps } = props;\n\n  const Component = elementType as ElementType;\n\n  const { classProps } = useDrawerStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.panel, styleProps, otherProps });\n\n  return (\n    <Component {...(otherProps as HTMLAttributes<HTMLElement>)} {...mergedStyleProps} ref={ref}>\n      <div className={classProps.content}>{children}</div>\n    </Component>\n  );\n};\n\nconst DrawerPanel = forwardRef<HTMLDivElement, DrawerPanelProps<'div'>>(\n  _DrawerPanel,\n) as unknown as PolymorphicComponent<'div', DrawerPanelProps<ElementType>>;\n\nDrawerPanel.spiritComponent = 'DrawerPanel';\nDrawerPanel.displayName = 'DrawerPanel';\n\nexport default DrawerPanel;\n"],"names":["_DrawerPanel","props","ref","elementType","children","restProps","Component","classProps","useDrawerStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","DrawerPanel","forwardRef"],"mappings":";;;;;;AAaA,MAAMA,IAAe,CACnBC,GACAC,MACG;AACH,QAAM,EAAE,aAAAC,IAAc,OAAO,UAAAC,GAAU,GAAGC,MAAcJ,GAElDK,IAAYH,GAEZ,EAAE,YAAAI,EAAA,IAAeC,EAAoBH,CAAS,GAC9C,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcN,CAAS,GAC3DO,IAAmBC,EAAgBP,GAAW,EAAE,YAAYC,EAAW,OAAO,YAAAE,GAAY,YAAAC,GAAY;AAE5G,SACE,gBAAAI,EAACR,GAAA,EAAW,GAAII,GAA6C,GAAGE,GAAkB,KAAAV,GAChF,UAAA,gBAAAY,EAAC,OAAA,EAAI,WAAWP,EAAW,SAAU,UAAAH,GAAS,GAChD;AAEJ,GAEMW,IAAcC;AAAA,EAClBhB;AACF;AAEAe,EAAY,kBAAkB;AAC9BA,EAAY,cAAc;"}

package/dist/components/Drawer/constants.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","sources":["../../../src/components/Drawer/constants.ts"],"sourcesContent":["import { AlignmentX } from '../../constants';\n\nexport const DRAWER_ALIGNMENT_DEFAULT = AlignmentX.RIGHT;\n"],"names":["DRAWER_ALIGNMENT_DEFAULT","AlignmentX"],"mappings":"oIAEaA,EAA2BC,EAAAA,WAAW"}

package/dist/components/Drawer/constants.js

@@ -0,0 +1,6 @@
+import { AlignmentX as t } from "../../constants/dictionaries.js";
+const r = t.RIGHT;
+export {
+  r as DRAWER_ALIGNMENT_DEFAULT
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/Drawer/constants.ts"],"sourcesContent":["import { AlignmentX } from '../../constants';\n\nexport const DRAWER_ALIGNMENT_DEFAULT = AlignmentX.RIGHT;\n"],"names":["DRAWER_ALIGNMENT_DEFAULT","AlignmentX"],"mappings":";AAEO,MAAMA,IAA2BC,EAAW;"}

package/dist/components/Drawer/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./Drawer.cjs"),t=require("./DrawerCloseButton.cjs"),a=require("./DrawerPanel.cjs"),e=require("./DrawerContext.cjs"),o=require("./useDrawerStyleProps.cjs");exports.Drawer=r.default;exports.DrawerCloseButton=t.default;exports.DrawerPanel=a.default;exports.DrawerConsumer=e.DrawerConsumer;exports.DrawerProvider=e.DrawerProvider;exports.useDrawerContext=e.useDrawerContext;exports.useDrawerStyleProps=o.useDrawerStyleProps;
+//# sourceMappingURL=index.cjs.map

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

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

package/dist/components/Drawer/index.js

@@ -0,0 +1,15 @@
+import { default as o } from "./Drawer.js";
+import { default as a } from "./DrawerCloseButton.js";
+import { default as f } from "./DrawerPanel.js";
+import { DrawerConsumer as w, DrawerProvider as D, useDrawerContext as l } from "./DrawerContext.js";
+import { useDrawerStyleProps as p } from "./useDrawerStyleProps.js";
+export {
+  o as Drawer,
+  a as DrawerCloseButton,
+  w as DrawerConsumer,
+  f as DrawerPanel,
+  D as DrawerProvider,
+  l as useDrawerContext,
+  p as useDrawerStyleProps
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Drawer/useDrawerStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("classnames"),u=require("../../constants/classes.cjs"),i=require("../../hooks/useClassNamePrefix.cjs"),C=require("./constants.cjs"),P=(t={})=>{const{drawerAlignmentX:r=C.DRAWER_ALIGNMENT_DEFAULT,isOpen:n=!1}=t,s=i.useClassNamePrefix("Drawer"),o={left:`${s}--left`,right:`${s}--right`},e=`${s}Panel`,a=`${e}__content`,l=`${s}CloseButton`;return{classProps:{root:c(s,o[r],{[u.CLASS_NAME_OPEN]:n}),panel:e,content:a,closeButton:l}}};exports.useDrawerStyleProps=P;
+//# sourceMappingURL=useDrawerStyleProps.cjs.map

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 SpiritDivElementProps } from '../../types';\nimport { useDropdownContext } from './DropdownContext';\nimport { useDropdownAriaProps } from './useDropdownAriaProps';\nimport { useDropdownStyleProps } from './useDropdownStyleProps';\n\ninterface DropdownPopoverProps extends SpiritDivElementProps {}\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 { SpiritDivElementProps } from '../../types';
+interface DropdownPopoverProps extends SpiritDivElementProps {
+}
+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 SpiritDivElementProps } from '../../types';\nimport { useDropdownContext } from './DropdownContext';\nimport { useDropdownAriaProps } from './useDropdownAriaProps';\nimport { useDropdownStyleProps } from './useDropdownStyleProps';\n\ninterface DropdownPopoverProps extends SpiritDivElementProps {}\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"}