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

package/dist/components/Footer/Footer.d.ts

@@ -0,0 +1,3 @@
+import { FooterProps, PolymorphicComponent } from '../../types';
+declare const Footer: PolymorphicComponent<"footer", FooterProps>;
+export default Footer;

package/dist/components/Footer/Footer.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as g } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+import { BackgroundColors as y } from "../../constants/dictionaries.js";
+import { TextStyleProps as T, PaddingStyleProps as r } from "../../constants/style.js";
+import { useStyleProps as S } from "../../hooks/styleProps.js";
+import { mergeStyleProps as C } from "../../utils/mergeStyleProps.js";
+import { PADDING_TOP as D, PADDING_BOTTOM as x } from "./constants.js";
+import { useFooterStyleProps as A } from "./useFooterStyleProps.js";
+const e = {
+  backgroundColor: y.SECONDARY,
+  elementType: "footer",
+  paddingBottom: x,
+  paddingTop: D
+}, B = (s, n) => {
+  const m = { ...e, ...s }, { elementType: i = e.elementType, children: d, backgroundColor: l, ...a } = m, o = i, { classProps: c } = A({ backgroundColor: l }), { styleProps: P, props: t } = S(a, {
+    paddingBottom: r.paddingBottom,
+    paddingTop: r.paddingTop,
+    textAlignment: T.textAlignment
+  }), f = C(o, { classProps: c, styleProps: P, otherProps: t });
+  return /* @__PURE__ */ g(o, { ...t, ...f, ref: n, children: d });
+}, p = u(B);
+p.spiritComponent = "Footer";
+p.displayName = "Footer";
+export {
+  p as default
+};
+//# sourceMappingURL=Footer.js.map

package/dist/components/Footer/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sources":["../../../src/components/Footer/Footer.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { BackgroundColors, PaddingStyleProps, TextStyleProps } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type FooterProps, type PolymorphicComponent, type PolymorphicRef, type SpiritFooterProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { PADDING_BOTTOM, PADDING_TOP } from './constants';\nimport { useFooterStyleProps } from './useFooterStyleProps';\n\nconst defaultProps = {\n  backgroundColor: BackgroundColors.SECONDARY,\n  elementType: 'footer',\n  paddingBottom: PADDING_BOTTOM,\n  paddingTop: PADDING_TOP,\n};\n\nconst _Footer = <E extends ElementType = 'footer'>(\n  props: SpiritFooterProps<E>,\n  ref: PolymorphicRef<E>,\n): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType = defaultProps.elementType, children, backgroundColor, ...restProps } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const { classProps } = useFooterStyleProps({ backgroundColor });\n  const { styleProps, props: otherProps } = useStyleProps(restProps, {\n    paddingBottom: PaddingStyleProps.paddingBottom,\n    paddingTop: PaddingStyleProps.paddingTop,\n    textAlignment: TextStyleProps.textAlignment,\n  });\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst Footer = forwardRef<HTMLElement, SpiritFooterProps<'footer'>>(_Footer) as unknown as PolymorphicComponent<\n  'footer',\n  FooterProps\n>;\n\nFooter.spiritComponent = 'Footer';\nFooter.displayName = 'Footer';\n\nexport default Footer;\n"],"names":["defaultProps","BackgroundColors","PADDING_BOTTOM","PADDING_TOP","_Footer","props","ref","propsWithDefaults","elementType","children","backgroundColor","restProps","Component","classProps","useFooterStyleProps","styleProps","otherProps","useStyleProps","PaddingStyleProps","TextStyleProps","mergedStyleProps","mergeStyleProps","Footer","forwardRef"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAe;AAAA,EACnB,iBAAiBC,EAAiB;AAAA,EAClC,aAAa;AAAA,EACb,eAAeC;AAAA,EACf,YAAYC;AACd,GAEMC,IAAU,CACdC,GACAC,MACgB;AAChB,QAAMC,IAAoB,EAAE,GAAGP,GAAc,GAAGK,EAAA,GAC1C,EAAE,aAAAG,IAAcR,EAAa,aAAa,UAAAS,GAAU,iBAAAC,GAAiB,GAAGC,MAAcJ,GAEtFK,IAAYJ,GAEZ,EAAE,YAAAK,EAAA,IAAeC,EAAoB,EAAE,iBAAAJ,GAAiB,GACxD,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcN,GAAW;AAAA,IACjE,eAAeO,EAAkB;AAAA,IACjC,YAAYA,EAAkB;AAAA,IAC9B,eAAeC,EAAe;AAAA,EAAA,CAC/B,GACKC,IAAmBC,EAAgBT,GAAW,EAAE,YAAAC,GAAY,YAAAE,GAAY,YAAAC,GAAY;AAE1F,2BACGJ,GAAA,EAAW,GAAGI,GAAa,GAAGI,GAAkB,KAAAd,GAC9C,UAAAG,GACH;AAEJ,GAEMa,IAASC,EAAqDnB,CAAO;AAK3EkB,EAAO,kBAAkB;AACzBA,EAAO,cAAc;"}

package/dist/components/Footer/constants.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","sources":["../../../src/components/Footer/constants.ts"],"sourcesContent":["export const PADDING_BOTTOM = 'space-1200';\nexport const PADDING_TOP = 'space-1400';\n"],"names":["PADDING_BOTTOM","PADDING_TOP"],"mappings":"gFAAO,MAAMA,EAAiB,aACjBC,EAAc"}

package/dist/components/Footer/constants.js

@@ -0,0 +1,6 @@
+const s = "space-1200", c = "space-1400";
+export {
+  s as PADDING_BOTTOM,
+  c as PADDING_TOP
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/Footer/constants.ts"],"sourcesContent":["export const PADDING_BOTTOM = 'space-1200';\nexport const PADDING_TOP = 'space-1400';\n"],"names":["PADDING_BOTTOM","PADDING_TOP"],"mappings":"AAAO,MAAMA,IAAiB,cACjBC,IAAc;"}

package/dist/components/Footer/index.cjs

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

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

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

package/dist/components/Footer/index.js

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

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

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

package/dist/components/Footer/useFooterStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("classnames"),t=require("../../hooks/useClassNamePrefix.cjs"),c=s=>{const{backgroundColor:o}=s,e=t.useClassNamePrefix(`bg-${o}`);return{classProps:r({[o?e:""]:o})}};exports.useFooterStyleProps=c;
+//# sourceMappingURL=useFooterStyleProps.cjs.map

package/dist/components/Footer/useFooterStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFooterStyleProps.cjs","sources":["../../../src/components/Footer/useFooterStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritFooterProps } from '../../types';\n\nexport interface FooterStyle {\n  classProps: string;\n}\n\nexport const useFooterStyleProps = (props: SpiritFooterProps): FooterStyle => {\n  const { backgroundColor } = props;\n  const footerBackgroundClassName = useClassNamePrefix(`bg-${backgroundColor}`);\n\n  const footerBackgroundColor = backgroundColor ? footerBackgroundClassName : '';\n\n  const classProps = classNames({\n    [footerBackgroundColor]: backgroundColor,\n  });\n\n  return {\n    classProps,\n  };\n};\n"],"names":["useFooterStyleProps","props","backgroundColor","footerBackgroundClassName","useClassNamePrefix","classNames"],"mappings":"8JAQaA,EAAuBC,GAA0C,CAC5E,KAAM,CAAE,gBAAAC,GAAoBD,EACtBE,EAA4BC,EAAAA,mBAAmB,MAAMF,CAAe,EAAE,EAQ5E,MAAO,CACL,WALiBG,EAAW,CAC5B,CAH4BH,EAAkBC,EAA4B,EAGpD,EAAGD,CAAA,CAC1B,CAGC,CAEJ"}

package/dist/components/Footer/useFooterStyleProps.d.ts

@@ -0,0 +1,5 @@
+import { SpiritFooterProps } from '../../types';
+export interface FooterStyle {
+    classProps: string;
+}
+export declare const useFooterStyleProps: (props: SpiritFooterProps) => FooterStyle;

package/dist/components/Footer/useFooterStyleProps.js

@@ -0,0 +1,14 @@
+import t from "classnames";
+import { useClassNamePrefix as e } from "../../hooks/useClassNamePrefix.js";
+const u = (r) => {
+  const { backgroundColor: o } = r, s = e(`bg-${o}`);
+  return {
+    classProps: t({
+      [o ? s : ""]: o
+    })
+  };
+};
+export {
+  u as useFooterStyleProps
+};
+//# sourceMappingURL=useFooterStyleProps.js.map

