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

package/dist/components/PricingPlan/PricingPlanHeader.js

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

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

@@ -1 +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;"}
+{"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  elementType: 'header',\n  note: undefined,\n  price: undefined,\n  subtitle: undefined,\n  title: undefined,\n};\n\nconst PricingPlanHeader = <E extends ElementType = 'header'>(props: SpiritPricingPlanHeaderProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps } = usePricingPlanStyleProps(restProps);\n  const { badge, title, subtitle, price, action, note } = propsWithDefaults;\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.header.root,\n    styleProps,\n  });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps}>\n      {badge && <div className={classProps.header.badge}>{badge}</div>}\n      <div className={classProps.header.content}>\n        {title && <h3 className={classProps.header.title}>{title}</h3>}\n        {subtitle && <div className={classNames(classProps.header.subtitle)}>{subtitle}</div>}\n        {price && <div className={classProps.header.price}>{price}</div>}\n        {action && <div className={classProps.header.action}>{action}</div>}\n        {note && <div className={classProps.header.note}>{note}</div>}\n      </div>\n    </Component>\n  );\n};\n\nPricingPlanHeader.spiritComponent = 'PricingPlanHeader';\n\nexport default PricingPlanHeader;\n"],"names":["defaultProps","PricingPlanHeader","props","propsWithDefaults","elementType","restProps","Component","classProps","modifiedProps","usePricingPlanStyleProps","badge","title","subtitle","price","action","note","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsxs","classNames","jsx"],"mappings":";;;;;;AASA,MAAMA,IAAsD;AAAA,EAC1D,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AAAA,EACb,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,GAAa,GAAGC,EAAA,IAAcF,GAChCG,IAAYF,GAEZ,EAAE,YAAAG,GAAY,OAAOC,EAAA,IAAkBC,EAAyBJ,CAAS,GACzE,EAAE,OAAAK,GAAO,OAAAC,GAAO,UAAAC,GAAU,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,MAASZ,GAClD,EAAE,YAAAa,GAAY,OAAOC,EAAA,IAAeC,EAAcV,CAAa,GAC/DW,IAAmBC,EAAgBd,GAAW;AAAA,IAClD,YAAYC,EAAW,OAAO;AAAA,IAC9B,YAAAS;AAAA,EAAA,CACD;AAED,SACE,gBAAAK,EAACf,GAAA,EAAW,GAAGW,GAAa,GAAGE,GAC5B,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;AAEAd,EAAkB,kBAAkB;"}

package/dist/components/PricingPlan/usePricingPlanStyleProps.cjs

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

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

@@ -1 +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"}
+{"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 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: classNames(pricingPlanClass, {\n        [pricingPlanComparableClass]: hasComparableFeatures,\n        [pricingPlanHighlightedClass]: isHighlighted,\n      }),\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","pricingPlanStyle","NUMBER_OF_PLAN_ROWS_DEFAULT","cssVariablePrefix","classNames"],"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,EAA6C,CAAA,EAEnD,OAAItB,IAASuB,EAAAA,8BACXD,EAAiB,KAAKE,EAAAA,iBAAiB,mBAAmB,EAAIxB,GAAM,SAAA,GAG/D,CACL,WAAY,CACV,KAAMyB,EAAWvB,EAAkB,CACjC,CAACE,CAA0B,EAAGZ,EAC9B,CAACc,CAA2B,EAAGb,CAAA,CAChC,EACD,OAAQY,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,WAAYqB,CAAA,CAEhB"}

package/dist/components/PricingPlan/usePricingPlanStyleProps.js

@@ -1,15 +1,15 @@
-import { cssVariablePrefix as A } from "@alma-oss/spirit-design-tokens";
-import I from "classnames";
+import { cssVariablePrefix as D } from "@alma-oss/spirit-design-tokens";
+import A from "classnames";
 import { useClassNamePrefix as i } from "../../hooks/useClassNamePrefix.js";
