@janbox/storefront-ui 1.0.7 → 1.0.9

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 (201) hide show
  1. package/dist/constants/emotion.d.ts +8 -0
  2. package/dist/constants/emotion.d.ts.map +1 -0
  3. package/dist/constants/emotion.js +52 -0
  4. package/dist/hooks/use-hover-line-effect/index.d.ts.map +1 -1
  5. package/dist/hooks/use-hover-line-effect/index.js +1 -6
  6. package/dist/hooks/use-update-effect/index.d.ts.map +1 -1
  7. package/dist/hooks/use-window-screen/index.d.ts.map +1 -1
  8. package/dist/index.js +2 -8
  9. package/dist/lib/badge/types.d.ts.map +1 -1
  10. package/dist/lib/box/box.d.ts.map +1 -1
  11. package/dist/lib/box/box.js +10 -26
  12. package/dist/lib/box/types.d.ts.map +1 -1
  13. package/dist/lib/breadcrumbs/breadcrumb-item/breadcrumb-item.d.ts +1 -1
  14. package/dist/lib/breadcrumbs/breadcrumb-item/breadcrumb-item.d.ts.map +1 -1
  15. package/dist/lib/breadcrumbs/breadcrumb-item/breadcrumb-item.js +6 -22
  16. package/dist/lib/breadcrumbs/breadcrumbs/breadcrumbs.d.ts +1 -1
  17. package/dist/lib/breadcrumbs/breadcrumbs/breadcrumbs.d.ts.map +1 -1
  18. package/dist/lib/breadcrumbs/breadcrumbs/breadcrumbs.js +24 -36
  19. package/dist/lib/button/button.d.ts.map +1 -1
  20. package/dist/lib/button/button.js +5 -13
  21. package/dist/lib/button/types.d.ts +5 -6
  22. package/dist/lib/button/types.d.ts.map +1 -1
  23. package/dist/lib/cascader/cascader-floating-content.d.ts.map +1 -1
  24. package/dist/lib/cascader/cascader-floating-content.js +4 -21
  25. package/dist/lib/cascader/cascader.d.ts.map +1 -1
  26. package/dist/lib/cascader/cascader.js +3 -3
  27. package/dist/lib/checkbox/types.d.ts.map +1 -1
  28. package/dist/lib/chip/chip.d.ts.map +1 -1
  29. package/dist/lib/chip/chip.js +0 -2
  30. package/dist/lib/chip/types.d.ts.map +1 -1
  31. package/dist/lib/collapse/collapse.d.ts +1 -1
  32. package/dist/lib/collapse/collapse.d.ts.map +1 -1
  33. package/dist/lib/collapse/collapse.js +42 -45
  34. package/dist/lib/collapse/types.d.ts.map +1 -1
  35. package/dist/lib/container/types.d.ts.map +1 -1
  36. package/dist/lib/count-up/count-up.js +0 -1
  37. package/dist/lib/count-up/types.d.ts.map +1 -1
  38. package/dist/lib/countdown-timer/types.d.ts.map +1 -1
  39. package/dist/lib/date-picker/date-picker.d.ts.map +1 -1
  40. package/dist/lib/date-picker/date-picker.js +80 -55
  41. package/dist/lib/date-picker/types.d.ts.map +1 -1
  42. package/dist/lib/dialog/dialog-body/dialog-body.d.ts +1 -1
  43. package/dist/lib/dialog/dialog-body/dialog-body.d.ts.map +1 -1
  44. package/dist/lib/dialog/dialog-body/dialog-body.js +2 -8
  45. package/dist/lib/dialog/dialog-footer/dialog-footer.d.ts +1 -1
  46. package/dist/lib/dialog/dialog-footer/dialog-footer.d.ts.map +1 -1
  47. package/dist/lib/dialog/dialog-footer/dialog-footer.js +3 -9
  48. package/dist/lib/dialog/dialog-header/dialog-header.d.ts +1 -1
  49. package/dist/lib/dialog/dialog-header/dialog-header.d.ts.map +1 -1
  50. package/dist/lib/dialog/dialog-header/dialog-header.js +54 -62
  51. package/dist/lib/filter-panel/checkbox-filter-panel.js +0 -1
  52. package/dist/lib/filter-panel/input-range-filter-panel.js +0 -1
  53. package/dist/lib/filter-panel/input-text-filter-panel.d.ts +1 -1
  54. package/dist/lib/filter-panel/input-text-filter-panel.d.ts.map +1 -1
  55. package/dist/lib/filter-panel/input-text-filter-panel.js +2 -13
  56. package/dist/lib/filter-panel/radio-filter-panel.js +0 -1
  57. package/dist/lib/filter-panel/types.d.ts.map +1 -1
  58. package/dist/lib/flag/types.d.ts.map +1 -1
  59. package/dist/lib/flexbox/flexbox/flexbox.d.ts.map +1 -1
  60. package/dist/lib/flexbox/flexbox/flexbox.js +4 -20
  61. package/dist/lib/floating/floating-close/floating-close.js +0 -1
  62. package/dist/lib/form-helper-text/form-helper-text.d.ts +1 -1
  63. package/dist/lib/form-helper-text/form-helper-text.d.ts.map +1 -1
  64. package/dist/lib/form-helper-text/form-helper-text.js +18 -28
  65. package/dist/lib/form-helper-text/types.d.ts.map +1 -1
  66. package/dist/lib/form-label/form-label.d.ts +1 -1
  67. package/dist/lib/form-label/form-label.d.ts.map +1 -1
  68. package/dist/lib/form-label/form-label.js +1 -5
  69. package/dist/lib/grid/grid/grid.d.ts.map +1 -1
  70. package/dist/lib/grid/grid/grid.js +4 -19
  71. package/dist/lib/highlight-words/highlight-words.d.ts.map +1 -1
  72. package/dist/lib/highlight-words/highlight-words.js +0 -1
  73. package/dist/lib/highlight-words/types.d.ts.map +1 -1
  74. package/dist/lib/icon/types.d.ts.map +1 -1
  75. package/dist/lib/icon-button/icon-button.d.ts.map +1 -1
  76. package/dist/lib/icon-button/icon-button.js +9 -2
  77. package/dist/lib/index.d.ts +0 -2
  78. package/dist/lib/index.d.ts.map +1 -1
  79. package/dist/lib/input/types.d.ts.map +1 -1
  80. package/dist/lib/input-mask/input-mask.d.ts.map +1 -1
  81. package/dist/lib/input-mask/input-mask.js +52 -62
  82. package/dist/lib/input-mask/types.d.ts +2 -2
  83. package/dist/lib/input-mask/types.d.ts.map +1 -1
  84. package/dist/lib/input-number/input-number.js +0 -1
  85. package/dist/lib/input-number/types.d.ts.map +1 -1
  86. package/dist/lib/input-range/input-range.d.ts.map +1 -1
  87. package/dist/lib/input-range/input-range.js +0 -3
  88. package/dist/lib/lightbox/lightbox.d.ts.map +1 -1
  89. package/dist/lib/lightbox/lightbox.js +187 -102
  90. package/dist/lib/lightbox/types.d.ts.map +1 -1
  91. package/dist/lib/linear-progress/linear-progress.d.ts.map +1 -1
  92. package/dist/lib/linear-progress/linear-progress.js +5 -12
  93. package/dist/lib/linear-progress/types.d.ts.map +1 -1
  94. package/dist/lib/link/link.d.ts.map +1 -1
  95. package/dist/lib/link/link.js +1 -5
  96. package/dist/lib/link/types.d.ts.map +1 -1
  97. package/dist/lib/loading/block-skeleton/block-skeleton.d.ts +1 -1
  98. package/dist/lib/loading/block-skeleton/block-skeleton.d.ts.map +1 -1
  99. package/dist/lib/loading/block-skeleton/block-skeleton.js +5 -16
  100. package/dist/lib/loading/image-skeleton/image-skeleton.d.ts +2 -2
  101. package/dist/lib/loading/image-skeleton/image-skeleton.d.ts.map +1 -1
  102. package/dist/lib/loading/image-skeleton/image-skeleton.js +8 -13
  103. package/dist/lib/loading/loading-overlay/loading-overlay.d.ts +1 -1
  104. package/dist/lib/loading/loading-overlay/loading-overlay.d.ts.map +1 -1
  105. package/dist/lib/loading/loading-overlay/loading-overlay.js +46 -54
  106. package/dist/lib/loading/text-skeleton/text-skeleton.d.ts +2 -1
  107. package/dist/lib/loading/text-skeleton/text-skeleton.d.ts.map +1 -1
  108. package/dist/lib/loading/text-skeleton/text-skeleton.js +16 -10
  109. package/dist/lib/menu/menu-list/menu-list.d.ts +2 -1
  110. package/dist/lib/menu/menu-list/menu-list.d.ts.map +1 -1
  111. package/dist/lib/menu/menu-list/menu-list.js +3 -8
  112. package/dist/lib/multiple-select/multiple-select.d.ts.map +1 -1
  113. package/dist/lib/multiple-select/multiple-select.js +162 -126
  114. package/dist/lib/multiple-select/types.d.ts.map +1 -1
  115. package/dist/lib/nav-link/types.d.ts.map +1 -1
  116. package/dist/lib/notifications/helpers.d.ts.map +1 -1
  117. package/dist/lib/notifications/helpers.js +0 -1
  118. package/dist/lib/notifications/notifications.d.ts.map +1 -1
  119. package/dist/lib/notifications/notifications.js +74 -49
  120. package/dist/lib/otp-input/types.d.ts.map +1 -1
  121. package/dist/lib/pagination/types.d.ts.map +1 -1
  122. package/dist/lib/phone-input/phone-input.d.ts.map +1 -1
  123. package/dist/lib/phone-input/phone-input.js +98 -80
  124. package/dist/lib/phone-input/types.d.ts.map +1 -1
  125. package/dist/lib/popover/popover-content/popover-content.d.ts +2 -1
  126. package/dist/lib/popover/popover-content/popover-content.d.ts.map +1 -1
  127. package/dist/lib/popover/popover-content/popover-content.js +3 -8
  128. package/dist/lib/primitive/primitive.d.ts.map +1 -1
  129. package/dist/lib/primitive/primitive.js +1 -8
  130. package/dist/lib/primitive/types.d.ts +4 -3
  131. package/dist/lib/primitive/types.d.ts.map +1 -1
  132. package/dist/lib/progress/progress.d.ts +1 -1
  133. package/dist/lib/progress/progress.d.ts.map +1 -1
  134. package/dist/lib/progress/progress.js +4 -10
  135. package/dist/lib/progress/types.d.ts.map +1 -1
  136. package/dist/lib/radio-button/types.d.ts.map +1 -1
  137. package/dist/lib/select/select.d.ts.map +1 -1
  138. package/dist/lib/select/select.js +60 -45
  139. package/dist/lib/select/types.d.ts.map +1 -1
  140. package/dist/lib/star-rating/types.d.ts.map +1 -1
  141. package/dist/lib/stepper/step.d.ts.map +1 -1
  142. package/dist/lib/stepper/step.js +13 -7
  143. package/dist/lib/stepper/types.d.ts.map +1 -1
  144. package/dist/lib/swiper/swiper/swiper.d.ts +0 -4
  145. package/dist/lib/swiper/swiper/swiper.d.ts.map +1 -1
  146. package/dist/lib/swiper/swiper/swiper.js +37 -57
  147. package/dist/lib/swiper/swiper-slide/swiper-slide.d.ts +1 -4
  148. package/dist/lib/swiper/swiper-slide/swiper-slide.d.ts.map +1 -1
  149. package/dist/lib/swiper/swiper-slide/swiper-slide.js +16 -25
  150. package/dist/lib/switch/switch.js +0 -1
  151. package/dist/lib/switch/types.d.ts.map +1 -1
  152. package/dist/lib/table/table/table.d.ts +1 -1
  153. package/dist/lib/table/table/table.d.ts.map +1 -1
  154. package/dist/lib/table/table/table.js +1 -5
  155. package/dist/lib/table/table-cell/table-cell.d.ts +1 -1
  156. package/dist/lib/table/table-cell/table-cell.d.ts.map +1 -1
  157. package/dist/lib/table/table-cell/table-cell.js +2 -7
  158. package/dist/lib/tabs/tab-list/tab-list.d.ts +1 -1
  159. package/dist/lib/tabs/tab-list/tab-list.d.ts.map +1 -1
  160. package/dist/lib/tabs/tab-list/tab-list.js +6 -8
  161. package/dist/lib/text/helpers.d.ts.map +1 -1
  162. package/dist/lib/text/text.d.ts.map +1 -1
  163. package/dist/lib/text/text.js +3 -3
  164. package/dist/lib/text/types.d.ts.map +1 -1
  165. package/dist/lib/textarea/types.d.ts.map +1 -1
  166. package/dist/lib/time-picker/time-picker.d.ts.map +1 -1
  167. package/dist/lib/time-picker/time-picker.js +19 -32
  168. package/dist/lib/time-picker/types.d.ts.map +1 -1
  169. package/dist/lib/tooltip/tooltip.d.ts +1 -1
  170. package/dist/lib/tooltip/tooltip.d.ts.map +1 -1
  171. package/dist/lib/tooltip/tooltip.js +0 -5
  172. package/dist/lib/video/types.d.ts.map +1 -1
  173. package/dist/theme/index.d.ts +0 -1
  174. package/dist/theme/index.d.ts.map +1 -1
  175. package/dist/theme/index.js +0 -2
  176. package/dist/theme/palette.d.ts +6 -6
  177. package/dist/types/index.d.ts +5 -8
  178. package/dist/types/index.d.ts.map +1 -1
  179. package/dist/utils/common.d.ts.map +1 -1
  180. package/dist/utils/index.d.ts +2 -5
  181. package/dist/utils/index.d.ts.map +1 -1
  182. package/dist/utils/index.js +5 -39
  183. package/dist/utils/query-params.d.ts.map +1 -1
  184. package/package.json +14 -4
  185. package/dist/lib/generic-element/generic-element.d.ts +0 -8
  186. package/dist/lib/generic-element/generic-element.d.ts.map +0 -1
  187. package/dist/lib/generic-element/generic-element.js +0 -15
  188. package/dist/lib/generic-element/index.d.ts +0 -3
  189. package/dist/lib/generic-element/index.d.ts.map +0 -1
  190. package/dist/lib/generic-element/types.d.ts +0 -7
  191. package/dist/lib/generic-element/types.d.ts.map +0 -1
  192. package/dist/lib/trans-html/index.d.ts +0 -2
  193. package/dist/lib/trans-html/index.d.ts.map +0 -1
  194. package/dist/lib/trans-html/trans-html.d.ts +0 -3
  195. package/dist/lib/trans-html/trans-html.d.ts.map +0 -1
  196. package/dist/lib/trans-html/trans-html.js +0 -26
  197. package/dist/lib/trans-html/types.d.ts +0 -12
  198. package/dist/lib/trans-html/types.d.ts.map +0 -1
  199. package/dist/utils/emotion-helpers.d.ts +0 -20
  200. package/dist/utils/emotion-helpers.d.ts.map +0 -1
  201. package/dist/utils/emotion-helpers.js +0 -145
