@prokodo/ui 0.0.7 → 0.0.8

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 (225) hide show
  1. package/README.md +1 -2
  2. package/dist/components/Accordion2.js +1 -0
  3. package/dist/components/Animated2.js +1 -0
  4. package/dist/components/AnimatedText2.js +1 -0
  5. package/dist/components/Avatar2.js +1 -0
  6. package/dist/components/BaseLink.js +1 -0
  7. package/dist/components/Button2.js +1 -0
  8. package/dist/components/Calendly2.js +1 -0
  9. package/dist/components/Card2.js +1 -0
  10. package/dist/components/Carousel2.js +1 -0
  11. package/dist/components/Chip2.js +1 -0
  12. package/dist/components/{ClassNameConfigurator-C6UbdI-d.js → ClassNameConfigurator.js} +1 -1
  13. package/dist/components/DatePicker2.js +1 -0
  14. package/dist/components/Dialog2.js +1 -0
  15. package/dist/components/Drawer2.js +1 -0
  16. package/dist/components/Form2.js +1 -0
  17. package/dist/components/GridRow.js +1 -0
  18. package/dist/components/Headline2.js +1 -0
  19. package/dist/components/Icon2.js +1 -0
  20. package/dist/components/Image2.js +1 -0
  21. package/dist/components/ImageText.js +1 -0
  22. package/dist/components/Input2.js +1 -0
  23. package/dist/components/InputOTP2.js +1 -0
  24. package/dist/components/Label2.js +1 -0
  25. package/dist/components/Link2.js +1 -0
  26. package/dist/components/List2.js +1 -0
  27. package/dist/components/Loading2.js +1 -0
  28. package/dist/components/Lottie2.js +1 -0
  29. package/dist/components/Map2.js +1 -0
  30. package/dist/components/PostItem.js +1 -0
  31. package/dist/components/PostTeaser.js +1 -0
  32. package/dist/components/PostWidget.js +1 -0
  33. package/dist/components/PostWidgetCarousel.js +1 -0
  34. package/dist/components/Quote2.js +1 -0
  35. package/dist/components/RichText.js +1 -0
  36. package/dist/components/{Select-DbjU6dlH.js → Select2.js} +1 -1
  37. package/dist/components/Skeleton2.js +1 -0
  38. package/dist/components/Slider2.js +1 -0
  39. package/dist/components/Stepper2.js +1 -0
  40. package/dist/components/Switch2.js +1 -0
  41. package/dist/components/Table2.js +1 -0
  42. package/dist/components/Teaser2.js +1 -0
  43. package/dist/components/accordion.js +1 -1
  44. package/dist/components/animated.js +1 -1
  45. package/dist/components/animatedText.js +1 -1
  46. package/dist/components/avatar.js +1 -1
  47. package/dist/components/base-link.js +1 -1
  48. package/dist/components/button.js +1 -1
  49. package/dist/components/calendly.js +1 -1
  50. package/dist/components/card.js +1 -1
  51. package/dist/components/carousel.js +1 -1
  52. package/dist/components/chip.js +1 -1
  53. package/dist/components/datePicker.js +1 -1
  54. package/dist/components/dialog.js +1 -1
  55. package/dist/components/drawer.js +1 -1
  56. package/dist/components/form.js +1 -1
  57. package/dist/components/grid.js +1 -1
  58. package/dist/components/headline.js +1 -1
  59. package/dist/components/icon.js +1 -1
  60. package/dist/components/image-text.js +1 -1
  61. package/dist/components/image.js +1 -1
  62. package/dist/components/input.js +1 -1
  63. package/dist/components/inputOTP.js +1 -1
  64. package/dist/components/label.js +1 -1
  65. package/dist/components/link.js +1 -1
  66. package/dist/components/list.js +1 -1
  67. package/dist/components/loading.js +1 -1
  68. package/dist/components/lottie.js +1 -1
  69. package/dist/components/map.js +1 -1
  70. package/dist/components/post-item.js +1 -1
  71. package/dist/components/post-teaser.js +1 -1
  72. package/dist/components/post-widget-carousel.js +1 -1
  73. package/dist/components/post-widget.js +1 -1
  74. package/dist/components/quote.js +1 -1
  75. package/dist/components/rich-text.js +1 -1
  76. package/dist/components/select.js +1 -1
  77. package/dist/components/skeleton.js +1 -1
  78. package/dist/components/slider.js +1 -1
  79. package/dist/components/stepper.js +1 -1
  80. package/dist/components/switch.js +1 -1
  81. package/dist/components/table.js +1 -1
  82. package/dist/components/teaser.js +1 -1
  83. package/dist/index.cjs.js +1 -1
  84. package/dist/index.es.js +40 -40
  85. package/dist/tsconfig.build.tsbuildinfo +1 -1
  86. package/dist/tsconfig.typecheck.tsbuildinfo +1 -0
  87. package/dist/types/components/accordion/index.d.ts +1 -1
  88. package/dist/types/components/animated/index.d.ts +1 -1
  89. package/dist/types/components/animatedText/index.d.ts +1 -1
  90. package/dist/types/components/avatar/index.d.ts +1 -1
  91. package/dist/types/components/base-link/index.d.ts +1 -1
  92. package/dist/types/components/button/index.d.ts +1 -1
  93. package/dist/types/components/calendly/index.d.ts +1 -1
  94. package/dist/types/components/card/index.d.ts +1 -1
  95. package/dist/types/components/carousel/index.d.ts +1 -1
  96. package/dist/types/components/chip/index.d.ts +1 -1
  97. package/dist/types/components/datePicker/index.d.ts +1 -1
  98. package/dist/types/components/dialog/index.d.ts +1 -1
  99. package/dist/types/components/drawer/index.d.ts +1 -1
  100. package/dist/types/components/form/Form.model.d.ts +4 -1
  101. package/dist/types/components/form/FormResponse.d.ts +2 -5
  102. package/dist/types/components/form/index.d.ts +2 -1
  103. package/dist/types/components/grid/Grid.d.ts +2 -6
  104. package/dist/types/components/grid/Grid.model.d.ts +17 -0
  105. package/dist/types/components/grid/GridRow.d.ts +2 -12
  106. package/dist/types/components/grid/index.d.ts +1 -0
  107. package/dist/types/components/headline/index.d.ts +1 -1
  108. package/dist/types/components/icon/index.d.ts +1 -1
  109. package/dist/types/components/image/index.d.ts +1 -1
  110. package/dist/types/components/image-text/index.d.ts +1 -1
  111. package/dist/types/components/input/index.d.ts +1 -1
  112. package/dist/types/components/inputOTP/index.d.ts +1 -1
  113. package/dist/types/components/label/index.d.ts +1 -1
  114. package/dist/types/components/link/index.d.ts +1 -1
  115. package/dist/types/components/list/index.d.ts +1 -1
  116. package/dist/types/components/loading/index.d.ts +1 -1
  117. package/dist/types/components/lottie/index.d.ts +1 -1
  118. package/dist/types/components/map/index.d.ts +1 -1
  119. package/dist/types/components/post-item/index.d.ts +2 -2
  120. package/dist/types/components/post-teaser/index.d.ts +1 -1
  121. package/dist/types/components/post-widget/index.d.ts +1 -1
  122. package/dist/types/components/post-widget-carousel/index.d.ts +1 -1
  123. package/dist/types/components/quote/index.d.ts +1 -1
  124. package/dist/types/components/rich-text/index.d.ts +1 -1
  125. package/dist/types/components/select/index.d.ts +1 -1
  126. package/dist/types/components/skeleton/index.d.ts +1 -1
  127. package/dist/types/components/slider/index.d.ts +1 -1
  128. package/dist/types/components/stepper/index.d.ts +1 -1
  129. package/dist/types/components/switch/index.d.ts +1 -1
  130. package/dist/types/components/table/index.d.ts +1 -1
  131. package/dist/types/components/teaser/index.d.ts +1 -1
  132. package/dist/types/index.d.ts +0 -40
  133. package/package.json +1 -1
  134. package/dist/components/Accordion-V3d_aGvZ.js +0 -130
  135. package/dist/components/Accordion-o8oKA6Tq.js +0 -1
  136. package/dist/components/Animated-BBfAgsHL.js +0 -64
  137. package/dist/components/Animated-CO4IEerF.js +0 -1
  138. package/dist/components/AnimatedText-BmB5Vkyq.js +0 -31
  139. package/dist/components/AnimatedText-Sy1jofZl.js +0 -1
  140. package/dist/components/Avatar-Ci5YNFc5.js +0 -95
  141. package/dist/components/Avatar-CjlbA5a5.js +0 -1
  142. package/dist/components/BaseLink-Dd9htNXU.js +0 -1
  143. package/dist/components/BaseLink-w1q9Qc1U.js +0 -30
  144. package/dist/components/Button-B8chVgsB.js +0 -111
  145. package/dist/components/Button-yvFLX-6Q.js +0 -1
  146. package/dist/components/Calendly-CWCAs02R.js +0 -1
  147. package/dist/components/Calendly-WBM4oHyC.js +0 -82
  148. package/dist/components/Card-BPEoLzF1.js +0 -1
  149. package/dist/components/Card-IW4R7bKr.js +0 -202
  150. package/dist/components/Carousel-CdS7SVzA.js +0 -1
  151. package/dist/components/Carousel-DpO4a3lm.js +0 -257
  152. package/dist/components/Chip-BmBxJH5M.js +0 -80
  153. package/dist/components/Chip-Q2ttDAQn.js +0 -1
  154. package/dist/components/ClassNameConfigurator-Ce5BUPXc.js +0 -860
  155. package/dist/components/DatePicker-BTenaDN8.js +0 -1
  156. package/dist/components/DatePicker-PK173UTy.js +0 -93
  157. package/dist/components/Dialog-Bq3tfZ0_.js +0 -1
  158. package/dist/components/Dialog-KlXAOdt_.js +0 -172
  159. package/dist/components/Drawer-DulO9091.js +0 -1
  160. package/dist/components/Drawer-i9X07r74.js +0 -120
  161. package/dist/components/Form-B6963dT5.js +0 -368
  162. package/dist/components/Form-DVNzITG2.js +0 -1
  163. package/dist/components/GridRow-1h1JHuDl.js +0 -114
  164. package/dist/components/GridRow-C5v0sOZZ.js +0 -1
  165. package/dist/components/Headline-CnyLLQLB.js +0 -1
  166. package/dist/components/Headline-DzEinaZi.js +0 -98
  167. package/dist/components/Icon-BMrVlROP.js +0 -4195
  168. package/dist/components/Icon-eWdA85cf.js +0 -1
  169. package/dist/components/Image-B-lyA7ym.js +0 -1
  170. package/dist/components/Image-CVgvVlLE.js +0 -33
  171. package/dist/components/ImageText-Cqp4xp9y.js +0 -113
  172. package/dist/components/ImageText-D-06_EGf.js +0 -1
  173. package/dist/components/Input-BEO9ig1R.js +0 -1
  174. package/dist/components/Input-CrNLI_OY.js +0 -258
  175. package/dist/components/InputOTP-Db7DHrhS.js +0 -88
  176. package/dist/components/InputOTP-MnmjEmPU.js +0 -1
  177. package/dist/components/Label-BvCzZIGM.js +0 -1
  178. package/dist/components/Label-DRUCdGoX.js +0 -71
  179. package/dist/components/Link-DSQ1125B.js +0 -69
  180. package/dist/components/Link-Dg7XR4uY.js +0 -1
  181. package/dist/components/List-D_dSwMx5.js +0 -1
  182. package/dist/components/List-P6xbVrBc.js +0 -196
  183. package/dist/components/Loading-C7lyHDW7.js +0 -68
  184. package/dist/components/Loading-U-CrTVTi.js +0 -1
  185. package/dist/components/Lottie-Br7PmIzX.js +0 -1
  186. package/dist/components/Lottie-CrvbxK0R.js +0 -87
  187. package/dist/components/Map-D3xbPS1S.js +0 -1
  188. package/dist/components/Map-DEIB_y-M.js +0 -64
  189. package/dist/components/PostItem-B8Vfv_sW.js +0 -183
  190. package/dist/components/PostItem-BSTn6cHD.js +0 -1
  191. package/dist/components/PostTeaser-BmZyqFL2.js +0 -186
  192. package/dist/components/PostTeaser-DLynX43c.js +0 -1
  193. package/dist/components/PostWidget-Bo4KiSsV.js +0 -170
  194. package/dist/components/PostWidget-DYWA-B8d.js +0 -1
  195. package/dist/components/PostWidgetCarousel-CZ6ptOGv.js +0 -168
  196. package/dist/components/PostWidgetCarousel-D7-p3Pwr.js +0 -1
  197. package/dist/components/Quote-6aurOanD.js +0 -1
  198. package/dist/components/Quote-CV_UYE1G.js +0 -101
  199. package/dist/components/RichText-Cg_XzkUs.js +0 -152
  200. package/dist/components/RichText-DVg1dwMV.js +0 -1
  201. package/dist/components/Select-BMyrX8V0.js +0 -3081
  202. package/dist/components/Skeleton-BuY3bttw.js +0 -1
  203. package/dist/components/Skeleton-D6olNYTG.js +0 -40
  204. package/dist/components/Slider-C-lecSwc.js +0 -957
  205. package/dist/components/Slider-GvO3Xllf.js +0 -1
  206. package/dist/components/Stepper-BV3PGCr2.js +0 -1
  207. package/dist/components/Stepper-CA1DOm4D.js +0 -135
  208. package/dist/components/Switch-C_6EUOIc.js +0 -330
  209. package/dist/components/Switch-Db3HpOhM.js +0 -1
  210. package/dist/components/Table-Csc0FIbX.js +0 -1
  211. package/dist/components/Table-Cy8bIv_C.js +0 -95
  212. package/dist/components/Teaser-CkisYOs-.js +0 -1
  213. package/dist/components/Teaser-Cl2oBeh5.js +0 -118
  214. package/dist/components/areArraysEqual-CJkStQkx.js +0 -20
  215. package/dist/components/bem-CYKrPjje.js +0 -11
  216. package/dist/components/calculation-79PhfKvq.js +0 -4
  217. package/dist/components/jsx-runtime-C5mzlN2N.js +0 -284
  218. package/dist/components/useControlled-BYdyS7Pn.js +0 -31
  219. package/dist/components/validations-B_cxltQ_.js +0 -8
  220. /package/dist/components/{areArraysEqual-6R3bBH2E.js → areArraysEqual.js} +0 -0
  221. /package/dist/components/{bem-DC5wv0dD.js → bem.js} +0 -0
  222. /package/dist/components/{calculation-D-p0iqpk.js → calculation.js} +0 -0
  223. /package/dist/components/{jsx-runtime-CITbqOLs.js → jsx-runtime.js} +0 -0
  224. /package/dist/components/{useControlled-Ysk4KqoX.js → useControlled.js} +0 -0
  225. /package/dist/components/{validations-Cnxtn28y.js → validations.js} +0 -0
