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

package/dist/components/FileUploader/utils.js

@@ -0,0 +1,37 @@
+import u from "../../common/utilities/warning.js";
+const d = (r, n, a) => {
+  const t = document.createElement("input"), e = new DataTransfer();
+  if (r)
+    e.items?.add(r);
+  else {
+    a ? a("File not found") : u(!1, "File not found");
+    return;
+  }
+  return t.setAttribute("type", "file"), t.setAttribute("name", `${n}[]`), t.setAttribute("hidden", ""), t.files = e.files, t;
+}, l = (r, n, a) => {
+  const t = document.createElement("input");
+  return t.setAttribute("type", "text"), t.setAttribute("name", `${n}_meta`), t.setAttribute("value", JSON.stringify(a)), t.setAttribute("hidden", ""), t;
+}, g = (r, n, a) => {
+  const t = new FileReader();
+  t.onload = (e) => {
+    const i = new Image();
+    i.onload = () => {
+      const s = document.createElement("canvas"), o = s.getContext("2d");
+      s.width = n, s.height = i.height / i.width * n, o?.drawImage(i, 0, 0, s.width, s.height);
+      const c = s.toDataURL("image/jpeg", 0.8);
+      a(c);
+    }, e.target && e.target.result && (i.src = e.target.result.toString());
+  }, t.readAsDataURL(r);
+}, h = (r) => {
+  const n = atob(r), a = new Array(n.length);
+  for (let e = 0; e < n.length; e++)
+    a[e] = n.charCodeAt(e);
+  return new Uint8Array(a);
+};
+export {
+  h as base64ToByteArray,
+  d as getAttachmentInput,
+  l as getAttachmentMetaInput,
+  g as image2Base64Preview
+};
+//# sourceMappingURL=utils.js.map

