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

package/dist/components/Matrix/index.js

@@ -0,0 +1,8 @@
+import { default as s } from "./Matrix.js";
+import { useDefaultResponsiveRowsStyle as o, useMatrixStyleProps as a } from "./useMatrixStyleProps.js";
+export {
+  s as Matrix,
+  o as useDefaultResponsiveRowsStyle,
+  a as useMatrixStyleProps
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Matrix/useMatrixStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("@alma-oss/spirit-design-tokens"),$=require("classnames"),u=require("../../constants/direction.cjs"),D=require("../../hooks/useClassNamePrefix.cjs"),S=require("../../hooks/useDimensionStyle.cjs"),a=require("../../hooks/useSpacingStyle.cjs"),g=require("./constants.cjs"),m=(i,r,o,l)=>{const t={},e=`--${l}`;return typeof i=="object"&&r===g.MATRIX_ROWS_DEFAULT&&o>0&&Object.keys(i).forEach(n=>{const c=n==="mobile"?"":`-${n}`;t[`${e}-items-count`]=`${o}`,t[`${e}-rows${c}`]=`calc(var(${e}-item-rows) * var(${e}-items-count) / var(${e}-columns${c}))`}),t};function P(i){const{cols:r,itemsCount:o,itemRows:l,rows:t,spacing:e,spacingX:n,spacingY:c,...p}=i,y=D.useClassNamePrefix("Matrix"),s=`${f.cssVariablePrefix}matrix`,x={...S.useDimensionStyle(r,`${s}-columns`),...S.useDimensionStyle(t,`${s}-rows`),...S.useDimensionStyle(l,`${s}-item-rows`),...m(r,t,o,s),...a.useSpacingStyle(e,s,u.DirectionAxis.X),...a.useSpacingStyle(e,s,u.DirectionAxis.Y),...a.useSpacingStyle(n,s,u.DirectionAxis.X),...a.useSpacingStyle(c,s,u.DirectionAxis.Y)};return{classProps:$(y),props:p,styleProps:x}}exports.useDefaultResponsiveRowsStyle=m;exports.useMatrixStyleProps=P;
+//# sourceMappingURL=useMatrixStyleProps.cjs.map

package/dist/components/Matrix/useMatrixStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMatrixStyleProps.cjs","sources":["../../../src/components/Matrix/useMatrixStyleProps.ts"],"sourcesContent":["import { cssVariablePrefix } from '@alma-oss/spirit-design-tokens';\nimport classNames from 'classnames';\nimport { type CSSProperties, type ElementType } from 'react';\nimport { DirectionAxis } from '../../constants';\nimport { type DimensionCSSProperties, useClassNamePrefix, useDimensionStyle, useSpacingStyle } from '../../hooks';\nimport { type DimensionType, type SpiritMatrixProps } from '../../types';\nimport { MATRIX_ROWS_DEFAULT } from './constants';\n\nexport interface MatrixStyles<T> {\n  /** className props */\n  classProps: string;\n  /** Props for the Matrix element. */\n  props: T;\n  /** Style props for the element */\n  styleProps: CSSProperties;\n}\n\n/**\n * Generates default responsive row styles for the Matrix component.\n *\n * @param cols - The column configuration for the Matrix, which can be a dimension type or undefined.\n * @param rows - The row configuration for the Matrix, which can be a dimension type or undefined.\n * @param itemsCount\n * @param prefix - The CSS variable prefix used for generating styles.\n * @returns {CSSProperties} A CSSProperties object containing the calculated row styles.\n */\nexport const useDefaultResponsiveRowsStyle = (\n  cols: DimensionType | undefined,\n  rows: DimensionType | undefined,\n  itemsCount: number,\n  prefix: string,\n): CSSProperties => {\n  const style: DimensionCSSProperties = {};\n  const cssPrefix: string = `--${prefix}`;\n\n  if (typeof cols === 'object' && rows === MATRIX_ROWS_DEFAULT && itemsCount > 0) {\n    Object.keys(cols).forEach((key) => {\n      const breakpointSuffix = key === 'mobile' ? '' : `-${key}`;\n      (style as Record<string, string | undefined>)[`${cssPrefix}-items-count`] = `${itemsCount}`;\n      (style as Record<string, string | undefined>)[`${cssPrefix}-rows${breakpointSuffix}`] =\n        `calc(var(${cssPrefix}-item-rows) * var(${cssPrefix}-items-count) / var(${cssPrefix}-columns${breakpointSuffix}))`;\n    });\n  }\n\n  return style;\n};\n\nexport function useMatrixStyleProps(\n  props: SpiritMatrixProps<ElementType>,\n): MatrixStyles<SpiritMatrixProps<ElementType>> {\n  const { cols, itemsCount, itemRows, rows, spacing, spacingX, spacingY, ...restProps } = props;\n\n  const matrixClass = useClassNamePrefix('Matrix');\n  const matrixPrefix: string = `${cssVariablePrefix}matrix`;\n\n  const matrixCustomStyle: CSSProperties = {\n    ...useDimensionStyle(cols, `${matrixPrefix}-columns`),\n    ...useDimensionStyle(rows, `${matrixPrefix}-rows`),\n    ...useDimensionStyle(itemRows, `${matrixPrefix}-item-rows`),\n    ...useDefaultResponsiveRowsStyle(cols, rows, itemsCount as number, matrixPrefix),\n    ...useSpacingStyle(spacing, matrixPrefix, DirectionAxis.X),\n    ...useSpacingStyle(spacing, matrixPrefix, DirectionAxis.Y),\n    ...useSpacingStyle(spacingX, matrixPrefix, DirectionAxis.X),\n    ...useSpacingStyle(spacingY, matrixPrefix, DirectionAxis.Y),\n  };\n\n  return {\n    classProps: classNames(matrixClass),\n    props: restProps,\n    styleProps: matrixCustomStyle,\n  };\n}\n"],"names":["useDefaultResponsiveRowsStyle","cols","rows","itemsCount","prefix","style","cssPrefix","MATRIX_ROWS_DEFAULT","key","breakpointSuffix","useMatrixStyleProps","props","itemRows","spacing","spacingX","spacingY","restProps","matrixClass","useClassNamePrefix","matrixPrefix","cssVariablePrefix","matrixCustomStyle","useDimensionStyle","useSpacingStyle","DirectionAxis","classNames"],"mappings":"8WA0BaA,EAAgC,CAC3CC,EACAC,EACAC,EACAC,IACkB,CAClB,MAAMC,EAAgC,CAAA,EAChCC,EAAoB,KAAKF,CAAM,GAErC,OAAI,OAAOH,GAAS,UAAYC,IAASK,EAAAA,qBAAuBJ,EAAa,GAC3E,OAAO,KAAKF,CAAI,EAAE,QAASO,GAAQ,CACjC,MAAMC,EAAmBD,IAAQ,SAAW,GAAK,IAAIA,CAAG,GACvDH,EAA6C,GAAGC,CAAS,cAAc,EAAI,GAAGH,CAAU,GACxFE,EAA6C,GAAGC,CAAS,QAAQG,CAAgB,EAAE,EAClF,YAAYH,CAAS,qBAAqBA,CAAS,uBAAuBA,CAAS,WAAWG,CAAgB,IAClH,CAAC,EAGIJ,CACT,EAEO,SAASK,EACdC,EAC8C,CAC9C,KAAM,CAAE,KAAAV,EAAM,WAAAE,EAAY,SAAAS,EAAU,KAAAV,EAAM,QAAAW,EAAS,SAAAC,EAAU,SAAAC,EAAU,GAAGC,CAAA,EAAcL,EAElFM,EAAcC,EAAAA,mBAAmB,QAAQ,EACzCC,EAAuB,GAAGC,EAAAA,iBAAiB,SAE3CC,EAAmC,CACvC,GAAGC,EAAAA,kBAAkBrB,EAAM,GAAGkB,CAAY,UAAU,EACpD,GAAGG,EAAAA,kBAAkBpB,EAAM,GAAGiB,CAAY,OAAO,EACjD,GAAGG,EAAAA,kBAAkBV,EAAU,GAAGO,CAAY,YAAY,EAC1D,GAAGnB,EAA8BC,EAAMC,EAAMC,EAAsBgB,CAAY,EAC/E,GAAGI,EAAAA,gBAAgBV,EAASM,EAAcK,EAAAA,cAAc,CAAC,EACzD,GAAGD,EAAAA,gBAAgBV,EAASM,EAAcK,EAAAA,cAAc,CAAC,EACzD,GAAGD,EAAAA,gBAAgBT,EAAUK,EAAcK,EAAAA,cAAc,CAAC,EAC1D,GAAGD,kBAAgBR,EAAUI,EAAcK,EAAAA,cAAc,CAAC,CAAA,EAG5D,MAAO,CACL,WAAYC,EAAWR,CAAW,EAClC,MAAOD,EACP,WAAYK,CAAA,CAEhB"}

package/dist/components/Matrix/useMatrixStyleProps.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties, ElementType } from 'react';
+import { DimensionType, SpiritMatrixProps } from '../../types';
+export interface MatrixStyles<T> {
+    classProps: string;
+    props: T;
+    styleProps: CSSProperties;
+}
+export declare const useDefaultResponsiveRowsStyle: (cols: DimensionType | undefined, rows: DimensionType | undefined, itemsCount: number, prefix: string) => CSSProperties;
+export declare function useMatrixStyleProps(props: SpiritMatrixProps<ElementType>): MatrixStyles<SpiritMatrixProps<ElementType>>;

package/dist/components/Matrix/useMatrixStyleProps.js

