@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.
Files changed (95) hide show
  1. package/contexts/VibeContext.d.ts +0 -4
  2. package/contexts/VibeContext.js +4 -22
  3. package/contexts/VibeContext.js.map +1 -1
  4. package/index.d.ts +3 -24
  5. package/index.js +7 -24
  6. package/index.js.map +1 -1
  7. package/package.json +12 -19
  8. package/clerk-token-strategy.d.ts +0 -26
  9. package/clerk-token-strategy.js +0 -65
  10. package/clerk-token-strategy.js.map +0 -1
  11. package/components/BrutalistCard/BrutalistCard.d.ts +0 -10
  12. package/components/BrutalistCard/BrutalistCard.js +0 -15
  13. package/components/BrutalistCard/BrutalistCard.js.map +0 -1
  14. package/components/BrutalistCard/BrutalistCard.styles.d.ts +0 -4
  15. package/components/BrutalistCard/BrutalistCard.styles.js +0 -73
  16. package/components/BrutalistCard/BrutalistCard.styles.js.map +0 -1
  17. package/components/BrutalistCard/index.d.ts +0 -3
  18. package/components/BrutalistCard/index.js +0 -2
  19. package/components/BrutalistCard/index.js.map +0 -1
  20. package/components/HiddenMenuWrapper/HiddenMenuWrapper.d.ts +0 -8
  21. package/components/HiddenMenuWrapper/HiddenMenuWrapper.js +0 -181
  22. package/components/HiddenMenuWrapper/HiddenMenuWrapper.js.map +0 -1
  23. package/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.d.ts +0 -31
  24. package/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.js +0 -112
  25. package/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.js.map +0 -1
  26. package/components/LabelContainer/LabelContainer.d.ts +0 -9
  27. package/components/LabelContainer/LabelContainer.js +0 -10
  28. package/components/LabelContainer/LabelContainer.js.map +0 -1
  29. package/components/LabelContainer/LabelContainer.styles.d.ts +0 -7
  30. package/components/LabelContainer/LabelContainer.styles.js +0 -159
  31. package/components/LabelContainer/LabelContainer.styles.js.map +0 -1
  32. package/components/LabelContainer/index.d.ts +0 -2
  33. package/components/LabelContainer/index.js +0 -2
  34. package/components/LabelContainer/index.js.map +0 -1
  35. package/components/VibeControl.d.ts +0 -13
  36. package/components/VibeControl.js +0 -74
  37. package/components/VibeControl.js.map +0 -1
  38. package/components/VibesButton/VibesButton.d.ts +0 -18
  39. package/components/VibesButton/VibesButton.js +0 -47
  40. package/components/VibesButton/VibesButton.js.map +0 -1
  41. package/components/VibesButton/VibesButton.styles.d.ts +0 -7
  42. package/components/VibesButton/VibesButton.styles.js +0 -98
  43. package/components/VibesButton/VibesButton.styles.js.map +0 -1
  44. package/components/VibesButton/index.d.ts +0 -1
  45. package/components/VibesButton/index.js +0 -2
  46. package/components/VibesButton/index.js.map +0 -1
  47. package/components/VibesPanel.d.ts +0 -9
  48. package/components/VibesPanel.js +0 -97
  49. package/components/VibesPanel.js.map +0 -1
  50. package/components/VibesPanel.styles.d.ts +0 -14
  51. package/components/VibesPanel.styles.js +0 -137
  52. package/components/VibesPanel.styles.js.map +0 -1
  53. package/components/VibesSwitch/VibesSwitch.d.ts +0 -9
  54. package/components/VibesSwitch/VibesSwitch.js +0 -68
  55. package/components/VibesSwitch/VibesSwitch.js.map +0 -1
  56. package/components/VibesSwitch/VibesSwitch.styles.d.ts +0 -4
  57. package/components/VibesSwitch/VibesSwitch.styles.js +0 -5
  58. package/components/VibesSwitch/VibesSwitch.styles.js.map +0 -1
  59. package/components/icons/BackIcon.d.ts +0 -9
  60. package/components/icons/BackIcon.js +0 -7
  61. package/components/icons/BackIcon.js.map +0 -1
  62. package/components/icons/InviteIcon.d.ts +0 -9
  63. package/components/icons/InviteIcon.js +0 -7
  64. package/components/icons/InviteIcon.js.map +0 -1
  65. package/components/icons/LoginIcon.d.ts +0 -9
  66. package/components/icons/LoginIcon.js +0 -7
  67. package/components/icons/LoginIcon.js.map +0 -1
  68. package/components/icons/RemixIcon.d.ts +0 -9
  69. package/components/icons/RemixIcon.js +0 -7
  70. package/components/icons/RemixIcon.js.map +0 -1
  71. package/components/icons/SettingsIcon.d.ts +0 -9
  72. package/components/icons/SettingsIcon.js +0 -7
  73. package/components/icons/SettingsIcon.js.map +0 -1
  74. package/components/icons/index.d.ts +0 -5
  75. package/components/icons/index.js +0 -6
  76. package/components/icons/index.js.map +0 -1
  77. package/mounting/index.d.ts +0 -4
  78. package/mounting/index.js +0 -4
  79. package/mounting/index.js.map +0 -1
  80. package/mounting/mountVibeCode.d.ts +0 -15
  81. package/mounting/mountVibeCode.js +0 -66
  82. package/mounting/mountVibeCode.js.map +0 -1
  83. package/mounting/mountVibeWithCleanup.d.ts +0 -1
  84. package/mounting/mountVibeWithCleanup.js +0 -55
  85. package/mounting/mountVibeWithCleanup.js.map +0 -1
  86. package/mounting/types.d.ts +0 -10
  87. package/mounting/types.js +0 -7
  88. package/mounting/types.js.map +0 -1
  89. package/stories/VibeControl.stories.d.ts +0 -13
  90. package/stories/VibeControl.stories.js +0 -195
  91. package/stories/VibeControl.stories.js.map +0 -1
  92. package/styles/colors.css +0 -198
  93. package/vibe-app-mount.d.ts +0 -13
  94. package/vibe-app-mount.js +0 -39
  95. 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":"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"}