package/dist/components/FileUploader/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/FileUploader/utils.ts"],"sourcesContent":["import { warning } from '../../common/utilities';\nimport { type FileMetadata } from '../../types/fileUploader';\n\nconst getAttachmentInput = (\n  file: File,\n  name: string,\n  onError?: (error: string) => void,\n): HTMLInputElement | undefined => {\n  const attachmentInputElement = document.createElement('input');\n  const dataContainer = new DataTransfer();\n\n  if (file) {\n    dataContainer.items?.add(file);\n  } else {\n    if (onError) {\n      onError('File not found');\n    } else {\n      warning(false, 'File not found');\n    }\n\n    return;\n  }\n\n  attachmentInputElement.setAttribute('type', 'file');\n  attachmentInputElement.setAttribute('name', `${name}[]`);\n  attachmentInputElement.setAttribute('hidden', '');\n\n  attachmentInputElement.files = dataContainer.files;\n\n  return attachmentInputElement;\n};\n\nconst getAttachmentMetaInput = (file: File, name: string, meta: FileMetadata): HTMLInputElement => {\n  const attachmentInputElement = document.createElement('input');\n\n  attachmentInputElement.setAttribute('type', 'text');\n  attachmentInputElement.setAttribute('name', `${name}_meta`);\n  attachmentInputElement.setAttribute('value', JSON.stringify(meta));\n  attachmentInputElement.setAttribute('hidden', '');\n\n  return attachmentInputElement;\n};\n\nconst image2Base64Preview = (file: File, maxWidth: number, callback: (base64Preview: string) => void) => {\n  const reader = new FileReader();\n\n  reader.onload = (event) => {\n    const image = new Image();\n    image.onload = () => {\n      const canvas = document.createElement('canvas');\n      const context = canvas.getContext('2d');\n      canvas.width = maxWidth;\n      canvas.height = (image.height / image.width) * maxWidth;\n      context?.drawImage(image, 0, 0, canvas.width, canvas.height);\n      const compressedDataURL = canvas.toDataURL('image/jpeg', 0.8);\n      callback(compressedDataURL);\n    };\n\n    if (event.target && event.target.result) {\n      image.src = event.target.result.toString();\n    }\n  };\n\n  reader.readAsDataURL(file);\n};\n\nconst base64ToByteArray = (base64Image: string) => {\n  const byteCharacters = atob(base64Image);\n  const byteNumbers = new Array(byteCharacters.length);\n  for (let i = 0; i < byteCharacters.length; i++) {\n    byteNumbers[i] = byteCharacters.charCodeAt(i);\n  }\n  const byteArray = new Uint8Array(byteNumbers);\n\n  return byteArray;\n};\n\nexport { base64ToByteArray, getAttachmentInput, getAttachmentMetaInput, image2Base64Preview };\n"],"names":["getAttachmentInput","file","name","onError","attachmentInputElement","dataContainer","warning","getAttachmentMetaInput","meta","image2Base64Preview","maxWidth","callback","reader","event","image","canvas","context","compressedDataURL","base64ToByteArray","base64Image","byteCharacters","byteNumbers","i"],"mappings":";AAGA,MAAMA,IAAqB,CACzBC,GACAC,GACAC,MACiC;AACjC,QAAMC,IAAyB,SAAS,cAAc,OAAO,GACvDC,IAAgB,IAAI,aAAA;AAE1B,MAAIJ;AACF,IAAAI,EAAc,OAAO,IAAIJ,CAAI;AAAA,OACxB;AACL,IAAIE,IACFA,EAAQ,gBAAgB,IAExBG,EAAQ,IAAO,gBAAgB;AAGjC;AAAA,EACF;AAEA,SAAAF,EAAuB,aAAa,QAAQ,MAAM,GAClDA,EAAuB,aAAa,QAAQ,GAAGF,CAAI,IAAI,GACvDE,EAAuB,aAAa,UAAU,EAAE,GAEhDA,EAAuB,QAAQC,EAAc,OAEtCD;AACT,GAEMG,IAAyB,CAACN,GAAYC,GAAcM,MAAyC;AACjG,QAAMJ,IAAyB,SAAS,cAAc,OAAO;AAE7D,SAAAA,EAAuB,aAAa,QAAQ,MAAM,GAClDA,EAAuB,aAAa,QAAQ,GAAGF,CAAI,OAAO,GAC1DE,EAAuB,aAAa,SAAS,KAAK,UAAUI,CAAI,CAAC,GACjEJ,EAAuB,aAAa,UAAU,EAAE,GAEzCA;AACT,GAEMK,IAAsB,CAACR,GAAYS,GAAkBC,MAA8C;AACvG,QAAMC,IAAS,IAAI,WAAA;AAEnB,EAAAA,EAAO,SAAS,CAACC,MAAU;AACzB,UAAMC,IAAQ,IAAI,MAAA;AAClB,IAAAA,EAAM,SAAS,MAAM;AACnB,YAAMC,IAAS,SAAS,cAAc,QAAQ,GACxCC,IAAUD,EAAO,WAAW,IAAI;AACtC,MAAAA,EAAO,QAAQL,GACfK,EAAO,SAAUD,EAAM,SAASA,EAAM,QAASJ,GAC/CM,GAAS,UAAUF,GAAO,GAAG,GAAGC,EAAO,OAAOA,EAAO,MAAM;AAC3D,YAAME,IAAoBF,EAAO,UAAU,cAAc,GAAG;AAC5D,MAAAJ,EAASM,CAAiB;AAAA,IAC5B,GAEIJ,EAAM,UAAUA,EAAM,OAAO,WAC/BC,EAAM,MAAMD,EAAM,OAAO,OAAO,SAAA;AAAA,EAEpC,GAEAD,EAAO,cAAcX,CAAI;AAC3B,GAEMiB,IAAoB,CAACC,MAAwB;AACjD,QAAMC,IAAiB,KAAKD,CAAW,GACjCE,IAAc,IAAI,MAAMD,EAAe,MAAM;AACnD,WAASE,IAAI,GAAGA,IAAIF,EAAe,QAAQE;AACzC,IAAAD,EAAYC,CAAC,IAAIF,EAAe,WAAWE,CAAC;AAI9C,SAFkB,IAAI,WAAWD,CAAW;AAG9C;"}

package/dist/components/FileUploader.d.ts

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

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