@@ -0,0 +1,36 @@
+import { cssVariablePrefix as x } from "@alma-oss/spirit-design-tokens";
+import y from "classnames";
+import { DirectionAxis as a } from "../../constants/direction.js";
+import { useClassNamePrefix as P } from "../../hooks/useClassNamePrefix.js";
+import { useDimensionStyle as f } from "../../hooks/useDimensionStyle.js";
+import { useSpacingStyle as n } from "../../hooks/useSpacingStyle.js";
+import { MATRIX_ROWS_DEFAULT as S } from "./constants.js";
+const w = (r, e, i, p) => {
+  const t = {}, s = `--${p}`;
+  return typeof r == "object" && e === S && i > 0 && Object.keys(r).forEach((m) => {
+    const c = m === "mobile" ? "" : `-${m}`;
+    t[`${s}-items-count`] = `${i}`, t[`${s}-rows${c}`] = `calc(var(${s}-item-rows) * var(${s}-items-count) / var(${s}-columns${c}))`;
+  }), t;
+};
+function C(r) {
+  const { cols: e, itemsCount: i, itemRows: p, rows: t, spacing: s, spacingX: m, spacingY: c, ...l } = r, u = P("Matrix"), o = `${x}matrix`, $ = {
+    ...f(e, `${o}-columns`),
+    ...f(t, `${o}-rows`),
+    ...f(p, `${o}-item-rows`),
+    ...w(e, t, i, o),
+    ...n(s, o, a.X),
+    ...n(s, o, a.Y),
+    ...n(m, o, a.X),
+    ...n(c, o, a.Y)
+  };
+  return {
+    classProps: y(u),
+    props: l,
+    styleProps: $
+  };
+}
+export {
+  w as useDefaultResponsiveRowsStyle,
+  C as useMatrixStyleProps
+};
+//# sourceMappingURL=useMatrixStyleProps.js.map

package/dist/components/Matrix/useMatrixStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMatrixStyleProps.js","sources":["../../../src/components/Matrix/useMatrixStyleProps.ts"],"sourcesContent":["import { cssVariablePrefix } from '@alma-oss/spirit-design-tokens';\nimport classNames from 'classnames';\nimport { type CSSProperties, type ElementType } from 'react';\nimport { DirectionAxis } from '../../constants';\nimport { type DimensionCSSProperties, useClassNamePrefix, useDimensionStyle, useSpacingStyle } from '../../hooks';\nimport { type DimensionType, type SpiritMatrixProps } from '../../types';\nimport { MATRIX_ROWS_DEFAULT } from './constants';\n\nexport interface MatrixStyles<T> {\n  /** className props */\n  classProps: string;\n  /** Props for the Matrix element. */\n  props: T;\n  /** Style props for the element */\n  styleProps: CSSProperties;\n}\n\n/**\n * Generates default responsive row styles for the Matrix component.\n *\n * @param cols - The column configuration for the Matrix, which can be a dimension type or undefined.\n * @param rows - The row configuration for the Matrix, which can be a dimension type or undefined.\n * @param itemsCount\n * @param prefix - The CSS variable prefix used for generating styles.\n * @returns {CSSProperties} A CSSProperties object containing the calculated row styles.\n */\nexport const useDefaultResponsiveRowsStyle = (\n  cols: DimensionType | undefined,\n  rows: DimensionType | undefined,\n  itemsCount: number,\n  prefix: string,\n): CSSProperties => {\n  const style: DimensionCSSProperties = {};\n  const cssPrefix: string = `--${prefix}`;\n\n  if (typeof cols === 'object' && rows === MATRIX_ROWS_DEFAULT && itemsCount > 0) {\n    Object.keys(cols).forEach((key) => {\n      const breakpointSuffix = key === 'mobile' ? '' : `-${key}`;\n      (style as Record<string, string | undefined>)[`${cssPrefix}-items-count`] = `${itemsCount}`;\n      (style as Record<string, string | undefined>)[`${cssPrefix}-rows${breakpointSuffix}`] =\n        `calc(var(${cssPrefix}-item-rows) * var(${cssPrefix}-items-count) / var(${cssPrefix}-columns${breakpointSuffix}))`;\n    });\n  }\n\n  return style;\n};\n\nexport function useMatrixStyleProps(\n  props: SpiritMatrixProps<ElementType>,\n): MatrixStyles<SpiritMatrixProps<ElementType>> {\n  const { cols, itemsCount, itemRows, rows, spacing, spacingX, spacingY, ...restProps } = props;\n\n  const matrixClass = useClassNamePrefix('Matrix');\n  const matrixPrefix: string = `${cssVariablePrefix}matrix`;\n\n  const matrixCustomStyle: CSSProperties = {\n    ...useDimensionStyle(cols, `${matrixPrefix}-columns`),\n    ...useDimensionStyle(rows, `${matrixPrefix}-rows`),\n    ...useDimensionStyle(itemRows, `${matrixPrefix}-item-rows`),\n    ...useDefaultResponsiveRowsStyle(cols, rows, itemsCount as number, matrixPrefix),\n    ...useSpacingStyle(spacing, matrixPrefix, DirectionAxis.X),\n    ...useSpacingStyle(spacing, matrixPrefix, DirectionAxis.Y),\n    ...useSpacingStyle(spacingX, matrixPrefix, DirectionAxis.X),\n    ...useSpacingStyle(spacingY, matrixPrefix, DirectionAxis.Y),\n  };\n\n  return {\n    classProps: classNames(matrixClass),\n    props: restProps,\n    styleProps: matrixCustomStyle,\n  };\n}\n"],"names":["useDefaultResponsiveRowsStyle","cols","rows","itemsCount","prefix","style","cssPrefix","MATRIX_ROWS_DEFAULT","key","breakpointSuffix","useMatrixStyleProps","props","itemRows","spacing","spacingX","spacingY","restProps","matrixClass","useClassNamePrefix","matrixPrefix","cssVariablePrefix","matrixCustomStyle","useDimensionStyle","useSpacingStyle","DirectionAxis","classNames"],"mappings":";;;;;;;AA0BO,MAAMA,IAAgC,CAC3CC,GACAC,GACAC,GACAC,MACkB;AAClB,QAAMC,IAAgC,CAAA,GAChCC,IAAoB,KAAKF,CAAM;AAErC,SAAI,OAAOH,KAAS,YAAYC,MAASK,KAAuBJ,IAAa,KAC3E,OAAO,KAAKF,CAAI,EAAE,QAAQ,CAACO,MAAQ;AACjC,UAAMC,IAAmBD,MAAQ,WAAW,KAAK,IAAIA,CAAG;AACvD,IAAAH,EAA6C,GAAGC,CAAS,cAAc,IAAI,GAAGH,CAAU,IACxFE,EAA6C,GAAGC,CAAS,QAAQG,CAAgB,EAAE,IAClF,YAAYH,CAAS,qBAAqBA,CAAS,uBAAuBA,CAAS,WAAWG,CAAgB;AAAA,EAClH,CAAC,GAGIJ;AACT;AAEO,SAASK,EACdC,GAC8C;AAC9C,QAAM,EAAE,MAAAV,GAAM,YAAAE,GAAY,UAAAS,GAAU,MAAAV,GAAM,SAAAW,GAAS,UAAAC,GAAU,UAAAC,GAAU,GAAGC,EAAA,IAAcL,GAElFM,IAAcC,EAAmB,QAAQ,GACzCC,IAAuB,GAAGC,CAAiB,UAE3CC,IAAmC;AAAA,IACvC,GAAGC,EAAkBrB,GAAM,GAAGkB,CAAY,UAAU;AAAA,IACpD,GAAGG,EAAkBpB,GAAM,GAAGiB,CAAY,OAAO;AAAA,IACjD,GAAGG,EAAkBV,GAAU,GAAGO,CAAY,YAAY;AAAA,IAC1D,GAAGnB,EAA8BC,GAAMC,GAAMC,GAAsBgB,CAAY;AAAA,IAC/E,GAAGI,EAAgBV,GAASM,GAAcK,EAAc,CAAC;AAAA,IACzD,GAAGD,EAAgBV,GAASM,GAAcK,EAAc,CAAC;AAAA,IACzD,GAAGD,EAAgBT,GAAUK,GAAcK,EAAc,CAAC;AAAA,IAC1D,GAAGD,EAAgBR,GAAUI,GAAcK,EAAc,CAAC;AAAA,EAAA;AAG5D,SAAO;AAAA,IACL,YAAYC,EAAWR,CAAW;AAAA,IAClC,OAAOD;AAAA,IACP,YAAYK;AAAA,EAAA;AAEhB;"}

package/dist/components/Matrix.d.ts

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

package/dist/components/Modal/Modal.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"),P=require("classnames"),m=require("../../constants/dictionaries.cjs"),q=require("../../hooks/styleProps.cjs"),y=require("../../hooks/useLastActiveFocus.cjs"),M=require("../Dialog/Dialog.cjs"),g=require("./ModalContext.cjs"),v=require("./useModalStyleProps.cjs"),l=i=>{const{children:n,alignmentY:a=m.AlignmentY.CENTER,isOpen:e,onClose:t,id:s,...c}=i,{classProps:u}=v.useModalStyleProps({isOpen:e,modalAlignment:a}),{styleProps:o,props:d}=q.useStyleProps(c),p={id:s,isOpen:e,onClose:t};return y.useLastActiveFocus(e),r.jsx(g.ModalProvider,{value:p,children:r.jsx(M.default,{...d,...o,id:s,isOpen:e,onClose:t,className:P(u.root,o.className),"aria-labelledby":`${s}__title`,children:n})})};l.spiritComponent="Modal";exports.default=l;
+//# sourceMappingURL=Modal.cjs.map

