@zenpatient-org/healthspan-marketing-ui 0.1.21 → 0.1.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (126) hide show
  1. package/README.md +11 -1
  2. package/dist/components/Button/Button.es.js +24 -6
  3. package/dist/components/ComplexTooltip/ComplexTooltip.cjs.js +1 -1
  4. package/dist/components/ComplexTooltip/ComplexTooltip.d.ts +5 -13
  5. package/dist/components/ComplexTooltip/ComplexTooltip.es.js +49 -59
  6. package/dist/components/ComplexTooltip/components/ComplexTooltipContent/ComplexTooltipContent.cjs.js +1 -0
  7. package/dist/components/ComplexTooltip/components/ComplexTooltipContent/ComplexTooltipContent.d.ts +10 -0
  8. package/dist/components/ComplexTooltip/components/ComplexTooltipContent/ComplexTooltipContent.es.js +52 -0
  9. package/dist/components/ComplexTooltip/components/ComplexTooltipContent/complexTooltipContent.module.css.cjs.js +1 -0
  10. package/dist/components/ComplexTooltip/components/ComplexTooltipContent/complexTooltipContent.module.css.es.js +15 -0
  11. package/dist/components/ComplexTooltip/components/ComplexTooltipContent/index.d.ts +1 -0
  12. package/dist/components/ComplexTooltip/index.d.ts +1 -0
  13. package/dist/components/ComplexTooltip/types.d.ts +13 -0
  14. package/dist/components/FilterMenu/FilterMenu.d.ts +1 -1
  15. package/dist/components/FilterMenu/FilterMenu.es.js +17 -2
  16. package/dist/components/InfiniteScroll/InfiniteScroll.es.js +9 -1
  17. package/dist/components/Label/Label.es.js +9 -1
  18. package/dist/components/Pricing/Pricing.cjs.js +1 -0
  19. package/dist/components/Pricing/Pricing.d.ts +3 -0
  20. package/dist/components/Pricing/Pricing.es.js +41 -0
  21. package/dist/components/Pricing/components/BenefitItem/BenefitItem.cjs.js +1 -0
  22. package/dist/components/Pricing/components/BenefitItem/BenefitItem.d.ts +8 -0
  23. package/dist/components/Pricing/components/BenefitItem/BenefitItem.es.js +10 -0
  24. package/dist/components/Pricing/components/BenefitItem/benefitItem.module.css.cjs.js +1 -0
  25. package/dist/components/Pricing/components/BenefitItem/benefitItem.module.css.es.js +7 -0
  26. package/dist/components/Pricing/components/BenefitItem/index.d.ts +1 -0
  27. package/dist/components/Pricing/components/index.d.ts +1 -0
  28. package/dist/components/Pricing/index.d.ts +2 -0
  29. package/dist/components/Pricing/pricing.module.css.cjs.js +1 -0
  30. package/dist/components/Pricing/pricing.module.css.es.js +25 -0
  31. package/dist/components/Pricing/types.d.ts +17 -0
  32. package/dist/components/ProductGalleryCard/ProductGalleryCard.cjs.js +1 -1
  33. package/dist/components/ProductGalleryCard/ProductGalleryCard.d.ts +5 -1
  34. package/dist/components/ProductGalleryCard/ProductGalleryCard.es.js +37 -15
  35. package/dist/components/ProductGalleryCard/productGalleryCard.module.css.cjs.js +1 -1
  36. package/dist/components/ProductGalleryCard/productGalleryCard.module.css.es.js +14 -12
  37. package/dist/components/ProductPairs/ProductPairs.cjs.js +1 -0
  38. package/dist/components/ProductPairs/ProductPairs.d.ts +7 -0
  39. package/dist/components/ProductPairs/ProductPairs.es.js +55 -0
  40. package/dist/components/ProductPairs/index.d.ts +1 -0
  41. package/dist/components/ProductPairs/productPairs.module.css.cjs.js +1 -0
  42. package/dist/components/ProductPairs/productPairs.module.css.es.js +17 -0
  43. package/dist/components/ProgressButton/ProgressButton.es.js +9 -1
  44. package/dist/components/StepsCarousel/StepsCarousel.cjs.js +1 -1
  45. package/dist/components/StepsCarousel/StepsCarousel.es.js +110 -56
  46. package/dist/components/StudyGridCard/StudyGridCard.es.js +36 -6
  47. package/dist/components/Tabs/TabsWithFade.es.js +10 -1
  48. package/dist/components/Typography/Typography.es.js +8 -1
  49. package/dist/healthspan-marketing-ui.css +1 -1
  50. package/dist/modules/Benefits/Benefits.cjs.js +1 -0
  51. package/dist/modules/Benefits/Benefits.d.ts +14 -0
  52. package/dist/modules/Benefits/Benefits.es.js +30 -0
  53. package/dist/modules/Benefits/benefits.module.css.cjs.js +1 -0
  54. package/dist/modules/Benefits/benefits.module.css.es.js +25 -0
  55. package/dist/modules/Benefits/components/BenefitItem/BenefitItem.cjs.js +1 -0
  56. package/dist/modules/Benefits/components/BenefitItem/BenefitItem.d.ts +7 -0
  57. package/dist/modules/Benefits/components/BenefitItem/BenefitItem.es.js +13 -0
  58. package/dist/modules/Benefits/components/BenefitItem/benefitItem.module.css.cjs.js +1 -0
  59. package/dist/modules/Benefits/components/BenefitItem/benefitItem.module.css.es.js +11 -0
  60. package/dist/modules/Benefits/components/BenefitItem/index.d.ts +1 -0
  61. package/dist/modules/Benefits/components/BenefitTag/BenefitTag.cjs.js +1 -0
  62. package/dist/modules/Benefits/components/BenefitTag/BenefitTag.d.ts +6 -0
  63. package/dist/modules/Benefits/components/BenefitTag/BenefitTag.es.js +8 -0
  64. package/dist/modules/Benefits/components/BenefitTag/benefitTag.module.css.cjs.js +1 -0
  65. package/dist/modules/Benefits/components/BenefitTag/benefitTag.module.css.es.js +9 -0
  66. package/dist/modules/Benefits/components/BenefitTag/index.d.ts +1 -0
  67. package/dist/modules/Benefits/components/index.d.ts +2 -0
  68. package/dist/modules/Benefits/index.d.ts +1 -0
  69. package/dist/modules/Compare/Compare.d.ts +3 -0
  70. package/dist/modules/Compare/index.d.ts +1 -0
  71. package/dist/modules/Compare/types.d.ts +9 -0
  72. package/dist/modules/Comparison/Comparison.es.js +20 -5
  73. package/dist/modules/FeaturedIn/FeaturedIn.es.js +14 -5
  74. package/dist/modules/FeaturesGallery/FeaturesGallery.es.js +9 -1
  75. package/dist/modules/FeaturesGallery/components/FeatureGrid/FeatureGrid.es.js +32 -17
  76. package/dist/modules/FollowTheScience/FollowTheScience.es.js +21 -2
  77. package/dist/modules/OptimalHealth/OptimalHealth.cjs.js +1 -1
  78. package/dist/modules/OptimalHealth/OptimalHealth.es.js +6 -6
  79. package/dist/modules/OptimalHealth/components/ClockImages/ClockImages.cjs.js +1 -1
  80. package/dist/modules/OptimalHealth/components/ClockImages/ClockImages.es.js +53 -31
  81. package/dist/modules/OptimalHealth/components/ClockImages/clockImages.module.css.cjs.js +1 -1
  82. package/dist/modules/OptimalHealth/components/ClockImages/clockImages.module.css.es.js +25 -5
  83. package/dist/modules/OptimalHealth/optimalHealth.module.css.cjs.js +1 -1
  84. package/dist/modules/OptimalHealth/optimalHealth.module.css.es.js +17 -15
  85. package/dist/modules/OurProcess/OurProcess.cjs.js +1 -1
  86. package/dist/modules/OurProcess/OurProcess.d.ts +3 -2
  87. package/dist/modules/OurProcess/OurProcess.es.js +17 -8
  88. package/dist/modules/PairedProducts/PairedProducts.cjs.js +1 -0
  89. package/dist/modules/PairedProducts/PairedProducts.d.ts +12 -0
  90. package/dist/modules/PairedProducts/PairedProducts.es.js +17 -0
  91. package/dist/modules/PairedProducts/index.d.ts +1 -0
  92. package/dist/modules/PairedProducts/pairedProducts.module.css.cjs.js +1 -0
  93. package/dist/modules/PairedProducts/pairedProducts.module.css.es.js +17 -0
  94. package/dist/modules/ProductsDisplay/ProductsDisplay.cjs.js +1 -1
  95. package/dist/modules/ProductsDisplay/ProductsDisplay.d.ts +1 -1
  96. package/dist/modules/ProductsDisplay/ProductsDisplay.es.js +1 -1
  97. package/dist/modules/ProductsDisplay/types.d.ts +1 -1
  98. package/dist/modules/TypesOfTests/TypesOfTests.cjs.js +1 -0
  99. package/dist/modules/TypesOfTests/TypesOfTests.d.ts +10 -0
  100. package/dist/modules/TypesOfTests/TypesOfTests.es.js +106 -0
  101. package/dist/modules/TypesOfTests/index.d.ts +1 -0
  102. package/dist/modules/TypesOfTests/types.d.ts +8 -0
  103. package/dist/modules/TypesOfTests/typesOfTests.module.css.cjs.js +1 -0
  104. package/dist/modules/TypesOfTests/typesOfTests.module.css.es.js +31 -0
  105. package/dist/modules/YourProtocol/YourProtocol.es.js +19 -2
  106. package/dist/modules/YourProtocol/components/ProtocolTags/ProtocolTags.es.js +18 -5
  107. package/dist/node_modules/gsap/CSSPlugin.cjs.js +8 -0
  108. package/dist/node_modules/gsap/CSSPlugin.es.js +423 -0
  109. package/dist/node_modules/gsap/Observer.cjs.js +8 -0
  110. package/dist/node_modules/gsap/Observer.es.js +242 -0
  111. package/dist/node_modules/gsap/ScrollTrigger.cjs.js +8 -0
  112. package/dist/node_modules/gsap/ScrollTrigger.es.js +859 -0
  113. package/dist/node_modules/gsap/gsap-core.cjs.js +8 -0
  114. package/dist/node_modules/gsap/gsap-core.es.js +1651 -0
  115. package/dist/node_modules/gsap/index.cjs.js +1 -0
  116. package/dist/node_modules/gsap/index.es.js +13 -0
  117. package/dist/pageComponents/StillHaveQuestions/StillHaveQuestions.d.ts +1 -0
  118. package/dist/pageComponents/StillHaveQuestions/index.d.ts +1 -0
  119. package/dist/utils/useIsMobile.cjs.js +1 -0
  120. package/dist/utils/useIsMobile.d.ts +1 -0
  121. package/dist/utils/useIsMobile.es.js +12 -0
  122. package/package.json +44 -4
  123. package/dist/components/ComplexTooltip/complexTooltip.module.css.cjs.js +0 -1
  124. package/dist/components/ComplexTooltip/complexTooltip.module.css.es.js +0 -17
  125. package/dist/modules/OptimalHealth/components/ClockImages/hooks.cjs.js +0 -1
  126. package/dist/modules/OptimalHealth/components/ClockImages/hooks.es.js +0 -13
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./gsap-core.cjs.js"),n=require("./CSSPlugin.cjs.js");var i=e.gsap.registerPlugin(n.CSSPlugin)||e.gsap;i.core.Tween;exports.TimelineLite=e.Timeline;exports.TimelineMax=e.Timeline;exports.TweenLite=e.Tween;exports.CSSPlugin=n.CSSPlugin;exports.default=i;exports.gsap=i;
@@ -0,0 +1,13 @@
1
+ import { gsap as e } from "./gsap-core.es.js";
2
+ import { Timeline as t, Timeline as o, Tween as l } from "./gsap-core.es.js";
3
+ import { CSSPlugin as i } from "./CSSPlugin.es.js";
4
+ var a = e.registerPlugin(i) || e;
5
+ a.core.Tween;
6
+ export {
7
+ i as CSSPlugin,
8
+ t as TimelineLite,
9
+ o as TimelineMax,
10
+ l as TweenLite,
11
+ a as default,
12
+ a as gsap
13
+ };
@@ -0,0 +1 @@
1
+ export declare function StillHaveQuestions(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export { StillHaveQuestions } from './StillHaveQuestions';
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),o=(t=768)=>{const[n,s]=i.useState(!1);return i.useEffect(()=>{if(typeof window>"u")return;const e=()=>s(window.innerWidth<=t&&window.matchMedia("(pointer: coarse)").matches);return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[t]),n};exports.useIsMobile=o;
@@ -0,0 +1 @@
1
+ export declare const useIsMobile: (breakpoint?: number) => boolean;
@@ -0,0 +1,12 @@
1
+ import { useState as o, useEffect as s } from "react";
2
+ const d = (i = 768) => {
3
+ const [t, n] = o(!1);
4
+ return s(() => {
5
+ if (typeof window > "u") return;
6
+ const e = () => n(window.innerWidth <= i && window.matchMedia("(pointer: coarse)").matches);
7
+ return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
8
+ }, [i]), t;
9
+ };
10
+ export {
11
+ d as useIsMobile
12
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zenpatient-org/healthspan-marketing-ui",
3
- "version": "0.1.21",
3
+ "version": "0.1.23",
4
4
  "description": "Design system",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.es.js",
@@ -9,13 +9,23 @@
9
9
  "dist"
10
10
  ],
11
11
  "scripts": {
12
- "dev": "vite",
12
+ "dev": "storybook dev -p 6006",
13
13
  "build": "vite build",
14
14
  "preview": "vite preview",
15
15
  "storybook": "storybook dev -p 6006",
16
16
  "build-storybook": "storybook build",
17
- "lint": "eslint . --ext .js,.jsx,.ts,.tsx",
18
- "lint:fix": "eslint . --ext .js,.jsx,.ts,.tsx --fix"
17
+ "type-check": "tsc --noEmit",
18
+ "lint": "eslint src",
19
+ "lint:fix": "eslint src --fix",
20
+ "format": "prettier --write .",
21
+ "check-format": "prettier --check .",
22
+ "prepare": "husky"
23
+ },
24
+ "lint-staged": {
25
+ "*.{ts,tsx,js,jsx}": [
26
+ "eslint --fix",
27
+ "prettier --write"
28
+ ]
19
29
  },
20
30
  "license": "MIT",
21
31
  "peerDependencies": {
@@ -35,9 +45,13 @@
35
45
  "@vitejs/plugin-react": "^4.4.1",
36
46
  "chromatic": "^11.28.2",
37
47
  "eslint": "^9.28.0",
48
+ "eslint-config-prettier": "^10.1.5",
38
49
  "eslint-plugin-react": "^7.37.5",
39
50
  "globals": "^16.2.0",
51
+ "husky": "^9.1.7",
52
+ "lint-staged": "^16.1.0",
40
53
  "postcss": "^8.5.3",
54
+ "prettier": "^3.5.3",
41
55
  "rollup-preserve-directives": "^1.1.3",
42
56
  "storybook": "^8.6.12",
43
57
  "typescript": "^5.8.3",
@@ -48,6 +62,7 @@
48
62
  },
49
63
  "dependencies": {
50
64
  "@types/node": "^22.15.14",
65
+ "gsap": "^3.13.0",
51
66
  "react-tiny-popover": "^8.1.6",
52
67
  "swiper": "^11.2.8"
53
68
  },
@@ -262,6 +277,31 @@
262
277
  "import": "./dist/modules/YourProtocol/YourProtocol.es.js",
263
278
  "require": "./dist/modules/YourProtocol/YourProtocol.cjs.js"
264
279
  },
