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

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

@@ -0,0 +1,18 @@
+"use client";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { StrictMode as i } from "react";
+import r from "../../../web-react/docs/DocsSection.js";
+import o from "./PartnerLogoDefault.js";
+import a from "./PartnerLogoFluid.js";
+import s from "./PartnerLogoResponsiveSize.js";
+import l from "./PartnerLogoSafeAreaDisabled.js";
+const h = () => /* @__PURE__ */ t(i, { children: [
+  /* @__PURE__ */ e(r, { title: "Default", hasStack: !1, children: /* @__PURE__ */ e(o, {}) }),
+  /* @__PURE__ */ e(r, { title: "Disabled safe area", hasStack: !1, children: /* @__PURE__ */ e(l, {}) }),
+  /* @__PURE__ */ e(r, { title: "Responsive Size", hasStack: !1, children: /* @__PURE__ */ e(s, {}) }),
+  /* @__PURE__ */ e(r, { title: "Fluid Size", hasStack: !1, children: /* @__PURE__ */ e(a, {}) })
+] });
+export {
+  h as Preview
+};
+//# sourceMappingURL=preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sources":["../../../../src/components/PartnerLogo/demo/preview.tsx"],"sourcesContent":["'use client';\n\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport PartnerLogoDefault from './PartnerLogoDefault';\nimport PartnerLogoFluid from './PartnerLogoFluid';\nimport PartnerLogoResponsiveSize from './PartnerLogoResponsiveSize';\nimport PartnerLogoSafeAreaDisabled from './PartnerLogoSafeAreaDisabled';\n\nexport const Preview = () => (\n  <StrictMode>\n    <DocsSection title=\"Default\" hasStack={false}>\n      <PartnerLogoDefault />\n    </DocsSection>\n    <DocsSection title=\"Disabled safe area\" hasStack={false}>\n      <PartnerLogoSafeAreaDisabled />\n    </DocsSection>\n    <DocsSection title=\"Responsive Size\" hasStack={false}>\n      <PartnerLogoResponsiveSize />\n    </DocsSection>\n    <DocsSection title=\"Fluid Size\" hasStack={false}>\n      <PartnerLogoFluid />\n    </DocsSection>\n  </StrictMode>\n);\n"],"names":["Preview","jsxs","StrictMode","jsx","DocsSection","PartnerLogoDefault","PartnerLogoSafeAreaDisabled","PartnerLogoResponsiveSize","PartnerLogoFluid"],"mappings":";;;;;;;;AASO,MAAMA,IAAU,MACrB,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAY,OAAM,WAAU,UAAU,IACrC,UAAA,gBAAAD,EAACE,KAAmB,EAAA,CACtB;AAAA,EACA,gBAAAF,EAACC,KAAY,OAAM,sBAAqB,UAAU,IAChD,UAAA,gBAAAD,EAACG,KAA4B,EAAA,CAC/B;AAAA,EACA,gBAAAH,EAACC,KAAY,OAAM,mBAAkB,UAAU,IAC7C,UAAA,gBAAAD,EAACI,KAA0B,EAAA,CAC7B;AAAA,EACA,gBAAAJ,EAACC,KAAY,OAAM,cAAa,UAAU,IACxC,UAAA,gBAAAD,EAACK,KAAiB,EAAA,CACpB;AAAA,EAAA,CACF;"}

package/dist/components/PartnerLogo/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/PartnerLogo/preview/index.cjs.map

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

package/dist/components/PartnerLogo/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/PartnerLogo/preview/index.js.map

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

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

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

package/dist/components/PartnerLogo.d.ts

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

package/dist/components/Pill/Pill.cjs

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