package/dist/components/Modal/Modal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.cjs","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { AlignmentY } from '../../constants';\nimport { useLastActiveFocus, useStyleProps } from '../../hooks';\nimport { type SpiritModalProps } from '../../types';\nimport Dialog from '../Dialog/Dialog';\nimport { ModalProvider } from './ModalContext';\nimport { useModalStyleProps } from './useModalStyleProps';\n\nconst Modal = (props: SpiritModalProps) => {\n  const { children, alignmentY = AlignmentY.CENTER, isOpen, onClose, id, ...restProps } = props;\n  const { classProps } = useModalStyleProps({ isOpen, modalAlignment: alignmentY });\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    <ModalProvider 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        aria-labelledby={`${id}__title`}\n      >\n        {children}\n      </Dialog>\n    </ModalProvider>\n  );\n};\n\nModal.spiritComponent = 'Modal';\n\nexport default Modal;\n"],"names":["Modal","props","children","alignmentY","AlignmentY","isOpen","onClose","id","restProps","classProps","useModalStyleProps","styleProps","otherProps","useStyleProps","contextValue","useLastActiveFocus","jsx","ModalProvider","Dialog","classNames"],"mappings":"oaAWMA,EAASC,GAA4B,CACzC,KAAM,CAAE,SAAAC,EAAU,WAAAC,EAAaC,EAAAA,WAAW,OAAQ,OAAAC,EAAQ,QAAAC,EAAS,GAAAC,EAAI,GAAGC,CAAA,EAAcP,EAClF,CAAE,WAAAQ,GAAeC,EAAAA,mBAAmB,CAAE,OAAAL,EAAQ,eAAgBF,EAAY,EAC1E,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,cAAA,CAAc,MAAOH,EACpB,SAAAE,EAAAA,IAACE,EAAAA,QAAA,CACE,GAAGN,EACH,GAAGD,EACJ,GAAAJ,EACA,OAAAF,EACA,QAAAC,EACA,UAAWa,EAAWV,EAAW,KAAME,EAAW,SAAS,EAC3D,kBAAiB,GAAGJ,CAAE,UAErB,SAAAL,CAAA,CAAA,EAEL,CAEJ,EAEAF,EAAM,gBAAkB"}

package/dist/components/Modal/Modal.d.ts

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

package/dist/components/Modal/Modal.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import d from "classnames";
+import { AlignmentY as u } from "../../constants/dictionaries.js";
+import { useStyleProps as f } from "../../hooks/styleProps.js";
+import { useLastActiveFocus as P } from "../../hooks/useLastActiveFocus.js";
+import g from "../Dialog/Dialog.js";
+import { ModalProvider as y } from "./ModalContext.js";
+import { useModalStyleProps as M } from "./useModalStyleProps.js";
+const N = (l) => {
+  const { children: i, alignmentY: m = u.CENTER, isOpen: o, onClose: s, id: r, ...a } = l, { classProps: n } = M({ isOpen: o, modalAlignment: m }), { styleProps: t, props: p } = f(a), c = {
+    id: r,
+    isOpen: o,
+    onClose: s
+  };
+  return P(o), /* @__PURE__ */ e(y, { value: c, children: /* @__PURE__ */ e(
+    g,
+    {
+      ...p,
+      ...t,
+      id: r,
+      isOpen: o,
+      onClose: s,
+      className: d(n.root, t.className),
+      "aria-labelledby": `${r}__title`,
+      children: i
+    }
+  ) });
+};
+N.spiritComponent = "Modal";
+export {
+  N as default
+};
+//# sourceMappingURL=Modal.js.map

package/dist/components/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { AlignmentY } from '../../constants';\nimport { useLastActiveFocus, useStyleProps } from '../../hooks';\nimport { type SpiritModalProps } from '../../types';\nimport Dialog from '../Dialog/Dialog';\nimport { ModalProvider } from './ModalContext';\nimport { useModalStyleProps } from './useModalStyleProps';\n\nconst Modal = (props: SpiritModalProps) => {\n  const { children, alignmentY = AlignmentY.CENTER, isOpen, onClose, id, ...restProps } = props;\n  const { classProps } = useModalStyleProps({ isOpen, modalAlignment: alignmentY });\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    <ModalProvider 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        aria-labelledby={`${id}__title`}\n      >\n        {children}\n      </Dialog>\n    </ModalProvider>\n  );\n};\n\nModal.spiritComponent = 'Modal';\n\nexport default Modal;\n"],"names":["Modal","props","children","alignmentY","AlignmentY","isOpen","onClose","id","restProps","classProps","useModalStyleProps","styleProps","otherProps","useStyleProps","contextValue","useLastActiveFocus","jsx","ModalProvider","Dialog","classNames"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAQ,CAACC,MAA4B;AACzC,QAAM,EAAE,UAAAC,GAAU,YAAAC,IAAaC,EAAW,QAAQ,QAAAC,GAAQ,SAAAC,GAAS,IAAAC,GAAI,GAAGC,EAAA,IAAcP,GAClF,EAAE,YAAAQ,MAAeC,EAAmB,EAAE,QAAAL,GAAQ,gBAAgBF,GAAY,GAC1E,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,EAAc,OAAOH,GACpB,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,MAC3D,mBAAiB,GAAGJ,CAAE;AAAA,MAErB,UAAAL;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;AAEAF,EAAM,kBAAkB;"}

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

package/dist/components/Modal/ModalBody.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBody.cjs","sources":["../../../src/components/Modal/ModalBody.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type ModalBodyProps } from '../../types';\nimport { useModalStyleProps } from './useModalStyleProps';\n\nconst ModalBody = ({ children, ...restProps }: ModalBodyProps) => {\n  const { classProps } = useModalStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  return (\n    <div {...otherProps} {...styleProps} className={classNames(classProps.body, styleProps.className)}>\n      {children}\n    </div>\n  );\n};\n\nModalBody.spiritComponent = 'ModalBody';\n\nexport default ModalBody;\n"],"names":["ModalBody","children","restProps","classProps","useModalStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":"oQAQMA,EAAY,CAAC,CAAE,SAAAC,EAAU,GAAGC,KAAgC,CAChE,KAAM,CAAE,WAAAC,CAAA,EAAeC,qBAAA,EACjB,CAAA,WAAEC,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcL,CAAS,EAEjE,OACEM,EAAAA,IAAC,MAAA,CAAK,GAAGF,EAAa,GAAGD,EAAY,UAAWI,EAAWN,EAAW,KAAME,EAAW,SAAS,EAC7F,SAAAJ,CAAA,CACH,CAEJ,EAEAD,EAAU,gBAAkB"}

package/dist/components/Modal/ModalBody.d.ts

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

package/dist/components/Modal/ModalBody.js

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

package/dist/components/Modal/ModalBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBody.js","sources":["../../../src/components/Modal/ModalBody.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type ModalBodyProps } from '../../types';\nimport { useModalStyleProps } from './useModalStyleProps';\n\nconst ModalBody = ({ children, ...restProps }: ModalBodyProps) => {\n  const { classProps } = useModalStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  return (\n    <div {...otherProps} {...styleProps} className={classNames(classProps.body, styleProps.className)}>\n      {children}\n    </div>\n  );\n};\n\nModalBody.spiritComponent = 'ModalBody';\n\nexport default ModalBody;\n"],"names":["ModalBody","children","restProps","classProps","useModalStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":";;;;;AAQA,MAAMA,IAAY,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAAgC;AAChE,QAAM,EAAE,YAAAC,EAAA,IAAeC,EAAA,GACjB,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAS;AAEjE,SACE,gBAAAM,EAAC,OAAA,EAAK,GAAGF,GAAa,GAAGD,GAAY,WAAWI,EAAWN,EAAW,MAAME,EAAW,SAAS,GAC7F,UAAAJ,EAAA,CACH;AAEJ;AAEAD,EAAU,kBAAkB;"}

package/dist/components/Modal/ModalCloseButton.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"),c=require("../../hooks/useI18n.cjs"),a=require("../Button/Button.cjs"),d=require("../Icon/Icon.cjs"),m=require("../VisuallyHidden/VisuallyHidden.cjs"),t=({label:o,onClose:s,id:n,isOpen:r,...l})=>{const{t:u}=c.useI18n(),i=o??u("common.close");return e.jsxs(a.default,{...l,isSymmetrical:!0,color:"tertiary",onClick:s,"aria-expanded":r,"aria-controls":n,children:[e.jsx(d.default,{name:"close"}),e.jsx(m.default,{children:i})]})};t.spiritComponent="ModalCloseButton";exports.default=t;
+//# sourceMappingURL=ModalCloseButton.cjs.map

package/dist/components/Modal/ModalCloseButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalCloseButton.cjs","sources":["../../../src/components/Modal/ModalCloseButton.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { useI18n } from '../../hooks';\nimport { type ModalCloseButtonProps } from '../../types';\nimport { Button } from '../Button';\nimport { Icon } from '../Icon';\nimport { VisuallyHidden } from '../VisuallyHidden';\n\nconst ModalCloseButton = ({ label, onClose, id, isOpen, ...restProps }: ModalCloseButtonProps) => {\n  const { t } = useI18n();\n  const closeLabel = label ?? t('common.close');\n\n  return (\n    <Button {...restProps} isSymmetrical color=\"tertiary\" onClick={onClose} aria-expanded={isOpen} aria-controls={id}>\n      <Icon name=\"close\" />\n      <VisuallyHidden>{closeLabel}</VisuallyHidden>\n    </Button>\n  );\n};\n\nModalCloseButton.spiritComponent = 'ModalCloseButton';\n\nexport default ModalCloseButton;\n"],"names":["ModalCloseButton","label","onClose","id","isOpen","restProps","t","useI18n","closeLabel","jsxs","Button","jsx","Icon","VisuallyHidden"],"mappings":"qTASMA,EAAmB,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,GAAAC,EAAI,OAAAC,EAAQ,GAAGC,KAAuC,CAChG,KAAM,CAAE,EAAAC,CAAA,EAAMC,UAAA,EACRC,EAAaP,GAASK,EAAE,cAAc,EAE5C,OACEG,EAAAA,KAACC,EAAAA,QAAA,CAAQ,GAAGL,EAAW,cAAa,GAAC,MAAM,WAAW,QAASH,EAAS,gBAAeE,EAAQ,gBAAeD,EAC5G,SAAA,CAAAQ,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAK,OAAA,CAAQ,EACnBD,EAAAA,IAACE,EAAAA,SAAgB,SAAAL,CAAA,CAAW,CAAA,EAC9B,CAEJ,EAEAR,EAAiB,gBAAkB"}

