@windstream/react-shared-components 0.1.78 → 0.1.79

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 (204) hide show
  1. package/README.md +635 -635
  2. package/dist/contentful/index.d.ts +3 -1
  3. package/dist/contentful/index.esm.js +3 -3
  4. package/dist/contentful/index.esm.js.map +1 -1
  5. package/dist/contentful/index.js +2 -2
  6. package/dist/contentful/index.js.map +1 -1
  7. package/dist/core.d.ts +1 -1
  8. package/dist/index.d.ts +1 -1
  9. package/dist/index.esm.js.map +1 -1
  10. package/dist/index.js.map +1 -1
  11. package/dist/next/index.esm.js.map +1 -1
  12. package/dist/next/index.js.map +1 -1
  13. package/dist/styles.css +1 -1
  14. package/dist/utils/index.esm.js.map +1 -1
  15. package/dist/utils/index.js.map +1 -1
  16. package/package.json +185 -185
  17. package/src/components/accordion/Accordion.stories.tsx +230 -230
  18. package/src/components/accordion/index.tsx +70 -70
  19. package/src/components/accordion/types.ts +12 -12
  20. package/src/components/alert-card/AlertCard.stories.tsx +171 -171
  21. package/src/components/alert-card/index.tsx +41 -41
  22. package/src/components/alert-card/types.ts +13 -13
  23. package/src/components/brand-button/BrandButton.stories.tsx +223 -223
  24. package/src/components/brand-button/helpers.ts +35 -35
  25. package/src/components/brand-button/index.tsx +120 -120
  26. package/src/components/brand-button/types.ts +38 -38
  27. package/src/components/button/Button.stories.tsx +108 -108
  28. package/src/components/button/index.tsx +27 -27
  29. package/src/components/button/types.ts +14 -14
  30. package/src/components/call-button/CallButton.stories.tsx +324 -324
  31. package/src/components/call-button/index.tsx +106 -106
  32. package/src/components/call-button/types.ts +16 -16
  33. package/src/components/checkbox/Checkbox.stories.tsx +247 -247
  34. package/src/components/checkbox/index.tsx +197 -197
  35. package/src/components/checkbox/types.ts +27 -27
  36. package/src/components/checklist/Checklist.stories.tsx +150 -150
  37. package/src/components/checklist/index.tsx +61 -61
  38. package/src/components/checklist/types.ts +17 -17
  39. package/src/components/collapse/Collapse.stories.tsx +255 -255
  40. package/src/components/collapse/index.tsx +46 -46
  41. package/src/components/collapse/types.ts +6 -6
  42. package/src/components/divider/Divider.stories.tsx +205 -205
  43. package/src/components/divider/index.tsx +22 -22
  44. package/src/components/divider/type.ts +3 -3
  45. package/src/components/image/Image.stories.tsx +113 -113
  46. package/src/components/image/index.tsx +25 -25
  47. package/src/components/image/types.ts +40 -40
  48. package/src/components/input/Input.stories.tsx +325 -325
  49. package/src/components/input/index.tsx +177 -177
  50. package/src/components/input/types.ts +37 -37
  51. package/src/components/link/Link.stories.tsx +163 -163
  52. package/src/components/link/index.tsx +116 -116
  53. package/src/components/link/types.ts +25 -25
  54. package/src/components/list/List.stories.tsx +272 -272
  55. package/src/components/list/index.tsx +88 -88
  56. package/src/components/list/list-item/index.tsx +38 -38
  57. package/src/components/list/list-item/types.ts +13 -13
  58. package/src/components/list/types.ts +29 -29
  59. package/src/components/material-icon/MaterialIcon.stories.tsx +322 -322
  60. package/src/components/material-icon/constants.ts +99 -99
  61. package/src/components/material-icon/index.tsx +47 -47
  62. package/src/components/material-icon/types.ts +31 -31
  63. package/src/components/modal/Modal.stories.tsx +171 -171
  64. package/src/components/modal/index.tsx +164 -164
  65. package/src/components/modal/types.ts +24 -24
  66. package/src/components/next-image/index.tsx +74 -74
  67. package/src/components/next-image/types.ts +1 -1
  68. package/src/components/pagination/index.tsx +91 -91
  69. package/src/components/pagination/types.ts +6 -6
  70. package/src/components/radio-button/RadioButton.stories.tsx +307 -307
  71. package/src/components/radio-button/index.tsx +75 -75
  72. package/src/components/radio-button/types.ts +21 -21
  73. package/src/components/see-more/SeeMore.stories.tsx +181 -181
  74. package/src/components/see-more/index.tsx +44 -44
  75. package/src/components/see-more/types.ts +4 -4
  76. package/src/components/select/Select.stories.tsx +411 -411
  77. package/src/components/select/index.tsx +155 -155
  78. package/src/components/select/types.ts +36 -36
  79. package/src/components/select-plan-button/SelectPlanButton.stories.tsx +184 -184
  80. package/src/components/select-plan-button/index.tsx +63 -63
  81. package/src/components/select-plan-button/types.ts +17 -17
  82. package/src/components/skeleton/Skeleton.stories.tsx +179 -179
  83. package/src/components/skeleton/index.tsx +61 -61
  84. package/src/components/skeleton/types.ts +4 -4
  85. package/src/components/spinner/Spinner.stories.tsx +335 -335
  86. package/src/components/spinner/index.tsx +44 -44
  87. package/src/components/spinner/types.ts +5 -5
  88. package/src/components/text/Text.stories.tsx +321 -321
  89. package/src/components/text/index.tsx +25 -25
  90. package/src/components/text/types.ts +45 -45
  91. package/src/components/tooltip/Tooltip.stories.tsx +219 -219
  92. package/src/components/tooltip/index.tsx +74 -74
  93. package/src/components/tooltip/types.ts +7 -7
  94. package/src/components/view-cart-button/ViewCartButton.stories.tsx +252 -252
  95. package/src/components/view-cart-button/index.tsx +42 -42
  96. package/src/components/view-cart-button/types.ts +5 -5
  97. package/src/contentful/blocks/accordion/Accordion.stories.mocks.tsx +128 -128
  98. package/src/contentful/blocks/accordion/Accordion.stories.tsx +98 -98
  99. package/src/contentful/blocks/accordion/index.tsx +112 -112
  100. package/src/contentful/blocks/accordion/types.ts +34 -34
  101. package/src/contentful/blocks/address-input-banner/index.tsx +52 -52
  102. package/src/contentful/blocks/address-input-banner/types.ts +14 -14
  103. package/src/contentful/blocks/anchored-bottom-banner/index.tsx +181 -181
  104. package/src/contentful/blocks/anchored-bottom-banner/types.ts +13 -13
  105. package/src/contentful/blocks/blogs-grid/BlogGrid.stories.mocks.tsx +144 -0
  106. package/src/contentful/blocks/blogs-grid/BlogGrid.stories.tsx +156 -0
  107. package/src/contentful/blocks/blogs-grid/index.tsx +134 -134
  108. package/src/contentful/blocks/blogs-grid/types.ts +26 -26
  109. package/src/contentful/blocks/blogs-grid-base/index.tsx +119 -119
  110. package/src/contentful/blocks/blogs-grid-base/types.ts +36 -36
  111. package/src/contentful/blocks/breadcrumbs/BreadcrumbNavigation.stories.tsx +147 -0
  112. package/src/contentful/blocks/breadcrumbs/index.tsx +95 -81
  113. package/src/contentful/blocks/breadcrumbs/types.ts +8 -6
  114. package/src/contentful/blocks/button/Button.stories.tsx +40 -40
  115. package/src/contentful/blocks/button/index.tsx +131 -131
  116. package/src/contentful/blocks/button/types.ts +39 -39
  117. package/src/contentful/blocks/callout/Callout.stories.tsx +23 -23
  118. package/src/contentful/blocks/callout/index.tsx +265 -265
  119. package/src/contentful/blocks/callout/types.ts +72 -72
  120. package/src/contentful/blocks/cards/Cards.stories.tsx +23 -23
  121. package/src/contentful/blocks/cards/blog-card/index.tsx +129 -129
  122. package/src/contentful/blocks/cards/blog-card/types.ts +34 -34
  123. package/src/contentful/blocks/cards/floating-image-card/index.tsx +119 -119
  124. package/src/contentful/blocks/cards/floating-image-card/types.ts +30 -30
  125. package/src/contentful/blocks/cards/full-image-card/index.tsx +130 -130
  126. package/src/contentful/blocks/cards/full-image-card/types.ts +29 -29
  127. package/src/contentful/blocks/cards/index.tsx +13 -13
  128. package/src/contentful/blocks/cards/product-card/index.tsx +251 -251
  129. package/src/contentful/blocks/cards/product-card/types.ts +28 -28
  130. package/src/contentful/blocks/cards/simple-card/index.tsx +325 -325
  131. package/src/contentful/blocks/cards/simple-card/types.ts +71 -71
  132. package/src/contentful/blocks/cards/testimonial-card/index.tsx +90 -90
  133. package/src/contentful/blocks/cards/testimonial-card/types.tsx +12 -12
  134. package/src/contentful/blocks/cards/types.ts +1 -1
  135. package/src/contentful/blocks/carousel/Carousel.stories.tsx +23 -23
  136. package/src/contentful/blocks/carousel/helper.tsx +440 -440
  137. package/src/contentful/blocks/carousel/index.tsx +85 -85
  138. package/src/contentful/blocks/carousel/types.ts +144 -144
  139. package/src/contentful/blocks/cart-retention-banner/index.tsx +105 -105
  140. package/src/contentful/blocks/cart-retention-banner/types.ts +11 -11
  141. package/src/contentful/blocks/comparison-table/index.tsx +29 -29
  142. package/src/contentful/blocks/comparison-table/types.ts +6 -6
  143. package/src/contentful/blocks/cookiebanner/index.tsx +146 -146
  144. package/src/contentful/blocks/cookiebanner/type.ts +7 -7
  145. package/src/contentful/blocks/cta-callout/CtaCallout.stories.tsx +46 -46
  146. package/src/contentful/blocks/cta-callout/index.tsx +71 -71
  147. package/src/contentful/blocks/cta-callout/types.ts +26 -26
  148. package/src/contentful/blocks/dynamic-tabs/index.tsx +204 -204
  149. package/src/contentful/blocks/dynamic-tabs/types.ts +21 -21
  150. package/src/contentful/blocks/email-input-block/index.tsx +116 -116
  151. package/src/contentful/blocks/email-input-block/types.ts +16 -16
  152. package/src/contentful/blocks/find-kinetic/FindKinetic.stories.tsx +23 -23
  153. package/src/contentful/blocks/find-kinetic/index.tsx +130 -130
  154. package/src/contentful/blocks/find-kinetic/types.ts +19 -19
  155. package/src/contentful/blocks/floating-banner/FloatingBanner.stories.tsx +34 -34
  156. package/src/contentful/blocks/floating-banner/index.tsx +97 -97
  157. package/src/contentful/blocks/floating-banner/types.ts +22 -22
  158. package/src/contentful/blocks/footer/Footer.stories.tsx +317 -317
  159. package/src/contentful/blocks/footer/index.tsx +91 -91
  160. package/src/contentful/blocks/footer/types.ts +13 -13
  161. package/src/contentful/blocks/image-promo-bar/ImagePromoBar.stories.tsx +23 -23
  162. package/src/contentful/blocks/image-promo-bar/helper.tsx +28 -28
  163. package/src/contentful/blocks/image-promo-bar/index.tsx +246 -246
  164. package/src/contentful/blocks/image-promo-bar/types.ts +44 -44
  165. package/src/contentful/blocks/image-promo-bar/vimeo-embed.tsx +93 -93
  166. package/src/contentful/blocks/image-promo-bar/youtube-embed.tsx +46 -46
  167. package/src/contentful/blocks/modal/constants.ts +53 -53
  168. package/src/contentful/blocks/modal/index.tsx +107 -107
  169. package/src/contentful/blocks/modal/types.ts +12 -12
  170. package/src/contentful/blocks/navigation/desktop-link-groups.tsx/index.tsx +139 -139
  171. package/src/contentful/blocks/navigation/index.tsx +568 -568
  172. package/src/contentful/blocks/navigation/mobile-link-groups.tsx/index.tsx +82 -82
  173. package/src/contentful/blocks/navigation/types.ts +71 -71
  174. package/src/contentful/blocks/primary-hero/PrimaryHero.stories.tsx +23 -23
  175. package/src/contentful/blocks/primary-hero/index.tsx +236 -236
  176. package/src/contentful/blocks/primary-hero/types.ts +37 -37
  177. package/src/contentful/blocks/search-block/index.tsx +90 -90
  178. package/src/contentful/blocks/search-block/types.ts +15 -15
  179. package/src/contentful/blocks/shape-background-wrapper/ShapeBackgroundWrapper.stories.tsx +26 -26
  180. package/src/contentful/blocks/shape-background-wrapper/index.tsx +124 -124
  181. package/src/contentful/blocks/shape-background-wrapper/types.ts +36 -36
  182. package/src/contentful/blocks/text/Text.stories.tsx +23 -23
  183. package/src/contentful/blocks/text/index.tsx +12 -12
  184. package/src/contentful/blocks/text/types.ts +1 -1
  185. package/src/contentful/index.ts +105 -105
  186. package/src/hooks/contentful/use-contentful-rich-text.tsx +309 -309
  187. package/src/hooks/contentful/use-processed-check-list.ts +63 -63
  188. package/src/hooks/use-body-scroll-lock.ts +34 -34
  189. package/src/hooks/use-carousel-swipe.ts +264 -264
  190. package/src/hooks/use-outside-click.ts +17 -17
  191. package/src/index.ts +101 -101
  192. package/src/next/index.ts +5 -5
  193. package/src/setupTests.ts +46 -46
  194. package/src/stories/DocsTemplate.tsx +24 -24
  195. package/src/styles/globals.css +343 -343
  196. package/src/types/global.d.ts +9 -9
  197. package/src/types/micro-components.ts +99 -99
  198. package/src/types/utm.ts +49 -49
  199. package/src/utils/contentful/to-document.ts +24 -24
  200. package/src/utils/cookie.ts +84 -84
  201. package/src/utils/cx.ts +49 -49
  202. package/src/utils/index.ts +41 -41
  203. package/src/utils/speed-card-bg.ts +24 -24
  204. package/src/utils/utm.ts +221 -221
