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

package/dist/components/ButtonLink/index.js

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

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

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

package/dist/components/ButtonLink/useButtonLinkProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../../hooks/useClick.cjs"),u=o=>{const{elementType:e,isDisabled:t,isLoading:i,onClick:n,href:s,target:r,rel:l}=o,a=d.useClick(t,n);return{buttonLinkProps:{...{role:"button",href:e==="a"&&t?void 0:s,target:e==="a"?r:void 0,disabled:t||i,rel:e==="a"?l:void 0},onClick:a}}};exports.useButtonLinkProps=u;
+//# sourceMappingURL=useButtonLinkProps.cjs.map

package/dist/components/ButtonLink/useButtonLinkProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useButtonLinkProps.cjs","sources":["../../../src/components/ButtonLink/useButtonLinkProps.ts"],"sourcesContent":["import { type ElementType } from 'react';\nimport { useClick } from '../../hooks';\nimport { type SpiritButtonLinkProps } from '../../types';\n\nexport const useButtonLinkProps = <E extends ElementType = 'a', C = void, S = void>(\n  props: SpiritButtonLinkProps<E, C, S>,\n) => {\n  const { elementType, isDisabled, isLoading, onClick, href, target, rel } = props;\n  const handleClick = useClick(isDisabled, onClick);\n\n  const additionalProps = {\n    role: 'button',\n    href: elementType === 'a' && isDisabled ? undefined : href,\n    target: elementType === 'a' ? target : undefined,\n    disabled: isDisabled || isLoading,\n    rel: elementType === 'a' ? rel : undefined,\n  };\n\n  return {\n    buttonLinkProps: {\n      ...additionalProps,\n      onClick: handleClick,\n    },\n  };\n};\n"],"names":["useButtonLinkProps","props","elementType","isDisabled","isLoading","onClick","href","target","rel","handleClick","useClick"],"mappings":"4HAIaA,EACXC,GACG,CACH,KAAM,CAAE,YAAAC,EAAa,WAAAC,EAAY,UAAAC,EAAW,QAAAC,EAAS,KAAAC,EAAM,OAAAC,EAAQ,IAAAC,GAAQP,EACrEQ,EAAcC,EAAAA,SAASP,EAAYE,CAAO,EAUhD,MAAO,CACL,gBAAiB,CACf,GAVoB,CACtB,KAAM,SACN,KAAMH,IAAgB,KAAOC,EAAa,OAAYG,EACtD,OAAQJ,IAAgB,IAAMK,EAAS,OACvC,SAAUJ,GAAcC,EACxB,IAAKF,IAAgB,IAAMM,EAAM,MAAA,EAM/B,QAASC,CAAA,CACX,CAEJ"}

package/dist/components/ButtonLink/useButtonLinkProps.d.ts

@@ -0,0 +1,12 @@
+import { ElementType } from 'react';
+import { SpiritButtonLinkProps } from '../../types';
+export declare const useButtonLinkProps: <E extends ElementType = "a", C = void, S = void>(props: SpiritButtonLinkProps<E, C, S>) => {
+    buttonLinkProps: {
+        onClick: (event: import('../..').ClickEvent) => void;
+        role: string;
+        href: React.ComponentPropsWithRef<E>[string] | undefined;
+        target: React.ComponentPropsWithRef<E>[string] | undefined;
+        disabled: boolean | undefined;
+        rel: React.ComponentPropsWithRef<E>[string] | undefined;
+    };
+};

package/dist/components/ButtonLink/useButtonLinkProps.js

@@ -0,0 +1,20 @@
+import { useClick as d } from "../../hooks/useClick.js";
+const u = (i) => {
+  const { elementType: o, isDisabled: t, isLoading: e, onClick: n, href: r, target: s, rel: a } = i, l = d(t, n);
+  return {
+    buttonLinkProps: {
+      ...{
+        role: "button",
+        href: o === "a" && t ? void 0 : r,
+        target: o === "a" ? s : void 0,
+        disabled: t || e,
+        rel: o === "a" ? a : void 0
+      },
+      onClick: l
+    }
+  };
+};
+export {
+  u as useButtonLinkProps
+};
+//# sourceMappingURL=useButtonLinkProps.js.map

package/dist/components/ButtonLink/useButtonLinkProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useButtonLinkProps.js","sources":["../../../src/components/ButtonLink/useButtonLinkProps.ts"],"sourcesContent":["import { type ElementType } from 'react';\nimport { useClick } from '../../hooks';\nimport { type SpiritButtonLinkProps } from '../../types';\n\nexport const useButtonLinkProps = <E extends ElementType = 'a', C = void, S = void>(\n  props: SpiritButtonLinkProps<E, C, S>,\n) => {\n  const { elementType, isDisabled, isLoading, onClick, href, target, rel } = props;\n  const handleClick = useClick(isDisabled, onClick);\n\n  const additionalProps = {\n    role: 'button',\n    href: elementType === 'a' && isDisabled ? undefined : href,\n    target: elementType === 'a' ? target : undefined,\n    disabled: isDisabled || isLoading,\n    rel: elementType === 'a' ? rel : undefined,\n  };\n\n  return {\n    buttonLinkProps: {\n      ...additionalProps,\n      onClick: handleClick,\n    },\n  };\n};\n"],"names":["useButtonLinkProps","props","elementType","isDisabled","isLoading","onClick","href","target","rel","handleClick","useClick"],"mappings":";AAIO,MAAMA,IAAqB,CAChCC,MACG;AACH,QAAM,EAAE,aAAAC,GAAa,YAAAC,GAAY,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,QAAAC,GAAQ,KAAAC,MAAQP,GACrEQ,IAAcC,EAASP,GAAYE,CAAO;AAUhD,SAAO;AAAA,IACL,iBAAiB;AAAA,MACf,GAVoB;AAAA,QACtB,MAAM;AAAA,QACN,MAAMH,MAAgB,OAAOC,IAAa,SAAYG;AAAA,QACtD,QAAQJ,MAAgB,MAAMK,IAAS;AAAA,QACvC,UAAUJ,KAAcC;AAAA,QACxB,KAAKF,MAAgB,MAAMM,IAAM;AAAA,MAAA;AAAA,MAM/B,SAASC;AAAA,IAAA;AAAA,EACX;AAEJ;"}

package/dist/components/ButtonLink/useButtonLinkStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("classnames"),B=require("../../common/utilities/warning.cjs"),C=require("../../hooks/useClassNamePrefix.cjs"),S=require("../../hooks/useDeprecationMessage.cjs"),f=require("../../hooks/useSymmetry.cjs"),i=require("../../utils/classname.cjs"),a=require("../../utils/compose.cjs"),P=(s,o)=>a.compose(i.applyColor(o))(s),q=(s,o)=>a.compose(i.applySize(o))(s);function L(s){const{color:o,isBlock:t,isDisabled:l,isLoading:n,isSymmetrical:c,size:u,...m}=s;S.useDeprecationMessage({method:"custom",trigger:!!t,componentName:"ButtonLink",customText:"The `isBlock` property will be deleted in the next major release. Please read component's documentation for more information."});const e=C.useClassNamePrefix("Button"),p=`${e}--block`,d=`${e}--disabled`,y=`${e}--loading`,{isSymmetricalActive:r,symmetricalClassName:g}=f.useSymmetry(e,c);t&&r&&B.default(!1,"isBlock and isSymmetrical props are mutually exclusive");const b=()=>t&&!r;return{classProps:k(e,P(e,o),q(e,u),{[p]:b(),[d]:l||n,[y]:n},g),props:m}}exports.useButtonLinkStyleProps=L;
+//# sourceMappingURL=useButtonLinkStyleProps.cjs.map