package/dist/components/Pill/Pill.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Pill.cjs","sources":["../../../src/components/Pill/Pill.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritPillProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { PillColorsExtended } from './constants';\nimport { usePillStyleProps } from './usePillStyleProps';\n\nconst defaultProps: Partial<SpiritPillProps> = {\n  color: PillColorsExtended.SELECTED,\n  elementType: 'span',\n};\n\nconst Pill = <E extends ElementType = 'span', C = void>(props: SpiritPillProps<E, C>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag = 'span', children, ...restProps } = propsWithDefaults;\n  const { classProps, props: modifiedProps } = usePillStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps, styleProps, otherProps });\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      {children}\n    </ElementTag>\n  );\n};\n\nPill.spiritComponent = 'Pill';\n\nexport default Pill;\n"],"names":["defaultProps","PillColorsExtended","Pill","props","propsWithDefaults","ElementTag","children","restProps","classProps","modifiedProps","usePillStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":"qTASMA,EAAyC,CAC7C,MAAOC,EAAAA,mBAAmB,SAC1B,YAAa,MACf,EAEMC,EAAkDC,GAA8C,CACpG,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGG,CAAA,EAC1C,CAAE,YAAaE,EAAa,OAAQ,SAAAC,EAAU,GAAGC,GAAcH,EAC/D,CAAE,WAAAI,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,kBAAkBH,CAAS,EAClE,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,EAAAA,gBAAgBV,EAAY,CAAE,WAAAG,EAAA,WAAYG,EAAY,WAAAC,EAAY,EAE3F,aACGP,EAAA,CAAY,GAAGO,EAAa,GAAGE,EAC7B,SAAAR,EACH,CAEJ,EAEAJ,EAAK,gBAAkB"}
+{"version":3,"file":"Pill.cjs","sources":["../../../src/components/Pill/Pill.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritPillProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { PillColorsExtended } from './constants';\nimport { usePillStyleProps } from './usePillStyleProps';\n\nconst defaultProps: Partial<SpiritPillProps> = {\n  color: PillColorsExtended.SELECTED,\n  elementType: 'span',\n};\n\nconst Pill = <E extends ElementType = 'span', C = void>(props: SpiritPillProps<E, C>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, children, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { classProps, props: modifiedProps } = usePillStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps}>\n      {children}\n    </Component>\n  );\n};\n\nPill.spiritComponent = 'Pill';\nPill.displayName = 'Pill';\n\nexport default Pill;\n"],"names":["defaultProps","PillColorsExtended","Pill","props","propsWithDefaults","elementType","children","restProps","Component","classProps","modifiedProps","usePillStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":"qTASMA,EAAyC,CAC7C,MAAOC,EAAAA,mBAAmB,SAC1B,YAAa,MACf,EAEMC,EAAkDC,GAA8C,CACpG,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGG,CAAA,EAC1C,CAAE,YAAAE,EAAa,SAAAC,EAAU,GAAGC,GAAcH,EAC1CI,EAAYH,EACZ,CAAE,WAAAI,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,kBAAkBJ,CAAS,EAClE,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,EAAAA,gBAAgBR,EAAW,CAAE,WAAAC,EAAA,WAAYG,EAAY,WAAAC,EAAY,EAE1F,aACGL,EAAA,CAAW,GAAGK,EAAa,GAAGE,EAC5B,SAAAT,EACH,CAEJ,EAEAJ,EAAK,gBAAkB,OACvBA,EAAK,YAAc"}

package/dist/components/Pill/Pill.js

@@ -1,18 +1,19 @@
 "use client";
-import { jsx as P } from "react/jsx-runtime";
-import { useStyleProps as c } from "../../hooks/styleProps.js";
-import { mergeStyleProps as f } from "../../utils/mergeStyleProps.js";
-import { PillColorsExtended as a } from "./constants.js";
-import { usePillStyleProps as d } from "./usePillStyleProps.js";
-const u = {
-  color: a.SELECTED,
+import { jsx as d } from "react/jsx-runtime";
+import { useStyleProps as f } from "../../hooks/styleProps.js";
+import { mergeStyleProps as a } from "../../utils/mergeStyleProps.js";
+import { PillColorsExtended as u } from "./constants.js";
+import { usePillStyleProps as y } from "./usePillStyleProps.js";
+const S = {
+  color: u.SELECTED,
   elementType: "span"
-}, y = (s) => {
-  const r = { ...u, ...s }, { elementType: o = "span", children: t, ...p } = r, { classProps: l, props: n } = d(p), { styleProps: i, props: e } = c(n), m = f(o, { classProps: l, styleProps: i, otherProps: e });
-  return /* @__PURE__ */ P(o, { ...e, ...m, children: t });
+}, e = (r) => {
+  const t = { ...S, ...r }, { elementType: p, children: l, ...i } = t, o = p, { classProps: n, props: m } = y(i), { styleProps: P, props: s } = f(m), c = a(o, { classProps: n, styleProps: P, otherProps: s });
+  return /* @__PURE__ */ d(o, { ...s, ...c, children: l });
 };
-y.spiritComponent = "Pill";
+e.spiritComponent = "Pill";
+e.displayName = "Pill";
 export {
-  y as default
+  e as default
 };
 //# sourceMappingURL=Pill.js.map

package/dist/components/Pill/Pill.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pill.js","sources":["../../../src/components/Pill/Pill.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritPillProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { PillColorsExtended } from './constants';\nimport { usePillStyleProps } from './usePillStyleProps';\n\nconst defaultProps: Partial<SpiritPillProps> = {\n  color: PillColorsExtended.SELECTED,\n  elementType: 'span',\n};\n\nconst Pill = <E extends ElementType = 'span', C = void>(props: SpiritPillProps<E, C>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag = 'span', children, ...restProps } = propsWithDefaults;\n  const { classProps, props: modifiedProps } = usePillStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps, styleProps, otherProps });\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      {children}\n    </ElementTag>\n  );\n};\n\nPill.spiritComponent = 'Pill';\n\nexport default Pill;\n"],"names":["defaultProps","PillColorsExtended","Pill","props","propsWithDefaults","ElementTag","children","restProps","classProps","modifiedProps","usePillStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":";;;;;;AASA,MAAMA,IAAyC;AAAA,EAC7C,OAAOC,EAAmB;AAAA,EAC1B,aAAa;AACf,GAEMC,IAAO,CAA2CC,MAA8C;AACpG,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGG,EAAA,GAC1C,EAAE,aAAaE,IAAa,QAAQ,UAAAC,GAAU,GAAGC,MAAcH,GAC/D,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAkBC,EAAkBH,CAAS,GAClE,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBV,GAAY,EAAE,YAAAG,GAAY,YAAAG,GAAY,YAAAC,GAAY;AAE3F,2BACGP,GAAA,EAAY,GAAGO,GAAa,GAAGE,GAC7B,UAAAR,GACH;AAEJ;AAEAJ,EAAK,kBAAkB;"}
+{"version":3,"file":"Pill.js","sources":["../../../src/components/Pill/Pill.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritPillProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { PillColorsExtended } from './constants';\nimport { usePillStyleProps } from './usePillStyleProps';\n\nconst defaultProps: Partial<SpiritPillProps> = {\n  color: PillColorsExtended.SELECTED,\n  elementType: 'span',\n};\n\nconst Pill = <E extends ElementType = 'span', C = void>(props: SpiritPillProps<E, C>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, children, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { classProps, props: modifiedProps } = usePillStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps}>\n      {children}\n    </Component>\n  );\n};\n\nPill.spiritComponent = 'Pill';\nPill.displayName = 'Pill';\n\nexport default Pill;\n"],"names":["defaultProps","PillColorsExtended","Pill","props","propsWithDefaults","elementType","children","restProps","Component","classProps","modifiedProps","usePillStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":";;;;;;AASA,MAAMA,IAAyC;AAAA,EAC7C,OAAOC,EAAmB;AAAA,EAC1B,aAAa;AACf,GAEMC,IAAO,CAA2CC,MAA8C;AACpG,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGG,EAAA,GAC1C,EAAE,aAAAE,GAAa,UAAAC,GAAU,GAAGC,MAAcH,GAC1CI,IAAYH,GACZ,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAkBC,EAAkBJ,CAAS,GAClE,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBR,GAAW,EAAE,YAAAC,GAAY,YAAAG,GAAY,YAAAC,GAAY;AAE1F,2BACGL,GAAA,EAAW,GAAGK,GAAa,GAAGE,GAC5B,UAAAT,GACH;AAEJ;AAEAJ,EAAK,kBAAkB;AACvBA,EAAK,cAAc;"}

package/dist/components/Pill/demo/PillColors.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../Pill.cjs"),n=require("../constants.cjs"),i=require("../../../web-react/docs/constants.cjs"),c=()=>{const o=Object.values(n.PillColorsExtended),s=Object.values(i.DemoEmotionColors),l=[...o,...s];return e.jsx(e.Fragment,{children:l.map(t=>e.jsx(r.default,{color:t,children:"3"},t))})};exports.default=c;
+//# sourceMappingURL=PillColors.cjs.map

package/dist/components/Pill/demo/PillColors.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PillColors.cjs","sources":["../../../../src/components/Pill/demo/PillColors.tsx"],"sourcesContent":["import React from 'react';\nimport { DemoEmotionColors } from '../../../../docs';\nimport { Pill, PillColorsExtended } from '..';\n\nconst PillColors = () => {\n  const pillColors = Object.values(PillColorsExtended);\n  const emotionColors = Object.values(DemoEmotionColors);\n  const colors = [...pillColors, ...emotionColors];\n\n  return (\n    <>\n      {colors.map((color) => (\n        <Pill key={color} color={color}>\n          3\n        </Pill>\n      ))}\n    </>\n  );\n};\n\nexport default PillColors;\n"],"names":["PillColors","pillColors","PillColorsExtended","emotionColors","DemoEmotionColors","colors","jsx","Fragment","color","Pill"],"mappings":"2PAIMA,EAAa,IAAM,CACvB,MAAMC,EAAa,OAAO,OAAOC,oBAAkB,EAC7CC,EAAgB,OAAO,OAAOC,mBAAiB,EAC/CC,EAAS,CAAC,GAAGJ,EAAY,GAAGE,CAAa,EAE/C,OACEG,EAAAA,IAAAC,EAAAA,SAAA,CACG,SAAAF,EAAO,IAAKG,GACXF,EAAAA,IAACG,EAAAA,QAAA,CAAiB,MAAAD,EAAc,SAAA,GAAA,EAArBA,CAEX,CACD,EACH,CAEJ"}

package/dist/components/Pill/demo/PillColors.js

@@ -0,0 +1,12 @@
+import { jsx as r, Fragment as e } from "react/jsx-runtime";
+import i from "../Pill.js";
+import { PillColorsExtended as m } from "../constants.js";
+import { DemoEmotionColors as n } from "../../../web-react/docs/constants.js";
+const f = () => {
+  const t = Object.values(m), l = Object.values(n), s = [...t, ...l];
+  return /* @__PURE__ */ r(e, { children: s.map((o) => /* @__PURE__ */ r(i, { color: o, children: "3" }, o)) });
+};
+export {
+  f as default
+};
+//# sourceMappingURL=PillColors.js.map

package/dist/components/Pill/demo/PillColors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PillColors.js","sources":["../../../../src/components/Pill/demo/PillColors.tsx"],"sourcesContent":["import React from 'react';\nimport { DemoEmotionColors } from '../../../../docs';\nimport { Pill, PillColorsExtended } from '..';\n\nconst PillColors = () => {\n  const pillColors = Object.values(PillColorsExtended);\n  const emotionColors = Object.values(DemoEmotionColors);\n  const colors = [...pillColors, ...emotionColors];\n\n  return (\n    <>\n      {colors.map((color) => (\n        <Pill key={color} color={color}>\n          3\n        </Pill>\n      ))}\n    </>\n  );\n};\n\nexport default PillColors;\n"],"names":["PillColors","pillColors","PillColorsExtended","emotionColors","DemoEmotionColors","colors","jsx","Fragment","color","Pill"],"mappings":";;;;AAIA,MAAMA,IAAa,MAAM;AACvB,QAAMC,IAAa,OAAO,OAAOC,CAAkB,GAC7CC,IAAgB,OAAO,OAAOC,CAAiB,GAC/CC,IAAS,CAAC,GAAGJ,GAAY,GAAGE,CAAa;AAE/C,SACE,gBAAAG,EAAAC,GAAA,EACG,UAAAF,EAAO,IAAI,CAACG,MACX,gBAAAF,EAACG,GAAA,EAAiB,OAAAD,GAAc,UAAA,IAAA,GAArBA,CAEX,CACD,GACH;AAEJ;"}

package/dist/components/Pill/demo/PillLongText.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../Pill.cjs"),l=()=>e.jsx(t.default,{children:"333"});exports.default=l;
+//# sourceMappingURL=PillLongText.cjs.map

package/dist/components/Pill/demo/PillLongText.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PillLongText.cjs","sources":["../../../../src/components/Pill/demo/PillLongText.tsx"],"sourcesContent":["import React from 'react';\nimport Pill from '../Pill';\n\nconst PillLongText = () => <Pill>333</Pill>;\n\nexport default PillLongText;\n"],"names":["PillLongText","jsx","Pill"],"mappings":"0KAGMA,EAAe,IAAMC,EAAAA,IAACC,EAAAA,QAAA,CAAK,SAAA,KAAA,CAAG"}

package/dist/components/Pill/demo/PillLongText.js

@@ -0,0 +1,7 @@
+import { jsx as t } from "react/jsx-runtime";
+import o from "../Pill.js";
+const l = () => /* @__PURE__ */ t(o, { children: "333" });
+export {
+  l as default
+};
+//# sourceMappingURL=PillLongText.js.map

package/dist/components/Pill/demo/PillLongText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PillLongText.js","sources":["../../../../src/components/Pill/demo/PillLongText.tsx"],"sourcesContent":["import React from 'react';\nimport Pill from '../Pill';\n\nconst PillLongText = () => <Pill>333</Pill>;\n\nexport default PillLongText;\n"],"names":["PillLongText","jsx","Pill"],"mappings":";;AAGA,MAAMA,IAAe,MAAM,gBAAAC,EAACC,GAAA,EAAK,UAAA,MAAA,CAAG;"}

package/dist/components/Pill/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("react"),t=require("../../../web-react/docs/DocsSection.cjs"),i=require("./PillColors.cjs"),s=require("./PillLongText.cjs"),l=()=>e.jsxs(r.StrictMode,{children:[e.jsx(t.default,{title:"Colors",children:e.jsx(i.default,{})}),e.jsx(t.default,{title:"Long Text",children:e.jsx(s.default,{})})]});exports.Preview=l;
+//# sourceMappingURL=preview.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.cjs","sources":["../../../../src/components/Pill/demo/preview.tsx"],"sourcesContent":["'use client';\n\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport PillColors from './PillColors';\nimport PillLongText from './PillLongText';\n\nexport const Preview = () => (\n  <StrictMode>\n    <DocsSection title=\"Colors\">\n      <PillColors />\n    </DocsSection>\n    <DocsSection title=\"Long Text\">\n      <PillLongText />\n    </DocsSection>\n  </StrictMode>\n);\n"],"names":["Preview","jsxs","StrictMode","jsx","DocsSection","PillColors","PillLongText"],"mappings":"wQAOaA,EAAU,IACrBC,EAAAA,KAACC,EAAAA,WAAA,CACC,SAAA,CAAAC,MAACC,EAAAA,QAAA,CAAY,MAAM,SACjB,SAAAD,MAACE,EAAAA,UAAW,EACd,QACCD,EAAAA,QAAA,CAAY,MAAM,YACjB,SAAAD,EAAAA,IAACG,YAAa,CAAA,CAChB,CAAA,CAAA,CACF"}

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

@@ -0,0 +1,14 @@
+"use client";
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { StrictMode as i } from "react";
+import r from "../../../web-react/docs/DocsSection.js";
+import e from "./PillColors.js";
+import l from "./PillLongText.js";
+const f = () => /* @__PURE__ */ t(i, { children: [
+  /* @__PURE__ */ o(r, { title: "Colors", children: /* @__PURE__ */ o(e, {}) }),
+  /* @__PURE__ */ o(r, { title: "Long Text", children: /* @__PURE__ */ o(l, {}) })
+] });
+export {
+  f as Preview
+};
+//# sourceMappingURL=preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sources":["../../../../src/components/Pill/demo/preview.tsx"],"sourcesContent":["'use client';\n\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport PillColors from './PillColors';\nimport PillLongText from './PillLongText';\n\nexport const Preview = () => (\n  <StrictMode>\n    <DocsSection title=\"Colors\">\n      <PillColors />\n    </DocsSection>\n    <DocsSection title=\"Long Text\">\n      <PillLongText />\n    </DocsSection>\n  </StrictMode>\n);\n"],"names":["Preview","jsxs","StrictMode","jsx","DocsSection","PillColors","PillLongText"],"mappings":";;;;;;AAOO,MAAMA,IAAU,MACrB,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAY,OAAM,UACjB,UAAA,gBAAAD,EAACE,KAAW,GACd;AAAA,oBACCD,GAAA,EAAY,OAAM,aACjB,UAAA,gBAAAD,EAACG,KAAa,EAAA,CAChB;AAAA,EAAA,CACF;"}

package/dist/components/Pill/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/Pill/preview/index.cjs.map

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

package/dist/components/Pill/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/Pill/preview/index.js.map

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

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

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

package/dist/components/Pill/usePillStyleProps.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"usePillStyleProps.cjs","sources":["../../../src/components/Pill/usePillStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { type ElementType } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritPillProps } from '../../types';\n\nexport interface PillStyles {\n  /** className props */\n  classProps: string;\n  /** props to be passed to the element */\n  props: Partial<SpiritPillProps>;\n}\n\nexport function usePillStyleProps<E extends ElementType = 'span', C = void>(props: SpiritPillProps<E, C>): PillStyles {\n  const { color, ...modifiedProps } = props;\n\n  const pillClass = useClassNamePrefix('Pill');\n  const pillColorClass = `${pillClass}--${color}`;\n  const classProps = classNames(pillClass, { [pillColorClass]: color });\n\n  return {\n    classProps,\n    props: modifiedProps,\n  };\n}\n"],"names":["usePillStyleProps","props","color","modifiedProps","pillClass","useClassNamePrefix","pillColorClass","classNames"],"mappings":"8JAYO,SAASA,EAA4DC,EAA0C,CACpH,KAAM,CAAE,MAAAC,EAAO,GAAGC,CAAA,EAAkBF,EAE9BG,EAAYC,EAAAA,mBAAmB,MAAM,EACrCC,EAAiB,GAAGF,CAAS,KAAKF,CAAK,GAG7C,MAAO,CACL,WAHiBK,EAAWH,EAAW,CAAE,CAACE,CAAc,EAAGJ,EAAO,EAIlE,MAAOC,CAAA,CAEX"}
+{"version":3,"file":"usePillStyleProps.cjs","sources":["../../../src/components/Pill/usePillStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type PillProps } from '../../types';\n\nexport interface PillStyles<C = void> {\n  /** className props */\n  classProps: string;\n  /** props to be passed to the element */\n  props: Partial<PillProps<C>>;\n}\n\nexport function usePillStyleProps<C = void>(props: PillProps<C>): PillStyles<C> {\n  const { color, ...modifiedProps } = props;\n\n  const pillClass = useClassNamePrefix('Pill');\n  const pillColorClass = `${pillClass}--${color}`;\n  const classProps = classNames(pillClass, { [pillColorClass]: color });\n\n  return {\n    classProps,\n    props: modifiedProps,\n  };\n}\n"],"names":["usePillStyleProps","props","color","modifiedProps","pillClass","useClassNamePrefix","pillColorClass","classNames"],"mappings":"8JAWO,SAASA,EAA4BC,EAAoC,CAC9E,KAAM,CAAE,MAAAC,EAAO,GAAGC,CAAA,EAAkBF,EAE9BG,EAAYC,EAAAA,mBAAmB,MAAM,EACrCC,EAAiB,GAAGF,CAAS,KAAKF,CAAK,GAG7C,MAAO,CACL,WAHiBK,EAAWH,EAAW,CAAE,CAACE,CAAc,EAAGJ,EAAO,EAIlE,MAAOC,CAAA,CAEX"}