package/src/index.ts CHANGED
@@ -1,101 +1,101 @@
1
- // Import global styles
2
- import "./styles/globals.css";
3
-
4
- // Core Components
5
- export { Button } from "./components/button";
6
- export type { ButtonProps } from "./components/button";
7
-
8
- export { Input, InputField, Input as TextInput } from "./components/input";
9
- export type { InputProps, InputFieldProps } from "./components/input";
10
-
11
- export { Image } from "./components/image";
12
- export type { ImageProps, ImageComponentProps } from "./components/image";
13
-
14
- export { NextImage } from "./components/next-image";
15
- export type { NextImageComponentProps } from "./components/next-image";
16
-
17
- export { Link } from "./components/link";
18
- export type { LinkProps } from "./components/link";
19
-
20
- export { List, ListItem } from "./components/list";
21
- export type { ListProps, ListItemProps } from "./components/list";
22
-
23
- export { MaterialIcon } from "./components/material-icon";
24
- export type { IconProps, IconName } from "./components/material-icon";
25
-
26
- export { Spinner } from "./components/spinner";
27
- export type { SpinnerProps } from "./components/spinner";
28
-
29
- export { Text } from "./components/text";
30
- export type { TextProps, TextVariant } from "./components/text";
31
-
32
- export { CallButton } from "./components/call-button";
33
- export type { CallButtonProps } from "./components/call-button";
34
-
35
- export { Modal } from "./components/modal";
36
- export type { ModalProps, Size, Shape, Animation } from "./components/modal";
37
-
38
- export { Accordion } from "./components/accordion";
39
- export type { AccordionProps } from "./components/accordion";
40
-
41
- export { Checkbox } from "./components/checkbox";
42
- export type { CheckboxProps } from "./components/checkbox";
43
-
44
- export { Select } from "./components/select";
45
- export type {
46
- SelectProps,
47
- SelectOption,
48
- FilterOptions,
49
- } from "./components/select";
50
-
51
- export { AlertCard } from "./components/alert-card";
52
- export type { AlertCardProps } from "./components/alert-card";
53
-
54
- export { BrandButton } from "./components/brand-button";
55
- export type {
56
- ButtonProps as BrandButtonProps,
57
- ButtonVariantsT,
58
- ButtonSizeT,
59
- ResponsiveSize,
60
- } from "./components/brand-button";
61
-
62
- export { Checklist } from "./components/checklist";
63
- export type { ChecklistProps } from "./components/checklist";
64
-
65
- export { Collapse } from "./components/collapse";
66
- export type { CollapsibleProps } from "./components/collapse";
67
-
68
- export { Divider } from "./components/divider";
69
- export type { DividerProps } from "./components/divider";
70
-
71
- export { RadioButton } from "./components/radio-button";
72
- export type { RadioButtonProps } from "./components/radio-button";
73
-
74
- export { SeeMore } from "./components/see-more";
75
- export type { SeeMoreProps } from "./components/see-more";
76
-
77
- export { SelectPlanButton } from "./components/select-plan-button";
78
- export type { SelectPlanButtonProps } from "./components/select-plan-button";
79
-
80
- export { Skeleton, PageSkeleton } from "./components/skeleton";
81
- export type { SkeletonProps } from "./components/skeleton";
82
-
83
- export { Tooltip } from "./components/tooltip";
84
- export type { ToolTipProps } from "./components/tooltip";
85
-
86
- export { ViewCartButton } from "./components/view-cart-button";
87
- export type { ViewCartButtonProps } from "./components/view-cart-button";
88
-
89
- export { default as useBodyScrollLock } from "./hooks/use-body-scroll-lock";
90
- export { useCarouselSwipe } from "./hooks/use-carousel-swipe";
91
- export type {
92
- CarouselSwipeConfig,
93
- CarouselSwipeReturn,
94
- } from "./hooks/use-carousel-swipe";
95
-
96
- // Utils
97
- export { cx, clsx } from "./utils";
98
- export type { ClassValue } from "./utils";
99
-
100
- // Re-export types
101
- export type { ButtonHTMLAttributes, CSSProperties, ReactNode } from "react";
1
+ // Import global styles
2
+ import "./styles/globals.css";
3
+
4
+ // Core Components
5
+ export { Button } from "./components/button";
6
+ export type { ButtonProps } from "./components/button";
7
+
8
+ export { Input, InputField, Input as TextInput } from "./components/input";
9
+ export type { InputProps, InputFieldProps } from "./components/input";
10
+
11
+ export { Image } from "./components/image";
12
+ export type { ImageProps, ImageComponentProps } from "./components/image";
13
+
14
+ export { NextImage } from "./components/next-image";
15
+ export type { NextImageComponentProps } from "./components/next-image";
16
+
17
+ export { Link } from "./components/link";
18
+ export type { LinkProps } from "./components/link";
19
+
20
+ export { List, ListItem } from "./components/list";
21
+ export type { ListProps, ListItemProps } from "./components/list";
22
+
23
+ export { MaterialIcon } from "./components/material-icon";
24
+ export type { IconProps, IconName } from "./components/material-icon";
25
+
26
+ export { Spinner } from "./components/spinner";
27
+ export type { SpinnerProps } from "./components/spinner";
28
+
29
+ export { Text } from "./components/text";
30
+ export type { TextProps, TextVariant } from "./components/text";
31
+
32
+ export { CallButton } from "./components/call-button";
33
+ export type { CallButtonProps } from "./components/call-button";
34
+
35
+ export { Modal } from "./components/modal";
36
+ export type { ModalProps, Size, Shape, Animation } from "./components/modal";
37
+
38
+ export { Accordion } from "./components/accordion";
39
+ export type { AccordionProps } from "./components/accordion";
40
+
41
+ export { Checkbox } from "./components/checkbox";
42
+ export type { CheckboxProps } from "./components/checkbox";
43
+
44
+ export { Select } from "./components/select";
45
+ export type {
46
+ SelectProps,
47
+ SelectOption,
48
+ FilterOptions,
49
+ } from "./components/select";
50
+
51
+ export { AlertCard } from "./components/alert-card";
52
+ export type { AlertCardProps } from "./components/alert-card";
53
+
54
+ export { BrandButton } from "./components/brand-button";
55
+ export type {
56
+ ButtonProps as BrandButtonProps,
57
+ ButtonVariantsT,
58
+ ButtonSizeT,
59
+ ResponsiveSize,
60
+ } from "./components/brand-button";
61
+
62
+ export { Checklist } from "./components/checklist";
63
+ export type { ChecklistProps } from "./components/checklist";
64
+
65
+ export { Collapse } from "./components/collapse";
66
+ export type { CollapsibleProps } from "./components/collapse";
67
+
68
+ export { Divider } from "./components/divider";
69
+ export type { DividerProps } from "./components/divider";
70
+
71
+ export { RadioButton } from "./components/radio-button";
72
+ export type { RadioButtonProps } from "./components/radio-button";
73
+
74
+ export { SeeMore } from "./components/see-more";
75
+ export type { SeeMoreProps } from "./components/see-more";
76
+
77
+ export { SelectPlanButton } from "./components/select-plan-button";
78
+ export type { SelectPlanButtonProps } from "./components/select-plan-button";
79
+
80
+ export { Skeleton, PageSkeleton } from "./components/skeleton";
81
+ export type { SkeletonProps } from "./components/skeleton";
82
+
83
+ export { Tooltip } from "./components/tooltip";
84
+ export type { ToolTipProps } from "./components/tooltip";
85
+
86
+ export { ViewCartButton } from "./components/view-cart-button";
87
+ export type { ViewCartButtonProps } from "./components/view-cart-button";
88
+
89
+ export { default as useBodyScrollLock } from "./hooks/use-body-scroll-lock";
90
+ export { useCarouselSwipe } from "./hooks/use-carousel-swipe";
91
+ export type {
92
+ CarouselSwipeConfig,
93
+ CarouselSwipeReturn,
94
+ } from "./hooks/use-carousel-swipe";
95
+
96
+ // Utils
97
+ export { cx, clsx } from "./utils";
98
+ export type { ClassValue } from "./utils";
99
+
100
+ // Re-export types
101
+ export type { ButtonHTMLAttributes, CSSProperties, ReactNode } from "react";
package/src/next/index.ts CHANGED
@@ -1,5 +1,5 @@
1
- "use client";
2
-
3
- // Next.js specific components
4
- export { NextImage } from "../components/next-image";
5
- export type { NextImageComponentProps } from "../components/next-image";
1
+ "use client";
2
+
3
+ // Next.js specific components
4
+ export { NextImage } from "../components/next-image";
5
+ export type { NextImageComponentProps } from "../components/next-image";
package/src/setupTests.ts CHANGED
@@ -1,46 +1,46 @@
1
- import "@testing-library/jest-dom";
2
-
3
- // Mock window.matchMedia
4
- Object.defineProperty(window, "matchMedia", {
5
- writable: true,
6
- value: (query: string) => ({
7
- matches: false,
8
- media: query,
9
- onchange: null,
10
- addListener: () => {}, // deprecated
11
- removeListener: () => {}, // deprecated
12
- addEventListener: () => {},
13
- removeEventListener: () => {},
14
- dispatchEvent: () => true,
15
- }),
16
- });
17
-
18
- // Mock ResizeObserver
19
- global.ResizeObserver = class ResizeObserver {
20
- observe = () => {};
21
- unobserve = () => {};
22
- disconnect = () => {};
23
- constructor(_callback: ResizeObserverCallback) {}
24
- } as unknown as typeof ResizeObserver;
25
-
26
- // Mock IntersectionObserver
27
- global.IntersectionObserver = class IntersectionObserver {
28
- observe = () => {};
29
- unobserve = () => {};
30
- disconnect = () => {};
31
- constructor(_callback: IntersectionObserverCallback) {}
32
- } as unknown as typeof IntersectionObserver;
33
-
34
- // Mock scrollTo
35
- Object.defineProperty(window, "scrollTo", {
36
- writable: true,
37
- value: () => {},
38
- });
39
-
40
- // Mock getComputedStyle
41
- Object.defineProperty(window, "getComputedStyle", {
42
- writable: true,
43
- value: () => ({
44
- getPropertyValue: () => "",
45
- }),
46
- });
1
+ import "@testing-library/jest-dom";
2
+
3
+ // Mock window.matchMedia
4
+ Object.defineProperty(window, "matchMedia", {
5
+ writable: true,
6
+ value: (query: string) => ({
7
+ matches: false,
8
+ media: query,
9
+ onchange: null,
10
+ addListener: () => {}, // deprecated
11
+ removeListener: () => {}, // deprecated
12
+ addEventListener: () => {},
13
+ removeEventListener: () => {},
14
+ dispatchEvent: () => true,
15
+ }),
16
+ });
17
+
18
+ // Mock ResizeObserver
19
+ global.ResizeObserver = class ResizeObserver {
20
+ observe = () => {};
21
+ unobserve = () => {};
22
+ disconnect = () => {};
23
+ constructor(_callback: ResizeObserverCallback) {}
24
+ } as unknown as typeof ResizeObserver;
25
+
26
+ // Mock IntersectionObserver
27
+ global.IntersectionObserver = class IntersectionObserver {
28
+ observe = () => {};
29
+ unobserve = () => {};
30
+ disconnect = () => {};
31
+ constructor(_callback: IntersectionObserverCallback) {}
32
+ } as unknown as typeof IntersectionObserver;
33
+
34
+ // Mock scrollTo
35
+ Object.defineProperty(window, "scrollTo", {
36
+ writable: true,
37
+ value: () => {},
38
+ });
39
+
40
+ // Mock getComputedStyle
41
+ Object.defineProperty(window, "getComputedStyle", {
42
+ writable: true,
43
+ value: () => ({
44
+ getPropertyValue: () => "",
45
+ }),
46
+ });
@@ -1,24 +1,24 @@
1
- import {
2
- ArgTypes,
3
- Controls,
4
- Description,
5
- Primary,
6
- Source,
7
- Stories,
8
- Subtitle,
9
- Title,
10
- } from "@storybook/blocks";
11
-
12
- // Shared docs layout used by all component stories
13
- export const DocsPage = () => (
14
- <>
15
- <Title />
16
- <Subtitle />
17
- <Description />
18
- <Primary />
19
- <Source />
20
- <Controls />
21
- <Stories includePrimary={false} title="Examples" />
22
- <ArgTypes />
23
- </>
24
- );
1
+ import {
2
+ ArgTypes,
3
+ Controls,
4
+ Description,
5
+ Primary,
6
+ Source,
7
+ Stories,
8
+ Subtitle,
9
+ Title,
10
+ } from "@storybook/blocks";
11
+
12
+ // Shared docs layout used by all component stories
13
+ export const DocsPage = () => (
14
+ <>
15
+ <Title />
16
+ <Subtitle />
17
+ <Description />
18
+ <Primary />
19
+ <Source />
20
+ <Controls />
21
+ <Stories includePrimary={false} title="Examples" />
22
+ <ArgTypes />
23
+ </>
24
+ );