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

package/dist/components/Container/useContainerStyleProps.js

@@ -0,0 +1,16 @@
+import a from "classnames";
+import { useClassNamePrefix as c } from "../../hooks/useClassNamePrefix.js";
+function m(i) {
+  const { isFluid: o, size: r, ...n } = i, s = c("Container"), t = `${s}--fluid`, e = `${s}--${r}`;
+  return {
+    classProps: a(s, {
+      [t]: o,
+      [e]: !o && r
+    }),
+    props: n
+  };
+}
+export {
+  m as useContainerStyleProps
+};
+//# sourceMappingURL=useContainerStyleProps.js.map

package/dist/components/Container/useContainerStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContainerStyleProps.js","sources":["../../../src/components/Container/useContainerStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type ContainerProps, type SpiritContainerProps } from '../../types';\n\nexport interface ContainerStyles {\n  /** className props */\n  classProps: string;\n  /** props to be passed to the element */\n  props: ContainerProps;\n}\n\nexport function useContainerStyleProps(props: SpiritContainerProps): ContainerStyles {\n  const { isFluid, size, ...modifiedProps } = props;\n\n  const containerClass = useClassNamePrefix('Container');\n  const containerFluidClass = `${containerClass}--fluid`;\n  const containerSizeClass = `${containerClass}--${size}`;\n\n  const classProps = classNames(containerClass, {\n    [containerFluidClass]: isFluid,\n    [containerSizeClass]: !isFluid && size,\n  });\n\n  return {\n    classProps,\n    props: modifiedProps,\n  };\n}\n"],"names":["useContainerStyleProps","props","isFluid","size","modifiedProps","containerClass","useClassNamePrefix","containerFluidClass","containerSizeClass","classNames"],"mappings":";;AAWO,SAASA,EAAuBC,GAA8C;AACnF,QAAM,EAAE,SAAAC,GAAS,MAAAC,GAAM,GAAGC,MAAkBH,GAEtCI,IAAiBC,EAAmB,WAAW,GAC/CC,IAAsB,GAAGF,CAAc,WACvCG,IAAqB,GAAGH,CAAc,KAAKF,CAAI;AAOrD,SAAO;AAAA,IACL,YANiBM,EAAWJ,GAAgB;AAAA,MAC5C,CAACE,CAAmB,GAAGL;AAAA,MACvB,CAACM,CAAkB,GAAG,CAACN,KAAWC;AAAA,IAAA,CACnC;AAAA,IAIC,OAAOC;AAAA,EAAA;AAEX;"}

package/dist/components/Container.d.ts

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

package/dist/components/ControlButton/ControlButton.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),S=require("react"),f=require("../../constants/dictionaries.cjs"),C=require("../../hooks/styleProps.cjs"),B=require("../../utils/mergeStyleProps.cjs"),q=require("./useControlButtonProps.cjs"),b=require("./useControlButtonStyleProps.cjs"),r={elementType:"button",isDisabled:!1,isSubtle:!1,isSymmetrical:!1,size:f.Sizes.MEDIUM,type:"button"},g=(n,l)=>{const u={...r,...n},{elementType:p=r.elementType,children:i,...e}=u,o=p,{controlButtonProps:c}=q.useControlButtonProps(e),{classProps:P,props:a}=b.useControlButtonStyleProps(e),{styleProps:y,props:s}=C.useStyleProps(a),m=B.mergeStyleProps(o,{classProps:P,styleProps:y,otherProps:s});return d.jsx(o,{...s,...c,ref:l,...m,children:i})},t=S.forwardRef(g);t.spiritComponent="ControlButton";t.displayName="ControlButton";exports.default=t;
+//# sourceMappingURL=ControlButton.cjs.map

package/dist/components/ControlButton/ControlButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlButton.cjs","sources":["../../../src/components/ControlButton/ControlButton.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { Sizes } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type ControlButtonProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritControlButtonProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useControlButtonProps } from './useControlButtonProps';\nimport { useControlButtonStyleProps } from './useControlButtonStyleProps';\n\nconst defaultProps = {\n  elementType: 'button',\n  isDisabled: false,\n  isSubtle: false,\n  isSymmetrical: false,\n  size: Sizes.MEDIUM,\n  type: 'button',\n};\n\nconst _ControlButton = <E extends ElementType = 'button', S = void>(\n  props: SpiritControlButtonProps<E, S>,\n  ref: PolymorphicRef<E>,\n) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType = defaultProps.elementType, children, ...restProps } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const { controlButtonProps } = useControlButtonProps(restProps);\n  const { classProps, props: modifiedProps } = useControlButtonStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...controlButtonProps} ref={ref} {...mergedStyleProps}>\n      {children}\n    </Component>\n  );\n};\n\nconst ControlButton = forwardRef<HTMLButtonElement, SpiritControlButtonProps<'button', void>>(\n  _ControlButton,\n) as unknown as PolymorphicComponent<'button', ControlButtonProps<void>>;\n\nControlButton.spiritComponent = 'ControlButton';\nControlButton.displayName = 'ControlButton';\n\nexport default ControlButton;\n"],"names":["defaultProps","Sizes","_ControlButton","props","ref","propsWithDefaults","elementType","children","restProps","Component","controlButtonProps","useControlButtonProps","classProps","modifiedProps","useControlButtonStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","ControlButton","forwardRef"],"mappings":"2YAeMA,EAAe,CACnB,YAAa,SACb,WAAY,GACZ,SAAU,GACV,cAAe,GACf,KAAMC,EAAAA,MAAM,OACZ,KAAM,QACR,EAEMC,EAAiB,CACrBC,EACAC,IACG,CACH,MAAMC,EAAoB,CAAE,GAAGL,EAAc,GAAGG,CAAA,EAC1C,CAAE,YAAAG,EAAcN,EAAa,YAAa,SAAAO,EAAU,GAAGC,GAAcH,EAErEI,EAAYH,EAEZ,CAAE,mBAAAI,CAAA,EAAuBC,EAAAA,sBAAsBH,CAAS,EACxD,CAAE,WAAAI,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,2BAA2BN,CAAS,EAC3E,CAAA,WAAEO,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,EAAAA,gBAAgBV,EAAW,CAAE,WAAAG,EAAA,WAAYG,EAAY,WAAAC,EAAY,EAE1F,OACEI,EAAAA,IAACX,GAAW,GAAGO,EAAa,GAAGN,EAAoB,IAAAN,EAAW,GAAGc,EAC9D,SAAAX,EACH,CAEJ,EAEMc,EAAgBC,EAAAA,WACpBpB,CACF,EAEAmB,EAAc,gBAAkB,gBAChCA,EAAc,YAAc"}

package/dist/components/ControlButton/ControlButton.d.ts

@@ -0,0 +1,3 @@
+import { ControlButtonProps, PolymorphicComponent } from '../../types';
+declare const ControlButton: PolymorphicComponent<"button", ControlButtonProps<void>>;
+export default ControlButton;

package/dist/components/ControlButton/ControlButton.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as y } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { Sizes as C } from "../../constants/dictionaries.js";
+import { useStyleProps as B } from "../../hooks/styleProps.js";
+import { mergeStyleProps as S } from "../../utils/mergeStyleProps.js";
+import { useControlButtonProps as b } from "./useControlButtonProps.js";
+import { useControlButtonStyleProps as h } from "./useControlButtonStyleProps.js";
+const r = {
+  elementType: "button",
+  isDisabled: !1,
+  isSubtle: !1,
+  isSymmetrical: !1,
+  size: C.MEDIUM,
+  type: "button"
+}, D = (n, p) => {
+  const l = { ...r, ...n }, { elementType: m = r.elementType, children: i, ...o } = l, t = m, { controlButtonProps: u } = b(o), { classProps: c, props: f } = h(o), { styleProps: a, props: e } = B(f), P = S(t, { classProps: c, styleProps: a, otherProps: e });
+  return /* @__PURE__ */ y(t, { ...e, ...u, ref: p, ...P, children: i });
+}, s = d(
+  D
+);
+s.spiritComponent = "ControlButton";
+s.displayName = "ControlButton";
+export {
+  s as default
+};
+//# sourceMappingURL=ControlButton.js.map