package/dist/components/Pill/usePillStyleProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePillStyleProps.js","sources":["../../../src/components/Pill/usePillStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { type ElementType } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritPillProps } from '../../types';\n\nexport interface PillStyles {\n  /** className props */\n  classProps: string;\n  /** props to be passed to the element */\n  props: Partial<SpiritPillProps>;\n}\n\nexport function usePillStyleProps<E extends ElementType = 'span', C = void>(props: SpiritPillProps<E, C>): PillStyles {\n  const { color, ...modifiedProps } = props;\n\n  const pillClass = useClassNamePrefix('Pill');\n  const pillColorClass = `${pillClass}--${color}`;\n  const classProps = classNames(pillClass, { [pillColorClass]: color });\n\n  return {\n    classProps,\n    props: modifiedProps,\n  };\n}\n"],"names":["usePillStyleProps","props","color","modifiedProps","pillClass","useClassNamePrefix","pillColorClass","classNames"],"mappings":";;AAYO,SAASA,EAA4DC,GAA0C;AACpH,QAAM,EAAE,OAAAC,GAAO,GAAGC,EAAA,IAAkBF,GAE9BG,IAAYC,EAAmB,MAAM,GACrCC,IAAiB,GAAGF,CAAS,KAAKF,CAAK;AAG7C,SAAO;AAAA,IACL,YAHiBK,EAAWH,GAAW,EAAE,CAACE,CAAc,GAAGJ,GAAO;AAAA,IAIlE,OAAOC;AAAA,EAAA;AAEX;"}
+{"version":3,"file":"usePillStyleProps.js","sources":["../../../src/components/Pill/usePillStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type PillProps } from '../../types';\n\nexport interface PillStyles<C = void> {\n  /** className props */\n  classProps: string;\n  /** props to be passed to the element */\n  props: Partial<PillProps<C>>;\n}\n\nexport function usePillStyleProps<C = void>(props: PillProps<C>): PillStyles<C> {\n  const { color, ...modifiedProps } = props;\n\n  const pillClass = useClassNamePrefix('Pill');\n  const pillColorClass = `${pillClass}--${color}`;\n  const classProps = classNames(pillClass, { [pillColorClass]: color });\n\n  return {\n    classProps,\n    props: modifiedProps,\n  };\n}\n"],"names":["usePillStyleProps","props","color","modifiedProps","pillClass","useClassNamePrefix","pillColorClass","classNames"],"mappings":";;AAWO,SAASA,EAA4BC,GAAoC;AAC9E,QAAM,EAAE,OAAAC,GAAO,GAAGC,EAAA,IAAkBF,GAE9BG,IAAYC,EAAmB,MAAM,GACrCC,IAAiB,GAAGF,CAAS,KAAKF,CAAK;AAG7C,SAAO;AAAA,IACL,YAHiBK,EAAWH,GAAW,EAAE,CAACE,CAAc,GAAGJ,GAAO;AAAA,IAIlE,OAAOC;AAAA,EAAA;AAEX;"}

package/dist/components/Pill.d.ts

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

package/dist/components/PricingPlan/PricingPlan.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),y=require("classnames"),g=require("../../hooks/styleProps.cjs"),d=require("../../utils/mergeStyleProps.cjs"),m=require("./constants.cjs"),S=require("./usePricingPlanStyleProps.cjs"),f={hasComparableFeatures:!1,isHighlighted:!1,rows:m.NUMBER_OF_PLAN_ROWS_DEFAULT},t=o=>{const l={...f,...o},{elementType:e="article",children:n,...i}=l,{classProps:s,props:c,styleProps:p}=S.usePricingPlanStyleProps(i),{styleProps:P,props:a}=g.useStyleProps(c),u=d.mergeStyleProps(e,{classProps:s.root,pricingPlanStyleProps:p,styleProps:P});return r.jsx(e,{...a,...u,children:r.jsx("div",{className:y(s.layout),children:n})})};t.spiritComponent="PricingPlan";exports.default=t;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),m=require("classnames"),d=require("../../hooks/styleProps.cjs"),g=require("../../utils/mergeStyleProps.cjs"),S=require("./constants.cjs"),f=require("./usePricingPlanStyleProps.cjs"),h={elementType:"article",hasComparableFeatures:!1,isHighlighted:!1,rows:S.NUMBER_OF_PLAN_ROWS_DEFAULT},e=o=>{const l={...h,...o},{elementType:n,children:i,...p}=l,s=n,{classProps:r,props:c,styleProps:P}=f.usePricingPlanStyleProps(p),{styleProps:a,props:u}=d.useStyleProps(c),y=g.mergeStyleProps(s,{classProps:r.root,pricingPlanStyleProps:P,styleProps:a});return t.jsx(s,{...u,...y,children:t.jsx("div",{className:m(r.layout),children:i})})};e.spiritComponent="PricingPlan";e.displayName="PricingPlan";exports.default=e;
 //# sourceMappingURL=PricingPlan.cjs.map