package/dist/components/Footer/useFooterStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFooterStyleProps.js","sources":["../../../src/components/Footer/useFooterStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritFooterProps } from '../../types';\n\nexport interface FooterStyle {\n  classProps: string;\n}\n\nexport const useFooterStyleProps = (props: SpiritFooterProps): FooterStyle => {\n  const { backgroundColor } = props;\n  const footerBackgroundClassName = useClassNamePrefix(`bg-${backgroundColor}`);\n\n  const footerBackgroundColor = backgroundColor ? footerBackgroundClassName : '';\n\n  const classProps = classNames({\n    [footerBackgroundColor]: backgroundColor,\n  });\n\n  return {\n    classProps,\n  };\n};\n"],"names":["useFooterStyleProps","props","backgroundColor","footerBackgroundClassName","useClassNamePrefix","classNames"],"mappings":";;AAQO,MAAMA,IAAsB,CAACC,MAA0C;AAC5E,QAAM,EAAE,iBAAAC,MAAoBD,GACtBE,IAA4BC,EAAmB,MAAMF,CAAe,EAAE;AAQ5E,SAAO;AAAA,IACL,YALiBG,EAAW;AAAA,MAC5B,CAH4BH,IAAkBC,IAA4B,EAGpD,GAAGD;AAAA,IAAA,CAC1B;AAAA,EAGC;AAEJ;"}

package/dist/components/Footer.d.ts

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

package/dist/components/Grid/Grid.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"),g=require("react"),r=require("../../constants/dictionaries.cjs"),T=require("../../hooks/styleProps.cjs"),f=require("../../utils/mergeStyleProps.cjs"),q=require("./useGridStyleProps.cjs"),o={alignmentX:r.AlignmentXExtended.STRETCH,alignmentY:r.AlignmentYExtended.STRETCH,elementType:"div"},G=(n,i)=>{const l={...o,...n},{elementType:p=o.elementType,children:d,...c}=l,t=p,{classProps:u,props:y,styleProps:P}=q.useGridStyleProps(c),{styleProps:m,props:s}=T.useStyleProps(y),a=f.mergeStyleProps(t,{classProps:u,styleProps:m,otherProps:s,gridStyle:P});return S.jsx(t,{...s,...a,ref:i,children:d})},e=g.forwardRef(G);e.spiritComponent="Grid";e.displayName="Grid";exports.default=e;
+//# sourceMappingURL=Grid.cjs.map

package/dist/components/Grid/Grid.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.cjs","sources":["../../../src/components/Grid/Grid.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { AlignmentXExtended, AlignmentYExtended } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type GridProps, type PolymorphicComponent, type PolymorphicRef, type SpiritGridProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useGridStyleProps } from './useGridStyleProps';\n\nconst defaultProps = {\n  alignmentX: AlignmentXExtended.STRETCH,\n  alignmentY: AlignmentYExtended.STRETCH,\n  elementType: 'div',\n};\n\nconst _Grid = <E extends ElementType = 'div'>(props: SpiritGridProps<E>, ref: PolymorphicRef<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n\n  const { elementType = defaultProps.elementType, children, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps, styleProps: gridStyle } = useGridStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, styleProps, otherProps, gridStyle });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst Grid = forwardRef<HTMLDivElement, SpiritGridProps<'div'>>(_Grid) as unknown as PolymorphicComponent<\n  'div',\n  GridProps\n>;\n\nGrid.spiritComponent = 'Grid';\nGrid.displayName = 'Grid';\n\nexport default Grid;\n"],"names":["defaultProps","AlignmentXExtended","AlignmentYExtended","_Grid","props","ref","propsWithDefaults","elementType","children","restProps","Component","classProps","modifiedProps","gridStyle","useGridStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","Grid","forwardRef"],"mappings":"yVASMA,EAAe,CACnB,WAAYC,EAAAA,mBAAmB,QAC/B,WAAYC,EAAAA,mBAAmB,QAC/B,YAAa,KACf,EAEMC,EAAQ,CAAgCC,EAA2BC,IAAwC,CAC/G,MAAMC,EAAoB,CAAE,GAAGN,EAAc,GAAGI,CAAA,EAE1C,CAAE,YAAAG,EAAcP,EAAa,YAAa,SAAAQ,EAAU,GAAGC,GAAcH,EACrEI,EAAYH,EAEZ,CAAE,WAAAI,EAAY,MAAOC,EAAe,WAAYC,CAAA,EAAcC,EAAAA,kBAAkBL,CAAS,EACzF,CAAA,WAAEM,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcL,CAAa,EAC/DM,EAAmBC,EAAAA,gBAAgBT,EAAW,CAAE,WAAAC,aAAYI,EAAY,WAAAC,EAAY,UAAAH,EAAW,EAErG,aACGH,EAAA,CAAW,GAAGM,EAAa,GAAGE,EAAkB,IAAAb,EAC9C,SAAAG,EACH,CAEJ,EAEMY,EAAOC,EAAAA,WAAmDlB,CAAK,EAKrEiB,EAAK,gBAAkB,OACvBA,EAAK,YAAc"}

package/dist/components/Grid/Grid.d.ts

@@ -0,0 +1,3 @@
+import { GridProps, PolymorphicComponent } from '../../types';
+declare const Grid: PolymorphicComponent<"div", GridProps>;
+export default Grid;

package/dist/components/Grid/Grid.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+import { AlignmentYExtended as g, AlignmentXExtended as S } from "../../constants/dictionaries.js";
+import { useStyleProps as T } from "../../hooks/styleProps.js";
+import { mergeStyleProps as G } from "../../utils/mergeStyleProps.js";
+import { useGridStyleProps as x } from "./useGridStyleProps.js";
+const r = {
+  alignmentX: S.STRETCH,
+  alignmentY: g.STRETCH,
+  elementType: "div"
+}, C = (s, p) => {
+  const n = { ...r, ...s }, { elementType: i = r.elementType, children: m, ...l } = n, e = i, { classProps: d, props: c, styleProps: f } = x(l), { styleProps: y, props: t } = T(c), P = G(e, { classProps: d, styleProps: y, otherProps: t, gridStyle: f });
+  return /* @__PURE__ */ a(e, { ...t, ...P, ref: p, children: m });
+}, o = u(C);
+o.spiritComponent = "Grid";
+o.displayName = "Grid";
+export {
+  o as default
+};
+//# sourceMappingURL=Grid.js.map

package/dist/components/Grid/Grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sources":["../../../src/components/Grid/Grid.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { AlignmentXExtended, AlignmentYExtended } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type GridProps, type PolymorphicComponent, type PolymorphicRef, type SpiritGridProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useGridStyleProps } from './useGridStyleProps';\n\nconst defaultProps = {\n  alignmentX: AlignmentXExtended.STRETCH,\n  alignmentY: AlignmentYExtended.STRETCH,\n  elementType: 'div',\n};\n\nconst _Grid = <E extends ElementType = 'div'>(props: SpiritGridProps<E>, ref: PolymorphicRef<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n\n  const { elementType = defaultProps.elementType, children, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps, styleProps: gridStyle } = useGridStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, styleProps, otherProps, gridStyle });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst Grid = forwardRef<HTMLDivElement, SpiritGridProps<'div'>>(_Grid) as unknown as PolymorphicComponent<\n  'div',\n  GridProps\n>;\n\nGrid.spiritComponent = 'Grid';\nGrid.displayName = 'Grid';\n\nexport default Grid;\n"],"names":["defaultProps","AlignmentXExtended","AlignmentYExtended","_Grid","props","ref","propsWithDefaults","elementType","children","restProps","Component","classProps","modifiedProps","gridStyle","useGridStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","Grid","forwardRef"],"mappings":";;;;;;;AASA,MAAMA,IAAe;AAAA,EACnB,YAAYC,EAAmB;AAAA,EAC/B,YAAYC,EAAmB;AAAA,EAC/B,aAAa;AACf,GAEMC,IAAQ,CAAgCC,GAA2BC,MAAwC;AAC/G,QAAMC,IAAoB,EAAE,GAAGN,GAAc,GAAGI,EAAA,GAE1C,EAAE,aAAAG,IAAcP,EAAa,aAAa,UAAAQ,GAAU,GAAGC,MAAcH,GACrEI,IAAYH,GAEZ,EAAE,YAAAI,GAAY,OAAOC,GAAe,YAAYC,EAAA,IAAcC,EAAkBL,CAAS,GACzF,EAAE,YAAAM,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAa,GAC/DM,IAAmBC,EAAgBT,GAAW,EAAE,YAAAC,GAAY,YAAAI,GAAY,YAAAC,GAAY,WAAAH,GAAW;AAErG,2BACGH,GAAA,EAAW,GAAGM,GAAa,GAAGE,GAAkB,KAAAb,GAC9C,UAAAG,GACH;AAEJ,GAEMY,IAAOC,EAAmDlB,CAAK;AAKrEiB,EAAK,kBAAkB;AACvBA,EAAK,cAAc;"}