package/dist/components/ControlButton/ControlButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlButton.js","sources":["../../../src/components/ControlButton/ControlButton.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { Sizes } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type ControlButtonProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritControlButtonProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useControlButtonProps } from './useControlButtonProps';\nimport { useControlButtonStyleProps } from './useControlButtonStyleProps';\n\nconst defaultProps = {\n  elementType: 'button',\n  isDisabled: false,\n  isSubtle: false,\n  isSymmetrical: false,\n  size: Sizes.MEDIUM,\n  type: 'button',\n};\n\nconst _ControlButton = <E extends ElementType = 'button', S = void>(\n  props: SpiritControlButtonProps<E, S>,\n  ref: PolymorphicRef<E>,\n) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType = defaultProps.elementType, children, ...restProps } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const { controlButtonProps } = useControlButtonProps(restProps);\n  const { classProps, props: modifiedProps } = useControlButtonStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...controlButtonProps} ref={ref} {...mergedStyleProps}>\n      {children}\n    </Component>\n  );\n};\n\nconst ControlButton = forwardRef<HTMLButtonElement, SpiritControlButtonProps<'button', void>>(\n  _ControlButton,\n) as unknown as PolymorphicComponent<'button', ControlButtonProps<void>>;\n\nControlButton.spiritComponent = 'ControlButton';\nControlButton.displayName = 'ControlButton';\n\nexport default ControlButton;\n"],"names":["defaultProps","Sizes","_ControlButton","props","ref","propsWithDefaults","elementType","children","restProps","Component","controlButtonProps","useControlButtonProps","classProps","modifiedProps","useControlButtonStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","ControlButton","forwardRef"],"mappings":";;;;;;;;AAeA,MAAMA,IAAe;AAAA,EACnB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,eAAe;AAAA,EACf,MAAMC,EAAM;AAAA,EACZ,MAAM;AACR,GAEMC,IAAiB,CACrBC,GACAC,MACG;AACH,QAAMC,IAAoB,EAAE,GAAGL,GAAc,GAAGG,EAAA,GAC1C,EAAE,aAAAG,IAAcN,EAAa,aAAa,UAAAO,GAAU,GAAGC,MAAcH,GAErEI,IAAYH,GAEZ,EAAE,oBAAAI,EAAA,IAAuBC,EAAsBH,CAAS,GACxD,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAkBC,EAA2BN,CAAS,GAC3E,EAAE,YAAAO,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBV,GAAW,EAAE,YAAAG,GAAY,YAAAG,GAAY,YAAAC,GAAY;AAE1F,SACE,gBAAAI,EAACX,KAAW,GAAGO,GAAa,GAAGN,GAAoB,KAAAN,GAAW,GAAGc,GAC9D,UAAAX,GACH;AAEJ,GAEMc,IAAgBC;AAAA,EACpBpB;AACF;AAEAmB,EAAc,kBAAkB;AAChCA,EAAc,cAAc;"}

package/dist/components/ControlButton/index.cjs

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

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

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

package/dist/components/ControlButton/index.js

@@ -0,0 +1,9 @@
+import { useControlButtonProps as r } from "./useControlButtonProps.js";
+import { useControlButtonStyleProps as s } from "./useControlButtonStyleProps.js";
+import { default as n } from "./ControlButton.js";
+export {
+  n as ControlButton,
+  r as useControlButtonProps,
+  s as useControlButtonStyleProps
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/ControlButton/useControlButtonProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../hooks/useClick.cjs"),r=t=>{const{isDisabled:o,onClick:s,type:n="button"}=t,e=i.useClick(o,s);return{controlButtonProps:{...{type:n,disabled:o},onClick:e}}};exports.useControlButtonProps=r;
+//# sourceMappingURL=useControlButtonProps.cjs.map

package/dist/components/ControlButton/useControlButtonProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControlButtonProps.cjs","sources":["../../../src/components/ControlButton/useControlButtonProps.ts"],"sourcesContent":["import { useClick } from '../../hooks';\nimport { type SpiritControlButtonProps } from '../../types';\n\nexport type UseControlButtonProps = Partial<SpiritControlButtonProps>;\nexport type UseControlButtonReturn = {\n  controlButtonProps: UseControlButtonProps;\n};\n\nexport const useControlButtonProps = (props: UseControlButtonProps): UseControlButtonReturn => {\n  const { isDisabled, onClick, type = 'button' } = props;\n  const handleClick = useClick(isDisabled, onClick);\n\n  const additionalProps = {\n    type,\n    disabled: isDisabled,\n  };\n\n  return {\n    controlButtonProps: {\n      ...additionalProps,\n      onClick: handleClick,\n    },\n  };\n};\n"],"names":["useControlButtonProps","props","isDisabled","onClick","type","handleClick","useClick"],"mappings":"4HAQaA,EAAyBC,GAAyD,CAC7F,KAAM,CAAE,WAAAC,EAAY,QAAAC,EAAS,KAAAC,EAAO,UAAaH,EAC3CI,EAAcC,EAAAA,SAASJ,EAAYC,CAAO,EAOhD,MAAO,CACL,mBAAoB,CAClB,GAPoB,CACtB,KAAAC,EACA,SAAUF,CAAA,EAMR,QAASG,CAAA,CACX,CAEJ"}

package/dist/components/ControlButton/useControlButtonProps.d.ts

@@ -0,0 +1,6 @@
+import { SpiritControlButtonProps } from '../../types';
+export type UseControlButtonProps = Partial<SpiritControlButtonProps>;
+export type UseControlButtonReturn = {
+    controlButtonProps: UseControlButtonProps;
+};
+export declare const useControlButtonProps: (props: UseControlButtonProps) => UseControlButtonReturn;

package/dist/components/ControlButton/useControlButtonProps.js

@@ -0,0 +1,17 @@
+import { useClick as r } from "../../hooks/useClick.js";
+const e = (t) => {
+  const { isDisabled: o, onClick: n, type: s = "button" } = t, i = r(o, n);
+  return {
+    controlButtonProps: {
+      ...{
+        type: s,
+        disabled: o
+      },
+      onClick: i
+    }
+  };
+};
+export {
+  e as useControlButtonProps
+};
+//# sourceMappingURL=useControlButtonProps.js.map

package/dist/components/ControlButton/useControlButtonProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControlButtonProps.js","sources":["../../../src/components/ControlButton/useControlButtonProps.ts"],"sourcesContent":["import { useClick } from '../../hooks';\nimport { type SpiritControlButtonProps } from '../../types';\n\nexport type UseControlButtonProps = Partial<SpiritControlButtonProps>;\nexport type UseControlButtonReturn = {\n  controlButtonProps: UseControlButtonProps;\n};\n\nexport const useControlButtonProps = (props: UseControlButtonProps): UseControlButtonReturn => {\n  const { isDisabled, onClick, type = 'button' } = props;\n  const handleClick = useClick(isDisabled, onClick);\n\n  const additionalProps = {\n    type,\n    disabled: isDisabled,\n  };\n\n  return {\n    controlButtonProps: {\n      ...additionalProps,\n      onClick: handleClick,\n    },\n  };\n};\n"],"names":["useControlButtonProps","props","isDisabled","onClick","type","handleClick","useClick"],"mappings":";AAQO,MAAMA,IAAwB,CAACC,MAAyD;AAC7F,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,MAAAC,IAAO,aAAaH,GAC3CI,IAAcC,EAASJ,GAAYC,CAAO;AAOhD,SAAO;AAAA,IACL,oBAAoB;AAAA,MAClB,GAPoB;AAAA,QACtB,MAAAC;AAAA,QACA,UAAUF;AAAA,MAAA;AAAA,MAMR,SAASG;AAAA,IAAA;AAAA,EACX;AAEJ;"}

package/dist/components/ControlButton/useControlButtonStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("classnames"),e=require("../../hooks/useClassNamePrefix.cjs"),p=require("../../hooks/useSymmetry.cjs"),B=require("../../utils/classname.cjs"),P=require("../../utils/compose.cjs"),b=(o,t)=>P.compose(B.applySize(t))(o);function S(o){const{isDisabled:t,isSubtle:r,isSymmetrical:a,size:c,...n}=o,s=e.useClassNamePrefix("ControlButton"),l=`${s}--hasBackground`,i=`${s}--disabled`,u=e.useClassNamePrefix("dynamic-color-background-interactive"),m=e.useClassNamePrefix("dynamic-color-border"),C=e.useClassNamePrefix("accessibility-tap-target"),{symmetricalClassName:y}=p.useSymmetry(s,a);return{classProps:d(s,b(s,c),u,C,{[i]:t,[l]:!r,[m]:!r},y),props:n}}exports.useControlButtonStyleProps=S;
+//# sourceMappingURL=useControlButtonStyleProps.cjs.map

package/dist/components/ControlButton/useControlButtonStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControlButtonStyleProps.cjs","sources":["../../../src/components/ControlButton/useControlButtonStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix, useSymmetry } from '../../hooks';\nimport { type ControlButtonStyleProps, type SizeExtendedDictionaryType } from '../../types';\nimport { applySize, compose } from '../../utils';\n\nconst getControlButtonSizeClassname = <S = void>(className: string, size: SizeExtendedDictionaryType | S): string =>\n  compose(applySize<SizeExtendedDictionaryType | S>(size))(className);\n\nexport function useControlButtonStyleProps<S = void>(props: ControlButtonStyleProps<S>) {\n  const { isDisabled, isSubtle, isSymmetrical, size, ...restProps } = props;\n\n  const controlButtonClass = useClassNamePrefix('ControlButton');\n  const controlButtonBackgroundClass = `${controlButtonClass}--hasBackground`;\n  const controlButtonDisabledClass = `${controlButtonClass}--disabled`;\n  const dynamicColorBackgroundInteractiveClass = useClassNamePrefix('dynamic-color-background-interactive');\n  const dynamicColorBorderClass = useClassNamePrefix('dynamic-color-border');\n  const accessibilityTapTargetClass = useClassNamePrefix('accessibility-tap-target');\n\n  const { symmetricalClassName } = useSymmetry(controlButtonClass, isSymmetrical);\n\n  const classProps = classNames(\n    controlButtonClass,\n    getControlButtonSizeClassname(controlButtonClass, size as SizeExtendedDictionaryType | S),\n    dynamicColorBackgroundInteractiveClass,\n    accessibilityTapTargetClass,\n    {\n      [controlButtonDisabledClass]: isDisabled,\n      [controlButtonBackgroundClass]: !isSubtle,\n      [dynamicColorBorderClass]: !isSubtle,\n    },\n    symmetricalClassName,\n  );\n\n  return {\n    classProps,\n    props: restProps,\n  };\n}\n"],"names":["getControlButtonSizeClassname","className","size","compose","applySize","useControlButtonStyleProps","props","isDisabled","isSubtle","isSymmetrical","restProps","controlButtonClass","useClassNamePrefix","controlButtonBackgroundClass","controlButtonDisabledClass","dynamicColorBackgroundInteractiveClass","dynamicColorBorderClass","accessibilityTapTargetClass","symmetricalClassName","useSymmetry","classNames"],"mappings":"mRAKMA,EAAgC,CAAWC,EAAmBC,IAClEC,EAAAA,QAAQC,EAAAA,UAA0CF,CAAI,CAAC,EAAED,CAAS,EAE7D,SAASI,EAAqCC,EAAmC,CACtF,KAAM,CAAE,WAAAC,EAAY,SAAAC,EAAU,cAAAC,EAAe,KAAAP,EAAM,GAAGQ,GAAcJ,EAE9DK,EAAqBC,EAAAA,mBAAmB,eAAe,EACvDC,EAA+B,GAAGF,CAAkB,kBACpDG,EAA6B,GAAGH,CAAkB,aAClDI,EAAyCH,EAAAA,mBAAmB,sCAAsC,EAClGI,EAA0BJ,EAAAA,mBAAmB,sBAAsB,EACnEK,EAA8BL,EAAAA,mBAAmB,0BAA0B,EAE3E,CAAE,qBAAAM,CAAA,EAAyBC,cAAYR,EAAoBF,CAAa,EAe9E,MAAO,CACL,WAdiBW,EACjBT,EACAX,EAA8BW,EAAoBT,CAAsC,EACxFa,EACAE,EACA,CACE,CAACH,CAA0B,EAAGP,EAC9B,CAACM,CAA4B,EAAG,CAACL,EACjC,CAACQ,CAAuB,EAAG,CAACR,CAAA,EAE9BU,CAAA,EAKA,MAAOR,CAAA,CAEX"}

