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

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -1,22 +1,23 @@
 "use client";
-import { jsx as s, jsxs as y } from "react/jsx-runtime";
-import { Fragment as B } from "react";
-import { useStyleProps as b } from "../../hooks/styleProps.js";
-import { mergeStyleProps as g } from "../../utils/mergeStyleProps.js";
+import { jsx as s, jsxs as b } from "react/jsx-runtime";
+import { Fragment as g } from "react";
+import { useStyleProps as S } from "../../hooks/styleProps.js";
+import { mergeStyleProps as v } from "../../utils/mergeStyleProps.js";
 import p from "./BreadcrumbsItem.js";
-import { useBreadcrumbsStyleProps as v } from "./useBreadcrumbsStyleProps.js";
-const S = {
+import { useBreadcrumbsStyleProps as C } from "./useBreadcrumbsStyleProps.js";
+const T = {
   elementType: "nav",
   items: []
-}, T = (m) => {
-  const n = { ...S, ...m }, { children: c, elementType: o = "nav", goBackTitle: l, items: t, ...i } = n, { classProps: a, props: d } = v({ ...i }), { styleProps: u, props: f } = b(d), h = g(o, { classProps: a.root, styleProps: u }), P = (r, e) => r === e - 1;
-  return /* @__PURE__ */ s(o, { ...f, ...h, "aria-label": "Breadcrumb", children: /* @__PURE__ */ s("ol", { children: c || t?.map((r, e) => /* @__PURE__ */ y(B, { children: [
-    e === t.length - 2 && l && /* @__PURE__ */ s(p, { href: r.url || void 0, isGoBackOnly: !0, children: l }),
-    /* @__PURE__ */ s(p, { href: r.url || void 0, isCurrent: P(e, t?.length), children: r.title })
+}, m = (c) => {
+  const n = { ...T, ...c }, { children: i, elementType: a, goBackTitle: t, items: o, ...d } = n, l = a, { classProps: u, props: f } = C({ ...d }), { styleProps: h, props: P } = S(f), y = v(l, { classProps: u.root, styleProps: h }), B = (r, e) => r === e - 1;
+  return /* @__PURE__ */ s(l, { ...P, ...y, "aria-label": "Breadcrumb", children: /* @__PURE__ */ s("ol", { children: i || o?.map((r, e) => /* @__PURE__ */ b(g, { children: [
+    e === o.length - 2 && t && /* @__PURE__ */ s(p, { href: r.url || void 0, isGoBackOnly: !0, children: t }),
+    /* @__PURE__ */ s(p, { href: r.url || void 0, isCurrent: B(e, o?.length), children: r.title })
   ] }, `BreadcrumbsItem_${r.title}`)) }) });
 };
-T.spiritComponent = "Breadcrumbs";
+m.spiritComponent = "Breadcrumbs";
+m.displayName = "Breadcrumbs";
 export {
-  T as default
+  m as default
 };
 //# sourceMappingURL=Breadcrumbs.js.map

package/dist/components/Breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, Fragment } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritBreadcrumbsProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport BreadcrumbsItem from './BreadcrumbsItem';\nimport { useBreadcrumbsStyleProps } from './useBreadcrumbsStyleProps';\n\nconst defaultProps: Partial<SpiritBreadcrumbsProps> = {\n  elementType: 'nav',\n  items: [],\n};\n\nconst Breadcrumbs = <E extends ElementType = 'nav'>(props: SpiritBreadcrumbsProps<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, elementType: ElementTag = 'nav', goBackTitle, items, ...restProps } = propsWithDefaults;\n  const { classProps, props: modifiedProps } = useBreadcrumbsStyleProps({ ...restProps });\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps: classProps.root, styleProps });\n\n  const isLast = (index: number, itemsCount: number) => index === itemsCount - 1;\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps} aria-label=\"Breadcrumb\">\n      <ol>\n        {children ||\n          items?.map((item, index) => (\n            <Fragment key={`BreadcrumbsItem_${item.title}`}>\n              {index === items.length - 2 && goBackTitle && (\n                <BreadcrumbsItem href={item.url || undefined} isGoBackOnly>\n                  {goBackTitle}\n                </BreadcrumbsItem>\n              )}\n              <BreadcrumbsItem href={item.url || undefined} isCurrent={isLast(index, items?.length)}>\n                {item.title}\n              </BreadcrumbsItem>\n            </Fragment>\n          ))}\n      </ol>\n    </ElementTag>\n  );\n};\n\nBreadcrumbs.spiritComponent = 'Breadcrumbs';\n\nexport default Breadcrumbs;\n"],"names":["defaultProps","Breadcrumbs","props","propsWithDefaults","children","ElementTag","goBackTitle","items","restProps","classProps","modifiedProps","useBreadcrumbsStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","isLast","index","itemsCount","jsx","item","Fragment","BreadcrumbsItem"],"mappings":";;;;;;;AASA,MAAMA,IAAgD;AAAA,EACpD,aAAa;AAAA,EACb,OAAO,CAAA;AACT,GAEMC,IAAc,CAAgCC,MAAkD;AACpG,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,UAAAE,GAAU,aAAaC,IAAa,OAAO,aAAAC,GAAa,OAAAC,GAAO,GAAGC,EAAA,IAAcL,GAClF,EAAE,YAAAM,GAAY,OAAOC,EAAA,IAAkBC,EAAyB,EAAE,GAAGH,GAAW,GAChF,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBX,GAAY,EAAE,YAAYI,EAAW,MAAM,YAAAG,GAAY,GAE1FK,IAAS,CAACC,GAAeC,MAAuBD,MAAUC,IAAa;AAE7E,2BACGd,GAAA,EAAY,GAAGQ,GAAa,GAAGE,GAAkB,cAAW,cAC3D,UAAA,gBAAAK,EAAC,MAAA,EACE,eACCb,GAAO,IAAI,CAACc,GAAMH,wBACfI,GAAA,EACE,UAAA;AAAA,IAAAJ,MAAUX,EAAM,SAAS,KAAKD,KAC7B,gBAAAc,EAACG,GAAA,EAAgB,MAAMF,EAAK,OAAO,QAAW,cAAY,IACvD,UAAAf,GACH;AAAA,IAEF,gBAAAc,EAACG,GAAA,EAAgB,MAAMF,EAAK,OAAO,QAAW,WAAWJ,EAAOC,GAAOX,GAAO,MAAM,GACjF,YAAK,MAAA,CACR;AAAA,EAAA,EAAA,GARa,mBAAmBc,EAAK,KAAK,EAS5C,CACD,GACL,GACF;AAEJ;AAEApB,EAAY,kBAAkB;"}
+{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, Fragment } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritBreadcrumbsProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport BreadcrumbsItem from './BreadcrumbsItem';\nimport { useBreadcrumbsStyleProps } from './useBreadcrumbsStyleProps';\n\nconst defaultProps: Partial<SpiritBreadcrumbsProps> = {\n  elementType: 'nav',\n  items: [],\n};\n\nconst Breadcrumbs = <E extends ElementType = 'nav'>(props: SpiritBreadcrumbsProps<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, elementType, goBackTitle, items, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { classProps, props: modifiedProps } = useBreadcrumbsStyleProps({ ...restProps });\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.root, styleProps });\n\n  const isLast = (index: number, itemsCount: number) => index === itemsCount - 1;\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} aria-label=\"Breadcrumb\">\n      <ol>\n        {children ||\n          items?.map((item, index) => (\n            <Fragment key={`BreadcrumbsItem_${item.title}`}>\n              {index === items.length - 2 && goBackTitle && (\n                <BreadcrumbsItem href={item.url || undefined} isGoBackOnly>\n                  {goBackTitle}\n                </BreadcrumbsItem>\n              )}\n              <BreadcrumbsItem href={item.url || undefined} isCurrent={isLast(index, items?.length)}>\n                {item.title}\n              </BreadcrumbsItem>\n            </Fragment>\n          ))}\n      </ol>\n    </Component>\n  );\n};\n\nBreadcrumbs.spiritComponent = 'Breadcrumbs';\nBreadcrumbs.displayName = 'Breadcrumbs';\n\nexport default Breadcrumbs;\n"],"names":["defaultProps","Breadcrumbs","props","propsWithDefaults","children","elementType","goBackTitle","items","restProps","Component","classProps","modifiedProps","useBreadcrumbsStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","isLast","index","itemsCount","jsx","item","Fragment","BreadcrumbsItem"],"mappings":";;;;;;;AASA,MAAMA,IAAgD;AAAA,EACpD,aAAa;AAAA,EACb,OAAO,CAAA;AACT,GAEMC,IAAc,CAAgCC,MAAkD;AACpG,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,UAAAE,GAAU,aAAAC,GAAa,aAAAC,GAAa,OAAAC,GAAO,GAAGC,MAAcL,GAC9DM,IAAYJ,GACZ,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAkBC,EAAyB,EAAE,GAAGJ,GAAW,GAChF,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBR,GAAW,EAAE,YAAYC,EAAW,MAAM,YAAAG,GAAY,GAEzFK,IAAS,CAACC,GAAeC,MAAuBD,MAAUC,IAAa;AAE7E,2BACGX,GAAA,EAAW,GAAGK,GAAa,GAAGE,GAAkB,cAAW,cAC1D,UAAA,gBAAAK,EAAC,MAAA,EACE,eACCd,GAAO,IAAI,CAACe,GAAMH,wBACfI,GAAA,EACE,UAAA;AAAA,IAAAJ,MAAUZ,EAAM,SAAS,KAAKD,KAC7B,gBAAAe,EAACG,GAAA,EAAgB,MAAMF,EAAK,OAAO,QAAW,cAAY,IACvD,UAAAhB,GACH;AAAA,IAEF,gBAAAe,EAACG,GAAA,EAAgB,MAAMF,EAAK,OAAO,QAAW,WAAWJ,EAAOC,GAAOZ,GAAO,MAAM,GACjF,YAAK,MAAA,CACR;AAAA,EAAA,EAAA,GARa,mBAAmBe,EAAK,KAAK,EAS5C,CACD,GACL,GACF;AAEJ;AAEArB,EAAY,kBAAkB;AAC9BA,EAAY,cAAc;"}