package/dist/components/Grid/GridItem.cjs

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

package/dist/components/Grid/GridItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridItem.cjs","sources":["../../../src/components/Grid/GridItem.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type GridItemProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritGridItemProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useGridItemStyleProps } from './useGridItemStyleProps';\n\nconst defaultProps = {\n  elementType: 'div',\n};\n\nconst _GridItem = <E extends ElementType = 'div'>(\n  props: SpiritGridItemProps<E>,\n  ref: PolymorphicRef<E>,\n): JSX.Element => {\n  const { elementType = defaultProps.elementType, children, ...restProps } = props;\n  const Component = elementType as ElementType;\n\n  const { classProps, styleProps: gridItemStyle, props: modifiedProps } = useGridItemStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, styleProps, otherProps, gridItemStyle });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst GridItem = forwardRef<HTMLDivElement, SpiritGridItemProps<'div'>>(_GridItem) as unknown as PolymorphicComponent<\n  'div',\n  GridItemProps\n>;\n\nGridItem.spiritComponent = 'GridItem';\nGridItem.displayName = 'GridItem';\n\nexport default GridItem;\n"],"names":["defaultProps","_GridItem","props","ref","elementType","children","restProps","Component","classProps","gridItemStyle","modifiedProps","useGridItemStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","GridItem","forwardRef"],"mappings":"+SAaMA,EAAe,CACnB,YAAa,KACf,EAEMC,EAAY,CAChBC,EACAC,IACgB,CAChB,KAAM,CAAE,YAAAC,EAAcJ,EAAa,YAAa,SAAAK,EAAU,GAAGC,GAAcJ,EACrEK,EAAYH,EAEZ,CAAE,WAAAI,EAAY,WAAYC,EAAe,MAAOC,CAAA,EAAkBC,EAAAA,sBAAsBL,CAAS,EACjG,CAAA,WAAEM,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,EAAAA,gBAAgBT,EAAW,CAAE,WAAAC,aAAYI,EAAY,WAAAC,EAAY,cAAAJ,EAAe,EAEzG,aACGF,EAAA,CAAW,GAAGM,EAAa,GAAGE,EAAkB,IAAAZ,EAC9C,SAAAE,EACH,CAEJ,EAEMY,EAAWC,EAAAA,WAAuDjB,CAAS,EAKjFgB,EAAS,gBAAkB,WAC3BA,EAAS,YAAc"}

package/dist/components/Grid/GridItem.d.ts

@@ -0,0 +1,3 @@
+import { GridItemProps, PolymorphicComponent } from '../../types';
+declare const GridItem: PolymorphicComponent<"div", GridItemProps>;
+export default GridItem;

package/dist/components/Grid/GridItem.js

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

package/dist/components/Grid/GridItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridItem.js","sources":["../../../src/components/Grid/GridItem.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type GridItemProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritGridItemProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useGridItemStyleProps } from './useGridItemStyleProps';\n\nconst defaultProps = {\n  elementType: 'div',\n};\n\nconst _GridItem = <E extends ElementType = 'div'>(\n  props: SpiritGridItemProps<E>,\n  ref: PolymorphicRef<E>,\n): JSX.Element => {\n  const { elementType = defaultProps.elementType, children, ...restProps } = props;\n  const Component = elementType as ElementType;\n\n  const { classProps, styleProps: gridItemStyle, props: modifiedProps } = useGridItemStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, styleProps, otherProps, gridItemStyle });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst GridItem = forwardRef<HTMLDivElement, SpiritGridItemProps<'div'>>(_GridItem) as unknown as PolymorphicComponent<\n  'div',\n  GridItemProps\n>;\n\nGridItem.spiritComponent = 'GridItem';\nGridItem.displayName = 'GridItem';\n\nexport default GridItem;\n"],"names":["defaultProps","_GridItem","props","ref","elementType","children","restProps","Component","classProps","gridItemStyle","modifiedProps","useGridItemStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","GridItem","forwardRef"],"mappings":";;;;;;AAaA,MAAMA,IAAe;AAAA,EACnB,aAAa;AACf,GAEMC,IAAY,CAChBC,GACAC,MACgB;AAChB,QAAM,EAAE,aAAAC,IAAcJ,EAAa,aAAa,UAAAK,GAAU,GAAGC,MAAcJ,GACrEK,IAAYH,GAEZ,EAAE,YAAAI,GAAY,YAAYC,GAAe,OAAOC,EAAA,IAAkBC,EAAsBL,CAAS,GACjG,EAAE,YAAAM,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBT,GAAW,EAAE,YAAAC,GAAY,YAAAI,GAAY,YAAAC,GAAY,eAAAJ,GAAe;AAEzG,2BACGF,GAAA,EAAW,GAAGM,GAAa,GAAGE,GAAkB,KAAAZ,GAC9C,UAAAE,GACH;AAEJ,GAEMY,IAAWC,EAAuDjB,CAAS;AAKjFgB,EAAS,kBAAkB;AAC3BA,EAAS,cAAc;"}

package/dist/components/Grid/index.cjs

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

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

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

package/dist/components/Grid/index.js

