@once-ui-system/core 1.4.32 → 1.5.0

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 (189) hide show
  1. package/.eslintrc.json +3 -3
  2. package/{LICENSE → LICENSE.md} +1 -1
  3. package/dist/components/Animation.d.ts +34 -0
  4. package/dist/components/Animation.d.ts.map +1 -0
  5. package/dist/components/Animation.js +230 -0
  6. package/dist/components/Animation.js.map +1 -0
  7. package/dist/components/ArrowNavigationContext.d.ts.map +1 -1
  8. package/dist/components/ArrowNavigationContext.js +2 -1
  9. package/dist/components/ArrowNavigationContext.js.map +1 -1
  10. package/dist/components/AutoScroll.module.scss +8 -8
  11. package/dist/components/Background.d.ts.map +1 -1
  12. package/dist/components/Background.js +23 -15
  13. package/dist/components/Background.js.map +1 -1
  14. package/dist/components/Button.d.ts +1 -0
  15. package/dist/components/Button.d.ts.map +1 -1
  16. package/dist/components/Button.js +2 -2
  17. package/dist/components/Button.js.map +1 -1
  18. package/dist/components/Card.d.ts.map +1 -1
  19. package/dist/components/Card.js +2 -4
  20. package/dist/components/Card.js.map +1 -1
  21. package/dist/components/Card.module.scss +4 -2
  22. package/dist/components/Carousel.module.scss +31 -31
  23. package/dist/components/ClientFlex.d.ts.map +1 -1
  24. package/dist/components/ClientFlex.js +8 -58
  25. package/dist/components/ClientFlex.js.map +1 -1
  26. package/dist/components/ClientGrid.d.ts.map +1 -1
  27. package/dist/components/ClientGrid.js +8 -58
  28. package/dist/components/ClientGrid.js.map +1 -1
  29. package/dist/components/ColorInput.d.ts.map +1 -1
  30. package/dist/components/ColorInput.js +5 -19
  31. package/dist/components/ColorInput.js.map +1 -1
  32. package/dist/components/CompareImage.d.ts.map +1 -1
  33. package/dist/components/CompareImage.js +1 -1
  34. package/dist/components/CompareImage.js.map +1 -1
  35. package/dist/components/Dialog.module.scss +32 -32
  36. package/dist/components/DropdownWrapper.d.ts.map +1 -1
  37. package/dist/components/DropdownWrapper.js +144 -30
  38. package/dist/components/DropdownWrapper.js.map +1 -1
  39. package/dist/components/EmojiPicker.d.ts.map +1 -1
  40. package/dist/components/EmojiPicker.js +14 -12
  41. package/dist/components/EmojiPicker.js.map +1 -1
  42. package/dist/components/EmojiPicker.module.scss +14 -0
  43. package/dist/components/EmojiPickerDropdown.d.ts.map +1 -1
  44. package/dist/components/EmojiPickerDropdown.js +1 -1
  45. package/dist/components/EmojiPickerDropdown.js.map +1 -1
  46. package/dist/components/Flex.d.ts.map +1 -1
  47. package/dist/components/Flex.js +1 -80
  48. package/dist/components/Flex.js.map +1 -1
  49. package/dist/components/Grid.d.ts.map +1 -1
  50. package/dist/components/Grid.js +1 -80
  51. package/dist/components/Grid.js.map +1 -1
  52. package/dist/components/Hover.d.ts +14 -0
  53. package/dist/components/Hover.d.ts.map +1 -0
  54. package/dist/components/Hover.js +99 -0
  55. package/dist/components/Hover.js.map +1 -0
  56. package/dist/components/Hover.module.scss +12 -0
  57. package/dist/components/HoverCard.d.ts +5 -0
  58. package/dist/components/HoverCard.d.ts.map +1 -0
  59. package/dist/components/HoverCard.js +10 -0
  60. package/dist/components/HoverCard.js.map +1 -0
  61. package/dist/components/HoverCard.module.scss +12 -0
  62. package/dist/components/Icon.d.ts.map +1 -1
  63. package/dist/components/Icon.js +8 -19
  64. package/dist/components/Icon.js.map +1 -1
  65. package/dist/components/IconButton.d.ts.map +1 -1
  66. package/dist/components/IconButton.js +9 -20
  67. package/dist/components/IconButton.js.map +1 -1
  68. package/dist/components/IconButton.module.scss +0 -24
  69. package/dist/components/Input.d.ts +1 -0
  70. package/dist/components/Input.d.ts.map +1 -1
  71. package/dist/components/Input.js +6 -2
  72. package/dist/components/Input.js.map +1 -1
  73. package/dist/components/MatrixFx.d.ts +15 -0
  74. package/dist/components/MatrixFx.d.ts.map +1 -0
  75. package/dist/components/MatrixFx.js +307 -0
  76. package/dist/components/MatrixFx.js.map +1 -0
  77. package/dist/components/Option.d.ts.map +1 -1
  78. package/dist/components/Option.js +38 -7
  79. package/dist/components/Option.js.map +1 -1
  80. package/dist/components/Option.module.scss +13 -10
  81. package/dist/components/Particle.d.ts +2 -1
  82. package/dist/components/Particle.d.ts.map +1 -1
  83. package/dist/components/Particle.js +27 -6
  84. package/dist/components/Particle.js.map +1 -1
  85. package/dist/components/Select.d.ts.map +1 -1
  86. package/dist/components/Select.js +41 -31
  87. package/dist/components/Select.js.map +1 -1
  88. package/dist/components/ServerFlex.d.ts +1 -0
  89. package/dist/components/ServerFlex.d.ts.map +1 -1
  90. package/dist/components/ServerFlex.js +37 -22
  91. package/dist/components/ServerFlex.js.map +1 -1
  92. package/dist/components/ServerGrid.d.ts +1 -0
  93. package/dist/components/ServerGrid.d.ts.map +1 -1
  94. package/dist/components/ServerGrid.js +7 -2
  95. package/dist/components/ServerGrid.js.map +1 -1
  96. package/dist/components/SharedInteractiveStyles.module.scss +1 -1
  97. package/dist/components/ShineFx.d.ts +11 -0
  98. package/dist/components/ShineFx.d.ts.map +1 -0
  99. package/dist/components/ShineFx.js +15 -0
  100. package/dist/components/ShineFx.js.map +1 -0
  101. package/dist/components/ShineFx.module.scss +33 -0
  102. package/dist/components/Swiper.d.ts +17 -0
  103. package/dist/components/Swiper.d.ts.map +1 -0
  104. package/dist/components/Swiper.js +170 -0
  105. package/dist/components/Swiper.js.map +1 -0
  106. package/dist/components/Swiper.module.scss +31 -0
  107. package/dist/components/Switch.module.scss +1 -1
  108. package/dist/components/Textarea.d.ts +1 -0
  109. package/dist/components/Textarea.d.ts.map +1 -1
  110. package/dist/components/Textarea.js +6 -2
  111. package/dist/components/Textarea.js.map +1 -1
  112. package/dist/components/TiltFx.d.ts +1 -0
  113. package/dist/components/TiltFx.d.ts.map +1 -1
  114. package/dist/components/TiltFx.js +5 -4
  115. package/dist/components/TiltFx.js.map +1 -1
  116. package/dist/components/Timeline.d.ts +18 -0
  117. package/dist/components/Timeline.d.ts.map +1 -0
  118. package/dist/components/Timeline.js +28 -0
  119. package/dist/components/Timeline.js.map +1 -0
  120. package/dist/components/Tooltip.d.ts +2 -2
  121. package/dist/components/Tooltip.d.ts.map +1 -1
  122. package/dist/components/Tooltip.js +4 -3
  123. package/dist/components/Tooltip.js.map +1 -1
  124. package/dist/components/Tooltip.module.scss +14 -0
  125. package/dist/components/TypeFx.d.ts +15 -0
  126. package/dist/components/TypeFx.d.ts.map +1 -0
  127. package/dist/components/TypeFx.js +105 -0
  128. package/dist/components/TypeFx.js.map +1 -0
  129. package/dist/components/UserMenu.d.ts.map +1 -1
  130. package/dist/components/UserMenu.js +3 -3
  131. package/dist/components/UserMenu.js.map +1 -1
  132. package/dist/components/index.d.ts +8 -0
  133. package/dist/components/index.d.ts.map +1 -1
  134. package/dist/components/index.js +8 -0
  135. package/dist/components/index.js.map +1 -1
  136. package/dist/contexts/LayoutProvider.d.ts +1 -0
  137. package/dist/contexts/LayoutProvider.d.ts.map +1 -1
  138. package/dist/contexts/LayoutProvider.js +30 -4
  139. package/dist/contexts/LayoutProvider.js.map +1 -1
  140. package/dist/css/styles.css +1 -1
  141. package/dist/css/styles.css.map +1 -1
  142. package/dist/css/tokens.css +1 -1
  143. package/dist/css/tokens.css.map +1 -1
  144. package/dist/data/emoji-data.json +0 -8
  145. package/dist/hooks/useResponsiveClasses.d.ts +9 -0
  146. package/dist/hooks/useResponsiveClasses.d.ts.map +1 -0
  147. package/dist/hooks/useResponsiveClasses.js +250 -0
  148. package/dist/hooks/useResponsiveClasses.js.map +1 -0
  149. package/dist/icons.d.ts.map +1 -1
  150. package/dist/icons.js +3 -1
  151. package/dist/icons.js.map +1 -1
  152. package/dist/interfaces.d.ts +1 -0
  153. package/dist/interfaces.d.ts.map +1 -1
  154. package/dist/modules/code/CodeBlock.d.ts.map +1 -1
  155. package/dist/modules/code/CodeBlock.js +17 -7
  156. package/dist/modules/code/CodeBlock.js.map +1 -1
  157. package/dist/modules/code/LineNumber.css +34 -34
  158. package/dist/modules/navigation/HeadingLink.d.ts +2 -2
  159. package/dist/modules/navigation/HeadingLink.d.ts.map +1 -1
  160. package/dist/modules/navigation/HeadingLink.js +3 -3
  161. package/dist/modules/navigation/HeadingLink.js.map +1 -1
  162. package/dist/modules/navigation/HeadingLink.module.scss +5 -14
  163. package/dist/modules/navigation/HeadingNav.d.ts +1 -0
  164. package/dist/modules/navigation/HeadingNav.d.ts.map +1 -1
  165. package/dist/modules/navigation/HeadingNav.js +32 -30
  166. package/dist/modules/navigation/HeadingNav.js.map +1 -1
  167. package/dist/modules/navigation/Kbar.d.ts.map +1 -1
  168. package/dist/modules/navigation/Kbar.js +40 -99
  169. package/dist/modules/navigation/Kbar.js.map +1 -1
  170. package/dist/modules/navigation/MegaMenu.d.ts +1 -0
  171. package/dist/modules/navigation/MegaMenu.d.ts.map +1 -1
  172. package/dist/modules/navigation/MegaMenu.js +121 -44
  173. package/dist/modules/navigation/MegaMenu.js.map +1 -1
  174. package/dist/package.json +10 -1
  175. package/dist/styles/border.scss +36 -0
  176. package/dist/styles/breakpoints.scss +7 -0
  177. package/dist/styles/display.scss +64 -0
  178. package/dist/styles/flex.scss +87 -0
  179. package/dist/styles/global.scss +3 -24
  180. package/dist/styles/grid.scss +58 -0
  181. package/dist/styles/position.scss +310 -0
  182. package/dist/styles/typography.scss +36 -10
  183. package/dist/tokens/border.scss +28 -4
  184. package/dist/tokens/theme.scss +2 -0
  185. package/dist/tokens/typography.scss +5 -1
  186. package/package.json +10 -1
  187. package/README.md +0 -159
  188. package/USAGE.md +0 -55
  189. package/dist/README.md +0 -159