@@ -14,7 +14,6 @@ import { getTypographyVar } from "../../theme/typography.js";
14
14
  import { Floating } from "../floating/floating/floating.js";
15
15
  import { FloatingTrigger } from "../floating/floating-trigger/floating-trigger.js";
16
16
  import { FloatingContent } from "../floating/floating-content/floating-content.js";
17
- import { cn } from "../../utils/stylesheet.js";
18
17
  import { Icon } from "../icon/icon.js";
19
18
  const TIME_FORMAT = "HH:mm";
20
19
  const TimePicker = ({
@@ -172,40 +171,28 @@ const TimePicker = ({
172
171
  gap: "0.5rem"
173
172
  },
174
173
  children: [
175
- /* @__PURE__ */ jsx(
176
- "div",
174
+ /* @__PURE__ */ jsx("div", { css: { display: "flex", flexDirection: "column", flex: "1 1 0%" }, children: /* @__PURE__ */ jsx(
175
+ VirtualizedList,
177
176
  {
178
- css: { display: "flex", flexDirection: "column", flex: "1 1 0%" },
179
- children: /* @__PURE__ */ jsx(
180
- VirtualizedList,
181
- {
182
- RowComponent: RowComponentHour,
183
- options: {
184
- count: hours.length,
185
- estimateSize,
186
- getItemKey: getItemKeyHour
187
- }
188
- }
189
- )
177
+ RowComponent: RowComponentHour,
178
+ options: {
179
+ count: hours.length,
180
+ estimateSize,
181
+ getItemKey: getItemKeyHour
182
+ }
190
183
  }
191
- ),
192
- /* @__PURE__ */ jsx(
193
- "div",
184
+ ) }),
185
+ /* @__PURE__ */ jsx("div", { css: { display: "flex", flexDirection: "column", flex: "1 1 0%" }, children: /* @__PURE__ */ jsx(
186
+ VirtualizedList,
194
187
  {
195
- css: { display: "flex", flexDirection: "column", flex: "1 1 0%" },
196
- children: /* @__PURE__ */ jsx(
197
- VirtualizedList,
198
- {
199
- RowComponent: RowComponentMinute,
200
- options: {
201
- count: hours.length,
202
- estimateSize,
203
- getItemKey: getItemKeyMinute
204
- }
205
- }
206
- )
188
+ RowComponent: RowComponentMinute,
189
+ options: {
190
+ count: hours.length,
191
+ estimateSize,
192
+ getItemKey: getItemKeyMinute
193
+ }
207
194
  }
208
- )
195
+ ) })
209
196
  ]
210
197
  }
211
198
  );
@@ -245,7 +232,7 @@ const TimePicker = ({
245
232
  }
246
233
  );
247
234
  };