@@ -0,0 +1,9 @@
+import { default as t } from "./Grid.js";
+import { default as s } from "./GridItem.js";
+import { useGridStyleProps as f } from "./useGridStyleProps.js";
+export {
+  t as Grid,
+  s as GridItem,
+  f as useGridStyleProps
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Grid/useGridItemStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../../hooks/useClassNamePrefix.cjs"),l=(o,r,t)=>{o[r]=t},u=(o,r,t)=>{if(typeof t=="object"&&t!==null)Object.keys(t).forEach(s=>{const i=s==="mobile"?"":`-${s}`,e=`--${r}${i}`;l(o,e,t[s]?.toString())});else{const s=`--${r}`;l(o,s,t?.toString())}};function f(o){const r=m.useClassNamePrefix("GridItem"),t={},s={...o};return Object.keys(s).filter(e=>e.startsWith("column")||e.startsWith("row")).forEach(e=>{const c=e.startsWith("column")?"column":"row",n=s[e];n&&u(t,`grid-item-${c}-${e.replace(c,"").toLowerCase()}`,n),delete s[e]}),{classProps:r,props:s,styleProps:t}}exports.useGridItemStyleProps=f;
+//# sourceMappingURL=useGridItemStyleProps.cjs.map

package/dist/components/Grid/useGridItemStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGridItemStyleProps.cjs","sources":["../../../src/components/Grid/useGridItemStyleProps.ts"],"sourcesContent":["import { type CSSProperties, type ElementType } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type GridItemPosition, type GridItemPositionBreakpoints, type SpiritGridItemProps } from '../../types';\n\ninterface GridItemCSSProperties extends CSSProperties {\n  [key: string]: string | undefined | number;\n}\n\nconst setStyleProperty = (styleObject: GridItemCSSProperties, propertyName: string, value: string | undefined) => {\n  // eslint-disable-next-line no-param-reassign -- Intentional mutation for style object building\n  (styleObject as Record<string, string | undefined>)[propertyName] = value;\n};\n\nconst setGridItemStyle = (styleObject: GridItemCSSProperties, baseVarName: string, propValue: GridItemPosition) => {\n  if (typeof propValue === 'object' && propValue !== null) {\n    Object.keys(propValue).forEach((key) => {\n      const suffix = key === 'mobile' ? '' : `-${key}`;\n      const propName = `--${baseVarName}${suffix}`;\n      setStyleProperty(styleObject, propName, propValue[key as keyof GridItemPositionBreakpoints]?.toString());\n    });\n  } else {\n    const propName = `--${baseVarName}`;\n    setStyleProperty(styleObject, propName, propValue?.toString());\n  }\n};\n\nexport interface GridItemStyle<T> {\n  /** className props */\n  classProps: string;\n  /** Props for the grid element. */\n  props: T;\n  /** Style props for the grid element */\n  styleProps: GridItemCSSProperties;\n}\n\nexport function useGridItemStyleProps(\n  props: SpiritGridItemProps<ElementType>,\n): GridItemStyle<SpiritGridItemProps<ElementType>> {\n  const gridItemClass = useClassNamePrefix('GridItem');\n  const gridItemStyle: GridItemCSSProperties = {};\n  const mutableProps = { ...props } as Record<string, unknown> & SpiritGridItemProps<ElementType>;\n\n  const typePropNames = Object.keys(mutableProps).filter(\n    (propName) => propName.startsWith('column') || propName.startsWith('row'),\n  );\n\n  typePropNames.forEach((propName) => {\n    const type = propName.startsWith('column') ? 'column' : 'row';\n    const value = mutableProps[propName];\n\n    if (value) {\n      setGridItemStyle(\n        gridItemStyle,\n        `grid-item-${type}-${propName.replace(type, '').toLowerCase()}`,\n        value as GridItemPosition,\n      );\n    }\n\n    delete mutableProps[propName];\n  });\n\n  return {\n    classProps: gridItemClass,\n    props: mutableProps as SpiritGridItemProps<ElementType>,\n    styleProps: gridItemStyle,\n  };\n}\n"],"names":["setStyleProperty","styleObject","propertyName","value","setGridItemStyle","baseVarName","propValue","key","suffix","propName","useGridItemStyleProps","props","gridItemClass","useClassNamePrefix","gridItemStyle","mutableProps","type"],"mappings":"sIAQMA,EAAmB,CAACC,EAAoCC,EAAsBC,IAA8B,CAE/GF,EAAmDC,CAAY,EAAIC,CACtE,EAEMC,EAAmB,CAACH,EAAoCI,EAAqBC,IAAgC,CACjH,GAAI,OAAOA,GAAc,UAAYA,IAAc,KACjD,OAAO,KAAKA,CAAS,EAAE,QAASC,GAAQ,CACtC,MAAMC,EAASD,IAAQ,SAAW,GAAK,IAAIA,CAAG,GACxCE,EAAW,KAAKJ,CAAW,GAAGG,CAAM,GAC1CR,EAAiBC,EAAaQ,EAAUH,EAAUC,CAAwC,GAAG,UAAU,CACzG,CAAC,MACI,CACL,MAAME,EAAW,KAAKJ,CAAW,GACjCL,EAAiBC,EAAaQ,EAAUH,GAAW,SAAA,CAAU,CAC/D,CACF,EAWO,SAASI,EACdC,EACiD,CACjD,MAAMC,EAAgBC,EAAAA,mBAAmB,UAAU,EAC7CC,EAAuC,CAAA,EACvCC,EAAe,CAAE,GAAGJ,CAAA,EAM1B,OAJsB,OAAO,KAAKI,CAAY,EAAE,OAC7CN,GAAaA,EAAS,WAAW,QAAQ,GAAKA,EAAS,WAAW,KAAK,CAAA,EAG5D,QAASA,GAAa,CAClC,MAAMO,EAAOP,EAAS,WAAW,QAAQ,EAAI,SAAW,MAClDN,EAAQY,EAAaN,CAAQ,EAE/BN,GACFC,EACEU,EACA,aAAaE,CAAI,IAAIP,EAAS,QAAQO,EAAM,EAAE,EAAE,YAAA,CAAa,GAC7Db,CAAA,EAIJ,OAAOY,EAAaN,CAAQ,CAC9B,CAAC,EAEM,CACL,WAAYG,EACZ,MAAOG,EACP,WAAYD,CAAA,CAEhB"}

package/dist/components/Grid/useGridItemStyleProps.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties, ElementType } from 'react';
+import { SpiritGridItemProps } from '../../types';
+interface GridItemCSSProperties extends CSSProperties {
+    [key: string]: string | undefined | number;
+}
+export interface GridItemStyle<T> {
+    classProps: string;
+    props: T;
+    styleProps: GridItemCSSProperties;
+}
+export declare function useGridItemStyleProps(props: SpiritGridItemProps<ElementType>): GridItemStyle<SpiritGridItemProps<ElementType>>;
+export {};

package/dist/components/Grid/useGridItemStyleProps.js

@@ -0,0 +1,35 @@
+import { useClassNamePrefix as m } from "../../hooks/useClassNamePrefix.js";
+const l = (o, r, t) => {
+  o[r] = t;
+}, f = (o, r, t) => {
+  if (typeof t == "object" && t !== null)
+    Object.keys(t).forEach((s) => {
+      const c = s === "mobile" ? "" : `-${s}`, e = `--${r}${c}`;
+      l(o, e, t[s]?.toString());
+    });
+  else {
+    const s = `--${r}`;
+    l(o, s, t?.toString());
+  }
+};
+function u(o) {
+  const r = m("GridItem"), t = {}, s = { ...o };
+  return Object.keys(s).filter(
+    (e) => e.startsWith("column") || e.startsWith("row")
+  ).forEach((e) => {
+    const i = e.startsWith("column") ? "column" : "row", n = s[e];
+    n && f(
+      t,
+      `grid-item-${i}-${e.replace(i, "").toLowerCase()}`,
+      n
+    ), delete s[e];
+  }), {
+    classProps: r,
+    props: s,
+    styleProps: t
+  };
+}
+export {
+  u as useGridItemStyleProps
+};
+//# sourceMappingURL=useGridItemStyleProps.js.map