@@ -1,2 +1,2 @@
1
1
  export * from "./AnimatedText";
2
- export type * from "./AnimatedText.model";
2
+ export type { AnimatedTextProps } from "./AnimatedText.model";
@@ -1,2 +1,2 @@
1
1
  export * from "./Avatar";
2
- export type * from "./Avatar.model";
2
+ export type { AvatarProps, AvatarSize } from "./Avatar.model";
@@ -1,2 +1,2 @@
1
1
  export * from "./BaseLink";
2
- export type * from "./BaseLink.model";
2
+ export type { BaseLinkProps } from "./BaseLink.model";
@@ -1,2 +1,2 @@
1
1
  export * from "./Button";
2
- export type * from "./Button.model";
2
+ export type { ButtonProps, ButtonColor, ButtonIconProps, ButtonDefaultProps, } from "./Button.model";
@@ -1,2 +1,2 @@
1
1
  export * from "./Calendly";
2
- export type * from "./Calendly.model";
2
+ export type { CalendlyProps, CalendlyColorOptions, CalendlyData, CalendlyDataCustomAnswers, } from "./Calendly.model";
@@ -1,2 +1,2 @@
1
- export * from "./Card.model";
2
1
  export * from "./Card";
2
+ export type { CardProps, CardBackground, CardBackgroundProps, CardVariant, } from "./Card.model";
@@ -1,2 +1,2 @@
1
- export type * from "./Carousel.model";
2
1
  export * from "./Carousel";