package/dist/components/PricingPlan/PricingPlan.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PricingPlan.cjs","sources":["../../../src/components/PricingPlan/PricingPlan.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritPricingPlanProps } from '../../types/pricingPlan';\nimport { mergeStyleProps } from '../../utils';\nimport { NUMBER_OF_PLAN_ROWS_DEFAULT } from './constants';\nimport { usePricingPlanStyleProps } from './usePricingPlanStyleProps';\n\nconst defaultProps: Partial<SpiritPricingPlanProps> = {\n  hasComparableFeatures: false,\n  isHighlighted: false,\n  rows: NUMBER_OF_PLAN_ROWS_DEFAULT,\n};\n\nconst PricingPlan = <E extends ElementType = 'article'>(props: SpiritPricingPlanProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag = 'article', children, ...restProps } = propsWithDefaults;\n\n  const { classProps, props: modifiedProps, styleProps: pricingPlanStyleProps } = usePricingPlanStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, {\n    classProps: classProps.root,\n    pricingPlanStyleProps,\n    styleProps,\n  });\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      <div className={classNames(classProps.layout)}>{children}</div>\n    </ElementTag>\n  );\n};\n\nPricingPlan.spiritComponent = 'PricingPlan';\n\nexport default PricingPlan;\n"],"names":["defaultProps","NUMBER_OF_PLAN_ROWS_DEFAULT","PricingPlan","props","propsWithDefaults","ElementTag","children","restProps","classProps","modifiedProps","pricingPlanStyleProps","usePricingPlanStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","classNames"],"mappings":"oVAUMA,EAAgD,CACpD,sBAAuB,GACvB,cAAe,GACf,KAAMC,EAAAA,2BACR,EAEMC,EAAkDC,GAAqC,CAC3F,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGG,CAAA,EAC1C,CAAE,YAAaE,EAAa,UAAW,SAAAC,EAAU,GAAGC,GAAcH,EAElE,CAAE,WAAAI,EAAY,MAAOC,EAAe,WAAYC,CAAA,EAA0BC,EAAAA,yBAAyBJ,CAAS,EAC5G,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcL,CAAa,EAC/DM,EAAmBC,EAAAA,gBAAgBX,EAAY,CACnD,WAAYG,EAAW,KACvB,sBAAAE,EAAA,WACAE,CAAA,CACD,EAED,OACEK,EAAAA,IAACZ,EAAA,CAAY,GAAGQ,EAAa,GAAGE,EAC9B,SAAAE,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAWV,EAAW,MAAM,EAAI,SAAAF,EAAS,EAC3D,CAEJ,EAEAJ,EAAY,gBAAkB"}
+{"version":3,"file":"PricingPlan.cjs","sources":["../../../src/components/PricingPlan/PricingPlan.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritPricingPlanProps } from '../../types/pricingPlan';\nimport { mergeStyleProps } from '../../utils';\nimport { NUMBER_OF_PLAN_ROWS_DEFAULT } from './constants';\nimport { usePricingPlanStyleProps } from './usePricingPlanStyleProps';\n\nconst defaultProps: Partial<SpiritPricingPlanProps> = {\n  elementType: 'article',\n  hasComparableFeatures: false,\n  isHighlighted: false,\n  rows: NUMBER_OF_PLAN_ROWS_DEFAULT,\n};\n\nconst PricingPlan = <E extends ElementType = 'article'>(props: SpiritPricingPlanProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, children, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps, styleProps: pricingPlanStyleProps } = usePricingPlanStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.root,\n    pricingPlanStyleProps,\n    styleProps,\n  });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps}>\n      <div className={classNames(classProps.layout)}>{children}</div>\n    </Component>\n  );\n};\n\nPricingPlan.spiritComponent = 'PricingPlan';\nPricingPlan.displayName = 'PricingPlan';\n\nexport default PricingPlan;\n"],"names":["defaultProps","NUMBER_OF_PLAN_ROWS_DEFAULT","PricingPlan","props","propsWithDefaults","elementType","children","restProps","Component","classProps","modifiedProps","pricingPlanStyleProps","usePricingPlanStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","classNames"],"mappings":"oVAUMA,EAAgD,CACpD,YAAa,UACb,sBAAuB,GACvB,cAAe,GACf,KAAMC,EAAAA,2BACR,EAEMC,EAAkDC,GAAqC,CAC3F,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGG,CAAA,EAC1C,CAAE,YAAAE,EAAa,SAAAC,EAAU,GAAGC,GAAcH,EAC1CI,EAAYH,EAEZ,CAAE,WAAAI,EAAY,MAAOC,EAAe,WAAYC,CAAA,EAA0BC,EAAAA,yBAAyBL,CAAS,EAC5G,CAAA,WAAEM,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcL,CAAa,EAC/DM,EAAmBC,EAAAA,gBAAgBT,EAAW,CAClD,WAAYC,EAAW,KACvB,sBAAAE,EAAA,WACAE,CAAA,CACD,EAED,OACEK,EAAAA,IAACV,EAAA,CAAW,GAAGM,EAAa,GAAGE,EAC7B,SAAAE,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAWV,EAAW,MAAM,EAAI,SAAAH,EAAS,EAC3D,CAEJ,EAEAJ,EAAY,gBAAkB,cAC9BA,EAAY,YAAc"}

package/dist/components/PricingPlan/PricingPlan.js

@@ -1,24 +1,26 @@
 "use client";
 import { jsx as o } from "react/jsx-runtime";
-import c from "classnames";
-import { useStyleProps as f } from "../../hooks/styleProps.js";
+import y from "classnames";
+import { useStyleProps as d } from "../../hooks/styleProps.js";
 import { mergeStyleProps as u } from "../../utils/mergeStyleProps.js";