package/dist/components/Grid/useGridItemStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGridItemStyleProps.js","sources":["../../../src/components/Grid/useGridItemStyleProps.ts"],"sourcesContent":["import { type CSSProperties, type ElementType } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type GridItemPosition, type GridItemPositionBreakpoints, type SpiritGridItemProps } from '../../types';\n\ninterface GridItemCSSProperties extends CSSProperties {\n  [key: string]: string | undefined | number;\n}\n\nconst setStyleProperty = (styleObject: GridItemCSSProperties, propertyName: string, value: string | undefined) => {\n  // eslint-disable-next-line no-param-reassign -- Intentional mutation for style object building\n  (styleObject as Record<string, string | undefined>)[propertyName] = value;\n};\n\nconst setGridItemStyle = (styleObject: GridItemCSSProperties, baseVarName: string, propValue: GridItemPosition) => {\n  if (typeof propValue === 'object' && propValue !== null) {\n    Object.keys(propValue).forEach((key) => {\n      const suffix = key === 'mobile' ? '' : `-${key}`;\n      const propName = `--${baseVarName}${suffix}`;\n      setStyleProperty(styleObject, propName, propValue[key as keyof GridItemPositionBreakpoints]?.toString());\n    });\n  } else {\n    const propName = `--${baseVarName}`;\n    setStyleProperty(styleObject, propName, propValue?.toString());\n  }\n};\n\nexport interface GridItemStyle<T> {\n  /** className props */\n  classProps: string;\n  /** Props for the grid element. */\n  props: T;\n  /** Style props for the grid element */\n  styleProps: GridItemCSSProperties;\n}\n\nexport function useGridItemStyleProps(\n  props: SpiritGridItemProps<ElementType>,\n): GridItemStyle<SpiritGridItemProps<ElementType>> {\n  const gridItemClass = useClassNamePrefix('GridItem');\n  const gridItemStyle: GridItemCSSProperties = {};\n  const mutableProps = { ...props } as Record<string, unknown> & SpiritGridItemProps<ElementType>;\n\n  const typePropNames = Object.keys(mutableProps).filter(\n    (propName) => propName.startsWith('column') || propName.startsWith('row'),\n  );\n\n  typePropNames.forEach((propName) => {\n    const type = propName.startsWith('column') ? 'column' : 'row';\n    const value = mutableProps[propName];\n\n    if (value) {\n      setGridItemStyle(\n        gridItemStyle,\n        `grid-item-${type}-${propName.replace(type, '').toLowerCase()}`,\n        value as GridItemPosition,\n      );\n    }\n\n    delete mutableProps[propName];\n  });\n\n  return {\n    classProps: gridItemClass,\n    props: mutableProps as SpiritGridItemProps<ElementType>,\n    styleProps: gridItemStyle,\n  };\n}\n"],"names":["setStyleProperty","styleObject","propertyName","value","setGridItemStyle","baseVarName","propValue","key","suffix","propName","useGridItemStyleProps","props","gridItemClass","useClassNamePrefix","gridItemStyle","mutableProps","type"],"mappings":";AAQA,MAAMA,IAAmB,CAACC,GAAoCC,GAAsBC,MAA8B;AAE/G,EAAAF,EAAmDC,CAAY,IAAIC;AACtE,GAEMC,IAAmB,CAACH,GAAoCI,GAAqBC,MAAgC;AACjH,MAAI,OAAOA,KAAc,YAAYA,MAAc;AACjD,WAAO,KAAKA,CAAS,EAAE,QAAQ,CAACC,MAAQ;AACtC,YAAMC,IAASD,MAAQ,WAAW,KAAK,IAAIA,CAAG,IACxCE,IAAW,KAAKJ,CAAW,GAAGG,CAAM;AAC1C,MAAAR,EAAiBC,GAAaQ,GAAUH,EAAUC,CAAwC,GAAG,UAAU;AAAA,IACzG,CAAC;AAAA,OACI;AACL,UAAME,IAAW,KAAKJ,CAAW;AACjC,IAAAL,EAAiBC,GAAaQ,GAAUH,GAAW,SAAA,CAAU;AAAA,EAC/D;AACF;AAWO,SAASI,EACdC,GACiD;AACjD,QAAMC,IAAgBC,EAAmB,UAAU,GAC7CC,IAAuC,CAAA,GACvCC,IAAe,EAAE,GAAGJ,EAAA;AAM1B,SAJsB,OAAO,KAAKI,CAAY,EAAE;AAAA,IAC9C,CAACN,MAAaA,EAAS,WAAW,QAAQ,KAAKA,EAAS,WAAW,KAAK;AAAA,EAAA,EAG5D,QAAQ,CAACA,MAAa;AAClC,UAAMO,IAAOP,EAAS,WAAW,QAAQ,IAAI,WAAW,OAClDN,IAAQY,EAAaN,CAAQ;AAEnC,IAAIN,KACFC;AAAA,MACEU;AAAA,MACA,aAAaE,CAAI,IAAIP,EAAS,QAAQO,GAAM,EAAE,EAAE,YAAA,CAAa;AAAA,MAC7Db;AAAA,IAAA,GAIJ,OAAOY,EAAaN,CAAQ;AAAA,EAC9B,CAAC,GAEM;AAAA,IACL,YAAYG;AAAA,IACZ,OAAOG;AAAA,IACP,YAAYD;AAAA,EAAA;AAEhB;"}

package/dist/components/Grid/useGridStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("classnames"),i=require("../../constants/direction.cjs"),g=require("../../hooks/useAlignmentClass.cjs"),A=require("../../hooks/useClassNamePrefix.cjs"),n=require("../../hooks/useSpacingStyle.cjs");function C(S){const{alignmentX:r,alignmentY:c,cols:l,spacing:o,spacingX:d,spacingY:m,...p}=S,e=A.useClassNamePrefix("Grid"),P={...n.useSpacingStyle(o,"grid",i.DirectionAxis.X),...n.useSpacingStyle(o,"grid",i.DirectionAxis.Y),...n.useSpacingStyle(d,"grid",i.DirectionAxis.X),...n.useSpacingStyle(m,"grid",i.DirectionAxis.Y)};function f(a,s,u){return typeof s=="object"&&s!==null?Object.keys(s).map(t=>{const $=t==="mobile"?"":`--${t}`,x=s[t];return`${a}${$}--${u}-${x}`}).join(" "):`${a}--${u}-${s}`}return{classProps:y(e,{[g.useAlignmentClass(e,r,"alignmentX")]:r,[g.useAlignmentClass(e,c,"alignmentY")]:c,[f(e,l,"cols")]:l}),props:p,styleProps:P}}exports.useGridStyleProps=C;
+//# sourceMappingURL=useGridStyleProps.cjs.map

package/dist/components/Grid/useGridStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGridStyleProps.cjs","sources":["../../../src/components/Grid/useGridStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { type CSSProperties, type ElementType } from 'react';\nimport { DirectionAxis } from '../../constants';\nimport { useAlignmentClass, useClassNamePrefix, useSpacingStyle } from '../../hooks';\nimport {\n  type GridAlignmentXType,\n  type GridAlignmentYType,\n  type GridColsBreakpoints,\n  type SpiritGridProps,\n} from '../../types';\n\ninterface GridCSSProperties extends CSSProperties {\n  [key: string]: string | undefined | number;\n}\n\nexport interface GridStyle<T> {\n  /** className props */\n  classProps: string;\n  /** Props for the grid element. */\n  props: T;\n  /** Style props for the element */\n  styleProps: GridCSSProperties;\n}\n\nexport function useGridStyleProps(props: SpiritGridProps<ElementType>): GridStyle<SpiritGridProps<ElementType>> {\n  const { alignmentX, alignmentY, cols, spacing, spacingX, spacingY, ...restProps } = props;\n\n  const gridClass = useClassNamePrefix('Grid');\n\n  const gridStyle: GridCSSProperties = {\n    ...useSpacingStyle(spacing, 'grid', DirectionAxis.X),\n    ...useSpacingStyle(spacing, 'grid', DirectionAxis.Y),\n    ...useSpacingStyle(spacingX, 'grid', DirectionAxis.X),\n    ...useSpacingStyle(spacingY, 'grid', DirectionAxis.Y),\n  };\n\n  function generateColsClasses(\n    componentClass: string,\n    property: number | GridColsBreakpoints | undefined,\n    type: string,\n  ) {\n    if (typeof property === 'object' && property !== null) {\n      // We map over the object and generate the classes for each breakpoint\n      return Object.keys(property)\n        .map((key) => {\n          const infix = key === 'mobile' ? '' : `--${key}`;\n          const responsiveProperty = (property as Record<string, string>)[key];\n\n          return `${componentClass}${infix}--${type}-${responsiveProperty}`;\n        })\n        .join(' ');\n    }\n\n    return `${componentClass}--${type}-${property}`;\n  }\n\n  const classes = classNames(gridClass, {\n    [useAlignmentClass(gridClass, alignmentX as GridAlignmentXType, 'alignmentX')]: alignmentX,\n    [useAlignmentClass(gridClass, alignmentY as GridAlignmentYType, 'alignmentY')]: alignmentY,\n    [generateColsClasses(gridClass, cols, 'cols')]: cols,\n  });\n\n  return {\n    classProps: classes,\n    props: restProps,\n    styleProps: gridStyle,\n  };\n}\n"],"names":["useGridStyleProps","props","alignmentX","alignmentY","cols","spacing","spacingX","spacingY","restProps","gridClass","useClassNamePrefix","gridStyle","useSpacingStyle","DirectionAxis","generateColsClasses","componentClass","property","type","key","infix","responsiveProperty","classNames","useAlignmentClass"],"mappings":"qSAwBO,SAASA,EAAkBC,EAA8E,CAC9G,KAAM,CAAE,WAAAC,EAAY,WAAAC,EAAY,KAAAC,EAAM,QAAAC,EAAS,SAAAC,EAAU,SAAAC,EAAU,GAAGC,CAAA,EAAcP,EAE9EQ,EAAYC,EAAAA,mBAAmB,MAAM,EAErCC,EAA+B,CACnC,GAAGC,EAAAA,gBAAgBP,EAAS,OAAQQ,EAAAA,cAAc,CAAC,EACnD,GAAGD,EAAAA,gBAAgBP,EAAS,OAAQQ,EAAAA,cAAc,CAAC,EACnD,GAAGD,EAAAA,gBAAgBN,EAAU,OAAQO,EAAAA,cAAc,CAAC,EACpD,GAAGD,kBAAgBL,EAAU,OAAQM,EAAAA,cAAc,CAAC,CAAA,EAGtD,SAASC,EACPC,EACAC,EACAC,EACA,CACA,OAAI,OAAOD,GAAa,UAAYA,IAAa,KAExC,OAAO,KAAKA,CAAQ,EACxB,IAAKE,GAAQ,CACZ,MAAMC,EAAQD,IAAQ,SAAW,GAAK,KAAKA,CAAG,GACxCE,EAAsBJ,EAAoCE,CAAG,EAEnE,MAAO,GAAGH,CAAc,GAAGI,CAAK,KAAKF,CAAI,IAAIG,CAAkB,EACjE,CAAC,EACA,KAAK,GAAG,EAGN,GAAGL,CAAc,KAAKE,CAAI,IAAID,CAAQ,EAC/C,CAQA,MAAO,CACL,WAPcK,EAAWZ,EAAW,CACpC,CAACa,EAAAA,kBAAkBb,EAAWP,EAAkC,YAAY,CAAC,EAAGA,EAChF,CAACoB,EAAAA,kBAAkBb,EAAWN,EAAkC,YAAY,CAAC,EAAGA,EAChF,CAACW,EAAoBL,EAAWL,EAAM,MAAM,CAAC,EAAGA,CAAA,CACjD,EAIC,MAAOI,EACP,WAAYG,CAAA,CAEhB"}

package/dist/components/Grid/useGridStyleProps.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties, ElementType } from 'react';
+import { SpiritGridProps } from '../../types';
+interface GridCSSProperties extends CSSProperties {
+    [key: string]: string | undefined | number;
+}
+export interface GridStyle<T> {
+    classProps: string;
+    props: T;
+    styleProps: GridCSSProperties;
+}
+export declare function useGridStyleProps(props: SpiritGridProps<ElementType>): GridStyle<SpiritGridProps<ElementType>>;
+export {};

package/dist/components/Grid/useGridStyleProps.js

@@ -0,0 +1,32 @@
+import x from "classnames";
+import { DirectionAxis as n } from "../../constants/direction.js";
+import { useAlignmentClass as g } from "../../hooks/useAlignmentClass.js";
+import { useClassNamePrefix as C } from "../../hooks/useClassNamePrefix.js";
+import { useSpacingStyle as r } from "../../hooks/useSpacingStyle.js";
+function v(u) {
+  const { alignmentX: t, alignmentY: o, cols: l, spacing: c, spacingX: f, spacingY: p, ...d } = u, i = C("Grid"), $ = {
+    ...r(c, "grid", n.X),
+    ...r(c, "grid", n.Y),
+    ...r(f, "grid", n.X),
+    ...r(p, "grid", n.Y)
+  };
+  function P(a, s, m) {
+    return typeof s == "object" && s !== null ? Object.keys(s).map((e) => {
+      const X = e === "mobile" ? "" : `--${e}`, Y = s[e];
+      return `${a}${X}--${m}-${Y}`;
+    }).join(" ") : `${a}--${m}-${s}`;
+  }
+  return {
+    classProps: x(i, {
+      [g(i, t, "alignmentX")]: t,
+      [g(i, o, "alignmentY")]: o,
+      [P(i, l, "cols")]: l
+    }),
+    props: d,
+    styleProps: $
+  };
+}
+export {
+  v as useGridStyleProps
+};
+//# sourceMappingURL=useGridStyleProps.js.map

package/dist/components/Grid/useGridStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGridStyleProps.js","sources":["../../../src/components/Grid/useGridStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { type CSSProperties, type ElementType } from 'react';\nimport { DirectionAxis } from '../../constants';\nimport { useAlignmentClass, useClassNamePrefix, useSpacingStyle } from '../../hooks';\nimport {\n  type GridAlignmentXType,\n  type GridAlignmentYType,\n  type GridColsBreakpoints,\n  type SpiritGridProps,\n} from '../../types';\n\ninterface GridCSSProperties extends CSSProperties {\n  [key: string]: string | undefined | number;\n}\n\nexport interface GridStyle<T> {\n  /** className props */\n  classProps: string;\n  /** Props for the grid element. */\n  props: T;\n  /** Style props for the element */\n  styleProps: GridCSSProperties;\n}\n\nexport function useGridStyleProps(props: SpiritGridProps<ElementType>): GridStyle<SpiritGridProps<ElementType>> {\n  const { alignmentX, alignmentY, cols, spacing, spacingX, spacingY, ...restProps } = props;\n\n  const gridClass = useClassNamePrefix('Grid');\n\n  const gridStyle: GridCSSProperties = {\n    ...useSpacingStyle(spacing, 'grid', DirectionAxis.X),\n    ...useSpacingStyle(spacing, 'grid', DirectionAxis.Y),\n    ...useSpacingStyle(spacingX, 'grid', DirectionAxis.X),\n    ...useSpacingStyle(spacingY, 'grid', DirectionAxis.Y),\n  };\n\n  function generateColsClasses(\n    componentClass: string,\n    property: number | GridColsBreakpoints | undefined,\n    type: string,\n  ) {\n    if (typeof property === 'object' && property !== null) {\n      // We map over the object and generate the classes for each breakpoint\n      return Object.keys(property)\n        .map((key) => {\n          const infix = key === 'mobile' ? '' : `--${key}`;\n          const responsiveProperty = (property as Record<string, string>)[key];\n\n          return `${componentClass}${infix}--${type}-${responsiveProperty}`;\n        })\n        .join(' ');\n    }\n\n    return `${componentClass}--${type}-${property}`;\n  }\n\n  const classes = classNames(gridClass, {\n    [useAlignmentClass(gridClass, alignmentX as GridAlignmentXType, 'alignmentX')]: alignmentX,\n    [useAlignmentClass(gridClass, alignmentY as GridAlignmentYType, 'alignmentY')]: alignmentY,\n    [generateColsClasses(gridClass, cols, 'cols')]: cols,\n  });\n\n  return {\n    classProps: classes,\n    props: restProps,\n    styleProps: gridStyle,\n  };\n}\n"],"names":["useGridStyleProps","props","alignmentX","alignmentY","cols","spacing","spacingX","spacingY","restProps","gridClass","useClassNamePrefix","gridStyle","useSpacingStyle","DirectionAxis","generateColsClasses","componentClass","property","type","key","infix","responsiveProperty","classNames","useAlignmentClass"],"mappings":";;;;;AAwBO,SAASA,EAAkBC,GAA8E;AAC9G,QAAM,EAAE,YAAAC,GAAY,YAAAC,GAAY,MAAAC,GAAM,SAAAC,GAAS,UAAAC,GAAU,UAAAC,GAAU,GAAGC,EAAA,IAAcP,GAE9EQ,IAAYC,EAAmB,MAAM,GAErCC,IAA+B;AAAA,IACnC,GAAGC,EAAgBP,GAAS,QAAQQ,EAAc,CAAC;AAAA,IACnD,GAAGD,EAAgBP,GAAS,QAAQQ,EAAc,CAAC;AAAA,IACnD,GAAGD,EAAgBN,GAAU,QAAQO,EAAc,CAAC;AAAA,IACpD,GAAGD,EAAgBL,GAAU,QAAQM,EAAc,CAAC;AAAA,EAAA;AAGtD,WAASC,EACPC,GACAC,GACAC,GACA;AACA,WAAI,OAAOD,KAAa,YAAYA,MAAa,OAExC,OAAO,KAAKA,CAAQ,EACxB,IAAI,CAACE,MAAQ;AACZ,YAAMC,IAAQD,MAAQ,WAAW,KAAK,KAAKA,CAAG,IACxCE,IAAsBJ,EAAoCE,CAAG;AAEnE,aAAO,GAAGH,CAAc,GAAGI,CAAK,KAAKF,CAAI,IAAIG,CAAkB;AAAA,IACjE,CAAC,EACA,KAAK,GAAG,IAGN,GAAGL,CAAc,KAAKE,CAAI,IAAID,CAAQ;AAAA,EAC/C;AAQA,SAAO;AAAA,IACL,YAPcK,EAAWZ,GAAW;AAAA,MACpC,CAACa,EAAkBb,GAAWP,GAAkC,YAAY,CAAC,GAAGA;AAAA,MAChF,CAACoB,EAAkBb,GAAWN,GAAkC,YAAY,CAAC,GAAGA;AAAA,MAChF,CAACW,EAAoBL,GAAWL,GAAM,MAAM,CAAC,GAAGA;AAAA,IAAA,CACjD;AAAA,IAIC,OAAOI;AAAA,IACP,YAAYG;AAAA,EAAA;AAEhB;"}

package/dist/components/Grid.d.ts

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

package/dist/components/Header/Header.cjs

@@ -0,0 +1,3 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),u=require("classnames"),p=require("../../hooks/styleProps.cjs"),m=require("../../hooks/useDeprecationMessage.cjs"),d=require("./constants.cjs"),P=require("./useHeaderStyleProps.cjs"),s=t=>{const{children:r,color:o=d.HEADER_COLOR_DEFAULT,isSimple:n,...a}=t,{classProps:c}=P.useHeaderStyleProps({color:o,isSimple:n}),{styleProps:e,props:i}=p.useStyleProps(a);return m.useDeprecationMessage({method:"custom",trigger:!0,componentName:"Header",customText:`The component will be removed in the next major version. Component is replaced by the current implementation of UNSTABLE_Header.
+    Please see the composition of the UNSTABLE_Header, Drawer and Navigation components.`}),l.jsx("header",{...i,className:u(c.root,e.className),style:e.style,children:r})};s.spiritComponent="Header";exports.default=s;
+//# sourceMappingURL=Header.cjs.map

package/dist/components/Header/Header.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.cjs","sources":["../../../src/components/Header/Header.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useDeprecationMessage, useStyleProps } from '../../hooks';\nimport { type HeaderProps } from '../../types';\nimport { HEADER_COLOR_DEFAULT } from './constants';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst Header = (props: HeaderProps) => {\n  const { children, color = HEADER_COLOR_DEFAULT, isSimple, ...restProps } = props;\n\n  const { classProps } = useHeaderStyleProps({ color, isSimple });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  useDeprecationMessage({\n    method: 'custom',\n    trigger: true,\n    componentName: 'Header',\n    customText: `The component will be removed in the next major version. Component is replaced by the current implementation of UNSTABLE_Header.\n    Please see the composition of the UNSTABLE_Header, Drawer and Navigation components.`,\n  });\n\n  return (\n    <header {...otherProps} className={classNames(classProps.root, styleProps.className)} style={styleProps.style}>\n      {children}\n    </header>\n  );\n};\n\nHeader.spiritComponent = 'Header';\n\nexport default Header;\n"],"names":["Header","props","children","color","HEADER_COLOR_DEFAULT","isSimple","restProps","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","useDeprecationMessage","jsx","classNames"],"mappings":"qVASMA,EAAUC,GAAuB,CACrC,KAAM,CAAE,SAAAC,EAAU,MAAAC,EAAQC,EAAAA,qBAAsB,SAAAC,EAAU,GAAGC,GAAcL,EAErE,CAAE,WAAAM,CAAA,EAAeC,EAAAA,oBAAoB,CAAE,MAAAL,EAAO,SAAAE,EAAU,EACxD,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcL,CAAS,EAEjEM,OAAAA,wBAAsB,CACpB,OAAQ,SACR,QAAS,GACT,cAAe,SACf,WAAY;AAAA,yFAAA,CAEb,EAGCC,EAAAA,IAAC,SAAA,CAAQ,GAAGH,EAAY,UAAWI,EAAWP,EAAW,KAAME,EAAW,SAAS,EAAG,MAAOA,EAAW,MACrG,SAAAP,EACH,CAEJ,EAEAF,EAAO,gBAAkB"}

package/dist/components/Header/Header.d.ts

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

package/dist/components/Header/Header.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as p } from "react/jsx-runtime";
+import i from "classnames";
+import { useStyleProps as c } from "../../hooks/styleProps.js";
+import { useDeprecationMessage as l } from "../../hooks/useDeprecationMessage.js";
+import { HEADER_COLOR_DEFAULT as d } from "./constants.js";
+import { useHeaderStyleProps as u } from "./useHeaderStyleProps.js";
+const f = (o) => {
+  const { children: r, color: t = d, isSimple: s, ...m } = o, { classProps: a } = u({ color: t, isSimple: s }), { styleProps: e, props: n } = c(m);
+  return l({
+    method: "custom",
+    trigger: !0,
+    componentName: "Header",
+    customText: `The component will be removed in the next major version. Component is replaced by the current implementation of UNSTABLE_Header.
+    Please see the composition of the UNSTABLE_Header, Drawer and Navigation components.`
+  }), /* @__PURE__ */ p("header", { ...n, className: i(a.root, e.className), style: e.style, children: r });
+};
+f.spiritComponent = "Header";
+export {
+  f as default
+};
+//# sourceMappingURL=Header.js.map

package/dist/components/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../../src/components/Header/Header.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useDeprecationMessage, useStyleProps } from '../../hooks';\nimport { type HeaderProps } from '../../types';\nimport { HEADER_COLOR_DEFAULT } from './constants';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst Header = (props: HeaderProps) => {\n  const { children, color = HEADER_COLOR_DEFAULT, isSimple, ...restProps } = props;\n\n  const { classProps } = useHeaderStyleProps({ color, isSimple });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  useDeprecationMessage({\n    method: 'custom',\n    trigger: true,\n    componentName: 'Header',\n    customText: `The component will be removed in the next major version. Component is replaced by the current implementation of UNSTABLE_Header.\n    Please see the composition of the UNSTABLE_Header, Drawer and Navigation components.`,\n  });\n\n  return (\n    <header {...otherProps} className={classNames(classProps.root, styleProps.className)} style={styleProps.style}>\n      {children}\n    </header>\n  );\n};\n\nHeader.spiritComponent = 'Header';\n\nexport default Header;\n"],"names":["Header","props","children","color","HEADER_COLOR_DEFAULT","isSimple","restProps","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","useDeprecationMessage","jsx","classNames"],"mappings":";;;;;;;AASA,MAAMA,IAAS,CAACC,MAAuB;AACrC,QAAM,EAAE,UAAAC,GAAU,OAAAC,IAAQC,GAAsB,UAAAC,GAAU,GAAGC,MAAcL,GAErE,EAAE,YAAAM,EAAA,IAAeC,EAAoB,EAAE,OAAAL,GAAO,UAAAE,GAAU,GACxD,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAS;AAEjE,SAAAM,EAAsB;AAAA,IACpB,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,eAAe;AAAA,IACf,YAAY;AAAA;AAAA,EAAA,CAEb,GAGC,gBAAAC,EAAC,UAAA,EAAQ,GAAGH,GAAY,WAAWI,EAAWP,EAAW,MAAME,EAAW,SAAS,GAAG,OAAOA,EAAW,OACrG,UAAAP,GACH;AAEJ;AAEAF,EAAO,kBAAkB;"}

package/dist/components/Header/HeaderButton.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"),n=require("../../hooks/styleProps.cjs"),a=require("./useHeaderStyleProps.cjs"),s=t=>{const{classProps:r}=a.useHeaderStyleProps(),{styleProps:e,props:o}=n.useStyleProps(t);return u.jsx("button",{...o,type:"button",className:l(r.headerButton,e.className),style:e.style})};s.spiritComponent="HeaderButton";exports.default=s;
+//# sourceMappingURL=HeaderButton.cjs.map

package/dist/components/Header/HeaderButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderButton.cjs","sources":["../../../src/components/Header/HeaderButton.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type HeaderButtonProps } from '../../types';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst HeaderButton = (props: HeaderButtonProps) => {\n  const { classProps } = useHeaderStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(props);\n\n  return (\n    <button\n      {...otherProps}\n      type=\"button\"\n      className={classNames(classProps.headerButton, styleProps.className)}\n      style={styleProps.style}\n    />\n  );\n};\n\nHeaderButton.spiritComponent = 'HeaderButton';\n\nexport default HeaderButton;\n"],"names":["HeaderButton","props","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":"qQAQMA,EAAgBC,GAA6B,CACjD,KAAM,CAAE,WAAAC,CAAA,EAAeC,sBAAA,EACjB,CAAA,WAAEC,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcL,CAAK,EAE7D,OACEM,EAAAA,IAAC,SAAA,CACE,GAAGF,EACJ,KAAK,SACL,UAAWG,EAAWN,EAAW,aAAcE,EAAW,SAAS,EACnE,MAAOA,EAAW,KAAA,CAAA,CAGxB,EAEAJ,EAAa,gBAAkB"}

package/dist/components/Header/HeaderButton.d.ts

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

package/dist/components/Header/HeaderButton.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import p from "classnames";
+import { useStyleProps as a } from "../../hooks/styleProps.js";
+import { useHeaderStyleProps as m } from "./useHeaderStyleProps.js";
+const n = (s) => {
+  const { classProps: e } = m(), { styleProps: t, props: o } = a(s);
+  return /* @__PURE__ */ r(
+    "button",
+    {
+      ...o,
+      type: "button",
+      className: p(e.headerButton, t.className),
+      style: t.style
+    }
+  );
+};
+n.spiritComponent = "HeaderButton";
+export {
+  n as default
+};
+//# sourceMappingURL=HeaderButton.js.map

package/dist/components/Header/HeaderButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderButton.js","sources":["../../../src/components/Header/HeaderButton.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type HeaderButtonProps } from '../../types';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst HeaderButton = (props: HeaderButtonProps) => {\n  const { classProps } = useHeaderStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(props);\n\n  return (\n    <button\n      {...otherProps}\n      type=\"button\"\n      className={classNames(classProps.headerButton, styleProps.className)}\n      style={styleProps.style}\n    />\n  );\n};\n\nHeaderButton.spiritComponent = 'HeaderButton';\n\nexport default HeaderButton;\n"],"names":["HeaderButton","props","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":";;;;;AAQA,MAAMA,IAAe,CAACC,MAA6B;AACjD,QAAM,EAAE,YAAAC,EAAA,IAAeC,EAAA,GACjB,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAK;AAE7D,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,MAAK;AAAA,MACL,WAAWG,EAAWN,EAAW,cAAcE,EAAW,SAAS;AAAA,MACnE,OAAOA,EAAW;AAAA,IAAA;AAAA,EAAA;AAGxB;AAEAJ,EAAa,kBAAkB;"}

package/dist/components/Header/HeaderDesktopActions.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),i=require("classnames"),p=require("../../hooks/styleProps.cjs"),u=require("./useHeaderStyleProps.cjs"),d={isAtEnd:!1},e=t=>{const o={...d,...t},{isAtEnd:r,...n}=o,{classProps:c}=u.useHeaderStyleProps({hasActionsAtEnd:r}),{styleProps:s,props:l}=p.useStyleProps(n);return a.jsx("nav",{...l,className:i(c.headerDesktopActions,s.className),style:s.style})};e.spiritComponent="HeaderDesktopActions";exports.default=e;
+//# sourceMappingURL=HeaderDesktopActions.cjs.map

package/dist/components/Header/HeaderDesktopActions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderDesktopActions.cjs","sources":["../../../src/components/Header/HeaderDesktopActions.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type HeaderDesktopActionsProps } from '../../types';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst defaultProps = {\n  isAtEnd: false,\n};\n\nconst HeaderDesktopActions = (props: HeaderDesktopActionsProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { isAtEnd, ...restProps } = propsWithDefaults;\n\n  const { classProps } = useHeaderStyleProps({ hasActionsAtEnd: isAtEnd });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  return (\n    <nav\n      {...otherProps}\n      className={classNames(classProps.headerDesktopActions, styleProps.className)}\n      style={styleProps.style}\n    />\n  );\n};\n\nHeaderDesktopActions.spiritComponent = 'HeaderDesktopActions';\n\nexport default HeaderDesktopActions;\n"],"names":["defaultProps","HeaderDesktopActions","props","propsWithDefaults","isAtEnd","restProps","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":"qQAQMA,EAAe,CACnB,QAAS,EACX,EAEMC,EAAwBC,GAAqC,CACjE,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CAAE,QAAAE,EAAS,GAAGC,CAAA,EAAcF,EAE5B,CAAE,WAAAG,CAAA,EAAeC,EAAAA,oBAAoB,CAAE,gBAAiBH,EAAS,EACjE,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcL,CAAS,EAEjE,OACEM,EAAAA,IAAC,MAAA,CACE,GAAGF,EACJ,UAAWG,EAAWN,EAAW,qBAAsBE,EAAW,SAAS,EAC3E,MAAOA,EAAW,KAAA,CAAA,CAGxB,EAEAP,EAAqB,gBAAkB"}

