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

package/dist/components/Pagination/usePagination.js

@@ -0,0 +1,36 @@
+"use client";
+import { useState as e, useMemo as y, useCallback as S } from "react";
+const k = ({ totalPages: r, onChange: h, defaultPage: m, visiblePages: n }) => {
+  const [o, A] = e(m <= 0 || m > r ? 1 : m ?? 1), [M, f] = e([n]);
+  y(() => {
+    const t = n > r ? r : n, c = r - o < t ? r - (t - 1) : o;
+    f(Array.from(Array(t), (p, u) => u + c));
+  }, [n, o, r]);
+  const C = S(
+    (t) => {
+      A(t), h && h(t);
+    },
+    [h]
+  ), s = () => {
+    const t = Math.floor(n / 2);
+    let c = Math.max(1, o - t);
+    const p = Math.min(c + n - 1, r);
+    if (r - n < c - 1) {
+      const u = r - n + 1;
+      c = u < 1 ? 1 : u;
+    }
+    return Array.from({ length: p - c + 1 }, (u, x) => c + x);
+  };
+  return y(() => {
+    f(s());
+  }, []), {
+    totalPages: r,
+    currentPage: o,
+    pages: M,
+    handlePageChange: C
+  };
+};
+export {
+  k as usePagination
+};
+//# sourceMappingURL=usePagination.js.map