package/dist/components/Modal/ModalCloseButton.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { ModalCloseButtonProps } from '../../types';
+declare const ModalCloseButton: {
+    ({ label, onClose, id, isOpen, ...restProps }: ModalCloseButtonProps): React.JSX.Element;
+    spiritComponent: string;
+};
+export default ModalCloseButton;

package/dist/components/Modal/ModalCloseButton.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { useI18n as m } from "../../hooks/useI18n.js";
+import a from "../Button/Button.js";
+import u from "../Icon/Icon.js";
+import d from "../VisuallyHidden/VisuallyHidden.js";
+const p = ({ label: t, onClose: r, id: e, isOpen: n, ...s }) => {
+  const { t: i } = m(), l = t ?? i("common.close");
+  return /* @__PURE__ */ c(a, { ...s, isSymmetrical: !0, color: "tertiary", onClick: r, "aria-expanded": n, "aria-controls": e, children: [
+    /* @__PURE__ */ o(u, { name: "close" }),
+    /* @__PURE__ */ o(d, { children: l })
+  ] });
+};
+p.spiritComponent = "ModalCloseButton";
+export {
+  p as default
+};
+//# sourceMappingURL=ModalCloseButton.js.map

package/dist/components/Modal/ModalCloseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalCloseButton.js","sources":["../../../src/components/Modal/ModalCloseButton.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { useI18n } from '../../hooks';\nimport { type ModalCloseButtonProps } from '../../types';\nimport { Button } from '../Button';\nimport { Icon } from '../Icon';\nimport { VisuallyHidden } from '../VisuallyHidden';\n\nconst ModalCloseButton = ({ label, onClose, id, isOpen, ...restProps }: ModalCloseButtonProps) => {\n  const { t } = useI18n();\n  const closeLabel = label ?? t('common.close');\n\n  return (\n    <Button {...restProps} isSymmetrical color=\"tertiary\" onClick={onClose} aria-expanded={isOpen} aria-controls={id}>\n      <Icon name=\"close\" />\n      <VisuallyHidden>{closeLabel}</VisuallyHidden>\n    </Button>\n  );\n};\n\nModalCloseButton.spiritComponent = 'ModalCloseButton';\n\nexport default ModalCloseButton;\n"],"names":["ModalCloseButton","label","onClose","id","isOpen","restProps","t","useI18n","closeLabel","jsxs","Button","jsx","Icon","VisuallyHidden"],"mappings":";;;;;;AASA,MAAMA,IAAmB,CAAC,EAAE,OAAAC,GAAO,SAAAC,GAAS,IAAAC,GAAI,QAAAC,GAAQ,GAAGC,QAAuC;AAChG,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAaP,KAASK,EAAE,cAAc;AAE5C,SACE,gBAAAG,EAACC,GAAA,EAAQ,GAAGL,GAAW,eAAa,IAAC,OAAM,YAAW,SAASH,GAAS,iBAAeE,GAAQ,iBAAeD,GAC5G,UAAA;AAAA,IAAA,gBAAAQ,EAACC,GAAA,EAAK,MAAK,QAAA,CAAQ;AAAA,IACnB,gBAAAD,EAACE,KAAgB,UAAAL,EAAA,CAAW;AAAA,EAAA,GAC9B;AAEJ;AAEAR,EAAiB,kBAAkB;"}

package/dist/components/Modal/ModalContext.cjs

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

package/dist/components/Modal/ModalContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContext.cjs","sources":["../../../src/components/Modal/ModalContext.ts"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\nimport { type ModalDialogHandlingProps } from '../../types';\n\nexport type ModalContextProps = {\n  id: string;\n} & ModalDialogHandlingProps;\n\nconst defaultContext: ModalContextProps = {\n  id: '',\n  isOpen: false,\n  onClose: () => null,\n};\n\nconst ModalContext = createContext<ModalContextProps>(defaultContext);\nconst ModalProvider = ModalContext.Provider;\nconst ModalConsumer = ModalContext.Consumer;\nconst useModalContext = (): ModalContextProps => useContext(ModalContext);\n\nexport default ModalContext;\nexport { ModalProvider, ModalConsumer, useModalContext };\n"],"names":["defaultContext","ModalContext","createContext","ModalProvider","ModalConsumer","useModalContext","useContext"],"mappings":"sHASMA,EAAoC,CACxC,GAAI,GACJ,OAAQ,GACR,QAAS,IAAM,IACjB,EAEMC,EAAeC,EAAAA,cAAiCF,CAAc,EAC9DG,EAAgBF,EAAa,SAC7BG,EAAgBH,EAAa,SAC7BI,EAAkB,IAAyBC,EAAAA,WAAWL,CAAY"}

package/dist/components/Modal/ModalContext.d.ts

@@ -0,0 +1,10 @@
+import { ModalDialogHandlingProps } from '../../types';
+export type ModalContextProps = {
+    id: string;
+} & ModalDialogHandlingProps;
+declare const ModalContext: React.Context<ModalContextProps>;
+declare const ModalProvider: React.Provider<ModalContextProps>;
+declare const ModalConsumer: React.Consumer<ModalContextProps>;
+declare const useModalContext: () => ModalContextProps;
+export default ModalContext;
+export { ModalProvider, ModalConsumer, useModalContext };

package/dist/components/Modal/ModalContext.js

@@ -0,0 +1,13 @@
+"use client";
+import { createContext as t, useContext as e } from "react";
+const n = {
+  id: "",
+  isOpen: !1,
+  onClose: () => null
+}, o = t(n), r = o.Provider, l = o.Consumer, c = () => e(o);
+export {
+  l as ModalConsumer,
+  r as ModalProvider,
+  c as useModalContext
+};
+//# sourceMappingURL=ModalContext.js.map

package/dist/components/Modal/ModalContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContext.js","sources":["../../../src/components/Modal/ModalContext.ts"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\nimport { type ModalDialogHandlingProps } from '../../types';\n\nexport type ModalContextProps = {\n  id: string;\n} & ModalDialogHandlingProps;\n\nconst defaultContext: ModalContextProps = {\n  id: '',\n  isOpen: false,\n  onClose: () => null,\n};\n\nconst ModalContext = createContext<ModalContextProps>(defaultContext);\nconst ModalProvider = ModalContext.Provider;\nconst ModalConsumer = ModalContext.Consumer;\nconst useModalContext = (): ModalContextProps => useContext(ModalContext);\n\nexport default ModalContext;\nexport { ModalProvider, ModalConsumer, useModalContext };\n"],"names":["defaultContext","ModalContext","createContext","ModalProvider","ModalConsumer","useModalContext","useContext"],"mappings":";;AASA,MAAMA,IAAoC;AAAA,EACxC,IAAI;AAAA,EACJ,QAAQ;AAAA,EACR,SAAS,MAAM;AACjB,GAEMC,IAAeC,EAAiCF,CAAc,GAC9DG,IAAgBF,EAAa,UAC7BG,IAAgBH,EAAa,UAC7BI,IAAkB,MAAyBC,EAAWL,CAAY;"}

package/dist/components/Modal/ModalDialog.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"),S=require("react"),m=require("../../hooks/styleProps.cjs"),D=require("../../utils/mergeStyleProps.cjs"),q=require("./useModalDialogStyleProps.cjs"),b=require("./useModalStyleProps.cjs"),f=(r,l)=>{const{elementType:t="article",children:i,isDockedOnMobile:a,isExpandedOnMobile:p,isScrollable:n,...c}=r,o=t,{classProps:d}=b.useModalStyleProps({isDockedOnMobile:a,isExpandedOnMobile:p,isScrollable:n}),{modalDialogStyleProps:u,props:P}=q.useModalDialogStyleProps(c),{styleProps:y,props:s}=m.useStyleProps(P),g=D.mergeStyleProps(o,{classProps:d.dialog,modalDialogStyleProps:u,styleProps:y,otherProps:s});return M.jsx(o,{...s,...g,ref:l,children:i})},e=S.forwardRef(f);e.spiritComponent="ModalDialog";e.displayName="ModalDialog";exports.default=e;
+//# sourceMappingURL=ModalDialog.cjs.map