package/.eslintrc.json CHANGED
@@ -1,3 +1,3 @@
1
- {
2
- "extends": "next/core-web-vitals"
3
- }
1
+ {
2
+ "extends": "next/core-web-vitals"
3
+ }
@@ -18,4 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
18
  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
19
  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
20
  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
- SOFTWARE.
21
+ SOFTWARE.
@@ -0,0 +1,34 @@
1
+ import React, { ReactNode, CSSProperties } from "react";
2
+ import { Placement } from "@floating-ui/react-dom";
3
+ import { Flex } from ".";
4
+ import { SpacingToken } from "@/types";
5
+ type TriggerType = "hover" | "click" | "manual";
6
+ type EasingCurve = "linear" | "ease" | "ease-in" | "ease-out" | "ease-in-out" | "spring" | "bounce";
7
+ export interface AnimationProps extends React.ComponentProps<typeof Flex> {
8
+ trigger?: ReactNode;
9
+ children: ReactNode;
10
+ fade?: number;
11
+ scale?: number;
12
+ blur?: number;
13
+ slideUp?: number;
14
+ slideDown?: number;
15
+ slideLeft?: number;
16
+ slideRight?: number;
17
+ zoomIn?: number;
18
+ zoomOut?: number;
19
+ triggerType?: TriggerType;
20
+ active?: boolean;
21
+ delay?: number;
22
+ duration?: number;
23
+ easing?: EasingCurve;
24
+ transformOrigin?: string;
25
+ childrenPosition?: CSSProperties["position"];
26
+ reverse?: boolean;
27
+ touch?: "disable" | "enable" | "display";
28
+ portal?: boolean;
29
+ placement?: Placement;
30
+ offsetDistance?: SpacingToken;
31
+ }
32
+ declare const Animation: React.ForwardRefExoticComponent<Omit<AnimationProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
33
+ export { Animation };
34
+ //# sourceMappingURL=Animation.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Animation.d.ts","sourceRoot":"","sources":["../../src/components/Animation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAIZ,SAAS,EAIT,aAAa,EACd,MAAM,OAAO,CAAC;AAEf,OAAO,EAKL,SAAS,EACV,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,KAAK,WAAW,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEhD,KAAK,WAAW,GACZ,QAAQ,GACR,MAAM,GACN,SAAS,GACT,UAAU,GACV,aAAa,GACb,QAAQ,GACR,QAAQ,CAAC;AAEb,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACvE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IAEzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,cAAc,CAAC,EAAE,YAAY,CAAC;CAC/B;AAYD,QAAA,MAAM,SAAS,oGAqVd,CAAC;AAGF,OAAO,EAAE,SAAS,EAAE,CAAC"}
@@ -0,0 +1,230 @@
1
+ "use client";
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 { useFloating, shift, flip, autoUpdate, } from "@floating-ui/react-dom";
6
+ import { Flex } from ".";
7
+ const easingCurves = {
8
+ linear: "linear",
9
+ ease: "ease",
10
+ "ease-in": "ease-in",
11
+ "ease-out": "ease-out",
12
+ "ease-in-out": "ease-in-out",
13
+ spring: "cubic-bezier(0.68, -0.55, 0.265, 1.55)",
14
+ bounce: "cubic-bezier(0.68, -0.55, 0.265, 1.55)",
15
+ };
16
+ const Animation = forwardRef(({ trigger, children, fade, scale, blur, slideUp, slideDown, slideLeft, slideRight, zoomIn, zoomOut, triggerType = "manual", active: controlledActive, delay = 0, duration = 300, easing = "ease-out", transformOrigin = "center", childrenPosition = "absolute", reverse = false, touch = "enable", portal = false, placement = "top", offsetDistance = "8", ...flex }, ref) => {
17
+ const [internalActive, setInternalActive] = useState(false);
18
+ const [isClicked, setIsClicked] = useState(false);
19
+ const [mounted, setMounted] = useState(false);
20
+ const [isBrowser, setIsBrowser] = useState(false);
21
+ const [isPositioned, setIsPositioned] = useState(false);
22
+ const [isTouchDevice, setIsTouchDevice] = useState(false);
23
+ const wrapperRef = useRef(null);
24
+ const floatingRef = useRef(null);
25
+ const timeoutRef = useRef(null);
26
+ useImperativeHandle(ref, () => wrapperRef.current);
27
+ useEffect(() => {
28
+ setMounted(true);
29
+ setIsTouchDevice("ontouchstart" in window || navigator.maxTouchPoints > 0);
30
+ if (portal) {
31
+ setIsBrowser(true);
32
+ }
33
+ }, [portal]);
34
+ const isControlled = controlledActive !== undefined;
35
+ const rawActive = isControlled ? controlledActive : internalActive;
36
+ // Determine if animation should be active based on touch mode
37
+ const isActive = (() => {
38
+ // If on touch device, handle based on touch prop
39
+ if (isTouchDevice && triggerType === "hover") {
40
+ if (touch === 'disable')
41
+ return false;
42
+ if (touch === 'display')
43
+ return true;
44
+ // touch === 'enable', fall through to normal logic
45
+ }
46
+ // For non-touch or when mounted, use the raw active state
47
+ if (!mounted && !isTouchDevice)
48
+ return false;
49
+ return rawActive;
50
+ })();
51
+ // Floating UI for portal positioning
52
+ const { x, y, strategy, placement: finalPlacement, refs: floatingRefs } = useFloating({
53
+ placement,
54
+ open: isActive,
55
+ middleware: [
56
+ flip(),
57
+ shift(),
58
+ ],
59
+ whileElementsMounted: portal ? autoUpdate : undefined,
60
+ });
61
+ useEffect(() => {
62
+ if (portal && wrapperRef.current) {
63
+ floatingRefs.setReference(wrapperRef.current);
64
+ }
65
+ }, [portal, floatingRefs, mounted]);
66
+ useEffect(() => {
67
+ if (portal && isActive && mounted) {
68
+ setIsPositioned(false);
69
+ const timeoutId = setTimeout(() => {
70
+ if (floatingRef.current) {
71
+ floatingRefs.setFloating(floatingRef.current);
72
+ // Mark as positioned after setting the floating element
73
+ requestAnimationFrame(() => {
74
+ requestAnimationFrame(() => {
75
+ setIsPositioned(true);
76
+ });
77
+ });
78
+ }
79
+ }, 0);
80
+ return () => clearTimeout(timeoutId);
81
+ }
82
+ else {
83
+ setIsPositioned(false);
84
+ }
85
+ }, [portal, isActive, mounted, floatingRefs]);
86
+ const handleMouseEnter = useCallback(() => {
87
+ if (triggerType === "hover") {
88
+ if (delay > 0) {
89
+ timeoutRef.current = setTimeout(() => {
90
+ setInternalActive(true);
91
+ }, delay);
92
+ }
93
+ else {
94
+ setInternalActive(true);
95
+ }
96
+ }
97
+ }, [triggerType, delay]);
98
+ const handleMouseLeave = useCallback(() => {
99
+ if (triggerType === "hover") {
100
+ if (timeoutRef.current) {
101
+ clearTimeout(timeoutRef.current);
102
+ timeoutRef.current = null;
103
+ }
104
+ setInternalActive(false);
105
+ }
106
+ }, [triggerType]);
107
+ const handleFocus = useCallback(() => {
108
+ if (triggerType === "hover") {
109
+ handleMouseEnter();
110
+ }
111
+ }, [triggerType, handleMouseEnter]);
112
+ const handleBlur = useCallback(() => {
113
+ if (triggerType === "hover") {
114
+ handleMouseLeave();
115
+ }
116
+ }, [triggerType, handleMouseLeave]);
117
+ const handleClick = useCallback(() => {
118
+ if (triggerType === "click") {
119
+ setIsClicked(!isClicked);
120
+ setInternalActive(!isClicked);
121
+ }
122
+ }, [triggerType, isClicked, setInternalActive]);
123
+ useEffect(() => {
124
+ return () => {
125
+ if (timeoutRef.current) {
126
+ clearTimeout(timeoutRef.current);
127
+ }
128
+ };
129
+ }, []);
130
+ const getAnimationStyle = () => {
131
+ // For portals, always use center origin for consistent animations
132
+ const calculatedTransformOrigin = portal ? 'center center' : transformOrigin;
133
+ // For portals, don't transition position (top/left) - only animate opacity, transform, filter
134
+ const transitionProps = portal
135
+ ? `opacity ${duration}ms ${easingCurves[easing]}, transform ${duration}ms ${easingCurves[easing]}, filter ${duration}ms ${easingCurves[easing]}`
136
+ : `all ${duration}ms ${easingCurves[easing]}`;
137
+ const baseStyle = {
138
+ transition: transitionProps,
139
+ transformOrigin: calculatedTransformOrigin,
140
+ };
141
+ // For portals, animation should trigger based on isPositioned, not isActive
142
+ // For touch="display", wait until mounted to determine state
143
+ const effectiveActive = portal ? isPositioned : (touch === 'display' && !mounted ? false : isActive);
144
+ const shouldAnimate = reverse ? !effectiveActive : effectiveActive;
145
+ // Combine styles from multiple animations
146
+ let combinedStyle = { ...baseStyle };
147
+ const transforms = [];
148
+ if (fade !== undefined) {
149
+ combinedStyle.opacity = shouldAnimate ? 1 : fade;
150
+ }
151
+ if (scale !== undefined) {
152
+ transforms.push(shouldAnimate ? "scale(1)" : `scale(${scale})`);
153
+ if (combinedStyle.opacity === undefined) {
154
+ combinedStyle.opacity = shouldAnimate ? 1 : 0;
155
+ }
156
+ }
157
+ if (blur !== undefined) {
158
+ combinedStyle.filter = shouldAnimate ? "blur(0px)" : `blur(${blur}px)`;
159
+ if (combinedStyle.opacity === undefined) {
160
+ combinedStyle.opacity = shouldAnimate ? 1 : 0;
161
+ }
162
+ }
163
+ if (slideUp !== undefined) {
164
+ transforms.push(shouldAnimate ? "translateY(0)" : `translateY(${slideUp}rem)`);
165
+ if (combinedStyle.opacity === undefined) {
166
+ combinedStyle.opacity = shouldAnimate ? 1 : 0;
167
+ }
168
+ }
169
+ if (slideDown !== undefined) {
170
+ transforms.push(shouldAnimate ? "translateY(0)" : `translateY(-${slideDown}rem)`);
171
+ if (combinedStyle.opacity === undefined) {
172
+ combinedStyle.opacity = shouldAnimate ? 1 : 0;
173
+ }
174
+ }
175
+ if (slideLeft !== undefined) {
176
+ transforms.push(shouldAnimate ? "translateX(0)" : `translateX(${slideLeft}rem)`);
177
+ if (combinedStyle.opacity === undefined) {
178
+ combinedStyle.opacity = shouldAnimate ? 1 : 0;
179
+ }
180
+ }
181
+ if (slideRight !== undefined) {
182
+ transforms.push(shouldAnimate ? "translateX(0)" : `translateX(-${slideRight}rem)`);
183
+ if (combinedStyle.opacity === undefined) {
184
+ combinedStyle.opacity = shouldAnimate ? 1 : 0;
185
+ }
186
+ }
187
+ if (zoomIn !== undefined) {
188
+ transforms.push(shouldAnimate ? `scale(${zoomIn})` : "scale(1)");
189
+ if (combinedStyle.opacity === undefined) {
190
+ combinedStyle.opacity = shouldAnimate ? 1 : 0;
191
+ }
192
+ }
193
+ if (zoomOut !== undefined) {
194
+ transforms.push(shouldAnimate ? `scale(${zoomOut})` : "scale(1)");
195
+ if (combinedStyle.opacity === undefined) {
196
+ combinedStyle.opacity = shouldAnimate ? 1 : 0;
197
+ }
198
+ }
199
+ // Combine all transforms into a single transform property
200
+ if (transforms.length > 0) {
201
+ combinedStyle.transform = transforms.join(" ");
202
+ }
203
+ return combinedStyle;
204
+ };
205
+ const animationStyle = getAnimationStyle();
206
+ // If trigger is provided, wrap it with event handlers
207
+ if (trigger) {
208
+ // Portal mode: render content in portal
209
+ if (portal) {
210
+ return (_jsxs(_Fragment, { children: [_jsx(Flex, { ref: wrapperRef, onMouseEnter: triggerType === "hover" ? handleMouseEnter : undefined, onMouseLeave: triggerType === "hover" ? handleMouseLeave : undefined, onFocus: triggerType === "hover" ? handleFocus : undefined, onBlur: triggerType === "hover" ? handleBlur : undefined, onClick: triggerType === "click" ? handleClick : undefined, children: trigger }), isActive && isBrowser && createPortal(_jsx(Flex, { ref: floatingRef, zIndex: 10, paddingTop: finalPlacement.includes("bottom") ? offsetDistance : undefined, paddingBottom: finalPlacement.includes("top") ? offsetDistance : undefined, paddingLeft: finalPlacement.includes("right") ? offsetDistance : undefined, paddingRight: finalPlacement.includes("left") ? offsetDistance : undefined, style: {
211
+ position: strategy,
212
+ top: y ?? 0,
213
+ left: x ?? 0,
214
+ ...animationStyle,
215
+ visibility: isPositioned ? 'visible' : 'hidden',
216
+ pointerEvents: isActive ? "auto" : "none",
217
+ }, onMouseEnter: triggerType === "hover" ? handleMouseEnter : undefined, onMouseLeave: triggerType === "hover" ? handleMouseLeave : undefined, "aria-hidden": !isActive, children: children }), document.body)] }));
218
+ }
219
+ // Normal mode: absolute positioning
220
+ return (_jsxs(Flex, { ref: wrapperRef, onMouseLeave: triggerType === "hover" ? handleMouseLeave : undefined, ...flex, children: [_jsx(Flex, { onMouseEnter: triggerType === "hover" ? handleMouseEnter : undefined, onFocus: triggerType === "hover" ? handleFocus : undefined, onBlur: triggerType === "hover" ? handleBlur : undefined, onClick: triggerType === "click" ? handleClick : undefined, children: trigger }), _jsx(Flex, { position: childrenPosition, style: {
221
+ ...animationStyle,
222
+ pointerEvents: isActive ? "auto" : "none",
223
+ }, onMouseEnter: triggerType === "hover" && isActive ? handleMouseEnter : undefined, "aria-hidden": !isActive, inert: !isActive ? true : undefined, children: children })] }));
224
+ }
225
+ // If no trigger, apply animation directly to children
226
+ return (_jsx(Flex, { ref: wrapperRef, onMouseEnter: triggerType === "hover" ? handleMouseEnter : undefined, onMouseLeave: triggerType === "hover" ? handleMouseLeave : undefined, onFocus: triggerType === "hover" ? handleFocus : undefined, onBlur: triggerType === "hover" ? handleBlur : undefined, onClick: triggerType === "click" ? handleClick : undefined, style: animationStyle, ...flex, children: children }));
227
+ });
228
+ Animation.displayName = "Animation";
229
+ export { Animation };
230
+ //# sourceMappingURL=Animation.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Animation.js","sourceRoot":"","sources":["../../src/components/Animation.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"ArrowNavigationContext.d.ts","sourceRoot":"","sources":["../../src/components/ArrowNavigationContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAqC,SAAS,EAAa,MAAM,OAAO,CAAC;AACvF,OAAO,EAAsB,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAGzF,UAAU,0BAA0B;IAClC,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC7D,qBAAqB,EAAE,MAAM,IAAI,CAAC;CACnC;AAID,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,cAAc,CAAC;IACxF,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuF1D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB,kCAMrC,CAAC;AAEF;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,EAClD,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EACjC,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,GAC9C,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC,CAMxC;AAED,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"ArrowNavigationContext.d.ts","sourceRoot":"","sources":["../../src/components/ArrowNavigationContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAqC,SAAS,EAAa,MAAM,OAAO,CAAC;AACvF,OAAO,EAAsB,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAIzF,UAAU,0BAA0B;IAClC,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC7D,qBAAqB,EAAE,MAAM,IAAI,CAAC;CACnC;AAID,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,cAAc,CAAC;IACxF,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuF1D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB,kCAMrC,CAAC;AAEF;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,EAClD,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EACjC,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,GAC9C,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC,CAMxC;AAED,eAAe,eAAe,CAAC"}
@@ -3,6 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
3
3
  import { createContext, useContext, useRef, useEffect } from "react";
