@once-ui-system/core 1.0.13 → 1.0.15

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 (256) hide show
  1. package/dist/components/Accordion.js +15 -33
  2. package/dist/components/Accordion.js.map +1 -1
  3. package/dist/components/AccordionGroup.js +6 -24
  4. package/dist/components/AccordionGroup.js.map +1 -1
  5. package/dist/components/Arrow.js +15 -32
  6. package/dist/components/Arrow.js.map +1 -1
  7. package/dist/components/AutoScroll.js +7 -25
  8. package/dist/components/AutoScroll.js.map +1 -1
  9. package/dist/components/Avatar.js +19 -30
  10. package/dist/components/Avatar.js.map +1 -1
  11. package/dist/components/AvatarGroup.js +14 -26
  12. package/dist/components/AvatarGroup.js.map +1 -1
  13. package/dist/components/Background.js +37 -59
  14. package/dist/components/Background.js.map +1 -1
  15. package/dist/components/Badge.d.ts.map +1 -1
  16. package/dist/components/Badge.js +14 -61
  17. package/dist/components/Badge.js.map +1 -1
  18. package/dist/components/Banner.js +5 -22
  19. package/dist/components/Banner.js.map +1 -1
  20. package/dist/components/Button.d.ts.map +1 -1
  21. package/dist/components/Button.js +12 -29
  22. package/dist/components/Button.js.map +1 -1
  23. package/dist/components/Card.d.ts.map +1 -1
  24. package/dist/components/Card.js +12 -27
  25. package/dist/components/Card.js.map +1 -1
  26. package/dist/components/Carousel.js +18 -32
  27. package/dist/components/Carousel.js.map +1 -1
  28. package/dist/components/Checkbox.js +18 -36
  29. package/dist/components/Checkbox.js.map +1 -1
  30. package/dist/components/Chip.js +20 -35
  31. package/dist/components/Chip.js.map +1 -1
  32. package/dist/components/ColorInput.js +12 -27
  33. package/dist/components/ColorInput.js.map +1 -1
  34. package/dist/components/Column.js +6 -21
  35. package/dist/components/Column.js.map +1 -1
  36. package/dist/components/CompareImage.js +15 -33
  37. package/dist/components/CompareImage.js.map +1 -1
  38. package/dist/components/CursorCard.js +23 -37
  39. package/dist/components/CursorCard.js.map +1 -1
  40. package/dist/components/DateInput.js +24 -35
  41. package/dist/components/DateInput.js.map +1 -1
  42. package/dist/components/DatePicker.js +40 -65
  43. package/dist/components/DatePicker.js.map +1 -1
  44. package/dist/components/DateRangeInput.js +17 -35
  45. package/dist/components/DateRangeInput.js.map +1 -1
  46. package/dist/components/DateRangePicker.js +15 -30
  47. package/dist/components/DateRangePicker.js.map +1 -1
  48. package/dist/components/Dialog.js +33 -87
  49. package/dist/components/Dialog.js.map +1 -1
  50. package/dist/components/Dropdown.js +6 -21
  51. package/dist/components/Dropdown.js.map +1 -1
  52. package/dist/components/DropdownWrapper.js +42 -45
  53. package/dist/components/DropdownWrapper.js.map +1 -1
  54. package/dist/components/ElementType.js +10 -28
  55. package/dist/components/ElementType.js.map +1 -1
  56. package/dist/components/Fade.js +19 -33
  57. package/dist/components/Fade.js.map +1 -1
  58. package/dist/components/Feedback.js +6 -21
  59. package/dist/components/Feedback.js.map +1 -1
  60. package/dist/components/Flex.js +18 -26
  61. package/dist/components/Flex.js.map +1 -1
  62. package/dist/components/FlipFx.js +29 -37
  63. package/dist/components/FlipFx.js.map +1 -1
  64. package/dist/components/GlitchFx.js +13 -31
  65. package/dist/components/GlitchFx.js.map +1 -1
  66. package/dist/components/Grid.js +18 -26
  67. package/dist/components/Grid.js.map +1 -1
  68. package/dist/components/Heading.js +10 -24
  69. package/dist/components/Heading.js.map +1 -1
  70. package/dist/components/HoloFx.js +35 -36
  71. package/dist/components/HoloFx.js.map +1 -1
  72. package/dist/components/Icon.js +14 -32
  73. package/dist/components/Icon.js.map +1 -1
  74. package/dist/components/IconButton.js +15 -33
  75. package/dist/components/IconButton.js.map +1 -1
  76. package/dist/components/InfiniteScroll.js +16 -63
  77. package/dist/components/InfiniteScroll.js.map +1 -1
  78. package/dist/components/InlineCode.js +8 -26
  79. package/dist/components/InlineCode.js.map +1 -1
  80. package/dist/components/Input.js +31 -49
  81. package/dist/components/Input.js.map +1 -1
  82. package/dist/components/InteractiveDetails.js +6 -9
  83. package/dist/components/InteractiveDetails.js.map +1 -1
  84. package/dist/components/Kbd.js +5 -22
  85. package/dist/components/Kbd.js.map +1 -1
  86. package/dist/components/LetterFx.js +13 -19
  87. package/dist/components/LetterFx.js.map +1 -1
  88. package/dist/components/Line.js +6 -21
  89. package/dist/components/Line.js.map +1 -1
  90. package/dist/components/Logo.js +12 -30
  91. package/dist/components/Logo.js.map +1 -1
  92. package/dist/components/LogoCloud.js +14 -29
  93. package/dist/components/LogoCloud.js.map +1 -1
  94. package/dist/components/Mask.js +17 -32
  95. package/dist/components/Mask.js.map +1 -1
  96. package/dist/components/Media.js +25 -36
  97. package/dist/components/Media.js.map +1 -1
  98. package/dist/components/NavIcon.js +8 -26
  99. package/dist/components/NavIcon.js.map +1 -1
  100. package/dist/components/NumberInput.js +11 -30
  101. package/dist/components/NumberInput.js.map +1 -1
  102. package/dist/components/OTPInput.js +16 -37
  103. package/dist/components/OTPInput.js.map +1 -1
  104. package/dist/components/OgCard.js +22 -30
  105. package/dist/components/OgCard.js.map +1 -1
  106. package/dist/components/Option.js +15 -33
  107. package/dist/components/Option.js.map +1 -1
  108. package/dist/components/Particle.d.ts +2 -3
  109. package/dist/components/Particle.d.ts.map +1 -1
  110. package/dist/components/Particle.js +14 -62
  111. package/dist/components/Particle.js.map +1 -1
  112. package/dist/components/PasswordInput.js +8 -11
  113. package/dist/components/PasswordInput.js.map +1 -1
  114. package/dist/components/RadioButton.js +17 -35
  115. package/dist/components/RadioButton.js.map +1 -1
  116. package/dist/components/RevealFx.js +18 -32
  117. package/dist/components/RevealFx.js.map +1 -1
  118. package/dist/components/Row.js +6 -21
  119. package/dist/components/Row.js.map +1 -1
  120. package/dist/components/ScrollToTop.js +9 -28
  121. package/dist/components/ScrollToTop.js.map +1 -1
  122. package/dist/components/Scroller.js +30 -77
  123. package/dist/components/Scroller.js.map +1 -1
  124. package/dist/components/SegmentedControl.js +15 -32
  125. package/dist/components/SegmentedControl.js.map +1 -1
  126. package/dist/components/Select.js +32 -50
  127. package/dist/components/Select.js.map +1 -1
  128. package/dist/components/Skeleton.js +8 -26
  129. package/dist/components/Skeleton.js.map +1 -1
  130. package/dist/components/SmartLink.js +28 -34
  131. package/dist/components/SmartLink.js.map +1 -1
  132. package/dist/components/Spinner.js +8 -26
  133. package/dist/components/Spinner.js.map +1 -1
  134. package/dist/components/StatusIndicator.js +8 -26
  135. package/dist/components/StatusIndicator.js.map +1 -1
  136. package/dist/components/StyleOverlay.js +9 -27
  137. package/dist/components/StyleOverlay.js.map +1 -1
  138. package/dist/components/StylePanel.js +45 -63
  139. package/dist/components/StylePanel.js.map +1 -1
  140. package/dist/components/Switch.js +18 -36
  141. package/dist/components/Switch.js.map +1 -1
  142. package/dist/components/Table.d.ts.map +1 -1
  143. package/dist/components/Table.js +12 -29
  144. package/dist/components/Table.js.map +1 -1
  145. package/dist/components/Tag.js +8 -26
  146. package/dist/components/Tag.js.map +1 -1
  147. package/dist/components/TagInput.js +9 -24
  148. package/dist/components/TagInput.js.map +1 -1
  149. package/dist/components/Text.js +10 -24
  150. package/dist/components/Text.js.map +1 -1
  151. package/dist/components/Textarea.js +34 -81
  152. package/dist/components/Textarea.js.map +1 -1
  153. package/dist/components/ThemeSwitcher.js +10 -46
  154. package/dist/components/ThemeSwitcher.js.map +1 -1
  155. package/dist/components/TiltFx.js +8 -26
  156. package/dist/components/TiltFx.js.map +1 -1
  157. package/dist/components/Toast.js +14 -20
  158. package/dist/components/Toast.js.map +1 -1
  159. package/dist/components/Toaster.js +10 -16
  160. package/dist/components/Toaster.js.map +1 -1
  161. package/dist/components/ToggleButton.d.ts.map +1 -1
  162. package/dist/components/ToggleButton.js +10 -27
  163. package/dist/components/ToggleButton.js.map +1 -1
  164. package/dist/components/Tooltip.js +11 -25
  165. package/dist/components/Tooltip.js.map +1 -1
  166. package/dist/components/User.js +8 -25
  167. package/dist/components/User.js.map +1 -1
  168. package/dist/components/UserMenu.js +8 -26
  169. package/dist/components/UserMenu.js.map +1 -1
  170. package/dist/components/index.js +81 -97
  171. package/dist/components/index.js.map +1 -1
  172. package/dist/contexts/DataThemeProvider.js +23 -19
  173. package/dist/contexts/DataThemeProvider.js.map +1 -1
  174. package/dist/contexts/IconProvider.js +9 -14
  175. package/dist/contexts/IconProvider.js.map +1 -1
  176. package/dist/contexts/ThemeProvider.js +43 -32
  177. package/dist/contexts/ThemeProvider.js.map +1 -1
  178. package/dist/contexts/ToastProvider.js +14 -15
  179. package/dist/contexts/ToastProvider.js.map +1 -1
  180. package/dist/contexts/index.js +4 -20
  181. package/dist/contexts/index.js.map +1 -1
  182. package/dist/hooks/index.js +3 -19
  183. package/dist/hooks/index.js.map +1 -1
  184. package/dist/hooks/useDebounce.d.ts.map +1 -1
  185. package/dist/hooks/useDebounce.js +5 -7
  186. package/dist/hooks/useDebounce.js.map +1 -1
  187. package/dist/hooks/useFetchOg.d.ts.map +1 -1
  188. package/dist/hooks/useFetchOg.js +8 -11
  189. package/dist/hooks/useFetchOg.js.map +1 -1
  190. package/dist/hooks/useHeadingLinks.d.ts.map +1 -1
  191. package/dist/hooks/useHeadingLinks.js +5 -8
  192. package/dist/hooks/useHeadingLinks.js.map +1 -1
  193. package/dist/icons.js +31 -34
  194. package/dist/icons.js.map +1 -1
  195. package/dist/index.js +8 -24
  196. package/dist/index.js.map +1 -1
  197. package/dist/interfaces.js +1 -2
  198. package/dist/modules/code/CodeBlock.js +33 -84
  199. package/dist/modules/code/CodeBlock.js.map +1 -1
  200. package/dist/modules/data/BarChart.js +30 -75
  201. package/dist/modules/data/BarChart.js.map +1 -1
  202. package/dist/modules/data/ChartHeader.js +29 -45
  203. package/dist/modules/data/ChartHeader.js.map +1 -1
  204. package/dist/modules/data/ChartStatus.js +4 -8
  205. package/dist/modules/data/ChartStatus.js.map +1 -1
  206. package/dist/modules/data/DataTooltip.js +14 -17
  207. package/dist/modules/data/DataTooltip.js.map +1 -1
  208. package/dist/modules/data/Gradient.js +6 -11
  209. package/dist/modules/data/Gradient.js.map +1 -1
  210. package/dist/modules/data/Legend.js +8 -11
  211. package/dist/modules/data/Legend.js.map +1 -1
  212. package/dist/modules/data/LineBarChart.js +29 -77
  213. package/dist/modules/data/LineBarChart.js.map +1 -1
  214. package/dist/modules/data/LineChart.js +42 -87
  215. package/dist/modules/data/LineChart.js.map +1 -1
  216. package/dist/modules/data/PieChart.js +28 -78
  217. package/dist/modules/data/PieChart.js.map +1 -1
  218. package/dist/modules/data/Swatch.js +17 -12
  219. package/dist/modules/data/Swatch.js.map +1 -1
  220. package/dist/modules/data/index.js +11 -27
  221. package/dist/modules/data/index.js.map +1 -1
  222. package/dist/modules/data/interfaces.js +1 -2
  223. package/dist/modules/data/utils/colorDistribution.js +8 -12
  224. package/dist/modules/data/utils/colorDistribution.js.map +1 -1
  225. package/dist/modules/data/utils/formatDate.js +6 -9
  226. package/dist/modules/data/utils/formatDate.js.map +1 -1
  227. package/dist/modules/index.js +19 -41
  228. package/dist/modules/index.js.map +1 -1
  229. package/dist/modules/media/MediaUpload.js +16 -34
  230. package/dist/modules/media/MediaUpload.js.map +1 -1
  231. package/dist/modules/navigation/HeadingLink.d.ts.map +1 -1
  232. package/dist/modules/navigation/HeadingLink.js +33 -46
  233. package/dist/modules/navigation/HeadingLink.js.map +1 -1
  234. package/dist/modules/navigation/HeadingNav.js +24 -42
  235. package/dist/modules/navigation/HeadingNav.js.map +1 -1
  236. package/dist/modules/navigation/Kbar.js +52 -109
  237. package/dist/modules/navigation/Kbar.js.map +1 -1
  238. package/dist/modules/navigation/MegaMenu.js +27 -44
  239. package/dist/modules/navigation/MegaMenu.js.map +1 -1
  240. package/dist/modules/navigation/MobileMegaMenu.js +10 -25
  241. package/dist/modules/navigation/MobileMegaMenu.js.map +1 -1
  242. package/dist/modules/navigation/index.js +5 -21
  243. package/dist/modules/navigation/index.js.map +1 -1
  244. package/dist/modules/seo/Meta.js +28 -19
  245. package/dist/modules/seo/Meta.js.map +1 -1
  246. package/dist/modules/seo/Schema.js +16 -17
  247. package/dist/modules/seo/Schema.js.map +1 -1
  248. package/dist/package.json +2 -4
  249. package/dist/types.js +1 -4
  250. package/dist/types.js.map +1 -1
  251. package/dist/utils/devLogger.js +1 -4
  252. package/dist/utils/devLogger.js.map +1 -1
  253. package/dist/utils/index.js +1 -17
  254. package/dist/utils/index.js.map +1 -1
  255. package/next-env.d.ts +5 -0
  256. package/package.json +18 -20