@@ -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":"AAGA,MAAM,aAAa,GAA2B;IAC5C,IAAI,EAAE,2BAA2B;IACjC,GAAG,EAAE,0BAA0B;IAC/B,MAAM,EAAE,6BAA6B;IACrC,IAAI,EAAE,2BAA2B;CAClC,CAAC;AAGF,SAAS,eAAe,CAAC,OAAe,EAAU;IAChD,OAAO,aAAa,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC;AAAA,CAC1C;AAGD,MAAM,CAAC,MAAM,eAAe,GAAG;;;;;;;;;CAS9B,CAAC;AAEF,MAAM,UAAU,cAAc,CAC5B,OAAe,EACf,SAAkB,EAClB,QAAiB,EACjB,QAAQ,GAAG,KAAK,EAChB,OAAgB,EACK;IACrB,MAAM,QAAQ,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IAC1C,IAAI,SAAS,GAAG,qBAAqB,CAAC;IACtC,IAAI,SAAS,GAAG,oBAAoB,QAAQ,+CAA+C,CAAC;IAE5F,IAAI,SAAS,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC3B,SAAS,GAAG,qBAAqB,CAAC;QAClC,SAAS,GAAG,mBAAmB,QAAQ,8CAA8C,CAAC;IACxF,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACb,SAAS,GAAG,qBAAqB,CAAC;QAClC,SAAS,GAAG,MAAM,CAAC;IACrB,CAAC;IAED,OAAO;QACL,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;QACtD,MAAM,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;QACvD,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QACxC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,WAAW;QAClD,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;AAED,MAAM,UAAU,oBAAoB,CAClC,SAA8B,EAC9B,cAAuB,EACvB,WAAiC,EACZ;IACrB,OAAO;QACL,GAAG,SAAS;QACZ,UAAU,EAAE,cAAc,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,mCAAmC;QAC3F,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,qCAAqC;QAC1F,MAAM,EAAE,cAAc;YACpB,CAAC,CAAC,sCAAsC;YACxC,CAAC,CAAC,iDAAiD;QACrD,GAAG,WAAW;KACf,CAAC;AAAA,CACH;AAED,MAAM,UAAU,qBAAqB,CACnC,OAAe,EACf,QAAiB,EACjB,OAAgB,EACK;IACrB,IAAI,CAAC,OAAO;QAAE,OAAO,EAAE,CAAC;IAExB,MAAM,QAAQ,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IAE1C,OAAO;QACL,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;QACjC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;QAClC,eAAe,EAAE,QAAQ;QACzB,YAAY,EAAE,KAAK;QACnB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,CAAC;QACb,MAAM,EAAE,8BAA8B;KACvC,CAAC;AAAA,CACH;AAED,MAAM,UAAU,YAAY,CAC1B,QAAiB,EACjB,SAAkB,EAClB,QAAiB,EACI;IACrB,OAAO;QACL,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;QACjC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;QAClC,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,SAAS,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,+CAA+C,CAAC,CAAC,CAAC,MAAM;KAC7F,CAAC;AAAA,CACH;AAED,MAAM,UAAU,sBAAsB,CAAC,QAAiB,EAAE,OAAgB,EAAuB;IAC/F,IAAI,CAAC,OAAO;QAAE,OAAO,EAAE,CAAC;IAExB,OAAO;QACL,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK;QAC9B,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAE,KAAe,CAAC,CAAC,CAAE,QAAkB;QAChE,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAE,YAAsB,CAAC,CAAC,CAAE,QAAkB;QACxE,KAAK,EAAE,MAAM;KACd,CAAC;AAAA,CACH"}
@@ -1 +0,0 @@
1
- export { VibesButton, BLUE, RED, YELLOW, GRAY } from './VibesButton.js';
@@ -1,2 +0,0 @@
1
- export { VibesButton, BLUE, RED, YELLOW, GRAY } from './VibesButton.js';
2
- //# sourceMappingURL=index.js.map
@@ -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;
@@ -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,4 +0,0 @@
1
- export declare const switchColors: {
2
- primary: string;
3
- secondary: string;
4
- };
@@ -1,5 +0,0 @@
1
- export const switchColors = {
2
- primary: 'var(--vibes-black)',
3
- secondary: 'var(--vibes-white)',
4
- };
5
- //# sourceMappingURL=VibesSwitch.styles.js.map
@@ -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,9 +0,0 @@
1
- import React from 'react';
2
- interface BackIconProps {
3
- bgFill?: string;
4
- fill?: string;
5
- width?: number;
6
- height?: number;
7
- }
8
- export declare function BackIcon({ bgFill, fill, width, height }: BackIconProps): React.JSX.Element;
9
- export {};
@@ -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