package/dist/components/Header/HeaderDesktopActions.d.ts

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

package/dist/components/Header/HeaderDesktopActions.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as n } from "react/jsx-runtime";
+import c from "classnames";
+import { useStyleProps as i } from "../../hooks/styleProps.js";
+import { useHeaderStyleProps as l } from "./useHeaderStyleProps.js";
+const m = {
+  isAtEnd: !1
+}, d = (t) => {
+  const o = { ...m, ...t }, { isAtEnd: e, ...r } = o, { classProps: p } = l({ hasActionsAtEnd: e }), { styleProps: s, props: a } = i(r);
+  return /* @__PURE__ */ n(
+    "nav",
+    {
+      ...a,
+      className: c(p.headerDesktopActions, s.className),
+      style: s.style
+    }
+  );
+};
+d.spiritComponent = "HeaderDesktopActions";
+export {
+  d as default
+};
+//# sourceMappingURL=HeaderDesktopActions.js.map

package/dist/components/Header/HeaderDesktopActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderDesktopActions.js","sources":["../../../src/components/Header/HeaderDesktopActions.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type HeaderDesktopActionsProps } from '../../types';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst defaultProps = {\n  isAtEnd: false,\n};\n\nconst HeaderDesktopActions = (props: HeaderDesktopActionsProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { isAtEnd, ...restProps } = propsWithDefaults;\n\n  const { classProps } = useHeaderStyleProps({ hasActionsAtEnd: isAtEnd });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  return (\n    <nav\n      {...otherProps}\n      className={classNames(classProps.headerDesktopActions, styleProps.className)}\n      style={styleProps.style}\n    />\n  );\n};\n\nHeaderDesktopActions.spiritComponent = 'HeaderDesktopActions';\n\nexport default HeaderDesktopActions;\n"],"names":["defaultProps","HeaderDesktopActions","props","propsWithDefaults","isAtEnd","restProps","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":";;;;;AAQA,MAAMA,IAAe;AAAA,EACnB,SAAS;AACX,GAEMC,IAAuB,CAACC,MAAqC;AACjE,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,SAAAE,GAAS,GAAGC,EAAA,IAAcF,GAE5B,EAAE,YAAAG,EAAA,IAAeC,EAAoB,EAAE,iBAAiBH,GAAS,GACjE,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAS;AAEjE,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,WAAWG,EAAWN,EAAW,sBAAsBE,EAAW,SAAS;AAAA,MAC3E,OAAOA,EAAW;AAAA,IAAA;AAAA,EAAA;AAGxB;AAEAP,EAAqB,kBAAkB;"}