package/dist/components/ControlButton/useControlButtonStyleProps.d.ts

@@ -0,0 +1,20 @@
+import { ControlButtonStyleProps } from '../../types';
+export declare function useControlButtonStyleProps<S = void>(props: ControlButtonStyleProps<S>): {
+    classProps: string;
+    props: {
+        children?: React.ReactNode | string;
+        theme?: import('../..').ThemeNameType;
+        UNSAFE_className?: string;
+        UNSAFE_style?: React.CSSProperties;
+        margin?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginTop?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginRight?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginBottom?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginLeft?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginX?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginY?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        hideOn?: import('../..').BreakpointToken | import('../..').BreakpointToken[];
+        hideFrom?: import('../..').BreakpointToken;
+        onClick?: (event: import('../..').ClickEvent) => void;
+    };
+};

package/dist/components/ControlButton/useControlButtonStyleProps.js

@@ -0,0 +1,28 @@
+import C from "classnames";
+import { useClassNamePrefix as s } from "../../hooks/useClassNamePrefix.js";
+import { useSymmetry as y } from "../../hooks/useSymmetry.js";
+import { applySize as B } from "../../utils/classname.js";
+import { compose as b } from "../../utils/compose.js";
+const f = (t, r) => b(B(r))(t);
+function v(t) {
+  const { isDisabled: r, isSubtle: a, isSymmetrical: c, size: n, ...e } = t, o = s("ControlButton"), i = `${o}--hasBackground`, l = `${o}--disabled`, m = s("dynamic-color-background-interactive"), p = s("dynamic-color-border"), u = s("accessibility-tap-target"), { symmetricalClassName: d } = y(o, c);
+  return {
+    classProps: C(
+      o,
+      f(o, n),
+      m,
+      u,
+      {
+        [l]: r,
+        [i]: !a,
+        [p]: !a
+      },
+      d
+    ),
+    props: e
+  };
+}
+export {
+  v as useControlButtonStyleProps
+};
+//# sourceMappingURL=useControlButtonStyleProps.js.map

package/dist/components/ControlButton/useControlButtonStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControlButtonStyleProps.js","sources":["../../../src/components/ControlButton/useControlButtonStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix, useSymmetry } from '../../hooks';\nimport { type ControlButtonStyleProps, type SizeExtendedDictionaryType } from '../../types';\nimport { applySize, compose } from '../../utils';\n\nconst getControlButtonSizeClassname = <S = void>(className: string, size: SizeExtendedDictionaryType | S): string =>\n  compose(applySize<SizeExtendedDictionaryType | S>(size))(className);\n\nexport function useControlButtonStyleProps<S = void>(props: ControlButtonStyleProps<S>) {\n  const { isDisabled, isSubtle, isSymmetrical, size, ...restProps } = props;\n\n  const controlButtonClass = useClassNamePrefix('ControlButton');\n  const controlButtonBackgroundClass = `${controlButtonClass}--hasBackground`;\n  const controlButtonDisabledClass = `${controlButtonClass}--disabled`;\n  const dynamicColorBackgroundInteractiveClass = useClassNamePrefix('dynamic-color-background-interactive');\n  const dynamicColorBorderClass = useClassNamePrefix('dynamic-color-border');\n  const accessibilityTapTargetClass = useClassNamePrefix('accessibility-tap-target');\n\n  const { symmetricalClassName } = useSymmetry(controlButtonClass, isSymmetrical);\n\n  const classProps = classNames(\n    controlButtonClass,\n    getControlButtonSizeClassname(controlButtonClass, size as SizeExtendedDictionaryType | S),\n    dynamicColorBackgroundInteractiveClass,\n    accessibilityTapTargetClass,\n    {\n      [controlButtonDisabledClass]: isDisabled,\n      [controlButtonBackgroundClass]: !isSubtle,\n      [dynamicColorBorderClass]: !isSubtle,\n    },\n    symmetricalClassName,\n  );\n\n  return {\n    classProps,\n    props: restProps,\n  };\n}\n"],"names":["getControlButtonSizeClassname","className","size","compose","applySize","useControlButtonStyleProps","props","isDisabled","isSubtle","isSymmetrical","restProps","controlButtonClass","useClassNamePrefix","controlButtonBackgroundClass","controlButtonDisabledClass","dynamicColorBackgroundInteractiveClass","dynamicColorBorderClass","accessibilityTapTargetClass","symmetricalClassName","useSymmetry","classNames"],"mappings":";;;;;AAKA,MAAMA,IAAgC,CAAWC,GAAmBC,MAClEC,EAAQC,EAA0CF,CAAI,CAAC,EAAED,CAAS;AAE7D,SAASI,EAAqCC,GAAmC;AACtF,QAAM,EAAE,YAAAC,GAAY,UAAAC,GAAU,eAAAC,GAAe,MAAAP,GAAM,GAAGQ,MAAcJ,GAE9DK,IAAqBC,EAAmB,eAAe,GACvDC,IAA+B,GAAGF,CAAkB,mBACpDG,IAA6B,GAAGH,CAAkB,cAClDI,IAAyCH,EAAmB,sCAAsC,GAClGI,IAA0BJ,EAAmB,sBAAsB,GACnEK,IAA8BL,EAAmB,0BAA0B,GAE3E,EAAE,sBAAAM,EAAA,IAAyBC,EAAYR,GAAoBF,CAAa;AAe9E,SAAO;AAAA,IACL,YAdiBW;AAAA,MACjBT;AAAA,MACAX,EAA8BW,GAAoBT,CAAsC;AAAA,MACxFa;AAAA,MACAE;AAAA,MACA;AAAA,QACE,CAACH,CAA0B,GAAGP;AAAA,QAC9B,CAACM,CAA4B,GAAG,CAACL;AAAA,QACjC,CAACQ,CAAuB,GAAG,CAACR;AAAA,MAAA;AAAA,MAE9BU;AAAA,IAAA;AAAA,IAKA,OAAOR;AAAA,EAAA;AAEX;"}