package/dist/components/ButtonLink/useButtonLinkStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useButtonLinkStyleProps.cjs","sources":["../../../src/components/ButtonLink/useButtonLinkStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { warning } from '../../common/utilities';\nimport { useClassNamePrefix, useDeprecationMessage, useSymmetry } from '../../hooks';\nimport { type ButtonColor, type ButtonLinkStyleProps, type ButtonSize } from '../../types';\nimport { applyColor, applySize } from '../../utils/classname';\nimport { compose } from '../../utils/compose';\n\n// `${componentClassName}--${color}`;\nconst getButtonLinkColorClassname = <C = void>(className: string, color: ButtonColor<C>): string =>\n  compose(applyColor<ButtonColor<C>>(color))(className);\n\nconst getButtonLinkSizeClassname = <S = void>(className: string, size: ButtonSize<S>): string =>\n  compose(applySize<ButtonSize<S>>(size))(className);\n\nexport function useButtonLinkStyleProps<C = void, S = void>(props: Omit<ButtonLinkStyleProps<C, S>, 'routerOptions'>) {\n  const { color, isBlock, isDisabled, isLoading, isSymmetrical, size, ...restProps } = props;\n\n  // @see https://jira.almacareer.tech/browse/DS-1897\n  useDeprecationMessage({\n    method: 'custom',\n    trigger: !!isBlock,\n    componentName: 'ButtonLink',\n    customText:\n      \"The `isBlock` property will be deleted in the next major release. Please read component's documentation for more information.\",\n  });\n\n  const buttonClass = useClassNamePrefix('Button');\n  const buttonBlockClass = `${buttonClass}--block`;\n  const buttonDisabledClass = `${buttonClass}--disabled`;\n  const buttonLoadingClass = `${buttonClass}--loading`;\n\n  const { isSymmetricalActive, symmetricalClassName } = useSymmetry(buttonClass, isSymmetrical);\n\n  if (isBlock && isSymmetricalActive) {\n    warning(false, 'isBlock and isSymmetrical props are mutually exclusive');\n  }\n\n  // @deprecated \"isBlock\" will be removed in the next major version. Please read component's documentation for more information.\n  const shouldApplyBlock = () => isBlock && !isSymmetricalActive;\n\n  const classProps = classNames(\n    buttonClass,\n    getButtonLinkColorClassname(buttonClass, color as ButtonColor<C>),\n    getButtonLinkSizeClassname(buttonClass, size as ButtonSize<S>),\n    {\n      [buttonBlockClass]: shouldApplyBlock(),\n      [buttonDisabledClass]: isDisabled || isLoading,\n      [buttonLoadingClass]: isLoading,\n    },\n    symmetricalClassName,\n  );\n\n  return {\n    classProps,\n    props: restProps,\n  };\n}\n"],"names":["getButtonLinkColorClassname","className","color","compose","applyColor","getButtonLinkSizeClassname","size","applySize","useButtonLinkStyleProps","props","isBlock","isDisabled","isLoading","isSymmetrical","restProps","useDeprecationMessage","buttonClass","useClassNamePrefix","buttonBlockClass","buttonDisabledClass","buttonLoadingClass","isSymmetricalActive","symmetricalClassName","useSymmetry","warning","shouldApplyBlock","classNames"],"mappings":"sXAQMA,EAA8B,CAAWC,EAAmBC,IAChEC,EAAAA,QAAQC,EAAAA,WAA2BF,CAAK,CAAC,EAAED,CAAS,EAEhDI,EAA6B,CAAWJ,EAAmBK,IAC/DH,EAAAA,QAAQI,EAAAA,UAAyBD,CAAI,CAAC,EAAEL,CAAS,EAE5C,SAASO,EAA4CC,EAA0D,CACpH,KAAM,CAAE,MAAAP,EAAO,QAAAQ,EAAS,WAAAC,EAAY,UAAAC,EAAW,cAAAC,EAAe,KAAAP,EAAM,GAAGQ,CAAA,EAAcL,EAGrFM,wBAAsB,CACpB,OAAQ,SACR,QAAS,CAAC,CAACL,EACX,cAAe,aACf,WACE,+HAAA,CACH,EAED,MAAMM,EAAcC,EAAAA,mBAAmB,QAAQ,EACzCC,EAAmB,GAAGF,CAAW,UACjCG,EAAsB,GAAGH,CAAW,aACpCI,EAAqB,GAAGJ,CAAW,YAEnC,CAAE,oBAAAK,EAAqB,qBAAAC,CAAA,EAAyBC,EAAAA,YAAYP,EAAaH,CAAa,EAExFH,GAAWW,GACbG,EAAAA,QAAQ,GAAO,wDAAwD,EAIzE,MAAMC,EAAmB,IAAMf,GAAW,CAACW,EAc3C,MAAO,CACL,WAbiBK,EACjBV,EACAhB,EAA4BgB,EAAad,CAAuB,EAChEG,EAA2BW,EAAaV,CAAqB,EAC7D,CACE,CAACY,CAAgB,EAAGO,EAAA,EACpB,CAACN,CAAmB,EAAGR,GAAcC,EACrC,CAACQ,CAAkB,EAAGR,CAAA,EAExBU,CAAA,EAKA,MAAOR,CAAA,CAEX"}

package/dist/components/ButtonLink/useButtonLinkStyleProps.d.ts

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

package/dist/components/ButtonLink/useButtonLinkStyleProps.js

@@ -0,0 +1,38 @@
+import k from "classnames";
+import B from "../../common/utilities/warning.js";
+import { useClassNamePrefix as C } from "../../hooks/useClassNamePrefix.js";
+import { useDeprecationMessage as b } from "../../hooks/useDeprecationMessage.js";
+import { useSymmetry as g } from "../../hooks/useSymmetry.js";
+import { applyColor as S, applySize as L } from "../../utils/classname.js";
+import { compose as n } from "../../utils/compose.js";
+const P = (s, t) => n(S(t))(s), x = (s, t) => n(L(t))(s);
+function T(s) {
+  const { color: t, isBlock: e, isDisabled: a, isLoading: r, isSymmetrical: l, size: m, ...c } = s;
+  b({
+    method: "custom",
+    trigger: !!e,
+    componentName: "ButtonLink",
+    customText: "The `isBlock` property will be deleted in the next major release. Please read component's documentation for more information."
+  });
+  const o = C("Button"), p = `${o}--block`, u = `${o}--disabled`, d = `${o}--loading`, { isSymmetricalActive: i, symmetricalClassName: f } = g(o, l);
+  e && i && B(!1, "isBlock and isSymmetrical props are mutually exclusive");
+  const y = () => e && !i;
+  return {
+    classProps: k(
+      o,
+      P(o, t),
+      x(o, m),
+      {
+        [p]: y(),
+        [u]: a || r,
+        [d]: r
+      },
+      f
+    ),
+    props: c
+  };
+}
+export {
+  T as useButtonLinkStyleProps
+};
+//# sourceMappingURL=useButtonLinkStyleProps.js.map