package/dist/components/Modal/ModalDialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalDialog.cjs","sources":["../../../src/components/Modal/ModalDialog.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type ModalDialogProps, type PolymorphicComponent, type PolymorphicRef } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useModalDialogStyleProps } from './useModalDialogStyleProps';\nimport { useModalStyleProps } from './useModalStyleProps';\n\nconst _ModalDialog = <E extends ElementType = 'article'>(props: ModalDialogProps<E>, ref: PolymorphicRef<E>) => {\n  const { elementType = 'article', children, isDockedOnMobile, isExpandedOnMobile, isScrollable, ...restProps } = props;\n\n  const Component = elementType as ElementType;\n\n  const { classProps } = useModalStyleProps({ isDockedOnMobile, isExpandedOnMobile, isScrollable });\n  const { modalDialogStyleProps, props: modifiedProps } = useModalDialogStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.dialog,\n    modalDialogStyleProps,\n    styleProps,\n    otherProps,\n  });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst ModalDialog = forwardRef<HTMLElement, ModalDialogProps<'article'>>(\n  _ModalDialog,\n) as unknown as PolymorphicComponent<'article', ModalDialogProps<ElementType>>;\n\nModalDialog.spiritComponent = 'ModalDialog';\nModalDialog.displayName = 'ModalDialog';\n\nexport default ModalDialog;\n"],"names":["_ModalDialog","props","ref","elementType","children","isDockedOnMobile","isExpandedOnMobile","isScrollable","restProps","Component","classProps","useModalStyleProps","modalDialogStyleProps","modifiedProps","useModalDialogStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","ModalDialog","forwardRef"],"mappings":"wVASMA,EAAe,CAAoCC,EAA4BC,IAA2B,CAC9G,KAAM,CAAE,YAAAC,EAAc,UAAW,SAAAC,EAAU,iBAAAC,EAAkB,mBAAAC,EAAoB,aAAAC,EAAc,GAAGC,CAAA,EAAcP,EAE1GQ,EAAYN,EAEZ,CAAE,WAAAO,GAAeC,EAAAA,mBAAmB,CAAE,iBAAAN,EAAkB,mBAAAC,EAAoB,aAAAC,EAAc,EAC1F,CAAE,sBAAAK,EAAuB,MAAOC,CAAA,EAAkBC,EAAAA,yBAAyBN,CAAS,EACpF,CAAA,WAAEO,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,EAAAA,gBAAgBV,EAAW,CAClD,WAAYC,EAAW,OACvB,sBAAAE,EAAA,WACAG,EACA,WAAAC,CAAA,CACD,EAED,aACGP,EAAA,CAAW,GAAGO,EAAa,GAAGE,EAAkB,IAAAhB,EAC9C,SAAAE,EACH,CAEJ,EAEMgB,EAAcC,EAAAA,WAClBrB,CACF,EAEAoB,EAAY,gBAAkB,cAC9BA,EAAY,YAAc"}

package/dist/components/Modal/ModalDialog.d.ts

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

package/dist/components/Modal/ModalDialog.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as y } from "react/jsx-runtime";
+import { forwardRef as M } from "react";
+import { useStyleProps as u } from "../../hooks/styleProps.js";
+import { mergeStyleProps as D } from "../../utils/mergeStyleProps.js";
+import { useModalDialogStyleProps as S } from "./useModalDialogStyleProps.js";
+import { useModalStyleProps as b } from "./useModalStyleProps.js";
+const x = (e, l) => {
+  const { elementType: t = "article", children: p, isDockedOnMobile: i, isExpandedOnMobile: a, isScrollable: m, ...n } = e, o = t, { classProps: d } = b({ isDockedOnMobile: i, isExpandedOnMobile: a, isScrollable: m }), { modalDialogStyleProps: c, props: P } = S(n), { styleProps: f, props: s } = u(P), g = D(o, {
+    classProps: d.dialog,
+    modalDialogStyleProps: c,
+    styleProps: f,
+    otherProps: s
+  });
+  return /* @__PURE__ */ y(o, { ...s, ...g, ref: l, children: p });
+}, r = M(
+  x
+);
+r.spiritComponent = "ModalDialog";
+r.displayName = "ModalDialog";
+export {
+  r as default
+};
+//# sourceMappingURL=ModalDialog.js.map

package/dist/components/Modal/ModalDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalDialog.js","sources":["../../../src/components/Modal/ModalDialog.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type ModalDialogProps, type PolymorphicComponent, type PolymorphicRef } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useModalDialogStyleProps } from './useModalDialogStyleProps';\nimport { useModalStyleProps } from './useModalStyleProps';\n\nconst _ModalDialog = <E extends ElementType = 'article'>(props: ModalDialogProps<E>, ref: PolymorphicRef<E>) => {\n  const { elementType = 'article', children, isDockedOnMobile, isExpandedOnMobile, isScrollable, ...restProps } = props;\n\n  const Component = elementType as ElementType;\n\n  const { classProps } = useModalStyleProps({ isDockedOnMobile, isExpandedOnMobile, isScrollable });\n  const { modalDialogStyleProps, props: modifiedProps } = useModalDialogStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.dialog,\n    modalDialogStyleProps,\n    styleProps,\n    otherProps,\n  });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst ModalDialog = forwardRef<HTMLElement, ModalDialogProps<'article'>>(\n  _ModalDialog,\n) as unknown as PolymorphicComponent<'article', ModalDialogProps<ElementType>>;\n\nModalDialog.spiritComponent = 'ModalDialog';\nModalDialog.displayName = 'ModalDialog';\n\nexport default ModalDialog;\n"],"names":["_ModalDialog","props","ref","elementType","children","isDockedOnMobile","isExpandedOnMobile","isScrollable","restProps","Component","classProps","useModalStyleProps","modalDialogStyleProps","modifiedProps","useModalDialogStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","ModalDialog","forwardRef"],"mappings":";;;;;;;AASA,MAAMA,IAAe,CAAoCC,GAA4BC,MAA2B;AAC9G,QAAM,EAAE,aAAAC,IAAc,WAAW,UAAAC,GAAU,kBAAAC,GAAkB,oBAAAC,GAAoB,cAAAC,GAAc,GAAGC,EAAA,IAAcP,GAE1GQ,IAAYN,GAEZ,EAAE,YAAAO,MAAeC,EAAmB,EAAE,kBAAAN,GAAkB,oBAAAC,GAAoB,cAAAC,GAAc,GAC1F,EAAE,uBAAAK,GAAuB,OAAOC,EAAA,IAAkBC,EAAyBN,CAAS,GACpF,EAAE,YAAAO,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBV,GAAW;AAAA,IAClD,YAAYC,EAAW;AAAA,IACvB,uBAAAE;AAAA,IACA,YAAAG;AAAA,IACA,YAAAC;AAAA,EAAA,CACD;AAED,2BACGP,GAAA,EAAW,GAAGO,GAAa,GAAGE,GAAkB,KAAAhB,GAC9C,UAAAE,GACH;AAEJ,GAEMgB,IAAcC;AAAA,EAClBrB;AACF;AAEAoB,EAAY,kBAAkB;AAC9BA,EAAY,cAAc;"}

package/dist/components/Modal/ModalFooter.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),u=require("classnames"),d=require("../../constants/dictionaries.cjs"),p=require("../../hooks/styleProps.cjs"),m=require("./useModalStyleProps.cjs"),r=i=>{const{children:l,alignmentX:n=d.AlignmentX.RIGHT,description:o,...c}=i,{classProps:e}=m.useModalStyleProps({footerAlignment:n}),{styleProps:t,props:a}=p.useStyleProps(c);return s.jsxs("footer",{...a,...t,className:u(e.footer.root,t.className),children:[o&&s.jsx("div",{className:e.footer.description,children:o}),s.jsx("div",{className:e.footer.actions,children:l})]})};r.spiritComponent="ModalFooter";exports.default=r;
+//# sourceMappingURL=ModalFooter.cjs.map

package/dist/components/Modal/ModalFooter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.cjs","sources":["../../../src/components/Modal/ModalFooter.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { AlignmentX } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type ModalFooterProps } from '../../types';\nimport { useModalStyleProps } from './useModalStyleProps';\n\nconst ModalFooter = (props: ModalFooterProps) => {\n  const { children, alignmentX = AlignmentX.RIGHT, description, ...restProps } = props;\n\n  const { classProps } = useModalStyleProps({ footerAlignment: alignmentX });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  return (\n    <footer {...otherProps} {...styleProps} className={classNames(classProps.footer.root, styleProps.className)}>\n      {description && <div className={classProps.footer.description}>{description}</div>}\n      <div className={classProps.footer.actions}>{children}</div>\n    </footer>\n  );\n};\n\nModalFooter.spiritComponent = 'ModalFooter';\n\nexport default ModalFooter;\n"],"names":["ModalFooter","props","children","alignmentX","AlignmentX","description","restProps","classProps","useModalStyleProps","styleProps","otherProps","useStyleProps","jsxs","classNames"],"mappings":"kTASMA,EAAeC,GAA4B,CAC/C,KAAM,CAAE,SAAAC,EAAU,WAAAC,EAAaC,EAAAA,WAAW,MAAO,YAAAC,EAAa,GAAGC,GAAcL,EAEzE,CAAE,WAAAM,CAAA,EAAeC,EAAAA,mBAAmB,CAAE,gBAAiBL,EAAY,EACnE,CAAA,WAAEM,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcL,CAAS,EAEjE,OACEM,EAAAA,KAAC,SAAA,CAAQ,GAAGF,EAAa,GAAGD,EAAY,UAAWI,EAAWN,EAAW,OAAO,KAAME,EAAW,SAAS,EACvG,SAAA,CAAAJ,SAAgB,MAAA,CAAI,UAAWE,EAAW,OAAO,YAAc,SAAAF,EAAY,QAC3E,MAAA,CAAI,UAAWE,EAAW,OAAO,QAAU,SAAAL,CAAA,CAAS,CAAA,EACvD,CAEJ,EAEAF,EAAY,gBAAkB"}

package/dist/components/Modal/ModalFooter.d.ts

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

package/dist/components/Modal/ModalFooter.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import c from "classnames";
+import { AlignmentX as p } from "../../constants/dictionaries.js";
+import { useStyleProps as d } from "../../hooks/styleProps.js";
+import { useModalStyleProps as f } from "./useModalStyleProps.js";
+const u = (e) => {
+  const { children: i, alignmentX: l = p.RIGHT, description: s, ...n } = e, { classProps: o } = f({ footerAlignment: l }), { styleProps: r, props: m } = d(n);
+  return /* @__PURE__ */ a("footer", { ...m, ...r, className: c(o.footer.root, r.className), children: [
+    s && /* @__PURE__ */ t("div", { className: o.footer.description, children: s }),
+    /* @__PURE__ */ t("div", { className: o.footer.actions, children: i })
+  ] });
+};
+u.spiritComponent = "ModalFooter";
+export {
+  u as default
+};
+//# sourceMappingURL=ModalFooter.js.map

