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

package/dist/components/PartnerLogo/usePartnerLogoStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePartnerLogoStyleProps.js","sources":["../../../src/components/PartnerLogo/usePartnerLogoStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritPartnerLogoProps } from '../../types';\nimport { generateResponsiveClassNames } from '../../utils';\n\nexport interface PartnerLogoStyles<T> {\n  classProps: string;\n  props: T;\n}\n\nexport const usePartnerLogoStyleProps = (props: SpiritPartnerLogoProps): PartnerLogoStyles<SpiritPartnerLogoProps> => {\n  const { hasSafeArea, isFluid, size, ...restProps } = props;\n\n  const partnerLogoClass = useClassNamePrefix('PartnerLogo');\n  const partnerLogoFluidClass = `${partnerLogoClass}--fluid`;\n  const partnerLogoSafeAreaClass = `${partnerLogoClass}--safeArea`;\n  const partnerLogoSizeClass = generateResponsiveClassNames(partnerLogoClass, size);\n\n  const classProps = classNames(\n    partnerLogoClass,\n    {\n      [partnerLogoFluidClass]: isFluid,\n      [partnerLogoSafeAreaClass]: hasSafeArea,\n    },\n    partnerLogoSizeClass,\n  );\n\n  return {\n    classProps,\n    props: restProps,\n  };\n};\n"],"names":["usePartnerLogoStyleProps","props","hasSafeArea","isFluid","size","restProps","partnerLogoClass","useClassNamePrefix","partnerLogoFluidClass","partnerLogoSafeAreaClass","partnerLogoSizeClass","generateResponsiveClassNames","classNames"],"mappings":";;;AAUO,MAAMA,IAA2B,CAACC,MAA6E;AACpH,QAAM,EAAE,aAAAC,GAAa,SAAAC,GAAS,MAAAC,GAAM,GAAGC,MAAcJ,GAE/CK,IAAmBC,EAAmB,aAAa,GACnDC,IAAwB,GAAGF,CAAgB,WAC3CG,IAA2B,GAAGH,CAAgB,cAC9CI,IAAuBC,EAA6BL,GAAkBF,CAAI;AAWhF,SAAO;AAAA,IACL,YAViBQ;AAAA,MACjBN;AAAA,MACA;AAAA,QACE,CAACE,CAAqB,GAAGL;AAAA,QACzB,CAACM,CAAwB,GAAGP;AAAA,MAAA;AAAA,MAE9BQ;AAAA,IAAA;AAAA,IAKA,OAAOL;AAAA,EAAA;AAEX;"}

package/dist/components/PartnerLogo.d.ts

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

package/dist/components/Pill/Pill.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),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;
+//# sourceMappingURL=Pill.cjs.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,7 @@
+import { ElementType } from 'react';
+import { SpiritPillProps } from '../../types';
+declare const Pill: {
+    <E extends ElementType = "span", C = void>(props: SpiritPillProps<E, C>): JSX.Element;
+    spiritComponent: string;
+};
+export default Pill;

package/dist/components/Pill/Pill.js

@@ -0,0 +1,18 @@
+"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,
+  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 });
+};
+y.spiritComponent = "Pill";
+export {
+  y as default
+};
+//# sourceMappingURL=Pill.js.map

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

@@ -0,0 +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;"}

package/dist/components/Pill/constants.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={SELECTED:"selected",NEUTRAL:"neutral"};exports.PillColorsExtended=e;
+//# sourceMappingURL=constants.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","sources":["../../../src/components/Pill/constants.ts"],"sourcesContent":["export const PillColorsExtended = {\n  SELECTED: 'selected',\n  NEUTRAL: 'neutral',\n} as const;\n"],"names":["PillColorsExtended"],"mappings":"gFAAO,MAAMA,EAAqB,CAChC,SAAU,WACV,QAAS,SACX"}

package/dist/components/Pill/constants.js

@@ -0,0 +1,8 @@
+const e = {
+  SELECTED: "selected",
+  NEUTRAL: "neutral"
+};
+export {
+  e as PillColorsExtended
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/Pill/constants.ts"],"sourcesContent":["export const PillColorsExtended = {\n  SELECTED: 'selected',\n  NEUTRAL: 'neutral',\n} as const;\n"],"names":["PillColorsExtended"],"mappings":"AAAO,MAAMA,IAAqB;AAAA,EAChC,UAAU;AAAA,EACV,SAAS;AACX;"}

package/dist/components/Pill/index.cjs

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

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

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

package/dist/components/Pill/index.js

@@ -0,0 +1,9 @@
+import { default as o } from "./Pill.js";
+import { PillColorsExtended as t } from "./constants.js";
+import { usePillStyleProps as f } from "./usePillStyleProps.js";
+export {
+  o as Pill,
+  t as PillColorsExtended,
+  f as usePillStyleProps
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Pill/usePillStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("classnames"),i=require("../../hooks/useClassNamePrefix.cjs");function c(l){const{color:s,...o}=l,e=i.useClassNamePrefix("Pill"),r=`${e}--${s}`;return{classProps:t(e,{[r]:s}),props:o}}exports.usePillStyleProps=c;
+//# sourceMappingURL=usePillStyleProps.cjs.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,7 @@
+import { ElementType } from 'react';
+import { SpiritPillProps } from '../../types';
+export interface PillStyles {
+    classProps: string;
+    props: Partial<SpiritPillProps>;
+}
+export declare function usePillStyleProps<E extends ElementType = 'span', C = void>(props: SpiritPillProps<E, C>): PillStyles;

package/dist/components/Pill/usePillStyleProps.js

@@ -0,0 +1,13 @@
+import i from "classnames";
+import { useClassNamePrefix as p } from "../../hooks/useClassNamePrefix.js";
+function m(l) {
+  const { color: s, ...r } = l, o = p("Pill"), t = `${o}--${s}`;
+  return {
+    classProps: i(o, { [t]: s }),
+    props: r
+  };
+}
+export {
+  m as usePillStyleProps
+};
+//# sourceMappingURL=usePillStyleProps.js.map

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

@@ -0,0 +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;"}

package/dist/components/Pill.d.ts

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

package/dist/components/PricingPlan/PricingPlan.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),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;
+//# sourceMappingURL=PricingPlan.cjs.map

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

@@ -0,0 +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"}

package/dist/components/PricingPlan/PricingPlan.d.ts

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

package/dist/components/PricingPlan/PricingPlan.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import c from "classnames";
+import { useStyleProps as f } 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 = {
+  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, {
+    classProps: r.root,
+    pricingPlanStyleProps: a,
+    styleProps: n
+  });
+  return /* @__PURE__ */ o(s, { ...m, ...P, children: /* @__PURE__ */ o("div", { className: c(r.layout), children: p }) });
+};
+h.spiritComponent = "PricingPlan";
+export {
+  h as default
+};
+//# sourceMappingURL=PricingPlan.js.map

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