package/dist/components/ButtonLink/useButtonLinkStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useButtonLinkStyleProps.js","sources":["../../../src/components/ButtonLink/useButtonLinkStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { warning } from '../../common/utilities';\nimport { useClassNamePrefix, useDeprecationMessage, useSymmetry } from '../../hooks';\nimport { type ButtonColor, type ButtonLinkStyleProps, type ButtonSize } from '../../types';\nimport { applyColor, applySize } from '../../utils/classname';\nimport { compose } from '../../utils/compose';\n\n// `${componentClassName}--${color}`;\nconst getButtonLinkColorClassname = <C = void>(className: string, color: ButtonColor<C>): string =>\n  compose(applyColor<ButtonColor<C>>(color))(className);\n\nconst getButtonLinkSizeClassname = <S = void>(className: string, size: ButtonSize<S>): string =>\n  compose(applySize<ButtonSize<S>>(size))(className);\n\nexport function useButtonLinkStyleProps<C = void, S = void>(props: Omit<ButtonLinkStyleProps<C, S>, 'routerOptions'>) {\n  const { color, isBlock, isDisabled, isLoading, isSymmetrical, size, ...restProps } = props;\n\n  // @see https://jira.almacareer.tech/browse/DS-1897\n  useDeprecationMessage({\n    method: 'custom',\n    trigger: !!isBlock,\n    componentName: 'ButtonLink',\n    customText:\n      \"The `isBlock` property will be deleted in the next major release. Please read component's documentation for more information.\",\n  });\n\n  const buttonClass = useClassNamePrefix('Button');\n  const buttonBlockClass = `${buttonClass}--block`;\n  const buttonDisabledClass = `${buttonClass}--disabled`;\n  const buttonLoadingClass = `${buttonClass}--loading`;\n\n  const { isSymmetricalActive, symmetricalClassName } = useSymmetry(buttonClass, isSymmetrical);\n\n  if (isBlock && isSymmetricalActive) {\n    warning(false, 'isBlock and isSymmetrical props are mutually exclusive');\n  }\n\n  // @deprecated \"isBlock\" will be removed in the next major version. Please read component's documentation for more information.\n  const shouldApplyBlock = () => isBlock && !isSymmetricalActive;\n\n  const classProps = classNames(\n    buttonClass,\n    getButtonLinkColorClassname(buttonClass, color as ButtonColor<C>),\n    getButtonLinkSizeClassname(buttonClass, size as ButtonSize<S>),\n    {\n      [buttonBlockClass]: shouldApplyBlock(),\n      [buttonDisabledClass]: isDisabled || isLoading,\n      [buttonLoadingClass]: isLoading,\n    },\n    symmetricalClassName,\n  );\n\n  return {\n    classProps,\n    props: restProps,\n  };\n}\n"],"names":["getButtonLinkColorClassname","className","color","compose","applyColor","getButtonLinkSizeClassname","size","applySize","useButtonLinkStyleProps","props","isBlock","isDisabled","isLoading","isSymmetrical","restProps","useDeprecationMessage","buttonClass","useClassNamePrefix","buttonBlockClass","buttonDisabledClass","buttonLoadingClass","isSymmetricalActive","symmetricalClassName","useSymmetry","warning","shouldApplyBlock","classNames"],"mappings":";;;;;;;AAQA,MAAMA,IAA8B,CAAWC,GAAmBC,MAChEC,EAAQC,EAA2BF,CAAK,CAAC,EAAED,CAAS,GAEhDI,IAA6B,CAAWJ,GAAmBK,MAC/DH,EAAQI,EAAyBD,CAAI,CAAC,EAAEL,CAAS;AAE5C,SAASO,EAA4CC,GAA0D;AACpH,QAAM,EAAE,OAAAP,GAAO,SAAAQ,GAAS,YAAAC,GAAY,WAAAC,GAAW,eAAAC,GAAe,MAAAP,GAAM,GAAGQ,EAAA,IAAcL;AAGrF,EAAAM,EAAsB;AAAA,IACpB,QAAQ;AAAA,IACR,SAAS,CAAC,CAACL;AAAA,IACX,eAAe;AAAA,IACf,YACE;AAAA,EAAA,CACH;AAED,QAAMM,IAAcC,EAAmB,QAAQ,GACzCC,IAAmB,GAAGF,CAAW,WACjCG,IAAsB,GAAGH,CAAW,cACpCI,IAAqB,GAAGJ,CAAW,aAEnC,EAAE,qBAAAK,GAAqB,sBAAAC,EAAA,IAAyBC,EAAYP,GAAaH,CAAa;AAE5F,EAAIH,KAAWW,KACbG,EAAQ,IAAO,wDAAwD;AAIzE,QAAMC,IAAmB,MAAMf,KAAW,CAACW;AAc3C,SAAO;AAAA,IACL,YAbiBK;AAAA,MACjBV;AAAA,MACAhB,EAA4BgB,GAAad,CAAuB;AAAA,MAChEG,EAA2BW,GAAaV,CAAqB;AAAA,MAC7D;AAAA,QACE,CAACY,CAAgB,GAAGO,EAAA;AAAA,QACpB,CAACN,CAAmB,GAAGR,KAAcC;AAAA,QACrC,CAACQ,CAAkB,GAAGR;AAAA,MAAA;AAAA,MAExBU;AAAA,IAAA;AAAA,IAKA,OAAOR;AAAA,EAAA;AAEX;"}

package/dist/components/ButtonLink.d.ts

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

package/dist/components/Card/Card.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("react/jsx-runtime"),y=require("../../constants/direction.cjs"),m=require("../../hooks/styleProps.cjs"),S=require("../../utils/mergeStyleProps.cjs"),g=require("./useCardStyleProps.cjs"),C={direction:y.DirectionExtended.VERTICAL,elementType:"article",isBoxed:!1},t=r=>{const o={...C,...r},{elementType:e="article",alignmentY:n,direction:i,isBoxed:l,children:c,...p}=o,{classProps:u}=g.useCardStyleProps({alignmentY:n,direction:i,isBoxed:l}),{styleProps:d,props:s}=m.useStyleProps(p),a=S.mergeStyleProps(e,{classProps:u.root,styleProps:d,otherProps:s});return P.jsx(e,{...s,...a,children:c})};t.spiritComponent="Card";exports.default=t;
+//# sourceMappingURL=Card.cjs.map

package/dist/components/Card/Card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.cjs","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { DirectionExtended } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritCardProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useCardStyleProps } from './useCardStyleProps';\n\nconst defaultProps: Partial<SpiritCardProps> = {\n  direction: DirectionExtended.VERTICAL,\n  elementType: 'article',\n  isBoxed: false,\n};\n\nconst Card = <E extends ElementType = 'article'>(props: SpiritCardProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const {\n    elementType: ElementTag = 'article',\n    alignmentY,\n    direction,\n    isBoxed,\n    children,\n    ...restProps\n  } = propsWithDefaults;\n  const { classProps } = useCardStyleProps({ alignmentY, direction, isBoxed });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps: classProps.root, styleProps, otherProps });\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      {children}\n    </ElementTag>\n  );\n};\n\nCard.spiritComponent = 'Card';\n\nexport default Card;\n"],"names":["defaultProps","DirectionExtended","Card","props","propsWithDefaults","ElementTag","alignmentY","direction","isBoxed","children","restProps","classProps","useCardStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":"mUASMA,EAAyC,CAC7C,UAAWC,EAAAA,kBAAkB,SAC7B,YAAa,UACb,QAAS,EACX,EAEMC,EAA2CC,GAA8B,CAC7E,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGG,CAAA,EAC1C,CACJ,YAAaE,EAAa,UAC1B,WAAAC,EACA,UAAAC,EACA,QAAAC,EACA,SAAAC,EACA,GAAGC,CAAA,EACDN,EACE,CAAE,WAAAO,GAAeC,EAAAA,kBAAkB,CAAE,WAAAN,EAAY,UAAAC,EAAW,QAAAC,EAAS,EACrE,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcL,CAAS,EAC3DM,EAAmBC,kBAAgBZ,EAAY,CAAE,WAAYM,EAAW,KAAA,WAAME,EAAY,WAAAC,EAAY,EAE5G,aACGT,EAAA,CAAY,GAAGS,EAAa,GAAGE,EAC7B,SAAAP,EACH,CAEJ,EAEAP,EAAK,gBAAkB"}

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,7 @@
+import { default as React, ElementType } from 'react';
+import { SpiritCardProps } from '../../types';
+declare const Card: {
+    <E extends ElementType = "article">(props: SpiritCardProps<E>): React.JSX.Element;
+    spiritComponent: string;
+};
+export default Card;