@@ -1,24 +1,9 @@
1
- "use strict";
2
1
  "use client";
3
- var __rest = (this && this.__rest) || function (s, e) {
4
- var t = {};
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
6
- t[p] = s[p];
7
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
8
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
9
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
10
- t[p[i]] = s[p[i]];
11
- }
12
- return t;
13
- };
14
- Object.defineProperty(exports, "__esModule", { value: true });
15
- exports.ColorInput = void 0;
16
- const jsx_runtime_1 = require("react/jsx-runtime");
17
- const react_1 = require("react");
18
- const _1 = require(".");
19
- const ColorInput = (0, react_1.forwardRef)((_a, ref) => {
20
- var { label, id, value, onChange } = _a, props = __rest(_a, ["label", "id", "value", "onChange"]);
21
- const colorInputRef = (0, react_1.useRef)(null);
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { useRef, forwardRef } from "react";
4
+ import { Flex, Input, IconButton, Icon } from ".";
5
+ const ColorInput = forwardRef(({ label, id, value, onChange, ...props }, ref) => {
6
+ const colorInputRef = useRef(null);
22
7
  const handleHexClick = () => {
23
8
  if (colorInputRef.current) {
24
9
  colorInputRef.current.click();
@@ -29,31 +14,31 @@ const ColorInput = (0, react_1.forwardRef)((_a, ref) => {
29
14
  target: { value: "" },
30
15
  });
31
16
  };
32
- return ((0, jsx_runtime_1.jsx)(_1.Input, Object.assign({ style: { cursor: "pointer" }, id: id, ref: colorInputRef, label: label, type: "color", value: value }, props, { hasPrefix: (0, jsx_runtime_1.jsxs)(_1.Flex, { children: [(0, jsx_runtime_1.jsx)(_1.Flex, { style: {
17
+ return (_jsx(Input, { style: { cursor: "pointer" }, id: id, ref: colorInputRef, label: label, type: "color", value: value, ...props, hasPrefix: _jsxs(Flex, { children: [_jsx(Flex, { style: {
33
18
  width: value ? "var(--static-space-0)" : "var(--static-space-20)",
34
19
  transform: value ? "scale(0)" : "scale(1)",
35
20
  opacity: value ? "0" : "1",
36
21
  transition: "0.2s ease-in-out all",
37
- }, children: (0, jsx_runtime_1.jsx)(_1.Flex, { padding: "2", children: (0, jsx_runtime_1.jsx)(_1.Icon, { size: "xs", name: "eyeDropper", onBackground: "neutral-medium" }) }) }), (0, jsx_runtime_1.jsx)(_1.Flex, { border: "neutral-strong", className: `prefix ${value ? "" : "hidden"}`, onClick: handleHexClick, height: "20", radius: "xs", style: {
22
+ }, children: _jsx(Flex, { padding: "2", children: _jsx(Icon, { size: "xs", name: "eyeDropper", onBackground: "neutral-medium" }) }) }), _jsx(Flex, { border: "neutral-strong", className: `prefix ${value ? "" : "hidden"}`, onClick: handleHexClick, height: "20", radius: "xs", style: {
38
23
  backgroundColor: value,
39
24
  cursor: "pointer",
40
25
  width: value ? "var(--static-space-20)" : "var(--static-space-0)",
41
26
  transform: value ? "scale(1)" : "scale(0)",
42
27
  opacity: value ? "1" : "0",
43
28
  transition: "0.2s ease-in-out all",
44
- } })] }), hasSuffix: (0, jsx_runtime_1.jsxs)(_1.Flex, { className: `suffix ${value ? "" : "hidden"}`, position: "absolute", style: {
29
+ } })] }), hasSuffix: _jsxs(Flex, { className: `suffix ${value ? "" : "hidden"}`, position: "absolute", style: {
45
30
  left: "var(--static-space-48)",
46
31
  cursor: "pointer",
47
32
  width: "calc(100% - var(--static-space-48))",
48
- }, children: [(0, jsx_runtime_1.jsx)(_1.Flex, { onClick: handleHexClick, fillWidth: true, style: {
33
+ }, children: [_jsx(Flex, { onClick: handleHexClick, fillWidth: true, style: {
49
34
  opacity: value ? "1" : "0",
50
35
  transition: "opacity 0.2s ease-in-out",
51
- }, children: value }), value && ((0, jsx_runtime_1.jsx)(_1.IconButton, { onClick: handleReset, variant: "secondary", tooltip: "Remove", tooltipPosition: "left", icon: "close", style: {
36
+ }, children: value }), value && (_jsx(IconButton, { onClick: handleReset, variant: "secondary", tooltip: "Remove", tooltipPosition: "left", icon: "close", style: {
52
37
  position: "absolute",
53
38
  right: "var(--static-space-12)",
54
39
  transform: "translateY(-50%)",
55
- } }))] }), onChange: onChange })));
40
+ } }))] }), onChange: onChange }));
56
41
  });
57
- exports.ColorInput = ColorInput;
58
42
  ColorInput.displayName = "ColorInput";
43
+ export { ColorInput };
59
44
  //# sourceMappingURL=ColorInput.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ColorInput.js","sourceRoot":"","sources":["../../src/components/ColorInput.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ColorInput.js","sourceRoot":"","sources":["../../src/components/ColorInput.tsx"],"names":[],"mappings":"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"}
@@ -1,24 +1,9 @@
1
- "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- Object.defineProperty(exports, "__esModule", { value: true });
14
- exports.Column = void 0;
15
- const jsx_runtime_1 = require("react/jsx-runtime");
16
- const react_1 = require("react");
17
- const _1 = require(".");
18
- const Column = (0, react_1.forwardRef)((_a, ref) => {
19
- var { children } = _a, rest = __rest(_a, ["children"]);
20
- return ((0, jsx_runtime_1.jsx)(_1.Flex, Object.assign({ direction: "column", ref: ref }, rest, { children: children })));
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { forwardRef } from "react";
3
+ import { Flex } from ".";
4
+ const Column = forwardRef(({ children, ...rest }, ref) => {
5
+ return (_jsx(Flex, { direction: "column", ref: ref, ...rest, children: children }));
21
6
  });
22
- exports.Column = Column;
23
7
  Column.displayName = "Column";
8
+ export { Column };
24
9
  //# sourceMappingURL=Column.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Column.js","sourceRoot":"","sources":["../../src/components/Column.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,iCAAmC;AACnC,wBAAyB;AAMzB,MAAM,MAAM,GAAG,IAAA,kBAAU,EAA8B,CAAC,EAAqB,EAAE,GAAG,EAAE,EAAE;QAA9B,EAAE,QAAQ,OAAW,EAAN,IAAI,cAAnB,YAAqB,CAAF;IACzE,OAAO,CACL,uBAAC,OAAI,kBAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,IAAM,IAAI,cACxC,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAGM,wBAAM;AADf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
1
+ {"version":3,"file":"Column.js","sourceRoot":"","sources":["../../src/components/Column.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAMzB,MAAM,MAAM,GAAG,UAAU,CAA8B,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACpF,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,KAAM,IAAI,YACxC,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,CAAC"}
@@ -1,36 +1,18 @@
1
- "use strict";
2
1
  "use client";
3
- var __rest = (this && this.__rest) || function (s, e) {
4
- var t = {};
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
6
- t[p] = s[p];
7
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
8
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
9
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
10
- t[p[i]] = s[p[i]];
11
- }
12
- return t;
13
- };
14
- var __importDefault = (this && this.__importDefault) || function (mod) {
15
- return (mod && mod.__esModule) ? mod : { "default": mod };
16
- };
17
- Object.defineProperty(exports, "__esModule", { value: true });
18
- exports.CompareImage = void 0;
19
- const jsx_runtime_1 = require("react/jsx-runtime");
20
- const react_1 = require("react");
21
- const _1 = require(".");
22
- const CompareImage_module_scss_1 = __importDefault(require("./CompareImage.module.scss"));
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { useState, useRef, useEffect } from "react";
4
+ import { Flex, Media, IconButton } from ".";
5
+ import styles from "./CompareImage.module.scss";
23
6
  const renderContent = (content, clipPath) => {
24
7
  if (typeof content.src === "string") {
25
- return ((0, jsx_runtime_1.jsx)(_1.Media, { src: content.src, alt: content.alt || "", fill: true, position: "absolute", style: { clipPath } }));
8
+ return (_jsx(Media, { src: content.src, alt: content.alt || "", fill: true, position: "absolute", style: { clipPath } }));
26
9
  }
27
- return ((0, jsx_runtime_1.jsx)(_1.Flex, { fill: true, position: "absolute", style: { clipPath }, children: content.src }));
10
+ return (_jsx(Flex, { fill: true, position: "absolute", style: { clipPath }, children: content.src }));
28
11
  };
29
- const CompareImage = (_a) => {
30
- var { leftContent, rightContent } = _a, rest = __rest(_a, ["leftContent", "rightContent"]);
31
- const [position, setPosition] = (0, react_1.useState)(50);
32
- const containerRef = (0, react_1.useRef)(null);
33
- const isDragging = (0, react_1.useRef)(false);
12
+ const CompareImage = ({ leftContent, rightContent, ...rest }) => {
13
+ const [position, setPosition] = useState(50);
14
+ const containerRef = useRef(null);
15
+ const isDragging = useRef(false);
34
16
  const handleMouseDown = () => {
35
17
  isDragging.current = true;
36
18
  };
@@ -53,7 +35,7 @@ const CompareImage = (_a) => {
53
35
  const handleTouchMove = (e) => {
54
36
  updatePosition(e.touches[0].clientX);
55
37
  };
56
- (0, react_1.useEffect)(() => {
38
+ useEffect(() => {
57
39
  document.addEventListener("mousemove", handleMouseMove);
58
40
  document.addEventListener("mouseup", handleMouseUp);
59
41
  document.addEventListener("touchmove", handleTouchMove);
@@ -65,12 +47,12 @@ const CompareImage = (_a) => {
65
47
  document.removeEventListener("touchend", handleMouseUp);
66
48
  };
67
49
  }, []);
68
- return ((0, jsx_runtime_1.jsxs)(_1.Flex, Object.assign({ ref: containerRef, aspectRatio: "16/9", fillWidth: true, style: { touchAction: "none" } }, rest, { children: [renderContent(leftContent, `inset(0 ${100 - position}% 0 0)`), renderContent(rightContent, `inset(0 0 0 ${position}%)`), (0, jsx_runtime_1.jsx)(_1.Flex, { position: "absolute", horizontal: "center", width: 3, className: CompareImage_module_scss_1.default.hitArea, top: "0", bottom: "0", style: {
50
+ return (_jsxs(Flex, { ref: containerRef, aspectRatio: "16/9", fillWidth: true, style: { touchAction: "none" }, ...rest, children: [renderContent(leftContent, `inset(0 ${100 - position}% 0 0)`), renderContent(rightContent, `inset(0 0 0 ${position}%)`), _jsx(Flex, { position: "absolute", horizontal: "center", width: 3, className: styles.hitArea, top: "0", bottom: "0", style: {
69
51
  left: `${position}%`,
70
- }, onMouseDown: handleMouseDown, onTouchStart: handleMouseDown, children: (0, jsx_runtime_1.jsx)(_1.Flex, { width: "1", fillHeight: true, background: "neutral-strong", zIndex: 2 }) }), (0, jsx_runtime_1.jsx)(_1.IconButton, { icon: "chevronsLeftRight", variant: "secondary", className: CompareImage_module_scss_1.default.dragIcon, style: {
52
+ }, onMouseDown: handleMouseDown, onTouchStart: handleMouseDown, children: _jsx(Flex, { width: "1", fillHeight: true, background: "neutral-strong", zIndex: 2 }) }), _jsx(IconButton, { icon: "chevronsLeftRight", variant: "secondary", className: styles.dragIcon, style: {
71
53
  left: `${position}%`,
72
- }, onMouseDown: handleMouseDown, onTouchStart: handleMouseDown })] })));
54
+ }, onMouseDown: handleMouseDown, onTouchStart: handleMouseDown })] }));
73
55
  };
74
- exports.CompareImage = CompareImage;
75
56
  CompareImage.displayName = "CompareImage";
57
+ export { CompareImage };
76
58
  //# sourceMappingURL=CompareImage.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CompareImage.js","sourceRoot":"","sources":["../../src/components/CompareImage.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"CompareImage.js","sourceRoot":"","sources":["../../src/components/CompareImage.tsx"],"names":[],"mappings":"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"}
@@ -1,46 +1,28 @@
1
- "use strict";
2
1
  "use client";
3
- var __rest = (this && this.__rest) || function (s, e) {
4
- var t = {};
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
6
- t[p] = s[p];
7
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
8
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
9
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
10
- t[p[i]] = s[p[i]];
11
- }
12
- return t;
13
- };
14
- var __importDefault = (this && this.__importDefault) || function (mod) {
15
- return (mod && mod.__esModule) ? mod : { "default": mod };
16
- };
17
- Object.defineProperty(exports, "__esModule", { value: true });
18
- exports.CursorCard = void 0;
19
- const jsx_runtime_1 = require("react/jsx-runtime");
20
- const react_1 = require("react");
21
- const react_dom_1 = require("react-dom");
22
- const _1 = require(".");
23
- const CursorCard_module_scss_1 = __importDefault(require("./CursorCard.module.scss"));
24
- const CursorCard = (0, react_1.forwardRef)((_a, ref) => {
25
- var { trigger, overlay, placement = "bottom-left", className, style } = _a, flex = __rest(_a, ["trigger", "overlay", "placement", "className", "style"]);
26
- const [isHovering, setIsHovering] = (0, react_1.useState)(false);
27
- const [mousePosition, setMousePosition] = (0, react_1.useState)({ x: 0, y: 0 });
28
- const [isTouchDevice, setIsTouchDevice] = (0, react_1.useState)(false);
29
- const cardRef = (0, react_1.useRef)(null);
30
- const triggerRef = (0, react_1.useRef)(null);
31
- (0, react_1.useImperativeHandle)(ref, () => cardRef.current);
32
- (0, react_1.useEffect)(() => {
2
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { useState, useRef, useEffect, forwardRef, useImperativeHandle, useCallback, } from "react";
4
+ import { createPortal } from "react-dom";
5
+ import { Flex } from ".";
6
+ import styles from "./CursorCard.module.scss";
7
+ const CursorCard = forwardRef(({ trigger, overlay, placement = "bottom-left", className, style, ...flex }, ref) => {
8
+ const [isHovering, setIsHovering] = useState(false);
9
+ const [mousePosition, setMousePosition] = useState({ x: 0, y: 0 });
10
+ const [isTouchDevice, setIsTouchDevice] = useState(false);
11
+ const cardRef = useRef(null);
12
+ const triggerRef = useRef(null);
13
+ useImperativeHandle(ref, () => cardRef.current);
14
+ useEffect(() => {
33
15
  const checkTouchDevice = () => {
34
16
  return "ontouchstart" in window || navigator.maxTouchPoints > 0;
35
17
  };
36
18
  setIsTouchDevice(checkTouchDevice());
37
19
  }, []);
38
- const handleMouseMove = (0, react_1.useCallback)((e) => {
20
+ const handleMouseMove = useCallback((e) => {
39
21
  if (isHovering && !isTouchDevice) {
40
22
  setMousePosition({ x: e.clientX, y: e.clientY });
41
23
  }
42
24
  }, [isHovering, isTouchDevice]);
43
- (0, react_1.useEffect)(() => {
25
+ useEffect(() => {
44
26
  if (!isTouchDevice) {
45
27
  document.addEventListener("mousemove", handleMouseMove);
46
28
  return () => {
@@ -49,7 +31,7 @@ const CursorCard = (0, react_1.forwardRef)((_a, ref) => {
49
31
  }
50
32
  }, [handleMouseMove, isTouchDevice]);
51
33
  // Create a portal container if it doesn't exist
52
- (0, react_1.useEffect)(() => {
34
+ useEffect(() => {
53
35
  if (typeof document !== "undefined") {
54
36
  let portalContainer = document.getElementById("cursor-card-portal");
55
37
  if (!portalContainer) {
@@ -67,11 +49,15 @@ const CursorCard = (0, react_1.forwardRef)((_a, ref) => {
67
49
  }
68
50
  };
69
51
  }, []);
70
- return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [trigger && ((0, jsx_runtime_1.jsx)(_1.Flex, { ref: triggerRef, onMouseEnter: () => !isTouchDevice && setIsHovering(true), onMouseLeave: () => !isTouchDevice && setIsHovering(false), children: trigger })), isHovering &&
52
+ return (_jsxs(_Fragment, { children: [trigger && (_jsx(Flex, { ref: triggerRef, onMouseEnter: () => !isTouchDevice && setIsHovering(true), onMouseLeave: () => !isTouchDevice && setIsHovering(false), children: trigger })), isHovering &&
71
53
  !isTouchDevice &&
72
54
  typeof document !== "undefined" &&
73
- (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(_1.Flex, Object.assign({ zIndex: 10, position: "fixed", top: "0", left: "0", pointerEvents: "none", ref: cardRef, className: `${CursorCard_module_scss_1.default.fadeIn} ${className || ""}`, style: Object.assign({ isolation: "isolate", transform: `translate(calc(${mousePosition.x}px ${placement.includes("left") ? "- 100%" : placement.includes("right") ? "" : "- 50%"}), calc(${mousePosition.y}px ${placement.includes("top") ? "- 100%" : placement.includes("bottom") ? "" : "- 50%"}))` }, style) }, flex, { children: overlay })), document.getElementById("cursor-card-portal") || document.body)] }));
55
+ createPortal(_jsx(Flex, { zIndex: 10, position: "fixed", top: "0", left: "0", pointerEvents: "none", ref: cardRef, className: `${styles.fadeIn} ${className || ""}`, style: {
56
+ isolation: "isolate",
57
+ transform: `translate(calc(${mousePosition.x}px ${placement.includes("left") ? "- 100%" : placement.includes("right") ? "" : "- 50%"}), calc(${mousePosition.y}px ${placement.includes("top") ? "- 100%" : placement.includes("bottom") ? "" : "- 50%"}))`,
58
+ ...style,
59
+ }, ...flex, children: overlay }), document.getElementById("cursor-card-portal") || document.body)] }));
74
60
  });
75
- exports.CursorCard = CursorCard;
76
61
  CursorCard.displayName = "CursorCard";
62
+ export { CursorCard };
77
63
  //# sourceMappingURL=CursorCard.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CursorCard.js","sourceRoot":"","sources":["../../src/components/CursorCard.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"CursorCard.js","sourceRoot":"","sources":["../../src/components/CursorCard.tsx"],"names":[],"mappings":"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"}
@@ -1,53 +1,42 @@
1
- "use strict";
2
1
  "use client";
3
- var __rest = (this && this.__rest) || function (s, e) {
4
- var t = {};
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
6
- t[p] = s[p];
7
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
8
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
9
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
10
- t[p[i]] = s[p[i]];
11
- }
12
- return t;
13
- };
14
- Object.defineProperty(exports, "__esModule", { value: true });
15
- exports.DateInput = void 0;
16
- const jsx_runtime_1 = require("react/jsx-runtime");
17
- const react_1 = require("react");
18
- const _1 = require(".");
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { useState, useCallback, useEffect } from "react";
4
+ import { Input, DropdownWrapper, Flex, DatePicker } from ".";
19
5
  const formatDate = (date, timePicker) => {
20
- const options = Object.assign({ year: "numeric", month: "short", day: "numeric" }, (timePicker && {
21
- hour: "2-digit",
22
- minute: "2-digit",
23
- hour12: false,
24
- }));
6
+ const options = {
7
+ year: "numeric",
8
+ month: "short",
9
+ day: "numeric",
10
+ ...(timePicker && {
11
+ hour: "2-digit",
12
+ minute: "2-digit",
13
+ hour12: false,
14
+ }),
15
+ };
25
16
  return date.toLocaleString("en-US", options);
26
17
  };
27
- const DateInput = (_a) => {
28
- var { id, label, placeholder, value, onChange, error, minHeight, className, style, timePicker = false } = _a, rest = __rest(_a, ["id", "label", "placeholder", "value", "onChange", "error", "minHeight", "className", "style", "timePicker"]);
29
- const [isOpen, setIsOpen] = (0, react_1.useState)(false);
30
- const [inputValue, setInputValue] = (0, react_1.useState)(value ? formatDate(value, timePicker) : "");
31
- (0, react_1.useEffect)(() => {
18
+ export const DateInput = ({ id, label, placeholder, value, onChange, error, minHeight, className, style, timePicker = false, ...rest }) => {
19
+ const [isOpen, setIsOpen] = useState(false);
20
+ const [inputValue, setInputValue] = useState(value ? formatDate(value, timePicker) : "");
21
+ useEffect(() => {
32
22
  if (value) {
33
23
  setInputValue(formatDate(value, timePicker));
34
24
  }
35
25
  }, [value, timePicker]);
36
- const handleDateChange = (0, react_1.useCallback)((date) => {
26
+ const handleDateChange = useCallback((date) => {
37
27
  setInputValue(formatDate(date, timePicker));
38
- onChange === null || onChange === void 0 ? void 0 : onChange(date);
28
+ onChange?.(date);
39
29
  if (!timePicker) {
40
30
  setIsOpen(false);
41
31
  }
42
32
  }, [onChange, timePicker]);
43
- const handleInputClick = (0, react_1.useCallback)(() => {
33
+ const handleInputClick = useCallback(() => {
44
34
  setIsOpen(true);
45
35
  }, []);
46
- const trigger = ((0, jsx_runtime_1.jsx)(_1.Input, Object.assign({ style: {
36
+ const trigger = (_jsx(Input, { style: {
47
37
  textOverflow: "ellipsis",
48
- }, id: id, label: label, placeholder: placeholder, value: inputValue, error: error, readOnly: true, onClick: handleInputClick }, rest)));
49
- const dropdown = ((0, jsx_runtime_1.jsx)(_1.Flex, { padding: "20", children: (0, jsx_runtime_1.jsx)(_1.DatePicker, { value: value, onChange: handleDateChange, timePicker: timePicker }) }));
50
- return ((0, jsx_runtime_1.jsx)(_1.DropdownWrapper, { fillWidth: true, trigger: trigger, minHeight: minHeight, dropdown: dropdown, isOpen: isOpen, onOpenChange: setIsOpen, className: className, closeAfterClick: !timePicker, style: Object.assign({}, style) }));
38
+ }, id: id, label: label, placeholder: placeholder, value: inputValue, error: error, readOnly: true, onClick: handleInputClick, ...rest }));
39
+ const dropdown = (_jsx(Flex, { padding: "20", children: _jsx(DatePicker, { value: value, onChange: handleDateChange, timePicker: timePicker }) }));
40
+ return (_jsx(DropdownWrapper, { fillWidth: true, trigger: trigger, minHeight: minHeight, dropdown: dropdown, isOpen: isOpen, onOpenChange: setIsOpen, className: className, closeAfterClick: !timePicker, style: { ...style } }));
51
41
  };
52
- exports.DateInput = DateInput;
53
42
  //# sourceMappingURL=DateInput.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DateInput.js","sourceRoot":"","sources":["../../src/components/DateInput.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;AAEb,iCAAgE;AAChE,wBAA6D;AAc7D,MAAM,UAAU,GAAG,CAAC,IAAU,EAAE,UAAmB,EAAE,EAAE;IACrD,MAAM,OAAO,mBACX,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,OAAO,EACd,GAAG,EAAE,SAAS,IACX,CAAC,UAAU,IAAI;QAChB,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,KAAK;KACd,CAAC,CACH,CAAC;IAEF,OAAO,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AAC/C,CAAC,CAAC;AAEK,MAAM,SAAS,GAA6B,CAAC,EAYnD,EAAE,EAAE;QAZ+C,EAClD,EAAE,EACF,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,SAAS,EACT,KAAK,EACL,UAAU,GAAG,KAAK,OAEnB,EADI,IAAI,cAX2C,6GAYnD,CADQ;IAEP,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAEzF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAK,EAAE,CAAC;YACV,aAAa,CAAC,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;IAExB,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAClC,CAAC,IAAU,EAAE,EAAE;QACb,aAAa,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;QAC5C,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,IAAI,CAAC,CAAC;QACjB,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,SAAS,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,UAAU,CAAC,CACvB,CAAC;IAEF,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACxC,SAAS,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,CACd,uBAAC,QAAK,kBACJ,KAAK,EAAE;YACL,YAAY,EAAE,UAAU;SACzB,EACD,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,KAAK,EACZ,QAAQ,QACR,OAAO,EAAE,gBAAgB,IACrB,IAAI,EACR,CACH,CAAC;IAEF,MAAM,QAAQ,GAAG,CACf,uBAAC,OAAI,IAAC,OAAO,EAAC,IAAI,YAChB,uBAAC,aAAU,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE,UAAU,EAAE,UAAU,GAAI,GAC3E,CACR,CAAC;IAEF,OAAO,CACL,uBAAC,kBAAe,IACd,SAAS,QACT,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,SAAS,EACvB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,CAAC,UAAU,EAC5B,KAAK,oBAAO,KAAK,IACjB,CACH,CAAC;AACJ,CAAC,CAAC;AAxEW,QAAA,SAAS,aAwEpB"}
1
+ {"version":3,"file":"DateInput.js","sourceRoot":"","sources":["../../src/components/DateInput.tsx"],"names":[],"mappings":"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"}