package/dist/components/Breadcrumbs/demo/BreadcrumbsCurrentWithoutLink.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),r=require("../Breadcrumbs.cjs"),u=()=>{const e=[{title:"Root",url:"#rootUrl"},{title:"Category",url:"#categoryUrl"},{title:"Subcategory",url:"#subcategoryUrl"},{title:"Current page"}];return t.jsx(r.default,{items:e,goBackTitle:"Back"})};exports.default=u;
+//# sourceMappingURL=BreadcrumbsCurrentWithoutLink.cjs.map

package/dist/components/Breadcrumbs/demo/BreadcrumbsCurrentWithoutLink.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbsCurrentWithoutLink.cjs","sources":["../../../../src/components/Breadcrumbs/demo/BreadcrumbsCurrentWithoutLink.tsx"],"sourcesContent":["import React from 'react';\nimport Breadcrumbs from '../Breadcrumbs';\n\nconst BreadcrumbsDefault = () => {\n  const items = [\n    {\n      title: 'Root',\n      url: '#rootUrl',\n    },\n    {\n      title: 'Category',\n      url: '#categoryUrl',\n    },\n    {\n      title: 'Subcategory',\n      url: '#subcategoryUrl',\n    },\n    {\n      title: 'Current page',\n    },\n  ];\n\n  return <Breadcrumbs items={items} goBackTitle=\"Back\" />;\n};\n\nexport default BreadcrumbsDefault;\n"],"names":["BreadcrumbsDefault","items","jsx","Breadcrumbs"],"mappings":"iLAGMA,EAAqB,IAAM,CAC/B,MAAMC,EAAQ,CACZ,CACE,MAAO,OACP,IAAK,UAAA,EAEP,CACE,MAAO,WACP,IAAK,cAAA,EAEP,CACE,MAAO,cACP,IAAK,iBAAA,EAEP,CACE,MAAO,cAAA,CACT,EAGF,OAAOC,EAAAA,IAACC,EAAAA,QAAA,CAAY,MAAAF,EAAc,YAAY,MAAA,CAAO,CACvD"}

package/dist/components/Breadcrumbs/demo/BreadcrumbsCurrentWithoutLink.js

@@ -0,0 +1,23 @@
+import { jsx as t } from "react/jsx-runtime";
+import r from "../Breadcrumbs.js";
+const a = () => /* @__PURE__ */ t(r, { items: [
+  {
+    title: "Root",
+    url: "#rootUrl"
+  },
+  {
+    title: "Category",
+    url: "#categoryUrl"
+  },
+  {
+    title: "Subcategory",
+    url: "#subcategoryUrl"
+  },
+  {
+    title: "Current page"
+  }
+], goBackTitle: "Back" });
+export {
+  a as default
+};
+//# sourceMappingURL=BreadcrumbsCurrentWithoutLink.js.map

package/dist/components/Breadcrumbs/demo/BreadcrumbsCurrentWithoutLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbsCurrentWithoutLink.js","sources":["../../../../src/components/Breadcrumbs/demo/BreadcrumbsCurrentWithoutLink.tsx"],"sourcesContent":["import React from 'react';\nimport Breadcrumbs from '../Breadcrumbs';\n\nconst BreadcrumbsDefault = () => {\n  const items = [\n    {\n      title: 'Root',\n      url: '#rootUrl',\n    },\n    {\n      title: 'Category',\n      url: '#categoryUrl',\n    },\n    {\n      title: 'Subcategory',\n      url: '#subcategoryUrl',\n    },\n    {\n      title: 'Current page',\n    },\n  ];\n\n  return <Breadcrumbs items={items} goBackTitle=\"Back\" />;\n};\n\nexport default BreadcrumbsDefault;\n"],"names":["BreadcrumbsDefault","jsx","Breadcrumbs"],"mappings":";;AAGA,MAAMA,IAAqB,MAmBlB,gBAAAC,EAACC,GAAA,EAAY,OAlBN;AAAA,EACZ;AAAA,IACE,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAAA,EAEP;AAAA,IACE,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAAA,EAEP;AAAA,IACE,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAAA,EAEP;AAAA,IACE,OAAO;AAAA,EAAA;AACT,GAGgC,aAAY,OAAA,CAAO;"}

package/dist/components/Breadcrumbs/demo/BreadcrumbsCustom.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("react"),s=require("../../../constants/dictionaries.cjs"),o=require("../../../types/link.cjs"),u=require("../../Icon/Icon.cjs"),c=require("../../Link/Link.cjs"),d=require("../Breadcrumbs.cjs"),h=()=>{const t=[{title:"Root",url:"#rootUrl"},{title:"Category",url:"#categoryUrl"},{title:"Subcategory",url:"#subcategoryUrl"},{title:"Current page",url:"#currentUrl"}];return e.jsx(d.default,{children:t.map((r,l)=>{const n=l===t.length-1,i={underlined:n?o.UNDERLINED_OPTIONS.HOVER:o.UNDERLINED_OPTIONS.ALWAYS,"aria-current":n?"page":void 0,color:n?s.LinkColors.SECONDARY:s.LinkColors.PRIMARY};return e.jsxs(a.Fragment,{children:[l===t.length-2&&e.jsxs("li",{className:"d-tablet-none",children:[e.jsx(u.default,{name:"chevron-left"}),e.jsx(c.default,{href:r.url,color:s.LinkColors.PRIMARY,underlined:o.UNDERLINED_OPTIONS.ALWAYS,children:"Back"})]}),e.jsxs("li",{className:"d-none d-tablet-flex",children:[l!==0&&e.jsx(u.default,{name:"chevron-right"}),e.jsx(c.default,{href:r.url,...i,children:r.title})]})]},`BreadcrumbsItem_${r.title}`)})})};exports.default=h;
+//# sourceMappingURL=BreadcrumbsCustom.cjs.map