package/dist/components/Card/Card.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as d } from "react/jsx-runtime";
+import { DirectionExtended as P } from "../../constants/direction.js";
+import { useStyleProps as f } from "../../hooks/styleProps.js";
+import { mergeStyleProps as u } from "../../utils/mergeStyleProps.js";
+import { useCardStyleProps as y } from "./useCardStyleProps.js";
+const x = {
+  direction: P.VERTICAL,
+  elementType: "article",
+  isBoxed: !1
+}, C = (t) => {
+  const o = { ...x, ...t }, {
+    elementType: e = "article",
+    alignmentY: s,
+    direction: p,
+    isBoxed: i,
+    children: n,
+    ...l
+  } = o, { classProps: c } = y({ alignmentY: s, direction: p, isBoxed: i }), { styleProps: m, props: r } = f(l), a = u(e, { classProps: c.root, styleProps: m, otherProps: r });
+  return /* @__PURE__ */ d(e, { ...r, ...a, children: n });
+};
+C.spiritComponent = "Card";
+export {
+  C as default
+};
+//# sourceMappingURL=Card.js.map

package/dist/components/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { DirectionExtended } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritCardProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useCardStyleProps } from './useCardStyleProps';\n\nconst defaultProps: Partial<SpiritCardProps> = {\n  direction: DirectionExtended.VERTICAL,\n  elementType: 'article',\n  isBoxed: false,\n};\n\nconst Card = <E extends ElementType = 'article'>(props: SpiritCardProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const {\n    elementType: ElementTag = 'article',\n    alignmentY,\n    direction,\n    isBoxed,\n    children,\n    ...restProps\n  } = propsWithDefaults;\n  const { classProps } = useCardStyleProps({ alignmentY, direction, isBoxed });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps: classProps.root, styleProps, otherProps });\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      {children}\n    </ElementTag>\n  );\n};\n\nCard.spiritComponent = 'Card';\n\nexport default Card;\n"],"names":["defaultProps","DirectionExtended","Card","props","propsWithDefaults","ElementTag","alignmentY","direction","isBoxed","children","restProps","classProps","useCardStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":";;;;;;AASA,MAAMA,IAAyC;AAAA,EAC7C,WAAWC,EAAkB;AAAA,EAC7B,aAAa;AAAA,EACb,SAAS;AACX,GAEMC,IAAO,CAAoCC,MAA8B;AAC7E,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGG,EAAA,GAC1C;AAAA,IACJ,aAAaE,IAAa;AAAA,IAC1B,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDN,GACE,EAAE,YAAAO,MAAeC,EAAkB,EAAE,YAAAN,GAAY,WAAAC,GAAW,SAAAC,GAAS,GACrE,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAS,GAC3DM,IAAmBC,EAAgBZ,GAAY,EAAE,YAAYM,EAAW,MAAM,YAAAE,GAAY,YAAAC,GAAY;AAE5G,2BACGT,GAAA,EAAY,GAAGS,GAAa,GAAGE,GAC7B,UAAAP,GACH;AAEJ;AAEAP,EAAK,kBAAkB;"}

package/dist/components/Card/CardArtwork.cjs

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

package/dist/components/Card/CardArtwork.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardArtwork.cjs","sources":["../../../src/components/Card/CardArtwork.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { AlignmentX } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritCardArtworkProps } from '../../types';\nimport { useCardStyleProps } from './useCardStyleProps';\n\nconst defaultProps: Partial<SpiritCardArtworkProps> = {\n  alignmentX: AlignmentX.LEFT,\n};\n\nconst CardArtwork = (props: SpiritCardArtworkProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, alignmentX, ...restProps } = propsWithDefaults;\n  const { classProps } = useCardStyleProps({ artworkAlignmentX: alignmentX });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  return (\n    <div {...otherProps} className={classNames(classProps.artwork, styleProps.className)} style={styleProps.style}>\n      {children}\n    </div>\n  );\n};\n\nCardArtwork.spiritComponent = 'CardArtwork';\n\nexport default CardArtwork;\n"],"names":["defaultProps","AlignmentX","CardArtwork","props","propsWithDefaults","children","alignmentX","restProps","classProps","useCardStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":"iTASMA,EAAgD,CACpD,WAAYC,EAAAA,WAAW,IACzB,EAEMC,EAAeC,GAAkC,CACrD,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGG,CAAA,EAC1C,CAAE,SAAAE,EAAU,WAAAC,EAAY,GAAGC,GAAcH,EACzC,CAAE,WAAAI,CAAA,EAAeC,EAAAA,kBAAkB,CAAE,kBAAmBH,EAAY,EACpE,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcL,CAAS,EAEjE,OACEM,EAAAA,IAAC,MAAA,CAAK,GAAGF,EAAY,UAAWG,EAAWN,EAAW,QAASE,EAAW,SAAS,EAAG,MAAOA,EAAW,MACrG,SAAAL,EACH,CAEJ,EAEAH,EAAY,gBAAkB"}

package/dist/components/Card/CardArtwork.d.ts

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

package/dist/components/Card/CardArtwork.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as l } from "react/jsx-runtime";
+import m from "classnames";
+import { AlignmentX as i } from "../../constants/dictionaries.js";
+import { useStyleProps as c } from "../../hooks/styleProps.js";
+import { useCardStyleProps as f } from "./useCardStyleProps.js";
+const u = {
+  alignmentX: i.LEFT
+}, d = (s) => {
+  const t = { ...u, ...s }, { children: o, alignmentX: e, ...n } = t, { classProps: p } = f({ artworkAlignmentX: e }), { styleProps: r, props: a } = c(n);
+  return /* @__PURE__ */ l("div", { ...a, className: m(p.artwork, r.className), style: r.style, children: o });
+};
+d.spiritComponent = "CardArtwork";
+export {
+  d as default
+};
+//# sourceMappingURL=CardArtwork.js.map

package/dist/components/Card/CardArtwork.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardArtwork.js","sources":["../../../src/components/Card/CardArtwork.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { AlignmentX } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritCardArtworkProps } from '../../types';\nimport { useCardStyleProps } from './useCardStyleProps';\n\nconst defaultProps: Partial<SpiritCardArtworkProps> = {\n  alignmentX: AlignmentX.LEFT,\n};\n\nconst CardArtwork = (props: SpiritCardArtworkProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, alignmentX, ...restProps } = propsWithDefaults;\n  const { classProps } = useCardStyleProps({ artworkAlignmentX: alignmentX });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  return (\n    <div {...otherProps} className={classNames(classProps.artwork, styleProps.className)} style={styleProps.style}>\n      {children}\n    </div>\n  );\n};\n\nCardArtwork.spiritComponent = 'CardArtwork';\n\nexport default CardArtwork;\n"],"names":["defaultProps","AlignmentX","CardArtwork","props","propsWithDefaults","children","alignmentX","restProps","classProps","useCardStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":";;;;;;AASA,MAAMA,IAAgD;AAAA,EACpD,YAAYC,EAAW;AACzB,GAEMC,IAAc,CAACC,MAAkC;AACrD,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGG,EAAA,GAC1C,EAAE,UAAAE,GAAU,YAAAC,GAAY,GAAGC,MAAcH,GACzC,EAAE,YAAAI,EAAA,IAAeC,EAAkB,EAAE,mBAAmBH,GAAY,GACpE,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAS;AAEjE,SACE,gBAAAM,EAAC,OAAA,EAAK,GAAGF,GAAY,WAAWG,EAAWN,EAAW,SAASE,EAAW,SAAS,GAAG,OAAOA,EAAW,OACrG,UAAAL,GACH;AAEJ;AAEAH,EAAY,kBAAkB;"}

package/dist/components/Card/CardBody.cjs

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