-import { NUMBER_OF_PLAN_ROWS_DEFAULT as d } from "./constants.js";
-import { usePricingPlanStyleProps as g } from "./usePricingPlanStyleProps.js";
-const y = {
+import { NUMBER_OF_PLAN_ROWS_DEFAULT as g } from "./constants.js";
+import { usePricingPlanStyleProps as h } from "./usePricingPlanStyleProps.js";
+const S = {
+  elementType: "article",
   hasComparableFeatures: !1,
   isHighlighted: !1,
-  rows: d
-}, h = (e) => {
-  const t = { ...y, ...e }, { elementType: s = "article", children: p, ...l } = t, { classProps: r, props: i, styleProps: a } = g(l), { styleProps: n, props: m } = f(i), P = u(s, {
+  rows: g
+}, e = (t) => {
+  const p = { ...S, ...t }, { elementType: i, children: l, ...n } = p, s = i, { classProps: r, props: a, styleProps: m } = h(n), { styleProps: P, props: c } = d(a), f = u(s, {
     classProps: r.root,
-    pricingPlanStyleProps: a,
-    styleProps: n
+    pricingPlanStyleProps: m,
+    styleProps: P
   });
-  return /* @__PURE__ */ o(s, { ...m, ...P, children: /* @__PURE__ */ o("div", { className: c(r.layout), children: p }) });
+  return /* @__PURE__ */ o(s, { ...c, ...f, children: /* @__PURE__ */ o("div", { className: y(r.layout), children: l }) });
 };
-h.spiritComponent = "PricingPlan";
+e.spiritComponent = "PricingPlan";
+e.displayName = "PricingPlan";
 export {
-  h as default
+  e as default
 };
 //# sourceMappingURL=PricingPlan.js.map

package/dist/components/PricingPlan/PricingPlan.js.map

@@ -1 +1 @@
-{"version":3,"file":"PricingPlan.js","sources":["../../../src/components/PricingPlan/PricingPlan.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritPricingPlanProps } from '../../types/pricingPlan';\nimport { mergeStyleProps } from '../../utils';\nimport { NUMBER_OF_PLAN_ROWS_DEFAULT } from './constants';\nimport { usePricingPlanStyleProps } from './usePricingPlanStyleProps';\n\nconst defaultProps: Partial<SpiritPricingPlanProps> = {\n  hasComparableFeatures: false,\n  isHighlighted: false,\n  rows: NUMBER_OF_PLAN_ROWS_DEFAULT,\n};\n\nconst PricingPlan = <E extends ElementType = 'article'>(props: SpiritPricingPlanProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag = 'article', children, ...restProps } = propsWithDefaults;\n\n  const { classProps, props: modifiedProps, styleProps: pricingPlanStyleProps } = usePricingPlanStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, {\n    classProps: classProps.root,\n    pricingPlanStyleProps,\n    styleProps,\n  });\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      <div className={classNames(classProps.layout)}>{children}</div>\n    </ElementTag>\n  );\n};\n\nPricingPlan.spiritComponent = 'PricingPlan';\n\nexport default PricingPlan;\n"],"names":["defaultProps","NUMBER_OF_PLAN_ROWS_DEFAULT","PricingPlan","props","propsWithDefaults","ElementTag","children","restProps","classProps","modifiedProps","pricingPlanStyleProps","usePricingPlanStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","classNames"],"mappings":";;;;;;;AAUA,MAAMA,IAAgD;AAAA,EACpD,uBAAuB;AAAA,EACvB,eAAe;AAAA,EACf,MAAMC;AACR,GAEMC,IAAc,CAAoCC,MAAqC;AAC3F,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGG,EAAA,GAC1C,EAAE,aAAaE,IAAa,WAAW,UAAAC,GAAU,GAAGC,MAAcH,GAElE,EAAE,YAAAI,GAAY,OAAOC,GAAe,YAAYC,EAAA,IAA0BC,EAAyBJ,CAAS,GAC5G,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAa,GAC/DM,IAAmBC,EAAgBX,GAAY;AAAA,IACnD,YAAYG,EAAW;AAAA,IACvB,uBAAAE;AAAA,IACA,YAAAE;AAAA,EAAA,CACD;AAED,SACE,gBAAAK,EAACZ,GAAA,EAAY,GAAGQ,GAAa,GAAGE,GAC9B,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAWC,EAAWV,EAAW,MAAM,GAAI,UAAAF,GAAS,GAC3D;AAEJ;AAEAJ,EAAY,kBAAkB;"}
+{"version":3,"file":"PricingPlan.js","sources":["../../../src/components/PricingPlan/PricingPlan.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritPricingPlanProps } from '../../types/pricingPlan';\nimport { mergeStyleProps } from '../../utils';\nimport { NUMBER_OF_PLAN_ROWS_DEFAULT } from './constants';\nimport { usePricingPlanStyleProps } from './usePricingPlanStyleProps';\n\nconst defaultProps: Partial<SpiritPricingPlanProps> = {\n  elementType: 'article',\n  hasComparableFeatures: false,\n  isHighlighted: false,\n  rows: NUMBER_OF_PLAN_ROWS_DEFAULT,\n};\n\nconst PricingPlan = <E extends ElementType = 'article'>(props: SpiritPricingPlanProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, children, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps, styleProps: pricingPlanStyleProps } = usePricingPlanStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.root,\n    pricingPlanStyleProps,\n    styleProps,\n  });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps}>\n      <div className={classNames(classProps.layout)}>{children}</div>\n    </Component>\n  );\n};\n\nPricingPlan.spiritComponent = 'PricingPlan';\nPricingPlan.displayName = 'PricingPlan';\n\nexport default PricingPlan;\n"],"names":["defaultProps","NUMBER_OF_PLAN_ROWS_DEFAULT","PricingPlan","props","propsWithDefaults","elementType","children","restProps","Component","classProps","modifiedProps","pricingPlanStyleProps","usePricingPlanStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","classNames"],"mappings":";;;;;;;AAUA,MAAMA,IAAgD;AAAA,EACpD,aAAa;AAAA,EACb,uBAAuB;AAAA,EACvB,eAAe;AAAA,EACf,MAAMC;AACR,GAEMC,IAAc,CAAoCC,MAAqC;AAC3F,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGG,EAAA,GAC1C,EAAE,aAAAE,GAAa,UAAAC,GAAU,GAAGC,MAAcH,GAC1CI,IAAYH,GAEZ,EAAE,YAAAI,GAAY,OAAOC,GAAe,YAAYC,EAAA,IAA0BC,EAAyBL,CAAS,GAC5G,EAAE,YAAAM,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAa,GAC/DM,IAAmBC,EAAgBT,GAAW;AAAA,IAClD,YAAYC,EAAW;AAAA,IACvB,uBAAAE;AAAA,IACA,YAAAE;AAAA,EAAA,CACD;AAED,SACE,gBAAAK,EAACV,GAAA,EAAW,GAAGM,GAAa,GAAGE,GAC7B,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAWC,EAAWV,EAAW,MAAM,GAAI,UAAAH,GAAS,GAC3D;AAEJ;AAEAJ,EAAY,kBAAkB;AAC9BA,EAAY,cAAc;"}

package/dist/components/PricingPlan/PricingPlanBody.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),j=require("../../hooks/styleProps.cjs"),S=require("../../utils/mergeStyleProps.cjs"),h=require("./PricingPlanFeatureTitle.cjs"),b=require("./usePricingPlanStyleProps.cjs"),v={description:void 0,features:[]},n=l=>{const c={...v,...l},{description:r,elementType:t="div",features:u=[],id:p,...a}=c,{classProps:s,props:d}=b.usePricingPlanStyleProps(a),{styleProps:P,props:y}=j.useStyleProps(d),m=S.mergeStyleProps(t,{classProps:s.body.root,styleProps:P});return e.jsxs(t,{...y,...m,children:[r&&e.jsx("div",{children:r}),e.jsx("ul",{className:s.body.featureList,children:u.map((o,i)=>{const f=`featureItem-${i}`,g=`${p}-feature-${i}`;return e.jsxs("li",{className:s.body.featureItem,children:[e.jsx(h.default,{feature:o,featureId:g}),e.jsx("div",{className:s.body.featureDescription,children:o.description})]},f)})})]})};n.spiritComponent="PricingPlanBody";exports.default=n;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),S=require("../../hooks/styleProps.cjs"),h=require("../../utils/mergeStyleProps.cjs"),b=require("./PricingPlanFeatureTitle.cjs"),v=require("./usePricingPlanStyleProps.cjs"),x={description:void 0,elementType:"div",features:[]},n=l=>{const c={...x,...l},{description:r,elementType:p,features:u,id:a,...d}=c,t=p,{classProps:s,props:P}=v.usePricingPlanStyleProps(d),{styleProps:y,props:m}=S.useStyleProps(P),f=h.mergeStyleProps(t,{classProps:s.body.root,styleProps:y});return e.jsxs(t,{...m,...f,children:[r&&e.jsx("div",{children:r}),e.jsx("ul",{className:s.body.featureList,children:(u??[]).map((o,i)=>{const g=`featureItem-${i}`,j=`${a}-feature-${i}`;return e.jsxs("li",{className:s.body.featureItem,children:[e.jsx(b.default,{feature:o,featureId:j}),e.jsx("div",{className:s.body.featureDescription,children:o.description})]},g)})})]})};n.spiritComponent="PricingPlanBody";exports.default=n;
 //# sourceMappingURL=PricingPlanBody.cjs.map

package/dist/components/PricingPlan/PricingPlanBody.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PricingPlanBody.cjs","sources":["../../../src/components/PricingPlan/PricingPlanBody.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport type { SpiritPricingPlanBodyProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport PricingPlanFeatureTitle from './PricingPlanFeatureTitle';\nimport { usePricingPlanStyleProps } from './usePricingPlanStyleProps';\n\nconst defaultProps: Partial<SpiritPricingPlanBodyProps> = {\n  description: undefined,\n  features: [],\n};\n\nconst PricingPlanBody = <E extends ElementType = 'div'>(props: SpiritPricingPlanBodyProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n\n  const { description, elementType: ElementTag = 'div', features = [], id, ...restProps } = propsWithDefaults;\n  const { classProps, props: modifiedProps } = usePricingPlanStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, {\n    classProps: classProps.body.root,\n    styleProps,\n  });\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      {description && <div>{description}</div>}\n      <ul className={classProps.body.featureList}>\n        {features.map((feature, featureIndex) => {\n          const featureItemKey = `featureItem-${featureIndex}`;\n          const featureId = `${id}-feature-${featureIndex}`;\n\n          return (\n            <li className={classProps.body.featureItem} key={featureItemKey}>\n              <PricingPlanFeatureTitle feature={feature} featureId={featureId} />\n              <div className={classProps.body.featureDescription}>{feature.description}</div>\n            </li>\n          );\n        })}\n      </ul>\n    </ElementTag>\n  );\n};\n\nPricingPlanBody.spiritComponent = 'PricingPlanBody';\n\nexport default PricingPlanBody;\n"],"names":["defaultProps","PricingPlanBody","props","propsWithDefaults","description","ElementTag","features","id","restProps","classProps","modifiedProps","usePricingPlanStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsxs","jsx","feature","featureIndex","featureItemKey","featureId","PricingPlanFeatureTitle"],"mappings":"0UASMA,EAAoD,CACxD,YAAa,OACb,SAAU,CAAA,CACZ,EAEMC,EAAkDC,GAAyC,CAC/F,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAE1C,CAAE,YAAAE,EAAa,YAAaC,EAAa,MAAO,SAAAC,EAAW,CAAA,EAAI,GAAAC,EAAI,GAAGC,CAAA,EAAcL,EACpF,CAAE,WAAAM,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,yBAAyBH,CAAS,EACzE,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,EAAAA,gBAAgBX,EAAY,CACnD,WAAYI,EAAW,KAAK,KAAA,WAC5BG,CAAA,CACD,EAED,OACEK,EAAAA,KAACZ,EAAA,CAAY,GAAGQ,EAAa,GAAGE,EAC7B,SAAA,CAAAX,GAAec,EAAAA,IAAC,OAAK,SAAAd,CAAA,CAAY,EAClCc,EAAAA,IAAC,KAAA,CAAG,UAAWT,EAAW,KAAK,YAC5B,SAAAH,EAAS,IAAI,CAACa,EAASC,IAAiB,CACvC,MAAMC,EAAiB,eAAeD,CAAY,GAC5CE,EAAY,GAAGf,CAAE,YAAYa,CAAY,GAE/C,OACEH,EAAAA,KAAC,KAAA,CAAG,UAAWR,EAAW,KAAK,YAC7B,SAAA,CAAAS,EAAAA,IAACK,EAAAA,QAAA,CAAwB,QAAAJ,EAAkB,UAAAG,CAAA,CAAsB,QAChE,MAAA,CAAI,UAAWb,EAAW,KAAK,mBAAqB,WAAQ,WAAA,CAAY,CAAA,CAAA,EAF1BY,CAGjD,CAEJ,CAAC,CAAA,CACH,CAAA,EACF,CAEJ,EAEApB,EAAgB,gBAAkB"}
+{"version":3,"file":"PricingPlanBody.cjs","sources":["../../../src/components/PricingPlan/PricingPlanBody.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport type { SpiritPricingPlanBodyProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport PricingPlanFeatureTitle from './PricingPlanFeatureTitle';\nimport { usePricingPlanStyleProps } from './usePricingPlanStyleProps';\n\nconst defaultProps: Partial<SpiritPricingPlanBodyProps> = {\n  description: undefined,\n  elementType: 'div',\n  features: [],\n};\n\nconst PricingPlanBody = <E extends ElementType = 'div'>(props: SpiritPricingPlanBodyProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n\n  const { description, elementType, features, id, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { classProps, props: modifiedProps } = usePricingPlanStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.body.root,\n    styleProps,\n  });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps}>\n      {description && <div>{description}</div>}\n      <ul className={classProps.body.featureList}>\n        {(features ?? []).map((feature, featureIndex) => {\n          const featureItemKey = `featureItem-${featureIndex}`;\n          const featureId = `${id}-feature-${featureIndex}`;\n\n          return (\n            <li className={classProps.body.featureItem} key={featureItemKey}>\n              <PricingPlanFeatureTitle feature={feature} featureId={featureId} />\n              <div className={classProps.body.featureDescription}>{feature.description}</div>\n            </li>\n          );\n        })}\n      </ul>\n    </Component>\n  );\n};\n\nPricingPlanBody.spiritComponent = 'PricingPlanBody';\n\nexport default PricingPlanBody;\n"],"names":["defaultProps","PricingPlanBody","props","propsWithDefaults","description","elementType","features","id","restProps","Component","classProps","modifiedProps","usePricingPlanStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsxs","jsx","feature","featureIndex","featureItemKey","featureId","PricingPlanFeatureTitle"],"mappings":"0UASMA,EAAoD,CACxD,YAAa,OACb,YAAa,MACb,SAAU,CAAA,CACZ,EAEMC,EAAkDC,GAAyC,CAC/F,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAE1C,CAAE,YAAAE,EAAa,YAAAC,EAAa,SAAAC,EAAU,GAAAC,EAAI,GAAGC,GAAcL,EAC3DM,EAAYJ,EACZ,CAAE,WAAAK,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,yBAAyBJ,CAAS,EACzE,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,EAAAA,gBAAgBR,EAAW,CAClD,WAAYC,EAAW,KAAK,KAAA,WAC5BG,CAAA,CACD,EAED,OACEK,EAAAA,KAACT,EAAA,CAAW,GAAGK,EAAa,GAAGE,EAC5B,SAAA,CAAAZ,GAAee,EAAAA,IAAC,OAAK,SAAAf,CAAA,CAAY,EAClCe,EAAAA,IAAC,KAAA,CAAG,UAAWT,EAAW,KAAK,YAC3B,UAAAJ,GAAY,CAAA,GAAI,IAAI,CAACc,EAASC,IAAiB,CAC/C,MAAMC,EAAiB,eAAeD,CAAY,GAC5CE,EAAY,GAAGhB,CAAE,YAAYc,CAAY,GAE/C,OACEH,EAAAA,KAAC,KAAA,CAAG,UAAWR,EAAW,KAAK,YAC7B,SAAA,CAAAS,EAAAA,IAACK,EAAAA,QAAA,CAAwB,QAAAJ,EAAkB,UAAAG,CAAA,CAAsB,QAChE,MAAA,CAAI,UAAWb,EAAW,KAAK,mBAAqB,WAAQ,WAAA,CAAY,CAAA,CAAA,EAF1BY,CAGjD,CAEJ,CAAC,CAAA,CACH,CAAA,EACF,CAEJ,EAEArB,EAAgB,gBAAkB"}