-import { NUMBER_OF_PLAN_ROWS_DEFAULT as w } from "./constants.js";
-const M = (n) => {
-  const { hasComparableFeatures: o, isHighlighted: l, action: c, badge: p, title: P, subtitle: g, note: d, price: _, rows: s, ...m } = n, a = i("PricingPlan"), u = `${a}--comparableFeatures`, C = `${a}__layout`, f = `${a}--highlighted`, e = i("PricingPlanHeader"), N = `${e}__badge`, $ = `${e}__title`, y = `${e}__subtitle`, b = `${e}__price`, F = `${e}__action`, H = `${e}__note`, T = `${e}__content`, t = i("PricingPlanBody"), h = `${t}__featureList`, B = `${t}__featureItem`, v = `${t}__featureTitle`, x = `${t}__featureTitleText`, L = `${t}__featureDescription`, S = i("PricingPlanFooter"), D = I(a, {
-    [u]: o,
-    [f]: l
-  }), r = {};
-  return s !== w && (r[`--${A}pricing-plan-rows`] = s?.toString()), {
+import { NUMBER_OF_PLAN_ROWS_DEFAULT as I } from "./constants.js";
+const U = (n) => {
+  const { hasComparableFeatures: o, isHighlighted: l, action: c, badge: p, title: P, subtitle: g, note: d, price: _, rows: s, ...m } = n, a = i("PricingPlan"), u = `${a}--comparableFeatures`, C = `${a}__layout`, f = `${a}--highlighted`, e = i("PricingPlanHeader"), N = `${e}__badge`, $ = `${e}__title`, y = `${e}__subtitle`, b = `${e}__price`, F = `${e}__action`, H = `${e}__note`, T = `${e}__content`, t = i("PricingPlanBody"), h = `${t}__featureList`, B = `${t}__featureItem`, v = `${t}__featureTitle`, x = `${t}__featureTitleText`, L = `${t}__featureDescription`, S = i("PricingPlanFooter"), r = {};
+  return s !== I && (r[`--${D}pricing-plan-rows`] = s?.toString()), {
     classProps: {
-      root: D,
+      root: A(a, {
+        [u]: o,
+        [f]: l
+      }),
       layout: C,
       header: {
         root: e,
@@ -36,6 +36,6 @@ const M = (n) => {
   };
 };
 export {
-  M as usePricingPlanStyleProps
+  U as usePricingPlanStyleProps
 };
 //# sourceMappingURL=usePricingPlanStyleProps.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePricingPlanStyleProps.js","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":";;;;AAiDO,MAAMA,IAA2B,CAAkCC,MAAyC;AACjH,QAAM,EAAE,uBAAAC,GAAuB,eAAAC,GAAe,QAAAC,GAAQ,OAAAC,GAAO,OAAAC,GAAO,UAAAC,GAAU,MAAAC,GAAM,OAAAC,GAAO,MAAAC,GAAM,GAAGC,EAAA,IAClGV,GAEIW,IAAmBC,EAAmB,aAAa,GACnDC,IAA6B,GAAGF,CAAgB,wBAChDG,IAAyB,GAAGH,CAAgB,YAC5CI,IAA8B,GAAGJ,CAAgB,iBAEjDK,IAAyBJ,EAAmB,mBAAmB,GAC/DK,IAAkC,GAAGD,CAAsB,WAC3DE,IAAkC,GAAGF,CAAsB,WAC3DG,IAAqC,GAAGH,CAAsB,cAC9DI,IAAkC,GAAGJ,CAAsB,WAC3DK,IAAmC,GAAGL,CAAsB,YAC5DM,IAAiC,GAAGN,CAAsB,UAC1DO,IAAoC,GAAGP,CAAsB,aAE7DQ,IAAuBZ,EAAmB,iBAAiB,GAC3Da,IAAsC,GAAGD,CAAoB,iBAC7DE,IAAsC,GAAGF,CAAoB,iBAC7DG,IAAuC,GAAGH,CAAoB,kBAC9DI,IAA2C,GAAGJ,CAAoB,sBAClEK,IAA6C,GAAGL,CAAoB,wBAEpEM,IAAyBlB,EAAmB,mBAAmB,GAE/DmB,IAAiBC,EAAWrB,GAAkB;AAAA,IAClD,CAACE,CAA0B,GAAGZ;AAAA,IAC9B,CAACc,CAA2B,GAAGb;AAAA,EAAA,CAChC,GAEK+B,IAA6C,CAAA;AAEnD,SAAIxB,MAASyB,MACXD,EAAiB,KAAKE,CAAiB,mBAAmB,IAAI1B,GAAM,SAAA,IAG/D;AAAA,IACL,YAAY;AAAA,MACV,MAAMsB;AAAA,MACN,QAAQjB;AAAA,MACR,QAAQ;AAAA,QACN,MAAME;AAAA,QACN,OAAOZ,IAAQa,IAAkC;AAAA,QACjD,SAASM;AAAA,QACT,OAAOlB,IAAQa,IAAkC;AAAA,QACjD,UAAUZ,IAAWa,IAAqC;AAAA,QAC1D,OAAOX,IAAQY,IAAkC;AAAA,QACjD,QAAQjB,IAASkB,IAAmC;AAAA,QACpD,MAAMd,IAAOe,IAAiC;AAAA,MAAA;AAAA,MAEhD,MAAM;AAAA,QACJ,MAAME;AAAA,QACN,aAAaC;AAAA,QACb,aAAaC;AAAA,QACb,cAAcC;AAAA,QACd,kBAAkBC;AAAA,QAClB,oBAAoBC;AAAA,MAAA;AAAA,MAEtB,QAAQC;AAAA,IAAA;AAAA,IAEV,OAAOpB;AAAA,IACP,YAAYuB;AAAA,EAAA;AAEhB;"}
+{"version":3,"file":"usePricingPlanStyleProps.js","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 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: classNames(pricingPlanClass, {\n        [pricingPlanComparableClass]: hasComparableFeatures,\n        [pricingPlanHighlightedClass]: isHighlighted,\n      }),\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","pricingPlanStyle","NUMBER_OF_PLAN_ROWS_DEFAULT","cssVariablePrefix","classNames"],"mappings":";;;;AAiDO,MAAMA,IAA2B,CAAkCC,MAAyC;AACjH,QAAM,EAAE,uBAAAC,GAAuB,eAAAC,GAAe,QAAAC,GAAQ,OAAAC,GAAO,OAAAC,GAAO,UAAAC,GAAU,MAAAC,GAAM,OAAAC,GAAO,MAAAC,GAAM,GAAGC,EAAA,IAClGV,GAEIW,IAAmBC,EAAmB,aAAa,GACnDC,IAA6B,GAAGF,CAAgB,wBAChDG,IAAyB,GAAGH,CAAgB,YAC5CI,IAA8B,GAAGJ,CAAgB,iBAEjDK,IAAyBJ,EAAmB,mBAAmB,GAC/DK,IAAkC,GAAGD,CAAsB,WAC3DE,IAAkC,GAAGF,CAAsB,WAC3DG,IAAqC,GAAGH,CAAsB,cAC9DI,IAAkC,GAAGJ,CAAsB,WAC3DK,IAAmC,GAAGL,CAAsB,YAC5DM,IAAiC,GAAGN,CAAsB,UAC1DO,IAAoC,GAAGP,CAAsB,aAE7DQ,IAAuBZ,EAAmB,iBAAiB,GAC3Da,IAAsC,GAAGD,CAAoB,iBAC7DE,IAAsC,GAAGF,CAAoB,iBAC7DG,IAAuC,GAAGH,CAAoB,kBAC9DI,IAA2C,GAAGJ,CAAoB,sBAClEK,IAA6C,GAAGL,CAAoB,wBAEpEM,IAAyBlB,EAAmB,mBAAmB,GAE/DmB,IAA6C,CAAA;AAEnD,SAAItB,MAASuB,MACXD,EAAiB,KAAKE,CAAiB,mBAAmB,IAAIxB,GAAM,SAAA,IAG/D;AAAA,IACL,YAAY;AAAA,MACV,MAAMyB,EAAWvB,GAAkB;AAAA,QACjC,CAACE,CAA0B,GAAGZ;AAAA,QAC9B,CAACc,CAA2B,GAAGb;AAAA,MAAA,CAChC;AAAA,MACD,QAAQY;AAAA,MACR,QAAQ;AAAA,QACN,MAAME;AAAA,QACN,OAAOZ,IAAQa,IAAkC;AAAA,QACjD,SAASM;AAAA,QACT,OAAOlB,IAAQa,IAAkC;AAAA,QACjD,UAAUZ,IAAWa,IAAqC;AAAA,QAC1D,OAAOX,IAAQY,IAAkC;AAAA,QACjD,QAAQjB,IAASkB,IAAmC;AAAA,QACpD,MAAMd,IAAOe,IAAiC;AAAA,MAAA;AAAA,MAEhD,MAAM;AAAA,QACJ,MAAME;AAAA,QACN,aAAaC;AAAA,QACb,aAAaC;AAAA,QACb,cAAcC;AAAA,QACd,kBAAkBC;AAAA,QAClB,oBAAoBC;AAAA,MAAA;AAAA,MAEtB,QAAQC;AAAA,IAAA;AAAA,IAEV,OAAOpB;AAAA,IACP,YAAYqB;AAAA,EAAA;AAEhB;"}

package/dist/components/PricingPlan.d.ts

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

package/dist/components/ProductLogo/demo/ProductLogoDefault.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("react/jsx-runtime"),t=require("../ProductLogo.cjs"),l=C.jsxs("svg",{width:"178",height:"44",viewBox:"0 0 178 44",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[C.jsx("title",{children:"Product logo"}),C.jsx("g",{clipPath:"url(#clip0_19404_2964)",children:C.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2 22C15.9836 22 24 13.9836 24 0C24 13.9836 32.0164 22 46 22C32.0164 22 24 30.0164 24 44C24 30.0164 15.9836 22 2 22Z",fill:"url(#paint0_linear_19404_2964)"})}),C.jsx("path",{d:"M52 25.9625V24.6625H55.9V25.9625C55.9 26.9375 56.45 27.8375 58 27.8375C59.5 27.8375 60.075 27.0625 60.075 25.8125V12.7625H64.125V26.0625C64.125 29.2375 61.775 31.5875 58.05 31.5875C53.975 31.5875 52 29.1625 52 25.9625Z",fill:"#1D1D1D"}),C.jsx("path",{d:"M66.7037 24.9875C66.7037 21.0375 69.6037 18.3875 73.6037 18.3875C77.5787 18.3875 80.4787 21.0375 80.4787 24.9875C80.4787 28.9375 77.5787 31.5625 73.6037 31.5625C69.6037 31.5625 66.7037 28.9375 66.7037 24.9875ZM70.5787 24.9625C70.5787 26.8625 71.8037 28.1125 73.6037 28.1125C75.3787 28.1125 76.6037 26.8625 76.6037 24.9625C76.6037 23.0875 75.3787 21.8375 73.6037 21.8375C71.8037 21.8375 70.5787 23.0875 70.5787 24.9625Z",fill:"#1D1D1D"}),C.jsx("path",{d:"M86.3357 31.2625H82.7107V12.4125H86.5607V20.2125C87.3107 19.0875 88.9607 18.3375 90.7607 18.3375C94.2607 18.3375 96.4857 21.0625 96.4857 25.1375C96.4857 29.0125 94.0107 31.5875 90.4607 31.5875C88.7107 31.5875 87.2107 30.8125 86.5357 29.6625L86.3357 31.2625ZM86.5857 24.9375C86.5857 26.8125 87.8357 28.0625 89.6357 28.0625C91.4607 28.0625 92.6107 26.7875 92.6107 24.9375C92.6107 23.0875 91.4607 21.8125 89.6357 21.8125C87.8357 21.8125 86.5857 23.0625 86.5857 24.9375Z",fill:"#1D1D1D"}),C.jsx("path",{d:"M99.177 31.2625V12.7625H106.877C110.602 12.7625 112.852 14.7125 112.852 17.8875C112.852 19.8625 111.952 21.3125 110.277 22.0375C112.102 22.6375 113.077 24.0625 113.077 26.1625C113.077 29.4375 110.877 31.2625 106.877 31.2625H99.177ZM106.452 16.3125H103.227V20.3375H106.452C107.902 20.3375 108.702 19.6125 108.702 18.2875C108.702 16.9875 107.927 16.3125 106.452 16.3125ZM106.652 23.7375H103.227V27.7125H106.652C108.152 27.7125 108.927 27.0375 108.927 25.6625C108.927 24.4125 108.127 23.7375 106.652 23.7375Z",fill:"#1D1D1D"}),C.jsx("path",{d:"M114.653 24.9875C114.653 21.0375 117.553 18.3875 121.553 18.3875C125.528 18.3875 128.428 21.0375 128.428 24.9875C128.428 28.9375 125.528 31.5625 121.553 31.5625C117.553 31.5625 114.653 28.9375 114.653 24.9875ZM118.528 24.9625C118.528 26.8625 119.753 28.1125 121.553 28.1125C123.328 28.1125 124.553 26.8625 124.553 24.9625C124.553 23.0875 123.328 21.8375 121.553 21.8375C119.753 21.8375 118.528 23.0875 118.528 24.9625Z",fill:"#1D1D1D"}),C.jsx("path",{d:"M134.435 31.5875C131.785 31.5875 130.135 30.0375 130.135 27.5875C130.135 25.2875 131.76 23.8625 134.76 23.6375L138.26 23.3625V23.1625C138.26 21.9375 137.51 21.2875 136.135 21.2875C134.51 21.2875 133.635 21.9125 133.635 23.0375H130.435C130.435 20.2125 132.76 18.3625 136.335 18.3625C139.96 18.3625 142.01 20.3875 142.01 23.9625V31.2625H138.61L138.36 29.6125C137.96 30.7625 136.31 31.5875 134.435 31.5875ZM135.785 28.7375C137.26 28.7375 138.285 28.0125 138.285 26.5875V25.9125L136.335 26.0875C134.66 26.2375 134.06 26.6125 134.06 27.4125C134.06 28.3125 134.61 28.7375 135.785 28.7375Z",fill:"#1D1D1D"}),C.jsx("path",{d:"M153.371 18.7625V22.3875H152.146C149.946 22.3875 148.621 23.3625 148.621 25.8375V31.2625H144.771V18.7875H148.396L148.596 20.6375C149.121 19.4125 150.221 18.5875 151.896 18.5875C152.346 18.5875 152.846 18.6375 153.371 18.7625Z",fill:"#1D1D1D"}),C.jsx("path",{d:"M160.202 31.5875C156.602 31.5875 154.277 29.0375 154.277 25.0875C154.277 21.1125 156.652 18.3625 160.452 18.3625C162.002 18.3625 163.477 18.9875 164.202 19.9125V12.4125H168.052V31.2625H164.427L164.227 29.6625C163.552 30.8125 162.002 31.5875 160.202 31.5875ZM161.127 28.0625C162.927 28.0625 164.177 26.8125 164.177 24.9375C164.177 23.0625 162.927 21.8125 161.127 21.8125C159.302 21.8125 158.152 23.0875 158.152 24.9375C158.152 26.7875 159.302 28.0625 161.127 28.0625Z",fill:"#1D1D1D"}),C.jsx("path",{d:"M173.343 31.5875C172.068 31.5875 171.043 30.5625 171.043 29.3375C171.043 28.0875 172.068 27.0625 173.343 27.0625C174.568 27.0625 175.643 28.0875 175.643 29.3375C175.643 30.5625 174.568 31.5875 173.343 31.5875Z",fill:"#1D1D1D"}),C.jsxs("defs",{children:[C.jsxs("linearGradient",{id:"paint0_linear_19404_2964",x1:"5.14205",y1:"7.05282",x2:"45.2356",y2:"31.3983",gradientUnits:"userSpaceOnUse",children:[C.jsx("stop",{stopColor:"#FFCB3B"}),C.jsx("stop",{offset:"0.28",stopColor:"#FD7E40"}),C.jsx("stop",{offset:"0.67",stopColor:"#8F66FF"}),C.jsx("stop",{offset:"0.89",stopColor:"#4DD7BE"})]}),C.jsx("clipPath",{id:"clip0_19404_2964",children:C.jsx("rect",{width:"44",height:"44",fill:"white",transform:"translate(2)"})})]})]}),e=()=>C.jsx(t.default,{children:l});exports.default=e;exports.defaultSvgLogo=l;
+//# sourceMappingURL=ProductLogoDefault.cjs.map

package/dist/components/ProductLogo/demo/ProductLogoDefault.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductLogoDefault.cjs","sources":["../../../../src/components/ProductLogo/demo/ProductLogoDefault.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components -- Demo file exports constants alongside components */\nimport React from 'react';\nimport ProductLogo from '../ProductLogo';\n\nexport const defaultSvgLogo = (\n  <svg width=\"178\" height=\"44\" viewBox=\"0 0 178 44\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <title>Product logo</title>\n    <g clipPath=\"url(#clip0_19404_2964)\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M2 22C15.9836 22 24 13.9836 24 0C24 13.9836 32.0164 22 46 22C32.0164 22 24 30.0164 24 44C24 30.0164 15.9836 22 2 22Z\"\n        fill=\"url(#paint0_linear_19404_2964)\"\n      />\n    </g>\n    <path\n      d=\"M52 25.9625V24.6625H55.9V25.9625C55.9 26.9375 56.45 27.8375 58 27.8375C59.5 27.8375 60.075 27.0625 60.075 25.8125V12.7625H64.125V26.0625C64.125 29.2375 61.775 31.5875 58.05 31.5875C53.975 31.5875 52 29.1625 52 25.9625Z\"\n      fill=\"#1D1D1D\"\n    />\n    <path\n      d=\"M66.7037 24.9875C66.7037 21.0375 69.6037 18.3875 73.6037 18.3875C77.5787 18.3875 80.4787 21.0375 80.4787 24.9875C80.4787 28.9375 77.5787 31.5625 73.6037 31.5625C69.6037 31.5625 66.7037 28.9375 66.7037 24.9875ZM70.5787 24.9625C70.5787 26.8625 71.8037 28.1125 73.6037 28.1125C75.3787 28.1125 76.6037 26.8625 76.6037 24.9625C76.6037 23.0875 75.3787 21.8375 73.6037 21.8375C71.8037 21.8375 70.5787 23.0875 70.5787 24.9625Z\"\n      fill=\"#1D1D1D\"\n    />\n    <path\n      d=\"M86.3357 31.2625H82.7107V12.4125H86.5607V20.2125C87.3107 19.0875 88.9607 18.3375 90.7607 18.3375C94.2607 18.3375 96.4857 21.0625 96.4857 25.1375C96.4857 29.0125 94.0107 31.5875 90.4607 31.5875C88.7107 31.5875 87.2107 30.8125 86.5357 29.6625L86.3357 31.2625ZM86.5857 24.9375C86.5857 26.8125 87.8357 28.0625 89.6357 28.0625C91.4607 28.0625 92.6107 26.7875 92.6107 24.9375C92.6107 23.0875 91.4607 21.8125 89.6357 21.8125C87.8357 21.8125 86.5857 23.0625 86.5857 24.9375Z\"\n      fill=\"#1D1D1D\"\n    />\n    <path\n      d=\"M99.177 31.2625V12.7625H106.877C110.602 12.7625 112.852 14.7125 112.852 17.8875C112.852 19.8625 111.952 21.3125 110.277 22.0375C112.102 22.6375 113.077 24.0625 113.077 26.1625C113.077 29.4375 110.877 31.2625 106.877 31.2625H99.177ZM106.452 16.3125H103.227V20.3375H106.452C107.902 20.3375 108.702 19.6125 108.702 18.2875C108.702 16.9875 107.927 16.3125 106.452 16.3125ZM106.652 23.7375H103.227V27.7125H106.652C108.152 27.7125 108.927 27.0375 108.927 25.6625C108.927 24.4125 108.127 23.7375 106.652 23.7375Z\"\n      fill=\"#1D1D1D\"\n    />\n    <path\n      d=\"M114.653 24.9875C114.653 21.0375 117.553 18.3875 121.553 18.3875C125.528 18.3875 128.428 21.0375 128.428 24.9875C128.428 28.9375 125.528 31.5625 121.553 31.5625C117.553 31.5625 114.653 28.9375 114.653 24.9875ZM118.528 24.9625C118.528 26.8625 119.753 28.1125 121.553 28.1125C123.328 28.1125 124.553 26.8625 124.553 24.9625C124.553 23.0875 123.328 21.8375 121.553 21.8375C119.753 21.8375 118.528 23.0875 118.528 24.9625Z\"\n      fill=\"#1D1D1D\"\n    />\n    <path\n      d=\"M134.435 31.5875C131.785 31.5875 130.135 30.0375 130.135 27.5875C130.135 25.2875 131.76 23.8625 134.76 23.6375L138.26 23.3625V23.1625C138.26 21.9375 137.51 21.2875 136.135 21.2875C134.51 21.2875 133.635 21.9125 133.635 23.0375H130.435C130.435 20.2125 132.76 18.3625 136.335 18.3625C139.96 18.3625 142.01 20.3875 142.01 23.9625V31.2625H138.61L138.36 29.6125C137.96 30.7625 136.31 31.5875 134.435 31.5875ZM135.785 28.7375C137.26 28.7375 138.285 28.0125 138.285 26.5875V25.9125L136.335 26.0875C134.66 26.2375 134.06 26.6125 134.06 27.4125C134.06 28.3125 134.61 28.7375 135.785 28.7375Z\"\n      fill=\"#1D1D1D\"\n    />\n    <path\n      d=\"M153.371 18.7625V22.3875H152.146C149.946 22.3875 148.621 23.3625 148.621 25.8375V31.2625H144.771V18.7875H148.396L148.596 20.6375C149.121 19.4125 150.221 18.5875 151.896 18.5875C152.346 18.5875 152.846 18.6375 153.371 18.7625Z\"\n      fill=\"#1D1D1D\"\n    />\n    <path\n      d=\"M160.202 31.5875C156.602 31.5875 154.277 29.0375 154.277 25.0875C154.277 21.1125 156.652 18.3625 160.452 18.3625C162.002 18.3625 163.477 18.9875 164.202 19.9125V12.4125H168.052V31.2625H164.427L164.227 29.6625C163.552 30.8125 162.002 31.5875 160.202 31.5875ZM161.127 28.0625C162.927 28.0625 164.177 26.8125 164.177 24.9375C164.177 23.0625 162.927 21.8125 161.127 21.8125C159.302 21.8125 158.152 23.0875 158.152 24.9375C158.152 26.7875 159.302 28.0625 161.127 28.0625Z\"\n      fill=\"#1D1D1D\"\n    />\n    <path\n      d=\"M173.343 31.5875C172.068 31.5875 171.043 30.5625 171.043 29.3375C171.043 28.0875 172.068 27.0625 173.343 27.0625C174.568 27.0625 175.643 28.0875 175.643 29.3375C175.643 30.5625 174.568 31.5875 173.343 31.5875Z\"\n      fill=\"#1D1D1D\"\n    />\n    <defs>\n      <linearGradient\n        id=\"paint0_linear_19404_2964\"\n        x1=\"5.14205\"\n        y1=\"7.05282\"\n        x2=\"45.2356\"\n        y2=\"31.3983\"\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop stopColor=\"#FFCB3B\" />\n        <stop offset=\"0.28\" stopColor=\"#FD7E40\" />\n        <stop offset=\"0.67\" stopColor=\"#8F66FF\" />\n        <stop offset=\"0.89\" stopColor=\"#4DD7BE\" />\n      </linearGradient>\n      <clipPath id=\"clip0_19404_2964\">\n        <rect width=\"44\" height=\"44\" fill=\"white\" transform=\"translate(2)\" />\n      </clipPath>\n    </defs>\n  </svg>\n);\n\nconst ProductLogoDefault = () => <ProductLogo>{defaultSvgLogo}</ProductLogo>;\n\nexport default ProductLogoDefault;\n"],"names":["defaultSvgLogo","jsxs","jsx","ProductLogoDefault","ProductLogo"],"mappings":"iLAIaA,EACXC,EAAAA,KAAC,MAAA,CAAI,MAAM,MAAM,OAAO,KAAK,QAAQ,aAAa,KAAK,OAAO,MAAM,6BAClE,SAAA,CAAAC,EAAAA,IAAC,SAAM,SAAA,cAAA,CAAY,EACnBA,EAAAA,IAAC,IAAA,CAAE,SAAS,yBACV,SAAAA,EAAAA,IAAC,OAAA,CACC,SAAS,UACT,SAAS,UACT,EAAE,uHACF,KAAK,gCAAA,CAAA,EAET,EACAA,EAAAA,IAAC,OAAA,CACC,EAAE,6NACF,KAAK,SAAA,CAAA,EAEPA,EAAAA,IAAC,OAAA,CACC,EAAE,qaACF,KAAK,SAAA,CAAA,EAEPA,EAAAA,IAAC,OAAA,CACC,EAAE,qdACF,KAAK,SAAA,CAAA,EAEPA,EAAAA,IAAC,OAAA,CACC,EAAE,4fACF,KAAK,SAAA,CAAA,EAEPA,EAAAA,IAAC,OAAA,CACC,EAAE,qaACF,KAAK,SAAA,CAAA,EAEPA,EAAAA,IAAC,OAAA,CACC,EAAE,ykBACF,KAAK,SAAA,CAAA,EAEPA,EAAAA,IAAC,OAAA,CACC,EAAE,oOACF,KAAK,SAAA,CAAA,EAEPA,EAAAA,IAAC,OAAA,CACC,EAAE,qdACF,KAAK,SAAA,CAAA,EAEPA,EAAAA,IAAC,OAAA,CACC,EAAE,oNACF,KAAK,SAAA,CAAA,SAEN,OAAA,CACC,SAAA,CAAAD,EAAAA,KAAC,iBAAA,CACC,GAAG,2BACH,GAAG,UACH,GAAG,UACH,GAAG,UACH,GAAG,UACH,cAAc,iBAEd,SAAA,CAAAC,EAAAA,IAAC,OAAA,CAAK,UAAU,SAAA,CAAU,EAC1BA,EAAAA,IAAC,OAAA,CAAK,OAAO,OAAO,UAAU,UAAU,EACxCA,EAAAA,IAAC,OAAA,CAAK,OAAO,OAAO,UAAU,UAAU,EACxCA,EAAAA,IAAC,OAAA,CAAK,OAAO,OAAO,UAAU,SAAA,CAAU,CAAA,CAAA,CAAA,EAE1CA,EAAAA,IAAC,WAAA,CAAS,GAAG,mBACX,eAAC,OAAA,CAAK,MAAM,KAAK,OAAO,KAAK,KAAK,QAAQ,UAAU,eAAe,CAAA,CACrE,CAAA,CAAA,CACF,CAAA,CAAA,CACF,EAGIC,EAAqB,IAAMD,EAAAA,IAACE,EAAAA,QAAA,CAAa,SAAAJ,CAAA,CAAe"}

package/dist/components/ProductLogo/demo/ProductLogoDefault.js

@@ -0,0 +1,102 @@
+import { jsx as C, jsxs as l } from "react/jsx-runtime";
+import t from "../ProductLogo.js";
+const i = /* @__PURE__ */ l("svg", { width: "178", height: "44", viewBox: "0 0 178 44", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ C("title", { children: "Product logo" }),
+  /* @__PURE__ */ C("g", { clipPath: "url(#clip0_19404_2964)", children: /* @__PURE__ */ C(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M2 22C15.9836 22 24 13.9836 24 0C24 13.9836 32.0164 22 46 22C32.0164 22 24 30.0164 24 44C24 30.0164 15.9836 22 2 22Z",
+      fill: "url(#paint0_linear_19404_2964)"
+    }
+  ) }),
+  /* @__PURE__ */ C(
+    "path",
+    {
+      d: "M52 25.9625V24.6625H55.9V25.9625C55.9 26.9375 56.45 27.8375 58 27.8375C59.5 27.8375 60.075 27.0625 60.075 25.8125V12.7625H64.125V26.0625C64.125 29.2375 61.775 31.5875 58.05 31.5875C53.975 31.5875 52 29.1625 52 25.9625Z",
+      fill: "#1D1D1D"
+    }
+  ),
+  /* @__PURE__ */ C(
+    "path",
+    {
+      d: "M66.7037 24.9875C66.7037 21.0375 69.6037 18.3875 73.6037 18.3875C77.5787 18.3875 80.4787 21.0375 80.4787 24.9875C80.4787 28.9375 77.5787 31.5625 73.6037 31.5625C69.6037 31.5625 66.7037 28.9375 66.7037 24.9875ZM70.5787 24.9625C70.5787 26.8625 71.8037 28.1125 73.6037 28.1125C75.3787 28.1125 76.6037 26.8625 76.6037 24.9625C76.6037 23.0875 75.3787 21.8375 73.6037 21.8375C71.8037 21.8375 70.5787 23.0875 70.5787 24.9625Z",
+      fill: "#1D1D1D"
+    }
+  ),
+  /* @__PURE__ */ C(
+    "path",
+    {
+      d: "M86.3357 31.2625H82.7107V12.4125H86.5607V20.2125C87.3107 19.0875 88.9607 18.3375 90.7607 18.3375C94.2607 18.3375 96.4857 21.0625 96.4857 25.1375C96.4857 29.0125 94.0107 31.5875 90.4607 31.5875C88.7107 31.5875 87.2107 30.8125 86.5357 29.6625L86.3357 31.2625ZM86.5857 24.9375C86.5857 26.8125 87.8357 28.0625 89.6357 28.0625C91.4607 28.0625 92.6107 26.7875 92.6107 24.9375C92.6107 23.0875 91.4607 21.8125 89.6357 21.8125C87.8357 21.8125 86.5857 23.0625 86.5857 24.9375Z",
+      fill: "#1D1D1D"
+    }
+  ),
+  /* @__PURE__ */ C(
+    "path",
+    {
+      d: "M99.177 31.2625V12.7625H106.877C110.602 12.7625 112.852 14.7125 112.852 17.8875C112.852 19.8625 111.952 21.3125 110.277 22.0375C112.102 22.6375 113.077 24.0625 113.077 26.1625C113.077 29.4375 110.877 31.2625 106.877 31.2625H99.177ZM106.452 16.3125H103.227V20.3375H106.452C107.902 20.3375 108.702 19.6125 108.702 18.2875C108.702 16.9875 107.927 16.3125 106.452 16.3125ZM106.652 23.7375H103.227V27.7125H106.652C108.152 27.7125 108.927 27.0375 108.927 25.6625C108.927 24.4125 108.127 23.7375 106.652 23.7375Z",
+      fill: "#1D1D1D"
+    }
+  ),
+  /* @__PURE__ */ C(
+    "path",
+    {
+      d: "M114.653 24.9875C114.653 21.0375 117.553 18.3875 121.553 18.3875C125.528 18.3875 128.428 21.0375 128.428 24.9875C128.428 28.9375 125.528 31.5625 121.553 31.5625C117.553 31.5625 114.653 28.9375 114.653 24.9875ZM118.528 24.9625C118.528 26.8625 119.753 28.1125 121.553 28.1125C123.328 28.1125 124.553 26.8625 124.553 24.9625C124.553 23.0875 123.328 21.8375 121.553 21.8375C119.753 21.8375 118.528 23.0875 118.528 24.9625Z",
+      fill: "#1D1D1D"
+    }
+  ),
+  /* @__PURE__ */ C(
+    "path",
+    {
+      d: "M134.435 31.5875C131.785 31.5875 130.135 30.0375 130.135 27.5875C130.135 25.2875 131.76 23.8625 134.76 23.6375L138.26 23.3625V23.1625C138.26 21.9375 137.51 21.2875 136.135 21.2875C134.51 21.2875 133.635 21.9125 133.635 23.0375H130.435C130.435 20.2125 132.76 18.3625 136.335 18.3625C139.96 18.3625 142.01 20.3875 142.01 23.9625V31.2625H138.61L138.36 29.6125C137.96 30.7625 136.31 31.5875 134.435 31.5875ZM135.785 28.7375C137.26 28.7375 138.285 28.0125 138.285 26.5875V25.9125L136.335 26.0875C134.66 26.2375 134.06 26.6125 134.06 27.4125C134.06 28.3125 134.61 28.7375 135.785 28.7375Z",
+      fill: "#1D1D1D"
+    }
+  ),
+  /* @__PURE__ */ C(
+    "path",
+    {
+      d: "M153.371 18.7625V22.3875H152.146C149.946 22.3875 148.621 23.3625 148.621 25.8375V31.2625H144.771V18.7875H148.396L148.596 20.6375C149.121 19.4125 150.221 18.5875 151.896 18.5875C152.346 18.5875 152.846 18.6375 153.371 18.7625Z",
+      fill: "#1D1D1D"
+    }
+  ),
+  /* @__PURE__ */ C(
+    "path",
+    {
+      d: "M160.202 31.5875C156.602 31.5875 154.277 29.0375 154.277 25.0875C154.277 21.1125 156.652 18.3625 160.452 18.3625C162.002 18.3625 163.477 18.9875 164.202 19.9125V12.4125H168.052V31.2625H164.427L164.227 29.6625C163.552 30.8125 162.002 31.5875 160.202 31.5875ZM161.127 28.0625C162.927 28.0625 164.177 26.8125 164.177 24.9375C164.177 23.0625 162.927 21.8125 161.127 21.8125C159.302 21.8125 158.152 23.0875 158.152 24.9375C158.152 26.7875 159.302 28.0625 161.127 28.0625Z",
+      fill: "#1D1D1D"
+    }
+  ),
+  /* @__PURE__ */ C(
+    "path",
+    {
+      d: "M173.343 31.5875C172.068 31.5875 171.043 30.5625 171.043 29.3375C171.043 28.0875 172.068 27.0625 173.343 27.0625C174.568 27.0625 175.643 28.0875 175.643 29.3375C175.643 30.5625 174.568 31.5875 173.343 31.5875Z",
+      fill: "#1D1D1D"
+    }
+  ),
+  /* @__PURE__ */ l("defs", { children: [
+    /* @__PURE__ */ l(
+      "linearGradient",
+      {
+        id: "paint0_linear_19404_2964",
+        x1: "5.14205",
+        y1: "7.05282",
+        x2: "45.2356",
+        y2: "31.3983",
+        gradientUnits: "userSpaceOnUse",
+        children: [
+          /* @__PURE__ */ C("stop", { stopColor: "#FFCB3B" }),
+          /* @__PURE__ */ C("stop", { offset: "0.28", stopColor: "#FD7E40" }),
+          /* @__PURE__ */ C("stop", { offset: "0.67", stopColor: "#8F66FF" }),
+          /* @__PURE__ */ C("stop", { offset: "0.89", stopColor: "#4DD7BE" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ C("clipPath", { id: "clip0_19404_2964", children: /* @__PURE__ */ C("rect", { width: "44", height: "44", fill: "white", transform: "translate(2)" }) })
+  ] })
+] }), d = () => /* @__PURE__ */ C(t, { children: i });
+export {
+  d as default,
+  i as defaultSvgLogo
+};
+//# sourceMappingURL=ProductLogoDefault.js.map

package/dist/components/ProductLogo/demo/ProductLogoDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductLogoDefault.js","sources":["../../../../src/components/ProductLogo/demo/ProductLogoDefault.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components -- Demo file exports constants alongside components */\nimport React from 'react';\nimport ProductLogo from '../ProductLogo';\n\nexport const defaultSvgLogo = (\n  <svg width=\"178\" height=\"44\" viewBox=\"0 0 178 44\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <title>Product logo</title>\n    <g clipPath=\"url(#clip0_19404_2964)\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M2 22C15.9836 22 24 13.9836 24 0C24 13.9836 32.0164 22 46 22C32.0164 22 24 30.0164 24 44C24 30.0164 15.9836 22 2 22Z\"\n        fill=\"url(#paint0_linear_19404_2964)\"\n      />\n    </g>\n    <path\n      d=\"M52 25.9625V24.6625H55.9V25.9625C55.9 26.9375 56.45 27.8375 58 27.8375C59.5 27.8375 60.075 27.0625 60.075 25.8125V12.7625H64.125V26.0625C64.125 29.2375 61.775 31.5875 58.05 31.5875C53.975 31.5875 52 29.1625 52 25.9625Z\"\n      fill=\"#1D1D1D\"\n    />\n    <path\n      d=\"M66.7037 24.9875C66.7037 21.0375 69.6037 18.3875 73.6037 18.3875C77.5787 18.3875 80.4787 21.0375 80.4787 24.9875C80.4787 28.9375 77.5787 31.5625 73.6037 31.5625C69.6037 31.5625 66.7037 28.9375 66.7037 24.9875ZM70.5787 24.9625C70.5787 26.8625 71.8037 28.1125 73.6037 28.1125C75.3787 28.1125 76.6037 26.8625 76.6037 24.9625C76.6037 23.0875 75.3787 21.8375 73.6037 21.8375C71.8037 21.8375 70.5787 23.0875 70.5787 24.9625Z\"\n      fill=\"#1D1D1D\"\n    />\n    <path\n      d=\"M86.3357 31.2625H82.7107V12.4125H86.5607V20.2125C87.3107 19.0875 88.9607 18.3375 90.7607 18.3375C94.2607 18.3375 96.4857 21.0625 96.4857 25.1375C96.4857 29.0125 94.0107 31.5875 90.4607 31.5875C88.7107 31.5875 87.2107 30.8125 86.5357 29.6625L86.3357 31.2625ZM86.5857 24.9375C86.5857 26.8125 87.8357 28.0625 89.6357 28.0625C91.4607 28.0625 92.6107 26.7875 92.6107 24.9375C92.6107 23.0875 91.4607 21.8125 89.6357 21.8125C87.8357 21.8125 86.5857 23.0625 86.5857 24.9375Z\"\n      fill=\"#1D1D1D\"\n    />\n    <path\n      d=\"M99.177 31.2625V12.7625H106.877C110.602 12.7625 112.852 14.7125 112.852 17.8875C112.852 19.8625 111.952 21.3125 110.277 22.0375C112.102 22.6375 113.077 24.0625 113.077 26.1625C113.077 29.4375 110.877 31.2625 106.877 31.2625H99.177ZM106.452 16.3125H103.227V20.3375H106.452C107.902 20.3375 108.702 19.6125 108.702 18.2875C108.702 16.9875 107.927 16.3125 106.452 16.3125ZM106.652 23.7375H103.227V27.7125H106.652C108.152 27.7125 108.927 27.0375 108.927 25.6625C108.927 24.4125 108.127 23.7375 106.652 23.7375Z\"\n      fill=\"#1D1D1D\"\n    />\n    <path\n      d=\"M114.653 24.9875C114.653 21.0375 117.553 18.3875 121.553 18.3875C125.528 18.3875 128.428 21.0375 128.428 24.9875C128.428 28.9375 125.528 31.5625 121.553 31.5625C117.553 31.5625 114.653 28.9375 114.653 24.9875ZM118.528 24.9625C118.528 26.8625 119.753 28.1125 121.553 28.1125C123.328 28.1125 124.553 26.8625 124.553 24.9625C124.553 23.0875 123.328 21.8375 121.553 21.8375C119.753 21.8375 118.528 23.0875 118.528 24.9625Z\"\n      fill=\"#1D1D1D\"\n    />\n    <path\n      d=\"M134.435 31.5875C131.785 31.5875 130.135 30.0375 130.135 27.5875C130.135 25.2875 131.76 23.8625 134.76 23.6375L138.26 23.3625V23.1625C138.26 21.9375 137.51 21.2875 136.135 21.2875C134.51 21.2875 133.635 21.9125 133.635 23.0375H130.435C130.435 20.2125 132.76 18.3625 136.335 18.3625C139.96 18.3625 142.01 20.3875 142.01 23.9625V31.2625H138.61L138.36 29.6125C137.96 30.7625 136.31 31.5875 134.435 31.5875ZM135.785 28.7375C137.26 28.7375 138.285 28.0125 138.285 26.5875V25.9125L136.335 26.0875C134.66 26.2375 134.06 26.6125 134.06 27.4125C134.06 28.3125 134.61 28.7375 135.785 28.7375Z\"\n      fill=\"#1D1D1D\"\n    />\n    <path\n      d=\"M153.371 18.7625V22.3875H152.146C149.946 22.3875 148.621 23.3625 148.621 25.8375V31.2625H144.771V18.7875H148.396L148.596 20.6375C149.121 19.4125 150.221 18.5875 151.896 18.5875C152.346 18.5875 152.846 18.6375 153.371 18.7625Z\"\n      fill=\"#1D1D1D\"\n    />\n    <path\n      d=\"M160.202 31.5875C156.602 31.5875 154.277 29.0375 154.277 25.0875C154.277 21.1125 156.652 18.3625 160.452 18.3625C162.002 18.3625 163.477 18.9875 164.202 19.9125V12.4125H168.052V31.2625H164.427L164.227 29.6625C163.552 30.8125 162.002 31.5875 160.202 31.5875ZM161.127 28.0625C162.927 28.0625 164.177 26.8125 164.177 24.9375C164.177 23.0625 162.927 21.8125 161.127 21.8125C159.302 21.8125 158.152 23.0875 158.152 24.9375C158.152 26.7875 159.302 28.0625 161.127 28.0625Z\"\n      fill=\"#1D1D1D\"\n    />\n    <path\n      d=\"M173.343 31.5875C172.068 31.5875 171.043 30.5625 171.043 29.3375C171.043 28.0875 172.068 27.0625 173.343 27.0625C174.568 27.0625 175.643 28.0875 175.643 29.3375C175.643 30.5625 174.568 31.5875 173.343 31.5875Z\"\n      fill=\"#1D1D1D\"\n    />\n    <defs>\n      <linearGradient\n        id=\"paint0_linear_19404_2964\"\n        x1=\"5.14205\"\n        y1=\"7.05282\"\n        x2=\"45.2356\"\n        y2=\"31.3983\"\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop stopColor=\"#FFCB3B\" />\n        <stop offset=\"0.28\" stopColor=\"#FD7E40\" />\n        <stop offset=\"0.67\" stopColor=\"#8F66FF\" />\n        <stop offset=\"0.89\" stopColor=\"#4DD7BE\" />\n      </linearGradient>\n      <clipPath id=\"clip0_19404_2964\">\n        <rect width=\"44\" height=\"44\" fill=\"white\" transform=\"translate(2)\" />\n      </clipPath>\n    </defs>\n  </svg>\n);\n\nconst ProductLogoDefault = () => <ProductLogo>{defaultSvgLogo}</ProductLogo>;\n\nexport default ProductLogoDefault;\n"],"names":["defaultSvgLogo","jsxs","jsx","ProductLogoDefault","ProductLogo"],"mappings":";;AAIO,MAAMA,IACX,gBAAAC,EAAC,OAAA,EAAI,OAAM,OAAM,QAAO,MAAK,SAAQ,cAAa,MAAK,QAAO,OAAM,8BAClE,UAAA;AAAA,EAAA,gBAAAC,EAAC,WAAM,UAAA,eAAA,CAAY;AAAA,EACnB,gBAAAA,EAAC,KAAA,EAAE,UAAS,0BACV,UAAA,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,GAAE;AAAA,MACF,MAAK;AAAA,IAAA;AAAA,EAAA,GAET;AAAA,EACA,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA,IAAA;AAAA,EAAA;AAAA,EAEP,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA,IAAA;AAAA,EAAA;AAAA,EAEP,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA,IAAA;AAAA,EAAA;AAAA,EAEP,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA,IAAA;AAAA,EAAA;AAAA,EAEP,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA,IAAA;AAAA,EAAA;AAAA,EAEP,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA,IAAA;AAAA,EAAA;AAAA,EAEP,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA,IAAA;AAAA,EAAA;AAAA,EAEP,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA,IAAA;AAAA,EAAA;AAAA,EAEP,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA,IAAA;AAAA,EAAA;AAAA,oBAEN,QAAA,EACC,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,IAAG;AAAA,QACH,IAAG;AAAA,QACH,IAAG;AAAA,QACH,IAAG;AAAA,QACH,eAAc;AAAA,QAEd,UAAA;AAAA,UAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,UAAA,CAAU;AAAA,UAC1B,gBAAAA,EAAC,QAAA,EAAK,QAAO,QAAO,WAAU,WAAU;AAAA,UACxC,gBAAAA,EAAC,QAAA,EAAK,QAAO,QAAO,WAAU,WAAU;AAAA,UACxC,gBAAAA,EAAC,QAAA,EAAK,QAAO,QAAO,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAE1C,gBAAAA,EAAC,YAAA,EAAS,IAAG,oBACX,4BAAC,QAAA,EAAK,OAAM,MAAK,QAAO,MAAK,MAAK,SAAQ,WAAU,gBAAe,EAAA,CACrE;AAAA,EAAA,EAAA,CACF;AAAA,EAAA,CACF,GAGIC,IAAqB,MAAM,gBAAAD,EAACE,GAAA,EAAa,UAAAJ,EAAA,CAAe;"}

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

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("../../../web-react/docs/DocsSection.cjs"),i=require("./ProductLogoDefault.cjs"),c=()=>e.jsx(t.StrictMode,{children:e.jsx(r.default,{title:"Default",children:e.jsx(i.default,{})})});exports.Preview=c;
+//# sourceMappingURL=preview.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.cjs","sources":["../../../../src/components/ProductLogo/demo/preview.tsx"],"sourcesContent":["'use client';\n\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport ProductLogoDefault from './ProductLogoDefault';\n\nexport const Preview = () => (\n  <StrictMode>\n    <DocsSection title=\"Default\">\n      <ProductLogoDefault />\n    </DocsSection>\n  </StrictMode>\n);\n"],"names":["Preview","jsx","StrictMode","DocsSection","ProductLogoDefault"],"mappings":"gPAMaA,EAAU,IACrBC,EAAAA,IAACC,EAAAA,WAAA,CACC,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAY,MAAM,UACjB,SAAAF,EAAAA,IAACG,EAAAA,QAAA,CAAA,CAAmB,CAAA,CACtB,CAAA,CACF"}

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

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import { StrictMode as o } from "react";
+import r from "../../../web-react/docs/DocsSection.js";
+import e from "./ProductLogoDefault.js";
+const l = () => /* @__PURE__ */ t(o, { children: /* @__PURE__ */ t(r, { title: "Default", children: /* @__PURE__ */ t(e, {}) }) });
+export {
+  l as Preview
+};
+//# sourceMappingURL=preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sources":["../../../../src/components/ProductLogo/demo/preview.tsx"],"sourcesContent":["'use client';\n\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport ProductLogoDefault from './ProductLogoDefault';\n\nexport const Preview = () => (\n  <StrictMode>\n    <DocsSection title=\"Default\">\n      <ProductLogoDefault />\n    </DocsSection>\n  </StrictMode>\n);\n"],"names":["Preview","jsx","StrictMode","DocsSection","ProductLogoDefault"],"mappings":";;;;;AAMO,MAAMA,IAAU,MACrB,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAY,OAAM,WACjB,UAAA,gBAAAF,EAACG,GAAA,CAAA,CAAmB,EAAA,CACtB,EAAA,CACF;"}

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

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

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

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

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

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

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

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

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

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

package/dist/components/ProductLogo.d.ts

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

package/dist/components/Radio/Radio.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),q=require("classnames"),R=require("react"),f=require("../../hooks/styleProps.cjs"),j=require("../../hooks/useAriaDescribedBy.cjs"),S=require("../Field/HelperText.cjs"),_=require("../Field/Label.cjs"),A=require("../Field/useAriaIds.cjs"),g=require("./useRadioStyleProps.cjs"),v=(a,o)=>{const{classProps:e,props:l}=g.useRadioStyleProps(a),{"aria-describedby":c="",helperText:d,id:r,isChecked:u,isDisabled:n,label:p,onChange:y,value:b,...m}=l,{styleProps:i,props:P}=f.useStyleProps(m),[h,x]=A.default(c),N=j.useAriaDescribedBy(h);return s.jsxs("div",{style:i.style,className:q(e.root,i.className),children:[s.jsx("input",{...P,...N,type:"radio",id:r,className:e.input,disabled:n,checked:u,onChange:y,value:b,ref:o}),s.jsxs("div",{className:e.text,children:[s.jsx(_.default,{UNSAFE_className:e.label,htmlFor:r,children:p}),s.jsx(S.default,{UNSAFE_className:e.helperText,id:`${r}__helperText`,registerAria:x,helperText:d})]})]})},t=R.forwardRef(v);t.spiritComponent="Radio";t.displayName="Radio";exports.default=t;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),N=require("classnames"),R=require("react"),f=require("../../hooks/styleProps.cjs"),q=require("../../hooks/useAriaIdRefs.cjs"),j=require("../Field/HelperText.cjs"),S=require("../Field/Label.cjs"),_=require("./useRadioStyleProps.cjs"),g=(a,o)=>{const{classProps:e,props:l}=_.useRadioStyleProps(a),{"aria-describedby":c="",helperText:d,id:r,isChecked:u,isDisabled:n,label:p,onChange:y,value:m,...b}=l,{styleProps:i,props:P}=f.useStyleProps(b),[h,x]=q.useAriaDescribedBy(c);return s.jsxs("div",{style:i.style,className:N(e.root,i.className),children:[s.jsx("input",{...P,...h,type:"radio",id:r,className:e.input,disabled:n,checked:u,onChange:y,value:m,ref:o}),s.jsxs("div",{className:e.text,children:[s.jsx(S.default,{UNSAFE_className:e.label,htmlFor:r,children:p}),s.jsx(j.default,{UNSAFE_className:e.helperText,id:`${r}__helperText`,registerAria:x,helperText:d})]})]})},t=R.forwardRef(g);t.spiritComponent="Radio";t.displayName="Radio";exports.default=t;
 //# sourceMappingURL=Radio.cjs.map

package/dist/components/Radio/Radio.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.cjs","sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ForwardedRef, forwardRef } from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type ForwardRefComponent, type SpiritRadioProps } from '../../types';\nimport { HelperText, Label, useAriaIds } from '../Field';\nimport { useRadioStyleProps } from './useRadioStyleProps';\n\nconst _Radio = (props: SpiritRadioProps, ref: ForwardedRef<HTMLInputElement>): JSX.Element => {\n  const { classProps, props: modifiedProps } = useRadioStyleProps(props);\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    helperText,\n    id,\n    isChecked,\n    isDisabled,\n    label,\n    onChange,\n    value,\n    ...restProps\n  } = modifiedProps;\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  const [ids, register] = useAriaIds(ariaDescribedBy);\n  const ariaDescribedByProp = useAriaDescribedBy(ids);\n\n  return (\n    <div style={styleProps.style} className={classNames(classProps.root, styleProps.className)}>\n      <input\n        {...otherProps}\n        {...ariaDescribedByProp}\n        type=\"radio\"\n        id={id}\n        className={classProps.input}\n        disabled={isDisabled}\n        checked={isChecked}\n        onChange={onChange}\n        value={value}\n        ref={ref}\n      />\n      <div className={classProps.text}>\n        <Label UNSAFE_className={classProps.label} htmlFor={id}>\n          {label}\n        </Label>\n        <HelperText\n          UNSAFE_className={classProps.helperText}\n          id={`${id}__helperText`}\n          registerAria={register}\n          helperText={helperText}\n        />\n      </div>\n    </div>\n  );\n};\n\nconst Radio = forwardRef<HTMLInputElement, SpiritRadioProps>(_Radio) as ForwardRefComponent<\n  HTMLInputElement,\n  SpiritRadioProps\n>;\n\nRadio.spiritComponent = 'Radio';\nRadio.displayName = 'Radio';\n\nexport default Radio;\n"],"names":["_Radio","props","ref","classProps","modifiedProps","useRadioStyleProps","ariaDescribedBy","helperText","id","isChecked","isDisabled","label","onChange","value","restProps","styleProps","otherProps","useStyleProps","ids","register","useAriaIds","ariaDescribedByProp","useAriaDescribedBy","jsxs","classNames","jsx","Label","HelperText","Radio","forwardRef"],"mappings":"ibASMA,EAAS,CAACC,EAAyBC,IAAqD,CAC5F,KAAM,CAAE,WAAAC,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,mBAAmBJ,CAAK,EAC/D,CACJ,mBAAoBK,EAAkB,GACtC,WAAAC,EACA,GAAAC,EACA,UAAAC,EACA,WAAAC,EACA,MAAAC,EACA,SAAAC,EACA,MAAAC,EACA,GAAGC,CAAA,EACDV,EACE,CAAA,WAAEW,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcH,CAAS,EAE3D,CAACI,EAAKC,CAAQ,EAAIC,EAAAA,QAAWd,CAAe,EAC5Ce,EAAsBC,EAAAA,mBAAmBJ,CAAG,EAElD,OACEK,EAAAA,KAAC,MAAA,CAAI,MAAOR,EAAW,MAAO,UAAWS,EAAWrB,EAAW,KAAMY,EAAW,SAAS,EACvF,SAAA,CAAAU,EAAAA,IAAC,QAAA,CACE,GAAGT,EACH,GAAGK,EACJ,KAAK,QACL,GAAAb,EACA,UAAWL,EAAW,MACtB,SAAUO,EACV,QAASD,EACT,SAAAG,EACA,MAAAC,EACA,IAAAX,CAAA,CAAA,EAEFqB,EAAAA,KAAC,MAAA,CAAI,UAAWpB,EAAW,KACzB,SAAA,CAAAsB,MAACC,EAAAA,SAAM,iBAAkBvB,EAAW,MAAO,QAASK,EACjD,SAAAG,EACH,EACAc,EAAAA,IAACE,EAAAA,QAAA,CACC,iBAAkBxB,EAAW,WAC7B,GAAI,GAAGK,CAAE,eACT,aAAcW,EACd,WAAAZ,CAAA,CAAA,CACF,CAAA,CACF,CAAA,EACF,CAEJ,EAEMqB,EAAQC,EAAAA,WAA+C7B,CAAM,EAKnE4B,EAAM,gBAAkB,QACxBA,EAAM,YAAc"}
+{"version":3,"file":"Radio.cjs","sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ForwardedRef, forwardRef } from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type ForwardRefComponent, type SpiritRadioProps } from '../../types';\nimport { HelperText, Label } from '../Field';\nimport { useRadioStyleProps } from './useRadioStyleProps';\n\nconst _Radio = (props: SpiritRadioProps, ref: ForwardedRef<HTMLInputElement>): JSX.Element => {\n  const { classProps, props: modifiedProps } = useRadioStyleProps(props);\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    helperText,\n    id,\n    isChecked,\n    isDisabled,\n    label,\n    onChange,\n    value,\n    ...restProps\n  } = modifiedProps;\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  const [ariaDescribedByProp, register] = useAriaDescribedBy(ariaDescribedBy);\n\n  return (\n    <div style={styleProps.style} className={classNames(classProps.root, styleProps.className)}>\n      <input\n        {...otherProps}\n        {...ariaDescribedByProp}\n        type=\"radio\"\n        id={id}\n        className={classProps.input}\n        disabled={isDisabled}\n        checked={isChecked}\n        onChange={onChange}\n        value={value}\n        ref={ref}\n      />\n      <div className={classProps.text}>\n        <Label UNSAFE_className={classProps.label} htmlFor={id}>\n          {label}\n        </Label>\n        <HelperText\n          UNSAFE_className={classProps.helperText}\n          id={`${id}__helperText`}\n          registerAria={register}\n          helperText={helperText}\n        />\n      </div>\n    </div>\n  );\n};\n\nconst Radio = forwardRef<HTMLInputElement, SpiritRadioProps>(_Radio) as ForwardRefComponent<\n  HTMLInputElement,\n  SpiritRadioProps\n>;\n\nRadio.spiritComponent = 'Radio';\nRadio.displayName = 'Radio';\n\nexport default Radio;\n"],"names":["_Radio","props","ref","classProps","modifiedProps","useRadioStyleProps","ariaDescribedBy","helperText","id","isChecked","isDisabled","label","onChange","value","restProps","styleProps","otherProps","useStyleProps","ariaDescribedByProp","register","useAriaDescribedBy","jsxs","classNames","jsx","Label","HelperText","Radio","forwardRef"],"mappings":"uYASMA,EAAS,CAACC,EAAyBC,IAAqD,CAC5F,KAAM,CAAE,WAAAC,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,mBAAmBJ,CAAK,EAC/D,CACJ,mBAAoBK,EAAkB,GACtC,WAAAC,EACA,GAAAC,EACA,UAAAC,EACA,WAAAC,EACA,MAAAC,EACA,SAAAC,EACA,MAAAC,EACA,GAAGC,CAAA,EACDV,EACE,CAAA,WAAEW,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcH,CAAS,EAE3D,CAACI,EAAqBC,CAAQ,EAAIC,EAAAA,mBAAmBd,CAAe,EAE1E,OACEe,EAAAA,KAAC,MAAA,CAAI,MAAON,EAAW,MAAO,UAAWO,EAAWnB,EAAW,KAAMY,EAAW,SAAS,EACvF,SAAA,CAAAQ,EAAAA,IAAC,QAAA,CACE,GAAGP,EACH,GAAGE,EACJ,KAAK,QACL,GAAAV,EACA,UAAWL,EAAW,MACtB,SAAUO,EACV,QAASD,EACT,SAAAG,EACA,MAAAC,EACA,IAAAX,CAAA,CAAA,EAEFmB,EAAAA,KAAC,MAAA,CAAI,UAAWlB,EAAW,KACzB,SAAA,CAAAoB,MAACC,EAAAA,SAAM,iBAAkBrB,EAAW,MAAO,QAASK,EACjD,SAAAG,EACH,EACAY,EAAAA,IAACE,EAAAA,QAAA,CACC,iBAAkBtB,EAAW,WAC7B,GAAI,GAAGK,CAAE,eACT,aAAcW,EACd,WAAAZ,CAAA,CAAA,CACF,CAAA,CACF,CAAA,EACF,CAEJ,EAEMmB,EAAQC,EAAAA,WAA+C3B,CAAM,EAKnE0B,EAAM,gBAAkB,QACxBA,EAAM,YAAc"}

package/dist/components/Radio/Radio.js

@@ -1,55 +1,54 @@
 "use client";
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import R from "classnames";
-import { forwardRef as A } from "react";
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import P from "classnames";
+import { forwardRef as R } from "react";
 import { useStyleProps as _ } from "../../hooks/styleProps.js";
-import { useAriaDescribedBy as D } from "../../hooks/useAriaDescribedBy.js";
-import S from "../Field/HelperText.js";
-import T from "../Field/Label.js";
-import g from "../Field/useAriaIds.js";
-import { useRadioStyleProps as v } from "./useRadioStyleProps.js";
-const B = (a, l) => {
-  const { classProps: e, props: p } = v(a), {
+import { useAriaDescribedBy as A } from "../../hooks/useAriaIdRefs.js";
+import D from "../Field/HelperText.js";
+import S from "../Field/Label.js";
+import { useRadioStyleProps as T } from "./useRadioStyleProps.js";
+const g = (a, l) => {
+  const { classProps: e, props: p } = T(a), {
     "aria-describedby": d = "",
     helperText: m,
-    id: s,
+    id: r,
     isChecked: c,
     isDisabled: n,
     label: f,
     onChange: h,
-    value: u,
-    ...y
-  } = p, { styleProps: o, props: b } = _(y), [N, x] = g(d), P = D(N);
-  return /* @__PURE__ */ i("div", { style: o.style, className: R(e.root, o.className), children: [
-    /* @__PURE__ */ r(
+    value: y,
+    ...b
+  } = p, { styleProps: o, props: u } = _(b), [N, x] = A(d);
+  return /* @__PURE__ */ i("div", { style: o.style, className: P(e.root, o.className), children: [
+    /* @__PURE__ */ s(
       "input",
       {
-        ...b,
-        ...P,
+        ...u,
+        ...N,
         type: "radio",
-        id: s,
+        id: r,
         className: e.input,
         disabled: n,
         checked: c,
         onChange: h,
-        value: u,
+        value: y,
         ref: l
       }
     ),
     /* @__PURE__ */ i("div", { className: e.text, children: [
-      /* @__PURE__ */ r(T, { UNSAFE_className: e.label, htmlFor: s, children: f }),
-      /* @__PURE__ */ r(
-        S,
+      /* @__PURE__ */ s(S, { UNSAFE_className: e.label, htmlFor: r, children: f }),
+      /* @__PURE__ */ s(
+        D,
         {
           UNSAFE_className: e.helperText,
-          id: `${s}__helperText`,
+          id: `${r}__helperText`,
           registerAria: x,
           helperText: m
         }
       )
     ] })
   ] });
-}, t = A(B);
+}, t = R(g);
 t.spiritComponent = "Radio";
 t.displayName = "Radio";
 export {

package/dist/components/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ForwardedRef, forwardRef } from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type ForwardRefComponent, type SpiritRadioProps } from '../../types';\nimport { HelperText, Label, useAriaIds } from '../Field';\nimport { useRadioStyleProps } from './useRadioStyleProps';\n\nconst _Radio = (props: SpiritRadioProps, ref: ForwardedRef<HTMLInputElement>): JSX.Element => {\n  const { classProps, props: modifiedProps } = useRadioStyleProps(props);\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    helperText,\n    id,\n    isChecked,\n    isDisabled,\n    label,\n    onChange,\n    value,\n    ...restProps\n  } = modifiedProps;\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  const [ids, register] = useAriaIds(ariaDescribedBy);\n  const ariaDescribedByProp = useAriaDescribedBy(ids);\n\n  return (\n    <div style={styleProps.style} className={classNames(classProps.root, styleProps.className)}>\n      <input\n        {...otherProps}\n        {...ariaDescribedByProp}\n        type=\"radio\"\n        id={id}\n        className={classProps.input}\n        disabled={isDisabled}\n        checked={isChecked}\n        onChange={onChange}\n        value={value}\n        ref={ref}\n      />\n      <div className={classProps.text}>\n        <Label UNSAFE_className={classProps.label} htmlFor={id}>\n          {label}\n        </Label>\n        <HelperText\n          UNSAFE_className={classProps.helperText}\n          id={`${id}__helperText`}\n          registerAria={register}\n          helperText={helperText}\n        />\n      </div>\n    </div>\n  );\n};\n\nconst Radio = forwardRef<HTMLInputElement, SpiritRadioProps>(_Radio) as ForwardRefComponent<\n  HTMLInputElement,\n  SpiritRadioProps\n>;\n\nRadio.spiritComponent = 'Radio';\nRadio.displayName = 'Radio';\n\nexport default Radio;\n"],"names":["_Radio","props","ref","classProps","modifiedProps","useRadioStyleProps","ariaDescribedBy","helperText","id","isChecked","isDisabled","label","onChange","value","restProps","styleProps","otherProps","useStyleProps","ids","register","useAriaIds","ariaDescribedByProp","useAriaDescribedBy","jsxs","classNames","jsx","Label","HelperText","Radio","forwardRef"],"mappings":";;;;;;;;;;AASA,MAAMA,IAAS,CAACC,GAAyBC,MAAqD;AAC5F,QAAM,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAkBC,EAAmBJ,CAAK,GAC/D;AAAA,IACJ,oBAAoBK,IAAkB;AAAA,IACtC,YAAAC;AAAA,IACA,IAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDV,GACE,EAAE,YAAAW,GAAY,OAAOC,EAAA,IAAeC,EAAcH,CAAS,GAE3D,CAACI,GAAKC,CAAQ,IAAIC,EAAWd,CAAe,GAC5Ce,IAAsBC,EAAmBJ,CAAG;AAElD,SACE,gBAAAK,EAAC,OAAA,EAAI,OAAOR,EAAW,OAAO,WAAWS,EAAWrB,EAAW,MAAMY,EAAW,SAAS,GACvF,UAAA;AAAA,IAAA,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAGT;AAAA,QACH,GAAGK;AAAA,QACJ,MAAK;AAAA,QACL,IAAAb;AAAA,QACA,WAAWL,EAAW;AAAA,QACtB,UAAUO;AAAA,QACV,SAASD;AAAA,QACT,UAAAG;AAAA,QACA,OAAAC;AAAA,QACA,KAAAX;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,gBAAAqB,EAAC,OAAA,EAAI,WAAWpB,EAAW,MACzB,UAAA;AAAA,MAAA,gBAAAsB,EAACC,KAAM,kBAAkBvB,EAAW,OAAO,SAASK,GACjD,UAAAG,GACH;AAAA,MACA,gBAAAc;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,kBAAkBxB,EAAW;AAAA,UAC7B,IAAI,GAAGK,CAAE;AAAA,UACT,cAAcW;AAAA,UACd,YAAAZ;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,EAAA,CACF;AAAA,EAAA,GACF;AAEJ,GAEMqB,IAAQC,EAA+C7B,CAAM;AAKnE4B,EAAM,kBAAkB;AACxBA,EAAM,cAAc;"}
+{"version":3,"file":"Radio.js","sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ForwardedRef, forwardRef } from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type ForwardRefComponent, type SpiritRadioProps } from '../../types';\nimport { HelperText, Label } from '../Field';\nimport { useRadioStyleProps } from './useRadioStyleProps';\n\nconst _Radio = (props: SpiritRadioProps, ref: ForwardedRef<HTMLInputElement>): JSX.Element => {\n  const { classProps, props: modifiedProps } = useRadioStyleProps(props);\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    helperText,\n    id,\n    isChecked,\n    isDisabled,\n    label,\n    onChange,\n    value,\n    ...restProps\n  } = modifiedProps;\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  const [ariaDescribedByProp, register] = useAriaDescribedBy(ariaDescribedBy);\n\n  return (\n    <div style={styleProps.style} className={classNames(classProps.root, styleProps.className)}>\n      <input\n        {...otherProps}\n        {...ariaDescribedByProp}\n        type=\"radio\"\n        id={id}\n        className={classProps.input}\n        disabled={isDisabled}\n        checked={isChecked}\n        onChange={onChange}\n        value={value}\n        ref={ref}\n      />\n      <div className={classProps.text}>\n        <Label UNSAFE_className={classProps.label} htmlFor={id}>\n          {label}\n        </Label>\n        <HelperText\n          UNSAFE_className={classProps.helperText}\n          id={`${id}__helperText`}\n          registerAria={register}\n          helperText={helperText}\n        />\n      </div>\n    </div>\n  );\n};\n\nconst Radio = forwardRef<HTMLInputElement, SpiritRadioProps>(_Radio) as ForwardRefComponent<\n  HTMLInputElement,\n  SpiritRadioProps\n>;\n\nRadio.spiritComponent = 'Radio';\nRadio.displayName = 'Radio';\n\nexport default Radio;\n"],"names":["_Radio","props","ref","classProps","modifiedProps","useRadioStyleProps","ariaDescribedBy","helperText","id","isChecked","isDisabled","label","onChange","value","restProps","styleProps","otherProps","useStyleProps","ariaDescribedByProp","register","useAriaDescribedBy","jsxs","classNames","jsx","Label","HelperText","Radio","forwardRef"],"mappings":";;;;;;;;;AASA,MAAMA,IAAS,CAACC,GAAyBC,MAAqD;AAC5F,QAAM,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAkBC,EAAmBJ,CAAK,GAC/D;AAAA,IACJ,oBAAoBK,IAAkB;AAAA,IACtC,YAAAC;AAAA,IACA,IAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDV,GACE,EAAE,YAAAW,GAAY,OAAOC,EAAA,IAAeC,EAAcH,CAAS,GAE3D,CAACI,GAAqBC,CAAQ,IAAIC,EAAmBd,CAAe;AAE1E,SACE,gBAAAe,EAAC,OAAA,EAAI,OAAON,EAAW,OAAO,WAAWO,EAAWnB,EAAW,MAAMY,EAAW,SAAS,GACvF,UAAA;AAAA,IAAA,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAGP;AAAA,QACH,GAAGE;AAAA,QACJ,MAAK;AAAA,QACL,IAAAV;AAAA,QACA,WAAWL,EAAW;AAAA,QACtB,UAAUO;AAAA,QACV,SAASD;AAAA,QACT,UAAAG;AAAA,QACA,OAAAC;AAAA,QACA,KAAAX;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,gBAAAmB,EAAC,OAAA,EAAI,WAAWlB,EAAW,MACzB,UAAA;AAAA,MAAA,gBAAAoB,EAACC,KAAM,kBAAkBrB,EAAW,OAAO,SAASK,GACjD,UAAAG,GACH;AAAA,MACA,gBAAAY;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,kBAAkBtB,EAAW;AAAA,UAC7B,IAAI,GAAGK,CAAE;AAAA,UACT,cAAcW;AAAA,UACd,YAAAZ;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,EAAA,CACF;AAAA,EAAA,GACF;AAEJ,GAEMmB,IAAQC,EAA+C3B,CAAM;AAKnE0B,EAAM,kBAAkB;AACxBA,EAAM,cAAc;"}

package/dist/components/Radio/useRadioStyleProps.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("classnames"),m=require("../../constants/inputs.cjs"),I=require("../../hooks/useClassNamePrefix.cjs"),T=require("../../hooks/useInputPositionClass.cjs");function y(a){const{inputPosition:l=m.InputPositions.START,isItem:n,isLabelHidden:r,validationState:t,...e}=a,{isDisabled:d}=e,s=I.useClassNamePrefix("Radio"),u=`${s}--disabled`,c=`${s}--item`,p=`${s}__input`,o=T.useInputPositionClass(s,l),C=`${s}__label`,b=`${s}__label--hidden`,P=`${s}__text`,_=`${s}__helperText`,$=`${s}--${t}`,x=i(s,{[o]:o,[u]:d,[c]:n,[$]:t}),S=i(C,{[b]:r});return{classProps:{root:x,label:S,input:p,text:P,helperText:_},props:e}}exports.useRadioStyleProps=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("classnames"),x=require("../../constants/inputs.cjs"),m=require("../../hooks/useClassNamePrefix.cjs"),I=require("../../hooks/useInputPositionClass.cjs");function T(a){const{inputPosition:n=x.InputPositions.START,isItem:l,isLabelHidden:r,validationState:e,...t}=a,{isDisabled:d}=t,s=m.useClassNamePrefix("Radio"),u=`${s}--disabled`,c=`${s}--item`,p=`${s}__input`,o=I.useInputPositionClass(s,n),C=`${s}__label`,P=`${s}__label--hidden`,b=`${s}__text`,_=`${s}__helperText`,$=`${s}--${e}`;return{classProps:{root:i(s,{[o]:o,[u]:d,[c]:l,[$]:e}),label:i(C,{[P]:r}),input:p,text:b,helperText:_},props:t}}exports.useRadioStyleProps=T;
 //# sourceMappingURL=useRadioStyleProps.cjs.map

package/dist/components/Radio/useRadioStyleProps.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useRadioStyleProps.cjs","sources":["../../../src/components/Radio/useRadioStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { InputPositions } from '../../constants';\nimport { useClassNamePrefix, useInputPositionClass } from '../../hooks';\nimport { type RadioProps, type SpiritRadioProps } from '../../types';\n\nexport interface RadioStyles {\n  /** className props */\n  classProps: {\n    root: string;\n    label: string;\n    input: string;\n    text: string;\n    helperText: string;\n  };\n  /** props to be passed to the input element */\n  props: RadioProps;\n}\n\nexport function useRadioStyleProps(props: SpiritRadioProps): RadioStyles {\n  const { inputPosition = InputPositions.START, isItem, isLabelHidden, validationState, ...restProps } = props;\n  const { isDisabled } = restProps;\n\n  const radioClass = useClassNamePrefix('Radio');\n  const radioDisabledClass = `${radioClass}--disabled`;\n  const radioItemClass = `${radioClass}--item`;\n  const radioInputClass = `${radioClass}__input`;\n  const radioInputPositionClass = useInputPositionClass(radioClass, inputPosition);\n  const radioLabelClass = `${radioClass}__label`;\n  const radioLabelHiddenClass = `${radioClass}__label--hidden`;\n  const radioTextClass = `${radioClass}__text`;\n  const radioHelperTextClass = `${radioClass}__helperText`;\n  const radioValidationClass = `${radioClass}--${validationState}`;\n\n  const rootStyles = classNames(radioClass, {\n    [radioInputPositionClass]: radioInputPositionClass,\n    [radioDisabledClass]: isDisabled,\n    [radioItemClass]: isItem,\n    [radioValidationClass]: validationState,\n  });\n  const labelStyles = classNames(radioLabelClass, {\n    [radioLabelHiddenClass]: isLabelHidden,\n  });\n\n  return {\n    classProps: {\n      root: rootStyles,\n      label: labelStyles,\n      input: radioInputClass,\n      text: radioTextClass,\n      helperText: radioHelperTextClass,\n    },\n    props: restProps,\n  };\n}\n"],"names":["useRadioStyleProps","props","inputPosition","InputPositions","isItem","isLabelHidden","validationState","restProps","isDisabled","radioClass","useClassNamePrefix","radioDisabledClass","radioItemClass","radioInputClass","radioInputPositionClass","useInputPositionClass","radioLabelClass","radioLabelHiddenClass","radioTextClass","radioHelperTextClass","radioValidationClass","rootStyles","classNames","labelStyles"],"mappings":"yPAkBO,SAASA,EAAmBC,EAAsC,CACvE,KAAM,CAAE,cAAAC,EAAgBC,EAAAA,eAAe,MAAO,OAAAC,EAAQ,cAAAC,EAAe,gBAAAC,EAAiB,GAAGC,CAAA,EAAcN,EACjG,CAAE,WAAAO,GAAeD,EAEjBE,EAAaC,EAAAA,mBAAmB,OAAO,EACvCC,EAAqB,GAAGF,CAAU,aAClCG,EAAiB,GAAGH,CAAU,SAC9BI,EAAkB,GAAGJ,CAAU,UAC/BK,EAA0BC,EAAAA,sBAAsBN,EAAYP,CAAa,EACzEc,EAAkB,GAAGP,CAAU,UAC/BQ,EAAwB,GAAGR,CAAU,kBACrCS,EAAiB,GAAGT,CAAU,SAC9BU,EAAuB,GAAGV,CAAU,eACpCW,EAAuB,GAAGX,CAAU,KAAKH,CAAe,GAExDe,EAAaC,EAAWb,EAAY,CACxC,CAACK,CAAuB,EAAGA,EAC3B,CAACH,CAAkB,EAAGH,EACtB,CAACI,CAAc,EAAGR,EAClB,CAACgB,CAAoB,EAAGd,CAAA,CACzB,EACKiB,EAAcD,EAAWN,EAAiB,CAC9C,CAACC,CAAqB,EAAGZ,CAAA,CAC1B,EAED,MAAO,CACL,WAAY,CACV,KAAMgB,EACN,MAAOE,EACP,MAAOV,EACP,KAAMK,EACN,WAAYC,CAAA,EAEd,MAAOZ,CAAA,CAEX"}
+{"version":3,"file":"useRadioStyleProps.cjs","sources":["../../../src/components/Radio/useRadioStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { InputPositions } from '../../constants';\nimport { useClassNamePrefix, useInputPositionClass } from '../../hooks';\nimport { type RadioProps, type SpiritRadioProps } from '../../types';\n\nexport interface RadioStyles {\n  /** className props */\n  classProps: {\n    root: string;\n    label: string;\n    input: string;\n    text: string;\n    helperText: string;\n  };\n  /** props to be passed to the input element */\n  props: RadioProps;\n}\n\nexport function useRadioStyleProps(props: SpiritRadioProps): RadioStyles {\n  const { inputPosition = InputPositions.START, isItem, isLabelHidden, validationState, ...restProps } = props;\n  const { isDisabled } = restProps;\n\n  const radioClass = useClassNamePrefix('Radio');\n  const radioDisabledClass = `${radioClass}--disabled`;\n  const radioItemClass = `${radioClass}--item`;\n  const radioInputClass = `${radioClass}__input`;\n  const radioInputPositionClass = useInputPositionClass(radioClass, inputPosition);\n  const radioLabelClass = `${radioClass}__label`;\n  const radioLabelHiddenClass = `${radioClass}__label--hidden`;\n  const radioTextClass = `${radioClass}__text`;\n  const radioHelperTextClass = `${radioClass}__helperText`;\n  const radioValidationClass = `${radioClass}--${validationState}`;\n\n  return {\n    classProps: {\n      root: classNames(radioClass, {\n        [radioInputPositionClass]: radioInputPositionClass,\n        [radioDisabledClass]: isDisabled,\n        [radioItemClass]: isItem,\n        [radioValidationClass]: validationState,\n      }),\n      label: classNames(radioLabelClass, {\n        [radioLabelHiddenClass]: isLabelHidden,\n      }),\n      input: radioInputClass,\n      text: radioTextClass,\n      helperText: radioHelperTextClass,\n    },\n    props: restProps,\n  };\n}\n"],"names":["useRadioStyleProps","props","inputPosition","InputPositions","isItem","isLabelHidden","validationState","restProps","isDisabled","radioClass","useClassNamePrefix","radioDisabledClass","radioItemClass","radioInputClass","radioInputPositionClass","useInputPositionClass","radioLabelClass","radioLabelHiddenClass","radioTextClass","radioHelperTextClass","radioValidationClass","classNames"],"mappings":"yPAkBO,SAASA,EAAmBC,EAAsC,CACvE,KAAM,CAAE,cAAAC,EAAgBC,EAAAA,eAAe,MAAO,OAAAC,EAAQ,cAAAC,EAAe,gBAAAC,EAAiB,GAAGC,CAAA,EAAcN,EACjG,CAAE,WAAAO,GAAeD,EAEjBE,EAAaC,EAAAA,mBAAmB,OAAO,EACvCC,EAAqB,GAAGF,CAAU,aAClCG,EAAiB,GAAGH,CAAU,SAC9BI,EAAkB,GAAGJ,CAAU,UAC/BK,EAA0BC,EAAAA,sBAAsBN,EAAYP,CAAa,EACzEc,EAAkB,GAAGP,CAAU,UAC/BQ,EAAwB,GAAGR,CAAU,kBACrCS,EAAiB,GAAGT,CAAU,SAC9BU,EAAuB,GAAGV,CAAU,eACpCW,EAAuB,GAAGX,CAAU,KAAKH,CAAe,GAE9D,MAAO,CACL,WAAY,CACV,KAAMe,EAAWZ,EAAY,CAC3B,CAACK,CAAuB,EAAGA,EAC3B,CAACH,CAAkB,EAAGH,EACtB,CAACI,CAAc,EAAGR,EAClB,CAACgB,CAAoB,EAAGd,CAAA,CACzB,EACD,MAAOe,EAAWL,EAAiB,CACjC,CAACC,CAAqB,EAAGZ,CAAA,CAC1B,EACD,MAAOQ,EACP,KAAMK,EACN,WAAYC,CAAA,EAEd,MAAOZ,CAAA,CAEX"}