@@ -0,0 +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;"}

package/dist/components/PricingPlan/PricingPlanBody.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),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;
+//# sourceMappingURL=PricingPlanBody.cjs.map

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

@@ -0,0 +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"}

package/dist/components/PricingPlan/PricingPlanBody.d.ts

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

package/dist/components/PricingPlan/PricingPlanBody.js

@@ -0,0 +1,30 @@
+"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 = {
+  description: void 0,
+  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, {
+    classProps: e.body.root,
+    styleProps: P
+  });
+  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("li", { className: e.body.featureItem, children: [
+        /* @__PURE__ */ r(v, { feature: o, featureId: g }),
+        /* @__PURE__ */ r("div", { className: e.body.featureDescription, children: o.description })
+      ] }, y);
+    }) })
+  ] });
+};
+N.spiritComponent = "PricingPlanBody";
+export {
+  N as default
+};
+//# sourceMappingURL=PricingPlanBody.js.map

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

@@ -0,0 +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;"}

package/dist/components/PricingPlan/PricingPlanFeatureTitle.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("classnames"),f=require("react"),g=require("../../hooks/useToggle.cjs"),s=require("../Icon/Icon.cjs"),m=require("../Modal/Modal.cjs"),j=require("../Modal/ModalBody.cjs"),b=require("../Modal/ModalDialog.cjs"),h=require("../Modal/ModalHeader.cjs"),q=require("../Tooltip/Tooltip.cjs"),y=require("../Tooltip/TooltipPopover.cjs"),P=require("../Tooltip/TooltipTrigger.cjs"),S=require("./usePricingPlanStyleProps.cjs"),c=({feature:d,featureId:l,...u})=>{const{modalContent:o,title:i,tooltipContent:n}=d,{classProps:t}=S.usePricingPlanStyleProps(u),[p,x]=g.useToggle(!1),[T,r]=f.useState(!1);return o?e.jsxs("div",{className:t.body.featureTitle,children:[e.jsx(s.default,{name:"check-plain",boxSize:16}),e.jsx("button",{type:"button",onClick:()=>r(!0),className:a(t.body.featureTitleText,"text-underlined-dotted"),children:i}),e.jsx(m.default,{id:`${l}-modal`,isOpen:T,onClose:()=>r(!1),children:e.jsxs(b.default,{isScrollable:!0,children:[e.jsx(h.default,{children:i}),e.jsx(j.default,{children:o})]})})]}):n?e.jsxs(q.default,{elementType:"div",id:`${l}-tooltip`,isDismissible:!0,isOpen:p,onToggle:x,placement:"top",trigger:["click"],UNSAFE_className:t.body.featureTitle,children:[e.jsx(s.default,{name:"check-plain",boxSize:16}),e.jsx(P.default,{elementType:"button",UNSAFE_className:a(t.body.featureTitleText,"text-underlined-dotted"),children:i}),e.jsx(y.default,{children:e.jsx("div",{children:n})})]}):e.jsxs("div",{className:t.body.featureTitle,children:[e.jsx(s.default,{name:"check-plain",boxSize:16}),e.jsx("div",{className:t.body.featureTitleText,id:`${l}-title`,children:i})]})};c.spiritComponent="PricingPlanFeatureTitle";exports.default=c;
+//# sourceMappingURL=PricingPlanFeatureTitle.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PricingPlanFeatureTitle.cjs","sources":["../../../src/components/PricingPlan/PricingPlanFeatureTitle.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { useState } from 'react';\nimport { useToggle } from '../../hooks';\nimport type { PricingPlanFeature } from '../../types';\nimport { Icon } from '../Icon';\nimport { Modal, ModalBody, ModalDialog, ModalHeader } from '../Modal';\nimport { Tooltip, TooltipPopover, TooltipTrigger } from '../Tooltip';\nimport { usePricingPlanStyleProps } from './usePricingPlanStyleProps';\n\nconst PricingPlanFeatureTitle = ({\n  feature,\n  featureId,\n  ...restProps\n}: {\n  feature: PricingPlanFeature;\n  featureId: string;\n}) => {\n  const { modalContent, title, tooltipContent } = feature;\n  const { classProps } = usePricingPlanStyleProps(restProps);\n  const [isTooltipOpen, toggleTooltip] = useToggle(false);\n  const [isModalOpen, setIsModalOpen] = useState(false);\n\n  if (modalContent) {\n    return (\n      <div className={classProps.body.featureTitle}>\n        <Icon name=\"check-plain\" boxSize={16} />\n        <button\n          type=\"button\"\n          onClick={() => setIsModalOpen(true)}\n          className={classNames(classProps.body.featureTitleText, 'text-underlined-dotted')}\n        >\n          {title}\n        </button>\n        <Modal id={`${featureId}-modal`} isOpen={isModalOpen} onClose={() => setIsModalOpen(false)}>\n          <ModalDialog isScrollable>\n            <ModalHeader>{title}</ModalHeader>\n            <ModalBody>{modalContent}</ModalBody>\n          </ModalDialog>\n        </Modal>\n      </div>\n    );\n  }\n\n  if (tooltipContent) {\n    return (\n      <Tooltip\n        elementType=\"div\"\n        id={`${featureId}-tooltip`}\n        isDismissible\n        isOpen={isTooltipOpen}\n        onToggle={toggleTooltip}\n        placement=\"top\"\n        trigger={['click']}\n        UNSAFE_className={classProps.body.featureTitle}\n      >\n        <Icon name=\"check-plain\" boxSize={16} />\n        <TooltipTrigger\n          elementType=\"button\"\n          UNSAFE_className={classNames(classProps.body.featureTitleText, 'text-underlined-dotted')}\n        >\n          {title}\n        </TooltipTrigger>\n        <TooltipPopover>\n          <div>{tooltipContent}</div>\n        </TooltipPopover>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <div className={classProps.body.featureTitle}>\n      <Icon name=\"check-plain\" boxSize={16} />\n      <div className={classProps.body.featureTitleText} id={`${featureId}-title`}>\n        {title}\n      </div>\n    </div>\n  );\n};\n\nPricingPlanFeatureTitle.spiritComponent = 'PricingPlanFeatureTitle';\n\nexport default PricingPlanFeatureTitle;\n"],"names":["PricingPlanFeatureTitle","feature","featureId","restProps","modalContent","title","tooltipContent","classProps","usePricingPlanStyleProps","isTooltipOpen","toggleTooltip","useToggle","isModalOpen","setIsModalOpen","useState","jsxs","jsx","Icon","classNames","Modal","ModalDialog","ModalHeader","ModalBody","Tooltip","TooltipTrigger","TooltipPopover"],"mappings":"okBAWMA,EAA0B,CAAC,CAC/B,QAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAGM,CACJ,KAAM,CAAE,aAAAC,EAAc,MAAAC,EAAO,eAAAC,CAAA,EAAmBL,EAC1C,CAAE,WAAAM,CAAA,EAAeC,EAAAA,yBAAyBL,CAAS,EACnD,CAACM,EAAeC,CAAa,EAAIC,EAAAA,UAAU,EAAK,EAChD,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SAAS,EAAK,EAEpD,OAAIV,EAEAW,EAAAA,KAAC,MAAA,CAAI,UAAWR,EAAW,KAAK,aAC9B,SAAA,CAAAS,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAK,cAAc,QAAS,GAAI,EACtCD,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,QAAS,IAAMH,EAAe,EAAI,EAClC,UAAWK,EAAWX,EAAW,KAAK,iBAAkB,wBAAwB,EAE/E,SAAAF,CAAA,CAAA,QAEFc,EAAAA,QAAA,CAAM,GAAI,GAAGjB,CAAS,SAAU,OAAQU,EAAa,QAAS,IAAMC,EAAe,EAAK,EACvF,SAAAE,EAAAA,KAACK,EAAAA,QAAA,CAAY,aAAY,GACvB,SAAA,CAAAJ,EAAAA,IAACK,EAAAA,SAAa,SAAAhB,CAAA,CAAM,EACpBW,EAAAA,IAACM,EAAAA,SAAW,SAAAlB,CAAA,CAAa,CAAA,CAAA,CAC3B,CAAA,CACF,CAAA,EACF,EAIAE,EAEAS,EAAAA,KAACQ,EAAAA,QAAA,CACC,YAAY,MACZ,GAAI,GAAGrB,CAAS,WAChB,cAAa,GACb,OAAQO,EACR,SAAUC,EACV,UAAU,MACV,QAAS,CAAC,OAAO,EACjB,iBAAkBH,EAAW,KAAK,aAElC,SAAA,CAAAS,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAK,cAAc,QAAS,GAAI,EACtCD,EAAAA,IAACQ,EAAAA,QAAA,CACC,YAAY,SACZ,iBAAkBN,EAAWX,EAAW,KAAK,iBAAkB,wBAAwB,EAEtF,SAAAF,CAAA,CAAA,EAEHW,MAACS,EAAAA,QAAA,CACC,SAAAT,EAAAA,IAAC,MAAA,CAAK,WAAe,CAAA,CACvB,CAAA,CAAA,CAAA,EAMJD,EAAAA,KAAC,MAAA,CAAI,UAAWR,EAAW,KAAK,aAC9B,SAAA,CAAAS,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAK,cAAc,QAAS,GAAI,EACtCD,EAAAA,IAAC,MAAA,CAAI,UAAWT,EAAW,KAAK,iBAAkB,GAAI,GAAGL,CAAS,SAC/D,SAAAG,CAAA,CACH,CAAA,EACF,CAEJ,EAEAL,EAAwB,gBAAkB"}