package/dist/components/Card/CardBody.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardBody.cjs","sources":["../../../src/components/Card/CardBody.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritCardBodyProps } from '../../types';\nimport { useCardStyleProps } from './useCardStyleProps';\n\nconst defaultProps: Partial<SpiritCardBodyProps> = {\n  isSelectable: false,\n};\n\nconst CardBody = (props: SpiritCardBodyProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, isSelectable, ...restProps } = propsWithDefaults;\n  const { classProps } = useCardStyleProps({ isSelectable });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  return (\n    <div {...otherProps} className={classNames(classProps.body, styleProps.className)} style={styleProps.style}>\n      {children}\n    </div>\n  );\n};\n\nCardBody.spiritComponent = 'CardBody';\n\nexport default CardBody;\n"],"names":["defaultProps","CardBody","props","propsWithDefaults","children","isSelectable","restProps","classProps","useCardStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":"mQAQMA,EAA6C,CACjD,aAAc,EAChB,EAEMC,EAAYC,GAA+B,CAC/C,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CAAE,SAAAE,EAAU,aAAAC,EAAc,GAAGC,GAAcH,EAC3C,CAAE,WAAAI,CAAA,EAAeC,oBAAkB,CAAE,aAAAH,EAAc,EACnD,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcL,CAAS,EAEjE,OACEM,EAAAA,IAAC,MAAA,CAAK,GAAGF,EAAY,UAAWG,EAAWN,EAAW,KAAME,EAAW,SAAS,EAAG,MAAOA,EAAW,MAClG,SAAAL,EACH,CAEJ,EAEAH,EAAS,gBAAkB"}

package/dist/components/Card/CardBody.d.ts

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

package/dist/components/Card/CardBody.js

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

package/dist/components/Card/CardBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardBody.js","sources":["../../../src/components/Card/CardBody.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritCardBodyProps } from '../../types';\nimport { useCardStyleProps } from './useCardStyleProps';\n\nconst defaultProps: Partial<SpiritCardBodyProps> = {\n  isSelectable: false,\n};\n\nconst CardBody = (props: SpiritCardBodyProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, isSelectable, ...restProps } = propsWithDefaults;\n  const { classProps } = useCardStyleProps({ isSelectable });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  return (\n    <div {...otherProps} className={classNames(classProps.body, styleProps.className)} style={styleProps.style}>\n      {children}\n    </div>\n  );\n};\n\nCardBody.spiritComponent = 'CardBody';\n\nexport default CardBody;\n"],"names":["defaultProps","CardBody","props","propsWithDefaults","children","isSelectable","restProps","classProps","useCardStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":";;;;;AAQA,MAAMA,IAA6C;AAAA,EACjD,cAAc;AAChB,GAEMC,IAAW,CAACC,MAA+B;AAC/C,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,UAAAE,GAAU,cAAAC,GAAc,GAAGC,MAAcH,GAC3C,EAAE,YAAAI,EAAA,IAAeC,EAAkB,EAAE,cAAAH,GAAc,GACnD,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAS;AAEjE,SACE,gBAAAM,EAAC,OAAA,EAAK,GAAGF,GAAY,WAAWG,EAAWN,EAAW,MAAME,EAAW,SAAS,GAAG,OAAOA,EAAW,OAClG,UAAAL,GACH;AAEJ;AAEAH,EAAS,kBAAkB;"}

package/dist/components/Card/CardEyebrow.cjs

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

package/dist/components/Card/CardEyebrow.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardEyebrow.cjs","sources":["../../../src/components/Card/CardEyebrow.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritCardEyebrowProps } from '../../types';\nimport { useCardStyleProps } from './useCardStyleProps';\n\nconst CardEyebrow = (props: SpiritCardEyebrowProps) => {\n  const { children, ...restProps } = props;\n  const { classProps } = useCardStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  return (\n    <div {...otherProps} className={classNames(classProps.eyebrow, styleProps.className)} style={styleProps.style}>\n      {children}\n    </div>\n  );\n};\n\nCardEyebrow.spiritComponent = 'CardEyebrow';\n\nexport default CardEyebrow;\n"],"names":["CardEyebrow","props","children","restProps","classProps","useCardStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":"mQAQMA,EAAeC,GAAkC,CACrD,KAAM,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAAcF,EAC7B,CAAE,WAAAG,CAAA,EAAeC,oBAAA,EACjB,CAAA,WAAEC,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcL,CAAS,EAEjE,OACEM,EAAAA,IAAC,MAAA,CAAK,GAAGF,EAAY,UAAWG,EAAWN,EAAW,QAASE,EAAW,SAAS,EAAG,MAAOA,EAAW,MACrG,SAAAJ,EACH,CAEJ,EAEAF,EAAY,gBAAkB"}

package/dist/components/Card/CardEyebrow.d.ts

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

package/dist/components/Card/CardEyebrow.js

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

package/dist/components/Card/CardEyebrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardEyebrow.js","sources":["../../../src/components/Card/CardEyebrow.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritCardEyebrowProps } from '../../types';\nimport { useCardStyleProps } from './useCardStyleProps';\n\nconst CardEyebrow = (props: SpiritCardEyebrowProps) => {\n  const { children, ...restProps } = props;\n  const { classProps } = useCardStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  return (\n    <div {...otherProps} className={classNames(classProps.eyebrow, styleProps.className)} style={styleProps.style}>\n      {children}\n    </div>\n  );\n};\n\nCardEyebrow.spiritComponent = 'CardEyebrow';\n\nexport default CardEyebrow;\n"],"names":["CardEyebrow","props","children","restProps","classProps","useCardStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":";;;;;AAQA,MAAMA,IAAc,CAACC,MAAkC;AACrD,QAAM,EAAE,UAAAC,GAAU,GAAGC,EAAA,IAAcF,GAC7B,EAAE,YAAAG,EAAA,IAAeC,EAAA,GACjB,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAS;AAEjE,SACE,gBAAAM,EAAC,OAAA,EAAK,GAAGF,GAAY,WAAWG,EAAWN,EAAW,SAASE,EAAW,SAAS,GAAG,OAAOA,EAAW,OACrG,UAAAJ,GACH;AAEJ;AAEAF,EAAY,kBAAkB;"}

package/dist/components/Card/CardFooter.cjs

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

package/dist/components/Card/CardFooter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardFooter.cjs","sources":["../../../src/components/Card/CardFooter.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { AlignmentX } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritCardFooterProps } from '../../types';\nimport { useCardStyleProps } from './useCardStyleProps';\n\nconst defaultProps: Partial<SpiritCardFooterProps> = {\n  alignmentX: AlignmentX.LEFT,\n};\n\nconst CardFooter = (props: SpiritCardFooterProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, alignmentX, ...restProps } = propsWithDefaults;\n  const { classProps } = useCardStyleProps({ footerAlignmentX: alignmentX });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  return (\n    <footer {...otherProps} className={classNames(classProps.footer, styleProps.className)} style={styleProps.style}>\n      {children}\n    </footer>\n  );\n};\n\nCardFooter.spiritComponent = 'CardFooter';\n\nexport default CardFooter;\n"],"names":["defaultProps","AlignmentX","CardFooter","props","propsWithDefaults","children","alignmentX","restProps","classProps","useCardStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":"iTASMA,EAA+C,CACnD,WAAYC,EAAAA,WAAW,IACzB,EAEMC,EAAcC,GAAiC,CACnD,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGG,CAAA,EAC1C,CAAE,SAAAE,EAAU,WAAAC,EAAY,GAAGC,GAAcH,EACzC,CAAE,WAAAI,CAAA,EAAeC,EAAAA,kBAAkB,CAAE,iBAAkBH,EAAY,EACnE,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcL,CAAS,EAEjE,OACEM,EAAAA,IAAC,SAAA,CAAQ,GAAGF,EAAY,UAAWG,EAAWN,EAAW,OAAQE,EAAW,SAAS,EAAG,MAAOA,EAAW,MACvG,SAAAL,EACH,CAEJ,EAEAH,EAAW,gBAAkB"}