package/dist/components/Header/HeaderDialog.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"),p=require("classnames"),P=require("../../hooks/styleProps.cjs"),g=require("../../hooks/useLastActiveFocus.cjs"),v=require("../Dialog/Dialog.cjs"),y=require("./HeaderDialogContext.cjs"),h=require("./useHeaderStyleProps.cjs"),l=i=>{const{children:c,id:o,isOpen:s,onClose:t,...n}=i,{classProps:r}=h.useHeaderStyleProps(),{styleProps:a,props:u}=P.useStyleProps(n),d={id:o,isOpen:s,onClose:t};return g.useLastActiveFocus(s),e.jsx(y.HeaderDialogProvider,{value:d,children:e.jsx(v.default,{...u,id:o,isOpen:s,onClose:t,className:p(r.headerDialog.root,a.className),style:a.style,children:e.jsx("div",{className:r.headerDialog.panel,children:e.jsx("div",{className:r.headerDialog.content,children:c})})})})};l.spiritComponent="HeaderDialog";exports.default=l;
+//# sourceMappingURL=HeaderDialog.cjs.map

package/dist/components/Header/HeaderDialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderDialog.cjs","sources":["../../../src/components/Header/HeaderDialog.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useLastActiveFocus, useStyleProps } from '../../hooks';\nimport { type HeaderDialogProps } from '../../types';\nimport { Dialog } from '../Dialog';\nimport { HeaderDialogProvider } from './HeaderDialogContext';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst HeaderDialog = (props: HeaderDialogProps) => {\n  const { children, id, isOpen, onClose, ...restProps } = props;\n\n  const { classProps } = useHeaderStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  const providerValue = { id, isOpen, onClose };\n\n  useLastActiveFocus(isOpen);\n\n  return (\n    <HeaderDialogProvider value={providerValue}>\n      <Dialog\n        {...otherProps}\n        id={id}\n        isOpen={isOpen}\n        onClose={onClose}\n        className={classNames(classProps.headerDialog.root, styleProps.className)}\n        style={styleProps.style}\n      >\n        <div className={classProps.headerDialog.panel}>\n          <div className={classProps.headerDialog.content}>{children}</div>\n        </div>\n      </Dialog>\n    </HeaderDialogProvider>\n  );\n};\n\nHeaderDialog.spiritComponent = 'HeaderDialog';\n\nexport default HeaderDialog;\n"],"names":["HeaderDialog","props","children","id","isOpen","onClose","restProps","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","providerValue","useLastActiveFocus","jsx","HeaderDialogProvider","Dialog","classNames"],"mappings":"8XAUMA,EAAgBC,GAA6B,CACjD,KAAM,CAAE,SAAAC,EAAU,GAAAC,EAAI,OAAAC,EAAQ,QAAAC,EAAS,GAAGC,GAAcL,EAElD,CAAE,WAAAM,CAAA,EAAeC,sBAAA,EACjB,CAAA,WAAEC,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcL,CAAS,EAE3DM,EAAgB,CAAE,GAAAT,EAAI,OAAAC,EAAQ,QAAAC,CAAA,EAEpCQ,OAAAA,EAAAA,mBAAmBT,CAAM,EAGvBU,EAAAA,IAACC,EAAAA,qBAAA,CAAqB,MAAOH,EAC3B,SAAAE,EAAAA,IAACE,EAAAA,QAAA,CACE,GAAGN,EACJ,GAAAP,EACA,OAAAC,EACA,QAAAC,EACA,UAAWY,EAAWV,EAAW,aAAa,KAAME,EAAW,SAAS,EACxE,MAAOA,EAAW,MAElB,SAAAK,EAAAA,IAAC,MAAA,CAAI,UAAWP,EAAW,aAAa,MACtC,SAAAO,EAAAA,IAAC,MAAA,CAAI,UAAWP,EAAW,aAAa,QAAU,SAAAL,EAAS,CAAA,CAC7D,CAAA,CAAA,EAEJ,CAEJ,EAEAF,EAAa,gBAAkB"}

package/dist/components/Header/HeaderDialog.d.ts

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