@vibes.diy/use-vibes-base 0.16.0 → 0.16.2
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.
- package/components/BrutalistCard/BrutalistCard.js +13 -0
- package/components/BrutalistCard/BrutalistCard.js.map +1 -1
- package/components/BrutalistCard/BrutalistCard.styles.js +2 -5
- package/components/BrutalistCard/BrutalistCard.styles.js.map +1 -1
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.d.ts +2 -1
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.js +83 -5
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.js.map +1 -1
- package/components/VibesButton/VibesButton.d.ts +1 -1
- package/components/VibesButton/VibesButton.js +21 -4
- package/components/VibesButton/VibesButton.js.map +1 -1
- package/components/VibesButton/VibesButton.styles.js +0 -3
- package/components/VibesButton/VibesButton.styles.js.map +1 -1
- package/package.json +9 -9
- package/vibe-app-mount.d.ts +1 -0
- package/vibe-app-mount.js +4 -4
- package/vibe-app-mount.js.map +1 -1
|
@@ -1,8 +1,21 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { getBrutalistCardStyle } from './BrutalistCard.styles.js';
|
|
3
3
|
export const BrutalistCard = React.forwardRef(({ children, variant = 'default', size = 'md', style, className, ...divProps }, ref) => {
|
|
4
|
+
const [isDark, setIsDark] = React.useState(false);
|
|
5
|
+
React.useEffect(() => {
|
|
6
|
+
const checkDarkMode = () => {
|
|
7
|
+
setIsDark(window.matchMedia('(prefers-color-scheme: dark)').matches);
|
|
8
|
+
};
|
|
9
|
+
checkDarkMode();
|
|
10
|
+
const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
|
|
11
|
+
mediaQuery.addEventListener('change', checkDarkMode);
|
|
12
|
+
return () => mediaQuery.removeEventListener('change', checkDarkMode);
|
|
13
|
+
}, []);
|
|
4
14
|
const cardStyle = {
|
|
5
15
|
...getBrutalistCardStyle(variant, size),
|
|
16
|
+
background: isDark ? '#1a1a1a' : '#fff',
|
|
17
|
+
color: isDark ? '#fff' : '#1a1a1a',
|
|
18
|
+
border: isDark ? '3px solid #555' : '3px solid #1a1a1a',
|
|
6
19
|
...style,
|
|
7
20
|
};
|
|
8
21
|
return (React.createElement("div", { ref: ref, style: cardStyle, className: className, ...divProps }, children));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BrutalistCard.js","sourceRoot":"","sources":["../../../jsr/components/BrutalistCard/BrutalistCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AA6BlE,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAC3C,CACE,EACE,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,KAAK,EACL,SAAS,EACT,GAAG,QAAQ,EACQ,EACrB,GAAG,EACH,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"BrutalistCard.js","sourceRoot":"","sources":["../../../jsr/components/BrutalistCard/BrutalistCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AA6BlE,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAC3C,CACE,EACE,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,KAAK,EACL,SAAS,EACT,GAAG,QAAQ,EACQ,EACrB,GAAG,EACH,EAAE,CAAC;IAEH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;QACpB,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC;YAC1B,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,CAAC,CAAC;QAAA,CACtE,CAAC;QAEF,aAAa,EAAE,CAAC;QAChB,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC;QACrE,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;QAErD,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;IAAA,CACtE,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG;QAChB,GAAG,qBAAqB,CAAC,OAAO,EAAE,IAAI,CAAC;QACvC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;QACvC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QAClC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,mBAAmB;QACvD,GAAG,KAAK;KACc,CAAC;IAEzB,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,KAAM,QAAQ,IAChE,QAAQ,CACL,CACP,CAAC;AAAA,CACH,CACF,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
|
|
@@ -8,7 +8,7 @@ function getShadowColor(variant) {
|
|
|
8
8
|
return '#FEDD00';
|
|
9
9
|
case 'default':
|
|
10
10
|
default:
|
|
11
|
-
return '#
|
|
11
|
+
return '#1a1a1a';
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
14
|
function getPadding(size) {
|
|
@@ -43,16 +43,13 @@ function getBoxShadow(size, variant) {
|
|
|
43
43
|
case 'md':
|
|
44
44
|
return `4px 5px 0px 0px ${color}`;
|
|
45
45
|
case 'lg':
|
|
46
|
-
return `6px 6px 0px 0px ${color
|
|
46
|
+
return `6px 6px 0px 0px ${color}`;
|
|
47
47
|
default:
|
|
48
48
|
return `4px 5px 0px 0px ${color}`;
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
51
|
export function getBrutalistCardStyle(variant = 'default', size = 'md') {
|
|
52
52
|
return {
|
|
53
|
-
background: '#fff',
|
|
54
|
-
color: '#1a1a1a',
|
|
55
|
-
border: '3px solid #1a1a1a',
|
|
56
53
|
borderRadius: '12px',
|
|
57
54
|
padding: getPadding(size),
|
|
58
55
|
fontSize: getFontSize(size),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BrutalistCard.styles.js","sourceRoot":"","sources":["../../../jsr/components/BrutalistCard/BrutalistCard.styles.ts"],"names":[],"mappings":"AAQA,SAAS,cAAc,CAAC,OAA6B,EAAU;IAC7D,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,OAAO;YACV,OAAO,SAAS,CAAC;QACnB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,SAAS,CAAC;QACf;YACE,OAAO,
|
|
1
|
+
{"version":3,"file":"BrutalistCard.styles.js","sourceRoot":"","sources":["../../../jsr/components/BrutalistCard/BrutalistCard.styles.ts"],"names":[],"mappings":"AAQA,SAAS,cAAc,CAAC,OAA6B,EAAU;IAC7D,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,OAAO;YACV,OAAO,SAAS,CAAC;QACnB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,SAAS,CAAC;QACf;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AAAA,CACF;AAKD,SAAS,UAAU,CAAC,IAAuB,EAAU;IACnD,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,IAAI;YACP,OAAO,cAAc,CAAC;QACxB,KAAK,IAAI;YACP,OAAO,MAAM,CAAC;QAChB,KAAK,IAAI;YACP,OAAO,WAAW,CAAC;QACrB;YACE,OAAO,MAAM,CAAC;IAClB,CAAC;AAAA,CACF;AAKD,SAAS,WAAW,CAAC,IAAuB,EAAU;IACpD,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,IAAI;YACP,OAAO,UAAU,CAAC;QACpB,KAAK,IAAI;YACP,OAAO,MAAM,CAAC;QAChB,KAAK,IAAI;YACP,OAAO,MAAM,CAAC;QAChB;YACE,OAAO,MAAM,CAAC;IAClB,CAAC;AAAA,CACF;AAKD,SAAS,YAAY,CAAC,IAAuB,EAAE,OAA6B,EAAU;IACpF,MAAM,KAAK,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IAEtC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,IAAI;YACP,OAAO,mBAAmB,KAAK,EAAE,CAAC;QACpC,KAAK,IAAI;YACP,OAAO,mBAAmB,KAAK,EAAE,CAAC;QACpC,KAAK,IAAI;YACP,OAAO,mBAAmB,KAAK,EAAE,CAAC;QACpC;YACE,OAAO,mBAAmB,KAAK,EAAE,CAAC;IACtC,CAAC;AAAA,CACF;AAKD,MAAM,UAAU,qBAAqB,CACnC,OAAO,GAAyB,SAAS,EACzC,IAAI,GAAsB,IAAI,EACf;IACf,OAAO;QAEL,YAAY,EAAE,MAAM;QACpB,OAAO,EAAE,UAAU,CAAC,IAAI,CAAC;QACzB,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC;QAC3B,UAAU,EAAE,GAAG;QACf,aAAa,EAAE,QAAQ;QACvB,SAAS,EAAE,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC;QACtC,UAAU,EAAE,6CAA6C;QACzD,SAAS,EAAE,YAAqB;KACjC,CAAC;AAAA,CACH"}
|
|
@@ -3,5 +3,6 @@ export interface HiddenMenuWrapperProps {
|
|
|
3
3
|
children: React.ReactNode;
|
|
4
4
|
menuContent: React.ReactNode;
|
|
5
5
|
triggerBounce?: boolean;
|
|
6
|
+
showVibesSwitch?: boolean;
|
|
6
7
|
}
|
|
7
|
-
export declare function HiddenMenuWrapper({ children, menuContent, triggerBounce }: HiddenMenuWrapperProps): React.JSX.Element;
|
|
8
|
+
export declare function HiddenMenuWrapper({ children, menuContent, triggerBounce, showVibesSwitch }: HiddenMenuWrapperProps): React.JSX.Element;
|
|
@@ -1,12 +1,14 @@
|
|
|
1
|
-
import React, { useRef, useState, useEffect } from 'react';
|
|
1
|
+
import React, { useRef, useState, useEffect, useLayoutEffect } from 'react';
|
|
2
2
|
import { getWrapperStyle, getMenuStyle, getContentWrapperStyle, getContentStyle, getToggleButtonStyle, getInnerContentWrapperStyle, } from './HiddenMenuWrapper.styles.js';
|
|
3
3
|
import { VibesSwitch } from '../VibesSwitch/VibesSwitch.js';
|
|
4
|
-
export function HiddenMenuWrapper({ children, menuContent, triggerBounce, }) {
|
|
4
|
+
export function HiddenMenuWrapper({ children, menuContent, triggerBounce, showVibesSwitch = true, }) {
|
|
5
5
|
const [menuOpen, setMenuOpen] = useState(false);
|
|
6
6
|
const [menuHeight, setMenuHeight] = useState(0);
|
|
7
7
|
const menuRef = useRef(null);
|
|
8
8
|
const buttonRef = useRef(null);
|
|
9
9
|
const menuContainerRef = useRef(null);
|
|
10
|
+
const rafIdRef = useRef(null);
|
|
11
|
+
const cancelRef = useRef(null);
|
|
10
12
|
const [isBouncing, setIsBouncing] = useState(false);
|
|
11
13
|
const [hasBouncedOnMount, setHasBouncedOnMount] = useState(false);
|
|
12
14
|
useEffect(() => {
|
|
@@ -54,7 +56,8 @@ export function HiddenMenuWrapper({ children, menuContent, triggerBounce, }) {
|
|
|
54
56
|
}, [triggerBounce]);
|
|
55
57
|
useEffect(() => {
|
|
56
58
|
if (menuRef.current) {
|
|
57
|
-
|
|
59
|
+
const next = menuRef.current.offsetHeight;
|
|
60
|
+
setMenuHeight((prev) => (prev !== next ? next : prev));
|
|
58
61
|
}
|
|
59
62
|
}, [menuContent]);
|
|
60
63
|
useEffect(() => {
|
|
@@ -92,12 +95,87 @@ export function HiddenMenuWrapper({ children, menuContent, triggerBounce, }) {
|
|
|
92
95
|
firstFocusable?.focus();
|
|
93
96
|
}
|
|
94
97
|
}, [menuOpen]);
|
|
98
|
+
const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
|
|
99
|
+
useIsomorphicLayoutEffect(() => {
|
|
100
|
+
const menuEl = menuRef.current;
|
|
101
|
+
if (!menuEl)
|
|
102
|
+
return;
|
|
103
|
+
const scheduleSetHeight = (h) => {
|
|
104
|
+
if (rafIdRef.current != null && cancelRef.current) {
|
|
105
|
+
cancelRef.current(rafIdRef.current);
|
|
106
|
+
rafIdRef.current = null;
|
|
107
|
+
}
|
|
108
|
+
const run = () => setMenuHeight((prev) => (prev !== h ? h : prev));
|
|
109
|
+
if (typeof requestAnimationFrame !== 'undefined') {
|
|
110
|
+
const id = requestAnimationFrame(() => run());
|
|
111
|
+
rafIdRef.current = id;
|
|
112
|
+
cancelRef.current = (cancelId) => cancelAnimationFrame(cancelId);
|
|
113
|
+
}
|
|
114
|
+
else {
|
|
115
|
+
const id = setTimeout(run, 0);
|
|
116
|
+
rafIdRef.current = id;
|
|
117
|
+
cancelRef.current = (cancelId) => clearTimeout(cancelId);
|
|
118
|
+
}
|
|
119
|
+
};
|
|
120
|
+
scheduleSetHeight(menuEl.offsetHeight);
|
|
121
|
+
if (typeof window.ResizeObserver !==
|
|
122
|
+
'undefined') {
|
|
123
|
+
const RO = window.ResizeObserver;
|
|
124
|
+
const resizeObserver = new RO(() => {
|
|
125
|
+
scheduleSetHeight(menuEl.offsetHeight);
|
|
126
|
+
});
|
|
127
|
+
resizeObserver.observe(menuEl);
|
|
128
|
+
return () => {
|
|
129
|
+
resizeObserver.disconnect();
|
|
130
|
+
if (rafIdRef.current != null && cancelRef.current) {
|
|
131
|
+
cancelRef.current(rafIdRef.current);
|
|
132
|
+
rafIdRef.current = null;
|
|
133
|
+
}
|
|
134
|
+
};
|
|
135
|
+
}
|
|
136
|
+
const mutationObserver = new MutationObserver(() => {
|
|
137
|
+
scheduleSetHeight(menuEl.offsetHeight);
|
|
138
|
+
});
|
|
139
|
+
mutationObserver.observe(menuEl, { childList: true, subtree: true });
|
|
140
|
+
const onResize = () => scheduleSetHeight(menuEl.offsetHeight);
|
|
141
|
+
window.addEventListener('resize', onResize);
|
|
142
|
+
window.addEventListener('orientationchange', onResize);
|
|
143
|
+
return () => {
|
|
144
|
+
mutationObserver.disconnect();
|
|
145
|
+
window.removeEventListener('resize', onResize);
|
|
146
|
+
window.removeEventListener('orientationchange', onResize);
|
|
147
|
+
if (rafIdRef.current != null && cancelRef.current) {
|
|
148
|
+
cancelRef.current(rafIdRef.current);
|
|
149
|
+
rafIdRef.current = null;
|
|
150
|
+
}
|
|
151
|
+
};
|
|
152
|
+
}, []);
|
|
153
|
+
useEffect(() => {
|
|
154
|
+
const menuEl = menuRef.current;
|
|
155
|
+
if (!menuEl)
|
|
156
|
+
return;
|
|
157
|
+
const defer = (cb) => {
|
|
158
|
+
if (typeof queueMicrotask === 'function') {
|
|
159
|
+
queueMicrotask(cb);
|
|
160
|
+
}
|
|
161
|
+
else if (typeof requestAnimationFrame !== 'undefined') {
|
|
162
|
+
requestAnimationFrame(cb);
|
|
163
|
+
}
|
|
164
|
+
else {
|
|
165
|
+
setTimeout(cb, 0);
|
|
166
|
+
}
|
|
167
|
+
};
|
|
168
|
+
defer(() => {
|
|
169
|
+
const next = menuEl.offsetHeight;
|
|
170
|
+
setMenuHeight((prev) => (prev !== next ? next : prev));
|
|
171
|
+
});
|
|
172
|
+
}, [menuOpen]);
|
|
95
173
|
return (React.createElement("div", { style: getWrapperStyle() },
|
|
96
174
|
React.createElement("div", { id: "hidden-menu", role: "dialog", "aria-modal": "true", "aria-label": "Hidden menu", "aria-hidden": !menuOpen, ref: menuRef, style: getMenuStyle() }, menuContent),
|
|
97
175
|
React.createElement("div", { style: getContentWrapperStyle(menuHeight, menuOpen, isBouncing), ref: menuContainerRef },
|
|
98
176
|
React.createElement("div", { style: getInnerContentWrapperStyle(menuOpen) },
|
|
99
177
|
React.createElement("div", { style: getContentStyle() }, children))),
|
|
100
|
-
React.createElement("button", { "aria-haspopup": "dialog", "aria-expanded": menuOpen, "aria-controls": "hidden-menu", ref: buttonRef, onClick: () => setMenuOpen(!menuOpen), style: getToggleButtonStyle() },
|
|
101
|
-
React.createElement(VibesSwitch, { size: 80 }))));
|
|
178
|
+
showVibesSwitch && (React.createElement("button", { "aria-haspopup": "dialog", "aria-expanded": menuOpen, "aria-controls": "hidden-menu", ref: buttonRef, onClick: () => setMenuOpen(!menuOpen), style: getToggleButtonStyle() },
|
|
179
|
+
React.createElement(VibesSwitch, { size: 80 })))));
|
|
102
180
|
}
|
|
103
181
|
//# sourceMappingURL=HiddenMenuWrapper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HiddenMenuWrapper.js","sourceRoot":"","sources":["../../../jsr/components/HiddenMenuWrapper/HiddenMenuWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"HiddenMenuWrapper.js","sourceRoot":"","sources":["../../../jsr/components/HiddenMenuWrapper/HiddenMenuWrapper.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,5 +6,5 @@ export interface MenuButtonProps extends React.ButtonHTMLAttributes<HTMLButtonEl
|
|
|
6
6
|
onHover?: () => void;
|
|
7
7
|
onUnhover?: () => void;
|
|
8
8
|
}
|
|
9
|
-
export declare function VibesButton({ variant, children, onHover, onUnhover, ...props }: MenuButtonProps): React.JSX.Element;
|
|
9
|
+
export declare function VibesButton({ variant, children, onHover, onUnhover, style: customStyle, className, ...props }: MenuButtonProps): React.JSX.Element;
|
|
10
10
|
export {};
|
|
@@ -1,9 +1,18 @@
|
|
|
1
1
|
import React, { useEffect, useState } from 'react';
|
|
2
2
|
import { getButtonStyle } from './VibesButton.styles.js';
|
|
3
|
-
export function VibesButton({ variant = 'primary', children, onHover, onUnhover, ...props }) {
|
|
3
|
+
export function VibesButton({ variant = 'primary', children, onHover, onUnhover, style: customStyle, className, ...props }) {
|
|
4
4
|
const [isHovered, setHovered] = useState(false);
|
|
5
5
|
const [isActive, setActive] = useState(false);
|
|
6
|
-
const
|
|
6
|
+
const [isDark, setIsDark] = useState(false);
|
|
7
|
+
useEffect(() => {
|
|
8
|
+
const checkDarkMode = () => {
|
|
9
|
+
setIsDark(window.matchMedia('(prefers-color-scheme: dark)').matches);
|
|
10
|
+
};
|
|
11
|
+
checkDarkMode();
|
|
12
|
+
const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
|
|
13
|
+
mediaQuery.addEventListener('change', checkDarkMode);
|
|
14
|
+
return () => mediaQuery.removeEventListener('change', checkDarkMode);
|
|
15
|
+
}, []);
|
|
7
16
|
useEffect(() => {
|
|
8
17
|
if (isHovered) {
|
|
9
18
|
onHover?.();
|
|
@@ -12,9 +21,17 @@ export function VibesButton({ variant = 'primary', children, onHover, onUnhover,
|
|
|
12
21
|
onUnhover?.();
|
|
13
22
|
}
|
|
14
23
|
}, [isHovered, onHover, onUnhover]);
|
|
15
|
-
|
|
24
|
+
const baseStyle = getButtonStyle(variant, isHovered, isActive);
|
|
25
|
+
const mergedStyle = {
|
|
26
|
+
...baseStyle,
|
|
27
|
+
background: isDark ? '#1a1a1a' : '#fff',
|
|
28
|
+
color: isDark ? '#fff' : '#1a1a1a',
|
|
29
|
+
border: isDark ? '3px solid #555' : '3px solid #1a1a1a',
|
|
30
|
+
...customStyle,
|
|
31
|
+
};
|
|
32
|
+
return (React.createElement("button", { ...props, className: className, onMouseEnter: () => setHovered(true), onMouseLeave: () => {
|
|
16
33
|
setHovered(false);
|
|
17
34
|
setActive(false);
|
|
18
|
-
}, onMouseDown: () => setActive(true), onMouseUp: () => setActive(false), style:
|
|
35
|
+
}, onMouseDown: () => setActive(true), onMouseUp: () => setActive(false), style: mergedStyle }, children));
|
|
19
36
|
}
|
|
20
37
|
//# sourceMappingURL=VibesButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VibesButton.js","sourceRoot":"","sources":["../../../jsr/components/VibesButton/VibesButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAWzD,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACQ,EAAE;IAClB,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"VibesButton.js","sourceRoot":"","sources":["../../../jsr/components/VibesButton/VibesButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAWzD,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,OAAO,EACP,SAAS,EACT,KAAK,EAAE,WAAW,EAClB,SAAS,EACT,GAAG,KAAK,EACQ,EAAE;IAClB,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAG5C,SAAS,CAAC,GAAG,EAAE,CAAC;QACd,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC;YAC1B,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,CAAC,CAAC;QAAA,CACtE,CAAC;QAEF,aAAa,EAAE,CAAC;QAChB,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC;QACrE,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;QAErD,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;IAAA,CACtE,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE,CAAC;QACd,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,EAAE,EAAE,CAAC;QACd,CAAC;aAAM,CAAC;YACN,SAAS,EAAE,EAAE,CAAC;QAChB,CAAC;IAAA,CACF,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;IAEpC,MAAM,SAAS,GAAG,cAAc,CAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;IAC/D,MAAM,WAAW,GAAG;QAClB,GAAG,SAAS;QACZ,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;QACvC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QAClC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,mBAAmB;QACvD,GAAG,WAAW;KACf,CAAC;IAEF,OAAO,CACL,mCACM,KAAK,EACT,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EACpC,YAAY,EAAE,GAAG,EAAE,CAAC;YAClB,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,SAAS,CAAC,KAAK,CAAC,CAAC;QAAA,CAClB,EACD,WAAW,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAClC,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EACjC,KAAK,EAAE,WAAW,IAEjB,QAAQ,CACF,CACV,CAAC;AAAA,CACH"}
|
|
@@ -17,9 +17,6 @@ export function getButtonStyle(variant, isHovered, isActive) {
|
|
|
17
17
|
return {
|
|
18
18
|
width: '100%',
|
|
19
19
|
padding: '1rem 2rem',
|
|
20
|
-
background: '#fff',
|
|
21
|
-
color: '#1a1a1a',
|
|
22
|
-
border: '3px solid #1a1a1a',
|
|
23
20
|
borderRadius: '12px',
|
|
24
21
|
fontSize: '1rem',
|
|
25
22
|
fontWeight: 700,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VibesButton.styles.js","sourceRoot":"","sources":["../../../jsr/components/VibesButton/VibesButton.styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAIrB;IACF,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,SAAS;IACpB,QAAQ,EAAE,SAAS;CACpB,CAAC;AAEF,MAAM,UAAU,cAAc,CAC5B,OAAkC,EAClC,SAAkB,EAClB,QAAiB,EACI;IACrB,IAAI,SAAS,GAAG,qBAAqB,CAAC;IACtC,IAAI,SAAS,GAAG,mBAAmB,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC;IAE3D,IAAI,SAAS,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC3B,SAAS,GAAG,qBAAqB,CAAC;QAClC,SAAS,GAAG,mBAAmB,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC;IACzD,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACb,SAAS,GAAG,qBAAqB,CAAC;QAClC,SAAS,GAAG,MAAM,CAAC;IACrB,CAAC;IAED,OAAO;QACL,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,WAAW;
|
|
1
|
+
{"version":3,"file":"VibesButton.styles.js","sourceRoot":"","sources":["../../../jsr/components/VibesButton/VibesButton.styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAIrB;IACF,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,SAAS;IACpB,QAAQ,EAAE,SAAS;CACpB,CAAC;AAEF,MAAM,UAAU,cAAc,CAC5B,OAAkC,EAClC,SAAkB,EAClB,QAAiB,EACI;IACrB,IAAI,SAAS,GAAG,qBAAqB,CAAC;IACtC,IAAI,SAAS,GAAG,mBAAmB,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC;IAE3D,IAAI,SAAS,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC3B,SAAS,GAAG,qBAAqB,CAAC;QAClC,SAAS,GAAG,mBAAmB,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC;IACzD,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACb,SAAS,GAAG,qBAAqB,CAAC;QAClC,SAAS,GAAG,MAAM,CAAC;IACrB,CAAC;IAED,OAAO;QACL,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,WAAW;QAEpB,YAAY,EAAE,MAAM;QACpB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,GAAG;QACf,aAAa,EAAE,WAAoB;QACnC,aAAa,EAAE,QAAQ;QACvB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,gBAAgB;QAC5B,QAAQ,EAAE,UAAmB;QAC7B,SAAS;QACT,SAAS;KACV,CAAC;AAAA,CACH"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vibes.diy/use-vibes-base",
|
|
3
|
-
"version": "0.16.
|
|
3
|
+
"version": "0.16.2",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Core components and utilities for use-vibes (internal workspace package)",
|
|
6
6
|
"exports": {
|
|
@@ -11,13 +11,13 @@
|
|
|
11
11
|
},
|
|
12
12
|
"license": "Apache-2.0",
|
|
13
13
|
"dependencies": {
|
|
14
|
-
"@adviser/cement": "^0.4.
|
|
14
|
+
"@adviser/cement": "^0.4.64",
|
|
15
15
|
"@fireproof/core-runtime": "^0.23.15",
|
|
16
16
|
"@fireproof/core-types-base": "^0.23.15",
|
|
17
17
|
"@fireproof/core-types-protocols-cloud": "^0.23.15",
|
|
18
|
-
"@vibes.diy/prompts": "^0.16.
|
|
19
|
-
"@vibes.diy/use-vibes-types": "^0.16.
|
|
20
|
-
"call-ai": "^0.16.
|
|
18
|
+
"@vibes.diy/prompts": "^0.16.2",
|
|
19
|
+
"@vibes.diy/use-vibes-types": "^0.16.2",
|
|
20
|
+
"call-ai": "^0.16.2",
|
|
21
21
|
"react-dom": "^19.2.0",
|
|
22
22
|
"use-fireproof": "^0.23.15",
|
|
23
23
|
"uuid": "^11.1.0"
|
|
@@ -30,14 +30,14 @@
|
|
|
30
30
|
"@fireproof/core-cli": "^0.23.15",
|
|
31
31
|
"@storybook/addon-a11y": "^9.1.13",
|
|
32
32
|
"@storybook/addon-docs": "^10.0.0",
|
|
33
|
-
"@storybook/react": "^
|
|
33
|
+
"@storybook/react": "^10.0.7",
|
|
34
34
|
"@storybook/react-vite": "^10.0.0",
|
|
35
35
|
"@types/react": "~19.2.2",
|
|
36
36
|
"@types/react-dom": "~19.2.2",
|
|
37
|
-
"@vitest/browser-playwright": "^4.0.
|
|
38
|
-
"storybook": "^
|
|
37
|
+
"@vitest/browser-playwright": "^4.0.8",
|
|
38
|
+
"storybook": "^10.0.6",
|
|
39
39
|
"typescript": "^5.9.3",
|
|
40
|
-
"vite": "^7.
|
|
40
|
+
"vite": "^7.2.2"
|
|
41
41
|
},
|
|
42
42
|
"scripts": {
|
|
43
43
|
"build": "core-cli tsc",
|
package/vibe-app-mount.d.ts
CHANGED
package/vibe-app-mount.js
CHANGED
|
@@ -12,7 +12,7 @@ const safeGetLocalStorage = (key) => {
|
|
|
12
12
|
return null;
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
|
-
function VibesApp({ title = 'Vibes App', imageUrl = '/screenshot.png', children, }) {
|
|
15
|
+
function VibesApp({ title = 'Vibes App', imageUrl = '/screenshot.png', showVibesSwitch = true, children, }) {
|
|
16
16
|
const syncEnabled = typeof window !== 'undefined' && document.body.classList.contains(VIBES_SYNC_ENABLED_CLASS);
|
|
17
17
|
const wasSyncEnabled = typeof window !== 'undefined' && safeGetLocalStorage('fireproof-sync-enabled') === 'true';
|
|
18
18
|
const mockLogin = typeof window !== 'undefined' &&
|
|
@@ -34,11 +34,11 @@ function VibesApp({ title = 'Vibes App', imageUrl = '/screenshot.png', children,
|
|
|
34
34
|
};
|
|
35
35
|
return (React.createElement(React.Fragment, null,
|
|
36
36
|
React.createElement("div", { style: showAuthWall ? { display: 'none' } : undefined },
|
|
37
|
-
React.createElement(HiddenMenuWrapper, { menuContent: React.createElement(VibesPanel, null) }, children)),
|
|
37
|
+
React.createElement(HiddenMenuWrapper, { menuContent: React.createElement(VibesPanel, null), showVibesSwitch: showVibesSwitch }, children)),
|
|
38
38
|
React.createElement(AuthWall, { onLogin: handleLogin, imageUrl: imageUrl, title: title, open: showAuthWall })));
|
|
39
39
|
}
|
|
40
40
|
export function mountVibesApp(options = {}) {
|
|
41
|
-
const { container: containerOption, title, imageUrl, appComponent } = options;
|
|
41
|
+
const { container: containerOption, title, imageUrl, appComponent, showVibesSwitch } = options;
|
|
42
42
|
let containerElement;
|
|
43
43
|
if (typeof containerOption === 'string') {
|
|
44
44
|
const found = document.querySelector(containerOption);
|
|
@@ -77,7 +77,7 @@ export function mountVibesApp(options = {}) {
|
|
|
77
77
|
}
|
|
78
78
|
const root = ReactDOM.createRoot(containerElement);
|
|
79
79
|
const AppComponent = appComponent;
|
|
80
|
-
root.render(React.createElement(VibesApp, { ...(title !== undefined && { title }), ...(imageUrl !== undefined && { imageUrl }) }, AppComponent ? (React.createElement(AppComponent, null)) : contentWrapper ? (React.createElement("div", { ref: (node) => {
|
|
80
|
+
root.render(React.createElement(VibesApp, { ...(title !== undefined && { title }), ...(imageUrl !== undefined && { imageUrl }), ...(showVibesSwitch !== undefined && { showVibesSwitch }) }, AppComponent ? (React.createElement(AppComponent, null)) : contentWrapper ? (React.createElement("div", { ref: (node) => {
|
|
81
81
|
if (node && contentWrapper && node.children.length === 0) {
|
|
82
82
|
node.appendChild(contentWrapper);
|
|
83
83
|
}
|
package/vibe-app-mount.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vibe-app-mount.js","sourceRoot":"","sources":["../jsr/vibe-app-mount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAC7D,OAAO,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,qDAAqD,CAAC;AACxF,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;
|
|
1
|
+
{"version":3,"file":"vibe-app-mount.js","sourceRoot":"","sources":["../jsr/vibe-app-mount.tsx"],"names":[],"mappings":"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"}
|