package/dist/components/Card/CardFooter.d.ts

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

package/dist/components/Card/CardFooter.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as m } from "react/jsx-runtime";
+import a from "classnames";
+import { AlignmentX as i } from "../../constants/dictionaries.js";
+import { useStyleProps as c } from "../../hooks/styleProps.js";
+import { useCardStyleProps as f } from "./useCardStyleProps.js";
+const u = {
+  alignmentX: i.LEFT
+}, P = (t) => {
+  const s = { ...u, ...t }, { children: r, alignmentX: e, ...n } = s, { classProps: p } = f({ footerAlignmentX: e }), { styleProps: o, props: l } = c(n);
+  return /* @__PURE__ */ m("footer", { ...l, className: a(p.footer, o.className), style: o.style, children: r });
+};
+P.spiritComponent = "CardFooter";
+export {
+  P as default
+};
+//# sourceMappingURL=CardFooter.js.map

package/dist/components/Card/CardFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardFooter.js","sources":["../../../src/components/Card/CardFooter.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { AlignmentX } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritCardFooterProps } from '../../types';\nimport { useCardStyleProps } from './useCardStyleProps';\n\nconst defaultProps: Partial<SpiritCardFooterProps> = {\n  alignmentX: AlignmentX.LEFT,\n};\n\nconst CardFooter = (props: SpiritCardFooterProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, alignmentX, ...restProps } = propsWithDefaults;\n  const { classProps } = useCardStyleProps({ footerAlignmentX: alignmentX });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  return (\n    <footer {...otherProps} className={classNames(classProps.footer, styleProps.className)} style={styleProps.style}>\n      {children}\n    </footer>\n  );\n};\n\nCardFooter.spiritComponent = 'CardFooter';\n\nexport default CardFooter;\n"],"names":["defaultProps","AlignmentX","CardFooter","props","propsWithDefaults","children","alignmentX","restProps","classProps","useCardStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":";;;;;;AASA,MAAMA,IAA+C;AAAA,EACnD,YAAYC,EAAW;AACzB,GAEMC,IAAa,CAACC,MAAiC;AACnD,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGG,EAAA,GAC1C,EAAE,UAAAE,GAAU,YAAAC,GAAY,GAAGC,MAAcH,GACzC,EAAE,YAAAI,EAAA,IAAeC,EAAkB,EAAE,kBAAkBH,GAAY,GACnE,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAS;AAEjE,SACE,gBAAAM,EAAC,UAAA,EAAQ,GAAGF,GAAY,WAAWG,EAAWN,EAAW,QAAQE,EAAW,SAAS,GAAG,OAAOA,EAAW,OACvG,UAAAL,GACH;AAEJ;AAEAH,EAAW,kBAAkB;"}

package/dist/components/Card/CardLink.cjs

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

package/dist/components/Card/CardLink.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardLink.cjs","sources":["../../../src/components/Card/CardLink.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type CardLinkProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritCardLinkProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useCardStyleProps } from './useCardStyleProps';\n\nconst defaultProps = {\n  elementType: 'a',\n};\n\nconst _CardLink = <E extends ElementType = 'a'>(props: SpiritCardLinkProps<E>, ref: PolymorphicRef<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, children, href, ...restProps } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const { classProps } = useCardStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.link, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...styleProps} {...mergedStyleProps} href={href} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst CardLink = forwardRef<HTMLAnchorElement, SpiritCardLinkProps<'a'>>(_CardLink) as unknown as PolymorphicComponent<\n  'a',\n  CardLinkProps\n>;\n\nCardLink.spiritComponent = 'CardLink';\nCardLink.displayName = 'CardLink';\n\nexport default CardLink;\n"],"names":["defaultProps","_CardLink","props","ref","propsWithDefaults","elementType","children","href","restProps","Component","classProps","useCardStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","CardLink","forwardRef"],"mappings":"2SAaMA,EAAe,CACnB,YAAa,GACf,EAEMC,EAAY,CAA8BC,EAA+BC,IAAwC,CACrH,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGE,CAAA,EAC1C,CAAE,YAAAG,EAAa,SAAAC,EAAU,KAAAC,EAAM,GAAGC,GAAcJ,EAEhDK,EAAYJ,EAEZ,CAAE,WAAAK,CAAA,EAAeC,oBAAA,EACjB,CAAA,WAAEC,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcN,CAAS,EAC3DO,EAAmBC,kBAAgBP,EAAW,CAAE,WAAYC,EAAW,KAAA,WAAME,EAAY,WAAAC,EAAY,EAE3G,OACEI,MAACR,EAAA,CAAW,GAAGI,EAAa,GAAGD,EAAa,GAAGG,EAAkB,KAAAR,EAAY,IAAAJ,EAC1E,SAAAG,CAAA,CACH,CAEJ,EAEMY,EAAWC,EAAAA,WAAwDlB,CAAS,EAKlFiB,EAAS,gBAAkB,WAC3BA,EAAS,YAAc"}

package/dist/components/Card/CardLink.d.ts

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

package/dist/components/Card/CardLink.js

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

package/dist/components/Card/CardLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardLink.js","sources":["../../../src/components/Card/CardLink.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type CardLinkProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritCardLinkProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useCardStyleProps } from './useCardStyleProps';\n\nconst defaultProps = {\n  elementType: 'a',\n};\n\nconst _CardLink = <E extends ElementType = 'a'>(props: SpiritCardLinkProps<E>, ref: PolymorphicRef<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, children, href, ...restProps } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const { classProps } = useCardStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.link, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...styleProps} {...mergedStyleProps} href={href} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst CardLink = forwardRef<HTMLAnchorElement, SpiritCardLinkProps<'a'>>(_CardLink) as unknown as PolymorphicComponent<\n  'a',\n  CardLinkProps\n>;\n\nCardLink.spiritComponent = 'CardLink';\nCardLink.displayName = 'CardLink';\n\nexport default CardLink;\n"],"names":["defaultProps","_CardLink","props","ref","propsWithDefaults","elementType","children","href","restProps","Component","classProps","useCardStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","CardLink","forwardRef"],"mappings":";;;;;;AAaA,MAAMA,IAAe;AAAA,EACnB,aAAa;AACf,GAEMC,IAAY,CAA8BC,GAA+BC,MAAwC;AACrH,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGE,EAAA,GAC1C,EAAE,aAAAG,GAAa,UAAAC,GAAU,MAAAC,GAAM,GAAGC,MAAcJ,GAEhDK,IAAYJ,GAEZ,EAAE,YAAAK,EAAA,IAAeC,EAAA,GACjB,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAeC,EAAcN,CAAS,GAC3DO,IAAmBC,EAAgBP,GAAW,EAAE,YAAYC,EAAW,MAAM,YAAAE,GAAY,YAAAC,GAAY;AAE3G,SACE,gBAAAI,EAACR,GAAA,EAAW,GAAGI,GAAa,GAAGD,GAAa,GAAGG,GAAkB,MAAAR,GAAY,KAAAJ,GAC1E,UAAAG,EAAA,CACH;AAEJ,GAEMY,IAAWC,EAAwDlB,CAAS;AAKlFiB,EAAS,kBAAkB;AAC3BA,EAAS,cAAc;"}

package/dist/components/Card/CardLogo.cjs

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