package/dist/components/Modal/ModalFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.js","sources":["../../../src/components/Modal/ModalFooter.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { AlignmentX } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type ModalFooterProps } from '../../types';\nimport { useModalStyleProps } from './useModalStyleProps';\n\nconst ModalFooter = (props: ModalFooterProps) => {\n  const { children, alignmentX = AlignmentX.RIGHT, description, ...restProps } = props;\n\n  const { classProps } = useModalStyleProps({ footerAlignment: alignmentX });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  return (\n    <footer {...otherProps} {...styleProps} className={classNames(classProps.footer.root, styleProps.className)}>\n      {description && <div className={classProps.footer.description}>{description}</div>}\n      <div className={classProps.footer.actions}>{children}</div>\n    </footer>\n  );\n};\n\nModalFooter.spiritComponent = 'ModalFooter';\n\nexport default ModalFooter;\n"],"names":["ModalFooter","props","children","alignmentX","AlignmentX","description","restProps","classProps","useModalStyleProps","styleProps","otherProps","useStyleProps","jsxs","classNames"],"mappings":";;;;;;AASA,MAAMA,IAAc,CAACC,MAA4B;AAC/C,QAAM,EAAE,UAAAC,GAAU,YAAAC,IAAaC,EAAW,OAAO,aAAAC,GAAa,GAAGC,MAAcL,GAEzE,EAAE,YAAAM,EAAA,IAAeC,EAAmB,EAAE,iBAAiBL,GAAY,GACnE,EAAE,YAAAM,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAS;AAEjE,SACE,gBAAAM,EAAC,UAAA,EAAQ,GAAGF,GAAa,GAAGD,GAAY,WAAWI,EAAWN,EAAW,OAAO,MAAME,EAAW,SAAS,GACvG,UAAA;AAAA,IAAAJ,uBAAgB,OAAA,EAAI,WAAWE,EAAW,OAAO,aAAc,UAAAF,GAAY;AAAA,sBAC3E,OAAA,EAAI,WAAWE,EAAW,OAAO,SAAU,UAAAL,EAAA,CAAS;AAAA,EAAA,GACvD;AAEJ;AAEAF,EAAY,kBAAkB;"}

package/dist/components/Modal/ModalHeader.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"),M=require("classnames"),C=require("../../hooks/styleProps.cjs"),q=require("../../hooks/useI18n.cjs"),y=require("./ModalCloseButton.cjs"),x=require("./ModalContext.cjs"),b=require("./useModalStyleProps.cjs"),f={hasCloseButton:!0},l=n=>{const a={...f,...n},{children:s,closeLabel:u,hasCloseButton:c,...i}=a,{t:d}=q.useI18n(),p=u??d("common.close"),{classProps:o}=b.useModalStyleProps(),{styleProps:t,props:P}=C.useStyleProps(i),{id:r,isOpen:h,onClose:m}=x.useModalContext();return e.jsxs("header",{...P,...t,className:M(o.header,t.className),children:[s&&e.jsx("h2",{id:`${r}__title`,className:o.title,children:s}),c&&e.jsx(y.default,{id:r,isOpen:h,label:p,onClose:m})]})};l.spiritComponent="ModalHeader";exports.default=l;
+//# sourceMappingURL=ModalHeader.cjs.map

package/dist/components/Modal/ModalHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeader.cjs","sources":["../../../src/components/Modal/ModalHeader.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useI18n, useStyleProps } from '../../hooks';\nimport { type ModalHeaderProps } from '../../types';\nimport ModalCloseButton from './ModalCloseButton';\nimport { useModalContext } from './ModalContext';\nimport { useModalStyleProps } from './useModalStyleProps';\n\nconst defaultProps: ModalHeaderProps = {\n  hasCloseButton: true,\n};\n\nconst ModalHeader = (props: ModalHeaderProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, closeLabel, hasCloseButton, ...restProps } = propsWithDefaults;\n  const { t } = useI18n();\n  const resolvedCloseLabel = closeLabel ?? t('common.close');\n  const { classProps } = useModalStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const { id, isOpen, onClose } = useModalContext();\n\n  return (\n    <header {...otherProps} {...styleProps} className={classNames(classProps.header, styleProps.className)}>\n      {children && (\n        <h2 id={`${id}__title`} className={classProps.title}>\n          {children}\n        </h2>\n      )}\n      {hasCloseButton && <ModalCloseButton id={id} isOpen={isOpen} label={resolvedCloseLabel} onClose={onClose} />}\n    </header>\n  );\n};\n\nModalHeader.spiritComponent = 'ModalHeader';\n\nexport default ModalHeader;\n"],"names":["defaultProps","ModalHeader","props","propsWithDefaults","children","closeLabel","hasCloseButton","restProps","t","useI18n","resolvedCloseLabel","classProps","useModalStyleProps","styleProps","otherProps","useStyleProps","id","isOpen","onClose","useModalContext","jsxs","classNames","jsx","ModalCloseButton"],"mappings":"6WAUMA,EAAiC,CACrC,eAAgB,EAClB,EAEMC,EAAeC,GAA4B,CAC/C,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CAAE,SAAAE,EAAU,WAAAC,EAAY,eAAAC,EAAgB,GAAGC,GAAcJ,EACzD,CAAE,EAAAK,CAAA,EAAMC,UAAA,EACRC,EAAqBL,GAAcG,EAAE,cAAc,EACnD,CAAE,WAAAG,CAAA,EAAeC,qBAAA,EACjB,CAAA,WAAEC,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcR,CAAS,EAC3D,CAAE,GAAAS,EAAI,OAAAC,EAAQ,QAAAC,CAAA,EAAYC,EAAAA,gBAAA,EAEhC,OACEC,EAAAA,KAAC,SAAA,CAAQ,GAAGN,EAAa,GAAGD,EAAY,UAAWQ,EAAWV,EAAW,OAAQE,EAAW,SAAS,EAClG,SAAA,CAAAT,GACCkB,EAAAA,IAAC,MAAG,GAAI,GAAGN,CAAE,UAAW,UAAWL,EAAW,MAC3C,SAAAP,CAAA,CACH,EAEDE,GAAkBgB,EAAAA,IAACC,EAAAA,QAAA,CAAiB,GAAAP,EAAQ,OAAAC,EAAgB,MAAOP,EAAoB,QAAAQ,CAAA,CAAkB,CAAA,EAC5G,CAEJ,EAEAjB,EAAY,gBAAkB"}

package/dist/components/Modal/ModalHeader.d.ts

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

package/dist/components/Modal/ModalHeader.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsxs as h, jsx as r } from "react/jsx-runtime";
+import C from "classnames";
+import { useStyleProps as P } from "../../hooks/styleProps.js";
+import { useI18n as M } from "../../hooks/useI18n.js";
+import x from "./ModalCloseButton.js";
+import { useModalContext as N } from "./ModalContext.js";
+import { useModalStyleProps as b } from "./useModalStyleProps.js";
+const y = {
+  hasCloseButton: !0
+}, B = (l) => {
+  const a = { ...y, ...l }, { children: o, closeLabel: n, hasCloseButton: p, ...c } = a, { t: m } = M(), i = n ?? m("common.close"), { classProps: s } = b(), { styleProps: e, props: d } = P(c), { id: t, isOpen: u, onClose: f } = N();
+  return /* @__PURE__ */ h("header", { ...d, ...e, className: C(s.header, e.className), children: [
+    o && /* @__PURE__ */ r("h2", { id: `${t}__title`, className: s.title, children: o }),
+    p && /* @__PURE__ */ r(x, { id: t, isOpen: u, label: i, onClose: f })
+  ] });
+};
+B.spiritComponent = "ModalHeader";
+export {
+  B as default
+};
+//# sourceMappingURL=ModalHeader.js.map

package/dist/components/Modal/ModalHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeader.js","sources":["../../../src/components/Modal/ModalHeader.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useI18n, useStyleProps } from '../../hooks';\nimport { type ModalHeaderProps } from '../../types';\nimport ModalCloseButton from './ModalCloseButton';\nimport { useModalContext } from './ModalContext';\nimport { useModalStyleProps } from './useModalStyleProps';\n\nconst defaultProps: ModalHeaderProps = {\n  hasCloseButton: true,\n};\n\nconst ModalHeader = (props: ModalHeaderProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, closeLabel, hasCloseButton, ...restProps } = propsWithDefaults;\n  const { t } = useI18n();\n  const resolvedCloseLabel = closeLabel ?? t('common.close');\n  const { classProps } = useModalStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const { id, isOpen, onClose } = useModalContext();\n\n  return (\n    <header {...otherProps} {...styleProps} className={classNames(classProps.header, styleProps.className)}>\n      {children && (\n        <h2 id={`${id}__title`} className={classProps.title}>\n          {children}\n        </h2>\n      )}\n      {hasCloseButton && <ModalCloseButton id={id} isOpen={isOpen} label={resolvedCloseLabel} onClose={onClose} />}\n    </header>\n  );\n};\n\nModalHeader.spiritComponent = 'ModalHeader';\n\nexport default ModalHeader;\n"],"names":["defaultProps","ModalHeader","props","propsWithDefaults","children","closeLabel","hasCloseButton","restProps","t","useI18n","resolvedCloseLabel","classProps","useModalStyleProps","styleProps","otherProps","useStyleProps","id","isOpen","onClose","useModalContext","jsxs","classNames","jsx","ModalCloseButton"],"mappings":";;;;;;;;AAUA,MAAMA,IAAiC;AAAA,EACrC,gBAAgB;AAClB,GAEMC,IAAc,CAACC,MAA4B;AAC/C,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,UAAAE,GAAU,YAAAC,GAAY,gBAAAC,GAAgB,GAAGC,MAAcJ,GACzD,EAAE,GAAAK,EAAA,IAAMC,EAAA,GACRC,IAAqBL,KAAcG,EAAE,cAAc,GACnD,EAAE,YAAAG,EAAA,IAAeC,EAAA,GACjB,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAeC,EAAcR,CAAS,GAC3D,EAAE,IAAAS,GAAI,QAAAC,GAAQ,SAAAC,EAAA,IAAYC,EAAA;AAEhC,SACE,gBAAAC,EAAC,UAAA,EAAQ,GAAGN,GAAa,GAAGD,GAAY,WAAWQ,EAAWV,EAAW,QAAQE,EAAW,SAAS,GAClG,UAAA;AAAA,IAAAT,KACC,gBAAAkB,EAAC,QAAG,IAAI,GAAGN,CAAE,WAAW,WAAWL,EAAW,OAC3C,UAAAP,EAAA,CACH;AAAA,IAEDE,KAAkB,gBAAAgB,EAACC,GAAA,EAAiB,IAAAP,GAAQ,QAAAC,GAAgB,OAAOP,GAAoB,SAAAQ,EAAA,CAAkB;AAAA,EAAA,GAC5G;AAEJ;AAEAjB,EAAY,kBAAkB;"}