package/dist/components/ControlButton.d.ts

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

package/dist/components/Dialog/Dialog.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"),e=require("react"),E=require("../../hooks/useCancelEvent.cjs"),O=require("../../hooks/useClickOutside.cjs"),R=require("./useDialog.cjs"),k=(c,r)=>{const{children:u,isOpen:o,onClose:l,closeOnBackdropClick:a=!0,closeOnEscapeKeyDown:d,...f}=c,n=e.useRef(r),i=e.useRef(null),{closeDialog:g,onTransitionEnd:C}=R.useDialog(n,o),p=t=>{a&&t.target===n.current&&(g(),l(t))};O.useClickOutside({ref:i,callback:o?p:void 0}),E.useCancelEvent(n,l,d,o);const D=e.Children.only(u);return m.jsx("dialog",{ref:n,onTransitionEnd:C,...f,children:e.cloneElement(D,{ref:t=>{i.current=t}})})},s=e.forwardRef(k);s.spiritComponent="Dialog";s.displayName="Dialog";exports.default=s;
+//# sourceMappingURL=Dialog.cjs.map

package/dist/components/Dialog/Dialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.cjs","sources":["../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["'use client';\n\nimport React, {\n  Children,\n  type ForwardedRef,\n  type MutableRefObject,\n  type ReactElement,\n  cloneElement,\n  forwardRef,\n  useRef,\n} from 'react';\nimport { useCancelEvent, useClickOutside } from '../../hooks';\nimport { type DialogProps, type ForwardRefComponent } from '../../types';\nimport { useDialog } from './useDialog';\n\nconst _Dialog = (props: DialogProps, ref: ForwardedRef<HTMLDialogElement | null>): JSX.Element => {\n  const { children, isOpen, onClose, closeOnBackdropClick = true, closeOnEscapeKeyDown, ...restProps } = props;\n  const dialogElementRef: MutableRefObject<ForwardedRef<HTMLDialogElement | null>> = useRef(ref);\n  const contentElementRef: MutableRefObject<HTMLElement | null> = useRef(null);\n\n  // handles toggling based on state\n  const { closeDialog, onTransitionEnd } = useDialog(\n    dialogElementRef as MutableRefObject<HTMLDialogElement | null>,\n    isOpen,\n  );\n  const handleClickOutside = (event: Event) => {\n    // check if it should be closed on backdrop click and if the click was on backdrop (dialog element, not on dialog content)\n    if (closeOnBackdropClick && event.target === dialogElementRef.current) {\n      closeDialog();\n      onClose(event);\n    }\n  };\n\n  // handles closing by clicking outside the dialog\n  useClickOutside({\n    ref: contentElementRef,\n    callback: isOpen ? handleClickOutside : undefined,\n  });\n\n  // handles closing using Escape key\n  useCancelEvent(\n    dialogElementRef as MutableRefObject<HTMLDialogElement | null>,\n    onClose,\n    closeOnEscapeKeyDown as boolean,\n    isOpen,\n  );\n\n  /**\n   * Make sure that there is only one child wrapped in dialog element.\n   * Otherwise we cannot distinguish between dialog content and dialog backdrop, which is dialog element itself.\n   * useClickOutside hook uses refs to dialog and content elements to find out whether it was clicked on backdrop\n   * and dialog should be closed.\n   *\n   * @see https://reactjs.org/docs/react-api.html#reactchildren\n   * @throws Error\n   */\n  const child = Children.only(children) as ReactElement;\n\n  return (\n    <dialog\n      ref={dialogElementRef as MutableRefObject<HTMLDialogElement | null>}\n      onTransitionEnd={onTransitionEnd}\n      {...restProps}\n    >\n      {cloneElement(child, {\n        ref: (clonedElementRef: HTMLElement) => {\n          contentElementRef.current = clonedElementRef;\n        },\n      })}\n    </dialog>\n  );\n};\n\nconst Dialog = forwardRef<HTMLDialogElement | null, DialogProps>(_Dialog) as ForwardRefComponent<\n  HTMLDialogElement | null,\n  DialogProps\n>;\n\nDialog.spiritComponent = 'Dialog';\nDialog.displayName = 'Dialog';\n\nexport default Dialog;\n"],"names":["_Dialog","props","ref","children","isOpen","onClose","closeOnBackdropClick","closeOnEscapeKeyDown","restProps","dialogElementRef","useRef","contentElementRef","closeDialog","onTransitionEnd","useDialog","handleClickOutside","event","useClickOutside","useCancelEvent","child","Children","jsx","clonedElementRef","Dialog","forwardRef"],"mappings":"uSAeMA,EAAU,CAACC,EAAoBC,IAA6D,CAChG,KAAM,CAAE,SAAAC,EAAU,OAAAC,EAAQ,QAAAC,EAAS,qBAAAC,EAAuB,GAAM,qBAAAC,EAAsB,GAAGC,CAAA,EAAcP,EACjGQ,EAA6EC,EAAAA,OAAOR,CAAG,EACvFS,EAA0DD,EAAAA,OAAO,IAAI,EAGrE,CAAE,YAAAE,EAAa,gBAAAC,CAAA,EAAoBC,EAAAA,UACvCL,EACAL,CAAA,EAEIW,EAAsBC,GAAiB,CAEvCV,GAAwBU,EAAM,SAAWP,EAAiB,UAC5DG,EAAA,EACAP,EAAQW,CAAK,EAEjB,EAGAC,kBAAgB,CACd,IAAKN,EACL,SAAUP,EAASW,EAAqB,MAAA,CACzC,EAGDG,EAAAA,eACET,EACAJ,EACAE,EACAH,CAAA,EAYF,MAAMe,EAAQC,EAAAA,SAAS,KAAKjB,CAAQ,EAEpC,OACEkB,EAAAA,IAAC,SAAA,CACC,IAAKZ,EACL,gBAAAI,EACC,GAAGL,EAEH,wBAAaW,EAAO,CACnB,IAAMG,GAAkC,CACtCX,EAAkB,QAAUW,CAC9B,CAAA,CACD,CAAA,CAAA,CAGP,EAEMC,EAASC,EAAAA,WAAkDxB,CAAO,EAKxEuB,EAAO,gBAAkB,SACzBA,EAAO,YAAc"}

package/dist/components/Dialog/Dialog.d.ts

@@ -0,0 +1,3 @@
+import { DialogProps, ForwardRefComponent } from '../../types';
+declare const Dialog: ForwardRefComponent<HTMLDialogElement | null, DialogProps>;
+export default Dialog;

package/dist/components/Dialog/Dialog.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as C } from "react/jsx-runtime";
+import { forwardRef as D, useRef as i, Children as h, cloneElement as k } from "react";
+import { useCancelEvent as E } from "../../hooks/useCancelEvent.js";
+import { useClickOutside as O } from "../../hooks/useClickOutside.js";
+import { useDialog as R } from "./useDialog.js";
+const y = (s, c) => {
+  const { children: a, isOpen: n, onClose: t, closeOnBackdropClick: d = !0, closeOnEscapeKeyDown: f, ...m } = s, e = i(c), l = i(null), { closeDialog: u, onTransitionEnd: p } = R(
+    e,
+    n
+  );
+  O({
+    ref: l,
+    callback: n ? (o) => {
+      d && o.target === e.current && (u(), t(o));
+    } : void 0
+  }), E(
+    e,
+    t,
+    f,
+    n
+  );
+  const g = h.only(a);
+  return /* @__PURE__ */ C(
+    "dialog",
+    {
+      ref: e,
+      onTransitionEnd: p,
+      ...m,
+      children: k(g, {
+        ref: (o) => {
+          l.current = o;
+        }
+      })
+    }
+  );
+}, r = D(y);
+r.spiritComponent = "Dialog";
+r.displayName = "Dialog";
+export {
+  r as default
+};
+//# sourceMappingURL=Dialog.js.map