package/dist/components/Flex/Flex.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.cjs","sources":["../../../src/components/Flex/Flex.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { AlignmentXExtended, AlignmentYExtended, DirectionExtended } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type FlexProps, type PolymorphicComponent, type PolymorphicRef, type SpiritFlexProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useFlexStyleProps } from './useFlexStyleProps';\n\nconst defaultProps = {\n  alignmentX: AlignmentXExtended.STRETCH,\n  alignmentY: AlignmentYExtended.STRETCH,\n  direction: DirectionExtended.HORIZONTAL,\n  elementType: 'div',\n  isWrapping: false,\n};\n\nconst _Flex = <E extends ElementType = 'div'>(props: SpiritFlexProps<E>, ref: PolymorphicRef<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const {\n    elementType = defaultProps.elementType,\n    /**\n     * @deprecated \"row\" and \"column\" values will be removed in the next major version. Please use \"horizontal\" and \"vertical\" instead.\n     * @see https://jira.almacareer.tech/browse/DS-1629\n     */\n    direction,\n    children,\n    ...restProps\n  } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps, styleProps: flexStyle } = useFlexStyleProps({ direction, ...restProps });\n  const { styleProps, props: otherProps } = useStyleProps({ ...modifiedProps });\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, flexStyle, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst Flex = forwardRef<HTMLDivElement, SpiritFlexProps<'div'>>(_Flex) as unknown as PolymorphicComponent<\n  'div',\n  FlexProps\n>;\n\nFlex.spiritComponent = 'Flex';\nFlex.displayName = 'Flex';\n\nexport default Flex;\n"],"names":["defaultProps","AlignmentXExtended","AlignmentYExtended","DirectionExtended","_Flex","props","ref","propsWithDefaults","elementType","direction","children","restProps","Component","classProps","modifiedProps","flexStyle","useFlexStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","Flex","forwardRef"],"mappings":"oYASMA,EAAe,CACnB,WAAYC,EAAAA,mBAAmB,QAC/B,WAAYC,EAAAA,mBAAmB,QAC/B,UAAWC,EAAAA,kBAAkB,WAC7B,YAAa,MACb,WAAY,EACd,EAEMC,EAAQ,CAAgCC,EAA2BC,IAAwC,CAC/G,MAAMC,EAAoB,CAAE,GAAGP,EAAc,GAAGK,CAAA,EAC1C,CACJ,YAAAG,EAAcR,EAAa,YAK3B,UAAAS,EACA,SAAAC,EACA,GAAGC,CAAA,EACDJ,EAEEK,EAAYJ,EAEZ,CAAE,WAAAK,EAAY,MAAOC,EAAe,WAAYC,CAAA,EAAcC,oBAAkB,CAAE,UAAAP,EAAW,GAAGE,CAAA,CAAW,EAC3G,CAAA,WAAEM,EAAY,MAAOC,CAAA,EAAeC,gBAAc,CAAE,GAAGL,EAAe,EACtEM,EAAmBC,EAAAA,gBAAgBT,EAAW,CAAE,WAAAC,EAAY,UAAAE,EAAA,WAAWE,EAAY,WAAAC,EAAY,EAErG,aACGN,EAAA,CAAW,GAAGM,EAAa,GAAGE,EAAkB,IAAAd,EAC9C,SAAAI,EACH,CAEJ,EAEMY,EAAOC,EAAAA,WAAmDnB,CAAK,EAKrEkB,EAAK,gBAAkB,OACvBA,EAAK,YAAc"}

package/dist/components/Flex/Flex.d.ts

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

package/dist/components/Flex/Flex.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as P } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+import { AlignmentYExtended as T, AlignmentXExtended as g } from "../../constants/dictionaries.js";
+import { DirectionExtended as S } from "../../constants/direction.js";
+import { useStyleProps as E } from "../../hooks/styleProps.js";
+import { mergeStyleProps as F } from "../../utils/mergeStyleProps.js";
+import { useFlexStyleProps as C } from "./useFlexStyleProps.js";
+const o = {
+  alignmentX: g.STRETCH,
+  alignmentY: T.STRETCH,
+  direction: S.HORIZONTAL,
+  elementType: "div",
+  isWrapping: !1
+}, R = (s, n) => {
+  const p = { ...o, ...s }, {
+    elementType: i = o.elementType,
+    /**
+     * @deprecated "row" and "column" values will be removed in the next major version. Please use "horizontal" and "vertical" instead.
+     * @see https://jira.almacareer.tech/browse/DS-1629
+     */
+    direction: l,
+    children: m,
+    ...d
+  } = p, e = i, { classProps: c, props: f, styleProps: a } = C({ direction: l, ...d }), { styleProps: x, props: t } = E({ ...f }), y = F(e, { classProps: c, flexStyle: a, styleProps: x, otherProps: t });
+  return /* @__PURE__ */ P(e, { ...t, ...y, ref: n, children: m });
+}, r = u(R);
+r.spiritComponent = "Flex";
+r.displayName = "Flex";
+export {
+  r as default
+};
+//# sourceMappingURL=Flex.js.map