package/dist/components/Breadcrumbs/demo/BreadcrumbsCustom.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbsCustom.cjs","sources":["../../../../src/components/Breadcrumbs/demo/BreadcrumbsCustom.tsx"],"sourcesContent":["import React, { Fragment } from 'react';\nimport { LinkColors } from '../../../constants';\nimport { UNDERLINED_OPTIONS } from '../../../types';\nimport { Icon } from '../../Icon';\nimport { Link } from '../../Link';\nimport Breadcrumbs from '../Breadcrumbs';\n\nconst BreadcrumbsCustom = () => {\n  const items = [\n    {\n      title: 'Root',\n      url: '#rootUrl',\n    },\n    {\n      title: 'Category',\n      url: '#categoryUrl',\n    },\n    {\n      title: 'Subcategory',\n      url: '#subcategoryUrl',\n    },\n    {\n      title: 'Current page',\n      url: '#currentUrl',\n    },\n  ];\n\n  return (\n    <Breadcrumbs>\n      {items.map((item, index) => {\n        const isLastItem = index === items.length - 1;\n\n        const linkParams = {\n          underlined: isLastItem ? UNDERLINED_OPTIONS.HOVER : UNDERLINED_OPTIONS.ALWAYS,\n          'aria-current': isLastItem ? ('page' as const) : undefined,\n          color: isLastItem ? LinkColors.SECONDARY : LinkColors.PRIMARY,\n        };\n\n        return (\n          <Fragment key={`BreadcrumbsItem_${item.title}`}>\n            {index === items.length - 2 && (\n              <li className=\"d-tablet-none\">\n                <Icon name=\"chevron-left\" />\n                <Link href={item.url} color={LinkColors.PRIMARY} underlined={UNDERLINED_OPTIONS.ALWAYS}>\n                  Back\n                </Link>\n              </li>\n            )}\n            <li className=\"d-none d-tablet-flex\">\n              {index !== 0 && <Icon name=\"chevron-right\" />}\n              <Link href={item.url} {...linkParams}>\n                {item.title}\n              </Link>\n            </li>\n          </Fragment>\n        );\n      })}\n    </Breadcrumbs>\n  );\n};\n\nexport default BreadcrumbsCustom;\n"],"names":["BreadcrumbsCustom","items","Breadcrumbs","item","index","isLastItem","linkParams","UNDERLINED_OPTIONS","LinkColors","Fragment","jsxs","jsx","Icon","Link"],"mappings":"4VAOMA,EAAoB,IAAM,CAC9B,MAAMC,EAAQ,CACZ,CACE,MAAO,OACP,IAAK,UAAA,EAEP,CACE,MAAO,WACP,IAAK,cAAA,EAEP,CACE,MAAO,cACP,IAAK,iBAAA,EAEP,CACE,MAAO,eACP,IAAK,aAAA,CACP,EAGF,aACGC,EAAAA,QAAA,CACE,SAAAD,EAAM,IAAI,CAACE,EAAMC,IAAU,CAC1B,MAAMC,EAAaD,IAAUH,EAAM,OAAS,EAEtCK,EAAa,CACjB,WAAYD,EAAaE,EAAAA,mBAAmB,MAAQA,EAAAA,mBAAmB,OACvE,eAAgBF,EAAc,OAAmB,OACjD,MAAOA,EAAaG,aAAW,UAAYA,EAAAA,WAAW,OAAA,EAGxD,cACGC,WAAA,CACE,SAAA,CAAAL,IAAUH,EAAM,OAAS,GACxBS,EAAAA,KAAC,KAAA,CAAG,UAAU,gBACZ,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAK,cAAA,CAAe,EAC1BD,EAAAA,IAACE,EAAAA,QAAA,CAAK,KAAMV,EAAK,IAAK,MAAOK,aAAW,QAAS,WAAYD,EAAAA,mBAAmB,OAAQ,SAAA,MAAA,CAExF,CAAA,EACF,EAEFG,EAAAA,KAAC,KAAA,CAAG,UAAU,uBACX,SAAA,CAAAN,IAAU,GAAKO,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAK,gBAAgB,EAC3CD,MAACE,EAAAA,SAAK,KAAMV,EAAK,IAAM,GAAGG,EACvB,WAAK,KAAA,CACR,CAAA,CAAA,CACF,CAAA,CAAA,EAda,mBAAmBH,EAAK,KAAK,EAe5C,CAEJ,CAAC,CAAA,CACH,CAEJ"}

package/dist/components/Breadcrumbs/demo/BreadcrumbsCustom.js

@@ -0,0 +1,48 @@
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import { Fragment as u } from "react";
+import { LinkColors as a } from "../../../constants/dictionaries.js";
+import { UNDERLINED_OPTIONS as c } from "../../../types/link.js";
+import i from "../../Icon/Icon.js";
+import m from "../../Link/Link.js";
+import d from "../Breadcrumbs.js";
+const I = () => {
+  const e = [
+    {
+      title: "Root",
+      url: "#rootUrl"
+    },
+    {
+      title: "Category",
+      url: "#categoryUrl"
+    },
+    {
+      title: "Subcategory",
+      url: "#subcategoryUrl"
+    },
+    {
+      title: "Current page",
+      url: "#currentUrl"
+    }
+  ];
+  return /* @__PURE__ */ r(d, { children: e.map((t, o) => {
+    const l = o === e.length - 1, s = {
+      underlined: l ? c.HOVER : c.ALWAYS,
+      "aria-current": l ? "page" : void 0,
+      color: l ? a.SECONDARY : a.PRIMARY
+    };
+    return /* @__PURE__ */ n(u, { children: [
+      o === e.length - 2 && /* @__PURE__ */ n("li", { className: "d-tablet-none", children: [
+        /* @__PURE__ */ r(i, { name: "chevron-left" }),
+        /* @__PURE__ */ r(m, { href: t.url, color: a.PRIMARY, underlined: c.ALWAYS, children: "Back" })
+      ] }),
+      /* @__PURE__ */ n("li", { className: "d-none d-tablet-flex", children: [
+        o !== 0 && /* @__PURE__ */ r(i, { name: "chevron-right" }),
+        /* @__PURE__ */ r(m, { href: t.url, ...s, children: t.title })
+      ] })
+    ] }, `BreadcrumbsItem_${t.title}`);
+  }) });
+};
+export {
+  I as default
+};
+//# sourceMappingURL=BreadcrumbsCustom.js.map

package/dist/components/Breadcrumbs/demo/BreadcrumbsCustom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbsCustom.js","sources":["../../../../src/components/Breadcrumbs/demo/BreadcrumbsCustom.tsx"],"sourcesContent":["import React, { Fragment } from 'react';\nimport { LinkColors } from '../../../constants';\nimport { UNDERLINED_OPTIONS } from '../../../types';\nimport { Icon } from '../../Icon';\nimport { Link } from '../../Link';\nimport Breadcrumbs from '../Breadcrumbs';\n\nconst BreadcrumbsCustom = () => {\n  const items = [\n    {\n      title: 'Root',\n      url: '#rootUrl',\n    },\n    {\n      title: 'Category',\n      url: '#categoryUrl',\n    },\n    {\n      title: 'Subcategory',\n      url: '#subcategoryUrl',\n    },\n    {\n      title: 'Current page',\n      url: '#currentUrl',\n    },\n  ];\n\n  return (\n    <Breadcrumbs>\n      {items.map((item, index) => {\n        const isLastItem = index === items.length - 1;\n\n        const linkParams = {\n          underlined: isLastItem ? UNDERLINED_OPTIONS.HOVER : UNDERLINED_OPTIONS.ALWAYS,\n          'aria-current': isLastItem ? ('page' as const) : undefined,\n          color: isLastItem ? LinkColors.SECONDARY : LinkColors.PRIMARY,\n        };\n\n        return (\n          <Fragment key={`BreadcrumbsItem_${item.title}`}>\n            {index === items.length - 2 && (\n              <li className=\"d-tablet-none\">\n                <Icon name=\"chevron-left\" />\n                <Link href={item.url} color={LinkColors.PRIMARY} underlined={UNDERLINED_OPTIONS.ALWAYS}>\n                  Back\n                </Link>\n              </li>\n            )}\n            <li className=\"d-none d-tablet-flex\">\n              {index !== 0 && <Icon name=\"chevron-right\" />}\n              <Link href={item.url} {...linkParams}>\n                {item.title}\n              </Link>\n            </li>\n          </Fragment>\n        );\n      })}\n    </Breadcrumbs>\n  );\n};\n\nexport default BreadcrumbsCustom;\n"],"names":["BreadcrumbsCustom","items","Breadcrumbs","item","index","isLastItem","linkParams","UNDERLINED_OPTIONS","LinkColors","Fragment","jsxs","jsx","Icon","Link"],"mappings":";;;;;;;AAOA,MAAMA,IAAoB,MAAM;AAC9B,QAAMC,IAAQ;AAAA,IACZ;AAAA,MACE,OAAO;AAAA,MACP,KAAK;AAAA,IAAA;AAAA,IAEP;AAAA,MACE,OAAO;AAAA,MACP,KAAK;AAAA,IAAA;AAAA,IAEP;AAAA,MACE,OAAO;AAAA,MACP,KAAK;AAAA,IAAA;AAAA,IAEP;AAAA,MACE,OAAO;AAAA,MACP,KAAK;AAAA,IAAA;AAAA,EACP;AAGF,2BACGC,GAAA,EACE,UAAAD,EAAM,IAAI,CAACE,GAAMC,MAAU;AAC1B,UAAMC,IAAaD,MAAUH,EAAM,SAAS,GAEtCK,IAAa;AAAA,MACjB,YAAYD,IAAaE,EAAmB,QAAQA,EAAmB;AAAA,MACvE,gBAAgBF,IAAc,SAAmB;AAAA,MACjD,OAAOA,IAAaG,EAAW,YAAYA,EAAW;AAAA,IAAA;AAGxD,6BACGC,GAAA,EACE,UAAA;AAAA,MAAAL,MAAUH,EAAM,SAAS,KACxB,gBAAAS,EAAC,MAAA,EAAG,WAAU,iBACZ,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAA,EAAK,MAAK,eAAA,CAAe;AAAA,QAC1B,gBAAAD,EAACE,GAAA,EAAK,MAAMV,EAAK,KAAK,OAAOK,EAAW,SAAS,YAAYD,EAAmB,QAAQ,UAAA,OAAA,CAExF;AAAA,MAAA,GACF;AAAA,MAEF,gBAAAG,EAAC,MAAA,EAAG,WAAU,wBACX,UAAA;AAAA,QAAAN,MAAU,KAAK,gBAAAO,EAACC,GAAA,EAAK,MAAK,iBAAgB;AAAA,QAC3C,gBAAAD,EAACE,KAAK,MAAMV,EAAK,KAAM,GAAGG,GACvB,YAAK,MAAA,CACR;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,EAAA,GAda,mBAAmBH,EAAK,KAAK,EAe5C;AAAA,EAEJ,CAAC,EAAA,CACH;AAEJ;"}

package/dist/components/Breadcrumbs/demo/BreadcrumbsDefault.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),r=require("../Breadcrumbs.cjs"),u=()=>{const e=[{title:"Root",url:"#rootUrl"},{title:"Category",url:"#categoryUrl"},{title:"Subcategory",url:"#subcategoryUrl"},{title:"Current page",url:"#currentUrl"}];return t.jsx(r.default,{items:e,goBackTitle:"Back"})};exports.default=u;
+//# sourceMappingURL=BreadcrumbsDefault.cjs.map

package/dist/components/Breadcrumbs/demo/BreadcrumbsDefault.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbsDefault.cjs","sources":["../../../../src/components/Breadcrumbs/demo/BreadcrumbsDefault.tsx"],"sourcesContent":["import React from 'react';\nimport Breadcrumbs from '../Breadcrumbs';\n\nconst BreadcrumbsDefault = () => {\n  const items = [\n    {\n      title: 'Root',\n      url: '#rootUrl',\n    },\n    {\n      title: 'Category',\n      url: '#categoryUrl',\n    },\n    {\n      title: 'Subcategory',\n      url: '#subcategoryUrl',\n    },\n    {\n      title: 'Current page',\n      url: '#currentUrl',\n    },\n  ];\n\n  return <Breadcrumbs items={items} goBackTitle=\"Back\" />;\n};\n\nexport default BreadcrumbsDefault;\n"],"names":["BreadcrumbsDefault","items","jsx","Breadcrumbs"],"mappings":"iLAGMA,EAAqB,IAAM,CAC/B,MAAMC,EAAQ,CACZ,CACE,MAAO,OACP,IAAK,UAAA,EAEP,CACE,MAAO,WACP,IAAK,cAAA,EAEP,CACE,MAAO,cACP,IAAK,iBAAA,EAEP,CACE,MAAO,eACP,IAAK,aAAA,CACP,EAGF,OAAOC,EAAAA,IAACC,EAAAA,QAAA,CAAY,MAAAF,EAAc,YAAY,MAAA,CAAO,CACvD"}

package/dist/components/Breadcrumbs/demo/BreadcrumbsDefault.js

@@ -0,0 +1,24 @@
+import { jsx as r } from "react/jsx-runtime";
+import t from "../Breadcrumbs.js";
+const u = () => /* @__PURE__ */ r(t, { items: [
+  {
+    title: "Root",
+    url: "#rootUrl"
+  },
+  {
+    title: "Category",
+    url: "#categoryUrl"
+  },
+  {
+    title: "Subcategory",
+    url: "#subcategoryUrl"
+  },
+  {
+    title: "Current page",
+    url: "#currentUrl"
+  }
+], goBackTitle: "Back" });
+export {
+  u as default
+};
+//# sourceMappingURL=BreadcrumbsDefault.js.map

package/dist/components/Breadcrumbs/demo/BreadcrumbsDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbsDefault.js","sources":["../../../../src/components/Breadcrumbs/demo/BreadcrumbsDefault.tsx"],"sourcesContent":["import React from 'react';\nimport Breadcrumbs from '../Breadcrumbs';\n\nconst BreadcrumbsDefault = () => {\n  const items = [\n    {\n      title: 'Root',\n      url: '#rootUrl',\n    },\n    {\n      title: 'Category',\n      url: '#categoryUrl',\n    },\n    {\n      title: 'Subcategory',\n      url: '#subcategoryUrl',\n    },\n    {\n      title: 'Current page',\n      url: '#currentUrl',\n    },\n  ];\n\n  return <Breadcrumbs items={items} goBackTitle=\"Back\" />;\n};\n\nexport default BreadcrumbsDefault;\n"],"names":["BreadcrumbsDefault","jsx","Breadcrumbs"],"mappings":";;AAGA,MAAMA,IAAqB,MAoBlB,gBAAAC,EAACC,GAAA,EAAY,OAnBN;AAAA,EACZ;AAAA,IACE,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAAA,EAEP;AAAA,IACE,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAAA,EAEP;AAAA,IACE,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAAA,EAEP;AAAA,IACE,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AACP,GAGgC,aAAY,OAAA,CAAO;"}

package/dist/components/Breadcrumbs/demo/preview.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@alma-oss/spirit-icons/icons"),s=require("react"),t=require("../../../web-react/docs/DocsSection.cjs"),i=require("../../../context/IconsContext.cjs"),u=require("./BreadcrumbsCurrentWithoutLink.cjs"),c=require("./BreadcrumbsCustom.cjs"),n=require("./BreadcrumbsDefault.cjs"),o=()=>e.jsx(s.StrictMode,{children:e.jsxs(i.IconsProvider,{value:r,children:[e.jsx(t.default,{title:"Default",children:e.jsx(n.default,{})}),e.jsx(t.default,{title:"Custom",children:e.jsx(c.default,{})}),e.jsx(t.default,{title:"Current page is not a link",children:e.jsx(u.default,{})})]})});exports.Preview=o;
+//# sourceMappingURL=preview.cjs.map

package/dist/components/Breadcrumbs/demo/preview.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.cjs","sources":["../../../../src/components/Breadcrumbs/demo/preview.tsx"],"sourcesContent":["'use client';\n\n// @ts-ignore: No declaration file -- @see https://jira.almacareer.tech/browse/DS-561\nimport icons from '@alma-oss/spirit-icons/icons';\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport { IconsProvider } from '../../../context';\nimport BreadcrumbsCurrentWithoutLink from './BreadcrumbsCurrentWithoutLink';\nimport BreadcrumbsCustom from './BreadcrumbsCustom';\nimport BreadcrumbsDefault from './BreadcrumbsDefault';\n\nexport const Preview = () => (\n  <StrictMode>\n    <IconsProvider value={icons}>\n      <DocsSection title=\"Default\">\n        <BreadcrumbsDefault />\n      </DocsSection>\n      <DocsSection title=\"Custom\">\n        <BreadcrumbsCustom />\n      </DocsSection>\n      <DocsSection title=\"Current page is not a link\">\n        <BreadcrumbsCurrentWithoutLink />\n      </DocsSection>\n    </IconsProvider>\n  </StrictMode>\n);\n"],"names":["Preview","jsx","StrictMode","jsxs","IconsProvider","icons","DocsSection","BreadcrumbsDefault","BreadcrumbsCustom","BreadcrumbsCurrentWithoutLink"],"mappings":"+ZAWaA,EAAU,IACrBC,EAAAA,IAACC,EAAAA,YACC,SAAAC,OAACC,EAAAA,cAAA,CAAc,MAAOC,EACpB,SAAA,CAAAJ,MAACK,EAAAA,QAAA,CAAY,MAAM,UACjB,SAAAL,MAACM,EAAAA,UAAmB,EACtB,QACCD,EAAAA,QAAA,CAAY,MAAM,SACjB,SAAAL,MAACO,EAAAA,UAAkB,EACrB,QACCF,EAAAA,QAAA,CAAY,MAAM,6BACjB,SAAAL,EAAAA,IAACQ,YAA8B,CAAA,CACjC,CAAA,CAAA,CACF,CAAA,CACF"}

package/dist/components/Breadcrumbs/demo/preview.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import e from "@alma-oss/spirit-icons/icons";
+import { StrictMode as i } from "react";
+import t from "../../../web-react/docs/DocsSection.js";
+import { IconsProvider as m } from "../../../context/IconsContext.js";
+import c from "./BreadcrumbsCurrentWithoutLink.js";
+import s from "./BreadcrumbsCustom.js";
+import l from "./BreadcrumbsDefault.js";
+const b = () => /* @__PURE__ */ r(i, { children: /* @__PURE__ */ o(m, { value: e, children: [
+  /* @__PURE__ */ r(t, { title: "Default", children: /* @__PURE__ */ r(l, {}) }),
+  /* @__PURE__ */ r(t, { title: "Custom", children: /* @__PURE__ */ r(s, {}) }),
+  /* @__PURE__ */ r(t, { title: "Current page is not a link", children: /* @__PURE__ */ r(c, {}) })
+] }) });
+export {
+  b as Preview
+};
+//# sourceMappingURL=preview.js.map

package/dist/components/Breadcrumbs/demo/preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sources":["../../../../src/components/Breadcrumbs/demo/preview.tsx"],"sourcesContent":["'use client';\n\n// @ts-ignore: No declaration file -- @see https://jira.almacareer.tech/browse/DS-561\nimport icons from '@alma-oss/spirit-icons/icons';\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport { IconsProvider } from '../../../context';\nimport BreadcrumbsCurrentWithoutLink from './BreadcrumbsCurrentWithoutLink';\nimport BreadcrumbsCustom from './BreadcrumbsCustom';\nimport BreadcrumbsDefault from './BreadcrumbsDefault';\n\nexport const Preview = () => (\n  <StrictMode>\n    <IconsProvider value={icons}>\n      <DocsSection title=\"Default\">\n        <BreadcrumbsDefault />\n      </DocsSection>\n      <DocsSection title=\"Custom\">\n        <BreadcrumbsCustom />\n      </DocsSection>\n      <DocsSection title=\"Current page is not a link\">\n        <BreadcrumbsCurrentWithoutLink />\n      </DocsSection>\n    </IconsProvider>\n  </StrictMode>\n);\n"],"names":["Preview","jsx","StrictMode","jsxs","IconsProvider","icons","DocsSection","BreadcrumbsDefault","BreadcrumbsCustom","BreadcrumbsCurrentWithoutLink"],"mappings":";;;;;;;;;AAWO,MAAMA,IAAU,MACrB,gBAAAC,EAACC,KACC,UAAA,gBAAAC,EAACC,GAAA,EAAc,OAAOC,GACpB,UAAA;AAAA,EAAA,gBAAAJ,EAACK,GAAA,EAAY,OAAM,WACjB,UAAA,gBAAAL,EAACM,KAAmB,GACtB;AAAA,oBACCD,GAAA,EAAY,OAAM,UACjB,UAAA,gBAAAL,EAACO,KAAkB,GACrB;AAAA,oBACCF,GAAA,EAAY,OAAM,8BACjB,UAAA,gBAAAL,EAACQ,KAA8B,EAAA,CACjC;AAAA,EAAA,CACF,EAAA,CACF;"}

package/dist/components/Breadcrumbs/preview/index.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../demo/preview.cjs");exports.default=e.Preview;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Breadcrumbs/preview/index.cjs.map

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

package/dist/components/Breadcrumbs/preview/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { Preview as t } from "../demo/preview.js";
+export {
+  t as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Breadcrumbs/preview/index.js.map

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

package/dist/components/Breadcrumbs/preview.d.ts

@@ -0,0 +1,4 @@
+export {}
+import _default from '../../src/components/Breadcrumbs/preview/index'
+export default _default
+export {}

package/dist/components/Breadcrumbs.d.ts

@@ -1,2 +1,2 @@
-export * from './Breadcrumbs/index'
+export * from '../src/components/Breadcrumbs/index'
 export {}

package/dist/components/Button.d.ts

@@ -1,2 +1,2 @@
-export * from './Button/index'
+export * from '../src/components/Button/index'
 export {}

package/dist/components/ButtonLink.d.ts

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

package/dist/components/Card/Card.cjs

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

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

@@ -1 +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"}
+{"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 { elementType, alignmentY, direction, isBoxed, children, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { classProps } = useCardStyleProps({ alignmentY, direction, isBoxed });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.root, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps}>\n      {children}\n    </Component>\n  );\n};\n\nCard.spiritComponent = 'Card';\nCard.displayName = 'Card';\n\nexport default Card;\n"],"names":["defaultProps","DirectionExtended","Card","props","propsWithDefaults","elementType","alignmentY","direction","isBoxed","children","restProps","Component","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,CAAE,YAAAE,EAAa,WAAAC,EAAY,UAAAC,EAAW,QAAAC,EAAS,SAAAC,EAAU,GAAGC,GAAcN,EAC1EO,EAAYN,EACZ,CAAE,WAAAO,GAAeC,EAAAA,kBAAkB,CAAE,WAAAP,EAAY,UAAAC,EAAW,QAAAC,EAAS,EACrE,CAAA,WAAEM,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcN,CAAS,EAC3DO,EAAmBC,kBAAgBP,EAAW,CAAE,WAAYC,EAAW,KAAA,WAAME,EAAY,WAAAC,EAAY,EAE3G,aACGJ,EAAA,CAAW,GAAGI,EAAa,GAAGE,EAC5B,SAAAR,EACH,CAEJ,EAEAP,EAAK,gBAAkB,OACvBA,EAAK,YAAc"}

package/dist/components/Card/Card.js

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

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

@@ -1 +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;"}
+{"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 { elementType, alignmentY, direction, isBoxed, children, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { classProps } = useCardStyleProps({ alignmentY, direction, isBoxed });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.root, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps}>\n      {children}\n    </Component>\n  );\n};\n\nCard.spiritComponent = 'Card';\nCard.displayName = 'Card';\n\nexport default Card;\n"],"names":["defaultProps","DirectionExtended","Card","props","propsWithDefaults","elementType","alignmentY","direction","isBoxed","children","restProps","Component","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,EAAE,aAAAE,GAAa,YAAAC,GAAY,WAAAC,GAAW,SAAAC,GAAS,UAAAC,GAAU,GAAGC,MAAcN,GAC1EO,IAAYN,GACZ,EAAE,YAAAO,MAAeC,EAAkB,EAAE,YAAAP,GAAY,WAAAC,GAAW,SAAAC,GAAS,GACrE,EAAE,YAAAM,GAAY,OAAOC,EAAA,IAAeC,EAAcN,CAAS,GAC3DO,IAAmBC,EAAgBP,GAAW,EAAE,YAAYC,EAAW,MAAM,YAAAE,GAAY,YAAAC,GAAY;AAE3G,2BACGJ,GAAA,EAAW,GAAGI,GAAa,GAAGE,GAC5B,UAAAR,GACH;AAEJ;AAEAP,EAAK,kBAAkB;AACvBA,EAAK,cAAc;"}

package/dist/components/Card/CardTitle.cjs

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

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

@@ -1 +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"}
+{"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, children, isHeading, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { classProps } = useCardStyleProps({ isHeading });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.title, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps}>\n      {children}\n    </Component>\n  );\n};\n\nCardTitle.spiritComponent = 'CardTitle';\nCardTitle.displayName = 'CardTitle';\n\nexport default CardTitle;\n"],"names":["defaultProps","CardTitle","props","propsWithDefaults","elementType","children","isHeading","restProps","Component","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,SAAAC,EAAU,UAAAC,EAAW,GAAGC,GAAcJ,EACrDK,EAAYJ,EACZ,CAAE,WAAAK,CAAA,EAAeC,oBAAkB,CAAE,UAAAJ,EAAW,EAChD,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcN,CAAS,EAC3DO,EAAmBC,kBAAgBP,EAAW,CAAE,WAAYC,EAAW,MAAA,WAAOE,EAAY,WAAAC,EAAY,EAE5G,aACGJ,EAAA,CAAW,GAAGI,EAAa,GAAGE,EAC5B,SAAAT,EACH,CAEJ,EAEAJ,EAAU,gBAAkB,YAC5BA,EAAU,YAAc"}

package/dist/components/Card/CardTitle.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"CardTitle.js","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":";;;;;AAQA,MAAMA,IAA8C;AAAA,EAClD,aAAa;AAAA,EACb,WAAW;AACb,GAEMC,IAAY,CAA+BC,MAAmC;AAClF,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,aAAaE,IAAa,MAAM,UAAAC,GAAU,WAAAC,GAAW,GAAGC,MAAcJ,GACxE,EAAE,YAAAK,EAAA,IAAeC,EAAkB,EAAE,WAAAH,GAAW,GAChD,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAS,GAC3DM,IAAmBC,EAAgBV,GAAY,EAAE,YAAYI,EAAW,OAAO,YAAAE,GAAY,YAAAC,GAAY;AAE7G,2BACGP,GAAA,EAAY,GAAGO,GAAa,GAAGE,GAC7B,UAAAR,GACH;AAEJ;AAEAJ,EAAU,kBAAkB;"}
+{"version":3,"file":"CardTitle.js","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, children, isHeading, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { classProps } = useCardStyleProps({ isHeading });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.title, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps}>\n      {children}\n    </Component>\n  );\n};\n\nCardTitle.spiritComponent = 'CardTitle';\nCardTitle.displayName = 'CardTitle';\n\nexport default CardTitle;\n"],"names":["defaultProps","CardTitle","props","propsWithDefaults","elementType","children","isHeading","restProps","Component","classProps","useCardStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":";;;;;AAQA,MAAMA,IAA8C;AAAA,EAClD,aAAa;AAAA,EACb,WAAW;AACb,GAEMC,IAAY,CAA+BC,MAAmC;AAClF,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,aAAAE,GAAa,UAAAC,GAAU,WAAAC,GAAW,GAAGC,MAAcJ,GACrDK,IAAYJ,GACZ,EAAE,YAAAK,EAAA,IAAeC,EAAkB,EAAE,WAAAJ,GAAW,GAChD,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcN,CAAS,GAC3DO,IAAmBC,EAAgBP,GAAW,EAAE,YAAYC,EAAW,OAAO,YAAAE,GAAY,YAAAC,GAAY;AAE5G,2BACGJ,GAAA,EAAW,GAAGI,GAAa,GAAGE,GAC5B,UAAAT,GACH;AAEJ;AAEAJ,EAAU,kBAAkB;AAC5BA,EAAU,cAAc;"}

package/dist/components/Card/useCardStyleProps.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("classnames"),a=require("../../hooks/useAlignmentClass.cjs"),T=require("../../hooks/useClassNamePrefix.cjs"),j=require("../../utils/string.cjs"),z=require("../../utils/stylePropsClassesGenerator.cjs");function I(m){const{alignmentY:o,artworkAlignmentX:l,direction:n,footerAlignmentX:i,hasFilledHeight:u,isBoxed:b,isExpanded:$,isHeading:y,isSelectable:f,size:r}=m||{},s=T.useClassNamePrefix("Card"),c=`${s}Artwork`,C=`${s}Body`,p=`${s}Eyebrow`,d=`${s}Footer`,k=`${s}Link`,w=`${s}Logo`,t=`${s}Media`,g=`${s}Title`,x=`${C}--selectable`,P=z.generateStylePropsClassNames(s,j.stringOrObjectKebabCaseToCamelCase(n)),S=`${s}--boxed`,A=`${t}__canvas`,H=`${t}--filledHeight`,h=`${t}--expanded`,q=r?`${t}--${r}`:"",v=`${g}--heading`,N=e(c,{[a.useAlignmentClass(c,l,"alignmentX")]:l}),X=e(C,{[x]:f}),B=e(d,{[a.useAlignmentClass(d,i,"alignmentX")]:i}),E=e(t,q,{[h]:$,[H]:u}),F=e(s,{[a.useAlignmentClass(s,o,"alignmentY")]:o,[P]:n,[S]:b}),O=e(g,{[v]:y});return{classProps:{artwork:N,body:X,eyebrow:p,footer:B,link:k,logo:w,media:E,mediaCanvas:A,root:F,title:O}}}exports.useCardStyleProps=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("classnames"),t=require("../../hooks/useAlignmentClass.cjs"),v=require("../../hooks/useClassNamePrefix.cjs"),N=require("../../utils/string.cjs"),X=require("../../utils/stylePropsClassesGenerator.cjs");function B(m){const{alignmentY:o,artworkAlignmentX:l,direction:n,footerAlignmentX:i,hasFilledHeight:u,isBoxed:$,isExpanded:b,isHeading:y,isSelectable:p,size:r}=m||{},s=v.useClassNamePrefix("Card"),c=`${s}Artwork`,d=`${s}Body`,f=`${s}Eyebrow`,C=`${s}Footer`,x=`${s}Link`,P=`${s}Logo`,a=`${s}Media`,g=`${s}Title`,S=`${d}--selectable`,k=`${s}--boxed`,w=`${a}__canvas`,A=`${a}--filledHeight`,H=`${a}--expanded`,h=r?`${a}--${r}`:"",q=`${g}--heading`;return{classProps:{artwork:e(c,{[t.useAlignmentClass(c,l,"alignmentX")]:l}),body:e(d,{[S]:p}),eyebrow:f,footer:e(C,{[t.useAlignmentClass(C,i,"alignmentX")]:i}),link:x,logo:P,media:e(a,h,{[H]:b,[A]:u}),mediaCanvas:w,root:e(s,{[t.useAlignmentClass(s,o,"alignmentY")]:o,[X.generateStylePropsClassNames(s,N.stringOrObjectKebabCaseToCamelCase(n))]:n,[k]:$}),title:e(g,{[q]:y})}}}exports.useCardStyleProps=B;
 //# sourceMappingURL=useCardStyleProps.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useCardStyleProps.cjs","sources":["../../../src/components/Card/useCardStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useAlignmentClass, useClassNamePrefix } from '../../hooks';\nimport {\n  type CardAlignmentXType,\n  type CardAlignmentYType,\n  type CardDirectionType,\n  type CardSizesDictionaryType,\n} from '../../types';\nimport { generateStylePropsClassNames, stringOrObjectKebabCaseToCamelCase } from '../../utils';\n\nexport interface UseCardStyleProps {\n  alignmentY?: CardAlignmentYType;\n  artworkAlignmentX?: CardAlignmentXType;\n  direction?: CardDirectionType;\n  footerAlignmentX?: CardAlignmentXType;\n  hasFilledHeight?: boolean;\n  isBoxed?: boolean;\n  isExpanded?: boolean;\n  isHeading?: boolean;\n  isSelectable?: boolean;\n  size?: CardSizesDictionaryType;\n}\n\nexport interface UseCardStylePropsReturn {\n  /** className props */\n  classProps: {\n    artwork: string;\n    body: string;\n    eyebrow: string;\n    footer: string;\n    link: string;\n    logo: string;\n    media: string;\n    mediaCanvas: string;\n    root: string;\n    title: string;\n  };\n}\n\nexport function useCardStyleProps(props?: UseCardStyleProps): UseCardStylePropsReturn {\n  const {\n    alignmentY,\n    artworkAlignmentX,\n    direction,\n    footerAlignmentX,\n    hasFilledHeight,\n    isBoxed,\n    isExpanded,\n    isHeading,\n    isSelectable,\n    size,\n  } = props || {};\n  const cardClass = useClassNamePrefix('Card');\n  const artworkClass = `${cardClass}Artwork`;\n  const bodyClass = `${cardClass}Body`;\n  const eyebrowClass = `${cardClass}Eyebrow`;\n  const footerClass = `${cardClass}Footer`;\n  const linkClass = `${cardClass}Link`;\n  const logoClass = `${cardClass}Logo`;\n  const mediaClass = `${cardClass}Media`;\n  const titleClass = `${cardClass}Title`;\n\n  const bodyIsSelectableClass = `${bodyClass}--selectable`;\n\n  const directionClass = generateStylePropsClassNames(cardClass, stringOrObjectKebabCaseToCamelCase(direction!));\n\n  const isBoxedClass = `${cardClass}--boxed`;\n  const mediaCanvasClass = `${mediaClass}__canvas`;\n  const mediaHasFilledHeightClass = `${mediaClass}--filledHeight`;\n  const mediaIsExpandedClass = `${mediaClass}--expanded`;\n  const mediaSizeClass = size ? `${mediaClass}--${size}` : '';\n  const titleHeadingClass = `${titleClass}--heading`;\n\n  const artworkClasses = classNames(artworkClass, {\n    [useAlignmentClass(artworkClass, artworkAlignmentX!, 'alignmentX')]: artworkAlignmentX,\n  });\n  const bodyClasses = classNames(bodyClass, {\n    [bodyIsSelectableClass]: isSelectable,\n  });\n  const footerClasses = classNames(footerClass, {\n    [useAlignmentClass(footerClass, footerAlignmentX!, 'alignmentX')]: footerAlignmentX,\n  });\n  const mediaClasses = classNames(mediaClass, mediaSizeClass, {\n    [mediaIsExpandedClass]: isExpanded,\n    [mediaHasFilledHeightClass]: hasFilledHeight,\n  });\n  const rootClasses = classNames(cardClass, {\n    [useAlignmentClass(cardClass, alignmentY!, 'alignmentY')]: alignmentY,\n    [directionClass]: direction,\n    [isBoxedClass]: isBoxed,\n  });\n  const titleClasses = classNames(titleClass, {\n    [titleHeadingClass]: isHeading,\n  });\n\n  return {\n    classProps: {\n      artwork: artworkClasses,\n      body: bodyClasses,\n      eyebrow: eyebrowClass,\n      footer: footerClasses,\n      link: linkClass,\n      logo: logoClass,\n      media: mediaClasses,\n      mediaCanvas: mediaCanvasClass,\n      root: rootClasses,\n      title: titleClasses,\n    },\n  };\n}\n"],"names":["useCardStyleProps","props","alignmentY","artworkAlignmentX","direction","footerAlignmentX","hasFilledHeight","isBoxed","isExpanded","isHeading","isSelectable","size","cardClass","useClassNamePrefix","artworkClass","bodyClass","eyebrowClass","footerClass","linkClass","logoClass","mediaClass","titleClass","bodyIsSelectableClass","directionClass","generateStylePropsClassNames","stringOrObjectKebabCaseToCamelCase","isBoxedClass","mediaCanvasClass","mediaHasFilledHeightClass","mediaIsExpandedClass","mediaSizeClass","titleHeadingClass","artworkClasses","classNames","useAlignmentClass","bodyClasses","footerClasses","mediaClasses","rootClasses","titleClasses"],"mappings":"ySAuCO,SAASA,EAAkBC,EAAoD,CACpF,KAAM,CACJ,WAAAC,EACA,kBAAAC,EACA,UAAAC,EACA,iBAAAC,EACA,gBAAAC,EACA,QAAAC,EACA,WAAAC,EACA,UAAAC,EACA,aAAAC,EACA,KAAAC,CAAA,EACEV,GAAS,CAAA,EACPW,EAAYC,EAAAA,mBAAmB,MAAM,EACrCC,EAAe,GAAGF,CAAS,UAC3BG,EAAY,GAAGH,CAAS,OACxBI,EAAe,GAAGJ,CAAS,UAC3BK,EAAc,GAAGL,CAAS,SAC1BM,EAAY,GAAGN,CAAS,OACxBO,EAAY,GAAGP,CAAS,OACxBQ,EAAa,GAAGR,CAAS,QACzBS,EAAa,GAAGT,CAAS,QAEzBU,EAAwB,GAAGP,CAAS,eAEpCQ,EAAiBC,EAAAA,6BAA6BZ,EAAWa,EAAAA,mCAAmCrB,CAAU,CAAC,EAEvGsB,EAAe,GAAGd,CAAS,UAC3Be,EAAmB,GAAGP,CAAU,WAChCQ,EAA4B,GAAGR,CAAU,iBACzCS,EAAuB,GAAGT,CAAU,aACpCU,EAAiBnB,EAAO,GAAGS,CAAU,KAAKT,CAAI,GAAK,GACnDoB,EAAoB,GAAGV,CAAU,YAEjCW,EAAiBC,EAAWnB,EAAc,CAC9C,CAACoB,oBAAkBpB,EAAcX,EAAoB,YAAY,CAAC,EAAGA,CAAA,CACtE,EACKgC,EAAcF,EAAWlB,EAAW,CACxC,CAACO,CAAqB,EAAGZ,CAAA,CAC1B,EACK0B,EAAgBH,EAAWhB,EAAa,CAC5C,CAACiB,oBAAkBjB,EAAaZ,EAAmB,YAAY,CAAC,EAAGA,CAAA,CACpE,EACKgC,EAAeJ,EAAWb,EAAYU,EAAgB,CAC1D,CAACD,CAAoB,EAAGrB,EACxB,CAACoB,CAAyB,EAAGtB,CAAA,CAC9B,EACKgC,EAAcL,EAAWrB,EAAW,CACxC,CAACsB,EAAAA,kBAAkBtB,EAAWV,EAAa,YAAY,CAAC,EAAGA,EAC3D,CAACqB,CAAc,EAAGnB,EAClB,CAACsB,CAAY,EAAGnB,CAAA,CACjB,EACKgC,EAAeN,EAAWZ,EAAY,CAC1C,CAACU,CAAiB,EAAGtB,CAAA,CACtB,EAED,MAAO,CACL,WAAY,CACV,QAASuB,EACT,KAAMG,EACN,QAASnB,EACT,OAAQoB,EACR,KAAMlB,EACN,KAAMC,EACN,MAAOkB,EACP,YAAaV,EACb,KAAMW,EACN,MAAOC,CAAA,CACT,CAEJ"}
+{"version":3,"file":"useCardStyleProps.cjs","sources":["../../../src/components/Card/useCardStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useAlignmentClass, useClassNamePrefix } from '../../hooks';\nimport {\n  type CardAlignmentXType,\n  type CardAlignmentYType,\n  type CardDirectionType,\n  type CardSizesDictionaryType,\n} from '../../types';\nimport { generateStylePropsClassNames, stringOrObjectKebabCaseToCamelCase } from '../../utils';\n\nexport interface UseCardStyleProps {\n  alignmentY?: CardAlignmentYType;\n  artworkAlignmentX?: CardAlignmentXType;\n  direction?: CardDirectionType;\n  footerAlignmentX?: CardAlignmentXType;\n  hasFilledHeight?: boolean;\n  isBoxed?: boolean;\n  isExpanded?: boolean;\n  isHeading?: boolean;\n  isSelectable?: boolean;\n  size?: CardSizesDictionaryType;\n}\n\nexport interface UseCardStylePropsReturn {\n  /** className props */\n  classProps: {\n    artwork: string;\n    body: string;\n    eyebrow: string;\n    footer: string;\n    link: string;\n    logo: string;\n    media: string;\n    mediaCanvas: string;\n    root: string;\n    title: string;\n  };\n}\n\nexport function useCardStyleProps(props?: UseCardStyleProps): UseCardStylePropsReturn {\n  const {\n    alignmentY,\n    artworkAlignmentX,\n    direction,\n    footerAlignmentX,\n    hasFilledHeight,\n    isBoxed,\n    isExpanded,\n    isHeading,\n    isSelectable,\n    size,\n  } = props || {};\n  const cardClass = useClassNamePrefix('Card');\n  const artworkClass = `${cardClass}Artwork`;\n  const bodyClass = `${cardClass}Body`;\n  const eyebrowClass = `${cardClass}Eyebrow`;\n  const footerClass = `${cardClass}Footer`;\n  const linkClass = `${cardClass}Link`;\n  const logoClass = `${cardClass}Logo`;\n  const mediaClass = `${cardClass}Media`;\n  const titleClass = `${cardClass}Title`;\n\n  const bodyIsSelectableClass = `${bodyClass}--selectable`;\n\n  const isBoxedClass = `${cardClass}--boxed`;\n  const mediaCanvasClass = `${mediaClass}__canvas`;\n  const mediaHasFilledHeightClass = `${mediaClass}--filledHeight`;\n  const mediaIsExpandedClass = `${mediaClass}--expanded`;\n  const mediaSizeClass = size ? `${mediaClass}--${size}` : '';\n  const titleHeadingClass = `${titleClass}--heading`;\n\n  return {\n    classProps: {\n      artwork: classNames(artworkClass, {\n        [useAlignmentClass(artworkClass, artworkAlignmentX!, 'alignmentX')]: artworkAlignmentX,\n      }),\n      body: classNames(bodyClass, {\n        [bodyIsSelectableClass]: isSelectable,\n      }),\n      eyebrow: eyebrowClass,\n      footer: classNames(footerClass, {\n        [useAlignmentClass(footerClass, footerAlignmentX!, 'alignmentX')]: footerAlignmentX,\n      }),\n      link: linkClass,\n      logo: logoClass,\n      media: classNames(mediaClass, mediaSizeClass, {\n        [mediaIsExpandedClass]: isExpanded,\n        [mediaHasFilledHeightClass]: hasFilledHeight,\n      }),\n      mediaCanvas: mediaCanvasClass,\n      root: classNames(cardClass, {\n        [useAlignmentClass(cardClass, alignmentY!, 'alignmentY')]: alignmentY,\n        [generateStylePropsClassNames(cardClass, stringOrObjectKebabCaseToCamelCase(direction!))]: direction,\n        [isBoxedClass]: isBoxed,\n      }),\n      title: classNames(titleClass, {\n        [titleHeadingClass]: isHeading,\n      }),\n    },\n  };\n}\n"],"names":["useCardStyleProps","props","alignmentY","artworkAlignmentX","direction","footerAlignmentX","hasFilledHeight","isBoxed","isExpanded","isHeading","isSelectable","size","cardClass","useClassNamePrefix","artworkClass","bodyClass","eyebrowClass","footerClass","linkClass","logoClass","mediaClass","titleClass","bodyIsSelectableClass","isBoxedClass","mediaCanvasClass","mediaHasFilledHeightClass","mediaIsExpandedClass","mediaSizeClass","titleHeadingClass","classNames","useAlignmentClass","generateStylePropsClassNames","stringOrObjectKebabCaseToCamelCase"],"mappings":"ySAuCO,SAASA,EAAkBC,EAAoD,CACpF,KAAM,CACJ,WAAAC,EACA,kBAAAC,EACA,UAAAC,EACA,iBAAAC,EACA,gBAAAC,EACA,QAAAC,EACA,WAAAC,EACA,UAAAC,EACA,aAAAC,EACA,KAAAC,CAAA,EACEV,GAAS,CAAA,EACPW,EAAYC,EAAAA,mBAAmB,MAAM,EACrCC,EAAe,GAAGF,CAAS,UAC3BG,EAAY,GAAGH,CAAS,OACxBI,EAAe,GAAGJ,CAAS,UAC3BK,EAAc,GAAGL,CAAS,SAC1BM,EAAY,GAAGN,CAAS,OACxBO,EAAY,GAAGP,CAAS,OACxBQ,EAAa,GAAGR,CAAS,QACzBS,EAAa,GAAGT,CAAS,QAEzBU,EAAwB,GAAGP,CAAS,eAEpCQ,EAAe,GAAGX,CAAS,UAC3BY,EAAmB,GAAGJ,CAAU,WAChCK,EAA4B,GAAGL,CAAU,iBACzCM,EAAuB,GAAGN,CAAU,aACpCO,EAAiBhB,EAAO,GAAGS,CAAU,KAAKT,CAAI,GAAK,GACnDiB,EAAoB,GAAGP,CAAU,YAEvC,MAAO,CACL,WAAY,CACV,QAASQ,EAAWf,EAAc,CAChC,CAACgB,oBAAkBhB,EAAcX,EAAoB,YAAY,CAAC,EAAGA,CAAA,CACtE,EACD,KAAM0B,EAAWd,EAAW,CAC1B,CAACO,CAAqB,EAAGZ,CAAA,CAC1B,EACD,QAASM,EACT,OAAQa,EAAWZ,EAAa,CAC9B,CAACa,oBAAkBb,EAAaZ,EAAmB,YAAY,CAAC,EAAGA,CAAA,CACpE,EACD,KAAMa,EACN,KAAMC,EACN,MAAOU,EAAWT,EAAYO,EAAgB,CAC5C,CAACD,CAAoB,EAAGlB,EACxB,CAACiB,CAAyB,EAAGnB,CAAA,CAC9B,EACD,YAAakB,EACb,KAAMK,EAAWjB,EAAW,CAC1B,CAACkB,EAAAA,kBAAkBlB,EAAWV,EAAa,YAAY,CAAC,EAAGA,EAC3D,CAAC6B,EAAAA,6BAA6BnB,EAAWoB,EAAAA,mCAAmC5B,CAAU,CAAC,CAAC,EAAGA,EAC3F,CAACmB,CAAY,EAAGhB,CAAA,CACjB,EACD,MAAOsB,EAAWR,EAAY,CAC5B,CAACO,CAAiB,EAAGnB,CAAA,CACtB,CAAA,CACH,CAEJ"}

package/dist/components/Card/useCardStyleProps.js

@@ -1,52 +1,52 @@
 import e from "classnames";
-import { useAlignmentClass as t } from "../../hooks/useAlignmentClass.js";
-import { useClassNamePrefix as L } from "../../hooks/useClassNamePrefix.js";
-import { stringOrObjectKebabCaseToCamelCase as O } from "../../utils/string.js";
-import { generateStylePropsClassNames as T } from "../../utils/stylePropsClassesGenerator.js";
-function q(g) {
+import { useAlignmentClass as o } from "../../hooks/useAlignmentClass.js";
+import { useClassNamePrefix as v } from "../../hooks/useClassNamePrefix.js";
+import { stringOrObjectKebabCaseToCamelCase as B } from "../../utils/string.js";
+import { generateStylePropsClassNames as E } from "../../utils/stylePropsClassesGenerator.js";
+function O(g) {
   const {
-    alignmentY: a,
+    alignmentY: t,
     artworkAlignmentX: l,
-    direction: n,
-    footerAlignmentX: i,
+    direction: i,
+    footerAlignmentX: n,
     hasFilledHeight: $,
     isBoxed: b,
-    isExpanded: f,
-    isHeading: p,
+    isExpanded: p,
+    isHeading: f,
     isSelectable: y,
     size: r
-  } = g || {}, s = L("Card"), c = `${s}Artwork`, d = `${s}Body`, k = `${s}Eyebrow`, C = `${s}Footer`, w = `${s}Link`, x = `${s}Logo`, o = `${s}Media`, m = `${s}Title`, u = `${d}--selectable`, H = T(s, O(n)), h = `${s}--boxed`, S = `${o}__canvas`, A = `${o}--filledHeight`, P = `${o}--expanded`, X = r ? `${o}--${r}` : "", v = `${m}--heading`, B = e(c, {
-    [t(c, l, "alignmentX")]: l
-  }), E = e(d, {
-    [u]: y
-  }), F = e(C, {
-    [t(C, i, "alignmentX")]: i
-  }), N = e(o, X, {
-    [P]: f,
-    [A]: $
-  }), z = e(s, {
-    [t(s, a, "alignmentY")]: a,
-    [H]: n,
-    [h]: b
-  }), I = e(m, {
-    [v]: p
-  });
+  } = g || {}, s = v("Card"), d = `${s}Artwork`, c = `${s}Body`, x = `${s}Eyebrow`, m = `${s}Footer`, k = `${s}Link`, w = `${s}Logo`, a = `${s}Media`, C = `${s}Title`, u = `${c}--selectable`, H = `${s}--boxed`, h = `${a}__canvas`, S = `${a}--filledHeight`, A = `${a}--expanded`, P = r ? `${a}--${r}` : "", X = `${C}--heading`;
   return {
     classProps: {
-      artwork: B,
-      body: E,
-      eyebrow: k,
-      footer: F,
-      link: w,
-      logo: x,
-      media: N,
-      mediaCanvas: S,
-      root: z,
-      title: I
+      artwork: e(d, {
+        [o(d, l, "alignmentX")]: l
+      }),
+      body: e(c, {
+        [u]: y
+      }),
+      eyebrow: x,
+      footer: e(m, {
+        [o(m, n, "alignmentX")]: n
+      }),
+      link: k,
+      logo: w,
+      media: e(a, P, {
+        [A]: p,
+        [S]: $
+      }),
+      mediaCanvas: h,
+      root: e(s, {
+        [o(s, t, "alignmentY")]: t,
+        [E(s, B(i))]: i,
+        [H]: b
+      }),
+      title: e(C, {
+        [X]: f
+      })
     }
   };
 }
 export {
-  q as useCardStyleProps
+  O as useCardStyleProps
 };
 //# sourceMappingURL=useCardStyleProps.js.map