@vibes.diy/use-vibes-base 0.15.15-dev-sync-fix → 0.15.16-dev-types-fix
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/AuthWall/AuthWall.js +6 -1
- package/components/AuthWall/AuthWall.js.map +1 -1
- package/components/ControlsBar.js +73 -57
- package/components/ControlsBar.js.map +1 -1
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.js +7 -1
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.js.map +1 -1
- package/components/ImgGen.js +17 -15
- package/components/ImgGen.js.map +1 -1
- package/components/ImgGenUtils/ImgGenDisplay.js +66 -55
- package/components/ImgGenUtils/ImgGenDisplay.js.map +1 -1
- package/components/ImgGenUtils/ImgGenDisplayPlaceholder.js +36 -26
- package/components/ImgGenUtils/ImgGenDisplayPlaceholder.js.map +1 -1
- package/components/ImgGenUtils/ImgGenError.js +3 -1
- package/components/ImgGenUtils/ImgGenError.js.map +1 -1
- package/components/ImgGenUtils/ImgGenFileDrop.js +3 -1
- package/components/ImgGenUtils/ImgGenFileDrop.js.map +1 -1
- package/components/ImgGenUtils/ImgGenModal.js +27 -23
- package/components/ImgGenUtils/ImgGenModal.js.map +1 -1
- package/components/ImgGenUtils/ImgGenPromptWaiting.js +5 -1
- package/components/ImgGenUtils/ImgGenPromptWaiting.js.map +1 -1
- package/components/ImgGenUtils/ImgGenUploadWaiting.js +24 -5
- package/components/ImgGenUtils/ImgGenUploadWaiting.js.map +1 -1
- package/components/ImgGenUtils/overlays/DeleteConfirmationOverlay.js +7 -6
- package/components/ImgGenUtils/overlays/DeleteConfirmationOverlay.js.map +1 -1
- package/components/ImgGenUtils/overlays/ImageOverlay.js +3 -1
- package/components/ImgGenUtils/overlays/ImageOverlay.js.map +1 -1
- package/components/PromptBar.js +18 -17
- package/components/PromptBar.js.map +1 -1
- package/components/VibeControl.js +22 -7
- package/components/VibeControl.js.map +1 -1
- package/components/VibesPanel/VibesPanel.js +50 -38
- package/components/VibesPanel/VibesPanel.js.map +1 -1
- package/components/VibesSwitch/VibesSwitch.js +46 -34
- package/components/VibesSwitch/VibesSwitch.js.map +1 -1
- package/hooks/vibes-gen/IframeVibesComponent.js +3 -1
- package/hooks/vibes-gen/IframeVibesComponent.js.map +1 -1
- package/package.json +8 -8
- package/stories/VibeControl.stories.js +78 -38
- package/stories/VibeControl.stories.js.map +1 -1
- package/utils/styles.d.ts +2 -2
|
@@ -76,43 +76,55 @@ export function VibesPanel({ style, className } = {}) {
|
|
|
76
76
|
gap: '12px',
|
|
77
77
|
...style,
|
|
78
78
|
};
|
|
79
|
-
return (React.createElement("div", { style: containerStyle, className: className },
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
: '
|
|
115
|
-
|
|
116
|
-
|
|
79
|
+
return (React.createElement("div", { style: containerStyle, className: className },
|
|
80
|
+
React.createElement("div", { style: {
|
|
81
|
+
display: 'flex',
|
|
82
|
+
flexDirection: 'column',
|
|
83
|
+
justifyContent: 'center',
|
|
84
|
+
alignItems: 'center',
|
|
85
|
+
gap: '12px',
|
|
86
|
+
width: '250px',
|
|
87
|
+
} }, mode === 'mutate' ? (React.createElement(React.Fragment, null,
|
|
88
|
+
React.createElement(VibesButton, { variant: "primary", onClick: handleFreshDataClick }, "Fresh Data"),
|
|
89
|
+
React.createElement(VibesButton, { variant: "secondary", onClick: handleChangeCodeClick }, "Change the Code"),
|
|
90
|
+
React.createElement(VibesButton, { variant: "tertiary", onClick: handleBackClick }, "\u2190 Back"))) : mode === 'invite' ? (React.createElement(React.Fragment, null,
|
|
91
|
+
inviteStatus === 'idle' ? (React.createElement("form", { onSubmit: handleInviteSubmit, style: { width: '100%', display: 'flex', flexDirection: 'column', gap: '12px' } },
|
|
92
|
+
React.createElement("label", { htmlFor: emailId, style: { alignSelf: 'flex-start', fontWeight: 600 } }, "Invite by email"),
|
|
93
|
+
React.createElement("input", { id: emailId, type: "email", placeholder: "friend@example.com", value: email, onChange: (e) => setEmail(e.target.value), style: {
|
|
94
|
+
width: '100%',
|
|
95
|
+
padding: '1rem',
|
|
96
|
+
background: '#fff',
|
|
97
|
+
color: '#1a1a1a',
|
|
98
|
+
border: '3px solid #1a1a1a',
|
|
99
|
+
borderRadius: '12px',
|
|
100
|
+
fontSize: '1rem',
|
|
101
|
+
fontWeight: 500,
|
|
102
|
+
letterSpacing: '0.02em',
|
|
103
|
+
boxShadow: '4px 5px 0px 0px #666',
|
|
104
|
+
transition: 'all 0.15s ease',
|
|
105
|
+
outline: 'none',
|
|
106
|
+
boxSizing: 'border-box',
|
|
107
|
+
}, autoComplete: "email", required: true }),
|
|
108
|
+
React.createElement(VibesButton, { variant: "primary", type: "submit", disabled: !email.trim() }, "Send Invite"))) : (React.createElement("div", { id: "invite-status", role: "status", "aria-live": "polite", style: {
|
|
109
|
+
padding: '0.75rem 1rem',
|
|
110
|
+
background: '#fff',
|
|
111
|
+
color: '#1a1a1a',
|
|
112
|
+
border: '3px solid #1a1a1a',
|
|
113
|
+
borderRadius: '12px',
|
|
114
|
+
fontSize: '0.875rem',
|
|
115
|
+
fontWeight: 500,
|
|
116
|
+
textAlign: 'center',
|
|
117
|
+
letterSpacing: '0.02em',
|
|
118
|
+
boxShadow: inviteStatus === 'sending'
|
|
119
|
+
? '4px 5px 0px 0px #666'
|
|
120
|
+
: inviteStatus === 'error'
|
|
121
|
+
? '4px 5px 0px 0px #DA291C'
|
|
122
|
+
: '4px 5px 0px 0px #51cf66',
|
|
123
|
+
transition: 'all 0.15s ease',
|
|
124
|
+
} }, inviteStatus === 'sending' ? 'Inviting...' : inviteMessage)),
|
|
125
|
+
React.createElement(VibesButton, { variant: "tertiary", onClick: handleBackClick }, "\u2190 Back"))) : (React.createElement(React.Fragment, null,
|
|
126
|
+
React.createElement(VibesButton, { variant: "primary", onClick: handleLogoutClick }, "Logout"),
|
|
127
|
+
React.createElement(VibesButton, { variant: "secondary", onClick: handleMutateClick }, "\uD83E\uDDDF Mutate"),
|
|
128
|
+
React.createElement(VibesButton, { variant: "tertiary", onClick: handleInviteClick }, "Invite"))))));
|
|
117
129
|
}
|
|
118
130
|
//# sourceMappingURL=VibesPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VibesPanel.js","sourceRoot":"","sources":["../../../jsr/components/VibesPanel/VibesPanel.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"VibesPanel.js","sourceRoot":"","sources":["../../../jsr/components/VibesPanel/VibesPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,39 +4,51 @@ export function VibesSwitch({ size = 24, className }) {
|
|
|
4
4
|
const [active, setActive] = React.useState(true);
|
|
5
5
|
const originalD = `M426.866,285.985c-7.999-0.416-19.597-0.733-31.141-1.687 c-15.692-1.297-28.809-8.481-40.105-19.104c-12.77-12.008-20.478-26.828-22.714-44.177c-3.048-23.644,3.384-44.558,19.646-62.143 c9.174-9.92,20.248-17.25,33.444-20.363c7.786-1.837,15.944-2.399,23.973-2.828c9.988-0.535,20.023-0.666,30.021-0.371 c10.191,0.301,20.433,0.806,30.521,2.175c12.493,1.696,23.132,7.919,32.552,16.091c14.221,12.337,22.777,27.953,25.184,46.594 c2.822,21.859-2.605,41.617-16.777,58.695c-9.494,11.441-21.349,19.648-35.722,23.502c-6.656,1.785-13.724,2.278-20.647,2.77 C446.914,285.721,438.682,285.667,426.866,285.985z`;
|
|
6
6
|
const stretchedD = `M165.866,285.985c-7.999-0.416-19.597-0.733-31.141-1.687 c-15.692-1.297-28.809-8.481-40.105-19.104c-12.77-12.008-20.478-26.828-22.714-44.177c-3.048-23.644,3.384-44.558,19.646-62.143 c9.174-9.92,20.248-17.25,33.444-20.363c7.786-1.837,15.944-2.399,23.973-2.828c9.988-0.535,121.023-0.666,131.021-0.371 c10.191,0.301,20.433,0.806,30.521,2.175c12.493,1.696,23.132,7.919,32.552,16.091c14.221,12.337,22.777,27.953,25.184,46.594 c2.822,21.859-2.605,41.617-16.777,58.695c-9.494,11.441-21.349,19.648-35.722,23.502c-6.656,1.785-13.724,2.278-20.647,2.77 C286.914,285.721,177.682,285.667,165.866,285.985z`;
|
|
7
|
-
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", height: size, viewBox: "0 0 600 300", fill: "currentColor", className: className, onClick: () => setActive(!active) },
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
7
|
+
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", height: size, viewBox: "0 0 600 300", fill: "currentColor", className: className, onClick: () => setActive(!active) },
|
|
8
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", fill: "#000", d: "M293.353,298.09c-41.038,0-82.078,0.125-123.115-0.077 c-11.993-0.06-24.011-0.701-35.964-1.703c-15.871-1.331-29.73-7.937-41.948-17.946c-16.769-13.736-27.207-31.417-30.983-52.7 c-4.424-24.93,1.404-47.685,16.506-67.913c11.502-15.407,26.564-26.1,45.258-30.884c7.615-1.949,15.631-2.91,23.501-3.165 c20.08-0.652,40.179-0.853,60.271-0.879c69.503-0.094,139.007-0.106,208.51,0.02c14.765,0.026,29.583,0.097,44.28,1.313 c36.984,3.059,61.78,23.095,74.653,57.301c17.011,45.199-8.414,96.835-54.29,111.864c-7.919,2.595-16.165,3.721-24.434,3.871 c-25.614,0.467-51.234,0.742-76.853,0.867C350.282,298.197,321.817,298.09,293.353,298.09z" }),
|
|
9
|
+
React.createElement("path", { fill: "#fff", fillRule: "evenodd", clipRule: "evenodd", d: active ? stretchedD : originalD, style: {
|
|
10
|
+
transition: 'd 0.3s ease, transform 0.8s ease, fill 2s ease',
|
|
11
|
+
transform: active ? 'translateX(3px) ' : 'none',
|
|
12
|
+
} }),
|
|
13
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
|
|
14
|
+
transition: 'fill 0.5s ease',
|
|
15
|
+
fill: active ? switchColors.primary : switchColors.secondary,
|
|
16
|
+
}, 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" }),
|
|
17
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
|
|
18
|
+
transition: 'fill 0.8s ease',
|
|
19
|
+
fill: active ? switchColors.primary : switchColors.secondary,
|
|
20
|
+
}, 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" }),
|
|
21
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
|
|
22
|
+
transition: 'fill 1.2s ease',
|
|
23
|
+
fill: active ? switchColors.primary : switchColors.secondary,
|
|
24
|
+
}, 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" }),
|
|
25
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
|
|
26
|
+
transition: 'fill 0.6s ease',
|
|
27
|
+
fill: active ? switchColors.primary : switchColors.secondary,
|
|
28
|
+
}, 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" }),
|
|
29
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
|
|
30
|
+
transition: 'fill 1.3s ease',
|
|
31
|
+
fill: active ? switchColors.primary : switchColors.secondary,
|
|
32
|
+
}, 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" }),
|
|
33
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
|
|
34
|
+
transition: 'fill 1s ease',
|
|
35
|
+
fill: active ? switchColors.secondary : switchColors.primary,
|
|
36
|
+
}, 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" }),
|
|
37
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
|
|
38
|
+
transition: 'fill 1s ease',
|
|
39
|
+
fill: active ? switchColors.secondary : switchColors.primary,
|
|
40
|
+
}, 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" }),
|
|
41
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
|
|
42
|
+
transition: 'fill 1s ease',
|
|
43
|
+
fill: active ? switchColors.secondary : switchColors.primary,
|
|
44
|
+
}, 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" }),
|
|
45
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
|
|
46
|
+
transition: 'fill 1s ease',
|
|
47
|
+
fill: active ? switchColors.secondary : switchColors.primary,
|
|
48
|
+
}, 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" }),
|
|
49
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
|
|
50
|
+
transition: 'fill 1s ease',
|
|
51
|
+
fill: active ? switchColors.secondary : switchColors.primary,
|
|
52
|
+
}, 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" })));
|
|
41
53
|
}
|
|
42
54
|
//# sourceMappingURL=VibesSwitch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VibesSwitch.js","sourceRoot":"","sources":["../../../jsr/components/VibesSwitch/VibesSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAOvD,MAAM,UAAU,WAAW,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,SAAS,EAAoB,EAAE;IACtE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEjD,MAAM,SAAS,GAAG,mlBAAmlB,CAAC;IAEtmB,MAAM,UAAU,GAAG,qlBAAqlB,CAAC;IAEzmB,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,cAAc,EACnB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"VibesSwitch.js","sourceRoot":"","sources":["../../../jsr/components/VibesSwitch/VibesSwitch.tsx"],"names":[],"mappings":"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"}
|
|
@@ -59,7 +59,9 @@ const IframeVibesComponent = ({ code, sessionId, baseUrl, onReady, onError, }) =
|
|
|
59
59
|
iframe.removeEventListener('load', handleIframeLoad);
|
|
60
60
|
};
|
|
61
61
|
}, [code, effectiveSessionId, onReady, onError]);
|
|
62
|
-
return (React.createElement("div", { "data-testid": "placeholder" },
|
|
62
|
+
return (React.createElement("div", { "data-testid": "placeholder" },
|
|
63
|
+
React.createElement("iframe", { ref: iframeRef, title: "Vibes Component Preview" }),
|
|
64
|
+
!isReady && React.createElement("div", null, "Loading component...")));
|
|
63
65
|
};
|
|
64
66
|
export default IframeVibesComponent;
|
|
65
67
|
//# sourceMappingURL=IframeVibesComponent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IframeVibesComponent.js","sourceRoot":"","sources":["../../../jsr/hooks/vibes-gen/IframeVibesComponent.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"IframeVibesComponent.js","sourceRoot":"","sources":["../../../jsr/hooks/vibes-gen/IframeVibesComponent.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vibes.diy/use-vibes-base",
|
|
3
|
-
"version": "0.15.
|
|
3
|
+
"version": "0.15.16-dev-types-fix",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Core components and utilities for use-vibes (internal workspace package)",
|
|
6
6
|
"exports": {
|
|
@@ -15,9 +15,9 @@
|
|
|
15
15
|
"@fireproof/core-runtime": "^0.23.15",
|
|
16
16
|
"@fireproof/core-types-base": "^0.23.15",
|
|
17
17
|
"@fireproof/core-types-protocols-cloud": "^0.23.15",
|
|
18
|
-
"@vibes.diy/prompts": "^0.15.
|
|
19
|
-
"@vibes.diy/use-vibes-types": "^0.15.
|
|
20
|
-
"call-ai": "^0.15.
|
|
18
|
+
"@vibes.diy/prompts": "^0.15.16-dev-types-fix",
|
|
19
|
+
"@vibes.diy/use-vibes-types": "^0.15.16-dev-types-fix",
|
|
20
|
+
"call-ai": "^0.15.16-dev-types-fix",
|
|
21
21
|
"react-dom": "^19.2.0",
|
|
22
22
|
"use-fireproof": "^0.23.15",
|
|
23
23
|
"uuid": "^11.1.0"
|
|
@@ -29,11 +29,11 @@
|
|
|
29
29
|
"@chromatic-com/storybook": "^4.1.1",
|
|
30
30
|
"@fireproof/core-cli": "^0.23.15",
|
|
31
31
|
"@storybook/addon-a11y": "^9.1.13",
|
|
32
|
-
"@storybook/addon-docs": "^
|
|
32
|
+
"@storybook/addon-docs": "^10.0.0",
|
|
33
33
|
"@storybook/react": "^9.1.13",
|
|
34
|
-
"@storybook/react-vite": "^
|
|
35
|
-
"@types/react": "~19.
|
|
36
|
-
"@types/react-dom": "~19.
|
|
34
|
+
"@storybook/react-vite": "^10.0.0",
|
|
35
|
+
"@types/react": "~19.2.2",
|
|
36
|
+
"@types/react-dom": "~19.2.2",
|
|
37
37
|
"@vitest/browser-playwright": "^4.0.2",
|
|
38
38
|
"storybook": "^9.1.6",
|
|
39
39
|
"typescript": "^5.9.3",
|
|
@@ -83,21 +83,39 @@ export const WithCustomContent = {
|
|
|
83
83
|
label: 'Settings',
|
|
84
84
|
position: 'bottom-right',
|
|
85
85
|
visible: true,
|
|
86
|
-
children: (React.createElement("div", null,
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
border: '
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
86
|
+
children: (React.createElement("div", null,
|
|
87
|
+
React.createElement("h3", { style: { margin: '0 0 16px 0', fontSize: '24px', fontWeight: '700' } }, "Settings Panel"),
|
|
88
|
+
React.createElement("div", { style: { marginBottom: '16px' } },
|
|
89
|
+
React.createElement("label", { style: { display: 'block', marginBottom: '8px', fontWeight: '600' } }, "Theme Preference"),
|
|
90
|
+
React.createElement("select", { style: { width: '100%', padding: '8px', borderRadius: '4px', border: '1px solid #ccc' } },
|
|
91
|
+
React.createElement("option", null, "Light"),
|
|
92
|
+
React.createElement("option", null, "Dark"),
|
|
93
|
+
React.createElement("option", null, "Auto"))),
|
|
94
|
+
React.createElement("div", { style: { marginBottom: '16px' } },
|
|
95
|
+
React.createElement("label", { style: { display: 'flex', alignItems: 'center', gap: '8px' } },
|
|
96
|
+
React.createElement("input", { type: "checkbox", defaultChecked: true }),
|
|
97
|
+
React.createElement("span", null, "Enable notifications"))),
|
|
98
|
+
React.createElement("div", { style: { marginBottom: '16px' } },
|
|
99
|
+
React.createElement("label", { style: { display: 'flex', alignItems: 'center', gap: '8px' } },
|
|
100
|
+
React.createElement("input", { type: "checkbox" }),
|
|
101
|
+
React.createElement("span", null, "Auto-save changes"))),
|
|
102
|
+
React.createElement("div", { style: { display: 'flex', gap: '8px', marginTop: '20px' } },
|
|
103
|
+
React.createElement("button", { style: {
|
|
104
|
+
padding: '8px 16px',
|
|
105
|
+
backgroundColor: '#0066cc',
|
|
106
|
+
color: 'white',
|
|
107
|
+
border: 'none',
|
|
108
|
+
borderRadius: '4px',
|
|
109
|
+
cursor: 'pointer',
|
|
110
|
+
} }, "Save Changes"),
|
|
111
|
+
React.createElement("button", { style: {
|
|
112
|
+
padding: '8px 16px',
|
|
113
|
+
backgroundColor: '#f5f5f5',
|
|
114
|
+
color: '#333',
|
|
115
|
+
border: '1px solid #ccc',
|
|
116
|
+
borderRadius: '4px',
|
|
117
|
+
cursor: 'pointer',
|
|
118
|
+
} }, "Cancel")))),
|
|
101
119
|
},
|
|
102
120
|
};
|
|
103
121
|
export const WithRichContent = {
|
|
@@ -105,28 +123,47 @@ export const WithRichContent = {
|
|
|
105
123
|
label: 'Help & Info',
|
|
106
124
|
position: 'bottom-right',
|
|
107
125
|
visible: true,
|
|
108
|
-
children: (React.createElement("div", null,
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
126
|
+
children: (React.createElement("div", null,
|
|
127
|
+
React.createElement("h3", { style: { margin: '0 0 16px 0', fontSize: '24px', fontWeight: '700' } }, "Welcome to VibeControl"),
|
|
128
|
+
React.createElement("div", { style: { marginBottom: '20px', lineHeight: '1.6' } },
|
|
129
|
+
React.createElement("p", null, "VibeControl provides a floating action button that opens rich overlay content. Perfect for settings, help content, or any additional functionality.")),
|
|
130
|
+
React.createElement("div", { style: {
|
|
131
|
+
marginBottom: '20px',
|
|
132
|
+
padding: '16px',
|
|
133
|
+
backgroundColor: '#f0f8ff',
|
|
134
|
+
borderRadius: '8px',
|
|
135
|
+
border: '1px solid #bbdefb',
|
|
136
|
+
} },
|
|
137
|
+
React.createElement("h4", { style: { margin: '0 0 8px 0', color: '#1976d2' } }, "Key Features"),
|
|
138
|
+
React.createElement("ul", { style: { margin: 0, paddingLeft: '20px', color: '#1976d2' } },
|
|
139
|
+
React.createElement("li", null, "Portal rendering avoids z-index issues"),
|
|
140
|
+
React.createElement("li", null, "Escape key and backdrop click to close"),
|
|
141
|
+
React.createElement("li", null, "Four corner position options"),
|
|
142
|
+
React.createElement("li", null, "Fully customizable overlay content"),
|
|
143
|
+
React.createElement("li", null, "Event callbacks for integration"))),
|
|
144
|
+
React.createElement("div", { style: {
|
|
145
|
+
marginBottom: '20px',
|
|
146
|
+
padding: '16px',
|
|
147
|
+
backgroundColor: '#f3e5f5',
|
|
148
|
+
borderRadius: '8px',
|
|
149
|
+
border: '1px solid #e1bee7',
|
|
150
|
+
} },
|
|
151
|
+
React.createElement("h4", { style: { margin: '0 0 8px 0', color: '#7b1fa2' } }, "Usage Examples"),
|
|
152
|
+
React.createElement("ul", { style: { margin: 0, paddingLeft: '20px', color: '#7b1fa2' } },
|
|
153
|
+
React.createElement("li", null, "Application settings and preferences"),
|
|
154
|
+
React.createElement("li", null, "User help and documentation"),
|
|
155
|
+
React.createElement("li", null, "Additional navigation or tools"),
|
|
156
|
+
React.createElement("li", null, "Context-sensitive controls"))),
|
|
157
|
+
React.createElement("button", { style: {
|
|
158
|
+
width: '100%',
|
|
159
|
+
padding: '12px',
|
|
160
|
+
backgroundColor: '#4caf50',
|
|
161
|
+
color: 'white',
|
|
162
|
+
border: 'none',
|
|
163
|
+
borderRadius: '4px',
|
|
164
|
+
fontSize: '16px',
|
|
165
|
+
cursor: 'pointer',
|
|
166
|
+
}, onClick: () => alert('Action triggered!') }, "Try It Out!"))),
|
|
130
167
|
},
|
|
131
168
|
};
|
|
132
169
|
export const Hidden = {
|
|
@@ -149,7 +186,10 @@ export const WithCustomStyling = {
|
|
|
149
186
|
closeButton: 'custom-close',
|
|
150
187
|
content: 'custom-content',
|
|
151
188
|
},
|
|
152
|
-
children: (React.createElement("div", null,
|
|
189
|
+
children: (React.createElement("div", null,
|
|
190
|
+
React.createElement("h3", null, "Custom Styled Overlay"),
|
|
191
|
+
React.createElement("p", null, "This example shows how you can customize the styling using CSS classes."),
|
|
192
|
+
React.createElement("p", null, "You can override the default styles by providing custom classes for each element of the component."))),
|
|
153
193
|
},
|
|
154
194
|
};
|
|
155
195
|
//# sourceMappingURL=VibeControl.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VibeControl.stories.js","sourceRoot":"","sources":["../../jsr/stories/VibeControl.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,MAAM,IAAI,GAA2B;IACnC,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;QACpB,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;;;;;;;SAUV;aACF;SACF;KACF;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,cAAc,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,CAAC;YACjE,WAAW,EAAE,iCAAiC;SAC/C;QACD,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,WAAW,EAAE,8BAA8B;SAC5C;QACD,OAAO,EAAE;YACP,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;YAC5B,WAAW,EAAE,+BAA+B;SAC7C;QACD,MAAM,EAAE;YACN,MAAM,EAAE,QAAQ;YAChB,WAAW,EAAE,6BAA6B;SAC3C;QACD,OAAO,EAAE;YACP,MAAM,EAAE,QAAQ;YAChB,WAAW,EAAE,8BAA8B;SAC5C;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,WAAW,EAAE,gCAAgC;SAC9C;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY;QACnB,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,IAAI;KACd;CACF,CAAC;AAGF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,aAAa;QACvB,OAAO,EAAE,IAAI;KACd;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,KAAK,EAAE,WAAW;QAClB,QAAQ,EAAE,WAAW;QACrB,OAAO,EAAE,IAAI;KACd;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,UAAU;QACjB,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,IAAI;KACd;CACF,CAAC;AAGF,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACtC,IAAI,EAAE;QACJ,KAAK,EAAE,UAAU;QACjB,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,CACR,
|
|
1
|
+
{"version":3,"file":"VibeControl.stories.js","sourceRoot":"","sources":["../../jsr/stories/VibeControl.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,MAAM,IAAI,GAA2B;IACnC,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;QACpB,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;;;;;;;SAUV;aACF;SACF;KACF;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,cAAc,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,CAAC;YACjE,WAAW,EAAE,iCAAiC;SAC/C;QACD,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,WAAW,EAAE,8BAA8B;SAC5C;QACD,OAAO,EAAE;YACP,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;YAC5B,WAAW,EAAE,+BAA+B;SAC7C;QACD,MAAM,EAAE;YACN,MAAM,EAAE,QAAQ;YAChB,WAAW,EAAE,6BAA6B;SAC3C;QACD,OAAO,EAAE;YACP,MAAM,EAAE,QAAQ;YAChB,WAAW,EAAE,8BAA8B;SAC5C;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,WAAW,EAAE,gCAAgC;SAC9C;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY;QACnB,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,IAAI;KACd;CACF,CAAC;AAGF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,aAAa;QACvB,OAAO,EAAE,IAAI;KACd;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,KAAK,EAAE,WAAW;QAClB,QAAQ,EAAE,WAAW;QACrB,OAAO,EAAE,IAAI;KACd;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,UAAU;QACjB,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,IAAI;KACd;CACF,CAAC;AAGF,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACtC,IAAI,EAAE;QACJ,KAAK,EAAE,UAAU;QACjB,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,CACR;YACE,4BAAI,KAAK,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,qBAEnE;YACL,6BAAK,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE;gBAClC,+BAAO,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,uBAElE;gBACR,gCACE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,gBAAgB,EAAE;oBAEvF,4CAAsB;oBACtB,2CAAqB;oBACrB,2CAAqB,CACd,CACL;YACN,6BAAK,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE;gBAClC,+BAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE;oBACjE,+BAAO,IAAI,EAAC,UAAU,EAAC,cAAc,SAAG;oBACxC,yDAAiC,CAC3B,CACJ;YACN,6BAAK,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE;gBAClC,+BAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE;oBACjE,+BAAO,IAAI,EAAC,UAAU,GAAG;oBACzB,sDAA8B,CACxB,CACJ;YACN,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE;gBAC5D,gCACE,KAAK,EAAE;wBACL,OAAO,EAAE,UAAU;wBACnB,eAAe,EAAE,SAAS;wBAC1B,KAAK,EAAE,OAAO;wBACd,MAAM,EAAE,MAAM;wBACd,YAAY,EAAE,KAAK;wBACnB,MAAM,EAAE,SAAS;qBAClB,mBAGM;gBACT,gCACE,KAAK,EAAE;wBACL,OAAO,EAAE,UAAU;wBACnB,eAAe,EAAE,SAAS;wBAC1B,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,gBAAgB;wBACxB,YAAY,EAAE,KAAK;wBACnB,MAAM,EAAE,SAAS;qBAClB,aAGM,CACL,CACF,CACP;KACF;CACF,CAAC;AAGF,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,IAAI,EAAE;QACJ,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,CACR;YACE,4BAAI,KAAK,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,6BAEnE;YACL,6BAAK,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE;gBACrD,qLAGI,CACA;YAEN,6BACE,KAAK,EAAE;oBACL,YAAY,EAAE,MAAM;oBACpB,OAAO,EAAE,MAAM;oBACf,eAAe,EAAE,SAAS;oBAC1B,YAAY,EAAE,KAAK;oBACnB,MAAM,EAAE,mBAAmB;iBAC5B;gBAED,4BAAI,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,mBAAmB;gBACvE,4BAAI,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE;oBAC7D,yEAA+C;oBAC/C,yEAA+C;oBAC/C,+DAAqC;oBACrC,qEAA2C;oBAC3C,kEAAwC,CACrC,CACD;YAEN,6BACE,KAAK,EAAE;oBACL,YAAY,EAAE,MAAM;oBACpB,OAAO,EAAE,MAAM;oBACf,eAAe,EAAE,SAAS;oBAC1B,YAAY,EAAE,KAAK;oBACnB,MAAM,EAAE,mBAAmB;iBAC5B;gBAED,4BAAI,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,qBAAqB;gBACzE,4BAAI,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE;oBAC7D,uEAA6C;oBAC7C,8DAAoC;oBACpC,iEAAuC;oBACvC,6DAAmC,CAChC,CACD;YAEN,gCACE,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;oBACb,OAAO,EAAE,MAAM;oBACf,eAAe,EAAE,SAAS;oBAC1B,KAAK,EAAE,OAAO;oBACd,MAAM,EAAE,MAAM;oBACd,YAAY,EAAE,KAAK;oBACnB,QAAQ,EAAE,MAAM;oBAChB,MAAM,EAAE,SAAS;iBAClB,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC,kBAGlC,CACL,CACP;KACF;CACF,CAAC;AAGF,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,IAAI,EAAE;QACJ,KAAK,EAAE,iBAAiB;QACxB,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,KAAK;KACf;CACF,CAAC;AAGF,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACtC,IAAI,EAAE;QACJ,KAAK,EAAE,aAAU;QACjB,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,IAAI;QACb,OAAO,EAAE;YACP,MAAM,EAAE,eAAe;YACvB,QAAQ,EAAE,iBAAiB;YAC3B,OAAO,EAAE,gBAAgB;YACzB,YAAY,EAAE,cAAc;YAC5B,WAAW,EAAE,cAAc;YAC3B,OAAO,EAAE,gBAAgB;SAC1B;QACD,QAAQ,EAAE,CACR;YACE,wDAA8B;YAC9B,yGAA8E;YAC9E,oIAGI,CACA,CACP;KACF;CACF,CAAC"}
|
package/utils/styles.d.ts
CHANGED
|
@@ -311,10 +311,10 @@ export declare const imgGenStyles: {
|
|
|
311
311
|
export declare function createStyledVariant(baseStyle: Record<string, unknown>, variants?: Record<string, unknown>): Record<string, unknown>;
|
|
312
312
|
export declare const styleUtils: {
|
|
313
313
|
hover: (styles: Record<string, unknown>) => {
|
|
314
|
-
|
|
314
|
+
'&:hover': Record<string, unknown>;
|
|
315
315
|
};
|
|
316
316
|
disabled: (styles: Record<string, unknown>) => {
|
|
317
|
-
|
|
317
|
+
'&:disabled': Record<string, unknown>;
|
|
318
318
|
};
|
|
319
319
|
mediaQuery: (query: string, styles: Record<string, unknown>) => {
|
|
320
320
|
[x: string]: Record<string, unknown>;
|