280
+ "./Benefits": {
281
+ "types": "./dist/modules/Benefits/Benefits.d.ts",
282
+ "import": "./dist/modules/Benefits/Benefits.es.js",
283
+ "require": "./dist/modules/Benefits/Benefits.cjs.js"
284
+ },
285
+ "./Pricing": {
286
+ "types": "./dist/components/Pricing/Pricing.d.ts",
287
+ "import": "./dist/components/Pricing/Pricing.es.js",
288
+ "require": "./dist/components/Pricing/Pricing.cjs.js"
289
+ },
290
+ "./TypesOfTests": {
291
+ "types": "./dist/modules/TypesOfTests/TypesOfTests.d.ts",
292
+ "import": "./dist/modules/TypesOfTests/TypesOfTests.es.js",
293
+ "require": "./dist/modules/TypesOfTests/TypesOfTests.cjs.js"
294
+ },
295
+ "./PairedProducts": {
296
+ "types": "./dist/modules/PairedProducts/PairedProducts.d.ts",
297
+ "import": "./dist/modules/PairedProducts/PairedProducts.es.js",
298
+ "require": "./dist/modules/PairedProducts/PairedProducts.cjs.js"
299
+ },
300
+ "./ProductPairs": {
301
+ "types": "./dist/components/ProductPairs/ProductPairs.d.ts",
302
+ "import": "./dist/components/ProductPairs/ProductPairs.es.js",
303
+ "require": "./dist/components/ProductPairs/ProductPairs.cjs.js"
304
+ },
265
305
  "./dist/*.css": "./dist/*.css"
