@vibes.diy/base 2.2.16-dev.2 → 2.2.17
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/VibesButton.d.ts +1 -1
- package/components/VibesButton.js +2 -1
- package/components/VibesButton.js.map +1 -1
- package/components/icons/CollabIcon.d.ts +9 -0
- package/components/icons/CollabIcon.js +16 -0
- package/components/icons/CollabIcon.js.map +1 -0
- package/components/icons/index.d.ts +1 -0
- package/components/icons/index.js +1 -0
- package/components/icons/index.js.map +1 -1
- package/package.json +4 -4
|
@@ -4,7 +4,7 @@ export declare const RED: "red";
|
|
|
4
4
|
export declare const YELLOW: "yellow";
|
|
5
5
|
export declare const GRAY: "gray";
|
|
6
6
|
type ButtonVariant = "blue" | "red" | "yellow" | "gray";
|
|
7
|
-
type IconName = "login" | "remix" | "invite" | "settings" | "back";
|
|
7
|
+
type IconName = "login" | "remix" | "invite" | "settings" | "back" | "collab";
|
|
8
8
|
export interface MenuButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
9
9
|
variant?: ButtonVariant;
|
|
10
10
|
children: React.ReactNode;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useEffect, useState } from "react";
|
|
2
2
|
import { VibesButtonStyles, bounceKeyframes } from "./VibesButton.styles.js";
|
|
3
|
-
import { LoginIcon, RemixIcon, InviteIcon, SettingsIcon, BackIcon } from "./icons/index.js";
|
|
3
|
+
import { LoginIcon, RemixIcon, InviteIcon, SettingsIcon, BackIcon, CollabIcon } from "./icons/index.js";
|
|
4
4
|
import { useMobile } from "../hooks/useMobile.js";
|
|
5
5
|
export const BLUE = "blue";
|
|
6
6
|
export const RED = "red";
|
|
@@ -12,6 +12,7 @@ const iconMap = {
|
|
|
12
12
|
invite: InviteIcon,
|
|
13
13
|
settings: SettingsIcon,
|
|
14
14
|
back: BackIcon,
|
|
15
|
+
collab: CollabIcon,
|
|
15
16
|
};
|
|
16
17
|
export function VibesButton({ variant = "blue", children, onHover, onUnhover, icon, style: customStyle, className = "", ignoreDarkMode = false, ...props }) {
|
|
17
18
|
const buttonVariant = variant;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VibesButton.js","sourceRoot":"","sources":["../../jsr/components/VibesButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"VibesButton.js","sourceRoot":"","sources":["../../jsr/components/VibesButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export function CollabIcon({ bgFill = "#fff", fill = "#2a2a2a", width = 44, height = 44 }) {
|
|
3
|
+
const eyeR = 0.9;
|
|
4
|
+
const faces = [
|
|
5
|
+
{ cx: 22, cy: 11 },
|
|
6
|
+
{ cx: 12, cy: 28 },
|
|
7
|
+
{ cx: 32, cy: 28 },
|
|
8
|
+
];
|
|
9
|
+
const r = 8;
|
|
10
|
+
return (React.createElement("svg", { width: width, height: height, viewBox: "0 0 44 44", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, faces.map((f, i) => (React.createElement("g", { key: i },
|
|
11
|
+
React.createElement("circle", { cx: f.cx, cy: f.cy, r: r, fill: bgFill }),
|
|
12
|
+
React.createElement("circle", { cx: f.cx - 2.6, cy: f.cy - 1.2, r: eyeR, fill: fill }),
|
|
13
|
+
React.createElement("circle", { cx: f.cx + 2.6, cy: f.cy - 1.2, r: eyeR, fill: fill }),
|
|
14
|
+
React.createElement("path", { d: `M ${f.cx - 2.8} ${f.cy + 1.4} Q ${f.cx} ${f.cy + 4.1} ${f.cx + 2.8} ${f.cy + 1.4}`, stroke: fill, strokeWidth: 1.1, strokeLinecap: "round", fill: "none" }))))));
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=CollabIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CollabIcon.js","sourceRoot":"","sources":["../../../jsr/components/icons/CollabIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,MAAM,UAAU,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,IAAI,GAAG,SAAS,EAAE,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAmB;IACxG,MAAM,IAAI,GAAG,GAAG,CAAC;IACjB,MAAM,KAAK,GAAiC;QAC1C,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;QAClB,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;QAClB,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;KACnB,CAAC;IACF,MAAM,CAAC,GAAG,CAAC,CAAC;IACZ,OAAO,CACL,6BAAK,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAClG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACnB,2BAAG,GAAG,EAAE,CAAC;QACP,gCAAQ,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,GAAI;QAClD,gCAAQ,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI;QAC/D,gCAAQ,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI;QAC/D,8BACE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC,CAAC,EAAE,GAAG,GAAG,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC,CAAC,EAAE,GAAG,GAAG,EAAE,EACtF,MAAM,EAAE,IAAI,EACZ,WAAW,EAAE,GAAG,EAChB,aAAa,EAAC,OAAO,EACrB,IAAI,EAAC,MAAM,GACX,CACA,CACL,CAAC,CACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export { LoginIcon } from "./LoginIcon.js";
|
|
2
2
|
export { RemixIcon } from "./RemixIcon.js";
|
|
3
3
|
export { InviteIcon } from "./InviteIcon.js";
|
|
4
|
+
export { CollabIcon } from "./CollabIcon.js";
|
|
4
5
|
export { SettingsIcon } from "./SettingsIcon.js";
|
|
5
6
|
export { BackIcon } from "./BackIcon.js";
|
|
6
7
|
export { FaceIcon1 } from "./FaceIcon1.js";
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export { LoginIcon } from "./LoginIcon.js";
|
|
2
2
|
export { RemixIcon } from "./RemixIcon.js";
|
|
3
3
|
export { InviteIcon } from "./InviteIcon.js";
|
|
4
|
+
export { CollabIcon } from "./CollabIcon.js";
|
|
4
5
|
export { SettingsIcon } from "./SettingsIcon.js";
|
|
5
6
|
export { BackIcon } from "./BackIcon.js";
|
|
6
7
|
export { FaceIcon1 } from "./FaceIcon1.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../jsr/components/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../jsr/components/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vibes.diy/base",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.17",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -11,9 +11,9 @@
|
|
|
11
11
|
"@emotion/css": "~11.13.5",
|
|
12
12
|
"@fireproof/core-runtime": "~0.24.19",
|
|
13
13
|
"@fireproof/use-fireproof": "~0.24.19",
|
|
14
|
-
"@vibes.diy/use-vibes-types": "2.2.
|
|
15
|
-
"@vibes.diy/vibe-runtime": "2.2.
|
|
16
|
-
"@vibes.diy/vibe-types": "2.2.
|
|
14
|
+
"@vibes.diy/use-vibes-types": "2.2.17",
|
|
15
|
+
"@vibes.diy/vibe-runtime": "2.2.17",
|
|
16
|
+
"@vibes.diy/vibe-types": "2.2.17",
|
|
17
17
|
"react": "~19.2.5",
|
|
18
18
|
"react-dom": "~19.2.5"
|
|
19
19
|
},
|