@vibes.diy/use-vibes-base 0.18.19-dev → 0.18.23-dev
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.d.ts +1 -0
- package/components/BrutalistCard/BrutalistCard.js +4 -13
- package/components/BrutalistCard/BrutalistCard.js.map +1 -1
- package/components/BrutalistCard/BrutalistCard.styles.js +4 -4
- package/components/BrutalistCard/BrutalistCard.styles.js.map +1 -1
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.js +28 -2
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.js.map +1 -1
- package/components/ImgGen.js.map +1 -1
- package/components/LabelContainer/LabelContainer.d.ts +9 -0
- package/components/LabelContainer/LabelContainer.js +10 -0
- package/components/LabelContainer/LabelContainer.js.map +1 -0
- package/components/LabelContainer/LabelContainer.styles.d.ts +7 -0
- package/components/LabelContainer/LabelContainer.styles.js +159 -0
- package/components/LabelContainer/LabelContainer.styles.js.map +1 -0
- package/components/LabelContainer/index.d.ts +2 -0
- package/components/LabelContainer/index.js +2 -0
- package/components/LabelContainer/index.js.map +1 -0
- package/components/VibesButton/VibesButton.d.ts +10 -2
- package/components/VibesButton/VibesButton.js +34 -24
- package/components/VibesButton/VibesButton.js.map +1 -1
- package/components/VibesButton/VibesButton.styles.d.ts +7 -6
- package/components/VibesButton/VibesButton.styles.js +75 -9
- package/components/VibesButton/VibesButton.styles.js.map +1 -1
- package/components/VibesButton/index.d.ts +1 -0
- package/components/VibesButton/index.js +2 -0
- package/components/VibesButton/index.js.map +1 -0
- package/components/{VibesPanel/VibesPanel.d.ts → VibesPanel.d.ts} +1 -0
- package/components/VibesPanel.js +97 -0
- package/components/VibesPanel.js.map +1 -0
- package/components/VibesPanel.styles.d.ts +14 -0
- package/components/VibesPanel.styles.js +137 -0
- package/components/VibesPanel.styles.js.map +1 -0
- package/components/VibesSwitch/VibesSwitch.d.ts +4 -1
- package/components/VibesSwitch/VibesSwitch.js +17 -3
- package/components/VibesSwitch/VibesSwitch.js.map +1 -1
- package/components/VibesSwitch/VibesSwitch.styles.js +2 -2
- package/components/VibesSwitch/VibesSwitch.styles.js.map +1 -1
- package/components/icons/BackIcon.d.ts +9 -0
- package/components/icons/BackIcon.js +7 -0
- package/components/icons/BackIcon.js.map +1 -0
- package/components/icons/InviteIcon.d.ts +9 -0
- package/components/icons/InviteIcon.js +7 -0
- package/components/icons/InviteIcon.js.map +1 -0
- package/components/icons/LoginIcon.d.ts +9 -0
- package/components/icons/LoginIcon.js +7 -0
- package/components/icons/LoginIcon.js.map +1 -0
- package/components/icons/RemixIcon.d.ts +9 -0
- package/components/icons/RemixIcon.js +7 -0
- package/components/icons/RemixIcon.js.map +1 -0
- package/components/icons/SettingsIcon.d.ts +9 -0
- package/components/icons/SettingsIcon.js +7 -0
- package/components/icons/SettingsIcon.js.map +1 -0
- package/components/icons/index.d.ts +5 -0
- package/components/icons/index.js +6 -0
- package/components/icons/index.js.map +1 -0
- package/constants.d.ts +0 -3
- package/constants.js +0 -3
- package/constants.js.map +1 -1
- package/hooks/image-gen/use-image-gen.js +0 -1
- package/hooks/image-gen/use-image-gen.js.map +1 -1
- package/hooks/useMobile.d.ts +1 -0
- package/hooks/useMobile.js +20 -0
- package/hooks/useMobile.js.map +1 -0
- package/hooks/useThemeDetection.d.ts +1 -0
- package/hooks/useThemeDetection.js +15 -0
- package/hooks/useThemeDetection.js.map +1 -0
- package/hooks/vibes-gen/use-vibes.js +0 -2
- package/hooks/vibes-gen/use-vibes.js.map +1 -1
- package/index.d.ts +6 -2
- package/index.js +12 -109
- package/index.js.map +1 -1
- package/package.json +12 -26
- package/styles/colors.css +198 -0
- package/tsconfig.json +2 -0
- package/utils/vibe-control-styles.js +52 -11
- package/utils/vibe-control-styles.js.map +1 -1
- package/vibe-app-mount.js +1 -1
- package/vibe-app-mount.js.map +1 -1
- package/components/ImgGen.css +0 -675
- package/components/VibesPanel/VibesPanel.js +0 -119
- package/components/VibesPanel/VibesPanel.js.map +0 -1
- package/components/VibesPanel/index.d.ts +0 -1
- package/components/VibesPanel/index.js +0 -2
- package/components/VibesPanel/index.js.map +0 -1
- package/events.d.ts +0 -7
- package/events.js +0 -4
- package/events.js.map +0 -1
- package/hooks/use-image-gen.d.ts +0 -1
- package/hooks/use-image-gen.js +0 -2
- package/hooks/use-image-gen.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VibesButton.styles.js","sourceRoot":"","sources":["../../../jsr/components/VibesButton/VibesButton.styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"VibesButton.styles.js","sourceRoot":"","sources":["../../../jsr/components/VibesButton/VibesButton.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { VibesButton, BLUE, RED, YELLOW, GRAY } from './VibesButton.js';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../jsr/components/VibesButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
import React, { useState, useEffect, useId } from 'react';
|
|
2
|
+
import { VibesButton, BLUE, RED, YELLOW, GRAY } from './VibesButton/index.js';
|
|
3
|
+
import { runtimeFn } from '@fireproof/core-runtime';
|
|
4
|
+
import { BrutalistCard } from './BrutalistCard/BrutalistCard.js';
|
|
5
|
+
import { generateFreshDataUrl, generateRemixUrl } from '../utils/appSlug.js';
|
|
6
|
+
import { LabelContainer } from './LabelContainer/index.js';
|
|
7
|
+
import { getOuterContainerStyle, getButtonContainerStyle, getInviteFormStyle, getInviteLabelStyle, getInviteInputWrapperStyle, getInviteInputStyle, getInviteStatusStyle, } from './VibesPanel.styles.js';
|
|
8
|
+
import '../styles/colors.css';
|
|
9
|
+
export function VibesPanel({ style, className, baseURL, token } = {}) {
|
|
10
|
+
const emailId = useId();
|
|
11
|
+
const [mode, setMode] = useState('default');
|
|
12
|
+
const [email, setEmail] = useState('');
|
|
13
|
+
const [inviteStatus, setInviteStatus] = useState('idle');
|
|
14
|
+
const [inviteMessage, setInviteMessage] = useState('');
|
|
15
|
+
const defaultBaseURL = runtimeFn().isBrowser ? window.location.origin : 'https://vibes.diy';
|
|
16
|
+
const effectiveBaseURL = baseURL ?? defaultBaseURL;
|
|
17
|
+
const handleMutateClick = () => {
|
|
18
|
+
if (mode === 'default') {
|
|
19
|
+
setMode('mutate');
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
const handleInviteClick = () => {
|
|
23
|
+
if (mode === 'default') {
|
|
24
|
+
setMode('invite');
|
|
25
|
+
setEmail('');
|
|
26
|
+
setInviteStatus('idle');
|
|
27
|
+
setInviteMessage('');
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
const handleBackClick = () => {
|
|
31
|
+
setMode('default');
|
|
32
|
+
};
|
|
33
|
+
const handleFreshDataClick = () => {
|
|
34
|
+
window.open(generateFreshDataUrl(effectiveBaseURL), '_top');
|
|
35
|
+
};
|
|
36
|
+
const handleChangeCodeClick = () => {
|
|
37
|
+
window.open(generateRemixUrl(effectiveBaseURL), '_top');
|
|
38
|
+
};
|
|
39
|
+
const handleLogoutClick = () => {
|
|
40
|
+
document.dispatchEvent(new CustomEvent('vibes-sync-disable'));
|
|
41
|
+
document.dispatchEvent(new CustomEvent('vibes-logout-request'));
|
|
42
|
+
};
|
|
43
|
+
const handleInviteSubmit = (e) => {
|
|
44
|
+
e.preventDefault();
|
|
45
|
+
if (!email.trim())
|
|
46
|
+
return;
|
|
47
|
+
setInviteStatus('sending');
|
|
48
|
+
setInviteMessage('');
|
|
49
|
+
document.dispatchEvent(new CustomEvent('vibes-share-request', {
|
|
50
|
+
detail: {
|
|
51
|
+
email: email.trim(),
|
|
52
|
+
role: 'member',
|
|
53
|
+
right: 'read',
|
|
54
|
+
token,
|
|
55
|
+
},
|
|
56
|
+
}));
|
|
57
|
+
};
|
|
58
|
+
useEffect(() => {
|
|
59
|
+
const handleShareSuccess = (event) => {
|
|
60
|
+
const customEvent = event;
|
|
61
|
+
setInviteStatus('success');
|
|
62
|
+
setInviteMessage(customEvent.detail?.message || `Invitation sent to ${customEvent.detail?.email}!`);
|
|
63
|
+
};
|
|
64
|
+
const handleShareError = (event) => {
|
|
65
|
+
const customEvent = event;
|
|
66
|
+
setInviteStatus('error');
|
|
67
|
+
setInviteMessage(customEvent.detail?.error?.message || 'Failed to send invitation. Please try again.');
|
|
68
|
+
};
|
|
69
|
+
document.addEventListener('vibes-share-success', handleShareSuccess);
|
|
70
|
+
document.addEventListener('vibes-share-error', handleShareError);
|
|
71
|
+
return () => {
|
|
72
|
+
document.removeEventListener('vibes-share-success', handleShareSuccess);
|
|
73
|
+
document.removeEventListener('vibes-share-error', handleShareError);
|
|
74
|
+
};
|
|
75
|
+
}, []);
|
|
76
|
+
return (React.createElement("div", { style: getOuterContainerStyle(style), className: className },
|
|
77
|
+
React.createElement(LabelContainer, { label: "Settings", disappear: true },
|
|
78
|
+
React.createElement("div", { style: getButtonContainerStyle() }, mode === 'mutate' ? (React.createElement(React.Fragment, null,
|
|
79
|
+
React.createElement(VibesButton, { variant: BLUE, onClick: handleFreshDataClick }, "Fresh Start"),
|
|
80
|
+
React.createElement(VibesButton, { variant: RED, onClick: handleChangeCodeClick, icon: "remix" }, "Remix Code"),
|
|
81
|
+
React.createElement(VibesButton, { variant: YELLOW, onClick: handleBackClick, icon: "back" }, "Back"))) : mode === 'invite' ? (React.createElement(React.Fragment, null,
|
|
82
|
+
inviteStatus === 'idle' ? (React.createElement("form", { onSubmit: handleInviteSubmit, style: getInviteFormStyle() },
|
|
83
|
+
React.createElement("label", { htmlFor: emailId, style: getInviteLabelStyle() }, "Invite by email"),
|
|
84
|
+
React.createElement(BrutalistCard, { size: "md", style: getInviteInputWrapperStyle() },
|
|
85
|
+
React.createElement("input", { id: emailId, type: "email", placeholder: "friend@example.com", value: email, onChange: (e) => setEmail(e.target.value), style: getInviteInputStyle(), autoComplete: "email", required: true })),
|
|
86
|
+
React.createElement(VibesButton, { variant: BLUE, type: "submit", disabled: !email.trim() }, "Send Invite"))) : (React.createElement(BrutalistCard, { id: "invite-status", role: "status", "aria-live": "polite", size: "sm", variant: inviteStatus === 'sending'
|
|
87
|
+
? 'default'
|
|
88
|
+
: inviteStatus === 'error'
|
|
89
|
+
? 'error'
|
|
90
|
+
: 'success', style: getInviteStatusStyle() }, inviteStatus === 'sending' ? 'Inviting...' : inviteMessage)),
|
|
91
|
+
React.createElement(VibesButton, { variant: YELLOW, onClick: handleBackClick, icon: "back" }, "Back"))) : (React.createElement(React.Fragment, null,
|
|
92
|
+
React.createElement(VibesButton, { variant: BLUE, onClick: handleLogoutClick, icon: "login" }, "Logout"),
|
|
93
|
+
React.createElement(VibesButton, { variant: RED, onClick: handleMutateClick, icon: "remix" }, "Remix"),
|
|
94
|
+
React.createElement(VibesButton, { variant: YELLOW, onClick: handleInviteClick, icon: "invite" }, "Invite"),
|
|
95
|
+
React.createElement(VibesButton, { variant: GRAY, icon: "settings" }, "Settings")))))));
|
|
96
|
+
}
|
|
97
|
+
//# sourceMappingURL=VibesPanel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VibesPanel.js","sourceRoot":"","sources":["../../jsr/components/VibesPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
export declare function getOuterContainerStyle(customStyle?: React.CSSProperties): React.CSSProperties;
|
|
3
|
+
export declare function getContainerStyle(): React.CSSProperties;
|
|
4
|
+
export declare function getLabelStyle(): React.CSSProperties;
|
|
5
|
+
export declare function getButtonWrapperStyle(): React.CSSProperties;
|
|
6
|
+
export declare function getButtonContainerStyle(): React.CSSProperties;
|
|
7
|
+
export declare function getInviteFormStyle(): React.CSSProperties;
|
|
8
|
+
export declare function getInviteLabelStyle(): React.CSSProperties;
|
|
9
|
+
export declare function getInviteInputWrapperStyle(): React.CSSProperties;
|
|
10
|
+
export declare function getInviteInputStyle(): React.CSSProperties;
|
|
11
|
+
export declare function getInviteStatusStyle(): React.CSSProperties;
|
|
12
|
+
export declare function getResponsiveLabelStyle(isMobile: boolean): React.CSSProperties;
|
|
13
|
+
export declare function getResponsiveButtonWrapperStyle(isMobile: boolean): React.CSSProperties;
|
|
14
|
+
export declare function getResponsiveContainerStyle(isMobile: boolean): React.CSSProperties;
|
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
export function getOuterContainerStyle(customStyle) {
|
|
2
|
+
return {
|
|
3
|
+
padding: '12px',
|
|
4
|
+
display: 'flex',
|
|
5
|
+
flexDirection: 'column',
|
|
6
|
+
justifyContent: 'center',
|
|
7
|
+
alignItems: 'center',
|
|
8
|
+
gap: '12px',
|
|
9
|
+
...customStyle,
|
|
10
|
+
};
|
|
11
|
+
}
|
|
12
|
+
export function getContainerStyle() {
|
|
13
|
+
return {
|
|
14
|
+
position: 'relative',
|
|
15
|
+
display: 'inline-flex',
|
|
16
|
+
alignItems: 'stretch',
|
|
17
|
+
width: 'auto',
|
|
18
|
+
marginBottom: '40px',
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
export function getLabelStyle() {
|
|
22
|
+
return {
|
|
23
|
+
background: 'var(--vibes-card-bg)',
|
|
24
|
+
border: '2px solid var(--vibes-card-border)',
|
|
25
|
+
borderLeft: 'none',
|
|
26
|
+
borderTopRightRadius: '8px',
|
|
27
|
+
borderBottomRightRadius: '8px',
|
|
28
|
+
padding: '12px 8px',
|
|
29
|
+
fontWeight: 700,
|
|
30
|
+
fontSize: '14px',
|
|
31
|
+
textTransform: 'uppercase',
|
|
32
|
+
letterSpacing: '1px',
|
|
33
|
+
whiteSpace: 'nowrap',
|
|
34
|
+
color: 'var(--vibes-card-text)',
|
|
35
|
+
writingMode: 'vertical-rl',
|
|
36
|
+
transform: 'rotate(180deg)',
|
|
37
|
+
display: 'flex',
|
|
38
|
+
alignItems: 'center',
|
|
39
|
+
justifyContent: 'center',
|
|
40
|
+
flexShrink: 0,
|
|
41
|
+
margin: '32px 0px',
|
|
42
|
+
};
|
|
43
|
+
}
|
|
44
|
+
export function getButtonWrapperStyle() {
|
|
45
|
+
return {
|
|
46
|
+
background: 'var(--vibes-card-bg)',
|
|
47
|
+
border: '2px solid var(--vibes-card-border)',
|
|
48
|
+
borderRadius: '8px',
|
|
49
|
+
padding: '24px 24px 32px 24px',
|
|
50
|
+
display: 'flex',
|
|
51
|
+
alignItems: 'center',
|
|
52
|
+
justifyContent: 'center',
|
|
53
|
+
width: 'auto',
|
|
54
|
+
};
|
|
55
|
+
}
|
|
56
|
+
export function getButtonContainerStyle() {
|
|
57
|
+
return {
|
|
58
|
+
display: 'flex',
|
|
59
|
+
flexDirection: 'row',
|
|
60
|
+
justifyContent: 'center',
|
|
61
|
+
alignItems: 'center',
|
|
62
|
+
gap: '24px',
|
|
63
|
+
flexWrap: 'wrap',
|
|
64
|
+
maxWidth: '100%',
|
|
65
|
+
};
|
|
66
|
+
}
|
|
67
|
+
export function getInviteFormStyle() {
|
|
68
|
+
return {
|
|
69
|
+
width: '100%',
|
|
70
|
+
display: 'flex',
|
|
71
|
+
flexDirection: 'column',
|
|
72
|
+
gap: '12px',
|
|
73
|
+
};
|
|
74
|
+
}
|
|
75
|
+
export function getInviteLabelStyle() {
|
|
76
|
+
return {
|
|
77
|
+
alignSelf: 'flex-start',
|
|
78
|
+
fontWeight: 600,
|
|
79
|
+
};
|
|
80
|
+
}
|
|
81
|
+
export function getInviteInputWrapperStyle() {
|
|
82
|
+
return {
|
|
83
|
+
width: '100%',
|
|
84
|
+
};
|
|
85
|
+
}
|
|
86
|
+
export function getInviteInputStyle() {
|
|
87
|
+
return {
|
|
88
|
+
width: '100%',
|
|
89
|
+
border: 'none',
|
|
90
|
+
background: 'transparent',
|
|
91
|
+
color: 'inherit',
|
|
92
|
+
fontSize: 'inherit',
|
|
93
|
+
fontWeight: 'inherit',
|
|
94
|
+
letterSpacing: 'inherit',
|
|
95
|
+
padding: 0,
|
|
96
|
+
};
|
|
97
|
+
}
|
|
98
|
+
export function getInviteStatusStyle() {
|
|
99
|
+
return {
|
|
100
|
+
textAlign: 'center',
|
|
101
|
+
};
|
|
102
|
+
}
|
|
103
|
+
export function getResponsiveLabelStyle(isMobile) {
|
|
104
|
+
if (isMobile) {
|
|
105
|
+
return {
|
|
106
|
+
display: 'none',
|
|
107
|
+
};
|
|
108
|
+
}
|
|
109
|
+
return getLabelStyle();
|
|
110
|
+
}
|
|
111
|
+
export function getResponsiveButtonWrapperStyle(isMobile) {
|
|
112
|
+
if (isMobile) {
|
|
113
|
+
return {
|
|
114
|
+
background: 'transparent',
|
|
115
|
+
border: 'none',
|
|
116
|
+
borderRadius: '0',
|
|
117
|
+
padding: '0',
|
|
118
|
+
paddingBottom: '24px',
|
|
119
|
+
display: 'flex',
|
|
120
|
+
alignItems: 'center',
|
|
121
|
+
justifyContent: 'center',
|
|
122
|
+
width: 'auto',
|
|
123
|
+
};
|
|
124
|
+
}
|
|
125
|
+
return getButtonWrapperStyle();
|
|
126
|
+
}
|
|
127
|
+
export function getResponsiveContainerStyle(isMobile) {
|
|
128
|
+
if (isMobile) {
|
|
129
|
+
return {
|
|
130
|
+
...getContainerStyle(),
|
|
131
|
+
flexDirection: 'column',
|
|
132
|
+
width: '100%',
|
|
133
|
+
};
|
|
134
|
+
}
|
|
135
|
+
return getContainerStyle();
|
|
136
|
+
}
|
|
137
|
+
//# sourceMappingURL=VibesPanel.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VibesPanel.styles.js","sourceRoot":"","sources":["../../jsr/components/VibesPanel.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import '../../styles/colors.css';
|
|
2
3
|
export interface VibesSwitchProps {
|
|
3
4
|
size?: number | string;
|
|
4
5
|
className?: string;
|
|
6
|
+
isActive?: boolean;
|
|
7
|
+
onToggle?: (active: boolean) => void;
|
|
5
8
|
}
|
|
6
|
-
export declare function VibesSwitch({ size, className }: VibesSwitchProps): React.JSX.Element;
|
|
9
|
+
export declare function VibesSwitch({ size, className, isActive, onToggle }: VibesSwitchProps): React.JSX.Element;
|
|
@@ -1,10 +1,24 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { switchColors } from './VibesSwitch.styles.js';
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
import '../../styles/colors.css';
|
|
4
|
+
export function VibesSwitch({ size = 24, className, isActive, onToggle }) {
|
|
5
|
+
const [internalActive, setInternalActive] = React.useState(true);
|
|
6
|
+
const logicalActive = isActive !== undefined ? isActive : internalActive;
|
|
7
|
+
const active = !logicalActive;
|
|
8
|
+
const handlePointerDown = (e) => {
|
|
9
|
+
e.stopPropagation();
|
|
10
|
+
e.preventDefault();
|
|
11
|
+
const newState = !logicalActive;
|
|
12
|
+
if (onToggle) {
|
|
13
|
+
onToggle(newState);
|
|
14
|
+
}
|
|
15
|
+
if (isActive === undefined) {
|
|
16
|
+
setInternalActive(newState);
|
|
17
|
+
}
|
|
18
|
+
};
|
|
5
19
|
const originalD = `M426.866,285.985c-7.999-0.416-19.597-0.733-31.141-1.687 c-15.692-1.297-28.809-8.481-40.105-19.104c-12.77-12.008-20.478-26.828-22.714-44.177c-3.048-23.644,3.384-44.558,19.646-62.143 c9.174-9.92,20.248-17.25,33.444-20.363c7.786-1.837,15.944-2.399,23.973-2.828c9.988-0.535,20.023-0.666,30.021-0.371 c10.191,0.301,20.433,0.806,30.521,2.175c12.493,1.696,23.132,7.919,32.552,16.091c14.221,12.337,22.777,27.953,25.184,46.594 c2.822,21.859-2.605,41.617-16.777,58.695c-9.494,11.441-21.349,19.648-35.722,23.502c-6.656,1.785-13.724,2.278-20.647,2.77 C446.914,285.721,438.682,285.667,426.866,285.985z`;
|
|
6
20
|
const stretchedD = `M165.866,285.985c-7.999-0.416-19.597-0.733-31.141-1.687 c-15.692-1.297-28.809-8.481-40.105-19.104c-12.77-12.008-20.478-26.828-22.714-44.177c-3.048-23.644,3.384-44.558,19.646-62.143 c9.174-9.92,20.248-17.25,33.444-20.363c7.786-1.837,15.944-2.399,23.973-2.828c9.988-0.535,121.023-0.666,131.021-0.371 c10.191,0.301,20.433,0.806,30.521,2.175c12.493,1.696,23.132,7.919,32.552,16.091c14.221,12.337,22.777,27.953,25.184,46.594 c2.822,21.859-2.605,41.617-16.777,58.695c-9.494,11.441-21.349,19.648-35.722,23.502c-6.656,1.785-13.724,2.278-20.647,2.77 C286.914,285.721,177.682,285.667,165.866,285.985z`;
|
|
7
|
-
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", height: size, viewBox: "0 0 600 300", fill: "currentColor", className: className,
|
|
21
|
+
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", height: size, viewBox: "0 0 600 300", fill: "currentColor", className: className, onPointerDown: handlePointerDown },
|
|
8
22
|
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", fill: "#000", d: "M293.353,298.09c-41.038,0-82.078,0.125-123.115-0.077 c-11.993-0.06-24.011-0.701-35.964-1.703c-15.871-1.331-29.73-7.937-41.948-17.946c-16.769-13.736-27.207-31.417-30.983-52.7 c-4.424-24.93,1.404-47.685,16.506-67.913c11.502-15.407,26.564-26.1,45.258-30.884c7.615-1.949,15.631-2.91,23.501-3.165 c20.08-0.652,40.179-0.853,60.271-0.879c69.503-0.094,139.007-0.106,208.51,0.02c14.765,0.026,29.583,0.097,44.28,1.313 c36.984,3.059,61.78,23.095,74.653,57.301c17.011,45.199-8.414,96.835-54.29,111.864c-7.919,2.595-16.165,3.721-24.434,3.871 c-25.614,0.467-51.234,0.742-76.853,0.867C350.282,298.197,321.817,298.09,293.353,298.09z" }),
|
|
9
23
|
React.createElement("path", { fill: "#fff", fillRule: "evenodd", clipRule: "evenodd", d: active ? stretchedD : originalD, style: {
|
|
10
24
|
transition: 'd 0.3s ease, transform 0.8s ease, fill 2s ease',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VibesSwitch.js","sourceRoot":"","sources":["../../../jsr/components/VibesSwitch/VibesSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"VibesSwitch.js","sourceRoot":"","sources":["../../../jsr/components/VibesSwitch/VibesSwitch.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VibesSwitch.styles.js","sourceRoot":"","sources":["../../../jsr/components/VibesSwitch/VibesSwitch.styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"VibesSwitch.styles.js","sourceRoot":"","sources":["../../../jsr/components/VibesSwitch/VibesSwitch.styles.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,YAAY,GAGrB;IACF,OAAO,EAAE,oBAAoB;IAC7B,SAAS,EAAE,oBAAoB;CAChC,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export function BackIcon({ bgFill = '#fff', fill = '#2a2a2a', width = 44, height = 44, }) {
|
|
3
|
+
return (React.createElement("svg", { width: width, height: height, viewBox: "0 0 44 44", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
4
|
+
React.createElement("circle", { cx: "22", cy: "22", r: "22", fill: bgFill }),
|
|
5
|
+
React.createElement("path", { d: "M13.5 22.95C13.5 23.25 13.605 23.504 13.82 23.711C14.035 23.918 14.301 24.02 14.613 24.02C14.918 24.02 15.172 23.918 15.387 23.711C15.602 23.504 15.711 23.25 15.711 22.95V11.7661L15.668 10.711L16.633 11.7661L17.641 12.797C17.828 12.996 18.086 13.094 18.414 13.094C18.699 13.094 18.941 13.008 19.133 12.828C19.328 12.649 19.422 12.414 19.422 12.129C19.422 11.985 19.395 11.856 19.336 11.742C19.281 11.629 19.195 11.516 19.078 11.399L15.387 7.81702C15.145 7.55902 14.879 7.43005 14.594 7.43005C14.309 7.43005 14.051 7.55902 13.82 7.81702L10.129 11.379C9.898 11.606 9.785 11.856 9.785 12.129C9.785 12.414 9.883 12.649 10.074 12.828C10.27 13.008 10.508 13.094 10.793 13.094C11.121 13.094 11.383 12.996 11.566 12.797L12.574 11.7661L13.543 10.711L13.5 11.7661V22.95ZM28.5 21.94V11.05C28.5 10.75 28.395 10.496 28.18 10.289C27.965 10.082 27.699 9.98 27.387 9.98C27.082 9.98 26.828 10.082 26.613 10.289C26.398 10.496 26.289 10.75 26.289 11.05V22.234L26.332 23.289L25.367 22.234L24.359 21.203C24.172 21.004 23.914 20.906 23.586 20.906C23.301 20.906 23.059 20.992 22.867 21.172C22.672 21.351 22.578 21.586 22.578 21.871C22.578 22.015 22.605 22.144 22.664 22.258C22.719 22.371 22.805 22.484 22.922 22.601L26.613 26.183C26.855 26.441 27.121 26.57 27.406 26.57C27.691 26.57 27.949 26.441 28.18 26.183L31.871 22.621C32.102 22.394 32.215 22.144 32.215 21.871C32.215 21.586 32.117 21.351 31.926 21.172C31.73 20.992 31.492 20.906 31.207 20.906C30.879 20.906 30.617 21.004 30.434 21.203L29.426 22.234L28.457 23.289L28.5 22.234V21.94Z", fill: fill })));
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=BackIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BackIcon.js","sourceRoot":"","sources":["../../../jsr/components/icons/BackIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,UAAU,QAAQ,CAAC,EACvB,MAAM,GAAG,MAAM,EACf,IAAI,GAAG,SAAS,EAChB,KAAK,GAAG,EAAE,EACV,MAAM,GAAG,EAAE,GACG,EAAE;IAChB,OAAO,CACL,6BACE,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;QAElC,gCAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,IAAI,EAAE,MAAM,GAAI;QAC/C,8BACE,CAAC,EAAC,4+CAA4+C,EAC9+C,IAAI,EAAE,IAAI,GACV,CACE,CACP,CAAC;AAAA,CACH"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export function InviteIcon({ bgFill = '#fff', fill = '#2a2a2a', width = 44, height = 44, }) {
|
|
3
|
+
return (React.createElement("svg", { width: width, height: height, viewBox: "0 0 44 44", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
4
|
+
React.createElement("circle", { cx: "22", cy: "22", r: "22", fill: bgFill }),
|
|
5
|
+
React.createElement("path", { d: "M21.894 24.02C22.199 24.02 22.453 23.918 22.668 23.711C22.883 23.504 22.992 23.25 22.992 22.95V11.7661L22.949 10.711L23.914 11.7661L24.922 12.797C25.109 12.996 25.367 13.094 25.695 13.094C25.98 13.094 26.222 13.008 26.414 12.828C26.609 12.649 26.703 12.414 26.703 12.129C26.703 11.985 26.676 11.856 26.617 11.742C26.562 11.629 26.476 11.516 26.359 11.399L22.668 7.81702C22.426 7.55902 22.16 7.43005 21.875 7.43005C21.59 7.43005 21.332 7.55902 21.101 7.81702L17.41 11.379C17.179 11.606 17.066 11.856 17.066 12.129C17.066 12.414 17.164 12.649 17.355 12.828C17.551 13.008 17.789 13.094 18.074 13.094C18.402 13.094 18.664 12.996 18.847 12.797L19.855 11.7661L20.824 10.711L20.781 11.7661V22.95C20.781 23.25 20.886 23.504 21.101 23.711C21.316 23.918 21.582 24.02 21.894 24.02ZM15.605 32.715H28.164C29.367 32.715 30.277 32.407 30.902 31.793C31.523 31.176 31.836 30.266 31.836 29.067V18.184C31.836 16.981 31.523 16.074 30.902 15.469C30.277 14.86 29.367 14.5551 28.164 14.5551H24.687V16.809H28.121C29.082 16.809 29.558 17.301 29.558 18.289V29C29.558 29.989 29.082 30.481 28.121 30.481H15.629C14.668 30.481 14.191 29.989 14.191 29V18.289C14.191 17.301 14.668 16.809 15.629 16.809H19.105V14.5551H15.605C14.418 14.5551 13.515 14.8641 12.89 15.4771C12.269 16.0941 11.957 16.996 11.957 18.184V29.067C11.957 30.266 12.269 31.176 12.89 31.793C13.515 32.407 14.418 32.715 15.605 32.715Z", fill: fill })));
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=InviteIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InviteIcon.js","sourceRoot":"","sources":["../../../jsr/components/icons/InviteIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,UAAU,UAAU,CAAC,EACzB,MAAM,GAAG,MAAM,EACf,IAAI,GAAG,SAAS,EAChB,KAAK,GAAG,EAAE,EACV,MAAM,GAAG,EAAE,GACK,EAAE;IAClB,OAAO,CACL,6BACE,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;QAElC,gCAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,IAAI,EAAE,MAAM,GAAI;QAC/C,8BACE,CAAC,EAAC,21CAA21C,EAC71C,IAAI,EAAE,IAAI,GACV,CACE,CACP,CAAC;AAAA,CACH"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export function LoginIcon({ bgFill = '#fff', fill = '#2a2a2a', width = 44, height = 44, }) {
|
|
3
|
+
return (React.createElement("svg", { width: width, height: height, viewBox: "0 0 44 44", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
4
|
+
React.createElement("circle", { cx: "22", cy: "22", r: "22", fill: bgFill }),
|
|
5
|
+
React.createElement("path", { d: "M21.895 25.562C23.266 25.578 24.508 25.226 25.618 24.519C26.731 23.812 27.61 22.843 28.27 21.613C28.926 20.382 29.254 19 29.254 17.468C29.254 16.023 28.926 14.699 28.27 13.496C27.61 12.297 26.723 11.332 25.61 10.613C24.493 9.88604 23.254 9.52704 21.895 9.52704C20.52 9.52704 19.278 9.88604 18.161 10.613C17.043 11.332 16.157 12.297 15.5 13.496C14.84 14.699 14.516 16.023 14.532 17.468C14.532 19 14.86 20.375 15.512 21.589C16.157 22.804 17.039 23.769 18.149 24.476C19.258 25.183 20.508 25.547 21.895 25.562ZM21.895 40.519C23.524 40.519 25.145 40.304 26.758 39.867C28.368 39.429 29.875 38.8 31.297 37.976C32.711 37.156 33.969 36.164 35.075 35.007C34.301 33.777 33.243 32.726 31.911 31.863C30.571 30.996 29.047 30.336 27.336 29.886C25.625 29.433 23.809 29.207 21.895 29.207C19.946 29.207 18.114 29.441 16.399 29.894C14.68 30.355 13.164 31.015 11.836 31.882C10.516 32.75 9.46498 33.789 8.69598 35.007C9.79298 36.164 11.059 37.156 12.485 37.976C13.911 38.8 15.418 39.429 17.024 39.867C18.625 40.304 20.25 40.519 21.895 40.519Z", fill: fill })));
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=LoginIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LoginIcon.js","sourceRoot":"","sources":["../../../jsr/components/icons/LoginIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,UAAU,SAAS,CAAC,EACxB,MAAM,GAAG,MAAM,EACf,IAAI,GAAG,SAAS,EAChB,KAAK,GAAG,EAAE,EACV,MAAM,GAAG,EAAE,GACI,EAAE;IACjB,OAAO,CACL,6BACE,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;QAElC,gCAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,IAAI,EAAE,MAAM,GAAI;QAC/C,8BACE,CAAC,EAAC,+/BAA+/B,EACjgC,IAAI,EAAE,IAAI,GACV,CACE,CACP,CAAC;AAAA,CACH"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export function RemixIcon({ bgFill = '#fff', fill = '#2a2a2a', width = 44, height = 44, }) {
|
|
3
|
+
return (React.createElement("svg", { width: width, height: height, viewBox: "0 0 44 44", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
4
|
+
React.createElement("circle", { cx: "22", cy: "22", r: "22", fill: bgFill }),
|
|
5
|
+
React.createElement("path", { d: "M28.442 19.879C29.145 19.879 29.762 19.594 30.301 19.032C30.836 18.465 31.106 17.739 31.106 16.8521C31.106 15.9501 30.84 15.2151 30.309 14.6411C29.781 14.0671 29.156 13.782 28.442 13.782C27.742 13.782 27.129 14.0671 26.606 14.6411C26.086 15.2151 25.824 15.9501 25.824 16.8521C25.824 17.739 26.09 18.465 26.617 19.032C27.149 19.594 27.754 19.879 28.442 19.879ZM21.895 32.95C23.426 32.95 24.774 32.672 25.942 32.114C27.109 31.555 28.012 30.918 28.656 30.203C29.301 29.489 29.621 28.887 29.621 28.399C29.621 28.129 29.516 27.942 29.301 27.844C29.086 27.742 28.863 27.742 28.637 27.844C27.836 28.285 26.91 28.711 25.867 29.121C24.82 29.528 23.496 29.731 21.895 29.731C20.277 29.731 18.949 29.524 17.914 29.11C16.875 28.692 15.949 28.27 15.133 27.844C14.902 27.742 14.684 27.742 14.469 27.844C14.254 27.942 14.145 28.129 14.145 28.399C14.145 28.887 14.473 29.489 15.121 30.203C15.774 30.918 16.68 31.555 17.84 32.114C18.996 32.672 20.352 32.95 21.895 32.95ZM15.328 19.879C16.027 19.879 16.649 19.594 17.184 19.032C17.719 18.465 17.988 17.739 17.988 16.8521C17.988 15.9501 17.723 15.2151 17.195 14.6411C16.664 14.0671 16.043 13.782 15.328 13.782C14.625 13.782 14.016 14.0671 13.504 14.6411C12.988 15.2151 12.731 15.9501 12.731 16.8521C12.731 17.739 12.992 18.465 13.512 19.032C14.035 19.594 14.641 19.879 15.328 19.879Z", fill: fill })));
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=RemixIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RemixIcon.js","sourceRoot":"","sources":["../../../jsr/components/icons/RemixIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,UAAU,SAAS,CAAC,EACxB,MAAM,GAAG,MAAM,EACf,IAAI,GAAG,SAAS,EAChB,KAAK,GAAG,EAAE,EACV,MAAM,GAAG,EAAE,GACI,EAAE;IACjB,OAAO,CACL,6BACE,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;QAElC,gCAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,IAAI,EAAE,MAAM,GAAI;QAC/C,8BACE,CAAC,EAAC,myCAAmyC,EACryC,IAAI,EAAE,IAAI,GACV,CACE,CACP,CAAC;AAAA,CACH"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export function SettingsIcon({ bgFill = '#fff', fill = '#2a2a2a', width = 44, height = 44, }) {
|
|
3
|
+
return (React.createElement("svg", { width: width, height: height, viewBox: "0 0 44 44", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
4
|
+
React.createElement("circle", { cx: "22", cy: "22", r: "22", fill: bgFill }),
|
|
5
|
+
React.createElement("path", { d: "M21.894 26.925C22.816 26.925 23.656 26.699 24.418 26.246C25.176 25.797 25.785 25.187 26.242 24.422C26.695 23.66 26.926 22.816 26.926 21.894C26.926 20.972 26.695 20.129 26.242 19.363C25.785 18.601 25.176 17.992 24.418 17.543C23.656 17.09 22.816 16.863 21.894 16.863C20.965 16.863 20.117 17.09 19.359 17.543C18.598 17.992 17.992 18.601 17.543 19.363C17.09 20.129 16.867 20.972 16.867 21.894C16.867 22.816 17.09 23.66 17.543 24.422C17.992 25.187 18.598 25.797 19.359 26.246C20.117 26.699 20.965 26.925 21.894 26.925ZM20.582 36.785C20.215 36.785 19.902 36.683 19.648 36.48C19.398 36.273 19.226 35.988 19.129 35.617L18.3911 32.48C18.1131 32.386 17.844 32.285 17.578 32.183C17.312 32.078 17.059 31.968 16.82 31.855L14.0861 33.535C13.7731 33.726 13.4531 33.804 13.1251 33.777C12.7971 33.75 12.5041 33.609 12.2501 33.351L10.426 31.527C10.168 31.269 10.023 30.972 9.992 30.629C9.957 30.285 10.043 29.965 10.254 29.66L11.9221 26.937C11.8051 26.691 11.6951 26.441 11.5941 26.183C11.4881 25.925 11.398 25.672 11.32 25.414L8.16003 24.66C7.78903 24.574 7.50405 24.406 7.30505 24.152C7.10505 23.902 7.00403 23.59 7.00403 23.218V20.64C7.00403 20.281 7.10505 19.972 7.30505 19.722C7.50405 19.468 7.78903 19.301 8.16003 19.215L11.293 18.461C11.379 18.164 11.4761 17.89 11.5861 17.633C11.6951 17.379 11.7971 17.136 11.8911 16.906L10.223 14.144C10.023 13.828 9.93706 13.511 9.96106 13.187C9.98406 12.867 10.129 12.5739 10.394 12.3199L12.2501 10.48C12.5041 10.222 12.789 10.078 13.101 10.039C13.418 10 13.73 10.078 14.043 10.269L16.809 11.976C17.043 11.855 17.301 11.738 17.57 11.629C17.84 11.519 18.1131 11.4179 18.3911 11.3199L19.129 8.172C19.226 7.812 19.398 7.52695 19.648 7.31995C19.902 7.10895 20.215 7.00397 20.582 7.00397H23.207C23.578 7.00397 23.8871 7.10895 24.1411 7.31995C24.3911 7.52695 24.559 7.812 24.644 8.172L25.387 11.351C25.68 11.445 25.9571 11.5429 26.2191 11.6479C26.4801 11.7539 26.726 11.867 26.953 11.992L29.746 10.269C30.051 10.078 30.3551 10.008 30.6641 10.054C30.9731 10.101 31.262 10.242 31.527 10.48L33.394 12.3199C33.66 12.5739 33.801 12.867 33.82 13.187C33.84 13.511 33.754 13.828 33.566 14.144L31.8831 16.906C31.9761 17.136 32.082 17.379 32.191 17.633C32.297 17.89 32.402 18.164 32.496 18.461L35.629 19.215C35.992 19.301 36.273 19.468 36.476 19.722C36.683 19.972 36.785 20.281 36.785 20.64V23.218C36.785 23.59 36.683 23.902 36.476 24.152C36.273 24.406 35.992 24.574 35.629 24.66L32.4691 25.414C32.3831 25.672 32.289 25.925 32.191 26.183C32.09 26.441 31.976 26.691 31.855 26.937L33.535 29.66C33.746 29.965 33.832 30.285 33.801 30.629C33.766 30.972 33.621 31.269 33.367 31.527L31.527 33.351C31.269 33.609 30.976 33.75 30.652 33.777C30.324 33.804 30.008 33.726 29.703 33.535L26.953 31.855C26.715 31.968 26.465 32.078 26.199 32.183C25.933 32.285 25.66 32.386 25.387 32.48L24.644 35.617C24.559 35.988 24.3911 36.273 24.1411 36.48C23.8871 36.683 23.578 36.785 23.207 36.785H20.582Z", fill: fill })));
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=SettingsIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SettingsIcon.js","sourceRoot":"","sources":["../../../jsr/components/icons/SettingsIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,UAAU,YAAY,CAAC,EAC3B,MAAM,GAAG,MAAM,EACf,IAAI,GAAG,SAAS,EAChB,KAAK,GAAG,EAAE,EACV,MAAM,GAAG,EAAE,GACO,EAAE;IACpB,OAAO,CACL,6BACE,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;QAElC,gCAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,IAAI,EAAE,MAAM,GAAI;QAC/C,8BACE,CAAC,EAAC,w0FAAw0F,EAC10F,IAAI,EAAE,IAAI,GACV,CACE,CACP,CAAC;AAAA,CACH"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../jsr/components/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}
|
package/constants.d.ts
CHANGED
package/constants.js
CHANGED
|
@@ -1,5 +1,2 @@
|
|
|
1
1
|
export const VIBES_SYNC_ENABLED_CLASS = 'vibes-connect-true';
|
|
2
|
-
export const VIBES_SYNC_ENABLE_EVENT = 'vibes-sync-enable';
|
|
3
|
-
export const VIBES_SYNC_DISABLE_EVENT = 'vibes-sync-disable';
|
|
4
|
-
export const VIBES_SYNC_ERROR_EVENT = 'vibes-sync-error';
|
|
5
2
|
//# sourceMappingURL=constants.js.map
|
package/constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../jsr/constants.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,wBAAwB,GAAG,oBAA6B,CAAC
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../jsr/constants.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,wBAAwB,GAAG,oBAA6B,CAAC"}
|
|
@@ -407,7 +407,6 @@ async function loadOrGenerateImage({ db, _id, progressTimerRef, callImageGenerat
|
|
|
407
407
|
}
|
|
408
408
|
}
|
|
409
409
|
catch (error) {
|
|
410
|
-
console.error('Error retrieving from Fireproof:', error);
|
|
411
410
|
if (prompt && !data && _id) {
|
|
412
411
|
try {
|
|
413
412
|
data = await callImageGeneration(prompt, options);
|