package/dist/components/Flex/Flex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.js","sources":["../../../src/components/Flex/Flex.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { AlignmentXExtended, AlignmentYExtended, DirectionExtended } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type FlexProps, type PolymorphicComponent, type PolymorphicRef, type SpiritFlexProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useFlexStyleProps } from './useFlexStyleProps';\n\nconst defaultProps = {\n  alignmentX: AlignmentXExtended.STRETCH,\n  alignmentY: AlignmentYExtended.STRETCH,\n  direction: DirectionExtended.HORIZONTAL,\n  elementType: 'div',\n  isWrapping: false,\n};\n\nconst _Flex = <E extends ElementType = 'div'>(props: SpiritFlexProps<E>, ref: PolymorphicRef<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const {\n    elementType = defaultProps.elementType,\n    /**\n     * @deprecated \"row\" and \"column\" values will be removed in the next major version. Please use \"horizontal\" and \"vertical\" instead.\n     * @see https://jira.almacareer.tech/browse/DS-1629\n     */\n    direction,\n    children,\n    ...restProps\n  } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps, styleProps: flexStyle } = useFlexStyleProps({ direction, ...restProps });\n  const { styleProps, props: otherProps } = useStyleProps({ ...modifiedProps });\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, flexStyle, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst Flex = forwardRef<HTMLDivElement, SpiritFlexProps<'div'>>(_Flex) as unknown as PolymorphicComponent<\n  'div',\n  FlexProps\n>;\n\nFlex.spiritComponent = 'Flex';\nFlex.displayName = 'Flex';\n\nexport default Flex;\n"],"names":["defaultProps","AlignmentXExtended","AlignmentYExtended","DirectionExtended","_Flex","props","ref","propsWithDefaults","elementType","direction","children","restProps","Component","classProps","modifiedProps","flexStyle","useFlexStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","Flex","forwardRef"],"mappings":";;;;;;;;AASA,MAAMA,IAAe;AAAA,EACnB,YAAYC,EAAmB;AAAA,EAC/B,YAAYC,EAAmB;AAAA,EAC/B,WAAWC,EAAkB;AAAA,EAC7B,aAAa;AAAA,EACb,YAAY;AACd,GAEMC,IAAQ,CAAgCC,GAA2BC,MAAwC;AAC/G,QAAMC,IAAoB,EAAE,GAAGP,GAAc,GAAGK,EAAA,GAC1C;AAAA,IACJ,aAAAG,IAAcR,EAAa;AAAA;AAAA;AAAA;AAAA;AAAA,IAK3B,WAAAS;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDJ,GAEEK,IAAYJ,GAEZ,EAAE,YAAAK,GAAY,OAAOC,GAAe,YAAYC,EAAA,IAAcC,EAAkB,EAAE,WAAAP,GAAW,GAAGE,EAAA,CAAW,GAC3G,EAAE,YAAAM,GAAY,OAAOC,EAAA,IAAeC,EAAc,EAAE,GAAGL,GAAe,GACtEM,IAAmBC,EAAgBT,GAAW,EAAE,YAAAC,GAAY,WAAAE,GAAW,YAAAE,GAAY,YAAAC,GAAY;AAErG,2BACGN,GAAA,EAAW,GAAGM,GAAa,GAAGE,GAAkB,KAAAd,GAC9C,UAAAI,GACH;AAEJ,GAEMY,IAAOC,EAAmDnB,CAAK;AAKrEkB,EAAK,kBAAkB;AACvBA,EAAK,cAAc;"}

package/dist/components/Flex/index.cjs

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

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

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