package/dist/components/PricingPlan/PricingPlanBody.js

@@ -1,30 +1,31 @@
 "use client";
 import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { useStyleProps as h } from "../../hooks/styleProps.js";
-import { mergeStyleProps as b } from "../../utils/mergeStyleProps.js";
-import v from "./PricingPlanFeatureTitle.js";
-import { usePricingPlanStyleProps as S } from "./usePricingPlanStyleProps.js";
-const I = {
+import { useStyleProps as b } from "../../hooks/styleProps.js";
+import { mergeStyleProps as v } from "../../utils/mergeStyleProps.js";
+import S from "./PricingPlanFeatureTitle.js";
+import { usePricingPlanStyleProps as I } from "./usePricingPlanStyleProps.js";
+const N = {
   description: void 0,
+  elementType: "div",
   features: []
-}, N = (p) => {
-  const c = { ...I, ...p }, { description: s, elementType: t = "div", features: l = [], id: a, ...d } = c, { classProps: e, props: m } = S(d), { styleProps: P, props: u } = h(m), f = b(t, {
+}, T = (p) => {
+  const c = { ...N, ...p }, { description: t, elementType: l, features: a, id: d, ...m } = c, o = l, { classProps: e, props: P } = I(m), { styleProps: u, props: f } = b(P), y = v(o, {
     classProps: e.body.root,
-    styleProps: P
+    styleProps: u
   });
-  return /* @__PURE__ */ n(t, { ...u, ...f, children: [
-    s && /* @__PURE__ */ r("div", { children: s }),
-    /* @__PURE__ */ r("ul", { className: e.body.featureList, children: l.map((o, i) => {
-      const y = `featureItem-${i}`, g = `${a}-feature-${i}`;
+  return /* @__PURE__ */ n(o, { ...f, ...y, children: [
+    t && /* @__PURE__ */ r("div", { children: t }),
+    /* @__PURE__ */ r("ul", { className: e.body.featureList, children: (a ?? []).map((s, i) => {
+      const h = `featureItem-${i}`, g = `${d}-feature-${i}`;
       return /* @__PURE__ */ n("li", { className: e.body.featureItem, children: [
-        /* @__PURE__ */ r(v, { feature: o, featureId: g }),
-        /* @__PURE__ */ r("div", { className: e.body.featureDescription, children: o.description })
-      ] }, y);
+        /* @__PURE__ */ r(S, { feature: s, featureId: g }),
+        /* @__PURE__ */ r("div", { className: e.body.featureDescription, children: s.description })
+      ] }, h);
     }) })
   ] });
 };
-N.spiritComponent = "PricingPlanBody";
+T.spiritComponent = "PricingPlanBody";
 export {
-  N as default
+  T as default
 };
 //# sourceMappingURL=PricingPlanBody.js.map

package/dist/components/PricingPlan/PricingPlanBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"PricingPlanBody.js","sources":["../../../src/components/PricingPlan/PricingPlanBody.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport type { SpiritPricingPlanBodyProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport PricingPlanFeatureTitle from './PricingPlanFeatureTitle';\nimport { usePricingPlanStyleProps } from './usePricingPlanStyleProps';\n\nconst defaultProps: Partial<SpiritPricingPlanBodyProps> = {\n  description: undefined,\n  features: [],\n};\n\nconst PricingPlanBody = <E extends ElementType = 'div'>(props: SpiritPricingPlanBodyProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n\n  const { description, elementType: ElementTag = 'div', features = [], id, ...restProps } = propsWithDefaults;\n  const { classProps, props: modifiedProps } = usePricingPlanStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, {\n    classProps: classProps.body.root,\n    styleProps,\n  });\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      {description && <div>{description}</div>}\n      <ul className={classProps.body.featureList}>\n        {features.map((feature, featureIndex) => {\n          const featureItemKey = `featureItem-${featureIndex}`;\n          const featureId = `${id}-feature-${featureIndex}`;\n\n          return (\n            <li className={classProps.body.featureItem} key={featureItemKey}>\n              <PricingPlanFeatureTitle feature={feature} featureId={featureId} />\n              <div className={classProps.body.featureDescription}>{feature.description}</div>\n            </li>\n          );\n        })}\n      </ul>\n    </ElementTag>\n  );\n};\n\nPricingPlanBody.spiritComponent = 'PricingPlanBody';\n\nexport default PricingPlanBody;\n"],"names":["defaultProps","PricingPlanBody","props","propsWithDefaults","description","ElementTag","features","id","restProps","classProps","modifiedProps","usePricingPlanStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsxs","jsx","feature","featureIndex","featureItemKey","featureId","PricingPlanFeatureTitle"],"mappings":";;;;;;AASA,MAAMA,IAAoD;AAAA,EACxD,aAAa;AAAA,EACb,UAAU,CAAA;AACZ,GAEMC,IAAkB,CAAgCC,MAAyC;AAC/F,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAE1C,EAAE,aAAAE,GAAa,aAAaC,IAAa,OAAO,UAAAC,IAAW,CAAA,GAAI,IAAAC,GAAI,GAAGC,EAAA,IAAcL,GACpF,EAAE,YAAAM,GAAY,OAAOC,EAAA,IAAkBC,EAAyBH,CAAS,GACzE,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBX,GAAY;AAAA,IACnD,YAAYI,EAAW,KAAK;AAAA,IAC5B,YAAAG;AAAA,EAAA,CACD;AAED,SACE,gBAAAK,EAACZ,GAAA,EAAY,GAAGQ,GAAa,GAAGE,GAC7B,UAAA;AAAA,IAAAX,KAAe,gBAAAc,EAAC,SAAK,UAAAd,EAAA,CAAY;AAAA,IAClC,gBAAAc,EAAC,MAAA,EAAG,WAAWT,EAAW,KAAK,aAC5B,UAAAH,EAAS,IAAI,CAACa,GAASC,MAAiB;AACvC,YAAMC,IAAiB,eAAeD,CAAY,IAC5CE,IAAY,GAAGf,CAAE,YAAYa,CAAY;AAE/C,aACE,gBAAAH,EAAC,MAAA,EAAG,WAAWR,EAAW,KAAK,aAC7B,UAAA;AAAA,QAAA,gBAAAS,EAACK,GAAA,EAAwB,SAAAJ,GAAkB,WAAAG,EAAA,CAAsB;AAAA,0BAChE,OAAA,EAAI,WAAWb,EAAW,KAAK,oBAAqB,YAAQ,YAAA,CAAY;AAAA,MAAA,EAAA,GAF1BY,CAGjD;AAAA,IAEJ,CAAC,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;AAEApB,EAAgB,kBAAkB;"}
+{"version":3,"file":"PricingPlanBody.js","sources":["../../../src/components/PricingPlan/PricingPlanBody.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport type { SpiritPricingPlanBodyProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport PricingPlanFeatureTitle from './PricingPlanFeatureTitle';\nimport { usePricingPlanStyleProps } from './usePricingPlanStyleProps';\n\nconst defaultProps: Partial<SpiritPricingPlanBodyProps> = {\n  description: undefined,\n  elementType: 'div',\n  features: [],\n};\n\nconst PricingPlanBody = <E extends ElementType = 'div'>(props: SpiritPricingPlanBodyProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n\n  const { description, elementType, features, id, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { classProps, props: modifiedProps } = usePricingPlanStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.body.root,\n    styleProps,\n  });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps}>\n      {description && <div>{description}</div>}\n      <ul className={classProps.body.featureList}>\n        {(features ?? []).map((feature, featureIndex) => {\n          const featureItemKey = `featureItem-${featureIndex}`;\n          const featureId = `${id}-feature-${featureIndex}`;\n\n          return (\n            <li className={classProps.body.featureItem} key={featureItemKey}>\n              <PricingPlanFeatureTitle feature={feature} featureId={featureId} />\n              <div className={classProps.body.featureDescription}>{feature.description}</div>\n            </li>\n          );\n        })}\n      </ul>\n    </Component>\n  );\n};\n\nPricingPlanBody.spiritComponent = 'PricingPlanBody';\n\nexport default PricingPlanBody;\n"],"names":["defaultProps","PricingPlanBody","props","propsWithDefaults","description","elementType","features","id","restProps","Component","classProps","modifiedProps","usePricingPlanStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsxs","jsx","feature","featureIndex","featureItemKey","featureId","PricingPlanFeatureTitle"],"mappings":";;;;;;AASA,MAAMA,IAAoD;AAAA,EACxD,aAAa;AAAA,EACb,aAAa;AAAA,EACb,UAAU,CAAA;AACZ,GAEMC,IAAkB,CAAgCC,MAAyC;AAC/F,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAE1C,EAAE,aAAAE,GAAa,aAAAC,GAAa,UAAAC,GAAU,IAAAC,GAAI,GAAGC,MAAcL,GAC3DM,IAAYJ,GACZ,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAkBC,EAAyBJ,CAAS,GACzE,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBR,GAAW;AAAA,IAClD,YAAYC,EAAW,KAAK;AAAA,IAC5B,YAAAG;AAAA,EAAA,CACD;AAED,SACE,gBAAAK,EAACT,GAAA,EAAW,GAAGK,GAAa,GAAGE,GAC5B,UAAA;AAAA,IAAAZ,KAAe,gBAAAe,EAAC,SAAK,UAAAf,EAAA,CAAY;AAAA,IAClC,gBAAAe,EAAC,MAAA,EAAG,WAAWT,EAAW,KAAK,aAC3B,WAAAJ,KAAY,CAAA,GAAI,IAAI,CAACc,GAASC,MAAiB;AAC/C,YAAMC,IAAiB,eAAeD,CAAY,IAC5CE,IAAY,GAAGhB,CAAE,YAAYc,CAAY;AAE/C,aACE,gBAAAH,EAAC,MAAA,EAAG,WAAWR,EAAW,KAAK,aAC7B,UAAA;AAAA,QAAA,gBAAAS,EAACK,GAAA,EAAwB,SAAAJ,GAAkB,WAAAG,EAAA,CAAsB;AAAA,0BAChE,OAAA,EAAI,WAAWb,EAAW,KAAK,oBAAqB,YAAQ,YAAA,CAAY;AAAA,MAAA,EAAA,GAF1BY,CAGjD;AAAA,IAEJ,CAAC,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;AAEArB,EAAgB,kBAAkB;"}

package/dist/components/PricingPlan/PricingPlanFooter.cjs

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

package/dist/components/PricingPlan/PricingPlanFooter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PricingPlanFooter.cjs","sources":["../../../src/components/PricingPlan/PricingPlanFooter.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport type { SpiritPricingPlanFooterProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { usePricingPlanStyleProps } from './usePricingPlanStyleProps';\n\nconst PricingPlanFooter = <E extends ElementType = 'footer'>(props: SpiritPricingPlanFooterProps<E>) => {\n  const { children, elementType: ElementTag = 'footer', ...restProps } = props;\n\n  const { classProps, props: modifiedProps } = usePricingPlanStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps: classProps.footer, styleProps });\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      {children}\n    </ElementTag>\n  );\n};\n\nPricingPlanFooter.spiritComponent = 'PricingPlanFooter';\n\nexport default PricingPlanFooter;\n"],"names":["PricingPlanFooter","props","children","ElementTag","restProps","classProps","modifiedProps","usePricingPlanStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":"+RAQMA,EAAuDC,GAA2C,CACtG,KAAM,CAAE,SAAAC,EAAU,YAAaC,EAAa,SAAU,GAAGC,GAAcH,EAEjE,CAAE,WAAAI,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,yBAAyBH,CAAS,EACzE,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,EAAAA,gBAAgBT,EAAY,CAAE,WAAYE,EAAW,OAAA,WAAQG,EAAY,EAElG,aACGL,EAAA,CAAY,GAAGM,EAAa,GAAGE,EAC7B,SAAAT,EACH,CAEJ,EAEAF,EAAkB,gBAAkB"}
+{"version":3,"file":"PricingPlanFooter.cjs","sources":["../../../src/components/PricingPlan/PricingPlanFooter.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport type { SpiritPricingPlanFooterProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { usePricingPlanStyleProps } from './usePricingPlanStyleProps';\n\nconst defaultProps: Partial<SpiritPricingPlanFooterProps> = {\n  elementType: 'footer',\n};\n\nconst PricingPlanFooter = <E extends ElementType = 'footer'>(props: SpiritPricingPlanFooterProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, elementType, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps } = usePricingPlanStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.footer, styleProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps}>\n      {children}\n    </Component>\n  );\n};\n\nPricingPlanFooter.spiritComponent = 'PricingPlanFooter';\n\nexport default PricingPlanFooter;\n"],"names":["defaultProps","PricingPlanFooter","props","propsWithDefaults","children","elementType","restProps","Component","classProps","modifiedProps","usePricingPlanStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":"+RAQMA,EAAsD,CAC1D,YAAa,QACf,EAEMC,EAAuDC,GAA2C,CACtG,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CAAE,SAAAE,EAAU,YAAAC,EAAa,GAAGC,GAAcH,EAC1CI,EAAYF,EAEZ,CAAE,WAAAG,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,yBAAyBJ,CAAS,EACzE,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,EAAAA,gBAAgBR,EAAW,CAAE,WAAYC,EAAW,OAAA,WAAQG,EAAY,EAEjG,aACGJ,EAAA,CAAW,GAAGK,EAAa,GAAGE,EAC5B,SAAAV,EACH,CAEJ,EAEAH,EAAkB,gBAAkB"}

package/dist/components/PricingPlan/PricingPlanFooter.js

@@ -1,14 +1,16 @@
 "use client";
-import { jsx as l } from "react/jsx-runtime";
-import { useStyleProps as m } from "../../hooks/styleProps.js";
-import { mergeStyleProps as c } from "../../utils/mergeStyleProps.js";
-import { usePricingPlanStyleProps as a } from "./usePricingPlanStyleProps.js";
-const f = (r) => {
-  const { children: e, elementType: o = "footer", ...s } = r, { classProps: t, props: p } = a(s), { styleProps: n, props: i } = m(p), P = c(o, { classProps: t.footer, styleProps: n });
-  return /* @__PURE__ */ l(o, { ...i, ...P, children: e });
+import { jsx as m } from "react/jsx-runtime";
+import { useStyleProps as f } from "../../hooks/styleProps.js";
+import { mergeStyleProps as a } from "../../utils/mergeStyleProps.js";
+import { usePricingPlanStyleProps as u } from "./usePricingPlanStyleProps.js";
+const y = {
+  elementType: "footer"
+}, d = (r) => {
+  const e = { ...y, ...r }, { children: s, elementType: t, ...p } = e, o = t, { classProps: n, props: i } = u(p), { styleProps: l, props: P } = f(i), c = a(o, { classProps: n.footer, styleProps: l });
+  return /* @__PURE__ */ m(o, { ...P, ...c, children: s });
 };
-f.spiritComponent = "PricingPlanFooter";
+d.spiritComponent = "PricingPlanFooter";
 export {
-  f as default
+  d as default
 };
 //# sourceMappingURL=PricingPlanFooter.js.map

package/dist/components/PricingPlan/PricingPlanFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"PricingPlanFooter.js","sources":["../../../src/components/PricingPlan/PricingPlanFooter.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport type { SpiritPricingPlanFooterProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { usePricingPlanStyleProps } from './usePricingPlanStyleProps';\n\nconst PricingPlanFooter = <E extends ElementType = 'footer'>(props: SpiritPricingPlanFooterProps<E>) => {\n  const { children, elementType: ElementTag = 'footer', ...restProps } = props;\n\n  const { classProps, props: modifiedProps } = usePricingPlanStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps: classProps.footer, styleProps });\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      {children}\n    </ElementTag>\n  );\n};\n\nPricingPlanFooter.spiritComponent = 'PricingPlanFooter';\n\nexport default PricingPlanFooter;\n"],"names":["PricingPlanFooter","props","children","ElementTag","restProps","classProps","modifiedProps","usePricingPlanStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":";;;;;AAQA,MAAMA,IAAoB,CAAmCC,MAA2C;AACtG,QAAM,EAAE,UAAAC,GAAU,aAAaC,IAAa,UAAU,GAAGC,MAAcH,GAEjE,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAkBC,EAAyBH,CAAS,GACzE,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBT,GAAY,EAAE,YAAYE,EAAW,QAAQ,YAAAG,GAAY;AAElG,2BACGL,GAAA,EAAY,GAAGM,GAAa,GAAGE,GAC7B,UAAAT,GACH;AAEJ;AAEAF,EAAkB,kBAAkB;"}
+{"version":3,"file":"PricingPlanFooter.js","sources":["../../../src/components/PricingPlan/PricingPlanFooter.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport type { SpiritPricingPlanFooterProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { usePricingPlanStyleProps } from './usePricingPlanStyleProps';\n\nconst defaultProps: Partial<SpiritPricingPlanFooterProps> = {\n  elementType: 'footer',\n};\n\nconst PricingPlanFooter = <E extends ElementType = 'footer'>(props: SpiritPricingPlanFooterProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, elementType, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps } = usePricingPlanStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.footer, styleProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps}>\n      {children}\n    </Component>\n  );\n};\n\nPricingPlanFooter.spiritComponent = 'PricingPlanFooter';\n\nexport default PricingPlanFooter;\n"],"names":["defaultProps","PricingPlanFooter","props","propsWithDefaults","children","elementType","restProps","Component","classProps","modifiedProps","usePricingPlanStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":";;;;;AAQA,MAAMA,IAAsD;AAAA,EAC1D,aAAa;AACf,GAEMC,IAAoB,CAAmCC,MAA2C;AACtG,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,UAAAE,GAAU,aAAAC,GAAa,GAAGC,MAAcH,GAC1CI,IAAYF,GAEZ,EAAE,YAAAG,GAAY,OAAOC,EAAA,IAAkBC,EAAyBJ,CAAS,GACzE,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBR,GAAW,EAAE,YAAYC,EAAW,QAAQ,YAAAG,GAAY;AAEjG,2BACGJ,GAAA,EAAW,GAAGK,GAAa,GAAGE,GAC5B,UAAAV,GACH;AAEJ;AAEAH,EAAkB,kBAAkB;"}

package/dist/components/PricingPlan/PricingPlanHeader.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),g=require("classnames"),y=require("../../hooks/styleProps.cjs"),j=require("../../utils/mergeStyleProps.cjs"),x=require("./usePricingPlanStyleProps.cjs"),b={action:void 0,badge:void 0,note:void 0,price:void 0,subtitle:void 0,title:void 0},d=p=>{const r={...b,...p},{elementType:t="header",...P}=r,{classProps:e,props:u}=x.usePricingPlanStyleProps(P),{badge:i,title:o,subtitle:l,price:a,action:c,note:n}=r,{styleProps:h,props:m}=y.useStyleProps(u),v=j.mergeStyleProps(t,{classProps:e.header.root,styleProps:h});return s.jsxs(t,{...m,...v,children:[i&&s.jsx("div",{className:e.header.badge,children:i}),s.jsxs("div",{className:e.header.content,children:[o&&s.jsx("h3",{className:e.header.title,children:o}),l&&s.jsx("div",{className:g(e.header.subtitle),children:l}),a&&s.jsx("div",{className:e.header.price,children:a}),c&&s.jsx("div",{className:e.header.action,children:c}),n&&s.jsx("div",{className:e.header.note,children:n})]})]})};d.spiritComponent="PricingPlanHeader";exports.default=d;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),g=require("classnames"),j=require("../../hooks/styleProps.cjs"),x=require("../../utils/mergeStyleProps.cjs"),b=require("./usePricingPlanStyleProps.cjs"),N={action:void 0,badge:void 0,elementType:"header",note:void 0,price:void 0,subtitle:void 0,title:void 0},d=p=>{const r={...N,...p},{elementType:P,...u}=r,t=P,{classProps:e,props:h}=b.usePricingPlanStyleProps(u),{badge:o,title:i,subtitle:l,price:n,action:c,note:a}=r,{styleProps:m,props:v}=j.useStyleProps(h),y=x.mergeStyleProps(t,{classProps:e.header.root,styleProps:m});return s.jsxs(t,{...v,...y,children:[o&&s.jsx("div",{className:e.header.badge,children:o}),s.jsxs("div",{className:e.header.content,children:[i&&s.jsx("h3",{className:e.header.title,children:i}),l&&s.jsx("div",{className:g(e.header.subtitle),children:l}),n&&s.jsx("div",{className:e.header.price,children:n}),c&&s.jsx("div",{className:e.header.action,children:c}),a&&s.jsx("div",{className:e.header.note,children:a})]})]})};d.spiritComponent="PricingPlanHeader";exports.default=d;
 //# sourceMappingURL=PricingPlanHeader.cjs.map

package/dist/components/PricingPlan/PricingPlanHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PricingPlanHeader.cjs","sources":["../../../src/components/PricingPlan/PricingPlanHeader.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport type { SpiritPricingPlanHeaderProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { usePricingPlanStyleProps } from './usePricingPlanStyleProps';\n\nconst defaultProps: Partial<SpiritPricingPlanHeaderProps> = {\n  action: undefined,\n  badge: undefined,\n  note: undefined,\n  price: undefined,\n  subtitle: undefined,\n  title: undefined,\n};\n\nconst PricingPlanHeader = <E extends ElementType = 'header'>(props: SpiritPricingPlanHeaderProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag = 'header', ...restProps } = propsWithDefaults;\n\n  const { classProps, props: modifiedProps } = usePricingPlanStyleProps(restProps);\n  const { badge, title, subtitle, price, action, note } = propsWithDefaults;\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, {\n    classProps: classProps.header.root,\n    styleProps,\n  });\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      {badge && <div className={classProps.header.badge}>{badge}</div>}\n      <div className={classProps.header.content}>\n        {title && <h3 className={classProps.header.title}>{title}</h3>}\n        {subtitle && <div className={classNames(classProps.header.subtitle)}>{subtitle}</div>}\n        {price && <div className={classProps.header.price}>{price}</div>}\n        {action && <div className={classProps.header.action}>{action}</div>}\n        {note && <div className={classProps.header.note}>{note}</div>}\n      </div>\n    </ElementTag>\n  );\n};\n\nPricingPlanHeader.spiritComponent = 'PricingPlanHeader';\n\nexport default PricingPlanHeader;\n"],"names":["defaultProps","PricingPlanHeader","props","propsWithDefaults","ElementTag","restProps","classProps","modifiedProps","usePricingPlanStyleProps","badge","title","subtitle","price","action","note","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsxs","classNames","jsx"],"mappings":"uTASMA,EAAsD,CAC1D,OAAQ,OACR,MAAO,OACP,KAAM,OACN,MAAO,OACP,SAAU,OACV,MAAO,MACT,EAEMC,EAAuDC,GAA2C,CACtG,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CAAE,YAAaE,EAAa,SAAU,GAAGC,GAAcF,EAEvD,CAAE,WAAAG,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,yBAAyBH,CAAS,EACzE,CAAE,MAAAI,EAAO,MAAAC,EAAO,SAAAC,EAAU,MAAAC,EAAO,OAAAC,EAAQ,KAAAC,GAASX,EAClD,CAAA,WAAEY,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcV,CAAa,EAC/DW,EAAmBC,EAAAA,gBAAgBf,EAAY,CACnD,WAAYE,EAAW,OAAO,KAAA,WAC9BS,CAAA,CACD,EAED,OACEK,EAAAA,KAAChB,EAAA,CAAY,GAAGY,EAAa,GAAGE,EAC7B,SAAA,CAAAT,SAAU,MAAA,CAAI,UAAWH,EAAW,OAAO,MAAQ,SAAAG,EAAM,EAC1DW,EAAAA,KAAC,MAAA,CAAI,UAAWd,EAAW,OAAO,QAC/B,SAAA,CAAAI,SAAU,KAAA,CAAG,UAAWJ,EAAW,OAAO,MAAQ,SAAAI,EAAM,EACxDC,SAAa,MAAA,CAAI,UAAWU,EAAWf,EAAW,OAAO,QAAQ,EAAI,SAAAK,CAAA,CAAS,EAC9EC,GAASU,EAAAA,IAAC,MAAA,CAAI,UAAWhB,EAAW,OAAO,MAAQ,SAAAM,EAAM,EACzDC,GAAUS,EAAAA,IAAC,MAAA,CAAI,UAAWhB,EAAW,OAAO,OAAS,SAAAO,EAAO,EAC5DC,GAAQQ,EAAAA,IAAC,MAAA,CAAI,UAAWhB,EAAW,OAAO,KAAO,SAAAQ,CAAA,CAAK,CAAA,CAAA,CACzD,CAAA,EACF,CAEJ,EAEAb,EAAkB,gBAAkB"}
+{"version":3,"file":"PricingPlanHeader.cjs","sources":["../../../src/components/PricingPlan/PricingPlanHeader.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport type { SpiritPricingPlanHeaderProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { usePricingPlanStyleProps } from './usePricingPlanStyleProps';\n\nconst defaultProps: Partial<SpiritPricingPlanHeaderProps> = {\n  action: undefined,\n  badge: undefined,\n  elementType: 'header',\n  note: undefined,\n  price: undefined,\n  subtitle: undefined,\n  title: undefined,\n};\n\nconst PricingPlanHeader = <E extends ElementType = 'header'>(props: SpiritPricingPlanHeaderProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps } = usePricingPlanStyleProps(restProps);\n  const { badge, title, subtitle, price, action, note } = propsWithDefaults;\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.header.root,\n    styleProps,\n  });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps}>\n      {badge && <div className={classProps.header.badge}>{badge}</div>}\n      <div className={classProps.header.content}>\n        {title && <h3 className={classProps.header.title}>{title}</h3>}\n        {subtitle && <div className={classNames(classProps.header.subtitle)}>{subtitle}</div>}\n        {price && <div className={classProps.header.price}>{price}</div>}\n        {action && <div className={classProps.header.action}>{action}</div>}\n        {note && <div className={classProps.header.note}>{note}</div>}\n      </div>\n    </Component>\n  );\n};\n\nPricingPlanHeader.spiritComponent = 'PricingPlanHeader';\n\nexport default PricingPlanHeader;\n"],"names":["defaultProps","PricingPlanHeader","props","propsWithDefaults","elementType","restProps","Component","classProps","modifiedProps","usePricingPlanStyleProps","badge","title","subtitle","price","action","note","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsxs","classNames","jsx"],"mappings":"uTASMA,EAAsD,CAC1D,OAAQ,OACR,MAAO,OACP,YAAa,SACb,KAAM,OACN,MAAO,OACP,SAAU,OACV,MAAO,MACT,EAEMC,EAAuDC,GAA2C,CACtG,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CAAE,YAAAE,EAAa,GAAGC,CAAA,EAAcF,EAChCG,EAAYF,EAEZ,CAAE,WAAAG,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,yBAAyBJ,CAAS,EACzE,CAAE,MAAAK,EAAO,MAAAC,EAAO,SAAAC,EAAU,MAAAC,EAAO,OAAAC,EAAQ,KAAAC,GAASZ,EAClD,CAAA,WAAEa,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcV,CAAa,EAC/DW,EAAmBC,EAAAA,gBAAgBd,EAAW,CAClD,WAAYC,EAAW,OAAO,KAAA,WAC9BS,CAAA,CACD,EAED,OACEK,EAAAA,KAACf,EAAA,CAAW,GAAGW,EAAa,GAAGE,EAC5B,SAAA,CAAAT,SAAU,MAAA,CAAI,UAAWH,EAAW,OAAO,MAAQ,SAAAG,EAAM,EAC1DW,EAAAA,KAAC,MAAA,CAAI,UAAWd,EAAW,OAAO,QAC/B,SAAA,CAAAI,SAAU,KAAA,CAAG,UAAWJ,EAAW,OAAO,MAAQ,SAAAI,EAAM,EACxDC,SAAa,MAAA,CAAI,UAAWU,EAAWf,EAAW,OAAO,QAAQ,EAAI,SAAAK,CAAA,CAAS,EAC9EC,GAASU,EAAAA,IAAC,MAAA,CAAI,UAAWhB,EAAW,OAAO,MAAQ,SAAAM,EAAM,EACzDC,GAAUS,EAAAA,IAAC,MAAA,CAAI,UAAWhB,EAAW,OAAO,OAAS,SAAAO,EAAO,EAC5DC,GAAQQ,EAAAA,IAAC,MAAA,CAAI,UAAWhB,EAAW,OAAO,KAAO,SAAAQ,CAAA,CAAK,CAAA,CAAA,CACzD,CAAA,EACF,CAEJ,EAEAd,EAAkB,gBAAkB"}