package/dist/components/Dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sources":["../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["'use client';\n\nimport React, {\n  Children,\n  type ForwardedRef,\n  type MutableRefObject,\n  type ReactElement,\n  cloneElement,\n  forwardRef,\n  useRef,\n} from 'react';\nimport { useCancelEvent, useClickOutside } from '../../hooks';\nimport { type DialogProps, type ForwardRefComponent } from '../../types';\nimport { useDialog } from './useDialog';\n\nconst _Dialog = (props: DialogProps, ref: ForwardedRef<HTMLDialogElement | null>): JSX.Element => {\n  const { children, isOpen, onClose, closeOnBackdropClick = true, closeOnEscapeKeyDown, ...restProps } = props;\n  const dialogElementRef: MutableRefObject<ForwardedRef<HTMLDialogElement | null>> = useRef(ref);\n  const contentElementRef: MutableRefObject<HTMLElement | null> = useRef(null);\n\n  // handles toggling based on state\n  const { closeDialog, onTransitionEnd } = useDialog(\n    dialogElementRef as MutableRefObject<HTMLDialogElement | null>,\n    isOpen,\n  );\n  const handleClickOutside = (event: Event) => {\n    // check if it should be closed on backdrop click and if the click was on backdrop (dialog element, not on dialog content)\n    if (closeOnBackdropClick && event.target === dialogElementRef.current) {\n      closeDialog();\n      onClose(event);\n    }\n  };\n\n  // handles closing by clicking outside the dialog\n  useClickOutside({\n    ref: contentElementRef,\n    callback: isOpen ? handleClickOutside : undefined,\n  });\n\n  // handles closing using Escape key\n  useCancelEvent(\n    dialogElementRef as MutableRefObject<HTMLDialogElement | null>,\n    onClose,\n    closeOnEscapeKeyDown as boolean,\n    isOpen,\n  );\n\n  /**\n   * Make sure that there is only one child wrapped in dialog element.\n   * Otherwise we cannot distinguish between dialog content and dialog backdrop, which is dialog element itself.\n   * useClickOutside hook uses refs to dialog and content elements to find out whether it was clicked on backdrop\n   * and dialog should be closed.\n   *\n   * @see https://reactjs.org/docs/react-api.html#reactchildren\n   * @throws Error\n   */\n  const child = Children.only(children) as ReactElement;\n\n  return (\n    <dialog\n      ref={dialogElementRef as MutableRefObject<HTMLDialogElement | null>}\n      onTransitionEnd={onTransitionEnd}\n      {...restProps}\n    >\n      {cloneElement(child, {\n        ref: (clonedElementRef: HTMLElement) => {\n          contentElementRef.current = clonedElementRef;\n        },\n      })}\n    </dialog>\n  );\n};\n\nconst Dialog = forwardRef<HTMLDialogElement | null, DialogProps>(_Dialog) as ForwardRefComponent<\n  HTMLDialogElement | null,\n  DialogProps\n>;\n\nDialog.spiritComponent = 'Dialog';\nDialog.displayName = 'Dialog';\n\nexport default Dialog;\n"],"names":["_Dialog","props","ref","children","isOpen","onClose","closeOnBackdropClick","closeOnEscapeKeyDown","restProps","dialogElementRef","useRef","contentElementRef","closeDialog","onTransitionEnd","useDialog","useClickOutside","event","useCancelEvent","child","Children","jsx","clonedElementRef","Dialog","forwardRef"],"mappings":";;;;;;AAeA,MAAMA,IAAU,CAACC,GAAoBC,MAA6D;AAChG,QAAM,EAAE,UAAAC,GAAU,QAAAC,GAAQ,SAAAC,GAAS,sBAAAC,IAAuB,IAAM,sBAAAC,GAAsB,GAAGC,EAAA,IAAcP,GACjGQ,IAA6EC,EAAOR,CAAG,GACvFS,IAA0DD,EAAO,IAAI,GAGrE,EAAE,aAAAE,GAAa,iBAAAC,EAAA,IAAoBC;AAAA,IACvCL;AAAA,IACAL;AAAA,EAAA;AAWF,EAAAW,EAAgB;AAAA,IACd,KAAKJ;AAAA,IACL,UAAUP,IAXe,CAACY,MAAiB;AAE3C,MAAIV,KAAwBU,EAAM,WAAWP,EAAiB,YAC5DG,EAAA,GACAP,EAAQW,CAAK;AAAA,IAEjB,IAK0C;AAAA,EAAA,CACzC,GAGDC;AAAA,IACER;AAAA,IACAJ;AAAA,IACAE;AAAA,IACAH;AAAA,EAAA;AAYF,QAAMc,IAAQC,EAAS,KAAKhB,CAAQ;AAEpC,SACE,gBAAAiB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKX;AAAA,MACL,iBAAAI;AAAA,MACC,GAAGL;AAAA,MAEH,YAAaU,GAAO;AAAA,QACnB,KAAK,CAACG,MAAkC;AACtC,UAAAV,EAAkB,UAAUU;AAAA,QAC9B;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAAA;AAGP,GAEMC,IAASC,EAAkDvB,CAAO;AAKxEsB,EAAO,kBAAkB;AACzBA,EAAO,cAAc;"}

package/dist/components/Dialog/constants.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","sources":["../../../src/components/Dialog/constants.ts"],"sourcesContent":["// Fallback timeout duration in ms, slightly longer than CSS transition (250ms).\n// This ensures the dialog closes even when transitionend doesn't fire on some browsers\nexport const TRANSITION_FALLBACK_TIMEOUT = 300;\n"],"names":["TRANSITION_FALLBACK_TIMEOUT"],"mappings":"gFAEO,MAAMA,EAA8B"}

package/dist/components/Dialog/constants.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/Dialog/constants.ts"],"sourcesContent":["// Fallback timeout duration in ms, slightly longer than CSS transition (250ms).\n// This ensures the dialog closes even when transitionend doesn't fire on some browsers\nexport const TRANSITION_FALLBACK_TIMEOUT = 300;\n"],"names":["TRANSITION_FALLBACK_TIMEOUT"],"mappings":"AAEO,MAAMA,IAA8B;"}

package/dist/components/Dialog/index.cjs

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

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

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

package/dist/components/Dialog/index.js

@@ -0,0 +1,7 @@
+import { default as r } from "./Dialog.js";
+import { useDialog as a } from "./useDialog.js";
+export {
+  r as Dialog,
+  a as useDialog
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Dialog/useDialog.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),r=require("../../constants/classes.cjs"),d=require("../../hooks/useScrollControl.cjs"),g=require("./constants.cjs"),C=(o,t)=>{const a=c.useRef(null),l=c.useCallback(()=>{a.current!==null&&(clearTimeout(a.current),a.current=null)},[]),u=c.useCallback(e=>{l(),a.current=setTimeout(()=>{e.open&&e.close&&e.close()},g.TRANSITION_FALLBACK_TIMEOUT)},[l]),i=c.useCallback(e=>{const s=o?.current;s&&e.target===s&&!t&&s.open&&s.close&&(l(),s.close())},[t,o,l]);d.useScrollControl(o,t);const n=c.useCallback(e=>{const s=o?.current;s?.classList&&(e?s.classList.add(r.CLASS_NAME_OPEN):s.classList.remove(r.CLASS_NAME_OPEN))},[o]);return c.useEffect(()=>{const e=o?.current;return e&&(t?(l(),!e.open&&e.showModal&&(e.showModal(),n(!0))):!t&&e.open&&(n(!1),u(e))),()=>{l()}},[t,o,n,l,u]),{openDialog:()=>{const e=o?.current;e&&(l(),!e.open&&e.showModal&&(e.showModal(),n(!0)))},closeDialog:()=>{const e=o?.current;e&&e.open&&(n(!1),u(e))},onTransitionEnd:i}};exports.useDialog=C;
+//# sourceMappingURL=useDialog.cjs.map