2
+ export type { CarouselProps, CarouselDirection, CarouselRef, } from "./Carousel.model";
@@ -1,2 +1,2 @@
1
1
  export * from "./Chip";
2
- export type * from "./Chip.model";
2
+ export type { ChipProps, ChipColor, ChipVariant } from "./Chip.model";
@@ -1,2 +1,2 @@
1
1
  export * from "./DatePicker";
2
- export type * from "./DatePicker.model";
2
+ export type { DatePickerProps, DatePickerValue, DatePickerErrorTranslations, } from "./DatePicker.model";
@@ -1,2 +1,2 @@
1
1
  export * from "./Dialog";
2
- export type * from "./Dialog.model";
2
+ export type { DialogProps, DialogAction, DialogActions, DialogRef, DialogTranslations, } from "./Dialog.model";
@@ -1,2 +1,2 @@
1
1
  export * from "./Drawer";
2
- export type * from "./Drawer.model";
2
+ export type { DrawerProps } from "./Drawer.model";
@@ -1,4 +1,4 @@
1
- import type { ReactElement, FormHTMLAttributes } from "react";
1
+ import type { ReactElement, FormHTMLAttributes, HTMLAttributes } from "react";
2
2
  import type { ButtonProps } from "../button";
3
3
  import { DatePicker, type DatePickerProps, type DatePickerErrorTranslations } from "../datePicker";
4
4
  import { Input, type InputProps, type InputErrorTranslations } from "../input";
@@ -55,6 +55,9 @@ export type FormAllowedChildren = ReactElement<typeof DatePicker> | ReactElement
55
55
  export type ParentComponentProps = {
56
56
  children: FormAllowedChildren | FormAllowedChildren[];
57
57
  };