package/dist/components/Pagination/usePagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.js","sources":["../../../src/components/Pagination/usePagination.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useMemo, useState } from 'react';\nimport { type UsePaginationProps } from '../../types/pagination';\n\nexport const usePagination = ({ totalPages, onChange, defaultPage, visiblePages }: UsePaginationProps) => {\n  const [currentPage, setCurrentPage] = useState(defaultPage <= 0 || defaultPage > totalPages ? 1 : (defaultPage ?? 1));\n  const [pages, setPagesArray] = useState([visiblePages]);\n\n  useMemo(() => {\n    const currentVisiblePages = visiblePages > totalPages ? totalPages : visiblePages;\n    const firstPageChapter =\n      totalPages - currentPage < currentVisiblePages ? totalPages - (currentVisiblePages - 1) : currentPage;\n\n    setPagesArray(Array.from(Array(currentVisiblePages), (_, index) => index + firstPageChapter));\n  }, [visiblePages, currentPage, totalPages]);\n\n  const handlePageChange = useCallback(\n    (pageNumber: number) => {\n      setCurrentPage(pageNumber);\n      onChange && onChange(pageNumber);\n    },\n    [onChange],\n  );\n\n  const getPagination = () => {\n    const halfChap = Math.floor(visiblePages / 2);\n    let startPage = Math.max(1, currentPage - halfChap);\n    const endPage = Math.min(startPage + visiblePages - 1, totalPages);\n\n    if (totalPages - visiblePages < startPage - 1) {\n      const tmpStartPage = totalPages - visiblePages + 1;\n      startPage = tmpStartPage < 1 ? 1 : tmpStartPage;\n    }\n\n    return Array.from({ length: endPage - startPage + 1 }, (_, i) => startPage + i);\n  };\n\n  useMemo(() => {\n    setPagesArray(getPagination());\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return {\n    totalPages,\n    currentPage,\n    pages,\n    handlePageChange,\n  };\n};\n"],"names":["usePagination","totalPages","onChange","defaultPage","visiblePages","currentPage","setCurrentPage","useState","pages","setPagesArray","useMemo","currentVisiblePages","firstPageChapter","_","index","handlePageChange","useCallback","pageNumber","getPagination","halfChap","startPage","endPage","tmpStartPage","i"],"mappings":";;AAKO,MAAMA,IAAgB,CAAC,EAAE,YAAAC,GAAY,UAAAC,GAAU,aAAAC,GAAa,cAAAC,QAAuC;AACxG,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAASJ,KAAe,KAAKA,IAAcF,IAAa,IAAKE,KAAe,CAAE,GAC9G,CAACK,GAAOC,CAAa,IAAIF,EAAS,CAACH,CAAY,CAAC;AAEtD,EAAAM,EAAQ,MAAM;AACZ,UAAMC,IAAsBP,IAAeH,IAAaA,IAAaG,GAC/DQ,IACJX,IAAaI,IAAcM,IAAsBV,KAAcU,IAAsB,KAAKN;AAE5F,IAAAI,EAAc,MAAM,KAAK,MAAME,CAAmB,GAAG,CAACE,GAAGC,MAAUA,IAAQF,CAAgB,CAAC;AAAA,EAC9F,GAAG,CAACR,GAAcC,GAAaJ,CAAU,CAAC;AAE1C,QAAMc,IAAmBC;AAAA,IACvB,CAACC,MAAuB;AACtB,MAAAX,EAAeW,CAAU,GACzBf,KAAYA,EAASe,CAAU;AAAA,IACjC;AAAA,IACA,CAACf,CAAQ;AAAA,EAAA,GAGLgB,IAAgB,MAAM;AAC1B,UAAMC,IAAW,KAAK,MAAMf,IAAe,CAAC;AAC5C,QAAIgB,IAAY,KAAK,IAAI,GAAGf,IAAcc,CAAQ;AAClD,UAAME,IAAU,KAAK,IAAID,IAAYhB,IAAe,GAAGH,CAAU;AAEjE,QAAIA,IAAaG,IAAegB,IAAY,GAAG;AAC7C,YAAME,IAAerB,IAAaG,IAAe;AACjD,MAAAgB,IAAYE,IAAe,IAAI,IAAIA;AAAA,IACrC;AAEA,WAAO,MAAM,KAAK,EAAE,QAAQD,IAAUD,IAAY,EAAA,GAAK,CAACP,GAAGU,MAAMH,IAAYG,CAAC;AAAA,EAChF;AAEA,SAAAb,EAAQ,MAAM;AACZ,IAAAD,EAAcS,GAAe;AAAA,EAE/B,GAAG,CAAA,CAAE,GAEE;AAAA,IACL,YAAAjB;AAAA,IACA,aAAAI;AAAA,IACA,OAAAG;AAAA,IACA,kBAAAO;AAAA,EAAA;AAEJ;"}

package/dist/components/Pagination/usePaginationStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("classnames"),o=require("../../hooks/useClassNamePrefix.cjs"),r=n=>{const s=o.useClassNamePrefix("Pagination"),e=`${s}__item`,t=`${s}__link`,i=`${t}--current`;return{classProps:{root:s,item:e,link:a(t,{[i]:n?.isCurrent})}}};exports.usePaginationStyleProps=r;
+//# sourceMappingURL=usePaginationStyleProps.cjs.map

package/dist/components/Pagination/usePaginationStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePaginationStyleProps.cjs","sources":["../../../src/components/Pagination/usePaginationStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\n\nexport interface UsePaginationStyleProps {\n  isCurrent?: boolean;\n}\n\nexport interface UsePaginationStyleReturn {\n  /** className props */\n  classProps: {\n    root: string;\n    item: string;\n    link: string;\n  };\n}\n\nexport const usePaginationStyleProps = (props?: UsePaginationStyleProps): UsePaginationStyleReturn => {\n  const paginationRootClass = useClassNamePrefix('Pagination');\n  const paginationItemClass = `${paginationRootClass}__item`;\n  const paginationLinkClass = `${paginationRootClass}__link`;\n  const paginationLinkCurrentClass = `${paginationLinkClass}--current`;\n\n  return {\n    classProps: {\n      root: paginationRootClass,\n      item: paginationItemClass,\n      link: classNames(paginationLinkClass, { [paginationLinkCurrentClass]: props?.isCurrent }),\n    },\n  };\n};\n"],"names":["usePaginationStyleProps","props","paginationRootClass","useClassNamePrefix","paginationItemClass","paginationLinkClass","paginationLinkCurrentClass","classNames"],"mappings":"8JAgBaA,EAA2BC,GAA8D,CACpG,MAAMC,EAAsBC,EAAAA,mBAAmB,YAAY,EACrDC,EAAsB,GAAGF,CAAmB,SAC5CG,EAAsB,GAAGH,CAAmB,SAC5CI,EAA6B,GAAGD,CAAmB,YAEzD,MAAO,CACL,WAAY,CACV,KAAMH,EACN,KAAME,EACN,KAAMG,EAAWF,EAAqB,CAAE,CAACC,CAA0B,EAAGL,GAAO,SAAA,CAAW,CAAA,CAC1F,CAEJ"}

package/dist/components/Pagination/usePaginationStyleProps.js

@@ -0,0 +1,16 @@
+import a from "classnames";
+import { useClassNamePrefix as r } from "../../hooks/useClassNamePrefix.js";
+const c = (n) => {
+  const s = r("Pagination"), i = `${s}__item`, t = `${s}__link`, o = `${t}--current`;
+  return {
+    classProps: {
+      root: s,
+      item: i,
+      link: a(t, { [o]: n?.isCurrent })
+    }
+  };
+};
+export {
+  c as usePaginationStyleProps
+};
+//# sourceMappingURL=usePaginationStyleProps.js.map

package/dist/components/Pagination/usePaginationStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePaginationStyleProps.js","sources":["../../../src/components/Pagination/usePaginationStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\n\nexport interface UsePaginationStyleProps {\n  isCurrent?: boolean;\n}\n\nexport interface UsePaginationStyleReturn {\n  /** className props */\n  classProps: {\n    root: string;\n    item: string;\n    link: string;\n  };\n}\n\nexport const usePaginationStyleProps = (props?: UsePaginationStyleProps): UsePaginationStyleReturn => {\n  const paginationRootClass = useClassNamePrefix('Pagination');\n  const paginationItemClass = `${paginationRootClass}__item`;\n  const paginationLinkClass = `${paginationRootClass}__link`;\n  const paginationLinkCurrentClass = `${paginationLinkClass}--current`;\n\n  return {\n    classProps: {\n      root: paginationRootClass,\n      item: paginationItemClass,\n      link: classNames(paginationLinkClass, { [paginationLinkCurrentClass]: props?.isCurrent }),\n    },\n  };\n};\n"],"names":["usePaginationStyleProps","props","paginationRootClass","useClassNamePrefix","paginationItemClass","paginationLinkClass","paginationLinkCurrentClass","classNames"],"mappings":";;AAgBO,MAAMA,IAA0B,CAACC,MAA8D;AACpG,QAAMC,IAAsBC,EAAmB,YAAY,GACrDC,IAAsB,GAAGF,CAAmB,UAC5CG,IAAsB,GAAGH,CAAmB,UAC5CI,IAA6B,GAAGD,CAAmB;AAEzD,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMH;AAAA,MACN,MAAME;AAAA,MACN,MAAMG,EAAWF,GAAqB,EAAE,CAACC,CAA0B,GAAGL,GAAO,UAAA,CAAW;AAAA,IAAA;AAAA,EAC1F;AAEJ;"}

package/dist/components/Pagination.d.ts

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

package/dist/components/PartnerLogo/PartnerLogo.cjs

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

package/dist/components/PartnerLogo/PartnerLogo.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PartnerLogo.cjs","sources":["../../../src/components/PartnerLogo/PartnerLogo.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { Sizes } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritPartnerLogoProps } from '../../types/partnerLogo';\nimport { usePartnerLogoStyleProps } from './usePartnerLogoStyleProps';\n\nconst defaultProps: Partial<SpiritPartnerLogoProps> = {\n  hasSafeArea: true,\n  isFluid: false,\n  size: Sizes.MEDIUM,\n};\n\nconst PartnerLogo = (props: SpiritPartnerLogoProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, ...restProps } = propsWithDefaults;\n\n  const { classProps, props: modifiedProps } = usePartnerLogoStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n\n  return (\n    <div {...otherProps} className={classNames(classProps, styleProps.className)} style={styleProps.style}>\n      {children}\n    </div>\n  );\n};\n\nPartnerLogo.spiritComponent = 'PartnerLogo';\n\nexport default PartnerLogo;\n"],"names":["defaultProps","Sizes","PartnerLogo","props","propsWithDefaults","children","restProps","classProps","modifiedProps","usePartnerLogoStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":"wTASMA,EAAgD,CACpD,YAAa,GACb,QAAS,GACT,KAAMC,EAAAA,MAAM,MACd,EAEMC,EAAeC,GAAkC,CACrD,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGG,CAAA,EAC1C,CAAE,SAAAE,EAAU,GAAGC,CAAA,EAAcF,EAE7B,CAAE,WAAAG,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,yBAAyBH,CAAS,EACzE,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAErE,OACEK,EAAAA,IAAC,MAAA,CAAK,GAAGF,EAAY,UAAWG,EAAWP,EAAYG,EAAW,SAAS,EAAG,MAAOA,EAAW,MAC7F,SAAAL,CAAA,CACH,CAEJ,EAEAH,EAAY,gBAAkB"}

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

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