248
- return /* @__PURE__ */ jsx("div", { ...containerProps, css: { display: "flex", flexDirection: "column", width: "100%" }, className: cn(containerProps == null ? void 0 : containerProps.className), children: /* @__PURE__ */ jsxs(
235
+ return /* @__PURE__ */ jsx("div", { ...containerProps, css: { display: "flex", flexDirection: "column", width: "100%" }, children: /* @__PURE__ */ jsxs(
249
236
  Floating,
250
237
  {
251
238
  clickProps: {
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/time-picker/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAEnE,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1E,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;CACnC;AAED,KAAK,mBAAmB,GAAG;IACzB,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC9C,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAC;IAClD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/time-picker/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAEnE,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtE,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;CACnC;AAED,KAAK,mBAAmB,GAAG;IACzB,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC9C,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAC;IAClD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { TooltipOptions } from './types';
3
- export declare function Tooltip({ children, defaultOpen, placement, open, onOpenChange, content, className, contentWidth, enable, handleClose, arrowProps, }: {
3
+ export declare function Tooltip({ children, defaultOpen, placement, open, onOpenChange, content, contentWidth, enable, handleClose, arrowProps, }: {
4
4
  children: ReactNode;
5
5
  } & TooltipOptions): import("@emotion/react/jsx-runtime").JSX.Element;
6
6
  //# sourceMappingURL=tooltip.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/lib/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAwB,MAAM,OAAO,CAAC;AAuBvE,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAMzC,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,WAAmB,EACnB,SAAiB,EACjB,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,SAAS,EACT,YAAY,EACZ,MAAa,EACb,WAAW,EACX,UAAU,GACX,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,GAAG,cAAc,oDA6G1C"}
1
+ {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/lib/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAwB,MAAM,OAAO,CAAC;AAuBvE,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAKzC,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,WAAmB,EACnB,SAAiB,EACjB,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,YAAY,EACZ,MAAa,EACb,WAAW,EACX,UAAU,GACX,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,GAAG,cAAc,oDA2G1C"}
@@ -3,10 +3,8 @@ import { useRef, cloneElement } from "react";
3
3
  import { useFloating, autoUpdate, offset, flip, shift, arrow, size, useHover, safePolygon, useFocus, useDismiss, useRole, useInteractions, useMergeRefs, FloatingPortal, FloatingArrow } from "@floating-ui/react";
4
4
  import { isUndefined, get } from "lodash-es";
5
5
  import { useControllableState } from "../../hooks/use-controllable-state.js";
6
- import "clsx";
7
6
  import "../../theme/palette.js";
8
7
  import { getTypographyVar } from "../../theme/typography.js";
9
- import { cn } from "../../utils/stylesheet.js";
10
8
  function Tooltip({
11
9
  children,
12
10
  defaultOpen = false,
@@ -14,7 +12,6 @@ function Tooltip({
14
12
  open,
15
13
  onOpenChange,
16
14
  content,
17
- className,
18
15
  contentWidth,
19
16
  enable = true,
20
17
  handleClose,
@@ -100,7 +97,6 @@ function Tooltip({
100
97
  fontWeight: 400,
101
98
  color: "white"
102
99
  },
103
- className: cn(className),
104
100
  ...getFloatingProps(),
105
101
  children: [
106
102
  content,
@@ -109,7 +105,6 @@ function Tooltip({
109
105
  {
110
106
  ...arrowProps,
111
107
  css: { fill: "var(--color-neutral-600)" },
112
- className: cn(arrowProps == null ? void 0 : arrowProps.className),
113
108
  ref: arrowRef,
114
109
  context
115
110
  }
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/video/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAC,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAC,MAAM,aAAa,CAAC;AAEzE,KAAK,kBAAkB,GAAG,gBAAgB,CAAC,YAAY,CAAC,GAAG;IAEzD,cAAc,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC9C,eAAe,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;CACnD,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,YAAY,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/video/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvE,KAAK,kBAAkB,GAAG,gBAAgB,CAAC,YAAY,CAAC,GAAG;IAEzD,cAAc,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC9C,eAAe,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;CACnD,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,YAAY,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,CAAC"}
@@ -3,5 +3,4 @@ export * from './palette';
3
3
  export * from './typography';
4
4
  export * from './provider';
5
5
  export declare const FLOATING_Z_INDEX = 9999;
6
- export declare const PREFIX = "vn";
7
6
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAE3B,eAAO,MAAM,gBAAgB,OAAO,CAAC;AAErC,eAAO,MAAM,MAAM,OAAO,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAE3B,eAAO,MAAM,gBAAgB,OAAO,CAAC"}
@@ -3,10 +3,8 @@ import { getColorVar, groupedColors, paletteVars, parseColor } from "./palette.j
3
3
  import { getSmallerTypographyVariants, getTypographyVar, typographyVars } from "./typography.js";
4
4
  import { ThemeProvider } from "./provider.js";
5
5
  const FLOATING_Z_INDEX = 9999;
6
- const PREFIX = "vn";
7
6
  export {
8
7
  FLOATING_Z_INDEX,
9
- PREFIX,
10
8
  ThemeProvider,
11
9
  breakpoint,
12
10
  getColorVar,
@@ -3,11 +3,11 @@ export declare const getColorVar: (key: PaletteKey, fullVar?: boolean) => string
3
3
  type Scale = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;
4
4
  type ColorScale = Record<Scale, string>;
5
5
  export interface Palette {
6
- readonly inherit: "inherit";
7
- readonly current: "currentColor";
8
- readonly transparent: "transparent";
9
- readonly black: "#000000";
10
- readonly white: "#FFFFFF";
6
+ readonly inherit: 'inherit';
7
+ readonly current: 'currentColor';
8
+ readonly transparent: 'transparent';
9
+ readonly black: '#000000';
10
+ readonly white: '#FFFFFF';
11
11
  background: {
12
12
  subtle: string;
13
13
  default: string;
@@ -37,7 +37,7 @@ export type GroupedColor = {
37
37
  };
38
38
  export declare const groupedColors: GroupedColor[];
39
39
  export declare const parseColor: (text: string | undefined, palette: Palette) => import('color').ColorInstance | null;
40
- declare module "@emotion/react" {
40
+ declare module '@emotion/react' {
41
41
  interface Theme {
42
42
  palette: Palette;
43
43
  }
@@ -1,17 +1,14 @@
1
1
  import { CSSObject } from '@emotion/serialize';
2
2
  import { Screen } from '../theme';
3
- import type * as CSS from "csstype";
3
+ import type * as CSS from 'csstype';
4
4
  export type Nullable<T> = T | null;
5
5
  export type Dict<T> = Record<string, T>;
6
6
  export type ShallowMerge<T1, T2> = Omit<T1, keyof T2> & T2;
7
7
  export type ResponsiveDesign<T = unknown> = Partial<Record<Screen, T>>;
8
- export type SizeVariant = "xs" | "sm" | "md" | "lg";
9
- export type ColorVariant = "primary" | "secondary" | "green" | "red" | "orange" | "blue" | "neutral";
10
- export type ButtonVariant = "contained" | "outlined" | "text";
11
- export type ProgressDirection = "horizontal" | "vertical";
12
- export type ContentTranslation = {
13
- key: string;
14
- };
8
+ export type SizeVariant = 'xs' | 'sm' | 'md' | 'lg';
9
+ export type ColorVariant = 'primary' | 'secondary' | 'green' | 'red' | 'orange' | 'blue' | 'neutral';
10
+ export type ButtonVariant = 'contained' | 'outlined' | 'text';
11
+ export type ProgressDirection = 'horizontal' | 'vertical';
15
12
  /**
16
13
  * Stricter version of Emotion's CSSObject.
17
14
  *
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,KAAK,KAAK,GAAG,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;AAEnC,MAAM,MAAM,IAAI,CAAC,CAAC,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;AAExC,MAAM,MAAM,YAAY,CAAC,EAAE,EAAE,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC;AAE3D,MAAM,MAAM,gBAAgB,CAAC,CAAC,GAAG,OAAO,IAAI,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;AAEvE,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpD,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,WAAW,GACX,OAAO,GACP,KAAK,GACL,QAAQ,GACR,MAAM,GACN,SAAS,CAAC;AAEd,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;AAE9D,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE1D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF;;;;;;GAMG;AAEH,MAAM,MAAM,SAAS,GAAG,IAAI,CAC1B,SAAS,EACT,MAAM,GAAG,CAAC,UAAU,GAAG,MAAM,GAAG,CAAC,OAAO,CACzC,GACC,GAAG,CAAC,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG;KAAG,CAAC,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,SAAS;CAAE,CAAC;AAEvE,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,CAAC,GAAG;IACxD,GAAG,CAAC,EAAE,SAAS,CAAC;CACjB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,KAAK,KAAK,GAAG,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;AAEnC,MAAM,MAAM,IAAI,CAAC,CAAC,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;AAExC,MAAM,MAAM,YAAY,CAAC,EAAE,EAAE,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC;AAE3D,MAAM,MAAM,gBAAgB,CAAC,CAAC,GAAG,OAAO,IAAI,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;AAEvE,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;AAErG,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;AAE9D,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE1D;;;;;;GAMG;AAEH,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,CAAC,UAAU,GAAG,MAAM,GAAG,CAAC,OAAO,CAAC,GAC/E,GAAG,CAAC,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG;KAAG,CAAC,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,SAAS;CAAE,CAAC;AAEvE,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,CAAC,GAAG;IACxD,GAAG,CAAC,EAAE,SAAS,CAAC;CACjB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/utils/common.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,YAAY,EAAO,MAAM,OAAO,CAAC;AAO1D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,eAAO,MAAM,WAAW,GAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,QAU1C,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,OAAO,CAAC,YAUlF,CAAC;AAEF,eAAO,MAAM,mBAAmB,SACxB,MAAM,YACH;IACP,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,WAkBF,CAAC;AAEF,eAAO,MAAM,WAAW,SAChB,MAAM,GAAG,MAAM,EAAE,cACX,MAAM,YACR,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC,CAAC,CAAC,YAOpD,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,GAAG;IAC3D,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,MAAM,uBAAuB,mBAAmB,WASnF,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAAW,MAAM,WAE7C,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,MAAM,GAAG,MAAM,SAAQ,KAAK,GAAG,OAAO,2CAIxE,CAAC;AAEF,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAWtD;AAED,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,cAAc,CAAC,KAGtC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CACrD,CAAC;AAEF,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,uEAgD9D"}
1
+ {"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/utils/common.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,YAAY,EAAO,MAAM,OAAO,CAAC;AAO1D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,eAAO,MAAM,WAAW,GAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,QAU1C,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,OAAO,CAAC,YAUlF,CAAC;AAEF,eAAO,MAAM,mBAAmB,SACxB,MAAM,YACH;IACP,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,WAkBF,CAAC;AAEF,eAAO,MAAM,WAAW,SAChB,MAAM,GAAG,MAAM,EAAE,cACX,MAAM,YACR,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC,CAAC,CAAC,YAOpD,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,GAAG;IAC3D,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,MAAM,uBAAuB,mBAAmB,WASnF,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAAW,MAAM,WAE7C,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,MAAM,GAAG,MAAM,SAAQ,KAAK,GAAG,OAAO,2CAIxE,CAAC;AAEF,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAWtD;AAED,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,cAAc,CAAC,KAGtC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CACrD,CAAC;AAEF,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,uEAuD9D"}
@@ -1,13 +1,10 @@
1
1
  import { ReactElement } from 'react';
2
- import { FieldPath, FieldPathValue } from 'react-hook-form';
3
2
  import { Screen, TypographySizeVariant } from '../theme';
4
3
  import { SizeVariant, ColorVariant, ResponsiveDesign } from '../types';
4
+ import { Get, Paths } from 'type-fest';
5
5
  export * from './common';
6
6
  export * from './stylesheet';
7
7
  export * from './query-params';
8
- export * from './emotion-helpers';
9
- export declare const makeCxClassName: (...parts: string[]) => string;
10
- export declare const makeClassList: (...parts: string[]) => string;
11
8
  export declare const getColorShadesByVariant: (variant?: ColorVariant) => {
12
9
  main: string;
13
10
  contrastText: string;
@@ -39,7 +36,7 @@ export type SizeVariantState = Partial<{
39
36
  textVariant: TypographySizeVariant;
40
37
  }>;
41
38
  export declare const getSizeVariantState: (size?: SizeVariant) => SizeVariantState;
42
- export declare const getResponsiveProp: <O extends object, P extends FieldPath<O>, R = FieldPathValue<O, P>>(record: ResponsiveDesign<O>, field: P, screen: Screen, options?: {
39
+ export declare const getResponsiveProp: <O extends object, P extends Paths<O>, R = Get<O, `${P}`>>(record: ResponsiveDesign<O>, field: P, screen: Screen, options?: {
43
40
  condition?: (value?: R) => boolean;
44
41
  }) => R;
45
42
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,YAAY,EACb,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAE5D,OAAO,EAGL,MAAM,EAGN,qBAAqB,EACtB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEvE,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAElC,eAAO,MAAM,eAAe,aAAc,MAAM,EAAE,WAEjD,CAAC;AAEF,eAAO,MAAM,aAAa,aAAc,MAAM,EAAE,WAE/C,CAAC;AAcF,eAAO,MAAM,uBAAuB,aAAc,YAAY;;;;;;;;;;;;;;;;;;;;CAyF7D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,MAAM,WACzC,KAAK,CAAC,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,CAAC,MAkB1D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,gBAAgB,SAAS,CAAC,KAAG,IAAI,CAAC,CAAC,EAAE,MAAM,CAExF,CAAC;AAEF,eAAO,MAAM,eAAe,aAAc,KAAK,CAAC,SAAS,KAAG,YAAY,EAiBvE,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,qBAAqB,CAAC;CACpC,CAAC,CAAC;AAEH,eAAO,MAAM,mBAAmB,UAAW,WAAW,KAAG,gBAiCxD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,CAAC,SAAS,MAAM,EAChB,CAAC,SAAS,SAAS,CAAC,CAAC,CAAC,EACtB,CAAC,iCAEO,gBAAgB,CAAC,CAAC,CAAC,SACpB,CAAC,UACA,MAAM,YACJ;IACR,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,OAAO,CAAC;CACpC,KACA,CAgBF,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyD,YAAY,EAAE,MAAM,OAAO,CAAC;AAI5F,OAAO,EAAe,MAAM,EAA8B,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAClG,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACvE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAEvC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAc/B,eAAO,MAAM,uBAAuB,aAAc,YAAY;;;;;;;;;;;;;;;;;;;;CAyF7D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,MAAM,WAAW,KAAK,CAAC,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,CAAC,MAiB9G,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,gBAAgB,SAAS,CAAC,KAAG,IAAI,CAAC,CAAC,EAAE,MAAM,CAExF,CAAC;AAEF,eAAO,MAAM,eAAe,aAAc,KAAK,CAAC,SAAS,KAAG,YAAY,EAYvE,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,qBAAqB,CAAC;CACpC,CAAC,CAAC;AAEH,eAAO,MAAM,mBAAmB,UAAW,WAAW,KAAG,gBAiCxD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,2BAC/D,gBAAgB,CAAC,CAAC,CAAC,SACpB,CAAC,UACA,MAAM,YACJ;IACR,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,OAAO,CAAC;CACpC,KACA,CAgBF,CAAC"}
@@ -1,19 +1,10 @@
1
1
  import { Children, isValidElement, Fragment } from "react";
2
- import { clsx } from "clsx";
3
- import { isUndefined, kebabCase, mergeWith, omit, get } from "lodash-es";
4
- import { PREFIX } from "../theme/index.js";
2
+ import { isUndefined, mergeWith, omit, get } from "lodash-es";
3
+ import { getSmallerScreens, screens } from "../theme/screens.js";
4
+ import { getColorVar } from "../theme/palette.js";
5
5
  import { ensureArray, ensureBoolean, formatNumber, getDecimalDigits, getEnumValues, matchSearch, normalizeSearchText, omitEmpty, parseNumber, parseSvgString } from "./common.js";
6
6
  import { cn } from "./stylesheet.js";
7
7
  import { ArrayParamParser, BooleanParamParser, DateParamParser, EnumParamParser, NumberParamParser, StringParamParser, simplifyQueryParams } from "./query-params.js";
8
- import { animatePulse, animateSpin, containerStyle, cursorPointer, overflowAuto, overflowHidden, pbBlock, pointerEventsNone, ptBlock, pyBlock, scrollbarNone, textHeading1, textHeading2, textHeading3, textHeading4, textHeading5, textHeading6, truncate } from "./emotion-helpers.js";
9
- import { getColorVar } from "../theme/palette.js";
10
- import { getSmallerScreens, screens } from "../theme/screens.js";
11
- const makeCxClassName = (...parts) => {
12
- return parts.map((part) => `${PREFIX}-${kebabCase(part)}`).join(" ");
13
- };
14
- const makeClassList = (...parts) => {
15
- return clsx(parts.map((part) => `${PREFIX}-${kebabCase(part)}`));
16
- };
17
8
  const getColorShadesByVariant = (variant) => {
18
9
  switch (variant) {
19
10
  case "primary":
@@ -126,12 +117,7 @@ const flattenChildren = (children) => {
126
117
  return Children.toArray(children).reduce((acc, child) => {
127
118
  if (isValidElement(child)) {
128
119
  if (child.type === Fragment) {
129
- return [
130
- ...acc,
131
- ...flattenChildren(
132
- child.props.children
133
- )
134
- ];
120
+ return [...acc, ...flattenChildren(child.props.children)];
135
121
  }
136
122
  return [...acc, child];
137
123
  }
@@ -191,11 +177,7 @@ export {
191
177
  EnumParamParser,
192
178
  NumberParamParser,
193
179
  StringParamParser,
194
- animatePulse,
195
- animateSpin,
196
180
  cn,
197
- containerStyle,
198
- cursorPointer,
199
181
  ensureArray,
200
182
  ensureBoolean,
201
183
  flattenChildren,
@@ -205,28 +187,12 @@ export {
205
187
  getEnumValues,
206
188
  getResponsiveProp,
207
189
  getSizeVariantState,
208
- makeClassList,
209
- makeCxClassName,
210
190
  matchSearch,
211
191
  mergeComponentProps,
212
192
  normalizeSearchText,
213
193
  omitEmpty,
214
194
  omitResponsiveProps,
215
- overflowAuto,
216
- overflowHidden,
217
195
  parseNumber,
218
196
  parseSvgString,
219
- pbBlock,
220
- pointerEventsNone,
221
- ptBlock,
222
- pyBlock,
223
- scrollbarNone,
224
- simplifyQueryParams,
225
- textHeading1,
226
- textHeading2,
227
- textHeading3,
228
- textHeading4,
229
- textHeading5,
230
- textHeading6,
231
- truncate
197
+ simplifyQueryParams
232
198
  };
@@ -1 +1 @@
1
- {"version":3,"file":"query-params.d.ts","sourceRoot":"","sources":["../../src/utils/query-params.ts"],"names":[],"mappings":"AAKA,OAAO,EAAC,QAAQ,EAAE,IAAI,EAAC,MAAM,UAAU,CAAC;AAExC,uBAAe,gBAAgB,CAAC,CAAC;IAC/B,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;gBAEb,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IAIpC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC;IAE5C,KAAK,IAAI,CAAC;CAGX;AAED,qBAAa,eAAgB,SAAQ,gBAAgB,CAAC,IAAI,GAAG,SAAS,CAAC;IACrE,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM;CAWtB;AAED,qBAAa,iBAAkB,SAAQ,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC;IACzE,MAAM,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;CAGhC;AAED,KAAK,wBAAwB,GAAG;IAC9B,cAAc,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CACjC,CAAC;AAEF,qBAAa,iBAAkB,SAAQ,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC;IACzE,OAAO,CAAC,OAAO,CAA2B;gBAE9B,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,EAAE,wBAAwB;IAKxE,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM;CAsBtB;AAED,qBAAa,gBAAiB,SAAQ,gBAAgB,CAAC,MAAM,EAAE,GAAG,SAAS,CAAC;IAC1E,MAAM,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;CAQhC;AAED,qBAAa,kBAAmB,SAAQ,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC;IAC3E,MAAM,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;CAMhC;AAED,qBAAa,eAAe,CAAC,CAAC,SAAS,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,CAAE,SAAQ,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,SAAS,CAAC;IAC9G,OAAO,CAAC,SAAS,CAAI;gBAET,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC,EAAE,CAAC;IAKnD,MAAM,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;CAWhC;AAED,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,MAAM,UAAU,CAAC,KAAG,IAAI,CAAC,MAAM,CA6C5E,CAAC"}
1
+ {"version":3,"file":"query-params.d.ts","sourceRoot":"","sources":["../../src/utils/query-params.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAE1C,uBAAe,gBAAgB,CAAC,CAAC;IAC/B,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;gBAEb,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IAIpC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC;IAE5C,KAAK,IAAI,CAAC;CAGX;AAED,qBAAa,eAAgB,SAAQ,gBAAgB,CAAC,IAAI,GAAG,SAAS,CAAC;IACrE,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM;CAWtB;AAED,qBAAa,iBAAkB,SAAQ,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC;IACzE,MAAM,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;CAGhC;AAED,KAAK,wBAAwB,GAAG;IAC9B,cAAc,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CACjC,CAAC;AAEF,qBAAa,iBAAkB,SAAQ,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC;IACzE,OAAO,CAAC,OAAO,CAA2B;gBAE9B,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,EAAE,wBAAwB;IAKxE,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM;CAsBtB;AAED,qBAAa,gBAAiB,SAAQ,gBAAgB,CAAC,MAAM,EAAE,GAAG,SAAS,CAAC;IAC1E,MAAM,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;CAQhC;AAED,qBAAa,kBAAmB,SAAQ,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC;IAC3E,MAAM,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;CAMhC;AAED,qBAAa,eAAe,CAAC,CAAC,SAAS,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,CAAE,SAAQ,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,SAAS,CAAC;IAC9G,OAAO,CAAC,SAAS,CAAI;gBAET,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC,EAAE,CAAC;IAKnD,MAAM,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;CAWhC;AAED,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,MAAM,UAAU,CAAC,KAAG,IAAI,CAAC,MAAM,CA6C5E,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@janbox/storefront-ui",
3
- "version": "1.0.7",
3
+ "version": "1.0.9",
4
4
  "description": "Storefront UI component library for Janbox",
5
5
  "author": "Janbox",
6
6
  "keywords": [
@@ -81,7 +81,6 @@
81
81
  "overlayscrollbars-react": "^0.5.6",
82
82
  "phone": "^3.1.62",
83
83
  "react-date-range": "^2.0.1",
84
- "react-hook-form": "^7.52.2",
85
84
  "react-i18next": "^14.0.0",
86
85
  "react-player": "^3.3.3",
87
86
  "react-router": "^7.9.6",
@@ -92,6 +91,7 @@
92
91
  "devDependencies": {
93
92
  "@emotion/react": "^11.13.3",
94
93
  "@emotion/serialize": "^1.3.3",
94
+ "@eslint/js": "^9.24.0",
95
95
  "@storybook/builder-vite": "^10.2.14",
96
96
  "@storybook/react-vite": "^10.2.14",
97
97
  "@types/highlight-words-core": "^1.2.3",
@@ -102,16 +102,26 @@
102
102
  "@types/react-dom": "^19.1.6",
103
103
  "@types/uuid": "^10.0.0",
104
104
  "csstype": "^3.1.3",
105
+ "eslint": "^9.24.0",
106
+ "eslint-config-prettier": "^10.1.8",
107
+ "eslint-plugin-prettier": "^5.5.5",
108
+ "eslint-plugin-react": "^7.37.5",
109
+ "eslint-plugin-react-hooks": "^7.0.1",
110
+ "eslint-plugin-unused-imports": "^4.4.1",
111
+ "globals": "^17.4.0",
105
112
  "i18next": "^25.8.13",
113
+ "prettier": "^3.8.1",
106
114
  "react": "^19.1.0",
107
115
  "react-dom": "^19.1.0",
108
116
  "sass-embedded": "^1.97.3",
109
117
  "storybook": "^10.2.14",
118
+ "type-fest": "^5.2.0",
110
119
  "typescript": "5.5.4",
120
+ "typescript-eslint": "^8.57.2",
111
121
  "vite": "^5.3.3",
122
+ "vite-plugin-checker": "^0.12.0",
112
123
  "vite-plugin-dts": "^4.5.4",
113
- "vite-tsconfig-paths": "^6.1.1",
114
- "type-fest": "^5.2.0"
124
+ "vite-tsconfig-paths": "^6.1.1"
115
125
  },
116
126
  "scripts": {
117
127
  "build": "vite build",
@@ -1,8 +0,0 @@
1
- import { HTMLProps } from 'react';
2
- import { GenericElementProps } from './types';
3
- declare const GenericElement: <P extends HTMLProps<HTMLElement>, E extends HTMLElement = HTMLElement>({ element, children, ...props }: GenericElementProps<P, E>, ref?: React.ForwardedRef<E>) => import('react').DetailedReactHTMLElement<Omit<GenericElementProps<P, E>, "children" | "element"> & {
4
- ref: import('react').ForwardedRef<E> | undefined;
5
- }, HTMLElement>;
6
- declare const ForwardRefGenericElement: typeof GenericElement;
7
- export { ForwardRefGenericElement as GenericElement };
8
- //# sourceMappingURL=generic-element.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"generic-element.d.ts","sourceRoot":"","sources":["../../../src/lib/generic-element/generic-element.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C,QAAA,MAAM,cAAc,GAAI,CAAC,SAAS,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,SAAS,WAAW,iDACpC,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAC,QAC5D,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;;eAU5B,CAAC;AAEF,QAAA,MAAM,wBAAwB,EAA4C,OAAO,cAAc,CAAC;AAEhG,OAAO,EAAE,wBAAwB,IAAI,cAAc,EAAE,CAAC"}
@@ -1,15 +0,0 @@
1
- import { forwardRef, createElement } from "react";
2
- const GenericElement = ({ element = "div", children, ...props }, ref) => {
3
- return createElement(
4
- element,
5
- {
6
- ...props,
7
- ref
8
- },
9
- children
10
- );
11
- };
12
- const ForwardRefGenericElement = forwardRef(GenericElement);
13
- export {
14
- ForwardRefGenericElement as GenericElement
15
- };
@@ -1,3 +0,0 @@
1
- export * from './generic-element';
2
- export * from './types';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/generic-element/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC"}
@@ -1,7 +0,0 @@
1
- import { HTMLElementType, Ref } from 'react';
2
- import { ShallowMerge } from '../../types';
3
- export type GenericElementProps<P, E> = ShallowMerge<P, {
4
- element?: HTMLElementType;
5
- ref?: Ref<E>;
6
- }>;
7
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/generic-element/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,MAAM,mBAAmB,CAAC,CAAC,EAAE,CAAC,IAAI,YAAY,CAClD,CAAC,EACD;IACE,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;CACd,CACF,CAAC"}
@@ -1,2 +0,0 @@
1
- export * from './trans-html';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/trans-html/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
@@ -1,3 +0,0 @@
1
- import { TransHtmlProps } from './types';
2
- export declare const TransHtml: ({ components, classes, ...props }: TransHtmlProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
- //# sourceMappingURL=trans-html.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"trans-html.d.ts","sourceRoot":"","sources":["../../../src/lib/trans-html/trans-html.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAKzC,eAAO,MAAM,SAAS,sCAAuC,cAAc,qDAc1E,CAAC"}
@@ -1,26 +0,0 @@
1
- import { jsx } from "@emotion/react/jsx-runtime";
2
- import { Trans } from "react-i18next";
3
- import "react";
4
- import "clsx";
5
- import "lodash-es";
6
- import { getColorVar } from "../../theme/palette.js";
7
- import { cn } from "../../utils/stylesheet.js";
8
- const TransHtml = ({ components, classes, ...props }) => {
9
- return /* @__PURE__ */ jsx(
10
- Trans,
11
- {
12
- components: {
13
- quote: /* @__PURE__ */ jsx("q", { className: classes == null ? void 0 : classes.quote }),
14
- secondary: /* @__PURE__ */ jsx("span", { css: { color: getColorVar("secondary.600") }, className: cn(classes == null ? void 0 : classes.secondary) }),
15
- primary: /* @__PURE__ */ jsx("span", { css: { color: getColorVar("primary.600") }, className: cn(classes == null ? void 0 : classes.primary) }),
16
- bold: /* @__PURE__ */ jsx("span", { css: { fontWeight: 600 }, className: cn(classes == null ? void 0 : classes.bold) }),
17
- h2: /* @__PURE__ */ jsx("h2", { className: classes == null ? void 0 : classes.h2 }),
18
- ...components
19
- },
20
- ...props
21
- }
22
- );
23
- };
24
- export {
25
- TransHtml
26
- };
@@ -1,12 +0,0 @@
1
- import { ComponentProps } from 'react';
2
- import { Trans } from 'react-i18next';
3
- export type TransHtmlProps = ComponentProps<typeof Trans> & {
4
- classes?: {
5
- quote?: string;
6
- secondary?: string;
7
- primary?: string;
8
- bold?: string;
9
- h2?: string;
10
- };
11
- };
12
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/trans-html/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,GAAG;IAC1D,OAAO,CAAC,EAAE;QACR,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,EAAE,CAAC,EAAE,MAAM,CAAC;KACb,CAAC;CACH,CAAC"}
@@ -1,20 +0,0 @@
1
- import { CSSObject } from '@emotion/react';
2
- export declare const scrollbarNone: CSSObject;
3
- export declare const animatePulse: CSSObject;
4
- export declare const animateSpin: CSSObject;
5
- export declare const ptBlock: CSSObject;
6
- export declare const pbBlock: CSSObject;
7
- export declare const pyBlock: CSSObject;
8
- export declare const textHeading6: CSSObject;
9
- export declare const textHeading5: CSSObject;
10
- export declare const textHeading4: CSSObject;
11
- export declare const textHeading3: CSSObject;
12
- export declare const textHeading2: CSSObject;
13
- export declare const textHeading1: CSSObject;
14
- export declare const truncate: CSSObject;
15
- export declare const pointerEventsNone: CSSObject;
16
- export declare const cursorPointer: CSSObject;
17
- export declare const overflowHidden: CSSObject;
18
- export declare const overflowAuto: CSSObject;
19
- export declare const containerStyle: CSSObject;
20
- //# sourceMappingURL=emotion-helpers.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"emotion-helpers.d.ts","sourceRoot":"","sources":["../../src/utils/emotion-helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,gBAAgB,CAAC;AAKtD,eAAO,MAAM,aAAa,EAAE,SAG3B,CAAC;AAUF,eAAO,MAAM,YAAY,EAAE,SAE1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,SAEzB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,SAKrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,SAKrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,SAMrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,SAO1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,SAO1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,SAO1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,SAO1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,SAO1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,SAO1B,CAAC;AAIF,eAAO,MAAM,QAAQ,EAAE,SAItB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,SAE/B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,SAE3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,SAE5B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,SAE1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,SAqB5B,CAAC"}