package/dist/components/PricingPlan/PricingPlanFeatureTitle.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { PricingPlanFeature } from '../../types';
+declare const PricingPlanFeatureTitle: {
+    ({ feature, featureId, ...restProps }: {
+        feature: PricingPlanFeature;
+        featureId: string;
+    }): React.JSX.Element;
+    spiritComponent: string;
+};
+export default PricingPlanFeatureTitle;

package/dist/components/PricingPlan/PricingPlanFeatureTitle.js

@@ -0,0 +1,69 @@
+"use client";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import d from "classnames";
+import { useState as T } from "react";
+import { useToggle as h } from "../../hooks/useToggle.js";
+import r from "../Icon/Icon.js";
+import b from "../Modal/Modal.js";
+import g from "../Modal/ModalBody.js";
+import x from "../Modal/ModalDialog.js";
+import y from "../Modal/ModalHeader.js";
+import N from "../Tooltip/Tooltip.js";
+import P from "../Tooltip/TooltipPopover.js";
+import S from "../Tooltip/TooltipTrigger.js";
+import { usePricingPlanStyleProps as v } from "./usePricingPlanStyleProps.js";
+const M = ({
+  feature: m,
+  featureId: l,
+  ...c
+}) => {
+  const { modalContent: n, title: o, tooltipContent: s } = m, { classProps: t } = v(c), [p, f] = h(!1), [u, a] = T(!1);
+  return n ? /* @__PURE__ */ i("div", { className: t.body.featureTitle, children: [
+    /* @__PURE__ */ e(r, { name: "check-plain", boxSize: 16 }),
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        onClick: () => a(!0),
+        className: d(t.body.featureTitleText, "text-underlined-dotted"),
+        children: o
+      }
+    ),
+    /* @__PURE__ */ e(b, { id: `${l}-modal`, isOpen: u, onClose: () => a(!1), children: /* @__PURE__ */ i(x, { isScrollable: !0, children: [
+      /* @__PURE__ */ e(y, { children: o }),
+      /* @__PURE__ */ e(g, { children: n })
+    ] }) })
+  ] }) : s ? /* @__PURE__ */ i(
+    N,
+    {
+      elementType: "div",
+      id: `${l}-tooltip`,
+      isDismissible: !0,
+      isOpen: p,
+      onToggle: f,
+      placement: "top",
+      trigger: ["click"],
+      UNSAFE_className: t.body.featureTitle,
+      children: [
+        /* @__PURE__ */ e(r, { name: "check-plain", boxSize: 16 }),
+        /* @__PURE__ */ e(
+          S,
+          {
+            elementType: "button",
+            UNSAFE_className: d(t.body.featureTitleText, "text-underlined-dotted"),
+            children: o
+          }
+        ),
+        /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e("div", { children: s }) })
+      ]
+    }
+  ) : /* @__PURE__ */ i("div", { className: t.body.featureTitle, children: [
+    /* @__PURE__ */ e(r, { name: "check-plain", boxSize: 16 }),
+    /* @__PURE__ */ e("div", { className: t.body.featureTitleText, id: `${l}-title`, children: o })
+  ] });
+};
+M.spiritComponent = "PricingPlanFeatureTitle";
+export {
+  M as default
+};
+//# sourceMappingURL=PricingPlanFeatureTitle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PricingPlanFeatureTitle.js","sources":["../../../src/components/PricingPlan/PricingPlanFeatureTitle.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { useState } from 'react';\nimport { useToggle } from '../../hooks';\nimport type { PricingPlanFeature } from '../../types';\nimport { Icon } from '../Icon';\nimport { Modal, ModalBody, ModalDialog, ModalHeader } from '../Modal';\nimport { Tooltip, TooltipPopover, TooltipTrigger } from '../Tooltip';\nimport { usePricingPlanStyleProps } from './usePricingPlanStyleProps';\n\nconst PricingPlanFeatureTitle = ({\n  feature,\n  featureId,\n  ...restProps\n}: {\n  feature: PricingPlanFeature;\n  featureId: string;\n}) => {\n  const { modalContent, title, tooltipContent } = feature;\n  const { classProps } = usePricingPlanStyleProps(restProps);\n  const [isTooltipOpen, toggleTooltip] = useToggle(false);\n  const [isModalOpen, setIsModalOpen] = useState(false);\n\n  if (modalContent) {\n    return (\n      <div className={classProps.body.featureTitle}>\n        <Icon name=\"check-plain\" boxSize={16} />\n        <button\n          type=\"button\"\n          onClick={() => setIsModalOpen(true)}\n          className={classNames(classProps.body.featureTitleText, 'text-underlined-dotted')}\n        >\n          {title}\n        </button>\n        <Modal id={`${featureId}-modal`} isOpen={isModalOpen} onClose={() => setIsModalOpen(false)}>\n          <ModalDialog isScrollable>\n            <ModalHeader>{title}</ModalHeader>\n            <ModalBody>{modalContent}</ModalBody>\n          </ModalDialog>\n        </Modal>\n      </div>\n    );\n  }\n\n  if (tooltipContent) {\n    return (\n      <Tooltip\n        elementType=\"div\"\n        id={`${featureId}-tooltip`}\n        isDismissible\n        isOpen={isTooltipOpen}\n        onToggle={toggleTooltip}\n        placement=\"top\"\n        trigger={['click']}\n        UNSAFE_className={classProps.body.featureTitle}\n      >\n        <Icon name=\"check-plain\" boxSize={16} />\n        <TooltipTrigger\n          elementType=\"button\"\n          UNSAFE_className={classNames(classProps.body.featureTitleText, 'text-underlined-dotted')}\n        >\n          {title}\n        </TooltipTrigger>\n        <TooltipPopover>\n          <div>{tooltipContent}</div>\n        </TooltipPopover>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <div className={classProps.body.featureTitle}>\n      <Icon name=\"check-plain\" boxSize={16} />\n      <div className={classProps.body.featureTitleText} id={`${featureId}-title`}>\n        {title}\n      </div>\n    </div>\n  );\n};\n\nPricingPlanFeatureTitle.spiritComponent = 'PricingPlanFeatureTitle';\n\nexport default PricingPlanFeatureTitle;\n"],"names":["PricingPlanFeatureTitle","feature","featureId","restProps","modalContent","title","tooltipContent","classProps","usePricingPlanStyleProps","isTooltipOpen","toggleTooltip","useToggle","isModalOpen","setIsModalOpen","useState","jsxs","jsx","Icon","classNames","Modal","ModalDialog","ModalHeader","ModalBody","Tooltip","TooltipTrigger","TooltipPopover"],"mappings":";;;;;;;;;;;;;;AAWA,MAAMA,IAA0B,CAAC;AAAA,EAC/B,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAGM;AACJ,QAAM,EAAE,cAAAC,GAAc,OAAAC,GAAO,gBAAAC,EAAA,IAAmBL,GAC1C,EAAE,YAAAM,EAAA,IAAeC,EAAyBL,CAAS,GACnD,CAACM,GAAeC,CAAa,IAAIC,EAAU,EAAK,GAChD,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK;AAEpD,SAAIV,IAEA,gBAAAW,EAAC,OAAA,EAAI,WAAWR,EAAW,KAAK,cAC9B,UAAA;AAAA,IAAA,gBAAAS,EAACC,GAAA,EAAK,MAAK,eAAc,SAAS,IAAI;AAAA,IACtC,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,MAAMH,EAAe,EAAI;AAAA,QAClC,WAAWK,EAAWX,EAAW,KAAK,kBAAkB,wBAAwB;AAAA,QAE/E,UAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,sBAEFc,GAAA,EAAM,IAAI,GAAGjB,CAAS,UAAU,QAAQU,GAAa,SAAS,MAAMC,EAAe,EAAK,GACvF,UAAA,gBAAAE,EAACK,GAAA,EAAY,cAAY,IACvB,UAAA;AAAA,MAAA,gBAAAJ,EAACK,KAAa,UAAAhB,EAAA,CAAM;AAAA,MACpB,gBAAAW,EAACM,KAAW,UAAAlB,EAAA,CAAa;AAAA,IAAA,EAAA,CAC3B,EAAA,CACF;AAAA,EAAA,GACF,IAIAE,IAEA,gBAAAS;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,aAAY;AAAA,MACZ,IAAI,GAAGrB,CAAS;AAAA,MAChB,eAAa;AAAA,MACb,QAAQO;AAAA,MACR,UAAUC;AAAA,MACV,WAAU;AAAA,MACV,SAAS,CAAC,OAAO;AAAA,MACjB,kBAAkBH,EAAW,KAAK;AAAA,MAElC,UAAA;AAAA,QAAA,gBAAAS,EAACC,GAAA,EAAK,MAAK,eAAc,SAAS,IAAI;AAAA,QACtC,gBAAAD;AAAA,UAACQ;AAAA,UAAA;AAAA,YACC,aAAY;AAAA,YACZ,kBAAkBN,EAAWX,EAAW,KAAK,kBAAkB,wBAAwB;AAAA,YAEtF,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,QAEH,gBAAAW,EAACS,GAAA,EACC,UAAA,gBAAAT,EAAC,OAAA,EAAK,aAAe,EAAA,CACvB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAMJ,gBAAAD,EAAC,OAAA,EAAI,WAAWR,EAAW,KAAK,cAC9B,UAAA;AAAA,IAAA,gBAAAS,EAACC,GAAA,EAAK,MAAK,eAAc,SAAS,IAAI;AAAA,IACtC,gBAAAD,EAAC,OAAA,EAAI,WAAWT,EAAW,KAAK,kBAAkB,IAAI,GAAGL,CAAS,UAC/D,UAAAG,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;AAEAL,EAAwB,kBAAkB;"}