package/dist/components/PartnerLogo/PartnerLogo.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as l } from "react/jsx-runtime";
+import m from "classnames";
+import { Sizes as n } from "../../constants/dictionaries.js";
+import { useStyleProps as c } from "../../hooks/styleProps.js";
+import { usePartnerLogoStyleProps as f } from "./usePartnerLogoStyleProps.js";
+const P = {
+  hasSafeArea: !0,
+  isFluid: !1,
+  size: n.MEDIUM
+}, u = (o) => {
+  const r = { ...P, ...o }, { children: t, ...e } = r, { classProps: p, props: a } = f(e), { styleProps: s, props: i } = c(a);
+  return /* @__PURE__ */ l("div", { ...i, className: m(p, s.className), style: s.style, children: t });
+};
+u.spiritComponent = "PartnerLogo";
+export {
+  u as default
+};
+//# sourceMappingURL=PartnerLogo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PartnerLogo.js","sources":["../../../src/components/PartnerLogo/PartnerLogo.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { Sizes } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritPartnerLogoProps } from '../../types/partnerLogo';\nimport { usePartnerLogoStyleProps } from './usePartnerLogoStyleProps';\n\nconst defaultProps: Partial<SpiritPartnerLogoProps> = {\n  hasSafeArea: true,\n  isFluid: false,\n  size: Sizes.MEDIUM,\n};\n\nconst PartnerLogo = (props: SpiritPartnerLogoProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, ...restProps } = propsWithDefaults;\n\n  const { classProps, props: modifiedProps } = usePartnerLogoStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n\n  return (\n    <div {...otherProps} className={classNames(classProps, styleProps.className)} style={styleProps.style}>\n      {children}\n    </div>\n  );\n};\n\nPartnerLogo.spiritComponent = 'PartnerLogo';\n\nexport default PartnerLogo;\n"],"names":["defaultProps","Sizes","PartnerLogo","props","propsWithDefaults","children","restProps","classProps","modifiedProps","usePartnerLogoStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":";;;;;;AASA,MAAMA,IAAgD;AAAA,EACpD,aAAa;AAAA,EACb,SAAS;AAAA,EACT,MAAMC,EAAM;AACd,GAEMC,IAAc,CAACC,MAAkC;AACrD,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGG,EAAA,GAC1C,EAAE,UAAAE,GAAU,GAAGC,EAAA,IAAcF,GAE7B,EAAE,YAAAG,GAAY,OAAOC,EAAA,IAAkBC,EAAyBH,CAAS,GACzE,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa;AAErE,SACE,gBAAAK,EAAC,OAAA,EAAK,GAAGF,GAAY,WAAWG,EAAWP,GAAYG,EAAW,SAAS,GAAG,OAAOA,EAAW,OAC7F,UAAAL,EAAA,CACH;AAEJ;AAEAH,EAAY,kBAAkB;"}