package/dist/components/Modal/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Modal.cjs"),l=require("./ModalBody.cjs"),t=require("./ModalCloseButton.cjs"),o=require("./ModalContext.cjs"),d=require("./ModalDialog.cjs"),a=require("./ModalFooter.cjs"),r=require("./ModalHeader.cjs"),u=require("./useModalStyleProps.cjs");exports.Modal=e.default;exports.ModalBody=l.default;exports.ModalCloseButton=t.default;exports.ModalConsumer=o.ModalConsumer;exports.ModalProvider=o.ModalProvider;exports.useModalContext=o.useModalContext;exports.ModalDialog=d.default;exports.ModalFooter=a.default;exports.ModalHeader=r.default;exports.useModalStyleProps=u.useModalStyleProps;
+//# sourceMappingURL=index.cjs.map

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

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

package/dist/components/Modal/index.js

@@ -0,0 +1,21 @@
+import { default as a } from "./Modal.js";
+import { default as t } from "./ModalBody.js";
+import { default as l } from "./ModalCloseButton.js";
+import { ModalConsumer as s, ModalProvider as u, useModalContext as M } from "./ModalContext.js";
+import { default as p } from "./ModalDialog.js";
+import { default as i } from "./ModalFooter.js";
+import { default as C } from "./ModalHeader.js";
+import { useModalStyleProps as B } from "./useModalStyleProps.js";
+export {
+  a as Modal,
+  t as ModalBody,
+  l as ModalCloseButton,
+  s as ModalConsumer,
+  p as ModalDialog,
+  i as ModalFooter,
+  C as ModalHeader,
+  u as ModalProvider,
+  M as useModalContext,
+  B as useModalStyleProps
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Modal/useModalDialogStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=(o,t)=>t?typeof t=="object"?Object.keys(t).reduce((i,e)=>{const g=e==="mobile"?"":`-${e}`,n=`--${o}${g}`;return{...i,[n]:t[e]?.toString()}},{}):{[`--${o}`]:t?.toString()}:{},c=o=>{const{height:t,maxHeight:s,...i}=o;return{modalDialogStyleProps:{...r("modal-dialog-height",t),...r("modal-dialog-max-height",s)},props:i}};exports.useModalDialogStyleProps=c;
+//# sourceMappingURL=useModalDialogStyleProps.cjs.map

package/dist/components/Modal/useModalDialogStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModalDialogStyleProps.cjs","sources":["../../../src/components/Modal/useModalDialogStyleProps.ts"],"sourcesContent":["import { type CSSProperties, type ElementType } from 'react';\nimport {\n  type ModalDialogCSSHeight,\n  type ModalDialogCSSHeightBreakpoints,\n  type ModalDialogProps,\n  type ModalDialogStyleProps,\n} from '../../types';\n\ninterface CustomizedHeightCSSProperties extends CSSProperties {\n  [key: string]: string | undefined | number;\n}\n\nconst setCustomHeight = (\n  baseVarName: string,\n  propValue: ModalDialogCSSHeight | ModalDialogCSSHeightBreakpoints | undefined,\n): CustomizedHeightCSSProperties => {\n  if (!propValue) return {};\n\n  if (typeof propValue === 'object') {\n    return Object.keys(propValue).reduce((acc, key) => {\n      const suffix = key === 'mobile' ? '' : `-${key}`;\n      const propName = `--${baseVarName}${suffix}`;\n\n      return {\n        ...acc,\n        [propName]: propValue[key as keyof ModalDialogCSSHeightBreakpoints]?.toString(),\n      };\n    }, {} as CustomizedHeightCSSProperties);\n  }\n  const propName = `--${baseVarName}`;\n\n  return { [propName]: propValue?.toString() } as CustomizedHeightCSSProperties;\n};\n\nexport interface ModalDialogStyles<E extends ElementType> {\n  modalDialogStyleProps: CustomizedHeightCSSProperties;\n  props: Omit<ModalDialogProps<E>, keyof ModalDialogStyleProps<E>>;\n}\n\nexport const useModalDialogStyleProps = <E extends ElementType>(props: ModalDialogProps<E>): ModalDialogStyles<E> => {\n  const { height, maxHeight, ...otherProps } = props;\n\n  const customizedHeightStyle = {\n    ...setCustomHeight('modal-dialog-height', height),\n    ...setCustomHeight('modal-dialog-max-height', maxHeight),\n  };\n\n  return {\n    modalDialogStyleProps: customizedHeightStyle,\n    props: otherProps,\n  };\n};\n"],"names":["setCustomHeight","baseVarName","propValue","acc","key","suffix","propName","useModalDialogStyleProps","props","height","maxHeight","otherProps"],"mappings":"gFAYA,MAAMA,EAAkB,CACtBC,EACAC,IAEKA,EAED,OAAOA,GAAc,SAChB,OAAO,KAAKA,CAAS,EAAE,OAAO,CAACC,EAAKC,IAAQ,CACjD,MAAMC,EAASD,IAAQ,SAAW,GAAK,IAAIA,CAAG,GACxCE,EAAW,KAAKL,CAAW,GAAGI,CAAM,GAE1C,MAAO,CACL,GAAGF,EACH,CAACG,CAAQ,EAAGJ,EAAUE,CAA4C,GAAG,SAAA,CAAS,CAElF,EAAG,CAAA,CAAmC,EAIjC,CAAE,CAFQ,KAAKH,CAAW,EAEf,EAAGC,GAAW,UAAS,EAflB,CAAA,EAuBZK,EAAmDC,GAAqD,CACnH,KAAM,CAAE,OAAAC,EAAQ,UAAAC,EAAW,GAAGC,GAAeH,EAO7C,MAAO,CACL,sBAN4B,CAC5B,GAAGR,EAAgB,sBAAuBS,CAAM,EAChD,GAAGT,EAAgB,0BAA2BU,CAAS,CAAA,EAKvD,MAAOC,CAAA,CAEX"}

package/dist/components/Modal/useModalDialogStyleProps.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties, ElementType } from 'react';
+import { ModalDialogProps, ModalDialogStyleProps } from '../../types';
+interface CustomizedHeightCSSProperties extends CSSProperties {
+    [key: string]: string | undefined | number;
+}
+export interface ModalDialogStyles<E extends ElementType> {
+    modalDialogStyleProps: CustomizedHeightCSSProperties;
+    props: Omit<ModalDialogProps<E>, keyof ModalDialogStyleProps<E>>;
+}
+export declare const useModalDialogStyleProps: <E extends ElementType>(props: ModalDialogProps<E>) => ModalDialogStyles<E>;
+export {};

package/dist/components/Modal/useModalDialogStyleProps.js

@@ -0,0 +1,20 @@
+const r = (o, t) => t ? typeof t == "object" ? Object.keys(t).reduce((i, e) => {
+  const n = e === "mobile" ? "" : `-${e}`, c = `--${o}${n}`;
+  return {
+    ...i,
+    [c]: t[e]?.toString()
+  };
+}, {}) : { [`--${o}`]: t?.toString() } : {}, g = (o) => {
+  const { height: t, maxHeight: s, ...i } = o;
+  return {
+    modalDialogStyleProps: {
+      ...r("modal-dialog-height", t),
+      ...r("modal-dialog-max-height", s)
+    },
+    props: i
+  };
+};
+export {
+  g as useModalDialogStyleProps
+};
+//# sourceMappingURL=useModalDialogStyleProps.js.map