package/dist/components/Card/CardLogo.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardLogo.cjs","sources":["../../../src/components/Card/CardLogo.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritCardLogoProps } from '../../types';\nimport { useCardStyleProps } from './useCardStyleProps';\n\nconst CardLogo = (props: SpiritCardLogoProps) => {\n  const { children, ...restProps } = props;\n  const { classProps } = useCardStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  return (\n    <div {...otherProps} className={classNames(classProps.logo, styleProps.className)} style={{ ...styleProps.style }}>\n      {children}\n    </div>\n  );\n};\n\nCardLogo.spiritComponent = 'CardLogo';\n\nexport default CardLogo;\n"],"names":["CardLogo","props","children","restProps","classProps","useCardStyleProps","styleProps","otherProps","useStyleProps","classNames"],"mappings":"mQAQMA,EAAYC,GAA+B,CAC/C,KAAM,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAAcF,EAC7B,CAAE,WAAAG,CAAA,EAAeC,oBAAA,EACjB,CAAA,WAAEC,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcL,CAAS,EAEjE,aACG,MAAA,CAAK,GAAGI,EAAY,UAAWE,EAAWL,EAAW,KAAME,EAAW,SAAS,EAAG,MAAO,CAAE,GAAGA,EAAW,KAAA,EACvG,SAAAJ,EACH,CAEJ,EAEAF,EAAS,gBAAkB"}

package/dist/components/Card/CardLogo.d.ts

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

package/dist/components/Card/CardLogo.js

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

package/dist/components/Card/CardLogo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardLogo.js","sources":["../../../src/components/Card/CardLogo.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritCardLogoProps } from '../../types';\nimport { useCardStyleProps } from './useCardStyleProps';\n\nconst CardLogo = (props: SpiritCardLogoProps) => {\n  const { children, ...restProps } = props;\n  const { classProps } = useCardStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  return (\n    <div {...otherProps} className={classNames(classProps.logo, styleProps.className)} style={{ ...styleProps.style }}>\n      {children}\n    </div>\n  );\n};\n\nCardLogo.spiritComponent = 'CardLogo';\n\nexport default CardLogo;\n"],"names":["CardLogo","props","children","restProps","classProps","useCardStyleProps","styleProps","otherProps","useStyleProps","classNames"],"mappings":";;;;;AAQA,MAAMA,IAAW,CAACC,MAA+B;AAC/C,QAAM,EAAE,UAAAC,GAAU,GAAGC,EAAA,IAAcF,GAC7B,EAAE,YAAAG,EAAA,IAAeC,EAAA,GACjB,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAS;AAEjE,2BACG,OAAA,EAAK,GAAGI,GAAY,WAAWE,EAAWL,EAAW,MAAME,EAAW,SAAS,GAAG,OAAO,EAAE,GAAGA,EAAW,MAAA,GACvG,UAAAJ,GACH;AAEJ;AAEAF,EAAS,kBAAkB;"}

package/dist/components/Card/CardMedia.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),C=require("classnames"),g=require("../../constants/media.cjs"),q=require("../../constants/style.cjs"),f=require("../../hooks/styleProps.cjs"),h=require("../../types/card.cjs"),M=require("../../utils/mergeStyleProps.cjs"),v=require("./useCardMediaStyleProps.cjs"),j=require("./useCardStyleProps.cjs"),x={fit:g.ObjectFit.COVER,hasFilledHeight:!1,isExpanded:!1,size:h.CardSizes.AUTO},t=o=>{const a={...x,...o},{backgroundColor:i,children:l,fit:d,hasFilledHeight:c,isExpanded:n,size:p,...u}=a,{classProps:e}=j.useCardStyleProps({size:p,isExpanded:n,hasFilledHeight:c}),{classProps:P,styleProps:y}=v.useCardMediaStyleProps({backgroundColor:i,fit:d}),{styleProps:s,props:S}=f.useStyleProps(u,{...q.BackgroundStyleProps}),m=M.mergeStyleProps("div",{classProps:C(e.media,P,s.className),styleProps:{...y,...s}});return r.jsx("div",{...S,...m,children:r.jsx("div",{className:e.mediaCanvas,children:l})})};t.spiritComponent="CardMedia";exports.default=t;
+//# sourceMappingURL=CardMedia.cjs.map

package/dist/components/Card/CardMedia.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardMedia.cjs","sources":["../../../src/components/Card/CardMedia.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { BackgroundStyleProps, ObjectFit } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { CardSizes, type SpiritCardMediaProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useCardMediaStyleProps } from './useCardMediaStyleProps';\nimport { useCardStyleProps } from './useCardStyleProps';\n\nconst defaultProps: Partial<SpiritCardMediaProps> = {\n  fit: ObjectFit.COVER,\n  hasFilledHeight: false,\n  isExpanded: false,\n  size: CardSizes.AUTO,\n};\n\nconst CardMedia = (props: SpiritCardMediaProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { backgroundColor, children, fit, hasFilledHeight, isExpanded, size, ...restProps } = propsWithDefaults;\n  const { classProps } = useCardStyleProps({ size, isExpanded, hasFilledHeight });\n  const { classProps: cardMediaClassProps, styleProps: cardMediaStyleProps } = useCardMediaStyleProps({\n    backgroundColor,\n    fit,\n  });\n  const { styleProps, props: otherProps } = useStyleProps(restProps, {\n    ...BackgroundStyleProps,\n  });\n  const mergedStyleProps = mergeStyleProps('div', {\n    classProps: classNames(classProps.media, cardMediaClassProps, styleProps.className),\n    styleProps: { ...cardMediaStyleProps, ...styleProps },\n  });\n\n  return (\n    <div {...otherProps} {...mergedStyleProps}>\n      <div className={classProps.mediaCanvas}>{children}</div>\n    </div>\n  );\n};\n\nCardMedia.spiritComponent = 'CardMedia';\n\nexport default CardMedia;\n"],"names":["defaultProps","ObjectFit","CardSizes","CardMedia","props","propsWithDefaults","backgroundColor","children","fit","hasFilledHeight","isExpanded","size","restProps","classProps","useCardStyleProps","cardMediaClassProps","cardMediaStyleProps","useCardMediaStyleProps","styleProps","otherProps","useStyleProps","BackgroundStyleProps","mergedStyleProps","mergeStyleProps","classNames","jsx"],"mappings":"0cAWMA,EAA8C,CAClD,IAAKC,EAAAA,UAAU,MACf,gBAAiB,GACjB,WAAY,GACZ,KAAMC,EAAAA,UAAU,IAClB,EAEMC,EAAaC,GAAgC,CACjD,MAAMC,EAAoB,CAAE,GAAGL,EAAc,GAAGI,CAAA,EAC1C,CAAE,gBAAAE,EAAiB,SAAAC,EAAU,IAAAC,EAAK,gBAAAC,EAAiB,WAAAC,EAAY,KAAAC,EAAM,GAAGC,CAAA,EAAcP,EACtF,CAAE,WAAAQ,GAAeC,EAAAA,kBAAkB,CAAE,KAAAH,EAAM,WAAAD,EAAY,gBAAAD,EAAiB,EACxE,CAAE,WAAYM,EAAqB,WAAYC,CAAA,EAAwBC,EAAAA,uBAAuB,CAClG,gBAAAX,EACA,IAAAE,CAAA,CACD,EACK,CAAA,WAAEU,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcR,EAAW,CACjE,GAAGS,EAAAA,oBAAA,CACJ,EACKC,EAAmBC,EAAAA,gBAAgB,MAAO,CAC9C,WAAYC,EAAWX,EAAW,MAAOE,EAAqBG,EAAW,SAAS,EAClF,WAAY,CAAE,GAAGF,EAAqB,GAAGE,CAAA,CAAW,CACrD,EAED,OACEO,EAAAA,IAAC,MAAA,CAAK,GAAGN,EAAa,GAAGG,EACvB,SAAAG,EAAAA,IAAC,MAAA,CAAI,UAAWZ,EAAW,YAAc,SAAAN,CAAA,CAAS,EACpD,CAEJ,EAEAJ,EAAU,gBAAkB"}