package/dist/components/PartnerLogo/index.cjs

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

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

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

package/dist/components/PartnerLogo/index.js

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

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

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

package/dist/components/PartnerLogo/usePartnerLogoStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("classnames"),u=require("../../hooks/useClassNamePrefix.cjs"),p=require("../../utils/responsive.cjs"),P=e=>{const{hasSafeArea:r,isFluid:o,size:a,...t}=e,s=u.useClassNamePrefix("PartnerLogo"),n=`${s}--fluid`,l=`${s}--safeArea`,i=p.generateResponsiveClassNames(s,a);return{classProps:c(s,{[n]:o,[l]:r},i),props:t}};exports.usePartnerLogoStyleProps=P;
+//# sourceMappingURL=usePartnerLogoStyleProps.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePartnerLogoStyleProps.cjs","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":"sMAUaA,EAA4BC,GAA6E,CACpH,KAAM,CAAE,YAAAC,EAAa,QAAAC,EAAS,KAAAC,EAAM,GAAGC,GAAcJ,EAE/CK,EAAmBC,EAAAA,mBAAmB,aAAa,EACnDC,EAAwB,GAAGF,CAAgB,UAC3CG,EAA2B,GAAGH,CAAgB,aAC9CI,EAAuBC,EAAAA,6BAA6BL,EAAkBF,CAAI,EAWhF,MAAO,CACL,WAViBQ,EACjBN,EACA,CACE,CAACE,CAAqB,EAAGL,EACzB,CAACM,CAAwB,EAAGP,CAAA,EAE9BQ,CAAA,EAKA,MAAOL,CAAA,CAEX"}

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

@@ -0,0 +1,6 @@
+import { SpiritPartnerLogoProps } from '../../types';
+export interface PartnerLogoStyles<T> {
+    classProps: string;
+    props: T;
+}
+export declare const usePartnerLogoStyleProps: (props: SpiritPartnerLogoProps) => PartnerLogoStyles<SpiritPartnerLogoProps>;

package/dist/components/PartnerLogo/usePartnerLogoStyleProps.js

@@ -0,0 +1,21 @@
+import i from "classnames";
+import { useClassNamePrefix as c } from "../../hooks/useClassNamePrefix.js";
+import { generateResponsiveClassNames as m } from "../../utils/responsive.js";
+const C = (r) => {
+  const { hasSafeArea: o, isFluid: e, size: a, ...t } = r, s = c("PartnerLogo"), n = `${s}--fluid`, p = `${s}--safeArea`, l = m(s, a);
+  return {
+    classProps: i(
+      s,
+      {
+        [n]: e,
+        [p]: o
+      },
+      l
+    ),
+    props: t
+  };
+};
+export {
+  C as usePartnerLogoStyleProps
+};
+//# sourceMappingURL=usePartnerLogoStyleProps.js.map

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