58
+ export type FormResponseProps = HTMLAttributes<HTMLDivElement> & {
59
+ messages?: FormMessages;
60
+ };
58
61
  export type OnChangeFormHandler = (fields: FormField) => void;
59
62
  export type FormProps = {
60
63
  label: string;
@@ -1,6 +1,3 @@
1
- import { type FC, type HTMLAttributes } from "react";
2
- import type { FormMessages } from "./Form.model";
3
- export type FormResponseProps = HTMLAttributes<HTMLDivElement> & {
4
- messages?: FormMessages;
5
- };
1
+ import { type FC } from "react";
2
+ import type { FormResponseProps } from "./Form.model";
6
3
  export declare const FormResponse: FC<FormResponseProps>;
@@ -1,3 +1,4 @@
1
1
  export * from "./Form";
2
2
  export * from "./FormResponse";
3
- export type * from "./Form.model";
3
+ export type { FormProps, FormField, FormAllowedChildren, FormFieldCondition, FormFieldDate, FormFieldInput, FormFieldMessages, FormFieldMessagesErrors, FormFieldMessagesErrorsDate, FormFieldMessagesErrorsInput, FormFieldOptionals, FormFieldSelect, FormFieldSlider, FormFieldSwitch, FormFieldValue, FormMessages, FormMessagesErrors, FormResponseProps, FormVariants, } from "./Form.model";
4
+ export type {} from "./";
@@ -1,7 +1,3 @@
1
- import { type FC, type HTMLAttributes, type ReactNode } from "react";
2
- export type GridProps = HTMLAttributes<HTMLDivElement> & {
3
- spacing?: number;
4
- className?: string;
5
- children?: ReactNode;
6
- };
1
+ import { type FC } from "react";
2
+ import type { GridProps } from "./Grid.model";
7
3
  export declare const Grid: FC<GridProps>;
@@ -0,0 +1,17 @@
1
+ import type { HTMLAttributes, ReactNode } from "react";
2
+ export type GridProps = HTMLAttributes<HTMLDivElement> & {
3
+ spacing?: number;
4
+ className?: string;
5
+ children?: ReactNode;
6
+ };
7
+ export type GridRowProps = HTMLAttributes<HTMLDivElement> & {
8
+ spacing?: number;
9
+ align?: "left" | "center" | "right";
10
+ className?: string;
11
+ children?: ReactNode;
12
+ xs?: number;
13
+ sm?: number;
14
+ md?: number;
15
+ lg?: number;
16
+ xl?: number;
17
+ };
@@ -1,13 +1,3 @@
1
- import { type FC, type ReactNode, type HTMLAttributes } from "react";
2
- export type GridRowProps = HTMLAttributes<HTMLDivElement> & {
3
- spacing?: number;
4
- align?: "left" | "center" | "right";
5
- className?: string;
6
- children?: ReactNode;
7
- xs?: number;
8
- sm?: number;
9
- md?: number;
10
- lg?: number;
11
- xl?: number;
12
- };
1
+ import { type FC } from "react";
2
+ import type { GridRowProps } from "./Grid.model";
13
3
  export declare const GridRow: FC<GridRowProps>;
@@ -1,2 +1,3 @@
1
1
  export * from "./Grid";
2
2
  export * from "./GridRow";
3
+ export type { GridProps, GridRowProps } from "./Grid.model";
@@ -1,2 +1,2 @@
1
- export * from "./Headline.model";
2
1
  export * from "./Headline";
2
+ export type { HeadlineProps, HeadlineSizeProps, HeadlineTypeProps, HeadlineVariant, } from "./Headline.model";
@@ -1,2 +1,2 @@
1
- export * from "./Icon.model";
2
1
  export * from "./Icon";
2
+ export type { IconProps, IconColor, IconName, IconSize, } from "./Icon.model";
@@ -1,2 +1,2 @@
1
1
  export * from "./Image";
2
- export type * from "./Image.model";
2
+ export type { ImageProps } from "./Image.model";
@@ -1,2 +1,2 @@
1
1
  export * from "./ImageText";
2
- export type * from "./ImageText.model";
2
+ export type { ImageTextProps, ImageTextHeadline, ImageTextAnimatedBorder, ImageTextAnimation, } from "./ImageText.model";
@@ -1,2 +1,2 @@
1
1
  export * from "./Input";
2
- export type * from "./Input.model";
2
+ export type { InputProps, InputChangeEvent, InputColor, InputErrorTranslations, InputValidateEvent, } from "./Input.model";
@@ -1,2 +1,2 @@
1
1
  export * from "./InputOTP";
2
- export type * from "./InputOTP.model";
2
+ export type { InputOTPProps } from "./InputOTP.model";
@@ -1,2 +1,2 @@
1
1
  export * from "./Label";
2
- export type * from "./Label.model";
2
+ export type { LabelProps } from "./Label.model";
@@ -1,2 +1,2 @@
1
- export type * from "./Link.model";
2
1
  export * from "./Link";
2
+ export type { LinkProps, LinkClassNames, LinkClickProps, LinkDefaultProps, LinkHrefProps, LinkVariants, } from "./Link.model";
@@ -1,2 +1,2 @@
1
- export type * from "./List.model";
2
1
  export * from "./List";
2
+ export type { ListProps, ListCardItemProps, ListCardProps, ListDefaultItemProps, ListDefaultOptions, ListDefaultProps, ListItemProps, ListType, ListVariant, } from "./List.model";
@@ -1,2 +1,2 @@
1
1
  export * from "./Loading";
2
- export type * from "./Loading.model";
2
+ export type { LoadingProps, LoadingSize } from "./Loading.model";
@@ -1,2 +1,2 @@
1
- export type * from "./Lottie.model";
2
1
  export * from "./Lottie";
2
+ export type { LottieProps, LottieAnimation } from "./Lottie.model";
@@ -1,2 +1,2 @@
1
1
  export * from "./Map";
2
- export type * from "./Map.model";
2
+ export type { MapProps, MapCenter, MapMarker, MapMarkerPosition, } from "./Map.model";
@@ -1,3 +1,3 @@
1
1
  export * from "./PostItem";
2
- export type * from "./PostItem.model";
3
- export type * from "./PostItemAuthor.model";
2
+ export type { PostItemProps, PostItemHeadline, } from "./PostItem.model";
3
+ export type { PostItemAuthorAvatar, PostItemAuthorProps, } from "./PostItemAuthor.model";
@@ -1,2 +1,2 @@
1
1
  export * from "./PostTeaser";
2
- export type * from "./PostTeaser.model";
2
+ export type { PostTeaserProps, PostTeaserHeadline, PostTeaserImage, PostTeaserRedirect, } from "./PostTeaser.model";
@@ -1,2 +1,2 @@
1
1
  export * from "./PostWidget";
2
- export type * from "./PostWidget.model";
2
+ export type { PostWidgetProps, PostWidgetHeadline, PostWidgetImage, PostWidgetItem, PostWidgetRedirect, } from "./PostWidget.model";
@@ -1,2 +1,2 @@
1
1
  export * from "./PostWidgetCarousel";
2
- export type * from "./PostWidgetCarousel.model";
2
+ export type { PostWidgetCarouselProps, PostWidgetCarouselHeadline, PostWidgetCarouselImage, PostWidgetCarouselItem, PostWidgetCarouselRedirect, } from "./PostWidgetCarousel.model";
@@ -1,2 +1,2 @@
1
1
  export * from "./Quote";
2
- export type * from "./Quote.model";
2
+ export type { QuoteProps, QuoteAuthor, QuoteHeadline } from "./Quote.model";
@@ -1,2 +1,2 @@
1
1
  export * from "./RichText";
2
- export type * from "./RichText.model";
2
+ export type { RichTextProps } from "./RichText.model";
@@ -1,2 +1,2 @@
1
1
  export * from "./Select";
2
- export type * from "./Select.model";
2
+ export type { SelectProps, SelectChangeEvent, SelectColor, SelectEvent, SelectItem, SelectValueMultiple, SelectValueSingle, } from "./Select.model";
@@ -1,2 +1,2 @@
1
1
  export * from "./Skeleton";
2
- export type * from "./Skeleton.model";
2
+ export type { SkeletonProps } from "./Skeleton.model";
@@ -1,2 +1,2 @@
1
1
  export * from "./Slider";
2
- export type * from "./Slider.model";
2
+ export type { SliderProps } from "./Slider.model";
@@ -1,2 +1,2 @@
1
1
  export * from "./Stepper";
2
- export type * from "./Stepper.model";
2
+ export type { StepperProps, StepperRef, StepperTranslations, } from "./Stepper.model";
@@ -1,2 +1,2 @@
1
1
  export * from "./Switch";
2
- export * from "./Switch.model";
2
+ export type { SwitchProps, SwitchColor } from "./Switch.model";
@@ -1,2 +1,2 @@
1
- export type * from "./Table.model";
2
1
  export * from "./Table";
2
+ export type { TableProps, TableBodyCellProps, TableData, TableHeaderCellProps, TableRowProps, } from "./Table.model";
@@ -1,2 +1,2 @@
1
1
  export * from "./Teaser";
2
- export type * from "./Teaser.model";
2
+ export type { TeaserProps, TeaserAlign, TeaserAnimation, TeaserHeadline, TeaserImage, TeaserRedirect, TeaserVariant, } from "./Teaser.model";
@@ -38,43 +38,3 @@ export { Stepper } from "./components/stepper";
38
38
  export { Switch } from "./components/switch";
39
39
  export { Table } from "./components/table";
40
40
  export { Teaser } from "./components/teaser";
41
- export type { AccordionProps, AccordionItem, AccordionAction, } from "./components/accordion";
42
- export type { AnimatedProps } from "./components/animated";
43
- export type { AnimatedTextProps } from "./components/animatedText";
44
- export type { AvatarProps, AvatarSize } from "./components/avatar";
45
- export type { BaseLinkProps } from "./components/base-link";
46
- export type { ButtonProps, ButtonColor, ButtonIconProps, ButtonDefaultProps, } from "./components/button";
47
- export type { CalendlyProps, CalendlyColorOptions, CalendlyData, CalendlyDataCustomAnswers, } from "./components/calendly";
48
- export type { CardProps, CardBackground, CardBackgroundProps, CardVariant, } from "./components/card";
49
- export type { CarouselProps, CarouselDirection, CarouselRef, } from "./components/carousel";
50
- export type { ChipProps, ChipColor, ChipVariant } from "./components/chip";
51
- export type { DatePickerProps, DatePickerValue, DatePickerErrorTranslations, } from "./components/datePicker";
52
- export type { DialogProps, DialogAction, DialogActions, DialogRef, DialogTranslations, } from "./components/dialog";
53
- export type { DrawerProps } from "./components/drawer";
54
- export type { FormProps, FormField, FormAllowedChildren, FormFieldCondition, FormFieldDate, FormFieldInput, FormFieldMessages, FormFieldMessagesErrors, FormFieldMessagesErrorsDate, FormFieldMessagesErrorsInput, FormFieldOptionals, FormFieldSelect, FormFieldSlider, FormFieldSwitch, FormFieldValue, FormMessages, FormMessagesErrors, FormResponseProps, FormVariants, } from "./components/form";
55
- export type { GridProps, GridRowProps } from "./components/grid";
56
- export type { HeadlineProps, HeadlineSizeProps, HeadlineTypeProps, HeadlineVariant, } from "./components/headline";
57
- export type { IconProps, IconColor, IconName, IconSize, } from "./components/icon";
58
- export type { ImageProps } from "./components/image";
59
- export type { ImageTextProps, ImageTextHeadline, ImageTextAnimatedBorder, ImageTextAnimation, } from "./components/image-text";
60
- export type { InputProps, InputChangeEvent, InputColor, InputErrorTranslations, InputValidateEvent, } from "./components/input";
61
- export type { InputOTPProps } from "./components/inputOTP";
62
- export type { LabelProps } from "./components/label";
63
- export type { LinkProps, LinkClassNames, LinkClickProps, LinkDefaultProps, LinkHrefProps, LinkVariants, } from "./components/link";
64
- export type { ListProps, ListCardItemProps, ListCardProps, ListDefaultItemProps, ListDefaultOptions, ListDefaultProps, ListItemProps, ListType, ListVariant, } from "./components/list";
65
- export type { LoadingProps, LoadingSize } from "./components/loading";
66
- export type { LottieProps, LottieAnimation } from "./components/lottie";
67
- export type { MapProps, MapCenter, MapMarker, MapMarkerPosition, } from "./components/map";
68
- export type { PostItemProps, PostItemAuthorAvatar, PostItemAuthorProps, PostItemHeadline, } from "./components/post-item";
69
- export type { PostTeaserProps, PostTeaserHeadline, PostTeaserImage, PostTeaserRedirect, } from "./components/post-teaser";
70
- export type { PostWidgetProps, PostWidgetHeadline, PostWidgetImage, PostWidgetItem, PostWidgetRedirect, } from "./components/post-widget";
71
- export type { PostWidgetCarouselProps, PostWidgetCarouselHeadline, PostWidgetCarouselImage, PostWidgetCarouselItem, PostWidgetCarouselRedirect, } from "./components/post-widget-carousel";
72
- export type { QuoteProps, QuoteAuthor, QuoteHeadline } from "./components/quote";
73
- export type { RichTextProps } from "./components/rich-text";
74
- export type { SelectProps, SelectChangeEvent, SelectColor, SelectEvent, SelectItem, SelectValueMultiple, SelectValueSingle, } from "./components/select";
75
- export type { SkeletonProps } from "./components/skeleton";
76
- export type { SliderProps } from "./components/slider";
77
- export type { StepperProps, StepperRef, StepperTranslations, } from "./components/stepper";
78
- export type { SwitchProps, SwitchColor } from "./components/switch";
79
- export type { TableProps, TableBodyCellProps, TableData, TableHeaderCellProps, TableRowProps, } from "./components/table";
80
- export type { TeaserProps, TeaserAlign, TeaserAnimation, TeaserHeadline, TeaserImage, TeaserRedirect, TeaserVariant, } from "./components/teaser";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prokodo/ui",
3
- "version": "0.0.7",
3
+ "version": "0.0.8",
4
4
  "type": "module",
5
5
  "description": "Modern, customizable UI components built with React and TypeScript — developed by prokodo for high-performance web interfaces.",
6
6
  "sideEffects": false,
@@ -1,130 +0,0 @@
1
- import { j as e } from "./jsx-runtime-C5mzlN2N.js";
2
- import { useState as $, useCallback as x } from "react";
3
- import { A as C } from "./Animated-BBfAgsHL.js";
4
- import { B as E } from "./Button-B8chVgsB.js";
5
- import { H as K } from "./Headline-DzEinaZi.js";
6
- import { I as M } from "./Icon-BMrVlROP.js";
7
- import { c as w } from "./bem-CYKrPjje.js";
8
- import { a as h } from "./validations-B_cxltQ_.js";
9
- const B = "backgroundFill", F = "gradientMove", H = "fadeInKeyframe", S = {
10
- "prokodo-Accordion": "prokodo-Accordion",
11
- "prokodo-Accordion__item": "prokodo-Accordion__item",
12
- "prokodo-Accordion__item--is-expanded": "prokodo-Accordion__item--is-expanded",
13
- "prokodo-Accordion__header": "prokodo-Accordion__header",
14
- backgroundFill: B,
15
- "prokodo-Accordion__header--is-expanded": "prokodo-Accordion__header--is-expanded",
16
- "prokodo-Accordion__title": "prokodo-Accordion__title",
17
- "prokodo-Accordion__title--is-expanded": "prokodo-Accordion__title--is-expanded",
18
- "prokodo-Accordion__icon": "prokodo-Accordion__icon",
19
- "prokodo-Accordion__icon--is-hidden": "prokodo-Accordion__icon--is-hidden",
20
- "prokodo-Accordion__content": "prokodo-Accordion__content",
21
- "prokodo-Accordion__content--is-expanded": "prokodo-Accordion__content--is-expanded",
22
- "prokodo-Accordion__actions": "prokodo-Accordion__actions",
23
- gradientMove: F,
24
- fadeInKeyframe: H
25
- }, c = w(S, "Accordion"), z = ({
26
- id: u,
27
- expanded: f,
28
- className: I,
29
- variant: y = "primary",
30
- titleOptions: j,
31
- iconProps: p,
32
- items: N,
33
- onChange: l,
34
- ...g
35
- }) => {
36
- const [s, b] = $(f), _ = x(
37
- (o, r) => {
38
- const i = s === o ? null : o;
39
- b(i), l(o, r, i !== null);
40
- },
41
- [s, l]
42
- ), m = x(
43
- (o, r, i) => /* @__PURE__ */ e.jsx(
44
- M,
45
- {
46
- className: c("icon", { "is-hidden": !!i }),
47
- color: r,
48
- name: o,
49
- size: "sm",
50
- ...p
51
- }
52
- ),
53
- [p]
54
- );
55
- return /* @__PURE__ */ e.jsx("div", { className: c(void 0, { [y]: !0 }, I), ...g, children: N.map((o, r) => {
56
- const {
57
- className: i,
58
- title: v,
59
- renderHeader: k,
60
- renderContent: A,
61
- actions: t
62
- } = o, a = `${u}-${o.title}`, d = s === r;
63
- return /* @__PURE__ */ e.jsxs(
64
- "div",
65
- {
66
- className: c(
67
- "item",
68
- { "is-expanded": d },
69
- i
70
- ),
71
- children: [
72
- /* @__PURE__ */ e.jsxs(
73
- "div",
74
- {
75
- "aria-controls": `${a}-content`,
76
- "aria-expanded": d,
77
- className: c("header", { "is-expanded": d }),
78
- id: `${a}-header`,
79
- role: "button",
80
- tabIndex: 0,
81
- onClick: (n) => _(r, n),
82
- onKeyDown: (n) => {
83
- (n.key === "Enter" || n.key === " ") && _(r, n);
84
- },
85
- children: [
86
- h(k) ? /* @__PURE__ */ e.jsx(
87
- K,
88
- {
89
- className: c("title", { "is-expanded": d }),
90
- size: "sm",
91
- type: "h3",
92
- ...(o == null ? void 0 : o.titleOptions) ?? j,
93
- children: v
94
- }
95
- ) : k,
96
- m("PlusSignIcon", "primary", d),
97
- m("MinusSignIcon", "white", !d)
98
- ]
99
- }
100
- ),
101
- /* @__PURE__ */ e.jsxs(
102
- "div",
103
- {
104
- "aria-labelledby": `${a}-header`,
105
- className: c("content", { "is-expanded": d }),
106
- hidden: !d,
107
- id: `${a}-content`,
108
- role: "region",
109
- children: [
110
- !h(A) && /* @__PURE__ */ e.jsx(C, { children: A }),
111
- t && t.length > 0 && /* @__PURE__ */ e.jsx("div", { className: c("actions"), children: t.map((n) => /* @__PURE__ */ e.jsx(
112
- E,
113
- {
114
- ...n
115
- },
116
- `${a}-action-${n.id}`
117
- )) })
118
- ]
119
- }
120
- )
121
- ]
122
- },
123
- a
124
- );
125
- }) });
126
- };
127
- z.displayName = "Accordion";
128
- export {
129
- z as A
130
- };
@@ -1 +0,0 @@
1
- "use strict";const e=require("./jsx-runtime-CITbqOLs.js"),l=require("react"),$=require("./Animated-CO4IEerF.js"),q=require("./Button-yvFLX-6Q.js"),f=require("./Headline-CnyLLQLB.js"),C=require("./Icon-eWdA85cf.js"),K=require("./bem-DC5wv0dD.js"),A=require("./validations-Cnxtn28y.js"),M="backgroundFill",w="gradientMove",B="fadeInKeyframe",F={"prokodo-Accordion":"prokodo-Accordion","prokodo-Accordion__item":"prokodo-Accordion__item","prokodo-Accordion__item--is-expanded":"prokodo-Accordion__item--is-expanded","prokodo-Accordion__header":"prokodo-Accordion__header",backgroundFill:M,"prokodo-Accordion__header--is-expanded":"prokodo-Accordion__header--is-expanded","prokodo-Accordion__title":"prokodo-Accordion__title","prokodo-Accordion__title--is-expanded":"prokodo-Accordion__title--is-expanded","prokodo-Accordion__icon":"prokodo-Accordion__icon","prokodo-Accordion__icon--is-hidden":"prokodo-Accordion__icon--is-hidden","prokodo-Accordion__content":"prokodo-Accordion__content","prokodo-Accordion__content--is-expanded":"prokodo-Accordion__content--is-expanded","prokodo-Accordion__actions":"prokodo-Accordion__actions",gradientMove:w,fadeInKeyframe:B},r=K.create(F,"Accordion"),h=({id:j,expanded:I,className:y,variant:E="primary",titleOptions:N,iconProps:p,items:b,onChange:x,...R})=>{const[t,g]=l.useState(I),_=l.useCallback((o,i)=>{const c=t===o?null:o;g(c),x(o,i,c!==null)},[t,x]),u=l.useCallback((o,i,c)=>e.jsxRuntimeExports.jsx(C.Icon,{className:r("icon",{"is-hidden":!!c}),color:i,name:o,size:"sm",...p}),[p]);return e.jsxRuntimeExports.jsx("div",{className:r(void 0,{[E]:!0},y),...R,children:b.map((o,i)=>{const{className:c,title:v,renderHeader:m,renderContent:k,actions:a}=o,s=`${j}-${o.title}`,n=t===i;return e.jsxRuntimeExports.jsxs("div",{className:r("item",{"is-expanded":n},c),children:[e.jsxRuntimeExports.jsxs("div",{"aria-controls":`${s}-content`,"aria-expanded":n,className:r("header",{"is-expanded":n}),id:`${s}-header`,role:"button",tabIndex:0,onClick:d=>_(i,d),onKeyDown:d=>{(d.key==="Enter"||d.key===" ")&&_(i,d)},children:[A.isNull(m)?e.jsxRuntimeExports.jsx(f.Headline,{className:r("title",{"is-expanded":n}),size:"sm",type:"h3",...(o==null?void 0:o.titleOptions)??N,children:v}):m,u("PlusSignIcon","primary",n),u("MinusSignIcon","white",!n)]}),e.jsxRuntimeExports.jsxs("div",{"aria-labelledby":`${s}-header`,className:r("content",{"is-expanded":n}),hidden:!n,id:`${s}-content`,role:"region",children:[!A.isNull(k)&&e.jsxRuntimeExports.jsx($.Animated,{children:k}),a&&a.length>0&&e.jsxRuntimeExports.jsx("div",{className:r("actions"),children:a.map(d=>e.jsxRuntimeExports.jsx(q.Button,{...d},`${s}-action-${d.id}`))})]})]},s)})})};h.displayName="Accordion";exports.Accordion=h;
@@ -1,64 +0,0 @@
1
- import { j as g } from "./jsx-runtime-C5mzlN2N.js";
2
- import { useState as I, useRef as n, useEffect as w } from "react";
3
- import { c as R } from "./bem-CYKrPjje.js";
4
- import { c as u } from "./validations-B_cxltQ_.js";
5
- const x = "gradientMove", j = "fadeInKeyframe", K = {
6
- "prokodo-Animated": "prokodo-Animated",
7
- "prokodo-Animated--animate-bottom-top": "prokodo-Animated--animate-bottom-top",
8
- "prokodo-Animated--animate-top-bottom": "prokodo-Animated--animate-top-bottom",
9
- "prokodo-Animated--animate-left-right": "prokodo-Animated--animate-left-right",
10
- "prokodo-Animated--animate-right-left": "prokodo-Animated--animate-right-left",
11
- "prokodo-Animated--is-visible": "prokodo-Animated--is-visible",
12
- "prokodo-Animated--is-disabled": "prokodo-Animated--is-disabled",
13
- "prokodo-Animated--has-fast-speed": "prokodo-Animated--has-fast-speed",
14
- "prokodo-Animated--has-slow-speed": "prokodo-Animated--has-slow-speed",
15
- gradientMove: x,
16
- fadeInKeyframe: j
17
- }, M = R(K, "Animated"), V = ({
18
- className: p,
19
- disabled: k = !1,
20
- delay: a = 0,
21
- speed: d = "normal",
22
- animation: m = "fade-in",
23
- children: b,
24
- intersectionObserverOptions: c = {},
25
- onAnimate: t,
26
- ...A
27
- }) => {
28
- const [o, f] = I(!1), i = n(null), e = n(null), r = n(null);
29
- return w(() => {
30
- if (!i.current) return;
31
- const h = (v) => {
32
- const [s] = v, l = (s == null ? void 0 : s.isIntersecting) ?? !1;
33
- l && !o && (e.current !== null && u(e.current) && clearTimeout(e.current), e.current = window.setTimeout(() => {
34
- f(!0), t == null || t(!0);
35
- }, a)), !l && o && f(!1);
36
- };
37
- return r.current = new IntersectionObserver(h, {
38
- threshold: 0.1,
39
- ...c
40
- }), r.current.observe(i.current), () => {
41
- r.current && r.current.disconnect(), e.current !== null && u(e.current) && clearTimeout(e.current);
42
- };
43
- }, [t, a, c, o]), /* @__PURE__ */ g.jsx(
44
- "div",
45
- {
46
- ref: i,
47
- className: M(
48
- void 0,
49
- {
50
- "is-visible": !!o,
51
- "is-disabled": !!k,
52
- [`has-${d}-speed`]: !!d,
53
- [`animate-${m}`]: !!m
54
- },
55
- p
56
- ),
57
- ...A,
58
- children: b
59
- }
60
- );
61
- };
62
- export {
63
- V as A
64
- };
@@ -1 +0,0 @@
1
- "use strict";const g=require("./jsx-runtime-CITbqOLs.js"),t=require("react"),R=require("./bem-DC5wv0dD.js"),f=require("./validations-Cnxtn28y.js"),I="gradientMove",w="fadeInKeyframe",q={"prokodo-Animated":"prokodo-Animated","prokodo-Animated--animate-bottom-top":"prokodo-Animated--animate-bottom-top","prokodo-Animated--animate-top-bottom":"prokodo-Animated--animate-top-bottom","prokodo-Animated--animate-left-right":"prokodo-Animated--animate-left-right","prokodo-Animated--animate-right-left":"prokodo-Animated--animate-right-left","prokodo-Animated--is-visible":"prokodo-Animated--is-visible","prokodo-Animated--is-disabled":"prokodo-Animated--is-disabled","prokodo-Animated--has-fast-speed":"prokodo-Animated--has-fast-speed","prokodo-Animated--has-slow-speed":"prokodo-Animated--has-slow-speed",gradientMove:I,fadeInKeyframe:w},x=R.create(q,"Animated"),j=({className:p,disabled:b=!1,delay:a=0,speed:d="normal",animation:m="fade-in",children:k,intersectionObserverOptions:c={},onAnimate:o,...A})=>{const[r,u]=t.useState(!1),s=t.useRef(null),e=t.useRef(null),i=t.useRef(null);return t.useEffect(()=>{if(!s.current)return;const h=v=>{const[n]=v,l=(n==null?void 0:n.isIntersecting)??!1;l&&!r&&(e.current!==null&&f.isNumber(e.current)&&clearTimeout(e.current),e.current=window.setTimeout(()=>{u(!0),o==null||o(!0)},a)),!l&&r&&u(!1)};return i.current=new IntersectionObserver(h,{threshold:.1,...c}),i.current.observe(s.current),()=>{i.current&&i.current.disconnect(),e.current!==null&&f.isNumber(e.current)&&clearTimeout(e.current)}},[o,a,c,r]),g.jsxRuntimeExports.jsx("div",{ref:s,className:x(void 0,{"is-visible":!!r,"is-disabled":!!b,[`has-${d}-speed`]:!!d,[`animate-${m}`]:!!m},p),...A,children:k})};exports.Animated=j;
@@ -1,31 +0,0 @@
1
- import { j as v } from "./jsx-runtime-C5mzlN2N.js";
2
- import { useRef as b, useState as n, useEffect as a } from "react";
3
- const E = ({
4
- speed: s = 30,
5
- delay: o = 0,
6
- disabled: u,
7
- children: t,
8
- ...f
9
- }) => {
10
- const c = b(null), [i, T] = n(!1), [x, p] = n(""), [r, I] = n(0);
11
- return a(() => {
12
- if (u) return;
13
- new IntersectionObserver((e) => {
14
- e.forEach((g) => {
15
- const l = setTimeout(() => {
16
- T(g.isIntersecting);
17
- }, o);
18
- return () => clearTimeout(l);
19
- });
20
- }).observe(c.current);
21
- }, [o, u]), a(() => {
22
- if (!i || r >= t.length) return;
23
- const m = setTimeout(() => {
24
- p((e) => e + t[r]), I((e) => e + 1);
25
- }, s);
26
- return () => clearTimeout(m);
27
- }, [i, r, t, s]), /* @__PURE__ */ v.jsx("span", { ...f, ref: c, children: x });
28
- };
29
- export {
30
- E as A
31
- };
@@ -1 +0,0 @@
1
- "use strict";const R=require("./jsx-runtime-CITbqOLs.js"),e=require("react"),p=({speed:s=30,delay:u=0,disabled:o,children:r,...T})=>{const c=e.useRef(null),[i,f]=e.useState(!1),[m,x]=e.useState(""),[n,I]=e.useState(0);return e.useEffect(()=>{if(o)return;new IntersectionObserver(t=>{t.forEach(g=>{const l=setTimeout(()=>{f(g.isIntersecting)},u);return()=>clearTimeout(l)})}).observe(c.current)},[u,o]),e.useEffect(()=>{if(!i||n>=r.length)return;const a=setTimeout(()=>{x(t=>t+r[n]),I(t=>t+1)},s);return()=>clearTimeout(a)},[i,n,r,s]),R.jsxRuntimeExports.jsx("span",{...T,ref:c,children:m})};exports.AnimatedText=p;