4
4
  import { useArrowNavigation } from "../hooks/useArrowNavigation";
5
5
  import { FocusTrap } from "./FocusTrap";
6
+ import { Column } from "./Column";
6
7
  const ArrowNavigationContext = createContext(null);
7
8
  export const ArrowNavigation = ({ layout, itemCount, columns, onSelect, onFocusChange, wrap, initialFocusedIndex, itemSelector, autoFocus, disabled, children, className, style, role, "aria-label": ariaLabel, trapFocus = false, focusTrapActive = true, onEscape, autoFocusTrap = true, restoreFocus = true, }) => {
8
9
  const containerRef = useRef(null);
@@ -34,7 +35,7 @@ export const ArrowNavigation = ({ layout, itemCount, columns, onSelect, onFocusC
34
35
  // Determine the appropriate role based on layout if not provided
35
36
  const defaultRole = layout === "grid" ? "grid" : "listbox";
36
37
  // Create the navigation container
37
- const navigationContainer = (_jsx("div", { ref: containerRef, className: className, style: { ...style, outline: "none" }, onKeyDown: (e) => {
38
+ const navigationContainer = (_jsx(Column, { ref: containerRef, className: className, style: { ...style, maxHeight: "100%", outline: "none" }, onKeyDown: (e) => {
38
39
  navigation.handleKeyDown(e);
39
40
  }, role: role || defaultRole, "aria-label": ariaLabel, tabIndex: -1, children: children }));
40
41
  return (_jsx(ArrowNavigationContext.Provider, { value: navigation, children: trapFocus ? (_jsx(FocusTrap, { active: focusTrapActive, onEscape: onEscape, autoFocus: autoFocusTrap, restoreFocus: restoreFocus, children: navigationContainer })) : (navigationContainer) }));
@@ -1 +1 @@
1
- {"version":3,"file":"ArrowNavigationContext.js","sourceRoot":"","sources":["../../src/components/ArrowNavigationContext.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ArrowNavigationContext.js","sourceRoot":"","sources":["../../src/components/ArrowNavigationContext.tsx"],"names":[],"mappings":"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"}
@@ -1,9 +1,9 @@
1
- .marqueeWrapper {
2
- will-change: transform;
3
- }
4
-
5
- .marqueeContent {
6
- white-space: nowrap;
7
- flex-shrink: 0;
8
- min-width: 100%;
1
+ .marqueeWrapper {
2
+ will-change: transform;
3
+ }
4
+
5
+ .marqueeContent {
6
+ white-space: nowrap;
7
+ flex-shrink: 0;
8
+ min-width: 100%;
9
9
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Background.d.ts","sourceRoot":"","sources":["../../src/components/Background.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAQ,SAAS,EAAE,MAAM,GAAG,CAAC;AAG1C,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAUxC,UAAU,aAAa;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,UAAU;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACjE,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,UAAU,qGA8If,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC"}
1
+ {"version":3,"file":"Background.d.ts","sourceRoot":"","sources":["../../src/components/Background.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAQ,SAAS,EAAE,MAAM,GAAG,CAAC;AAG1C,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAUxC,UAAU,aAAa;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,UAAU;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACjE,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,UAAU,qGAuJf,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC"}
@@ -39,21 +39,29 @@ const Background = forwardRef(({ gradient = {}, dots = {}, grid = {}, lines = {}
39
39
  } })), dots.display && (_jsx(Flex, { position: "absolute", top: "0", left: "0", fill: true, pointerEvents: "none", className: styles.dots, opacity: dots.opacity, style: {
40
40
  "--dots-color": `var(--${dotsColor})`,
41
41
  "--dots-size": dotsSize,
42
- } })), lines.display && (_jsx(Flex, { position: "absolute", top: "0", left: "0", fill: true, pointerEvents: "none", className: styles.lines, opacity: lines.opacity, style: {
43
- "--lines-angle": `${lines.angle ?? -45}deg`,
44
- "--lines-color": `var(--${lines.color ?? "brand-on-background-weak"})`,
45
- "--lines-thickness": `${lines.thickness ?? 1}px`,
46
- "--lines-spacing": `var(--static-space-${lines.size ?? "8"})`,
47
- background: `
48
- repeating-linear-gradient(
49
- var(--lines-angle),
50
- var(--static-transparent),
51
- var(--static-transparent) calc(var(--lines-spacing) - var(--lines-thickness)),
52
- var(--lines-color) calc(var(--lines-spacing) - var(--lines-thickness)),
53
- var(--lines-color) var(--lines-spacing)
54
- )
55
- `,
56
- } })), grid.display && (_jsx(Flex, { position: "absolute", top: "0", left: "0", fill: true, pointerEvents: "none", opacity: grid.opacity, style: {
42
+ } })), lines.display && (() => {
43
+ const angle = lines.angle ?? -45;
44
+ const angleRad = (angle * Math.PI) / 180;
45
+ // Adjust spacing to maintain uniform perpendicular distance
46
+ // For diagonal lines, multiply by the secant of the angle
47
+ const adjustmentFactor = 1 / Math.cos(angleRad);
48
+ const baseSpacing = lines.size ?? "8";
49
+ return (_jsx(Flex, { position: "absolute", top: "0", left: "0", fill: true, pointerEvents: "none", className: styles.lines, opacity: lines.opacity, style: {
50
+ "--lines-angle": `${angle}deg`,
51
+ "--lines-color": `var(--${lines.color ?? "brand-on-background-weak"})`,
52
+ "--lines-thickness": `${lines.thickness ?? 1}px`,
53
+ "--lines-spacing": `calc(var(--static-space-${baseSpacing}) * ${adjustmentFactor})`,
54
+ background: `
55
+ repeating-linear-gradient(
56
+ var(--lines-angle),
57
+ var(--static-transparent),
58
+ var(--static-transparent) calc(var(--lines-spacing) - var(--lines-thickness)),
59
+ var(--lines-color) calc(var(--lines-spacing) - var(--lines-thickness)),
60
+ var(--lines-color) var(--lines-spacing)
61
+ )
62
+ `,
63
+ } }));
64
+ })(), grid.display && (_jsx(Flex, { position: "absolute", top: "0", left: "0", fill: true, pointerEvents: "none", opacity: grid.opacity, style: {
57
65
  backgroundImage: `linear-gradient(to right, var(--${grid.color ?? "brand-on-background-weak"}) 1px, transparent 1px), linear-gradient(to bottom, var(--${grid.color ?? "brand-on-background-weak"}) 1px, transparent 1px)`,
58
66
  backgroundSize: `${grid.width ?? "80px"} ${grid.height ?? "80px"}`,
59
67
  } })), children] }));
@@ -1 +1 @@
1
- {"version":3,"file":"Background.js","sourceRoot":"","sources":["../../src/components/Background.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Background.js","sourceRoot":"","sources":["../../src/components/Background.tsx"],"names":[],"mappings":"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"}
@@ -6,6 +6,7 @@ interface CommonProps {
6
6
  radius?: "none" | "top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-right" | "bottom-left";
7
7
  label?: string;
8
8
  weight?: "default" | "strong";
9
+ rounded?: boolean;
9
10
  prefixIcon?: IconName;
10
11
  suffixIcon?: IconName;
11
12
  loading?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAMrD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,UAAU,WAAW;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC1D,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,MAAM,CAAC,EACH,MAAM,GACN,KAAK,GACL,OAAO,GACP,QAAQ,GACR,MAAM,GACN,UAAU,GACV,WAAW,GACX,cAAc,GACd,aAAa,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC9B,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IACpD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AACtF,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAEtF,QAAA,MAAM,MAAM,uGAkFX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAMrD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,UAAU,WAAW;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC1D,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,MAAM,CAAC,EACH,MAAM,GACN,KAAK,GACL,OAAO,GACP,QAAQ,GACR,MAAM,GACN,UAAU,GACV,WAAW,GACX,cAAc,GACd,aAAa,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IACpD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AACtF,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAEtF,QAAA,MAAM,MAAM,uGAoFX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}
@@ -5,10 +5,10 @@ import { ElementType } from "./ElementType";
5
5
  import classNames from "classnames";
6
6
  import { Spinner, Icon, Arrow, Flex } from ".";
7
7
  import styles from "./Button.module.scss";
8
- const Button = forwardRef(({ variant = "primary", size = "m", radius, label, weight = "strong", children, prefixIcon, suffixIcon, loading = false, disabled = false, fillWidth = false, horizontal = "center", href, id, arrowIcon = false, className, style, ...props }, ref) => {
8
+ const Button = forwardRef(({ variant = "primary", size = "m", radius, rounded, label, weight = "strong", children, prefixIcon, suffixIcon, loading = false, disabled = false, fillWidth = false, horizontal = "center", href, id, arrowIcon = false, className, style, ...props }, ref) => {
9
9
  const iconSize = size === "l" ? "s" : size === "m" ? "s" : "xs";
10
10
  const radiusSize = size === "s" || size === "m" ? "m" : "l";
11
- return (_jsxs(ElementType, { id: id, href: href, ref: ref, disabled: disabled, className: classNames(styles.button, styles[variant], styles[size], radius === "none"
11
+ return (_jsxs(ElementType, { id: id, href: href, ref: ref, disabled: disabled, "data-border": rounded ? "rounded" : undefined, className: classNames(styles.button, styles[variant], styles[size], radius === "none"
12
12
  ? "radius-none"
13
13
  : radius
14
14
  ? `radius-${radiusSize}-${radius}`
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAKzB,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,IAAI,+FAsCT,CAAC;AAGF,OAAO,EAAE,IAAI,EAAE,CAAC"}
1
+ {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAKzB,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,IAAI,+FAoCT,CAAC;AAGF,OAAO,EAAE,IAAI,EAAE,CAAC"}
@@ -5,10 +5,8 @@ import { Flex } from ".";
5
5
  import styles from "./Card.module.scss";
6
6
  import { ElementType } from "./ElementType";
7
7
  import classNames from "classnames";
8
- const Card = forwardRef(({ children, href, onClick, style, className, fillHeight, ...rest }, ref) => {
9
- return (_jsx(ElementType, { tabIndex: onClick || href ? 0 : undefined, className: classNames("reset-button-styles", "display-flex", "fill-width", fillHeight ? "fill-height" : undefined, "min-width-0", (onClick || href) && "focus-ring", (onClick || href) && "radius-l"), href: href, onClick: onClick && onClick, role: onClick ? "button" : href ? "link" : "none", ref: ref, children: _jsx(Flex, { background: "surface", onBackground: "neutral-strong", transition: "macro-medium", border: "neutral-medium", cursor: "interactive", align: "left", className: classNames(styles.card, className), onClick: onClick && onClick, style: {
10
- ...style,
11
- }, ...rest, children: children }) }));
8
+ const Card = forwardRef(({ children, href, onClick, style, className, fillHeight, ...flex }, ref) => {
9
+ return (_jsx(ElementType, { tabIndex: onClick || href ? 0 : undefined, className: classNames("reset-button-styles", "display-flex", "fill-width", fillHeight ? "fill-height" : undefined, "min-width-0", (onClick || href) && "focus-ring", (onClick || href) && (`radius-${flex.radius}` || "radius-l")), href: href, onClick: onClick && onClick, role: onClick ? "button" : href ? "link" : "none", ref: ref, children: _jsx(Flex, { background: "surface", onBackground: "neutral-strong", transition: "macro-medium", border: "neutral-medium", cursor: "interactive", align: "left", onClick: onClick && onClick, className: classNames(styles.card, className), style: { ...style }, ...flex, children: children }) }));
12
10
  });
13
11
  Card.displayName = "Card";
14
12
  export { Card };
@@ -1 +1 @@
1
- {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACzB,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAC;AAWpC,MAAM,IAAI,GAAG,UAAU,CACrB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1E,OAAO,CACL,KAAC,WAAW,IACV,QAAQ,EAAE,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EACzC,SAAS,EAAE,UAAU,CACnB,qBAAqB,EACrB,cAAc,EACd,YAAY,EACZ,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EACtC,aAAa,EACb,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,YAAY,EACjC,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,UAAU,CAChC,EACD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,IAAI,OAAO,EAC3B,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EACjD,GAAG,EAAE,GAAG,YAER,KAAC,IAAI,IACH,UAAU,EAAC,SAAS,EACpB,YAAY,EAAC,gBAAgB,EAC7B,UAAU,EAAC,cAAc,EACzB,MAAM,EAAC,gBAAgB,EACvB,MAAM,EAAC,aAAa,EACpB,KAAK,EAAC,MAAM,EACZ,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7C,OAAO,EAAE,OAAO,IAAI,OAAO,EAC3B,KAAK,EAAE;gBACL,GAAG,KAAK;aACT,KACG,IAAI,YAEP,QAAQ,GACJ,GACK,CACf,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,CAAC"}
1
+ {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACzB,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAC;AAWpC,MAAM,IAAI,GAAG,UAAU,CACrB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1E,OAAO,CACL,KAAC,WAAW,IACV,QAAQ,EAAE,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EACzC,SAAS,EAAE,UAAU,CACnB,qBAAqB,EACrB,cAAc,EACd,YAAY,EACZ,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EACtC,aAAa,EACb,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,YAAY,EACjC,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,MAAM,EAAE,IAAI,UAAU,CAAC,CAC7D,EACD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,IAAI,OAAO,EAC3B,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EACjD,GAAG,EAAE,GAAG,YAER,KAAC,IAAI,IACH,UAAU,EAAC,SAAS,EACpB,YAAY,EAAC,gBAAgB,EAC7B,UAAU,EAAC,cAAc,EACzB,MAAM,EAAC,gBAAgB,EACvB,MAAM,EAAC,aAAa,EACpB,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,OAAO,IAAI,OAAO,EAC3B,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7C,KAAK,EAAE,EAAC,GAAG,KAAK,EAAC,KACb,IAAI,YAEP,QAAQ,GACJ,GACK,CACf,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,CAAC"}
@@ -1,5 +1,7 @@
1
1
  .card {
2
- &:hover {
3
- background-color: var(--neutral-alpha-weak);
2
+ @media (hover: hover) {
3
+ &:hover {
4
+ background-color: var(--neutral-alpha-weak);
5
+ }
4
6
  }
5
7
  }
@@ -1,32 +1,32 @@
1
- .controls {
2
- &:hover, &:focus-within {
3
- .fade {
4
- opacity: 0.5;
5
- }
6
-
7
- .button {
8
- opacity: 1;
9
- transform: translateX(0);
10
- }
11
- }
12
- }
13
-
14
- .fade, .button {
15
- opacity: 0;
16
- }
17
-
18
- .button {
19
- animation-delay: 0.2s;
20
- }
21
-
22
- .left {
23
- .button {
24
- transform: translateX(-1rem);
25
- }
26
- }
27
-
28
- .right {
29
- .button {
30
- transform: translateX(1rem);
31
- }
1
+ .controls {
2
+ &:hover, &:focus-within {
3
+ .fade {
4
+ opacity: 0.5;
5
+ }
6
+
7
+ .button {
8
+ opacity: 1;
9
+ transform: translateX(0);
10
+ }
11
+ }
12
+ }
13
+
14
+ .fade, .button {
15
+ opacity: 0;
16
+ }
17
+
18
+ .button {
19
+ animation-delay: 0.2s;
20
+ }
21
+
22
+ .left {
23
+ .button {
24
+ transform: translateX(-1rem);
25
+ }
26
+ }
27
+
28
+ .right {
29
+ .button {
30
+ transform: translateX(1rem);
31
+ }
32
32
  }
@@ -1 +1 @@
1
- {"version":3,"file":"ClientFlex.d.ts","sourceRoot":"","sources":["../../src/components/ClientFlex.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAIpE,UAAU,eAAgB,SAAQ,SAAS,EAAE,UAAU,EAAE,YAAY;IACnE,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC9B,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,CAAC,CAAC,EAAE,GAAG,CAAC;IACR,CAAC,CAAC,EAAE,GAAG,CAAC;IACR,CAAC,CAAC,EAAE,GAAG,CAAC;IACR,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,QAAA,MAAM,UAAU,4GAyKf,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC"}
1
+ {"version":3,"file":"ClientFlex.d.ts","sourceRoot":"","sources":["../../src/components/ClientFlex.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAKpE,UAAU,eAAgB,SAAQ,SAAS,EAAE,UAAU,EAAE,YAAY;IACnE,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC9B,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,CAAC,CAAC,EAAE,GAAG,CAAC;IACR,CAAC,CAAC,EAAE,GAAG,CAAC;IACR,CAAC,CAAC,EAAE,GAAG,CAAC;IACR,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,QAAA,MAAM,UAAU,4GA+Hf,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC"}