@vibes.diy/use-vibes-base 0.18.28-dev → 0.19.0-dev-simpler
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/contexts/VibeContext.d.ts +0 -4
- package/contexts/VibeContext.js +4 -22
- package/contexts/VibeContext.js.map +1 -1
- package/index.d.ts +3 -24
- package/index.js +7 -24
- package/index.js.map +1 -1
- package/package.json +12 -19
- package/clerk-token-strategy.d.ts +0 -26
- package/clerk-token-strategy.js +0 -65
- package/clerk-token-strategy.js.map +0 -1
- package/components/BrutalistCard/BrutalistCard.d.ts +0 -10
- package/components/BrutalistCard/BrutalistCard.js +0 -15
- package/components/BrutalistCard/BrutalistCard.js.map +0 -1
- package/components/BrutalistCard/BrutalistCard.styles.d.ts +0 -4
- package/components/BrutalistCard/BrutalistCard.styles.js +0 -73
- package/components/BrutalistCard/BrutalistCard.styles.js.map +0 -1
- package/components/BrutalistCard/index.d.ts +0 -3
- package/components/BrutalistCard/index.js +0 -2
- package/components/BrutalistCard/index.js.map +0 -1
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.d.ts +0 -8
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.js +0 -181
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.js.map +0 -1
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.d.ts +0 -31
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.js +0 -112
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.js.map +0 -1
- package/components/LabelContainer/LabelContainer.d.ts +0 -9
- package/components/LabelContainer/LabelContainer.js +0 -10
- package/components/LabelContainer/LabelContainer.js.map +0 -1
- package/components/LabelContainer/LabelContainer.styles.d.ts +0 -7
- package/components/LabelContainer/LabelContainer.styles.js +0 -159
- package/components/LabelContainer/LabelContainer.styles.js.map +0 -1
- package/components/LabelContainer/index.d.ts +0 -2
- package/components/LabelContainer/index.js +0 -2
- package/components/LabelContainer/index.js.map +0 -1
- package/components/VibeControl.d.ts +0 -13
- package/components/VibeControl.js +0 -74
- package/components/VibeControl.js.map +0 -1
- package/components/VibesButton/VibesButton.d.ts +0 -18
- package/components/VibesButton/VibesButton.js +0 -47
- package/components/VibesButton/VibesButton.js.map +0 -1
- package/components/VibesButton/VibesButton.styles.d.ts +0 -7
- package/components/VibesButton/VibesButton.styles.js +0 -98
- package/components/VibesButton/VibesButton.styles.js.map +0 -1
- package/components/VibesButton/index.d.ts +0 -1
- package/components/VibesButton/index.js +0 -2
- package/components/VibesButton/index.js.map +0 -1
- package/components/VibesPanel.d.ts +0 -9
- package/components/VibesPanel.js +0 -97
- package/components/VibesPanel.js.map +0 -1
- package/components/VibesPanel.styles.d.ts +0 -14
- package/components/VibesPanel.styles.js +0 -137
- package/components/VibesPanel.styles.js.map +0 -1
- package/components/VibesSwitch/VibesSwitch.d.ts +0 -9
- package/components/VibesSwitch/VibesSwitch.js +0 -68
- package/components/VibesSwitch/VibesSwitch.js.map +0 -1
- package/components/VibesSwitch/VibesSwitch.styles.d.ts +0 -4
- package/components/VibesSwitch/VibesSwitch.styles.js +0 -5
- package/components/VibesSwitch/VibesSwitch.styles.js.map +0 -1
- package/components/icons/BackIcon.d.ts +0 -9
- package/components/icons/BackIcon.js +0 -7
- package/components/icons/BackIcon.js.map +0 -1
- package/components/icons/InviteIcon.d.ts +0 -9
- package/components/icons/InviteIcon.js +0 -7
- package/components/icons/InviteIcon.js.map +0 -1
- package/components/icons/LoginIcon.d.ts +0 -9
- package/components/icons/LoginIcon.js +0 -7
- package/components/icons/LoginIcon.js.map +0 -1
- package/components/icons/RemixIcon.d.ts +0 -9
- package/components/icons/RemixIcon.js +0 -7
- package/components/icons/RemixIcon.js.map +0 -1
- package/components/icons/SettingsIcon.d.ts +0 -9
- package/components/icons/SettingsIcon.js +0 -7
- package/components/icons/SettingsIcon.js.map +0 -1
- package/components/icons/index.d.ts +0 -5
- package/components/icons/index.js +0 -6
- package/components/icons/index.js.map +0 -1
- package/mounting/index.d.ts +0 -4
- package/mounting/index.js +0 -4
- package/mounting/index.js.map +0 -1
- package/mounting/mountVibeCode.d.ts +0 -15
- package/mounting/mountVibeCode.js +0 -66
- package/mounting/mountVibeCode.js.map +0 -1
- package/mounting/mountVibeWithCleanup.d.ts +0 -1
- package/mounting/mountVibeWithCleanup.js +0 -55
- package/mounting/mountVibeWithCleanup.js.map +0 -1
- package/mounting/types.d.ts +0 -10
- package/mounting/types.js +0 -7
- package/mounting/types.js.map +0 -1
- package/stories/VibeControl.stories.d.ts +0 -13
- package/stories/VibeControl.stories.js +0 -195
- package/stories/VibeControl.stories.js.map +0 -1
- package/styles/colors.css +0 -198
- package/vibe-app-mount.d.ts +0 -13
- package/vibe-app-mount.js +0 -39
- package/vibe-app-mount.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"VibeControl.js","sourceRoot":"","sources":["../../jsr/components/VibeControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AACtC,OAAO,EACL,uBAAuB,EACvB,yBAAyB,GAG1B,MAAM,iCAAiC,CAAC;AAmCzC,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,GAAG,YAAY,EACpB,QAAQ,GAAG,cAAc,EACzB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,OAAO,GAAG,yBAAyB,EACnC,OAAO,GAAG,IAAI,GACG,EAA6B;IAC9C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAGpE,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC;QACzC,SAAS,CAAC,IAAI,CAAC,CAAC;QAChB,MAAM,EAAE,EAAE,CAAC;IAAA,CACZ,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAGb,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC;QAC1C,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,OAAO,EAAE,EAAE,CAAC;IAAA,CACb,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAGd,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;QACpB,MAAM,YAAY,GAAG,CAAC,KAAoB,EAAE,EAAE,CAAC;YAC7C,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,MAAM,EAAE,CAAC;gBACrC,WAAW,EAAE,CAAC;YAChB,CAAC;QAAA,CACF,CAAC;QAEF,IAAI,MAAM,EAAE,CAAC;YACX,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;YAEnD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC1C,CAAC;aAAM,CAAC;YAEN,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC;QACpC,CAAC;QAED,OAAO,GAAG,EAAE,CAAC;YACX,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;YACtD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC;QAAA,CACnC,CAAC;IAAA,CACH,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IAG1B,MAAM,MAAM,GAAG,uBAAuB,CAAC,QAA+B,CAAC,CAAC;IAExE,MAAM,YAAY,GAAG;QACnB,GAAG,MAAM,CAAC,MAAM;QAChB,GAAG,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;KAChD,CAAC;IAEF,MAAM,iBAAiB,GAAG;QACxB,GAAG,MAAM,CAAC,WAAW;QACrB,GAAG,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC;KACpD,CAAC;IAEF,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC;QAC1B,IAAI,CAAC,MAAM;YAAE,OAAO,IAAI,CAAC;QAEzB,OAAO,QAAQ,CAAC,YAAY,CAC1B,6BAAK,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,CAAC,QAAQ;YAC5E,6BACE,KAAK,EAAE,MAAM,CAAC,OAAO,EACrB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACnC,SAAS,EAAE,OAAO,CAAC,OAAO;gBAE1B,4BAAI,KAAK,EAAE,MAAM,CAAC,YAAY,EAAE,SAAS,EAAE,OAAO,CAAC,YAAY,mBAE1D;gBAEL,gCACE,KAAK,EAAE,iBAAiB,EACxB,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAC5C,YAAY,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAC7C,SAAS,EAAE,OAAO,CAAC,WAAW,gBACnB,eAAe,aAGnB;gBAET,6BAAK,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,OAAO,IACnD,QAAQ,IAAI,CACX;oBACE,0DAA+B;oBAC/B,uIAGI;oBACJ,6BACE,KAAK,EAAE;4BACL,SAAS,EAAE,MAAM;4BACjB,OAAO,EAAE,MAAM;4BACf,eAAe,EAAE,SAAS;4BAC1B,YAAY,EAAE,KAAK;yBACpB;wBAED,4BAAI,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,wBAAwB;wBAC1D,4BAAI,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE;4BAC3C,sDAA4B;4BAC5B,sDAA4B;4BAC5B,qDAA2B;4BAC3B,oDAA0B,CACvB,CACD,CACF,CACP,CACG,CACF,CACF,EACN,QAAQ,CAAC,IAAI,CACd,CAAC;IAAA,CACH,CAAC;IAEF,OAAO,CACL;QACE,gCACE,KAAK,EAAE,YAAY,EACnB,OAAO,EAAE,UAAU,EACnB,YAAY,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAC7C,YAAY,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAC9C,SAAS,EAAE,OAAO,CAAC,MAAM,gBACb,KAAK,IAEhB,KAAK,CACC;QACR,aAAa,EAAE,CACf,CACJ,CAAC;AAAA,CACH;AAED,eAAe,WAAW,CAAC"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import '../../styles/colors.css';
|
|
3
|
-
export declare const BLUE: "blue";
|
|
4
|
-
export declare const RED: "red";
|
|
5
|
-
export declare const YELLOW: "yellow";
|
|
6
|
-
export declare const GRAY: "gray";
|
|
7
|
-
type ButtonVariant = 'blue' | 'red' | 'yellow' | 'gray';
|
|
8
|
-
type IconName = 'login' | 'remix' | 'invite' | 'settings' | 'back';
|
|
9
|
-
export interface MenuButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
10
|
-
variant?: ButtonVariant;
|
|
11
|
-
children: React.ReactNode;
|
|
12
|
-
onHover?: () => void;
|
|
13
|
-
onUnhover?: () => void;
|
|
14
|
-
icon?: IconName;
|
|
15
|
-
ignoreDarkMode?: boolean;
|
|
16
|
-
}
|
|
17
|
-
export declare function VibesButton({ variant, children, onHover, onUnhover, icon, style: customStyle, className, ignoreDarkMode, ...props }: MenuButtonProps): React.JSX.Element;
|
|
18
|
-
export {};
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import React, { useEffect, useState } from 'react';
|
|
2
|
-
import { getButtonStyle, getMergedButtonStyle, getIconContainerStyle, getIconStyle, getContentWrapperStyle, bounceKeyframes, } from './VibesButton.styles.js';
|
|
3
|
-
import { LoginIcon, RemixIcon, InviteIcon, SettingsIcon, BackIcon } from '../icons/index.js';
|
|
4
|
-
import { useMobile } from '../../hooks/useMobile.js';
|
|
5
|
-
import '../../styles/colors.css';
|
|
6
|
-
export const BLUE = 'blue';
|
|
7
|
-
export const RED = 'red';
|
|
8
|
-
export const YELLOW = 'yellow';
|
|
9
|
-
export const GRAY = 'gray';
|
|
10
|
-
const iconMap = {
|
|
11
|
-
login: LoginIcon,
|
|
12
|
-
remix: RemixIcon,
|
|
13
|
-
invite: InviteIcon,
|
|
14
|
-
settings: SettingsIcon,
|
|
15
|
-
back: BackIcon,
|
|
16
|
-
};
|
|
17
|
-
export function VibesButton({ variant = 'blue', children, onHover, onUnhover, icon, style: customStyle, className = '', ignoreDarkMode = false, ...props }) {
|
|
18
|
-
const buttonVariant = variant;
|
|
19
|
-
const [isHovered, setHovered] = useState(false);
|
|
20
|
-
const [isActive, setActive] = useState(false);
|
|
21
|
-
const isMobile = useMobile();
|
|
22
|
-
useEffect(() => {
|
|
23
|
-
if (isHovered) {
|
|
24
|
-
onHover?.();
|
|
25
|
-
}
|
|
26
|
-
else {
|
|
27
|
-
onUnhover?.();
|
|
28
|
-
}
|
|
29
|
-
}, [isHovered, onHover, onUnhover]);
|
|
30
|
-
const IconComponent = icon ? iconMap[icon] : undefined;
|
|
31
|
-
const baseStyle = getButtonStyle(buttonVariant, isHovered, isActive, isMobile, !!IconComponent);
|
|
32
|
-
const mergedStyle = getMergedButtonStyle(baseStyle, ignoreDarkMode, customStyle);
|
|
33
|
-
const iconContainerStyle = getIconContainerStyle(buttonVariant, isMobile, !!IconComponent);
|
|
34
|
-
const iconStyle = getIconStyle(isMobile, isHovered, isActive);
|
|
35
|
-
const contentWrapperStyle = getContentWrapperStyle(isMobile, !!IconComponent);
|
|
36
|
-
return (React.createElement(React.Fragment, null,
|
|
37
|
-
React.createElement("style", null, bounceKeyframes),
|
|
38
|
-
React.createElement("button", { ...props, className: className, onMouseEnter: () => setHovered(true), onMouseLeave: () => {
|
|
39
|
-
setHovered(false);
|
|
40
|
-
setActive(false);
|
|
41
|
-
}, onMouseDown: () => setActive(true), onMouseUp: () => setActive(false), style: mergedStyle }, IconComponent ? (React.createElement("div", { style: contentWrapperStyle },
|
|
42
|
-
React.createElement("div", { style: iconContainerStyle },
|
|
43
|
-
React.createElement("div", { style: iconStyle },
|
|
44
|
-
React.createElement(IconComponent, { bgFill: "var(--vibes-button-icon-bg)", fill: "var(--vibes-button-icon-fill)", width: isMobile ? 28 : 50, height: isMobile ? 28 : 50 }))),
|
|
45
|
-
React.createElement("span", null, children))) : (children))));
|
|
46
|
-
}
|
|
47
|
-
//# sourceMappingURL=VibesButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"VibesButton.js","sourceRoot":"","sources":["../../../jsr/components/VibesButton/VibesButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type React from 'react';
|
|
2
|
-
export declare const bounceKeyframes = "\n @keyframes vibes-button-bounce {\n 0%, 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-8px);\n }\n }\n";
|
|
3
|
-
export declare function getButtonStyle(variant: string, isHovered: boolean, isActive: boolean, isMobile: boolean | undefined, hasIcon: boolean): React.CSSProperties;
|
|
4
|
-
export declare function getMergedButtonStyle(baseStyle: React.CSSProperties, ignoreDarkMode: boolean, customStyle?: React.CSSProperties): React.CSSProperties;
|
|
5
|
-
export declare function getIconContainerStyle(variant: string, isMobile: boolean, hasIcon: boolean): React.CSSProperties;
|
|
6
|
-
export declare function getIconStyle(isMobile: boolean, isHovered: boolean, isActive: boolean): React.CSSProperties;
|
|
7
|
-
export declare function getContentWrapperStyle(isMobile: boolean, hasIcon: boolean): React.CSSProperties;
|
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
const variantColors = {
|
|
2
|
-
blue: 'var(--vibes-variant-blue)',
|
|
3
|
-
red: 'var(--vibes-variant-red)',
|
|
4
|
-
yellow: 'var(--vibes-variant-yellow)',
|
|
5
|
-
gray: 'var(--vibes-variant-gray)',
|
|
6
|
-
};
|
|
7
|
-
function getVariantColor(variant) {
|
|
8
|
-
return variantColors[variant] || variant;
|
|
9
|
-
}
|
|
10
|
-
export const bounceKeyframes = `
|
|
11
|
-
@keyframes vibes-button-bounce {
|
|
12
|
-
0%, 100% {
|
|
13
|
-
transform: translateY(0);
|
|
14
|
-
}
|
|
15
|
-
50% {
|
|
16
|
-
transform: translateY(-8px);
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
`;
|
|
20
|
-
export function getButtonStyle(variant, isHovered, isActive, isMobile = false, hasIcon) {
|
|
21
|
-
const cssColor = getVariantColor(variant);
|
|
22
|
-
let transform = 'translate(0px, 0px)';
|
|
23
|
-
let boxShadow = `8px 10px 0px 0px ${cssColor}, 8px 10px 0px 2px var(--vibes-button-border)`;
|
|
24
|
-
if (isHovered && !isActive) {
|
|
25
|
-
transform = 'translate(2px, 2px)';
|
|
26
|
-
boxShadow = `2px 3px 0px 0px ${cssColor}, 2px 3px 0px 2px var(--vibes-button-border)`;
|
|
27
|
-
}
|
|
28
|
-
if (isActive) {
|
|
29
|
-
transform = 'translate(4px, 5px)';
|
|
30
|
-
boxShadow = 'none';
|
|
31
|
-
}
|
|
32
|
-
return {
|
|
33
|
-
width: !hasIcon ? 'auto' : isMobile ? '100%' : '150px',
|
|
34
|
-
height: !hasIcon ? 'auto' : isMobile ? 'auto' : '150px',
|
|
35
|
-
minHeight: isMobile ? '60px' : undefined,
|
|
36
|
-
padding: isMobile ? '0.75rem 1.5rem' : '1rem 2rem',
|
|
37
|
-
borderRadius: '12px',
|
|
38
|
-
fontSize: '1rem',
|
|
39
|
-
fontWeight: 700,
|
|
40
|
-
textTransform: 'uppercase',
|
|
41
|
-
letterSpacing: '0.05em',
|
|
42
|
-
cursor: 'pointer',
|
|
43
|
-
transition: 'all 0.15s ease',
|
|
44
|
-
position: 'relative',
|
|
45
|
-
transform,
|
|
46
|
-
boxShadow,
|
|
47
|
-
};
|
|
48
|
-
}
|
|
49
|
-
export function getMergedButtonStyle(baseStyle, ignoreDarkMode, customStyle) {
|
|
50
|
-
return {
|
|
51
|
-
...baseStyle,
|
|
52
|
-
background: ignoreDarkMode ? 'var(--vibes-button-bg)' : 'var(--vibes-button-bg-dark-aware)',
|
|
53
|
-
color: ignoreDarkMode ? 'var(--vibes-button-text)' : 'var(--vibes-button-text-dark-aware)',
|
|
54
|
-
border: ignoreDarkMode
|
|
55
|
-
? '2px solid var(--vibes-button-border)'
|
|
56
|
-
: '2px solid var(--vibes-button-border-dark-aware)',
|
|
57
|
-
...customStyle,
|
|
58
|
-
};
|
|
59
|
-
}
|
|
60
|
-
export function getIconContainerStyle(variant, isMobile, hasIcon) {
|
|
61
|
-
if (!hasIcon)
|
|
62
|
-
return {};
|
|
63
|
-
const cssColor = getVariantColor(variant);
|
|
64
|
-
return {
|
|
65
|
-
width: isMobile ? '48px' : '80px',
|
|
66
|
-
height: isMobile ? '48px' : '80px',
|
|
67
|
-
backgroundColor: cssColor,
|
|
68
|
-
borderRadius: '8px',
|
|
69
|
-
display: 'flex',
|
|
70
|
-
alignItems: 'center',
|
|
71
|
-
justifyContent: 'center',
|
|
72
|
-
flexShrink: 0,
|
|
73
|
-
border: '2px solid var(--vibes-black)',
|
|
74
|
-
};
|
|
75
|
-
}
|
|
76
|
-
export function getIconStyle(isMobile, isHovered, isActive) {
|
|
77
|
-
return {
|
|
78
|
-
width: isMobile ? '28px' : '50px',
|
|
79
|
-
height: isMobile ? '28px' : '50px',
|
|
80
|
-
display: 'flex',
|
|
81
|
-
alignItems: 'center',
|
|
82
|
-
justifyContent: 'center',
|
|
83
|
-
animation: isHovered && !isActive ? 'vibes-button-bounce 0.8s ease-in-out infinite' : 'none',
|
|
84
|
-
};
|
|
85
|
-
}
|
|
86
|
-
export function getContentWrapperStyle(isMobile, hasIcon) {
|
|
87
|
-
if (!hasIcon)
|
|
88
|
-
return {};
|
|
89
|
-
return {
|
|
90
|
-
display: 'flex',
|
|
91
|
-
alignItems: 'center',
|
|
92
|
-
gap: isMobile ? '16px' : '6px',
|
|
93
|
-
flexDirection: isMobile ? 'row' : 'column',
|
|
94
|
-
justifyContent: isMobile ? 'flex-start' : 'center',
|
|
95
|
-
width: '100%',
|
|
96
|
-
};
|
|
97
|
-
}
|
|
98
|
-
//# sourceMappingURL=VibesButton.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"VibesButton.styles.js","sourceRoot":"","sources":["../../../jsr/components/VibesButton/VibesButton.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { VibesButton, BLUE, RED, YELLOW, GRAY } from './VibesButton.js';
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import '../styles/colors.css';
|
|
3
|
-
export interface VibesPanelProps {
|
|
4
|
-
style?: React.CSSProperties;
|
|
5
|
-
className?: string;
|
|
6
|
-
baseURL?: string;
|
|
7
|
-
token?: string;
|
|
8
|
-
}
|
|
9
|
-
export declare function VibesPanel({ style, className, baseURL, token }?: VibesPanelProps): React.JSX.Element;
|
package/components/VibesPanel.js
DELETED
|
@@ -1,97 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"VibesPanel.js","sourceRoot":"","sources":["../../jsr/components/VibesPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +0,0 @@
|
|
|
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;
|
|
@@ -1,137 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"VibesPanel.styles.js","sourceRoot":"","sources":["../../jsr/components/VibesPanel.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import '../../styles/colors.css';
|
|
3
|
-
export interface VibesSwitchProps {
|
|
4
|
-
size?: number | string;
|
|
5
|
-
className?: string;
|
|
6
|
-
isActive?: boolean;
|
|
7
|
-
onToggle?: (active: boolean) => void;
|
|
8
|
-
}
|
|
9
|
-
export declare function VibesSwitch({ size, className, isActive, onToggle }: VibesSwitchProps): React.JSX.Element;
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { switchColors } from './VibesSwitch.styles.js';
|
|
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
|
-
};
|
|
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`;
|
|
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`;
|
|
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 },
|
|
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" }),
|
|
23
|
-
React.createElement("path", { fill: "#fff", fillRule: "evenodd", clipRule: "evenodd", d: active ? stretchedD : originalD, style: {
|
|
24
|
-
transition: 'd 0.3s ease, transform 0.8s ease, fill 2s ease',
|
|
25
|
-
transform: active ? 'translateX(3px) ' : 'none',
|
|
26
|
-
} }),
|
|
27
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
|
|
28
|
-
transition: 'fill 0.5s ease',
|
|
29
|
-
fill: active ? switchColors.primary : switchColors.secondary,
|
|
30
|
-
}, d: "M181.891,205.861c0-5.043-0.001-10.086,0-15.129 c0.001-5.046,1.679-7.539,6.606-7.695c9.292-0.294,18.653-1.051,27.888,0.707c7.614,1.449,11.523,5.954,11.902,13.446 c0.066,1.312-0.313,2.752-0.857,3.966c-1.401,3.123-1.399,6.266-0.673,9.507c0.301,1.342,0.443,2.723,0.787,4.053 c1.274,4.925-1.78,10.114-6.085,11.937c-3.111,1.318-6.561,2.327-9.909,2.497c-7.303,0.37-14.639,0.136-21.96,0.101 c-1.165-0.005-2.345-0.181-3.488-0.422c-2.657-0.56-4.162-2.962-4.197-6.801C181.854,216.639,181.891,211.25,181.891,205.861z M204.442,192.385c-2.757,0-5.514,0-8.271,0c-3.695,0-5.151,1.669-4.712,5.403c0.369,3.14,1.05,3.735,4.225,3.737 c5.024,0.004,10.05,0.109,15.07-0.014c2.028-0.05,4.167-0.27,6.04-0.98c3.182-1.207,3.639-4.256,1.008-6.455 c-1.073-0.896-2.659-1.509-4.06-1.618C210.659,192.22,207.544,192.385,204.442,192.385z M204.334,211.104c0,0.045,0,0.091,0,0.137 c-3.101,0-6.203-0.055-9.302,0.037c-0.823,0.024-2.257,0.373-2.344,0.794c-0.447,2.154-0.959,4.444-0.639,6.563 c0.276,1.822,2.447,1.451,3.882,1.441c5.989-0.042,11.98-0.118,17.961-0.385c1.416-0.063,2.859-0.79,4.176-1.441 c1.79-0.886,1.833-2.475,1.029-4.046c-1.166-2.276-3.297-3.024-5.677-3.081C210.394,211.049,207.363,211.104,204.334,211.104z" }),
|
|
31
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
|
|
32
|
-
transition: 'fill 0.8s ease',
|
|
33
|
-
fill: active ? switchColors.primary : switchColors.secondary,
|
|
34
|
-
}, d: "M291.409,229.748c-3.621-0.394-7.838-0.587-11.94-1.379 c-3.577-0.69-6.343-2.991-8.213-6.163c-1.763-2.99-0.301-5.6,3.139-5.292c2.287,0.205,4.512,1.129,6.758,1.755 c6.281,1.751,12.643,1.892,19.053,0.951c0.667-0.098,1.31-0.416,1.941-0.686c1.502-0.644,2.55-1.682,2.581-3.415 c0.031-1.74-1.195-2.749-2.579-3.132c-2.298-0.637-4.688-1.021-7.065-1.273c-5.062-0.536-10.252-0.401-15.187-1.475 c-9.677-2.105-11.678-10.53-10.101-16.009c1.62-5.625,5.911-8.92,11.318-9.73c8.388-1.257,16.925-1.491,25.279,0.654 c3.702,0.951,6.615,3.072,7.883,6.931c0.918,2.792-0.332,4.6-3.268,4.357c-1.684-0.139-3.367-0.676-4.974-1.248 c-6.711-2.387-13.572-2.897-20.569-1.783c-1.001,0.159-2.146,0.414-2.875,1.034c-0.901,0.766-2.016,1.981-1.98,2.964 c0.041,1.128,0.995,2.733,1.991,3.206c1.81,0.857,3.925,1.279,5.948,1.441c5.152,0.41,10.356,0.296,15.479,0.905 c7.98,0.949,13.779,9.833,11.241,17.125c-1.959,5.628-6.44,8.489-12.143,9.322C299.455,229.344,295.715,229.419,291.409,229.748z" }),
|
|
35
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
|
|
36
|
-
transition: 'fill 1.2s ease',
|
|
37
|
-
fill: active ? switchColors.primary : switchColors.secondary,
|
|
38
|
-
}, d: "M235.786,208.14c0-6.905-0.01-13.809,0.004-20.714 c0.007-3.474,0.948-4.428,4.415-3.758c6.62,1.279,13.232,2.651,19.759,4.331c1.7,0.438,3.404,1.896,4.515,3.341 c1.777,2.31,0.433,5.367-2.463,5.745c-1.86,0.243-3.819-0.138-5.717-0.368c-2.183-0.264-4.339-0.783-6.525-0.976 c-1.572-0.138-3.065,0.375-3.8,1.959c-0.76,1.638-0.319,3.329,0.942,4.34c1.619,1.296,3.522,2.327,5.447,3.128 c2.146,0.894,4.539,1.207,6.66,2.145c1.446,0.64,2.982,1.687,3.786,2.981c0.689,1.11,0.928,3.094,0.378,4.202 c-0.492,0.991-2.32,1.795-3.579,1.825c-2.238,0.052-4.483-0.652-6.741-0.832c-1.614-0.127-3.333-0.203-4.865,0.212 c-2.574,0.699-3.225,3.013-1.719,5.218c1.396,2.044,3.431,3.141,5.757,3.761c2.791,0.744,5.637,1.315,8.373,2.222 c3.19,1.058,4.791,3.496,4.801,6.723c0.011,3.365-1.759,5.021-5.138,4.424c-4.402-0.778-8.759-1.81-13.134-2.735 c-2.357-0.499-4.718-0.981-7.069-1.511c-3.263-0.737-4.132-1.805-4.141-5.154c-0.019-6.836-0.006-13.672-0.006-20.508 C235.747,208.141,235.766,208.14,235.786,208.14z" }),
|
|
39
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
|
|
40
|
-
transition: 'fill 0.6s ease',
|
|
41
|
-
fill: active ? switchColors.primary : switchColors.secondary,
|
|
42
|
-
}, d: "M135.138,229.842c-2.941-0.084-5.296-1.462-6.684-3.9 c-1.827-3.21-3.328-6.618-4.81-10.011c-3.55-8.128-7.021-16.291-10.486-24.455c-0.48-1.132-0.902-2.329-1.087-3.536 c-0.417-2.72,1.238-4.585,3.938-4.119c1.591,0.275,3.569,0.98,4.45,2.173c2.226,3.015,4.175,6.299,5.784,9.69 c2.208,4.654,3.898,9.552,6.032,14.244c0.628,1.379,2.009,2.416,3.045,3.609c0.892-1.159,2.042-2.201,2.63-3.498 c2.697-5.953,5.22-11.985,7.841-17.974c1.423-3.252,3.089-6.418,6.532-7.905c1.238-0.535,3.012-0.712,4.184-0.214 c0.81,0.344,1.377,2.126,1.385,3.271c0.009,1.458-0.479,2.997-1.059,4.371c-4.227,10.013-8.504,20.005-12.833,29.974 c-0.79,1.819-1.762,3.589-2.875,5.229C139.73,228.848,137.671,229.894,135.138,229.842z" }),
|
|
43
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
|
|
44
|
-
transition: 'fill 1.3s ease',
|
|
45
|
-
fill: active ? switchColors.primary : switchColors.secondary,
|
|
46
|
-
}, d: "M164.636,206.263c0-6.691,0.054-13.383-0.036-20.073 c-0.024-1.851,0.716-2.67,2.449-2.81c0.274-0.022,0.549-0.054,0.823-0.076c5.488-0.445,6.091,0.105,6.091,5.562 c0,12.348,0,24.695,0,37.043c0,2.887-0.354,3.405-3.222,3.618c-1.628,0.121-3.338-0.001-4.91-0.408 c-0.593-0.153-1.265-1.408-1.278-2.171c-0.096-5.584-0.034-11.172-0.022-16.759c0.002-1.308,0-2.617,0-3.926 C164.566,206.263,164.601,206.263,164.636,206.263z" }),
|
|
47
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
|
|
48
|
-
transition: 'fill 1s ease',
|
|
49
|
-
fill: active ? switchColors.secondary : switchColors.primary,
|
|
50
|
-
}, d: "M388.313,210.147c0-6.356,0.034-12.713-0.023-19.069 c-0.015-1.61,0.359-2.472,2.19-2.346c2.887,0.198,5.809,0.045,8.671,0.398c4.396,0.542,8.019,4.294,8.144,8.904 c0.223,8.142,0.265,16.304-0.074,24.439c-0.248,5.945-4.552,9.662-10.491,9.831c-1.999,0.057-4.003-0.081-6.006-0.09 c-1.746-0.008-2.439-0.853-2.428-2.584C388.34,223.136,388.313,216.642,388.313,210.147z M393.418,210.324c-0.037,0-0.075,0-0.114,0 c0,4.55-0.038,9.101,0.015,13.65c0.031,2.688,0.926,3.439,3.56,3.239c3.273-0.248,5.493-2.511,5.534-6.04 c0.082-7.099,0.054-14.2-0.033-21.299c-0.041-3.268-1.739-5.241-4.87-6.092c-2.68-0.728-4.025,0.161-4.07,2.896 C393.364,201.226,393.418,205.775,393.418,210.324z" }),
|
|
51
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
|
|
52
|
-
transition: 'fill 1s ease',
|
|
53
|
-
fill: active ? switchColors.secondary : switchColors.primary,
|
|
54
|
-
}, d: "M478.079,200.8c0.674-1.566,1.121-2.53,1.506-3.519 c0.673-1.73,1.252-3.5,1.981-5.205c0.315-0.737,0.766-1.654,1.407-1.961c1.094-0.523,2.388-0.63,3.598-0.912 c0.205,1.142,0.798,2.381,0.537,3.404c-0.606,2.388-1.448,4.756-2.507,6.984c-3.981,8.389-4.352,17.254-3.78,26.282 c0.091,1.438,0.031,2.899-0.105,4.335c-0.14,1.473-0.989,2.428-2.542,2.497c-1.514,0.067-2.311-0.903-2.54-2.23 c-0.232-1.348-0.394-2.754-0.277-4.108c0.94-10.972-1.116-21.38-5.626-31.375c-0.586-1.298-0.899-2.762-1.093-4.183 c-0.233-1.712,0.825-2.592,2.379-1.843c1.164,0.561,2.345,1.55,2.973,2.657c1.078,1.897,1.712,4.043,2.568,6.07 C476.918,198.547,477.37,199.361,478.079,200.8z" }),
|
|
55
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
|
|
56
|
-
transition: 'fill 1s ease',
|
|
57
|
-
fill: active ? switchColors.secondary : switchColors.primary,
|
|
58
|
-
}, d: "M440.516,210.627c0,6.281,0.007,12.563-0.004,18.844 c-0.004,2.067-0.805,3.038-2.531,3.015c-1.877-0.025-2.365-1.136-2.359-2.876c0.046-12.631,0.019-25.263,0.029-37.895 c0.002-2.592,0.525-3.205,2.419-3.148c1.856,0.057,2.479,1.03,2.466,2.803C440.484,197.788,440.515,204.208,440.516,210.627z" }),
|
|
59
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
|
|
60
|
-
transition: 'fill 1s ease',
|
|
61
|
-
fill: active ? switchColors.secondary : switchColors.primary,
|
|
62
|
-
}, d: "M416.875,210.721c0.068-3.305,1.849-5.306,4.727-5.309 c2.765-0.003,4.924,2.404,4.816,5.371c-0.106,2.956-2.355,5.212-5.12,5.138C418.626,215.849,416.813,213.718,416.875,210.721z" }),
|
|
63
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
|
|
64
|
-
transition: 'fill 1s ease',
|
|
65
|
-
fill: active ? switchColors.secondary : switchColors.primary,
|
|
66
|
-
}, d: "M449.933,210.636c0.102-3.331,1.886-5.279,4.778-5.22 c2.67,0.055,4.829,2.432,4.762,5.243c-0.073,3.021-2.404,5.36-5.242,5.261C451.606,215.829,449.84,213.657,449.933,210.636z" })));
|
|
67
|
-
}
|
|
68
|
-
//# sourceMappingURL=VibesSwitch.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"VibesSwitch.js","sourceRoot":"","sources":["../../../jsr/components/VibesSwitch/VibesSwitch.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,7 +0,0 @@
|
|
|
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
|