package/dist/components/Flex/index.js

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

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

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

package/dist/components/Flex/useFlexStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("classnames"),t=require("../../constants/direction.cjs"),l=require("../../hooks/useAlignmentClass.cjs"),d=require("../../hooks/useClassNamePrefix.cjs"),C=require("../../hooks/useDeprecationMessage.cjs"),n=require("../../hooks/useSpacingStyle.cjs"),y=require("../../hooks/useWrapClass.cjs"),f=require("../../utils/string.cjs"),P=require("../../utils/stylePropsClassesGenerator.cjs");function q(o){const{alignmentX:r,alignmentY:i,direction:s,spacing:a,spacingX:c,spacingY:u,isWrapping:p,...g}=o;C.useDeprecationMessage({method:"custom",trigger:s==="row"||s==="column",componentName:"Flex",customText:"Direction values `row` and `column` are deprecated and will be removed in the next major release. Use `horizontal` and `vertical` values instead."});const e=d.useClassNamePrefix("Flex"),m={...n.useSpacingStyle(a,"flex",t.DirectionAxis.X),...n.useSpacingStyle(a,"flex",t.DirectionAxis.Y),...n.useSpacingStyle(c,"flex",t.DirectionAxis.X),...n.useSpacingStyle(u,"flex",t.DirectionAxis.Y)},x=P.generateStylePropsClassNames(e,f.stringOrObjectKebabCaseToCamelCase(s));return{classProps:S(e,y.useWrapClass(e,p),{[l.useAlignmentClass(e,r,"alignmentX")]:r,[l.useAlignmentClass(e,i,"alignmentY")]:i,[x]:s}),props:g,styleProps:m}}exports.useFlexStyleProps=q;
+//# sourceMappingURL=useFlexStyleProps.cjs.map

