@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,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { BrutalistCardVariant, BrutalistCardSize } from './BrutalistCard.styles.js';
|
|
3
|
+
import '../../styles/colors.css';
|
|
3
4
|
export interface BrutalistCardProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
5
|
children: React.ReactNode;
|
|
5
6
|
variant?: BrutalistCardVariant;
|
|
@@ -1,21 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { getBrutalistCardStyle } from './BrutalistCard.styles.js';
|
|
3
|
+
import '../../styles/colors.css';
|
|
3
4
|
export const BrutalistCard = React.forwardRef(({ children, variant = 'default', size = 'md', messageType, style, className, ...divProps }, ref) => {
|
|
4
|
-
const [isDark, setIsDark] = React.useState(false);
|
|
5
|
-
React.useEffect(() => {
|
|
6
|
-
const checkDarkMode = () => {
|
|
7
|
-
setIsDark(window.matchMedia('(prefers-color-scheme: dark)').matches);
|
|
8
|
-
};
|
|
9
|
-
checkDarkMode();
|
|
10
|
-
const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
|
|
11
|
-
mediaQuery.addEventListener('change', checkDarkMode);
|
|
12
|
-
return () => mediaQuery.removeEventListener('change', checkDarkMode);
|
|
13
|
-
}, []);
|
|
14
5
|
const cardStyle = {
|
|
15
6
|
...getBrutalistCardStyle(variant, size, messageType),
|
|
16
|
-
background:
|
|
17
|
-
color:
|
|
18
|
-
border:
|
|
7
|
+
background: 'var(--vibes-card-bg)',
|
|
8
|
+
color: 'var(--vibes-card-text)',
|
|
9
|
+
border: '3px solid var(--vibes-card-border)',
|
|
19
10
|
...style,
|
|
20
11
|
};
|
|
21
12
|
return (React.createElement("div", { ref: ref, style: cardStyle, className: className, ...divProps }, children));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BrutalistCard.js","sourceRoot":"","sources":["../../../jsr/components/BrutalistCard/BrutalistCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"BrutalistCard.js","sourceRoot":"","sources":["../../../jsr/components/BrutalistCard/BrutalistCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE,OAAO,yBAAyB,CAAC;AA8BjC,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAC3C,CACE,EACE,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,WAAW,EACX,KAAK,EACL,SAAS,EACT,GAAG,QAAQ,EACQ,EACrB,GAAG,EACH,EAAE,CAAC;IACH,MAAM,SAAS,GAAG;QAChB,GAAG,qBAAqB,CAAC,OAAO,EAAE,IAAI,EAAE,WAAW,CAAC;QACpD,UAAU,EAAE,sBAAsB;QAClC,KAAK,EAAE,wBAAwB;QAC/B,MAAM,EAAE,oCAAoC;QAC5C,GAAG,KAAK;KACc,CAAC;IAEzB,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,KAAM,QAAQ,IAChE,QAAQ,CACL,CACP,CAAC;AAAA,CACH,CACF,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
function getShadowColor(variant) {
|
|
2
2
|
switch (variant) {
|
|
3
3
|
case 'success':
|
|
4
|
-
return '
|
|
4
|
+
return 'var(--vibes-green)';
|
|
5
5
|
case 'error':
|
|
6
|
-
return '
|
|
6
|
+
return 'var(--vibes-red-accent)';
|
|
7
7
|
case 'warning':
|
|
8
|
-
return '
|
|
8
|
+
return 'var(--vibes-yellow-accent)';
|
|
9
9
|
case 'default':
|
|
10
10
|
default:
|
|
11
|
-
return '
|
|
11
|
+
return 'var(--vibes-shadow-color)';
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
14
|
function getPadding(size) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BrutalistCard.styles.js","sourceRoot":"","sources":["../../../jsr/components/BrutalistCard/BrutalistCard.styles.ts"],"names":[],"mappings":"AAQA,SAAS,cAAc,CAAC,OAA6B,EAAU;IAC7D,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,
|
|
1
|
+
{"version":3,"file":"BrutalistCard.styles.js","sourceRoot":"","sources":["../../../jsr/components/BrutalistCard/BrutalistCard.styles.ts"],"names":[],"mappings":"AAQA,SAAS,cAAc,CAAC,OAA6B,EAAU;IAC7D,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,oBAAoB,CAAC;QAC9B,KAAK,OAAO;YACV,OAAO,yBAAyB,CAAC;QACnC,KAAK,SAAS;YACZ,OAAO,4BAA4B,CAAC;QACtC,KAAK,SAAS,CAAC;QACf;YACE,OAAO,2BAA2B,CAAC;IACvC,CAAC;AAAA,CACF;AAKD,SAAS,UAAU,CAAC,IAAuB,EAAU;IACnD,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,IAAI;YACP,OAAO,cAAc,CAAC;QACxB,KAAK,IAAI;YACP,OAAO,MAAM,CAAC;QAChB,KAAK,IAAI;YACP,OAAO,WAAW,CAAC;QACrB;YACE,OAAO,MAAM,CAAC;IAClB,CAAC;AAAA,CACF;AAKD,SAAS,WAAW,CAAC,IAAuB,EAAU;IACpD,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,IAAI;YACP,OAAO,UAAU,CAAC;QACpB,KAAK,IAAI;YACP,OAAO,MAAM,CAAC;QAChB,KAAK,IAAI;YACP,OAAO,MAAM,CAAC;QAChB;YACE,OAAO,MAAM,CAAC;IAClB,CAAC;AAAA,CACF;AAKD,SAAS,YAAY,CAAC,IAAuB,EAAE,OAA6B,EAAU;IACpF,MAAM,KAAK,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IAEtC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,IAAI;YACP,OAAO,mBAAmB,KAAK,EAAE,CAAC;QACpC,KAAK,IAAI;YACP,OAAO,mBAAmB,KAAK,EAAE,CAAC;QACpC,KAAK,IAAI;YACP,OAAO,mBAAmB,KAAK,EAAE,CAAC;QACpC;YACE,OAAO,mBAAmB,KAAK,EAAE,CAAC;IACtC,CAAC;AAAA,CACF;AAKD,SAAS,eAAe,CAAC,WAA2B,EAAU;IAC5D,QAAQ,WAAW,EAAE,CAAC;QACpB,KAAK,MAAM;YACT,OAAO,kBAAkB,CAAC;QAC5B,KAAK,IAAI;YACP,OAAO,kBAAkB,CAAC;QAC5B;YACE,OAAO,MAAM,CAAC;IAClB,CAAC;AAAA,CACF;AAKD,MAAM,UAAU,qBAAqB,CACnC,OAAO,GAAyB,SAAS,EACzC,IAAI,GAAsB,IAAI,EAC9B,WAA2B,EACZ;IACf,OAAO;QAEL,YAAY,EAAE,eAAe,CAAC,WAAW,CAAC;QAC1C,OAAO,EAAE,UAAU,CAAC,IAAI,CAAC;QACzB,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC;QAC3B,UAAU,EAAE,GAAG;QACf,aAAa,EAAE,QAAQ;QACvB,SAAS,EAAE,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC;QACtC,UAAU,EAAE,6CAA6C;QACzD,SAAS,EAAE,YAAqB;KACjC,CAAC;AAAA,CACH"}
|
|
@@ -1,7 +1,33 @@
|
|
|
1
|
+
if (typeof document !== 'undefined') {
|
|
2
|
+
const styleId = 'hidden-menu-wrapper-vars';
|
|
3
|
+
if (!document.getElementById(styleId)) {
|
|
4
|
+
const style = document.createElement('style');
|
|
5
|
+
style.id = styleId;
|
|
6
|
+
style.textContent = `
|
|
7
|
+
:root {
|
|
8
|
+
--hm-menu-bg: var(--vibes-gray-lightest);
|
|
9
|
+
--hm-menu-text: var(--vibes-white);
|
|
10
|
+
--hm-content-bg: #1e1e1e;
|
|
11
|
+
--hm-shadow: rgba(0, 0, 0, 0.3);
|
|
12
|
+
--hm-grid-line: rgba(255, 255, 255, 0.5);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
@media (prefers-color-scheme: dark) {
|
|
16
|
+
:root {
|
|
17
|
+
--hm-menu-bg: #2a2a2a;
|
|
18
|
+
--hm-menu-text: var(--vibes-gray-ultralight);
|
|
19
|
+
--hm-content-bg: var(--vibes-near-black);
|
|
20
|
+
--hm-shadow: rgba(255, 255, 255, 0.1);
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
`;
|
|
24
|
+
document.head.appendChild(style);
|
|
25
|
+
}
|
|
26
|
+
}
|
|
1
27
|
export const hiddenMenuTheme = {
|
|
2
28
|
colors: {
|
|
3
|
-
menuBg: 'var(--hm-menu-bg,
|
|
4
|
-
menuText: 'var(--hm-menu-text, white)',
|
|
29
|
+
menuBg: 'var(--hm-menu-bg, var(--vibes-gray-lightest))',
|
|
30
|
+
menuText: 'var(--hm-menu-text, var(--vibes-white))',
|
|
5
31
|
contentBg: 'var(--hm-content-bg, #1e1e1e)',
|
|
6
32
|
shadow: 'var(--hm-shadow, rgba(0, 0, 0, 0.3))',
|
|
7
33
|
gridLineColor: 'var(--hm-grid-line, rgba(255, 255, 255, 0.5))',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HiddenMenuWrapper.styles.js","sourceRoot":"","sources":["../../../jsr/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.ts"],"names":[],"mappings":"AAoBA,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,MAAM,EAAE;QACN,MAAM,EAAE
|
|
1
|
+
{"version":3,"file":"HiddenMenuWrapper.styles.js","sourceRoot":"","sources":["../../../jsr/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.ts"],"names":[],"mappings":"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"}
|
package/components/ImgGen.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImgGen.js","sourceRoot":"","sources":["../../jsr/components/ImgGen.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ImgGen.js","sourceRoot":"","sources":["../../jsr/components/ImgGen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACxF,OAAO,EAAE,YAAY,EAAY,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EACL,mBAAmB,EACnB,wBAAwB,EACxB,aAAa,EACb,WAAW,GACZ,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAO7C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAmDvC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,eAAe,EAAE,CAAC,CAAC;AAK5C,SAAS,UAAU,CAAC,KAA2B,EAAsB;IAEnE,MAAM,EACJ,MAAM,EACN,GAAG,EACH,SAAS,EACT,GAAG,EACH,MAAM,EACN,OAAO,EACP,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,iBAAiB,EACjB,OAAO,GAAG,cAAc,EACxB,KAAK,EACL,WAAW,EAEX,GAAG,cAAc,EAClB,GAAG,KAAK,CAAC;IAGV,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,YAAY,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC;IAI5D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAGtF,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAClE,SAAS,CACV,CAAC;IAGF,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAuB,IAAI,CAAC,CAAC;IAG3F,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CACjC,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,EACjD,CAAC,OAAO,EAAE,MAAM,CAAC,CAClB,CAAC;IAGF,MAAM,eAAe,GAAG,mBAAmB,IAAI,MAAM,IAAI,EAAE,CAAC;IAI5D,MAAM,oBAAoB,GAAG,CAAC,eAAe,IAAI,CAAC,GAAG,CAAC;IAGtD,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,CAAC,WAAW,IAAI,kBAAkB,CAAC,CAAC;QAE5F,MAAM,EAAE,eAAe;QACvB,GAAG,EAAE,GAAG;QACR,OAAO,EAAE;YACP,GAAG,aAAa;YAEhB,GAAG,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;SAC5D;QACD,QAAQ;QAER,YAAY;QAGZ,IAAI,EAAE,oBAAoB;KAC3B,CAAC,CAAC;IAGH,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC;QAC/B,OAAO,aAAa,CAAC;YACnB,QAAQ;YACR,MAAM,EAAE,eAAe,EAAE,mDAAmD;YAC5E,OAAO;YACP,KAAK,EAAE,KAAK,IAAI,SAAS;YACzB,KAAK;SACN,CAAC,CAAC;IAAA,CACJ,EAAE,CAAC,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEvD,IAAI,KAAK,EAAE,CAAC;QACV,QAAQ,CAAC,4BAA4B,EAAE,IAAI,EAAE;YAC3C,QAAQ,EAAE,CAAC,CAAC,QAAQ;YACpB,UAAU,EAAE,QAAQ,EAAE,GAAG;YACzB,MAAM,EAAE,CAAC,CAAC,MAAM;YAChB,OAAO;YACP,KAAK,EAAE,CAAC,CAAC,KAAK;SACf,CAAC,CAAC;IACL,CAAC;IAID,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;QACpB,IAAI,UAAU,IAAI,SAAS,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC;YAClD,UAAU,EAAE,CAAC;QACf,CAAC;IAAA,CACF,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAG5C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;QACpB,IAAI,OAAO,IAAI,KAAK,EAAE,CAAC;YACrB,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC;IAAA,CACF,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAGrB,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC;QAC1C,IAAI,QAAQ,EAAE,GAAG,IAAI,GAAG,IAAI,MAAM,EAAE,CAAC;YAEnC,MAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;YACrC,eAAe,CAAC,QAAQ,CAAC,CAAC;QAC5B,CAAC;IAAA,CACF,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;IAG5B,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CACxC,KAAK,EAAE,EAAU,EAAE,SAAiB,EAAE,EAAE,CAAC;QAEvC,sBAAsB,CAAC,SAAS,CAAC,CAAC;QAElC,IAAI,CAAC;YAEH,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;YAC7B,IAAI,CAAC,GAAG,EAAE,CAAC;gBACT,QAAQ,CAAC,qBAAqB,EAAE,EAAE,CAAC,CAAC;gBACpC,OAAO;YACT,CAAC;YAID,MAAM,UAAU,GAA4B,EAAE,GAAG,GAAG,EAAE,CAAC;YAEvD,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;gBAEvB,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC;gBACnC,UAAU,CAAC,OAAO,GAAG;oBACnB,GAAI,UAAU,CAAC,OAAmC;oBAClD,CAAC,SAAS,CAAC,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;iBACjC,CAAC;gBACF,UAAU,CAAC,gBAAgB,GAAG,SAAS,CAAC;YAC1C,CAAC;iBAAM,CAAC;gBAEN,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC;YAChC,CAAC;YAGD,MAAM,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;YAGzB,IAAI,YAAY,EAAE,CAAC;gBACjB,YAAY,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC;YAC9B,CAAC;YAID,MAAM,YAAY,GAAG,MAAM,EAAE,CAAC,GAAG,CAAgB,EAAE,CAAC,CAAC;YAGrD,IAAI,YAAY,EAAE,CAAC;gBAEjB,mBAAmB,CAAC,YAAY,CAAC,CAAC;gBAElC,IAAI,KAAK,EAAE,CAAC;oBACV,QAAQ,CACN,iDAAiD,EACjD,YAAY,CAAC,GAAG,EAChB,aAAa,EACb,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAC7E,CAAC;gBACJ,CAAC;YACH,CAAC;YAGD,WAAW,EAAE,CAAC;QAChB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,QAAQ,CAAC,wBAAwB,EAAE,KAAK,CAAC,CAAC;QAC5C,CAAC;IAAA,CACF,EACD,CAAC,EAAE,EAAE,WAAW,EAAE,YAAY,CAAC,CAChC,CAAC;IAGF,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CACpC,KAAK,EAAE,EAAU,EAAE,EAAE,CAAC;QACpB,QAAQ,CAAC,yCAAyC,EAAE,EAAE,CAAC,CAAC;QACxD,IAAI,CAAC;YAEH,MAAM,MAAM,GAAG,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;YAEhC,IAAI,KAAK,EAAE,CAAC;gBACV,QAAQ,CAAC,oCAAoC,EAAE,MAAM,CAAC,CAAC;YACzD,CAAC;YAGD,IAAI,QAAQ,EAAE,CAAC;gBACb,IAAI,KAAK,EAAE,CAAC;oBACV,QAAQ,CAAC,6CAA6C,EAAE,EAAE,CAAC,CAAC;gBAC9D,CAAC;gBACD,QAAQ,CAAC,EAAE,CAAC,CAAC;YACf,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,QAAQ,CAAC,0BAA0B,EAAE,KAAK,CAAC,CAAC;QAC9C,CAAC;IAAA,CACF,EACD,CAAC,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,CACtB,CAAC;IAGF,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CACxC,CAAC,KAAa,EAAE,EAAE,CAAC;QACjB,IAAI,KAAK,EAAE,CAAC;YACV,QAAQ,CAAC,gCAAgC,EAAE,KAAK,CAAC,CAAC;QACpD,CAAC;QAGD,IAAI,iBAAiB,EAAE,CAAC;YACtB,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC;IAAA,CACF,EACD,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAC3B,CAAC;IAGF,SAAS,aAAa,GAAG;QACvB,IAAI,KAAK,EAAE,CAAC;YACV,QAAQ,CAAC,8BAA8B,EAAE;gBACvC,IAAI;gBACJ,QAAQ,EAAE,QAAQ,EAAE,GAAG;gBACvB,OAAO;gBACP,KAAK,EAAE,KAAK,EAAE,OAAO;gBACrB,mBAAmB,EAAE,mBAAmB,IAAI,IAAI;gBAChD,SAAS,EAAE,CAAC,CAAC,SAAS;aACvB,CAAC,CAAC;QACL,CAAC;QAGD,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,aAAa,EAAE,CAAC;gBAInB,OAAO,CACL,oBAAC,mBAAmB,IAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,gBAAgB,EACnC,cAAc,EAAE,CAAC,SAAiB,EAAE,EAAE,CAAC;wBAErC,IAAI,KAAK,EAAE,CAAC;4BACV,QAAQ,CAAC,kDAAkD,EAAE,SAAS,CAAC,CAAC;wBAC1E,CAAC;wBAGD,sBAAsB,CAAC,SAAS,CAAC,CAAC;wBAClC,eAAe,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC;oBAAA,CACvC,GACD,CACH,CAAC;YACJ,CAAC;YAED,KAAK,eAAe,EAAE,CAAC;gBAErB,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;oBAE/B,OAAO,oBAAC,mBAAmB,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;gBACzE,CAAC;gBAGD,IAAI,OAAO,EAAE,CAAC;oBACZ,MAAM,aAAa,GAAG,mBAAmB,IAAI,MAAM,CAAC;oBACpD,OAAO,CACL,oBAAC,wBAAwB,IACvB,MAAM,EAAE,aAAa,IAAI,EAAE,EAC3B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;gBACJ,CAAC;gBAED,OAAO,CACL;oBACE,oBAAC,mBAAmB,IAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,GAAG,EAAE,CAAC;4BAElB,IAAI,KAAK,EAAE,CAAC;gCACV,QAAQ,CAAC,gDAAgD,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;4BAC3E,CAAC;wBAAA,CACF,EACD,cAAc,EAAE,CAAC,SAAiB,EAAE,KAAc,EAAE,EAAE,CAAC;4BAGrD,MAAM,WAAW,GAAG,KAAK,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,GAAG,CAAC,CAAC;4BAExD,IAAI,KAAK,EAAE,CAAC;gCACV,QAAQ,CAAC,qDAAqD,EAAE,SAAS,CAAC,CAAC;gCAC3E,QAAQ,CAAC,iCAAiC,EAAE,WAAW,CAAC,CAAC;4BAC3D,CAAC;4BAED,IAAI,WAAW,EAAE,CAAC;gCAEhB,gBAAgB,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;4BAC3C,CAAC;wBAAA,CACF,GACD,CACD,CACJ,CAAC;YACJ,CAAC;YAED,KAAK,YAAY,EAAE,CAAC;gBAIlB,IAAI,aAAa,GAAG,mBAAmB,IAAI,MAAM,CAAC;gBAGlD,IACE,CAAC,aAAa;oBACd,QAAQ;oBACR,QAAQ,IAAI,QAAQ;oBACpB,OAAO,QAAQ,CAAC,MAAM,KAAK,QAAQ,EACnC,CAAC;oBACD,aAAa,GAAG,QAAQ,CAAC,MAAM,CAAC;gBAClC,CAAC;gBAED,IAAI,KAAK,EAAE,CAAC;oBACV,QAAQ,CAAC,iDAAiD,EAAE;wBAC1D,mBAAmB,EAAE,mBAAmB,IAAI,IAAI;wBAChD,UAAU,EAAE,MAAM,IAAI,IAAI;wBAC1B,cAAc,EAAE,QAAQ,EAAE,MAAM,IAAI,IAAI;wBACxC,kBAAkB,EAAE,aAAa,IAAI,IAAI;qBAC1C,CAAC,CAAC;gBACL,CAAC;gBAED,OAAO,CACL,oBAAC,wBAAwB,IACvB,MAAM,EAAE,aAAa,IAAI,EAAE,EAC3B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;YACJ,CAAC;YAED,KAAK,SAAS,EAAE,CAAC;gBAEf,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;oBAC/B,OAAO,oBAAC,WAAW,IAAC,OAAO,EAAC,kBAAkB,GAAG,CAAC;gBACpD,CAAC;gBAED,OAAO,CACL;oBACE,oBAAC,aAAa,IACZ,QAAQ,EAAE,QAA2C,EACrD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,EACpB,GAAG,EAAE,GAAG,IAAI,EAAE,EACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,GACZ,CAGD,CACJ,CAAC;YACJ,CAAC;YAED,KAAK,OAAO,EAAE,CAAC;gBAEb,OAAO,CACL,oBAAC,WAAW,IAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,EAAE,SAAS,EAAE,SAAS,GAAI,CACxF,CAAC;YACJ,CAAC;YAED,SAAS,CAAC;gBAER,OAAO,oBAAC,WAAW,IAAC,OAAO,EAAC,eAAe,GAAG,CAAC;YACjD,CAAC;QACH,CAAC;IAAA,CACF;IAID,OAAO,gCAAS,cAAc,IAAG,aAAa,EAAE,CAAO,CAAC;AAAA,CACzD;AAOD,MAAM,UAAU,MAAM,CAAC,KAA2B,EAAsB;IAGtE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC;IAGxD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC;IAG3E,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAGxF,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CACxC,CAAC,KAAa,EAAE,EAAE,CAAC;QACjB,IAAI,KAAK;YAAE,QAAQ,CAAC,4BAA4B,EAAE,KAAK,CAAC,CAAC;QAGzD,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAGxB,IAAI,iBAAiB,EAAE,CAAC;YACtB,IAAI,KAAK;gBAAE,QAAQ,CAAC,6CAA6C,CAAC,CAAC;YACnE,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC;IAAA,CACF,EACD,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAC3B,CAAC;IAGF,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAqB,GAAG,CAAC,CAAC;IACxD,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAqB,MAAM,CAAC,CAAC;IAC/D,MAAM,oBAAoB,GAAG,KAAK,CAAC,MAAM,CAAqB,aAAa,CAAC,CAAC;IAG7E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;QACpB,MAAM,SAAS,GAAG,GAAG,KAAK,SAAS,CAAC,OAAO,CAAC;QAC5C,MAAM,aAAa,GAAG,MAAM,IAAI,MAAM,KAAK,aAAa,CAAC,OAAO,CAAC;QACjE,MAAM,oBAAoB,GAAG,aAAa,KAAK,oBAAoB,CAAC,OAAO,CAAC;QAK5E,IAAI,SAAS,IAAI,CAAC,CAAC,GAAG,IAAI,aAAa,CAAC,IAAI,oBAAoB,EAAE,CAAC;YACjE,IAAI,KAAK,EAAE,CAAC;gBACV,QAAQ,CAAC,6DAA6D,EAAE;oBACtE,SAAS;oBACT,GAAG;oBACH,MAAM,EAAE,SAAS,CAAC,OAAO;oBACzB,aAAa,EAAE,CAAC,GAAG,IAAI,aAAa;oBACpC,MAAM;oBACN,UAAU,EAAE,aAAa,CAAC,OAAO;oBACjC,oBAAoB;oBACpB,aAAa;oBACb,iBAAiB,EAAE,oBAAoB,CAAC,OAAO;iBAChD,CAAC,CAAC;YACL,CAAC;YACD,WAAW,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC;QACpC,CAAC;QAGD,SAAS,CAAC,OAAO,GAAG,GAAG,CAAC;QACxB,aAAa,CAAC,OAAO,GAAG,MAAM,CAAC;QAC/B,oBAAoB,CAAC,OAAO,GAAG,aAAa,CAAC;IAAA,CAC9C,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC;IAGxC,MAAM,SAAS,GAAG;QAChB,GAAG,KAAK;QACR,iBAAiB,EAAE,gBAAgB;KACpC,CAAC;IAGF,IAAI,aAAa,IAAI,CAAC,GAAG,EAAE,CAAC;QAG1B,SAAS,CAAC,GAAG,GAAG,aAAa,CAAC;IAChC,CAAC;IAGD,OAAO,oBAAC,UAAU,OAAK,SAAS,EAAE,GAAG,EAAE,QAAQ,GAAI,CAAC;AAAA,CACrD;AAGD,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface LabelContainerProps {
|
|
3
|
+
label?: string;
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
style?: React.CSSProperties;
|
|
6
|
+
className?: string;
|
|
7
|
+
disappear?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare function LabelContainer({ label, children, style, className, disappear }: LabelContainerProps): React.JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { getResponsiveContainerStyle, getResponsiveLabelStyle, getResponsiveButtonWrapperStyle, } from './LabelContainer.styles.js';
|
|
3
|
+
import { useMobile } from '../../hooks/useMobile.js';
|
|
4
|
+
export function LabelContainer({ label, children, style, className, disappear = false, }) {
|
|
5
|
+
const isMobile = useMobile();
|
|
6
|
+
return (React.createElement("div", { style: { ...getResponsiveContainerStyle(isMobile), ...style }, className: className },
|
|
7
|
+
label && React.createElement("div", { style: getResponsiveLabelStyle(isMobile, disappear) }, label),
|
|
8
|
+
React.createElement("div", { style: getResponsiveButtonWrapperStyle(isMobile, disappear) }, children)));
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=LabelContainer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LabelContainer.js","sourceRoot":"","sources":["../../../jsr/components/LabelContainer/LabelContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,2BAA2B,EAC3B,uBAAuB,EACvB,+BAA+B,GAChC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAqBrD,MAAM,UAAU,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,SAAS,GAAG,KAAK,GACG,EAAE;IACtB,MAAM,QAAQ,GAAG,SAAS,EAAE,CAAC;IAE7B,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,GAAG,2BAA2B,CAAC,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS;QACrF,KAAK,IAAI,6BAAK,KAAK,EAAE,uBAAuB,CAAC,QAAQ,EAAE,SAAS,CAAC,IAAG,KAAK,CAAO;QACjF,6BAAK,KAAK,EAAE,+BAA+B,CAAC,QAAQ,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CAC9E,CACP,CAAC;AAAA,CACH"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
export declare function getContainerStyle(): React.CSSProperties;
|
|
3
|
+
export declare function getLabelStyle(): React.CSSProperties;
|
|
4
|
+
export declare function getButtonWrapperStyle(): React.CSSProperties;
|
|
5
|
+
export declare function getResponsiveLabelStyle(isMobile: boolean, disappear?: boolean): React.CSSProperties;
|
|
6
|
+
export declare function getResponsiveButtonWrapperStyle(isMobile: boolean, disappear?: boolean): React.CSSProperties;
|
|
7
|
+
export declare function getResponsiveContainerStyle(isMobile: boolean): React.CSSProperties;
|
|
@@ -0,0 +1,159 @@
|
|
|
1
|
+
export function getContainerStyle() {
|
|
2
|
+
return {
|
|
3
|
+
position: 'relative',
|
|
4
|
+
display: 'inline-flex',
|
|
5
|
+
alignItems: 'stretch',
|
|
6
|
+
width: 'auto',
|
|
7
|
+
marginBottom: '40px',
|
|
8
|
+
};
|
|
9
|
+
}
|
|
10
|
+
export function getLabelStyle() {
|
|
11
|
+
return {
|
|
12
|
+
background: 'var(--vibes-card-bg)',
|
|
13
|
+
border: '2px solid var(--vibes-card-border)',
|
|
14
|
+
borderLeft: 'none',
|
|
15
|
+
borderTopRightRadius: '8px',
|
|
16
|
+
borderBottomRightRadius: '8px',
|
|
17
|
+
padding: '12px 8px',
|
|
18
|
+
fontWeight: 700,
|
|
19
|
+
fontSize: '14px',
|
|
20
|
+
textTransform: 'uppercase',
|
|
21
|
+
letterSpacing: '1px',
|
|
22
|
+
whiteSpace: 'nowrap',
|
|
23
|
+
color: 'var(--vibes-card-text)',
|
|
24
|
+
writingMode: 'vertical-rl',
|
|
25
|
+
transform: 'rotate(180deg)',
|
|
26
|
+
display: 'flex',
|
|
27
|
+
alignItems: 'center',
|
|
28
|
+
justifyContent: 'center',
|
|
29
|
+
flexShrink: 0,
|
|
30
|
+
margin: '32px 0px',
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
export function getButtonWrapperStyle() {
|
|
34
|
+
return {
|
|
35
|
+
background: 'var(--vibes-card-bg)',
|
|
36
|
+
border: '2px solid var(--vibes-card-border)',
|
|
37
|
+
borderRadius: '8px',
|
|
38
|
+
padding: '24px 24px 32px 24px',
|
|
39
|
+
display: 'flex',
|
|
40
|
+
alignItems: 'center',
|
|
41
|
+
justifyContent: 'center',
|
|
42
|
+
width: 'auto',
|
|
43
|
+
};
|
|
44
|
+
}
|
|
45
|
+
export function getResponsiveLabelStyle(isMobile, disappear = false) {
|
|
46
|
+
if (isMobile) {
|
|
47
|
+
if (disappear) {
|
|
48
|
+
return {
|
|
49
|
+
display: 'none',
|
|
50
|
+
};
|
|
51
|
+
}
|
|
52
|
+
return {
|
|
53
|
+
background: 'var(--vibes-card-bg)',
|
|
54
|
+
border: '2px solid var(--vibes-card-border)',
|
|
55
|
+
borderLeft: '2px solid var(--vibes-card-border)', // Explicitly set to override desktop style
|
|
56
|
+
borderBottom: 'none',
|
|
57
|
+
borderTopLeftRadius: '8px',
|
|
58
|
+
borderTopRightRadius: '8px',
|
|
59
|
+
borderBottomRightRadius: '0', // Explicitly reset desktop radius
|
|
60
|
+
padding: '8px 12px',
|
|
61
|
+
fontWeight: 700,
|
|
62
|
+
fontSize: '14px',
|
|
63
|
+
textTransform: 'uppercase',
|
|
64
|
+
letterSpacing: '1px',
|
|
65
|
+
whiteSpace: 'nowrap',
|
|
66
|
+
color: 'var(--vibes-card-text)',
|
|
67
|
+
writingMode: 'horizontal-tb', // Explicitly reset from vertical-rl
|
|
68
|
+
transform: 'none', // Explicitly reset rotation
|
|
69
|
+
display: 'flex',
|
|
70
|
+
alignItems: 'center',
|
|
71
|
+
justifyContent: 'center',
|
|
72
|
+
flexShrink: 0,
|
|
73
|
+
width: 'calc(100% - 64px)',
|
|
74
|
+
margin: '0px 32px',
|
|
75
|
+
};
|
|
76
|
+
}
|
|
77
|
+
return {
|
|
78
|
+
background: 'var(--vibes-card-bg)',
|
|
79
|
+
border: '2px solid var(--vibes-card-border)',
|
|
80
|
+
borderLeft: 'none',
|
|
81
|
+
borderBottom: '2px solid var(--vibes-card-border)', // Explicitly set for desktop
|
|
82
|
+
borderTopRightRadius: '8px',
|
|
83
|
+
borderBottomRightRadius: '8px',
|
|
84
|
+
borderTopLeftRadius: '0', // Explicitly set for desktop
|
|
85
|
+
padding: '12px 8px',
|
|
86
|
+
fontWeight: 700,
|
|
87
|
+
fontSize: '14px',
|
|
88
|
+
textTransform: 'uppercase',
|
|
89
|
+
letterSpacing: '1px',
|
|
90
|
+
whiteSpace: 'nowrap',
|
|
91
|
+
color: 'var(--vibes-card-text)',
|
|
92
|
+
writingMode: 'vertical-rl',
|
|
93
|
+
transform: 'rotate(180deg)',
|
|
94
|
+
display: 'flex',
|
|
95
|
+
alignItems: 'center',
|
|
96
|
+
justifyContent: 'center',
|
|
97
|
+
flexShrink: 0,
|
|
98
|
+
margin: '32px 0px',
|
|
99
|
+
width: 'auto',
|
|
100
|
+
};
|
|
101
|
+
}
|
|
102
|
+
export function getResponsiveButtonWrapperStyle(isMobile, disappear = false) {
|
|
103
|
+
if (isMobile && disappear) {
|
|
104
|
+
return {
|
|
105
|
+
background: 'transparent',
|
|
106
|
+
border: 'none',
|
|
107
|
+
borderRadius: '0', // Explicitly reset
|
|
108
|
+
padding: '0',
|
|
109
|
+
paddingBottom: '24px',
|
|
110
|
+
display: 'flex',
|
|
111
|
+
alignItems: 'center',
|
|
112
|
+
justifyContent: 'center',
|
|
113
|
+
width: 'auto',
|
|
114
|
+
};
|
|
115
|
+
}
|
|
116
|
+
if (isMobile && !disappear) {
|
|
117
|
+
return {
|
|
118
|
+
background: 'var(--vibes-card-bg)',
|
|
119
|
+
border: '2px solid var(--vibes-card-border)',
|
|
120
|
+
borderRadius: '8px',
|
|
121
|
+
padding: '24px 24px 32px 24px',
|
|
122
|
+
display: 'flex',
|
|
123
|
+
alignItems: 'center',
|
|
124
|
+
justifyContent: 'center',
|
|
125
|
+
width: '100%',
|
|
126
|
+
};
|
|
127
|
+
}
|
|
128
|
+
return {
|
|
129
|
+
background: 'var(--vibes-card-bg)',
|
|
130
|
+
border: '2px solid var(--vibes-card-border)',
|
|
131
|
+
borderRadius: '8px',
|
|
132
|
+
padding: '24px 24px 32px 24px',
|
|
133
|
+
display: 'flex',
|
|
134
|
+
alignItems: 'center',
|
|
135
|
+
justifyContent: 'center',
|
|
136
|
+
width: 'auto',
|
|
137
|
+
};
|
|
138
|
+
}
|
|
139
|
+
export function getResponsiveContainerStyle(isMobile) {
|
|
140
|
+
if (isMobile) {
|
|
141
|
+
return {
|
|
142
|
+
position: 'relative',
|
|
143
|
+
display: 'inline-flex',
|
|
144
|
+
alignItems: 'stretch',
|
|
145
|
+
flexDirection: 'column',
|
|
146
|
+
width: '100%',
|
|
147
|
+
marginBottom: '40px',
|
|
148
|
+
};
|
|
149
|
+
}
|
|
150
|
+
return {
|
|
151
|
+
position: 'relative',
|
|
152
|
+
display: 'inline-flex',
|
|
153
|
+
alignItems: 'stretch',
|
|
154
|
+
flexDirection: 'row', // Explicitly set to override mobile column
|
|
155
|
+
width: 'auto',
|
|
156
|
+
marginBottom: '40px',
|
|
157
|
+
};
|
|
158
|
+
}
|
|
159
|
+
//# sourceMappingURL=LabelContainer.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LabelContainer.styles.js","sourceRoot":"","sources":["../../../jsr/components/LabelContainer/LabelContainer.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../jsr/components/LabelContainer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -1,10 +1,18 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
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';
|
|
3
9
|
export interface MenuButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
4
10
|
variant?: ButtonVariant;
|
|
5
11
|
children: React.ReactNode;
|
|
6
12
|
onHover?: () => void;
|
|
7
13
|
onUnhover?: () => void;
|
|
14
|
+
icon?: IconName;
|
|
15
|
+
ignoreDarkMode?: boolean;
|
|
8
16
|
}
|
|
9
|
-
export declare function VibesButton({ variant, children, onHover, onUnhover, style: customStyle, className, ...props }: MenuButtonProps): React.JSX.Element;
|
|
17
|
+
export declare function VibesButton({ variant, children, onHover, onUnhover, icon, style: customStyle, className, ignoreDarkMode, ...props }: MenuButtonProps): React.JSX.Element;
|
|
10
18
|
export {};
|
|
@@ -1,18 +1,24 @@
|
|
|
1
1
|
import React, { useEffect, useState } from 'react';
|
|
2
|
-
import { getButtonStyle } from './VibesButton.styles.js';
|
|
3
|
-
|
|
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;
|
|
4
19
|
const [isHovered, setHovered] = useState(false);
|
|
5
20
|
const [isActive, setActive] = useState(false);
|
|
6
|
-
const
|
|
7
|
-
useEffect(() => {
|
|
8
|
-
const checkDarkMode = () => {
|
|
9
|
-
setIsDark(window.matchMedia('(prefers-color-scheme: dark)').matches);
|
|
10
|
-
};
|
|
11
|
-
checkDarkMode();
|
|
12
|
-
const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
|
|
13
|
-
mediaQuery.addEventListener('change', checkDarkMode);
|
|
14
|
-
return () => mediaQuery.removeEventListener('change', checkDarkMode);
|
|
15
|
-
}, []);
|
|
21
|
+
const isMobile = useMobile();
|
|
16
22
|
useEffect(() => {
|
|
17
23
|
if (isHovered) {
|
|
18
24
|
onHover?.();
|
|
@@ -21,17 +27,21 @@ export function VibesButton({ variant = 'primary', children, onHover, onUnhover,
|
|
|
21
27
|
onUnhover?.();
|
|
22
28
|
}
|
|
23
29
|
}, [isHovered, onHover, onUnhover]);
|
|
24
|
-
const
|
|
25
|
-
const
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
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))));
|
|
36
46
|
}
|
|
37
47
|
//# sourceMappingURL=VibesButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VibesButton.js","sourceRoot":"","sources":["../../../jsr/components/VibesButton/VibesButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,
|
|
1
|
+
{"version":3,"file":"VibesButton.js","sourceRoot":"","sources":["../../../jsr/components/VibesButton/VibesButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
export declare function
|
|
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,22 +1,39 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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)',
|
|
5
6
|
};
|
|
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);
|
|
7
22
|
let transform = 'translate(0px, 0px)';
|
|
8
|
-
let boxShadow = `
|
|
23
|
+
let boxShadow = `8px 10px 0px 0px ${cssColor}, 8px 10px 0px 2px var(--vibes-button-border)`;
|
|
9
24
|
if (isHovered && !isActive) {
|
|
10
25
|
transform = 'translate(2px, 2px)';
|
|
11
|
-
boxShadow = `2px 3px 0px 0px ${
|
|
26
|
+
boxShadow = `2px 3px 0px 0px ${cssColor}, 2px 3px 0px 2px var(--vibes-button-border)`;
|
|
12
27
|
}
|
|
13
28
|
if (isActive) {
|
|
14
29
|
transform = 'translate(4px, 5px)';
|
|
15
30
|
boxShadow = 'none';
|
|
16
31
|
}
|
|
17
32
|
return {
|
|
18
|
-
width: '100%',
|
|
19
|
-
|
|
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',
|
|
20
37
|
borderRadius: '12px',
|
|
21
38
|
fontSize: '1rem',
|
|
22
39
|
fontWeight: 700,
|
|
@@ -29,4 +46,53 @@ export function getButtonStyle(variant, isHovered, isActive) {
|
|
|
29
46
|
boxShadow,
|
|
30
47
|
};
|
|
31
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
|
+
}
|
|
32
98
|
//# sourceMappingURL=VibesButton.styles.js.map
|