package/dist/components/Dialog/useDialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDialog.cjs","sources":["../../../src/components/Dialog/useDialog.ts"],"sourcesContent":["'use client';\n\nimport { type MutableRefObject, type TransitionEvent, useCallback, useEffect, useRef } from 'react';\nimport { CLASS_NAME_OPEN } from '../../constants';\nimport { useScrollControl } from '../../hooks';\nimport { TRANSITION_FALLBACK_TIMEOUT } from './constants';\n\nexport const useDialog = (ref: MutableRefObject<HTMLDialogElement | null>, isOpen: boolean) => {\n  const closeTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const clearCloseTimeout = useCallback(() => {\n    if (closeTimeoutRef.current !== null) {\n      clearTimeout(closeTimeoutRef.current);\n      closeTimeoutRef.current = null;\n    }\n  }, []);\n\n  const scheduleDialogClose = useCallback(\n    (dialogNode: HTMLDialogElement) => {\n      clearCloseTimeout();\n      closeTimeoutRef.current = setTimeout(() => {\n        if (dialogNode.open && dialogNode.close) {\n          dialogNode.close();\n        }\n      }, TRANSITION_FALLBACK_TIMEOUT);\n    },\n    [clearCloseTimeout],\n  );\n\n  const handleTransitionEnd = useCallback(\n    (event: TransitionEvent<HTMLDialogElement>) => {\n      const dialogNode = ref?.current;\n\n      // Only handle transition end if it's for the dialog element itself (not children)\n      if (dialogNode && event.target === dialogNode && !isOpen && dialogNode.open && dialogNode.close) {\n        // Clear the fallback timeout since transitionend fired successfully\n        clearCloseTimeout();\n        // Dialog transition has ended, now close it\n        dialogNode.close();\n      }\n    },\n    [isOpen, ref, clearCloseTimeout],\n  );\n\n  useScrollControl(ref, isOpen);\n\n  // Helper function to manage the open class state\n  const setOpenClass = useCallback(\n    (shouldAdd: boolean) => {\n      const dialogNode = ref?.current;\n\n      if (dialogNode?.classList) {\n        if (shouldAdd) {\n          dialogNode.classList.add(CLASS_NAME_OPEN);\n        } else {\n          dialogNode.classList.remove(CLASS_NAME_OPEN);\n        }\n      }\n    },\n    [ref],\n  );\n\n  // Handle declarative dialog state changes via isOpen prop\n  useEffect(() => {\n    const dialogNode = ref?.current;\n\n    if (dialogNode) {\n      // Opening: When isOpen becomes true\n      if (isOpen) {\n        clearCloseTimeout(); // Clear any pending close timeout\n        if (!dialogNode.open && dialogNode.showModal) {\n          dialogNode.showModal(); // Show the dialog element\n          setOpenClass(true); // Add visual state class for CSS transitions\n        }\n      }\n      // Closing: When isOpen becomes false and dialog is currently open\n      else if (!isOpen && dialogNode.open) {\n        setOpenClass(false); // Remove visual state class to trigger CSS transition\n        // Set fallback timeout in case transitionend doesn't fire\n        scheduleDialogClose(dialogNode);\n      }\n    }\n\n    return () => {\n      clearCloseTimeout();\n    };\n  }, [isOpen, ref, setOpenClass, clearCloseTimeout, scheduleDialogClose]);\n\n  // Imperative function to open dialog programmatically\n  const openDialog = () => {\n    const dialogNode = ref?.current;\n\n    if (dialogNode) {\n      clearCloseTimeout(); // Clear any pending close timeout\n\n      if (!dialogNode.open && dialogNode.showModal) {\n        dialogNode.showModal(); // Show the dialog element\n        setOpenClass(true); // Add visual state class for CSS transitions\n      }\n    }\n  };\n\n  // Imperative function to close dialog programmatically\n  const closeDialog = () => {\n    const dialogNode = ref?.current;\n\n    if (dialogNode && dialogNode.open) {\n      setOpenClass(false); // Remove visual state class to trigger CSS transition\n      // Set fallback timeout in case transitionend doesn't fire\n      scheduleDialogClose(dialogNode);\n    }\n  };\n\n  return {\n    openDialog,\n    closeDialog,\n    onTransitionEnd: handleTransitionEnd,\n  };\n};\n"],"names":["useDialog","ref","isOpen","closeTimeoutRef","useRef","clearCloseTimeout","useCallback","scheduleDialogClose","dialogNode","TRANSITION_FALLBACK_TIMEOUT","handleTransitionEnd","event","useScrollControl","setOpenClass","shouldAdd","CLASS_NAME_OPEN","useEffect"],"mappings":"0OAOaA,EAAY,CAACC,EAAiDC,IAAoB,CAC7F,MAAMC,EAAkBC,EAAAA,OAA6C,IAAI,EAEnEC,EAAoBC,EAAAA,YAAY,IAAM,CACtCH,EAAgB,UAAY,OAC9B,aAAaA,EAAgB,OAAO,EACpCA,EAAgB,QAAU,KAE9B,EAAG,CAAA,CAAE,EAECI,EAAsBD,EAAAA,YACzBE,GAAkC,CACjCH,EAAA,EACAF,EAAgB,QAAU,WAAW,IAAM,CACrCK,EAAW,MAAQA,EAAW,OAChCA,EAAW,MAAA,CAEf,EAAGC,EAAAA,2BAA2B,CAChC,EACA,CAACJ,CAAiB,CAAA,EAGdK,EAAsBJ,EAAAA,YACzBK,GAA8C,CAC7C,MAAMH,EAAaP,GAAK,QAGpBO,GAAcG,EAAM,SAAWH,GAAc,CAACN,GAAUM,EAAW,MAAQA,EAAW,QAExFH,EAAA,EAEAG,EAAW,MAAA,EAEf,EACA,CAACN,EAAQD,EAAKI,CAAiB,CAAA,EAGjCO,EAAAA,iBAAiBX,EAAKC,CAAM,EAG5B,MAAMW,EAAeP,EAAAA,YAClBQ,GAAuB,CACtB,MAAMN,EAAaP,GAAK,QAEpBO,GAAY,YACVM,EACFN,EAAW,UAAU,IAAIO,iBAAe,EAExCP,EAAW,UAAU,OAAOO,iBAAe,EAGjD,EACA,CAACd,CAAG,CAAA,EAINe,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMR,EAAaP,GAAK,QAExB,OAAIO,IAEEN,GACFG,EAAA,EACI,CAACG,EAAW,MAAQA,EAAW,YACjCA,EAAW,UAAA,EACXK,EAAa,EAAI,IAIZ,CAACX,GAAUM,EAAW,OAC7BK,EAAa,EAAK,EAElBN,EAAoBC,CAAU,IAI3B,IAAM,CACXH,EAAA,CACF,CACF,EAAG,CAACH,EAAQD,EAAKY,EAAcR,EAAmBE,CAAmB,CAAC,EA2B/D,CACL,WAzBiB,IAAM,CACvB,MAAMC,EAAaP,GAAK,QAEpBO,IACFH,EAAA,EAEI,CAACG,EAAW,MAAQA,EAAW,YACjCA,EAAW,UAAA,EACXK,EAAa,EAAI,GAGvB,EAeE,YAZkB,IAAM,CACxB,MAAML,EAAaP,GAAK,QAEpBO,GAAcA,EAAW,OAC3BK,EAAa,EAAK,EAElBN,EAAoBC,CAAU,EAElC,EAKE,gBAAiBE,CAAA,CAErB"}

package/dist/components/Dialog/useDialog.d.ts

@@ -0,0 +1,6 @@
+import { MutableRefObject, TransitionEvent } from 'react';
+export declare const useDialog: (ref: MutableRefObject<HTMLDialogElement | null>, isOpen: boolean) => {
+    openDialog: () => void;
+    closeDialog: () => void;
+    onTransitionEnd: (event: TransitionEvent<HTMLDialogElement>) => void;
+};

package/dist/components/Dialog/useDialog.js

@@ -0,0 +1,51 @@
+"use client";
+import { useRef as d, useCallback as r, useEffect as f } from "react";
+import { CLASS_NAME_OPEN as a } from "../../constants/classes.js";
+import { useScrollControl as m } from "../../hooks/useScrollControl.js";
+import { TRANSITION_FALLBACK_TIMEOUT as g } from "./constants.js";
+const E = (e, l) => {
+  const c = d(null), t = r(() => {
+    c.current !== null && (clearTimeout(c.current), c.current = null);
+  }, []), i = r(
+    (o) => {
+      t(), c.current = setTimeout(() => {
+        o.open && o.close && o.close();
+      }, g);
+    },
+    [t]
+  ), u = r(
+    (o) => {
+      const s = e?.current;
+      s && o.target === s && !l && s.open && s.close && (t(), s.close());
+    },
+    [l, e, t]
+  );
+  m(e, l);
+  const n = r(
+    (o) => {
+      const s = e?.current;
+      s?.classList && (o ? s.classList.add(a) : s.classList.remove(a));
+    },
+    [e]
+  );
+  return f(() => {
+    const o = e?.current;
+    return o && (l ? (t(), !o.open && o.showModal && (o.showModal(), n(!0))) : !l && o.open && (n(!1), i(o))), () => {
+      t();
+    };
+  }, [l, e, n, t, i]), {
+    openDialog: () => {
+      const o = e?.current;
+      o && (t(), !o.open && o.showModal && (o.showModal(), n(!0)));
+    },
+    closeDialog: () => {
+      const o = e?.current;
+      o && o.open && (n(!1), i(o));
+    },
+    onTransitionEnd: u
+  };
+};
+export {
+  E as useDialog
+};
+//# sourceMappingURL=useDialog.js.map

package/dist/components/Dialog/useDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDialog.js","sources":["../../../src/components/Dialog/useDialog.ts"],"sourcesContent":["'use client';\n\nimport { type MutableRefObject, type TransitionEvent, useCallback, useEffect, useRef } from 'react';\nimport { CLASS_NAME_OPEN } from '../../constants';\nimport { useScrollControl } from '../../hooks';\nimport { TRANSITION_FALLBACK_TIMEOUT } from './constants';\n\nexport const useDialog = (ref: MutableRefObject<HTMLDialogElement | null>, isOpen: boolean) => {\n  const closeTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const clearCloseTimeout = useCallback(() => {\n    if (closeTimeoutRef.current !== null) {\n      clearTimeout(closeTimeoutRef.current);\n      closeTimeoutRef.current = null;\n    }\n  }, []);\n\n  const scheduleDialogClose = useCallback(\n    (dialogNode: HTMLDialogElement) => {\n      clearCloseTimeout();\n      closeTimeoutRef.current = setTimeout(() => {\n        if (dialogNode.open && dialogNode.close) {\n          dialogNode.close();\n        }\n      }, TRANSITION_FALLBACK_TIMEOUT);\n    },\n    [clearCloseTimeout],\n  );\n\n  const handleTransitionEnd = useCallback(\n    (event: TransitionEvent<HTMLDialogElement>) => {\n      const dialogNode = ref?.current;\n\n      // Only handle transition end if it's for the dialog element itself (not children)\n      if (dialogNode && event.target === dialogNode && !isOpen && dialogNode.open && dialogNode.close) {\n        // Clear the fallback timeout since transitionend fired successfully\n        clearCloseTimeout();\n        // Dialog transition has ended, now close it\n        dialogNode.close();\n      }\n    },\n    [isOpen, ref, clearCloseTimeout],\n  );\n\n  useScrollControl(ref, isOpen);\n\n  // Helper function to manage the open class state\n  const setOpenClass = useCallback(\n    (shouldAdd: boolean) => {\n      const dialogNode = ref?.current;\n\n      if (dialogNode?.classList) {\n        if (shouldAdd) {\n          dialogNode.classList.add(CLASS_NAME_OPEN);\n        } else {\n          dialogNode.classList.remove(CLASS_NAME_OPEN);\n        }\n      }\n    },\n    [ref],\n  );\n\n  // Handle declarative dialog state changes via isOpen prop\n  useEffect(() => {\n    const dialogNode = ref?.current;\n\n    if (dialogNode) {\n      // Opening: When isOpen becomes true\n      if (isOpen) {\n        clearCloseTimeout(); // Clear any pending close timeout\n        if (!dialogNode.open && dialogNode.showModal) {\n          dialogNode.showModal(); // Show the dialog element\n          setOpenClass(true); // Add visual state class for CSS transitions\n        }\n      }\n      // Closing: When isOpen becomes false and dialog is currently open\n      else if (!isOpen && dialogNode.open) {\n        setOpenClass(false); // Remove visual state class to trigger CSS transition\n        // Set fallback timeout in case transitionend doesn't fire\n        scheduleDialogClose(dialogNode);\n      }\n    }\n\n    return () => {\n      clearCloseTimeout();\n    };\n  }, [isOpen, ref, setOpenClass, clearCloseTimeout, scheduleDialogClose]);\n\n  // Imperative function to open dialog programmatically\n  const openDialog = () => {\n    const dialogNode = ref?.current;\n\n    if (dialogNode) {\n      clearCloseTimeout(); // Clear any pending close timeout\n\n      if (!dialogNode.open && dialogNode.showModal) {\n        dialogNode.showModal(); // Show the dialog element\n        setOpenClass(true); // Add visual state class for CSS transitions\n      }\n    }\n  };\n\n  // Imperative function to close dialog programmatically\n  const closeDialog = () => {\n    const dialogNode = ref?.current;\n\n    if (dialogNode && dialogNode.open) {\n      setOpenClass(false); // Remove visual state class to trigger CSS transition\n      // Set fallback timeout in case transitionend doesn't fire\n      scheduleDialogClose(dialogNode);\n    }\n  };\n\n  return {\n    openDialog,\n    closeDialog,\n    onTransitionEnd: handleTransitionEnd,\n  };\n};\n"],"names":["useDialog","ref","isOpen","closeTimeoutRef","useRef","clearCloseTimeout","useCallback","scheduleDialogClose","dialogNode","TRANSITION_FALLBACK_TIMEOUT","handleTransitionEnd","event","useScrollControl","setOpenClass","shouldAdd","CLASS_NAME_OPEN","useEffect"],"mappings":";;;;;AAOO,MAAMA,IAAY,CAACC,GAAiDC,MAAoB;AAC7F,QAAMC,IAAkBC,EAA6C,IAAI,GAEnEC,IAAoBC,EAAY,MAAM;AAC1C,IAAIH,EAAgB,YAAY,SAC9B,aAAaA,EAAgB,OAAO,GACpCA,EAAgB,UAAU;AAAA,EAE9B,GAAG,CAAA,CAAE,GAECI,IAAsBD;AAAA,IAC1B,CAACE,MAAkC;AACjC,MAAAH,EAAA,GACAF,EAAgB,UAAU,WAAW,MAAM;AACzC,QAAIK,EAAW,QAAQA,EAAW,SAChCA,EAAW,MAAA;AAAA,MAEf,GAAGC,CAA2B;AAAA,IAChC;AAAA,IACA,CAACJ,CAAiB;AAAA,EAAA,GAGdK,IAAsBJ;AAAA,IAC1B,CAACK,MAA8C;AAC7C,YAAMH,IAAaP,GAAK;AAGxB,MAAIO,KAAcG,EAAM,WAAWH,KAAc,CAACN,KAAUM,EAAW,QAAQA,EAAW,UAExFH,EAAA,GAEAG,EAAW,MAAA;AAAA,IAEf;AAAA,IACA,CAACN,GAAQD,GAAKI,CAAiB;AAAA,EAAA;AAGjC,EAAAO,EAAiBX,GAAKC,CAAM;AAG5B,QAAMW,IAAeP;AAAA,IACnB,CAACQ,MAAuB;AACtB,YAAMN,IAAaP,GAAK;AAExB,MAAIO,GAAY,cACVM,IACFN,EAAW,UAAU,IAAIO,CAAe,IAExCP,EAAW,UAAU,OAAOO,CAAe;AAAA,IAGjD;AAAA,IACA,CAACd,CAAG;AAAA,EAAA;AAIN,SAAAe,EAAU,MAAM;AACd,UAAMR,IAAaP,GAAK;AAExB,WAAIO,MAEEN,KACFG,EAAA,GACI,CAACG,EAAW,QAAQA,EAAW,cACjCA,EAAW,UAAA,GACXK,EAAa,EAAI,MAIZ,CAACX,KAAUM,EAAW,SAC7BK,EAAa,EAAK,GAElBN,EAAoBC,CAAU,KAI3B,MAAM;AACX,MAAAH,EAAA;AAAA,IACF;AAAA,EACF,GAAG,CAACH,GAAQD,GAAKY,GAAcR,GAAmBE,CAAmB,CAAC,GA2B/D;AAAA,IACL,YAzBiB,MAAM;AACvB,YAAMC,IAAaP,GAAK;AAExB,MAAIO,MACFH,EAAA,GAEI,CAACG,EAAW,QAAQA,EAAW,cACjCA,EAAW,UAAA,GACXK,EAAa,EAAI;AAAA,IAGvB;AAAA,IAeE,aAZkB,MAAM;AACxB,YAAML,IAAaP,GAAK;AAExB,MAAIO,KAAcA,EAAW,SAC3BK,EAAa,EAAK,GAElBN,EAAoBC,CAAU;AAAA,IAElC;AAAA,IAKE,iBAAiBE;AAAA,EAAA;AAErB;"}

package/dist/components/Dialog.d.ts

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

package/dist/components/Divider/Divider.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"),l=require("classnames"),p=require("../../hooks/styleProps.cjs"),c=require("./useDividerStyleProps.cjs"),s=r=>{const{classProps:t,props:o}=c.useDividerStyleProps(r),{styleProps:e,props:i}=p.useStyleProps(o);return u.jsx("hr",{...i,...e,className:l(t,e.className)})};s.spiritComponent="Divider";exports.default=s;
+//# sourceMappingURL=Divider.cjs.map

package/dist/components/Divider/Divider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.cjs","sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritDividerProps } from '../../types';\nimport { useDividerStyleProps } from './useDividerStyleProps';\n\nconst Divider = (props: SpiritDividerProps): JSX.Element => {\n  const { classProps, props: modifiedProps } = useDividerStyleProps(props);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n\n  return <hr {...otherProps} {...styleProps} className={classNames(classProps, styleProps.className)} />;\n};\n\nDivider.spiritComponent = 'Divider';\n\nexport default Divider;\n"],"names":["Divider","props","classProps","modifiedProps","useDividerStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":"sQAQMA,EAAWC,GAA2C,CAC1D,KAAM,CAAE,WAAAC,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,qBAAqBH,CAAK,EACjE,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAErE,OAAOK,MAAC,KAAA,CAAI,GAAGF,EAAa,GAAGD,EAAY,UAAWI,EAAWP,EAAYG,EAAW,SAAS,CAAA,CAAG,CACtG,EAEAL,EAAQ,gBAAkB"}

package/dist/components/Divider/Divider.d.ts

@@ -0,0 +1,6 @@
+import { SpiritDividerProps } from '../../types';
+declare const Divider: {
+    (props: SpiritDividerProps): JSX.Element;
+    spiritComponent: string;
+};
+export default Divider;

package/dist/components/Divider/Divider.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as p } from "react/jsx-runtime";
+import i from "classnames";
+import { useStyleProps as m } from "../../hooks/styleProps.js";
+import { useDividerStyleProps as a } from "./useDividerStyleProps.js";
+const c = (r) => {
+  const { classProps: o, props: e } = a(r), { styleProps: s, props: t } = m(e);
+  return /* @__PURE__ */ p("hr", { ...t, ...s, className: i(o, s.className) });
+};
+c.spiritComponent = "Divider";
+export {
+  c as default
+};
+//# sourceMappingURL=Divider.js.map

package/dist/components/Divider/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritDividerProps } from '../../types';\nimport { useDividerStyleProps } from './useDividerStyleProps';\n\nconst Divider = (props: SpiritDividerProps): JSX.Element => {\n  const { classProps, props: modifiedProps } = useDividerStyleProps(props);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n\n  return <hr {...otherProps} {...styleProps} className={classNames(classProps, styleProps.className)} />;\n};\n\nDivider.spiritComponent = 'Divider';\n\nexport default Divider;\n"],"names":["Divider","props","classProps","modifiedProps","useDividerStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":";;;;;AAQA,MAAMA,IAAU,CAACC,MAA2C;AAC1D,QAAM,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAkBC,EAAqBH,CAAK,GACjE,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa;AAErE,SAAO,gBAAAK,EAAC,MAAA,EAAI,GAAGF,GAAa,GAAGD,GAAY,WAAWI,EAAWP,GAAYG,EAAW,SAAS,EAAA,CAAG;AACtG;AAEAL,EAAQ,kBAAkB;"}

package/dist/components/Divider/index.cjs

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

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

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

package/dist/components/Divider/index.js

@@ -0,0 +1,7 @@
+import { default as t } from "./Divider.js";
+import { useDividerStyleProps as o } from "./useDividerStyleProps.js";
+export {
+  t as Divider,
+  o as useDividerStyleProps
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Divider/useDividerStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../hooks/useClassNamePrefix.cjs");function r(e){return{classProps:s.useClassNamePrefix("Divider"),props:e}}exports.useDividerStyleProps=r;
+//# sourceMappingURL=useDividerStyleProps.cjs.map

package/dist/components/Divider/useDividerStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDividerStyleProps.cjs","sources":["../../../src/components/Divider/useDividerStyleProps.ts"],"sourcesContent":["import { useClassNamePrefix } from '../../hooks';\nimport { type SpiritDividerProps } from '../../types';\n\nexport interface DividerStyles {\n  /** className props */\n  classProps: string;\n  /** props to be passed to the element */\n  props: SpiritDividerProps;\n}\n\nexport function useDividerStyleProps(props: SpiritDividerProps): DividerStyles {\n  const DividerClass = useClassNamePrefix('Divider');\n\n  return {\n    classProps: DividerClass,\n    props,\n  };\n}\n"],"names":["useDividerStyleProps","props","useClassNamePrefix"],"mappings":"sIAUO,SAASA,EAAqBC,EAA0C,CAG7E,MAAO,CACL,WAHmBC,EAAAA,mBAAmB,SAAS,EAI/C,MAAAD,CAAA,CAEJ"}

package/dist/components/Divider/useDividerStyleProps.d.ts

@@ -0,0 +1,6 @@
+import { SpiritDividerProps } from '../../types';
+export interface DividerStyles {
+    classProps: string;
+    props: SpiritDividerProps;
+}
+export declare function useDividerStyleProps(props: SpiritDividerProps): DividerStyles;

package/dist/components/Divider/useDividerStyleProps.js

@@ -0,0 +1,11 @@
+import { useClassNamePrefix as r } from "../../hooks/useClassNamePrefix.js";
+function t(s) {
+  return {
+    classProps: r("Divider"),
+    props: s
+  };
+}
+export {
+  t as useDividerStyleProps
+};
+//# sourceMappingURL=useDividerStyleProps.js.map

package/dist/components/Divider/useDividerStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDividerStyleProps.js","sources":["../../../src/components/Divider/useDividerStyleProps.ts"],"sourcesContent":["import { useClassNamePrefix } from '../../hooks';\nimport { type SpiritDividerProps } from '../../types';\n\nexport interface DividerStyles {\n  /** className props */\n  classProps: string;\n  /** props to be passed to the element */\n  props: SpiritDividerProps;\n}\n\nexport function useDividerStyleProps(props: SpiritDividerProps): DividerStyles {\n  const DividerClass = useClassNamePrefix('Divider');\n\n  return {\n    classProps: DividerClass,\n    props,\n  };\n}\n"],"names":["useDividerStyleProps","props","useClassNamePrefix"],"mappings":";AAUO,SAASA,EAAqBC,GAA0C;AAG7E,SAAO;AAAA,IACL,YAHmBC,EAAmB,SAAS;AAAA,IAI/C,OAAAD;AAAA,EAAA;AAEJ;"}

package/dist/components/Divider.d.ts

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

package/dist/components/Drawer/Drawer.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),d=require("classnames"),D=require("../../hooks/styleProps.cjs"),m=require("../../hooks/useLastActiveFocus.cjs"),q=require("../Dialog/Dialog.cjs"),w=require("./constants.cjs"),y=require("./DrawerContext.cjs"),v=require("./useDrawerStyleProps.cjs"),n=c=>{const{children:u,alignmentX:i=w.DRAWER_ALIGNMENT_DEFAULT,isOpen:e,onClose:s,id:r,...a}=c,{classProps:l}=v.useDrawerStyleProps({drawerAlignmentX:i}),{styleProps:t,props:p}=D.useStyleProps(a),P={id:r,isOpen:e,onClose:s};return m.useLastActiveFocus(e),o.jsx(y.DrawerProvider,{value:P,children:o.jsx(q.default,{...p,...t,id:r,isOpen:e,onClose:s,className:d(l.root,t.className),children:u})})};n.spiritComponent="Drawer";exports.default=n;
+//# sourceMappingURL=Drawer.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.cjs","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":"qZAWMA,EAAUC,GAA6B,CAC3C,KAAM,CAAE,SAAAC,EAAU,WAAAC,EAAaC,2BAA0B,OAAAC,EAAQ,QAAAC,EAAS,GAAAC,EAAI,GAAGC,CAAA,EAAcP,EACzF,CAAE,WAAAQ,CAAA,EAAeC,EAAAA,oBAAoB,CAAE,iBAAkBP,EAAY,EACrE,CAAA,WAAEQ,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcL,CAAS,EAE3DM,EAAe,CACnB,GAAAP,EACA,OAAAF,EACA,QAAAC,CAAA,EAGFS,OAAAA,EAAAA,mBAAmBV,CAAM,EAGvBW,EAAAA,IAACC,EAAAA,eAAA,CAAe,MAAOH,EACrB,SAAAE,EAAAA,IAACE,EAAAA,QAAA,CACE,GAAGN,EACH,GAAGD,EACJ,GAAAJ,EACA,OAAAF,EACA,QAAAC,EACA,UAAWa,EAAWV,EAAW,KAAME,EAAW,SAAS,EAE1D,SAAAT,CAAA,CAAA,EAEL,CAEJ,EAEAF,EAAO,gBAAkB"}

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

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