package/dist/components/Card/CardMedia.d.ts

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

package/dist/components/Card/CardMedia.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import y from "classnames";
+import { ObjectFit as C } from "../../constants/media.js";
+import { BackgroundStyleProps as h } from "../../constants/style.js";
+import { useStyleProps as S } from "../../hooks/styleProps.js";
+import { CardSizes as g } from "../../types/card.js";
+import { mergeStyleProps as M } from "../../utils/mergeStyleProps.js";
+import { useCardMediaStyleProps as v } from "./useCardMediaStyleProps.js";
+import { useCardStyleProps as x } from "./useCardStyleProps.js";
+const z = {
+  fit: C.COVER,
+  hasFilledHeight: !1,
+  isExpanded: !1,
+  size: g.AUTO
+}, E = (e) => {
+  const t = { ...z, ...e }, { backgroundColor: a, children: i, fit: p, hasFilledHeight: d, isExpanded: l, size: m, ...c } = t, { classProps: s } = x({ size: m, isExpanded: l, hasFilledHeight: d }), { classProps: n, styleProps: P } = v({
+    backgroundColor: a,
+    fit: p
+  }), { styleProps: r, props: f } = S(c, {
+    ...h
+  }), u = M("div", {
+    classProps: y(s.media, n, r.className),
+    styleProps: { ...P, ...r }
+  });
+  return /* @__PURE__ */ o("div", { ...f, ...u, children: /* @__PURE__ */ o("div", { className: s.mediaCanvas, children: i }) });
+};
+E.spiritComponent = "CardMedia";
+export {
+  E as default
+};
+//# sourceMappingURL=CardMedia.js.map

package/dist/components/Card/CardMedia.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardMedia.js","sources":["../../../src/components/Card/CardMedia.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { BackgroundStyleProps, ObjectFit } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { CardSizes, type SpiritCardMediaProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useCardMediaStyleProps } from './useCardMediaStyleProps';\nimport { useCardStyleProps } from './useCardStyleProps';\n\nconst defaultProps: Partial<SpiritCardMediaProps> = {\n  fit: ObjectFit.COVER,\n  hasFilledHeight: false,\n  isExpanded: false,\n  size: CardSizes.AUTO,\n};\n\nconst CardMedia = (props: SpiritCardMediaProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { backgroundColor, children, fit, hasFilledHeight, isExpanded, size, ...restProps } = propsWithDefaults;\n  const { classProps } = useCardStyleProps({ size, isExpanded, hasFilledHeight });\n  const { classProps: cardMediaClassProps, styleProps: cardMediaStyleProps } = useCardMediaStyleProps({\n    backgroundColor,\n    fit,\n  });\n  const { styleProps, props: otherProps } = useStyleProps(restProps, {\n    ...BackgroundStyleProps,\n  });\n  const mergedStyleProps = mergeStyleProps('div', {\n    classProps: classNames(classProps.media, cardMediaClassProps, styleProps.className),\n    styleProps: { ...cardMediaStyleProps, ...styleProps },\n  });\n\n  return (\n    <div {...otherProps} {...mergedStyleProps}>\n      <div className={classProps.mediaCanvas}>{children}</div>\n    </div>\n  );\n};\n\nCardMedia.spiritComponent = 'CardMedia';\n\nexport default CardMedia;\n"],"names":["defaultProps","ObjectFit","CardSizes","CardMedia","props","propsWithDefaults","backgroundColor","children","fit","hasFilledHeight","isExpanded","size","restProps","classProps","useCardStyleProps","cardMediaClassProps","cardMediaStyleProps","useCardMediaStyleProps","styleProps","otherProps","useStyleProps","BackgroundStyleProps","mergedStyleProps","mergeStyleProps","classNames","jsx"],"mappings":";;;;;;;;;;AAWA,MAAMA,IAA8C;AAAA,EAClD,KAAKC,EAAU;AAAA,EACf,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,MAAMC,EAAU;AAClB,GAEMC,IAAY,CAACC,MAAgC;AACjD,QAAMC,IAAoB,EAAE,GAAGL,GAAc,GAAGI,EAAA,GAC1C,EAAE,iBAAAE,GAAiB,UAAAC,GAAU,KAAAC,GAAK,iBAAAC,GAAiB,YAAAC,GAAY,MAAAC,GAAM,GAAGC,EAAA,IAAcP,GACtF,EAAE,YAAAQ,MAAeC,EAAkB,EAAE,MAAAH,GAAM,YAAAD,GAAY,iBAAAD,GAAiB,GACxE,EAAE,YAAYM,GAAqB,YAAYC,EAAA,IAAwBC,EAAuB;AAAA,IAClG,iBAAAX;AAAA,IACA,KAAAE;AAAA,EAAA,CACD,GACK,EAAE,YAAAU,GAAY,OAAOC,EAAA,IAAeC,EAAcR,GAAW;AAAA,IACjE,GAAGS;AAAA,EAAA,CACJ,GACKC,IAAmBC,EAAgB,OAAO;AAAA,IAC9C,YAAYC,EAAWX,EAAW,OAAOE,GAAqBG,EAAW,SAAS;AAAA,IAClF,YAAY,EAAE,GAAGF,GAAqB,GAAGE,EAAA;AAAA,EAAW,CACrD;AAED,SACE,gBAAAO,EAAC,OAAA,EAAK,GAAGN,GAAa,GAAGG,GACvB,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWZ,EAAW,aAAc,UAAAN,EAAA,CAAS,GACpD;AAEJ;AAEAJ,EAAU,kBAAkB;"}

package/dist/components/Card/CardTitle.cjs

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

package/dist/components/Card/CardTitle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardTitle.cjs","sources":["../../../src/components/Card/CardTitle.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritCardTitleProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useCardStyleProps } from './useCardStyleProps';\n\nconst defaultProps: Partial<SpiritCardTitleProps> = {\n  elementType: 'h4',\n  isHeading: true,\n};\n\nconst CardTitle = <E extends ElementType = 'h4'>(props: SpiritCardTitleProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag = 'h4', children, isHeading, ...restProps } = propsWithDefaults;\n  const { classProps } = useCardStyleProps({ isHeading });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps: classProps.title, styleProps, otherProps });\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      {children}\n    </ElementTag>\n  );\n};\n\nCardTitle.spiritComponent = 'CardTitle';\n\nexport default CardTitle;\n"],"names":["defaultProps","CardTitle","props","propsWithDefaults","ElementTag","children","isHeading","restProps","classProps","useCardStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":"wRAQMA,EAA8C,CAClD,YAAa,KACb,UAAW,EACb,EAEMC,EAA2CC,GAAmC,CAClF,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CAAE,YAAaE,EAAa,KAAM,SAAAC,EAAU,UAAAC,EAAW,GAAGC,GAAcJ,EACxE,CAAE,WAAAK,CAAA,EAAeC,oBAAkB,CAAE,UAAAH,EAAW,EAChD,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcL,CAAS,EAC3DM,EAAmBC,kBAAgBV,EAAY,CAAE,WAAYI,EAAW,MAAA,WAAOE,EAAY,WAAAC,EAAY,EAE7G,aACGP,EAAA,CAAY,GAAGO,EAAa,GAAGE,EAC7B,SAAAR,EACH,CAEJ,EAEAJ,EAAU,gBAAkB"}

package/dist/components/Card/CardTitle.d.ts

@@ -0,0 +1,7 @@
+import { default as React, ElementType } from 'react';
+import { SpiritCardTitleProps } from '../../types';
+declare const CardTitle: {
+    <E extends ElementType = "h4">(props: SpiritCardTitleProps<E>): React.JSX.Element;
+    spiritComponent: string;
+};
+export default CardTitle;