package/dist/components/Modal/useModalDialogStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModalDialogStyleProps.js","sources":["../../../src/components/Modal/useModalDialogStyleProps.ts"],"sourcesContent":["import { type CSSProperties, type ElementType } from 'react';\nimport {\n  type ModalDialogCSSHeight,\n  type ModalDialogCSSHeightBreakpoints,\n  type ModalDialogProps,\n  type ModalDialogStyleProps,\n} from '../../types';\n\ninterface CustomizedHeightCSSProperties extends CSSProperties {\n  [key: string]: string | undefined | number;\n}\n\nconst setCustomHeight = (\n  baseVarName: string,\n  propValue: ModalDialogCSSHeight | ModalDialogCSSHeightBreakpoints | undefined,\n): CustomizedHeightCSSProperties => {\n  if (!propValue) return {};\n\n  if (typeof propValue === 'object') {\n    return Object.keys(propValue).reduce((acc, key) => {\n      const suffix = key === 'mobile' ? '' : `-${key}`;\n      const propName = `--${baseVarName}${suffix}`;\n\n      return {\n        ...acc,\n        [propName]: propValue[key as keyof ModalDialogCSSHeightBreakpoints]?.toString(),\n      };\n    }, {} as CustomizedHeightCSSProperties);\n  }\n  const propName = `--${baseVarName}`;\n\n  return { [propName]: propValue?.toString() } as CustomizedHeightCSSProperties;\n};\n\nexport interface ModalDialogStyles<E extends ElementType> {\n  modalDialogStyleProps: CustomizedHeightCSSProperties;\n  props: Omit<ModalDialogProps<E>, keyof ModalDialogStyleProps<E>>;\n}\n\nexport const useModalDialogStyleProps = <E extends ElementType>(props: ModalDialogProps<E>): ModalDialogStyles<E> => {\n  const { height, maxHeight, ...otherProps } = props;\n\n  const customizedHeightStyle = {\n    ...setCustomHeight('modal-dialog-height', height),\n    ...setCustomHeight('modal-dialog-max-height', maxHeight),\n  };\n\n  return {\n    modalDialogStyleProps: customizedHeightStyle,\n    props: otherProps,\n  };\n};\n"],"names":["setCustomHeight","baseVarName","propValue","acc","key","suffix","propName","useModalDialogStyleProps","props","height","maxHeight","otherProps"],"mappings":"AAYA,MAAMA,IAAkB,CACtBC,GACAC,MAEKA,IAED,OAAOA,KAAc,WAChB,OAAO,KAAKA,CAAS,EAAE,OAAO,CAACC,GAAKC,MAAQ;AACjD,QAAMC,IAASD,MAAQ,WAAW,KAAK,IAAIA,CAAG,IACxCE,IAAW,KAAKL,CAAW,GAAGI,CAAM;AAE1C,SAAO;AAAA,IACL,GAAGF;AAAA,IACH,CAACG,CAAQ,GAAGJ,EAAUE,CAA4C,GAAG,SAAA;AAAA,EAAS;AAElF,GAAG,CAAA,CAAmC,IAIjC,EAAE,CAFQ,KAAKH,CAAW,EAEf,GAAGC,GAAW,WAAS,IAflB,CAAA,GAuBZK,IAA2B,CAAwBC,MAAqD;AACnH,QAAM,EAAE,QAAAC,GAAQ,WAAAC,GAAW,GAAGC,MAAeH;AAO7C,SAAO;AAAA,IACL,uBAN4B;AAAA,MAC5B,GAAGR,EAAgB,uBAAuBS,CAAM;AAAA,MAChD,GAAGT,EAAgB,2BAA2BU,CAAS;AAAA,IAAA;AAAA,IAKvD,OAAOC;AAAA,EAAA;AAEX;"}

package/dist/components/Modal/useModalStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("classnames"),_=require("../../constants/classes.cjs"),n=require("../../constants/dictionaries.cjs"),y=require("../../hooks/useClassNamePrefix.cjs");function D({footerAlignment:t=n.AlignmentX.RIGHT,isDockedOnMobile:c=!1,isExpandedOnMobile:i=!1,isOpen:d=!1,isScrollable:m=!1,modalAlignment:a=n.AlignmentY.CENTER}={}){const o=y.useClassNamePrefix("Modal"),C={top:`${o}--top`,center:`${o}--center`,bottom:`${o}--bottom`},e=`${o}Dialog`,$=`${e}--dockOnMobile`,u=`${e}--expandOnMobile`,g=`${e}--scrollable`,r=`${o}Header`,p=`${r}__title`,b=`${o}Body`,s=`${o}Footer`,f=`${s}__description`,M=`${s}__actions`,P={left:`${s}--left`,center:`${s}--center`,right:`${s}--right`};return{classProps:{root:l(o,{[C[a]]:a,[_.CLASS_NAME_OPEN]:d}),dialog:l(e,{[$]:c,[u]:i,[g]:m}),title:p,header:r,body:b,footer:{root:l(s,{[P[t]]:t}),description:f,actions:M}}}}exports.useModalStyleProps=D;
+//# sourceMappingURL=useModalStyleProps.cjs.map

package/dist/components/Modal/useModalStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModalStyleProps.cjs","sources":["../../../src/components/Modal/useModalStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { AlignmentX, AlignmentY, CLASS_NAME_OPEN } from '../../constants';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type AlignmentXDictionaryType, type AlignmentYDictionaryType } from '../../types';\n\nexport interface ModalStylesProps {\n  footerAlignment?: AlignmentXDictionaryType;\n  isDockedOnMobile?: boolean;\n  isExpandedOnMobile?: boolean;\n  isOpen?: boolean;\n  isScrollable?: boolean;\n  modalAlignment?: AlignmentYDictionaryType;\n}\n\nexport interface ModalStylesReturn {\n  /** className props */\n  classProps: {\n    root: string;\n    dialog: string;\n    title: string;\n    header: string;\n    body: string;\n    footer: {\n      root: string;\n      description: string;\n      actions: string;\n    };\n  };\n}\n\nexport function useModalStyleProps({\n  footerAlignment = AlignmentX.RIGHT,\n  isDockedOnMobile = false,\n  isExpandedOnMobile = false,\n  isOpen = false,\n  isScrollable = false,\n  modalAlignment = AlignmentY.CENTER,\n}: ModalStylesProps = {}): ModalStylesReturn {\n  const modalClass = useClassNamePrefix('Modal');\n  const modalAlignClasses = {\n    top: `${modalClass}--top`,\n    center: `${modalClass}--center`,\n    bottom: `${modalClass}--bottom`,\n  };\n  const modalDialogClass = `${modalClass}Dialog`;\n  const modalDialogDockedOnMobileClass = `${modalDialogClass}--dockOnMobile`;\n  const modalDialogExpandedOnMobileClass = `${modalDialogClass}--expandOnMobile`;\n  const modalDialogScrollableClass = `${modalDialogClass}--scrollable`;\n  const modalHeaderClass = `${modalClass}Header`;\n  const modalTitleClass = `${modalHeaderClass}__title`;\n  const modalBodyClass = `${modalClass}Body`;\n  const modalFooterClass = `${modalClass}Footer`;\n  const modalFooterDescriptionClass = `${modalFooterClass}__description`;\n  const modalFooterActionsClass = `${modalFooterClass}__actions`;\n  const footerAlignClasses = {\n    left: `${modalFooterClass}--left`,\n    center: `${modalFooterClass}--center`,\n    right: `${modalFooterClass}--right`,\n  };\n\n  const classProps = {\n    root: classNames(modalClass, {\n      [modalAlignClasses[modalAlignment]]: modalAlignment,\n      [CLASS_NAME_OPEN]: isOpen,\n    }),\n    dialog: classNames(modalDialogClass, {\n      [modalDialogDockedOnMobileClass]: isDockedOnMobile,\n      [modalDialogExpandedOnMobileClass]: isExpandedOnMobile,\n      [modalDialogScrollableClass]: isScrollable,\n    }),\n    title: modalTitleClass,\n    header: modalHeaderClass,\n    body: modalBodyClass,\n    footer: {\n      root: classNames(modalFooterClass, { [footerAlignClasses[footerAlignment]]: footerAlignment }),\n      description: modalFooterDescriptionClass,\n      actions: modalFooterActionsClass,\n    },\n  };\n\n  return {\n    classProps,\n  };\n}\n"],"names":["useModalStyleProps","footerAlignment","AlignmentX","isDockedOnMobile","isExpandedOnMobile","isOpen","isScrollable","modalAlignment","AlignmentY","modalClass","useClassNamePrefix","modalAlignClasses","modalDialogClass","modalDialogDockedOnMobileClass","modalDialogExpandedOnMobileClass","modalDialogScrollableClass","modalHeaderClass","modalTitleClass","modalBodyClass","modalFooterClass","modalFooterDescriptionClass","modalFooterActionsClass","footerAlignClasses","classNames","CLASS_NAME_OPEN"],"mappings":"qPA8BO,SAASA,EAAmB,CACjC,gBAAAC,EAAkBC,EAAAA,WAAW,MAC7B,iBAAAC,EAAmB,GACnB,mBAAAC,EAAqB,GACrB,OAAAC,EAAS,GACT,aAAAC,EAAe,GACf,eAAAC,EAAiBC,EAAAA,WAAW,MAC9B,EAAsB,GAAuB,CAC3C,MAAMC,EAAaC,EAAAA,mBAAmB,OAAO,EACvCC,EAAoB,CACxB,IAAK,GAAGF,CAAU,QAClB,OAAQ,GAAGA,CAAU,WACrB,OAAQ,GAAGA,CAAU,UAAA,EAEjBG,EAAmB,GAAGH,CAAU,SAChCI,EAAiC,GAAGD,CAAgB,iBACpDE,EAAmC,GAAGF,CAAgB,mBACtDG,EAA6B,GAAGH,CAAgB,eAChDI,EAAmB,GAAGP,CAAU,SAChCQ,EAAkB,GAAGD,CAAgB,UACrCE,EAAiB,GAAGT,CAAU,OAC9BU,EAAmB,GAAGV,CAAU,SAChCW,EAA8B,GAAGD,CAAgB,gBACjDE,EAA0B,GAAGF,CAAgB,YAC7CG,EAAqB,CACzB,KAAM,GAAGH,CAAgB,SACzB,OAAQ,GAAGA,CAAgB,WAC3B,MAAO,GAAGA,CAAgB,SAAA,EAuB5B,MAAO,CACL,WArBiB,CACjB,KAAMI,EAAWd,EAAY,CAC3B,CAACE,EAAkBJ,CAAc,CAAC,EAAGA,EACrC,CAACiB,iBAAe,EAAGnB,CAAA,CACpB,EACD,OAAQkB,EAAWX,EAAkB,CACnC,CAACC,CAA8B,EAAGV,EAClC,CAACW,CAAgC,EAAGV,EACpC,CAACW,CAA0B,EAAGT,CAAA,CAC/B,EACD,MAAOW,EACP,OAAQD,EACR,KAAME,EACN,OAAQ,CACN,KAAMK,EAAWJ,EAAkB,CAAE,CAACG,EAAmBrB,CAAe,CAAC,EAAGA,EAAiB,EAC7F,YAAamB,EACb,QAASC,CAAA,CACX,CAIA,CAEJ"}