package/dist/components/PricingPlan/PricingPlanFooter.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),u=require("../../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;
+//# sourceMappingURL=PricingPlanFooter.cjs.map

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

@@ -0,0 +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"}

package/dist/components/PricingPlan/PricingPlanFooter.d.ts

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

package/dist/components/PricingPlan/PricingPlanFooter.js

@@ -0,0 +1,14 @@
+"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 });
+};
+f.spiritComponent = "PricingPlanFooter";
+export {
+  f as default
+};
+//# sourceMappingURL=PricingPlanFooter.js.map

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

@@ -0,0 +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;"}

package/dist/components/PricingPlan/PricingPlanHeader.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),g=require("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;
+//# sourceMappingURL=PricingPlanHeader.cjs.map

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

@@ -0,0 +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"}

package/dist/components/PricingPlan/PricingPlanHeader.d.ts

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

package/dist/components/PricingPlan/PricingPlanHeader.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import f from "classnames";
+import { useStyleProps as g } from "../../hooks/styleProps.js";
+import { mergeStyleProps as N } from "../../utils/mergeStyleProps.js";
+import { usePricingPlanStyleProps as b } from "./usePricingPlanStyleProps.js";
+const y = {
+  action: void 0,
+  badge: void 0,
+  note: void 0,
+  price: void 0,
+  subtitle: void 0,
+  title: void 0
+}, S = (p) => {
+  const s = { ...y, ...p }, { elementType: t = "header", ...m } = s, { classProps: e, props: h } = b(m), { badge: o, title: i, subtitle: a, price: d, action: c, note: l } = s, { styleProps: P, props: v } = g(h), u = N(t, {
+    classProps: e.header.root,
+    styleProps: P
+  });
+  return /* @__PURE__ */ n(t, { ...v, ...u, children: [
+    o && /* @__PURE__ */ r("div", { className: e.header.badge, children: o }),
+    /* @__PURE__ */ n("div", { className: e.header.content, children: [
+      i && /* @__PURE__ */ r("h3", { className: e.header.title, children: i }),
+      a && /* @__PURE__ */ r("div", { className: f(e.header.subtitle), children: a }),
+      d && /* @__PURE__ */ r("div", { className: e.header.price, children: d }),
+      c && /* @__PURE__ */ r("div", { className: e.header.action, children: c }),
+      l && /* @__PURE__ */ r("div", { className: e.header.note, children: l })
+    ] })
+  ] });
+};
+S.spiritComponent = "PricingPlanHeader";
+export {
+  S as default
+};
+//# sourceMappingURL=PricingPlanHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PricingPlanHeader.js","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":";;;;;;AASA,MAAMA,IAAsD;AAAA,EAC1D,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,OAAO;AACT,GAEMC,IAAoB,CAAmCC,MAA2C;AACtG,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,aAAaE,IAAa,UAAU,GAAGC,MAAcF,GAEvD,EAAE,YAAAG,GAAY,OAAOC,EAAA,IAAkBC,EAAyBH,CAAS,GACzE,EAAE,OAAAI,GAAO,OAAAC,GAAO,UAAAC,GAAU,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,MAASX,GAClD,EAAE,YAAAY,GAAY,OAAOC,EAAA,IAAeC,EAAcV,CAAa,GAC/DW,IAAmBC,EAAgBf,GAAY;AAAA,IACnD,YAAYE,EAAW,OAAO;AAAA,IAC9B,YAAAS;AAAA,EAAA,CACD;AAED,SACE,gBAAAK,EAAChB,GAAA,EAAY,GAAGY,GAAa,GAAGE,GAC7B,UAAA;AAAA,IAAAT,uBAAU,OAAA,EAAI,WAAWH,EAAW,OAAO,OAAQ,UAAAG,GAAM;AAAA,IAC1D,gBAAAW,EAAC,OAAA,EAAI,WAAWd,EAAW,OAAO,SAC/B,UAAA;AAAA,MAAAI,uBAAU,MAAA,EAAG,WAAWJ,EAAW,OAAO,OAAQ,UAAAI,GAAM;AAAA,MACxDC,uBAAa,OAAA,EAAI,WAAWU,EAAWf,EAAW,OAAO,QAAQ,GAAI,UAAAK,EAAA,CAAS;AAAA,MAC9EC,KAAS,gBAAAU,EAAC,OAAA,EAAI,WAAWhB,EAAW,OAAO,OAAQ,UAAAM,GAAM;AAAA,MACzDC,KAAU,gBAAAS,EAAC,OAAA,EAAI,WAAWhB,EAAW,OAAO,QAAS,UAAAO,GAAO;AAAA,MAC5DC,KAAQ,gBAAAQ,EAAC,OAAA,EAAI,WAAWhB,EAAW,OAAO,MAAO,UAAAQ,EAAA,CAAK;AAAA,IAAA,EAAA,CACzD;AAAA,EAAA,GACF;AAEJ;AAEAb,EAAkB,kBAAkB;"}

package/dist/components/PricingPlan/constants.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","sources":["../../../src/components/PricingPlan/constants.ts"],"sourcesContent":["export const NUMBER_OF_PLAN_ROWS_DEFAULT = 100;\n"],"names":["NUMBER_OF_PLAN_ROWS_DEFAULT"],"mappings":"gFAAO,MAAMA,EAA8B"}

package/dist/components/PricingPlan/constants.js

@@ -0,0 +1,5 @@
+const t = 100;
+export {
+  t as NUMBER_OF_PLAN_ROWS_DEFAULT
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/PricingPlan/constants.ts"],"sourcesContent":["export const NUMBER_OF_PLAN_ROWS_DEFAULT = 100;\n"],"names":["NUMBER_OF_PLAN_ROWS_DEFAULT"],"mappings":"AAAO,MAAMA,IAA8B;"}

package/dist/components/PricingPlan/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./PricingPlan.cjs"),r=require("./PricingPlanHeader.cjs"),i=require("./PricingPlanBody.cjs"),n=require("./PricingPlanFooter.cjs"),P=require("./usePricingPlanStyleProps.cjs");exports.PricingPlan=e.default;exports.PricingPlanHeader=r.default;exports.PricingPlanBody=i.default;exports.PricingPlanFooter=n.default;exports.usePricingPlanStyleProps=P.usePricingPlanStyleProps;
+//# sourceMappingURL=index.cjs.map

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

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

package/dist/components/PricingPlan/index.js

@@ -0,0 +1,13 @@
+import { default as a } from "./PricingPlan.js";
+import { default as t } from "./PricingPlanHeader.js";
+import { default as P } from "./PricingPlanBody.js";
+import { default as n } from "./PricingPlanFooter.js";
+import { usePricingPlanStyleProps as s } from "./usePricingPlanStyleProps.js";
+export {
+  a as PricingPlan,
+  P as PricingPlanBody,
+  n as PricingPlanFooter,
+  t as PricingPlanHeader,
+  s as usePricingPlanStyleProps
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/PricingPlan/usePricingPlanStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("@alma-oss/spirit-design-tokens"),A=require("classnames"),a=require("../../hooks/useClassNamePrefix.cjs"),I=require("./constants.cjs"),O=r=>{const{hasComparableFeatures:o,isHighlighted:l,action:c,badge:P,title:g,subtitle:p,note:u,price:d,rows:i,..._}=r,t=a.useClassNamePrefix("PricingPlan"),C=`${t}--comparableFeatures`,m=`${t}__layout`,N=`${t}--highlighted`,e=a.useClassNamePrefix("PricingPlanHeader"),f=`${e}__badge`,y=`${e}__title`,$=`${e}__subtitle`,b=`${e}__price`,T=`${e}__action`,F=`${e}__note`,H=`${e}__content`,s=a.useClassNamePrefix("PricingPlanBody"),h=`${s}__featureList`,x=`${s}__featureItem`,B=`${s}__featureTitle`,S=`${s}__featureTitleText`,v=`${s}__featureDescription`,L=a.useClassNamePrefix("PricingPlanFooter"),D=A(t,{[C]:o,[N]:l}),n={};return i!==I.NUMBER_OF_PLAN_ROWS_DEFAULT&&(n[`--${q.cssVariablePrefix}pricing-plan-rows`]=i?.toString()),{classProps:{root:D,layout:m,header:{root:e,badge:P?f:void 0,content:H,title:g?y:void 0,subtitle:p?$:void 0,price:d?b:void 0,action:c?T:void 0,note:u?F:void 0},body:{root:s,featureList:h,featureItem:x,featureTitle:B,featureTitleText:S,featureDescription:v},footer:L},props:_,styleProps:n}};exports.usePricingPlanStyleProps=O;
+//# sourceMappingURL=usePricingPlanStyleProps.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePricingPlanStyleProps.cjs","sources":["../../../src/components/PricingPlan/usePricingPlanStyleProps.ts"],"sourcesContent":["import { cssVariablePrefix } from '@alma-oss/spirit-design-tokens';\nimport classNames from 'classnames';\nimport type { CSSProperties, ElementType } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport type {\n  SpiritPricingPlanBodyProps,\n  SpiritPricingPlanFooterProps,\n  SpiritPricingPlanHeaderProps,\n  SpiritPricingPlanProps,\n} from '../../types';\nimport { NUMBER_OF_PLAN_ROWS_DEFAULT } from './constants';\n\ntype PricingPlanStyleProps = Partial<SpiritPricingPlanProps<ElementType>> &\n  Partial<SpiritPricingPlanHeaderProps<ElementType>> &\n  Partial<SpiritPricingPlanBodyProps<ElementType>> &\n  Partial<SpiritPricingPlanFooterProps<ElementType>>;\n\ninterface PricingPlanCSSProperties extends CSSProperties {\n  [key: string]: string | undefined | number;\n}\n\nexport interface PricingPlanReturnStyles<T> {\n  classProps: {\n    root: string;\n    layout: string;\n    header: {\n      root: string;\n      badge?: string;\n      content: string;\n      title?: string;\n      subtitle?: string;\n      price?: string;\n      action?: string;\n      note?: string;\n    };\n    body: {\n      root: string;\n      featureList: string;\n      featureItem: string;\n      featureTitle: string;\n      featureTitleText: string;\n      featureDescription: string;\n    };\n    footer: string;\n  };\n  props: Omit<T, keyof PricingPlanStyleProps>;\n  styleProps: PricingPlanCSSProperties;\n}\n\nexport const usePricingPlanStyleProps = <T extends PricingPlanStyleProps>(props: T): PricingPlanReturnStyles<T> => {\n  const { hasComparableFeatures, isHighlighted, action, badge, title, subtitle, note, price, rows, ...restProps } =\n    props;\n\n  const pricingPlanClass = useClassNamePrefix('PricingPlan');\n  const pricingPlanComparableClass = `${pricingPlanClass}--comparableFeatures`;\n  const pricingPlanLayoutClass = `${pricingPlanClass}__layout`;\n  const pricingPlanHighlightedClass = `${pricingPlanClass}--highlighted`;\n\n  const pricingPlanHeaderClass = useClassNamePrefix('PricingPlanHeader');\n  const pricingPlanHeaderBadgeClassName = `${pricingPlanHeaderClass}__badge`;\n  const pricingPlanHeaderTitleClassName = `${pricingPlanHeaderClass}__title`;\n  const pricingPlanHeaderSubtitleClassName = `${pricingPlanHeaderClass}__subtitle`;\n  const pricingPlanHeaderPriceClassName = `${pricingPlanHeaderClass}__price`;\n  const pricingPlanHeaderActionClassName = `${pricingPlanHeaderClass}__action`;\n  const pricingPlanHeaderNoteClassName = `${pricingPlanHeaderClass}__note`;\n  const pricingPlanHeaderContentClassName = `${pricingPlanHeaderClass}__content`;\n\n  const pricingPlanBodyClass = useClassNamePrefix('PricingPlanBody');\n  const pricingPlanBodyFeatureListClassName = `${pricingPlanBodyClass}__featureList`;\n  const pricingPlanBodyFeatureItemClassName = `${pricingPlanBodyClass}__featureItem`;\n  const pricingPlanBodyFeatureTitleClassName = `${pricingPlanBodyClass}__featureTitle`;\n  const pricingPlanBodyFeatureTitleTextClassName = `${pricingPlanBodyClass}__featureTitleText`;\n  const pricingPlanBodyFeatureDescriptionClassName = `${pricingPlanBodyClass}__featureDescription`;\n\n  const pricingPlanFooterClass = useClassNamePrefix('PricingPlanFooter');\n\n  const rootClassProps = classNames(pricingPlanClass, {\n    [pricingPlanComparableClass]: hasComparableFeatures,\n    [pricingPlanHighlightedClass]: isHighlighted,\n  });\n\n  const pricingPlanStyle: PricingPlanCSSProperties = {};\n\n  if (rows !== NUMBER_OF_PLAN_ROWS_DEFAULT) {\n    pricingPlanStyle[`--${cssVariablePrefix}pricing-plan-rows`] = rows?.toString();\n  }\n\n  return {\n    classProps: {\n      root: rootClassProps,\n      layout: pricingPlanLayoutClass,\n      header: {\n        root: pricingPlanHeaderClass,\n        badge: badge ? pricingPlanHeaderBadgeClassName : undefined,\n        content: pricingPlanHeaderContentClassName,\n        title: title ? pricingPlanHeaderTitleClassName : undefined,\n        subtitle: subtitle ? pricingPlanHeaderSubtitleClassName : undefined,\n        price: price ? pricingPlanHeaderPriceClassName : undefined,\n        action: action ? pricingPlanHeaderActionClassName : undefined,\n        note: note ? pricingPlanHeaderNoteClassName : undefined,\n      },\n      body: {\n        root: pricingPlanBodyClass,\n        featureList: pricingPlanBodyFeatureListClassName,\n        featureItem: pricingPlanBodyFeatureItemClassName,\n        featureTitle: pricingPlanBodyFeatureTitleClassName,\n        featureTitleText: pricingPlanBodyFeatureTitleTextClassName,\n        featureDescription: pricingPlanBodyFeatureDescriptionClassName,\n      },\n      footer: pricingPlanFooterClass,\n    },\n    props: restProps as Omit<T, keyof PricingPlanStyleProps>,\n    styleProps: pricingPlanStyle,\n  };\n};\n"],"names":["usePricingPlanStyleProps","props","hasComparableFeatures","isHighlighted","action","badge","title","subtitle","note","price","rows","restProps","pricingPlanClass","useClassNamePrefix","pricingPlanComparableClass","pricingPlanLayoutClass","pricingPlanHighlightedClass","pricingPlanHeaderClass","pricingPlanHeaderBadgeClassName","pricingPlanHeaderTitleClassName","pricingPlanHeaderSubtitleClassName","pricingPlanHeaderPriceClassName","pricingPlanHeaderActionClassName","pricingPlanHeaderNoteClassName","pricingPlanHeaderContentClassName","pricingPlanBodyClass","pricingPlanBodyFeatureListClassName","pricingPlanBodyFeatureItemClassName","pricingPlanBodyFeatureTitleClassName","pricingPlanBodyFeatureTitleTextClassName","pricingPlanBodyFeatureDescriptionClassName","pricingPlanFooterClass","rootClassProps","classNames","pricingPlanStyle","NUMBER_OF_PLAN_ROWS_DEFAULT","cssVariablePrefix"],"mappings":"uOAiDaA,EAA6DC,GAAyC,CACjH,KAAM,CAAE,sBAAAC,EAAuB,cAAAC,EAAe,OAAAC,EAAQ,MAAAC,EAAO,MAAAC,EAAO,SAAAC,EAAU,KAAAC,EAAM,MAAAC,EAAO,KAAAC,EAAM,GAAGC,CAAA,EAClGV,EAEIW,EAAmBC,EAAAA,mBAAmB,aAAa,EACnDC,EAA6B,GAAGF,CAAgB,uBAChDG,EAAyB,GAAGH,CAAgB,WAC5CI,EAA8B,GAAGJ,CAAgB,gBAEjDK,EAAyBJ,EAAAA,mBAAmB,mBAAmB,EAC/DK,EAAkC,GAAGD,CAAsB,UAC3DE,EAAkC,GAAGF,CAAsB,UAC3DG,EAAqC,GAAGH,CAAsB,aAC9DI,EAAkC,GAAGJ,CAAsB,UAC3DK,EAAmC,GAAGL,CAAsB,WAC5DM,EAAiC,GAAGN,CAAsB,SAC1DO,EAAoC,GAAGP,CAAsB,YAE7DQ,EAAuBZ,EAAAA,mBAAmB,iBAAiB,EAC3Da,EAAsC,GAAGD,CAAoB,gBAC7DE,EAAsC,GAAGF,CAAoB,gBAC7DG,EAAuC,GAAGH,CAAoB,iBAC9DI,EAA2C,GAAGJ,CAAoB,qBAClEK,EAA6C,GAAGL,CAAoB,uBAEpEM,EAAyBlB,EAAAA,mBAAmB,mBAAmB,EAE/DmB,EAAiBC,EAAWrB,EAAkB,CAClD,CAACE,CAA0B,EAAGZ,EAC9B,CAACc,CAA2B,EAAGb,CAAA,CAChC,EAEK+B,EAA6C,CAAA,EAEnD,OAAIxB,IAASyB,EAAAA,8BACXD,EAAiB,KAAKE,EAAAA,iBAAiB,mBAAmB,EAAI1B,GAAM,SAAA,GAG/D,CACL,WAAY,CACV,KAAMsB,EACN,OAAQjB,EACR,OAAQ,CACN,KAAME,EACN,MAAOZ,EAAQa,EAAkC,OACjD,QAASM,EACT,MAAOlB,EAAQa,EAAkC,OACjD,SAAUZ,EAAWa,EAAqC,OAC1D,MAAOX,EAAQY,EAAkC,OACjD,OAAQjB,EAASkB,EAAmC,OACpD,KAAMd,EAAOe,EAAiC,MAAA,EAEhD,KAAM,CACJ,KAAME,EACN,YAAaC,EACb,YAAaC,EACb,aAAcC,EACd,iBAAkBC,EAClB,mBAAoBC,CAAA,EAEtB,OAAQC,CAAA,EAEV,MAAOpB,EACP,WAAYuB,CAAA,CAEhB"}