package/dist/components/Flex/useFlexStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFlexStyleProps.cjs","sources":["../../../src/components/Flex/useFlexStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { type CSSProperties } from 'react';\nimport { DirectionAxis } from '../../constants';\nimport {\n  useAlignmentClass,\n  useClassNamePrefix,\n  useDeprecationMessage,\n  useSpacingStyle,\n  useWrapClass,\n} from '../../hooks';\nimport { type FlexAlignmentXType, type FlexAlignmentYType, type FlexStyleProps, type SpacingType } from '../../types';\nimport { generateStylePropsClassNames, stringOrObjectKebabCaseToCamelCase } from '../../utils';\n\ninterface FlexCSSProperties extends CSSProperties {\n  [key: string]: string | undefined | number;\n}\n\nexport interface FlexStyle<T> {\n  /** className props */\n  classProps: string;\n  /** Props for the flex element. */\n  props: T;\n  /** Style props for the element */\n  styleProps: FlexCSSProperties;\n}\n\nexport function useFlexStyleProps(props: FlexStyleProps): FlexStyle<FlexStyleProps> {\n  const { alignmentX, alignmentY, direction, spacing, spacingX, spacingY, isWrapping, ...restProps } = props;\n\n  // @see https://jira.almacareer.tech/browse/DS-1629\n  useDeprecationMessage({\n    method: 'custom',\n    trigger: direction === 'row' || direction === 'column',\n    componentName: 'Flex',\n    customText:\n      'Direction values `row` and `column` are deprecated and will be removed in the next major release. Use `horizontal` and `vertical` values instead.',\n  });\n\n  const flexClass = useClassNamePrefix('Flex');\n\n  const flexStyle = {\n    ...useSpacingStyle(spacing as SpacingType, 'flex', DirectionAxis.X),\n    ...useSpacingStyle(spacing as SpacingType, 'flex', DirectionAxis.Y),\n    ...useSpacingStyle(spacingX as SpacingType, 'flex', DirectionAxis.X),\n    ...useSpacingStyle(spacingY as SpacingType, 'flex', DirectionAxis.Y),\n  };\n\n  const directionClass = generateStylePropsClassNames(flexClass, stringOrObjectKebabCaseToCamelCase(direction!));\n\n  const classes = classNames(flexClass, useWrapClass(flexClass, isWrapping), {\n    [useAlignmentClass(flexClass, alignmentX as FlexAlignmentXType, 'alignmentX')]: alignmentX,\n    [useAlignmentClass(flexClass, alignmentY as FlexAlignmentYType, 'alignmentY')]: alignmentY,\n    [directionClass]: direction,\n  });\n\n  return {\n    classProps: classes,\n    props: restProps,\n    styleProps: flexStyle,\n  };\n}\n"],"names":["useFlexStyleProps","props","alignmentX","alignmentY","direction","spacing","spacingX","spacingY","isWrapping","restProps","useDeprecationMessage","flexClass","useClassNamePrefix","flexStyle","useSpacingStyle","DirectionAxis","directionClass","generateStylePropsClassNames","stringOrObjectKebabCaseToCamelCase","classNames","useWrapClass","useAlignmentClass"],"mappings":"8dA0BO,SAASA,EAAkBC,EAAkD,CAClF,KAAM,CAAE,WAAAC,EAAY,WAAAC,EAAA,UAAYC,EAAW,QAAAC,EAAS,SAAAC,EAAU,SAAAC,EAAU,WAAAC,EAAY,GAAGC,CAAA,EAAcR,EAGrGS,wBAAsB,CACpB,OAAQ,SACR,QAASN,IAAc,OAASA,IAAc,SAC9C,cAAe,OACf,WACE,mJAAA,CACH,EAED,MAAMO,EAAYC,EAAAA,mBAAmB,MAAM,EAErCC,EAAY,CAChB,GAAGC,EAAAA,gBAAgBT,EAAwB,OAAQU,EAAAA,cAAc,CAAC,EAClE,GAAGD,EAAAA,gBAAgBT,EAAwB,OAAQU,EAAAA,cAAc,CAAC,EAClE,GAAGD,EAAAA,gBAAgBR,EAAyB,OAAQS,EAAAA,cAAc,CAAC,EACnE,GAAGD,kBAAgBP,EAAyB,OAAQQ,EAAAA,cAAc,CAAC,CAAA,EAG/DC,EAAiBC,EAAAA,6BAA6BN,EAAWO,EAAAA,mCAAmCd,CAAU,CAAC,EAQ7G,MAAO,CACL,WAPce,EAAWR,EAAWS,EAAAA,aAAaT,EAAWH,CAAU,EAAG,CACzE,CAACa,EAAAA,kBAAkBV,EAAWT,EAAkC,YAAY,CAAC,EAAGA,EAChF,CAACmB,EAAAA,kBAAkBV,EAAWR,EAAkC,YAAY,CAAC,EAAGA,EAChF,CAACa,CAAc,EAAGZ,CAAA,CACnB,EAIC,MAAOK,EACP,WAAYI,CAAA,CAEhB"}

package/dist/components/Flex/useFlexStyleProps.d.ts

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

package/dist/components/Flex/useFlexStyleProps.js

@@ -0,0 +1,37 @@
+import x from "classnames";
+import { DirectionAxis as r } from "../../constants/direction.js";
+import { useAlignmentClass as i } from "../../hooks/useAlignmentClass.js";
+import { useClassNamePrefix as d } from "../../hooks/useClassNamePrefix.js";
+import { useDeprecationMessage as C } from "../../hooks/useDeprecationMessage.js";
+import { useSpacingStyle as o } from "../../hooks/useSpacingStyle.js";
+import { useWrapClass as P } from "../../hooks/useWrapClass.js";
+import { stringOrObjectKebabCaseToCamelCase as y } from "../../utils/string.js";
+import { generateStylePropsClassNames as S } from "../../utils/stylePropsClassesGenerator.js";
+function A(l) {
+  const { alignmentX: t, alignmentY: a, direction: s, spacing: n, spacingX: m, spacingY: c, isWrapping: p, ...f } = l;
+  C({
+    method: "custom",
+    trigger: s === "row" || s === "column",
+    componentName: "Flex",
+    customText: "Direction values `row` and `column` are deprecated and will be removed in the next major release. Use `horizontal` and `vertical` values instead."
+  });
+  const e = d("Flex"), g = {
+    ...o(n, "flex", r.X),
+    ...o(n, "flex", r.Y),
+    ...o(m, "flex", r.X),
+    ...o(c, "flex", r.Y)
+  }, u = S(e, y(s));
+  return {
+    classProps: x(e, P(e, p), {
+      [i(e, t, "alignmentX")]: t,
+      [i(e, a, "alignmentY")]: a,
+      [u]: s
+    }),
+    props: f,
+    styleProps: g
+  };
+}
+export {
+  A as useFlexStyleProps
+};
+//# sourceMappingURL=useFlexStyleProps.js.map

package/dist/components/Flex/useFlexStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFlexStyleProps.js","sources":["../../../src/components/Flex/useFlexStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { type CSSProperties } from 'react';\nimport { DirectionAxis } from '../../constants';\nimport {\n  useAlignmentClass,\n  useClassNamePrefix,\n  useDeprecationMessage,\n  useSpacingStyle,\n  useWrapClass,\n} from '../../hooks';\nimport { type FlexAlignmentXType, type FlexAlignmentYType, type FlexStyleProps, type SpacingType } from '../../types';\nimport { generateStylePropsClassNames, stringOrObjectKebabCaseToCamelCase } from '../../utils';\n\ninterface FlexCSSProperties extends CSSProperties {\n  [key: string]: string | undefined | number;\n}\n\nexport interface FlexStyle<T> {\n  /** className props */\n  classProps: string;\n  /** Props for the flex element. */\n  props: T;\n  /** Style props for the element */\n  styleProps: FlexCSSProperties;\n}\n\nexport function useFlexStyleProps(props: FlexStyleProps): FlexStyle<FlexStyleProps> {\n  const { alignmentX, alignmentY, direction, spacing, spacingX, spacingY, isWrapping, ...restProps } = props;\n\n  // @see https://jira.almacareer.tech/browse/DS-1629\n  useDeprecationMessage({\n    method: 'custom',\n    trigger: direction === 'row' || direction === 'column',\n    componentName: 'Flex',\n    customText:\n      'Direction values `row` and `column` are deprecated and will be removed in the next major release. Use `horizontal` and `vertical` values instead.',\n  });\n\n  const flexClass = useClassNamePrefix('Flex');\n\n  const flexStyle = {\n    ...useSpacingStyle(spacing as SpacingType, 'flex', DirectionAxis.X),\n    ...useSpacingStyle(spacing as SpacingType, 'flex', DirectionAxis.Y),\n    ...useSpacingStyle(spacingX as SpacingType, 'flex', DirectionAxis.X),\n    ...useSpacingStyle(spacingY as SpacingType, 'flex', DirectionAxis.Y),\n  };\n\n  const directionClass = generateStylePropsClassNames(flexClass, stringOrObjectKebabCaseToCamelCase(direction!));\n\n  const classes = classNames(flexClass, useWrapClass(flexClass, isWrapping), {\n    [useAlignmentClass(flexClass, alignmentX as FlexAlignmentXType, 'alignmentX')]: alignmentX,\n    [useAlignmentClass(flexClass, alignmentY as FlexAlignmentYType, 'alignmentY')]: alignmentY,\n    [directionClass]: direction,\n  });\n\n  return {\n    classProps: classes,\n    props: restProps,\n    styleProps: flexStyle,\n  };\n}\n"],"names":["useFlexStyleProps","props","alignmentX","alignmentY","direction","spacing","spacingX","spacingY","isWrapping","restProps","useDeprecationMessage","flexClass","useClassNamePrefix","flexStyle","useSpacingStyle","DirectionAxis","directionClass","generateStylePropsClassNames","stringOrObjectKebabCaseToCamelCase","classNames","useWrapClass","useAlignmentClass"],"mappings":";;;;;;;;;AA0BO,SAASA,EAAkBC,GAAkD;AAClF,QAAM,EAAE,YAAAC,GAAY,YAAAC,GAAY,WAAAC,GAAW,SAAAC,GAAS,UAAAC,GAAU,UAAAC,GAAU,YAAAC,GAAY,GAAGC,EAAA,IAAcR;AAGrG,EAAAS,EAAsB;AAAA,IACpB,QAAQ;AAAA,IACR,SAASN,MAAc,SAASA,MAAc;AAAA,IAC9C,eAAe;AAAA,IACf,YACE;AAAA,EAAA,CACH;AAED,QAAMO,IAAYC,EAAmB,MAAM,GAErCC,IAAY;AAAA,IAChB,GAAGC,EAAgBT,GAAwB,QAAQU,EAAc,CAAC;AAAA,IAClE,GAAGD,EAAgBT,GAAwB,QAAQU,EAAc,CAAC;AAAA,IAClE,GAAGD,EAAgBR,GAAyB,QAAQS,EAAc,CAAC;AAAA,IACnE,GAAGD,EAAgBP,GAAyB,QAAQQ,EAAc,CAAC;AAAA,EAAA,GAG/DC,IAAiBC,EAA6BN,GAAWO,EAAmCd,CAAU,CAAC;AAQ7G,SAAO;AAAA,IACL,YAPce,EAAWR,GAAWS,EAAaT,GAAWH,CAAU,GAAG;AAAA,MACzE,CAACa,EAAkBV,GAAWT,GAAkC,YAAY,CAAC,GAAGA;AAAA,MAChF,CAACmB,EAAkBV,GAAWR,GAAkC,YAAY,CAAC,GAAGA;AAAA,MAChF,CAACa,CAAc,GAAGZ;AAAA,IAAA,CACnB;AAAA,IAIC,OAAOK;AAAA,IACP,YAAYI;AAAA,EAAA;AAEhB;"}

package/dist/components/Flex.d.ts

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

package/dist/components/Footer/Footer.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"),T=require("../../constants/dictionaries.cjs"),e=require("../../constants/style.cjs"),q=require("../../hooks/styleProps.cjs"),f=require("../../utils/mergeStyleProps.cjs"),s=require("./constants.cjs"),C=require("./useFooterStyleProps.cjs"),n={backgroundColor:T.BackgroundColors.SECONDARY,elementType:"footer",paddingBottom:s.PADDING_BOTTOM,paddingTop:s.PADDING_TOP},D=(p,l)=>{const i={...n,...p},{elementType:c=n.elementType,children:d,backgroundColor:u,...a}=i,t=c,{classProps:P}=C.useFooterStyleProps({backgroundColor:u}),{styleProps:y,props:r}=q.useStyleProps(a,{paddingBottom:e.PaddingStyleProps.paddingBottom,paddingTop:e.PaddingStyleProps.paddingTop,textAlignment:e.TextStyleProps.textAlignment}),g=f.mergeStyleProps(t,{classProps:P,styleProps:y,otherProps:r});return m.jsx(t,{...r,...g,ref:l,children:d})},o=S.forwardRef(D);o.spiritComponent="Footer";o.displayName="Footer";exports.default=o;
+//# sourceMappingURL=Footer.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.cjs","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":"+ZAUMA,EAAe,CACnB,gBAAiBC,EAAAA,iBAAiB,UAClC,YAAa,SACb,cAAeC,EAAAA,eACf,WAAYC,EAAAA,WACd,EAEMC,EAAU,CACdC,EACAC,IACgB,CAChB,MAAMC,EAAoB,CAAE,GAAGP,EAAc,GAAGK,CAAA,EAC1C,CAAE,YAAAG,EAAcR,EAAa,YAAa,SAAAS,EAAU,gBAAAC,EAAiB,GAAGC,GAAcJ,EAEtFK,EAAYJ,EAEZ,CAAE,WAAAK,CAAA,EAAeC,sBAAoB,CAAE,gBAAAJ,EAAiB,EACxD,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcN,EAAW,CACjE,cAAeO,EAAAA,kBAAkB,cACjC,WAAYA,EAAAA,kBAAkB,WAC9B,cAAeC,EAAAA,eAAe,aAAA,CAC/B,EACKC,EAAmBC,EAAAA,gBAAgBT,EAAW,CAAE,WAAAC,EAAA,WAAYE,EAAY,WAAAC,EAAY,EAE1F,aACGJ,EAAA,CAAW,GAAGI,EAAa,GAAGI,EAAkB,IAAAd,EAC9C,SAAAG,EACH,CAEJ,EAEMa,EAASC,EAAAA,WAAqDnB,CAAO,EAK3EkB,EAAO,gBAAkB,SACzBA,EAAO,YAAc"}

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"}