266
306
  }
267
307
  }
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="complexTooltip-module__trigger___N3sbu",e="complexTooltip-module__content___Qh4Mj",t="complexTooltip-module__blurred___1OYU3",l="complexTooltip-module__contentHeader___OtbyW",c="complexTooltip-module__closeButton___hH0qs",n="complexTooltip-module__closeIcon___adX6C",_={trigger:o,content:e,blurred:t,contentHeader:l,closeButton:c,closeIcon:n};exports.blurred=t;exports.closeButton=c;exports.closeIcon=n;exports.content=e;exports.contentHeader=l;exports.default=_;exports.trigger=o;
@@ -1,17 +0,0 @@
1
- const o = "complexTooltip-module__trigger___N3sbu", e = "complexTooltip-module__content___Qh4Mj", t = "complexTooltip-module__blurred___1OYU3", _ = "complexTooltip-module__contentHeader___OtbyW", l = "complexTooltip-module__closeButton___hH0qs", c = "complexTooltip-module__closeIcon___adX6C", n = {
2
- trigger: o,
3
- content: e,
4
- blurred: t,
5
- contentHeader: _,
6
- closeButton: l,
7
- closeIcon: c
8
- };
9
- export {
10
- t as blurred,
11
- l as closeButton,
12
- c as closeIcon,
13
- e as content,
14
- _ as contentHeader,
15
- n as default,
16
- o as trigger
17
- };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),i=e=>e&&window.innerWidth<=768?280:480;function o(){const e=typeof window<"u",[s,r]=t.useState(i(e));return t.useEffect(()=>{if(!e)return;const n=()=>r(i(e));return window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[e]),s}exports.useResponsiveRadius=o;
@@ -1,13 +0,0 @@
1
- import { useState as r, useEffect as o } from "react";
2
- const t = (e) => e && window.innerWidth <= 768 ? 280 : 480;
3
- function u() {
4
- const e = typeof window < "u", [i, s] = r(t(e));
5
- return o(() => {
6
- if (!e) return;
7
- const n = () => s(t(e));
8
- return window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
9
- }, [e]), i;
10
- }
11
- export {
12
- u as useResponsiveRadius
13
- };