@bace51/cocktailjs-react 1.0.2 → 1.0.4
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/README.md +23 -62
- package/dist/index.cjs.js +105 -12
- package/dist/index.mjs +31 -31
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -2,92 +2,53 @@
|
|
|
2
2
|
|
|
3
3
|
Lightweight React components for rendering cocktail glasses and liquids as SVG.
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
## Installation
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
Install the package and add React as a peer dependency:
|
|
7
|
+
Install the package and ensure `react` is available as a peer dependency in your app:
|
|
10
8
|
|
|
11
9
|
```bash
|
|
12
10
|
pnpm add cocktailjs-react
|
|
13
11
|
# or
|
|
14
|
-
|
|
12
|
+
npm install cocktailjs-react
|
|
15
13
|
```
|
|
16
14
|
|
|
17
|
-
|
|
15
|
+
## Basic usage
|
|
18
16
|
|
|
19
|
-
|
|
17
|
+
Import components from the package and use them like standard React components.
|
|
20
18
|
|
|
21
19
|
```jsx
|
|
22
20
|
import React from "react";
|
|
23
|
-
import {
|
|
21
|
+
import { MartiniGlass } from "cocktailjs-react";
|
|
24
22
|
|
|
25
23
|
export default function Example() {
|
|
26
24
|
return (
|
|
27
25
|
<div>
|
|
28
|
-
<
|
|
29
|
-
<Liquid level={0.6} highlight highlightColor="#fff" />
|
|
26
|
+
<MartiniGlass size={200} liquidFill={["#f6d365", "#fda085"]} />
|
|
30
27
|
</div>
|
|
31
28
|
);
|
|
32
29
|
}
|
|
33
30
|
```
|
|
34
31
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
```jsx
|
|
38
|
-
import { MartiniGlass } from "cocktailjs-react";
|
|
39
|
-
<MartiniGlass size={200} liquidFill={["#f6d365", "#fda085"]} />;
|
|
40
|
-
```
|
|
41
|
-
|
|
42
|
-
**`Liquid` props**
|
|
43
|
-
|
|
44
|
-
- `level` (number): fill level 0..1
|
|
45
|
-
- `highlight` (boolean): adds highlight overlay
|
|
46
|
-
- `highlightColor` (string): color for the highlight
|
|
47
|
-
- `stopPositions` (array): gradient stop offsets
|
|
48
|
-
|
|
49
|
-
**Development / Playground**
|
|
50
|
-
|
|
51
|
-
This repository includes a Vite playground (in `playground/`) that runs on port 5173. To run the playground locally from the repo root:
|
|
52
|
-
|
|
53
|
-
```bash
|
|
54
|
-
pnpm install
|
|
55
|
-
pnpm run dev:with-playground
|
|
56
|
-
# Admin server runs at http://localhost:3004 and playground at http://localhost:5173
|
|
57
|
-
```
|
|
58
|
-
|
|
59
|
-
**Build & publish**
|
|
60
|
-
|
|
61
|
-
The package includes esbuild-based scripts to generate ESM and CJS bundles into `dist/`.
|
|
62
|
-
|
|
63
|
-
```bash
|
|
64
|
-
pnpm --filter ./packages/cocktailjs-react run build
|
|
65
|
-
pnpm --filter ./packages/cocktailjs-react run build:cjs
|
|
66
|
-
# or publish (prepare script runs build):
|
|
67
|
-
pnpm publish --filter ./packages/cocktailjs-react
|
|
68
|
-
```
|
|
69
|
-
|
|
70
|
-
**Notes**
|
|
71
|
-
|
|
72
|
-
- The package exposes both ESM (`dist/index.mjs`) and CJS (`dist/index.cjs.js`) bundles.
|
|
73
|
-
- Keep `react` as a peer dependency to avoid duplicate React instances in consumer apps.
|
|
32
|
+
## Common props
|
|
74
33
|
|
|
75
|
-
|
|
34
|
+
- `size` (number): width/height in pixels for glass components.
|
|
35
|
+
- `liquidFill` (string | string[]): color or gradient colors used for the liquid.
|
|
36
|
+
- `level` (number): for `Liquid`, fill level from `0` (empty) to `1` (full).
|
|
37
|
+
- `highlight` (boolean): for `Liquid`, enable a highlight overlay.
|
|
38
|
+
- `highlightColor` (string): color used for the highlight.
|
|
39
|
+
- `stopPositions` (array): optional gradient stop offsets for `Liquid`.
|
|
76
40
|
|
|
41
|
+
- `mixed` (boolean): render a visually-mixed liquid. Subdues strong gradients and biases toward a dominant color while still hinting original colors.
|
|
42
|
+
- `mixedBlend` (number 0..1): how much original colors remain when `mixed` is true (0 = pure dominant color, 1 = original colors). Default ~0.25.
|
|
43
|
+
- `mixedOpacity` (number 0..1): opacity applied to synthesized mixed gradient stops (default ~0.85).
|
|
77
44
|
|
|
78
|
-
|
|
79
|
-
cd packages/cocktailjs-react
|
|
45
|
+
Notes about `mixed` vs gradients
|
|
80
46
|
|
|
81
|
-
|
|
82
|
-
read -s -p "NPM token: " NPM_TOKEN; echo
|
|
47
|
+
- When `mixed` is `true`, `Liquid` will choose a dominant color (highest saturation) and blend other stops toward it, reducing stop opacity so hints of the original palette remain. This produces a more natural "already mixed" appearance.
|
|
83
48
|
|
|
84
|
-
|
|
85
|
-
printf "//registry.npmjs.org/:_authToken=%s\n" "$NPM_TOKEN" > .npmrc
|
|
49
|
+
## Notes
|
|
86
50
|
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
npm publish --access public
|
|
51
|
+
- `react` and `react-dom` are peer dependencies — install them in your application to avoid duplicate React instances.
|
|
52
|
+
- All components render SVG and accept standard SVG attributes (className, style, etc.).
|
|
90
53
|
|
|
91
|
-
|
|
92
|
-
rm -f .npmrc
|
|
93
|
-
unset NPM_TOKEN
|
|
54
|
+
If you need more examples or integration help, open an issue in the repository.
|
package/dist/index.cjs.js
CHANGED
|
@@ -84,7 +84,13 @@ function Liquid({
|
|
|
84
84
|
// level: 0..1 vertical span of the gradient (1 = full height)
|
|
85
85
|
level = 1,
|
|
86
86
|
// optional explicit stop positions (array of 0..1) matching gradStops length
|
|
87
|
-
stopPositions = null
|
|
87
|
+
stopPositions = null,
|
|
88
|
+
// if true, render a single 'mixed' color instead of a clear gradient
|
|
89
|
+
mixed = false,
|
|
90
|
+
// when mixed=true, how much original color shows (0..1). 0 = pure dominant color, 1 = original colors.
|
|
91
|
+
mixedBlend = 0.25,
|
|
92
|
+
// when mixed=true, opacity applied to gradient stops (0..1)
|
|
93
|
+
mixedOpacity = 0.85
|
|
88
94
|
}) {
|
|
89
95
|
let useExternal = false;
|
|
90
96
|
let stops = null;
|
|
@@ -130,22 +136,106 @@ function Liquid({
|
|
|
130
136
|
});
|
|
131
137
|
}
|
|
132
138
|
const localId = idBase;
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
139
|
+
function hexToRgb(h) {
|
|
140
|
+
if (!h)
|
|
141
|
+
return [0, 0, 0];
|
|
142
|
+
let s = String(h).trim();
|
|
143
|
+
if (s[0] === "#")
|
|
144
|
+
s = s.slice(1);
|
|
145
|
+
if (s.length === 3)
|
|
146
|
+
s = s.split("").map((c) => c + c).join("");
|
|
147
|
+
const n = parseInt(s, 16);
|
|
148
|
+
return [n >> 16 & 255, n >> 8 & 255, n & 255];
|
|
149
|
+
}
|
|
150
|
+
function rgbToHsl(r, g, b) {
|
|
151
|
+
r /= 255;
|
|
152
|
+
g /= 255;
|
|
153
|
+
b /= 255;
|
|
154
|
+
const max = Math.max(r, g, b), min = Math.min(r, g, b);
|
|
155
|
+
let h = 0, s = 0;
|
|
156
|
+
const l = (max + min) / 2;
|
|
157
|
+
if (max !== min) {
|
|
158
|
+
const d2 = max - min;
|
|
159
|
+
s = l > 0.5 ? d2 / (2 - max - min) : d2 / (max + min);
|
|
160
|
+
switch (max) {
|
|
161
|
+
case r:
|
|
162
|
+
h = (g - b) / d2 + (g < b ? 6 : 0);
|
|
163
|
+
break;
|
|
164
|
+
case g:
|
|
165
|
+
h = (b - r) / d2 + 2;
|
|
166
|
+
break;
|
|
167
|
+
case b:
|
|
168
|
+
h = (r - g) / d2 + 4;
|
|
169
|
+
break;
|
|
170
|
+
}
|
|
171
|
+
h /= 6;
|
|
140
172
|
}
|
|
141
|
-
|
|
173
|
+
return [h, s, l];
|
|
174
|
+
}
|
|
175
|
+
function rgbToHex([r, g, b]) {
|
|
176
|
+
return "#" + [r, g, b].map((v) => {
|
|
177
|
+
const s = Math.round(Math.max(0, Math.min(255, v))).toString(16);
|
|
178
|
+
return s.length === 1 ? "0" + s : s;
|
|
179
|
+
}).join("");
|
|
180
|
+
}
|
|
181
|
+
function blendHex(a, b, t) {
|
|
182
|
+
const ra = hexToRgb(a);
|
|
183
|
+
const rb = hexToRgb(b);
|
|
184
|
+
const r = Math.round(ra[0] * (1 - t) + rb[0] * t);
|
|
185
|
+
const g = Math.round(ra[1] * (1 - t) + rb[1] * t);
|
|
186
|
+
const bl = Math.round(ra[2] * (1 - t) + rb[2] * t);
|
|
187
|
+
return rgbToHex([r, g, bl]);
|
|
188
|
+
}
|
|
189
|
+
let mixedColor = null;
|
|
190
|
+
let mixedGradStops = null;
|
|
191
|
+
if (mixed && !useExternal) {
|
|
192
|
+
try {
|
|
193
|
+
let best = null;
|
|
194
|
+
let bestS = -1;
|
|
195
|
+
for (const c of gradStops) {
|
|
196
|
+
const rgb = hexToRgb(c);
|
|
197
|
+
const [, s] = rgbToHsl(rgb[0], rgb[1], rgb[2]);
|
|
198
|
+
if (s > bestS) {
|
|
199
|
+
bestS = s;
|
|
200
|
+
best = c;
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
mixedColor = best || gradStops[0];
|
|
204
|
+
mixedGradStops = gradStops.map(
|
|
205
|
+
(orig) => blendHex(mixedColor, orig, Math.max(0, Math.min(1, mixedBlend)))
|
|
206
|
+
);
|
|
207
|
+
} catch (e) {
|
|
208
|
+
mixedColor = gradStops[0];
|
|
209
|
+
mixedGradStops = gradStops.slice();
|
|
210
|
+
}
|
|
211
|
+
}
|
|
212
|
+
return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, !useExternal && /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: localId, x1: "0", y1: "0", x2: "0", y2: "1" }, (mixed && mixedGradStops ? mixedGradStops : gradStops).map(
|
|
213
|
+
(c, i) => /* @__PURE__ */ import_react.default.createElement(
|
|
214
|
+
"stop",
|
|
215
|
+
{
|
|
216
|
+
key: i,
|
|
217
|
+
offset: `${offsets[i]}%`,
|
|
218
|
+
stopColor: c,
|
|
219
|
+
stopOpacity: mixed && mixedGradStops ? mixedOpacity : 1
|
|
220
|
+
}
|
|
221
|
+
)
|
|
222
|
+
))), /* @__PURE__ */ import_react.default.createElement(
|
|
142
223
|
"path",
|
|
143
224
|
{
|
|
144
225
|
d,
|
|
145
226
|
transform,
|
|
146
227
|
className: "liquid",
|
|
147
228
|
style: liquidStyle || void 0,
|
|
148
|
-
fill:
|
|
229
|
+
fill: (
|
|
230
|
+
// explicit style wins
|
|
231
|
+
liquidStyle ? void 0 : (
|
|
232
|
+
// if external gradient requested, use it
|
|
233
|
+
useExternal ? `url(${gradientAttr})` : (
|
|
234
|
+
// if mixed requested and no external gradient, prefer the blended gradient (so hints remain)
|
|
235
|
+
mixed && mixedColor ? `url(#${localId})` : `url(#${localId})`
|
|
236
|
+
)
|
|
237
|
+
)
|
|
238
|
+
),
|
|
149
239
|
opacity
|
|
150
240
|
}
|
|
151
241
|
));
|
|
@@ -1716,7 +1806,9 @@ function WhiskeyShotGlass({
|
|
|
1716
1806
|
liquidFill = ["#FFFFFF", "#E0E0E0"],
|
|
1717
1807
|
size = 80,
|
|
1718
1808
|
strokeWidth = 0.5,
|
|
1719
|
-
idBase = "ShotGlassGrad"
|
|
1809
|
+
idBase = "ShotGlassGrad",
|
|
1810
|
+
// any extra props will be forwarded to `Liquid`
|
|
1811
|
+
...liquidProps
|
|
1720
1812
|
}) {
|
|
1721
1813
|
return /* @__PURE__ */ import_react33.default.createElement("svg", { width: size, height: size, viewBox: "0 0 64 64" }, /* @__PURE__ */ import_react33.default.createElement(
|
|
1722
1814
|
"rect",
|
|
@@ -1736,7 +1828,8 @@ function WhiskeyShotGlass({
|
|
|
1736
1828
|
transform: "scale(0.98)",
|
|
1737
1829
|
idBase,
|
|
1738
1830
|
opacity: 0.7,
|
|
1739
|
-
liquidFill
|
|
1831
|
+
liquidFill,
|
|
1832
|
+
...liquidProps
|
|
1740
1833
|
}
|
|
1741
1834
|
), /* @__PURE__ */ import_react33.default.createElement(
|
|
1742
1835
|
"rect",
|
package/dist/index.mjs
CHANGED
|
@@ -1,151 +1,151 @@
|
|
|
1
|
-
import
|
|
2
|
-
M26 50 Q32 50 38 50 L36 60 L28 60 Z`,transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),
|
|
3
|
-
M26 50 Q32 50 38 50 L36 60 L28 60 Z`,stroke:"currentColor",strokeWidth:r,fill:"none"}),
|
|
1
|
+
import g from"react";function i({d:t,transform:o,liquidFill:r=null,liquidStyle:l=null,gradientAttr:d=null,opacity:tr=.7,idBase:Nr="liquidGrad",highlight:Tr=null,highlightColor:Er="#fff7c0",level:jr=1,stopPositions:ir=null,mixed:I=!1,mixedBlend:Ir=.25,mixedOpacity:Jr=.85}){let J=!1,f=null;if(typeof d=="string"){let s=d.trim();if(s.startsWith("#"))J=!0;else if(s.startsWith("["))try{f=JSON.parse(s)}catch{f=null}else f=[s]}else Array.isArray(d)&&(f=d);(!f||!f.length)&&(r?f=Array.isArray(r)?r:[r]:f=["#93d3d8"]);let a=Tr==="liquid"||Tr==="all"?[Er,...f]:[...f],V;if(Array.isArray(ir)&&ir.length===a.length)V=ir.map(s=>{let e=Number(s)||0;return Math.round(Math.max(0,Math.min(1,e))*100)});else{let s=Math.max(0,Math.min(1,Number(jr)||0)),e=1-s;a.length===1?V=[100]:V=a.map((n,u)=>{let h=u/Math.max(1,a.length-1);return Math.round((e+h*s)*100)})}let lr=Nr;function er(s){if(!s)return[0,0,0];let e=String(s).trim();e[0]==="#"&&(e=e.slice(1)),e.length===3&&(e=e.split("").map(u=>u+u).join(""));let n=parseInt(e,16);return[n>>16&255,n>>8&255,n&255]}function Vr(s,e,n){s/=255,e/=255,n/=255;let u=Math.max(s,e,n),h=Math.min(s,e,n),p=0,_=0,K=(u+h)/2;if(u!==h){let S=u-h;switch(_=K>.5?S/(2-u-h):S/(u+h),u){case s:p=(e-n)/S+(e<n?6:0);break;case e:p=(n-s)/S+2;break;case n:p=(s-e)/S+4;break}p/=6}return[p,_,K]}function Or([s,e,n]){return"#"+[s,e,n].map(u=>{let h=Math.round(Math.max(0,Math.min(255,u))).toString(16);return h.length===1?"0"+h:h}).join("")}function _r(s,e,n){let u=er(s),h=er(e),p=Math.round(u[0]*(1-n)+h[0]*n),_=Math.round(u[1]*(1-n)+h[1]*n),K=Math.round(u[2]*(1-n)+h[2]*n);return Or([p,_,K])}let O=null,F=null;if(I&&!J)try{let s=null,e=-1;for(let n of a){let u=er(n),[,h]=Vr(u[0],u[1],u[2]);h>e&&(e=h,s=n)}O=s||a[0],F=a.map(n=>_r(O,n,Math.max(0,Math.min(1,Ir))))}catch{O=a[0],F=a.slice()}return g.createElement(g.Fragment,null,!J&&g.createElement("defs",null,g.createElement("linearGradient",{id:lr,x1:"0",y1:"0",x2:"0",y2:"1"},(I&&F?F:a).map((s,e)=>g.createElement("stop",{key:e,offset:`${V[e]}%`,stopColor:s,stopOpacity:I&&F?Jr:1})))),g.createElement("path",{d:t,transform:o,className:"liquid",style:l||void 0,fill:l?void 0:J?`url(${d})`:I&&O?`url(#${lr})`:`url(#${lr})`,opacity:tr}))}import W from"react";function sr({liquidFill:t=["#A8E6CF","#DCEDC2","#FFD3B6"],size:o=80,strokeWidth:r=.5,idBase:l="AbsintheGlassGrad"}){let d=Math.floor(o*1.125);return W.createElement("svg",{width:o,height:d,viewBox:"0 0 64 90"},W.createElement(i,{d:`M20 35 L44 35 L42 49 Q32 52 22 49 Z
|
|
2
|
+
M26 50 Q32 50 38 50 L36 60 L28 60 Z`,transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),W.createElement("path",{d:`M20 35 L44 35 L42 49 Q32 52 22 49 Z
|
|
3
|
+
M26 50 Q32 50 38 50 L36 60 L28 60 Z`,stroke:"currentColor",strokeWidth:r,fill:"none"}),W.createElement("rect",{x:31,y:60,width:2,height:16,fill:"black",stroke:"currentColor",strokeWidth:r}),W.createElement("path",{d:" M24 77 Q32 76 40 77 L40 77 L24 77 Z ",fill:"currentColor",stroke:"currentColor",strokeWidth:r,rx:r}))}import x from"react";function nr({liquidFill:t=["#F6D29A","#D98F3A"],strokeWidth:o=1,idBase:r="BrandySnifterGlassGrad"}){return x.createElement("svg",{viewBox:"0 0 64 64"},x.createElement(i,{d:`M22 28
|
|
4
4
|
L42 28
|
|
5
5
|
L44 48
|
|
6
6
|
Q32 52 20 48
|
|
7
|
-
Z`,transform:"scale(0.98)",idBase:r,opacity:.7,liquidFill:t}),
|
|
7
|
+
Z`,transform:"scale(0.98)",idBase:r,opacity:.7,liquidFill:t}),x.createElement("path",{d:`
|
|
8
8
|
M22 28
|
|
9
9
|
L42 28
|
|
10
10
|
L44 48
|
|
11
11
|
Q32 52 20 48
|
|
12
12
|
Z
|
|
13
|
-
`,fill:"none",stroke:"currentColor",strokeWidth:o}),
|
|
13
|
+
`,fill:"none",stroke:"currentColor",strokeWidth:o}),x.createElement("line",{x1:22,y1:28,x2:42,y2:28,stroke:"currentColor",strokeWidth:o}),x.createElement("rect",{x:30,y:50,width:4,height:5,fill:"currentColor",stroke:"currentColor",strokeWidth:o}),x.createElement("path",{d:"M24 55 Q32 54 40 55 L40 55 L24 55 Z",fill:"currentColor",stroke:"currentColor",strokeWidth:o}))}import k from"react";function dr({liquidFill:t=["#FFF7C0","#FFD27A"],strokeWidth:o=.5,idBase:r="CollinsGlassGrad"}){return k.createElement("svg",{viewBox:"0 0 64 64"},k.createElement(i,{d:"M22 10 L42 10 L42 54 L22 54 Z",transform:"scale(0.98)",idBase:r,opacity:.7,liquidFill:t}),k.createElement("line",{x1:22,y1:10,x2:22,y2:54,stroke:"currentColor",strokeWidth:o}),k.createElement("line",{x1:42,y1:10,x2:42,y2:54,stroke:"currentColor",strokeWidth:o}),k.createElement("line",{x1:21.76,y1:10,x2:42.24,y2:10,stroke:"currentColor",strokeWidth:o}),k.createElement("rect",{x:22,y:54,width:20,height:2,fill:"currentColor",stroke:"currentColor",strokeWidth:o}))}import b from"react";function ur({size:t=80,strokeWidth:o=.5,fill:r="#B87333"}){return b.createElement("svg",{width:t,height:t,viewBox:"0 0 64 64"},b.createElement("path",{d:"M47 23 C68 23 68 52 46.5 50",fill:"none",stroke:r,strokeWidth:o+2}),b.createElement("path",{d:`
|
|
14
14
|
M18 16
|
|
15
15
|
L46 16
|
|
16
16
|
C48 24 48 40 46 56
|
|
17
17
|
L18 56
|
|
18
18
|
C16 40 16 24 18 16
|
|
19
19
|
Z
|
|
20
|
-
`,transform:"scale(0.98)",fill:r}),
|
|
20
|
+
`,transform:"scale(0.98)",fill:r}),b.createElement("path",{d:`
|
|
21
21
|
M18 16
|
|
22
22
|
L46 16
|
|
23
23
|
C48 24 48 40 46 56
|
|
24
24
|
L18 56
|
|
25
25
|
C16 40 16 24 18 16
|
|
26
26
|
Z
|
|
27
|
-
`,fill:"none",stroke:r,strokeWidth:o}),
|
|
27
|
+
`,fill:"none",stroke:r,strokeWidth:o}),b.createElement("line",{x1:18,y1:16,x2:46,y2:16,stroke:r,strokeWidth:o}))}import G from"react";var Kr={colors:{accent:{200:"#ffd180",500:"#e67e22"},warning:"#ffb300",success:"#4caf50",error:"#e53935",dark:{400:"#616161",700:"#212121",900:"#121212"}}};try{global.theme=Kr}catch{}function hr({liquidFill:t=null,strokeWidth:o=.5,idBase:r="CordialGlassGrad"}){return G.createElement("svg",{viewBox:"0 0 64 64"},G.createElement(i,{d:"M30 16 L35 16 Q34 25 31 26 Q30 26 28 16 Z",transform:"scale(0.98)",idBase:r,opacity:.7,liquidFill:t}),G.createElement("path",{d:"M28 16 L36 16 Q34 26 32 26 Q30 26 28 16 Z",stroke:"currentColor",strokeWidth:o,fill:"none"}),G.createElement("rect",{x:31.8,y:26,width:.5,height:6,fill:"currentColor",stroke:"currentColor",strokeWidth:o}),G.createElement("path",{d:"M28.5 17 L35.5 17 Q34 25 32 25 Q30 25 28.5 17 Z",fill:"rgba(255,255,255,0.06)"}),G.createElement("path",{d:"M28 32 Q32 31 36 32 L36 32 L28 32 Z",fill:"currentColor",stroke:"currentColor",strokeWidth:o}))}import $ from"react";function fr({liquidFill:t=null,size:o=80,strokeWidth:r=1,idBase:l="CoupeGlassGrad"}){return $.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},$.createElement(i,{d:`
|
|
28
28
|
M12 32 Q32 36 52 32 L52 18 Q32 18 12 18 Z
|
|
29
|
-
`,transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t})
|
|
29
|
+
`,transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),$.createElement("path",{d:`
|
|
30
30
|
M12 32 Q32 36 52 32 L52 18 Q32 18 12 18 Z
|
|
31
|
-
`,fill:"none",stroke:"currentColor",strokeWidth:r})
|
|
31
|
+
`,fill:"none",stroke:"currentColor",strokeWidth:r}),$.createElement("path",{d:"M32 34 L32 60",stroke:"currentColor",strokeWidth:r}),$.createElement("path",{d:"M24 60 Q32 59 40 60 L40 60 L24 60 Z",fill:"currentColor",stroke:"currentColor",strokeWidth:r}))}import A from"react";function ar({liquidFill:t=null,size:o=80,strokeWidth:r=.5,idBase:l="DemitasseGlassGrad"}){return A.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},A.createElement("path",{d:"M20 24 L24 45 L40 45 L44 24 Z",fill:"none",stroke:"currentColor",strokeLinejoin:"miter",strokeWidth:r}),A.createElement(i,{d:"M20 24 L24 45 L40 45 L44 24 Z",transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),A.createElement("path",{d:"M43 30 Q55 30 41 40",stroke:"currentColor",fill:"none",strokeWidth:r}),A.createElement("path",{d:"M24 45 Q32 45 40 45 L40 48 L24 48 Z",fill:"currentColor",stroke:"currentColor",strokeWidth:r}))}import U from"react";function mr({liquidFill:t=["#FFF7C0","#FFD27A"],size:o=64,strokeWidth:r=.5,idBase:l="DoubleShotGlassGrad"}){return U.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},U.createElement("path",{d:"M20 18 C22 30 22 46 22.5 58 L41.5 58 C42.5 46 42.5 30 44 18 Z",stroke:"currentColor",fill:"none",strokeWidth:r}),U.createElement(i,{d:"M20 18 C22 30 22 46 22.5 58 L41.5 58 C42.5 46 42.5 30 44 18 Z",transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),U.createElement("rect",{x:22.5,y:58,width:19,height:3,fill:"none",stroke:"currentColor",strokeWidth:r}))}import M from"react";function pr({liquidFill:t=null,size:o=80,strokeWidth:r=.5,idBase:l="FizzGlassGrad"}){return M.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},M.createElement("path",{d:"M22 10 L42 10",stroke:"currentColor",strokeWidth:r}),M.createElement(i,{d:`
|
|
32
32
|
M22 10 L24 23 L40 23 L42 10 Z
|
|
33
|
-
`,transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),
|
|
33
|
+
`,transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),M.createElement("path",{d:`
|
|
34
34
|
M22 10 L24 23 L40 23 L42 10 Z
|
|
35
|
-
`,fill:"none",stroke:"currentColor",strokeWidth:r}),
|
|
35
|
+
`,fill:"none",stroke:"currentColor",strokeWidth:r}),M.createElement("rect",{x:32,y:23,width:1,height:10,fill:"currentColor",stroke:"currentColor",strokeWidth:r}),M.createElement("path",{d:"M26 33 Q32 32 38 33 L38 33 L26 33 Z",fill:"currentColor",stroke:"currentColor",strokeWidth:r}))}import H from"react";function cr({liquidFill:t=null,size:o=80,strokeWidth:r=.5,idBase:l="FluteGlassGrad"}){return H.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},H.createElement(i,{d:`
|
|
36
36
|
M30 12
|
|
37
37
|
L34 12
|
|
38
38
|
L36 36
|
|
39
39
|
Q32 38 28 36
|
|
40
40
|
Z
|
|
41
|
-
`,transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),
|
|
41
|
+
`,transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),H.createElement("path",{d:`
|
|
42
42
|
M30 12
|
|
43
43
|
L34 12
|
|
44
44
|
L36 36
|
|
45
45
|
Q32 38 28 36
|
|
46
46
|
Z
|
|
47
|
-
`,fill:"none",stroke:"currentColor",strokeWidth:r}),
|
|
47
|
+
`,fill:"none",stroke:"currentColor",strokeWidth:r}),H.createElement("rect",{x:32,y:37,width:r,height:16,fill:"currentColor",stroke:"currentColor",strokeWidth:r}),H.createElement("path",{d:"M26 53 Q32 52 38 53 L38 53 L26 53 Z",fill:"currentColor",stroke:"currentColor",strokeWidth:r}))}import y from"react";function Cr({liquidFill:t=null,size:o=80,strokeWidth:r=2,idBase:l="GobletGlassGrad"}){let d=Math.round(o*90/80);return y.createElement("svg",{width:o,height:d,viewBox:"0 0 64 90"},y.createElement("rect",{x:30.5,y:69,width:3,height:8,fill:"currentColor",stroke:"currentColor",strokeWidth:r}),y.createElement(i,{d:" M19 28 L46 28 Q52 58 32 70 Q12 58 16 28 Z ",transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),y.createElement("path",{d:`
|
|
48
48
|
M16 28
|
|
49
49
|
L48 28
|
|
50
50
|
Q52 58 32 70
|
|
51
51
|
Q12 58 16 28
|
|
52
52
|
Z
|
|
53
|
-
`,fill:"none",stroke:"currentColor",strokeWidth:r}),
|
|
53
|
+
`,fill:"none",stroke:"currentColor",strokeWidth:r}),y.createElement("line",{x1:16,y1:28,x2:48,y2:28,stroke:"currentColor",strokeWidth:r}),y.createElement("path",{d:" M24 77 Q32 76 40 77 L40 77 L24 77 Z ",fill:"currentColor",stroke:"currentColor",strokeWidth:r}))}import X from"react";function Lr({liquidFill:t=null,size:o=80,strokeWidth:r=.5,idBase:l="HighballGlassGrad"}){return X.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},X.createElement(i,{d:"M18 10 L46 10 L46 60 L18 60 Z",transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),X.createElement("rect",{x:18,y:10,width:28,height:50,stroke:"currentColor",strokeWidth:r,fill:"none"}),X.createElement("rect",{x:18,y:60,width:28,height:2,fill:"currentColor",stroke:"currentColor",strokeWidth:r}))}import D from"react";function gr({liquidFill:t=null,garnish:o=null,size:r=80,strokeWidth:l=.5,idBase:d="HurricaneGlassGrad"}){return D.createElement("svg",{width:r,height:r,viewBox:"0 0 64 64"},D.createElement(i,{d:"M24 10 C16 22, 24 38, 28 44 C30 48, 34 48, 36 44 C40 38, 48 22, 40 10 Z",transform:"scale(0.98)",idBase:d,opacity:.7,liquidFill:t}),D.createElement("path",{d:"M24 10 C16 22, 24 38, 28 44 C30 48, 34 48, 36 44 C40 38, 48 22, 40 10 Z",stroke:"currentColor",fill:"none",strokeWidth:l}),D.createElement("rect",{x:30.5,y:47,width:3,height:10,fill:"currentColor",stroke:"currentColor",strokeWidth:l}),D.createElement("path",{d:"M26 57 Q32 56 38 57 L38 57 L26 57 Z",fill:"currentColor",stroke:"currentColor",strokeWidth:l}))}import w from"react";function xr({liquidFill:t=null,size:o=80,strokeWidth:r=2,idBase:l="IrishCoffeeGlassGrad"}){return w.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},w.createElement("path",{d:" M42 18 Q60 20 44 30 ",stroke:"currentColor",strokeWidth:r,fill:"none"}),w.createElement(i,{d:`
|
|
54
54
|
M22 16
|
|
55
55
|
L42 16
|
|
56
56
|
L44 30
|
|
57
57
|
Q44 38 32 42
|
|
58
58
|
Q20 38 20 30
|
|
59
59
|
Z
|
|
60
|
-
`,transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),
|
|
60
|
+
`,transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),w.createElement("path",{d:`
|
|
61
61
|
M22 16
|
|
62
62
|
L42 16
|
|
63
63
|
L44 30
|
|
64
64
|
Q44 38 32 42
|
|
65
65
|
Q20 38 20 30
|
|
66
66
|
Z
|
|
67
|
-
`,stroke:"currentColor",strokeWidth:r-1,fill:"none"}),
|
|
67
|
+
`,stroke:"currentColor",strokeWidth:r-1,fill:"none"}),w.createElement("rect",{x:31,y:42,width:2,height:2,fill:"currentColor",stroke:"currentColor",strokeWidth:r}),w.createElement("path",{d:" M24 44 Q32 43 40 44 L40 44 L24 44 Z ",fill:"currentColor",stroke:"currentColor",strokeWidth:r}))}import m from"react";function kr({fill:t="#a1a1a1",size:o=80,strokeWidth:r=.5}){return m.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},m.createElement("rect",{x:17,y:21,width:30,height:1,rx:1,fill:"none",stroke:t,strokeWidth:r}),m.createElement("rect",{x:17,y:21,width:30,height:1,rx:1,transform:"scale(0.98)",opacity:.7,fill:t,strokeWidth:0}),m.createElement("path",{d:`
|
|
68
68
|
M18 22
|
|
69
69
|
L46 22
|
|
70
70
|
L42 54
|
|
71
71
|
L22 54
|
|
72
72
|
Z
|
|
73
|
-
`,fill:"none",stroke:t,strokeWidth:r}),
|
|
73
|
+
`,fill:"none",stroke:t,strokeWidth:r}),m.createElement("path",{d:`
|
|
74
74
|
M18 22
|
|
75
75
|
L46 22
|
|
76
76
|
L42 54
|
|
77
77
|
L22 54
|
|
78
78
|
Z
|
|
79
|
-
`,transform:"scale(0.98)",fill:t}),
|
|
80
|
-
M28 29 Q32 29 36 29 Q38 34 32 36 Q26 34 28 29 Z`,fill:"none",stroke:"currentColor",strokeWidth:r}),
|
|
79
|
+
`,transform:"scale(0.98)",fill:t}),m.createElement("rect",{x:20,y:53,width:24,height:1,rx:r,fill:"none",stroke:t,strokeWidth:r}),m.createElement("rect",{x:20,y:53,width:24,height:1,rx:r,transform:"scale(0.98)",fill:t,strokeWidth:0}),m.createElement("rect",{x:18.8,y:54,width:26,height:1,rx:r,fill:"none",stroke:t,strokeWidth:r}),m.createElement("rect",{x:18.8,y:54,width:26,height:1,rx:r,transform:"scale(0.98)",fill:t,strokeWidth:0}))}import P from"react";function Gr({liquidFill:t=["#A8E063","#56AB2F"],size:o=80,strokeWidth:r=.5,idBase:l="MargaritaGlassGrad"}){let d=t;return P.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},P.createElement(i,{d:"M14 18 L50 18 Q46 28 36 29 Q30 30 28 29 Q18 28 14 18 Z M28 29 Q32 29 36 29 Q38 34 32 36 Q26 34 28 29 Z",transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),P.createElement("path",{d:`M14 18 L50 18 Q46 28 36 29 Q30 30 28 29 Q18 28 14 18 Z
|
|
80
|
+
M28 29 Q32 29 36 29 Q38 34 32 36 Q26 34 28 29 Z`,fill:"none",stroke:"currentColor",strokeWidth:r}),P.createElement("rect",{x:31.5,y:36,width:1,height:10,fill:"currentColor",stroke:"currentColor",strokeWidth:r}),P.createElement("path",{d:" M24 46 Q32 45 40 46 L40 47 L24 47 Z ",fill:"currentColor",strokeWidth:0}))}import T from"react";function Mr({liquidFill:t=null,garnish:o=null,size:r=80,strokeWidth:l=1,idBase:d="MartiniGlassGrad"}){return T.createElement("svg",{width:r,height:r,viewBox:"0 0 64 64"},T.createElement(i,{d:"M10 10 L54 10 L32 40 Z",transform:"scale(0.98)",idBase:d,opacity:.7,liquidFill:t}),T.createElement("path",{d:"M10 10 L54 10 L32 40 Z",stroke:"currentColor",fill:"none",strokeWidth:l}),T.createElement("path",{d:"M32 40 L32 58",stroke:"currentColor",strokeWidth:l}),T.createElement("path",{d:" M24 58 Q32 57 40 58 L40 59 L24 59 Z ",fill:"currentColor"}))}import N from"react";function yr({liquidFill:t=null,garnish:o=null,size:r=80,strokeWidth:l=.5,idBase:d="NickAndNoraGlassGrad"}){return N.createElement("svg",{width:r,height:r,viewBox:"0 0 64 64"},N.createElement(i,{d:"M24 38 L24 24 L40 24 L40 38 Q32 40 24 38 Z",transform:"scale(0.98)",idBase:d,opacity:.7,liquidFill:t}),N.createElement("path",{d:"M24 38 L24 24 L40 24 L40 38 Q32 40 24 38 Z",fill:"none",stroke:"currentColor",strokeWidth:l}),N.createElement("rect",{x:32,y:39,width:1,height:16,fill:"currentColor",stroke:"currentColor",strokeWidth:l}),N.createElement("path",{d:" M24 55 Q32 54 40 55 L40 55 L24 55 Z ",fill:"currentColor",stroke:"currentColor",strokeWidth:l}))}import E from"react";function wr({liquidFill:t=null,size:o=80,strokeWidth:r=.5,idBase:l="ParfaitGlassGrad"}){return E.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},E.createElement(i,{d:`
|
|
81
81
|
M22 12
|
|
82
82
|
L42 12
|
|
83
83
|
Q40 30 38 44
|
|
84
84
|
Q32 50 26 44
|
|
85
85
|
Q24 30 22 12
|
|
86
86
|
Z
|
|
87
|
-
`,transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),
|
|
87
|
+
`,transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),E.createElement("path",{d:`
|
|
88
88
|
M22 12
|
|
89
89
|
L42 12
|
|
90
90
|
Q40 30 38 44
|
|
91
91
|
Q32 50 26 44
|
|
92
92
|
Q24 30 22 12
|
|
93
93
|
Z
|
|
94
|
-
`,stroke:"currentColor",strokeWidth:r,fill:"none"}),
|
|
94
|
+
`,stroke:"currentColor",strokeWidth:r,fill:"none"}),E.createElement("rect",{x:31,y:47,width:2,height:8,fill:"currentColor"}),E.createElement("path",{d:`
|
|
95
95
|
M22 57 Q32 53 42 57 L42 57.5 L22 57.5 Z
|
|
96
|
-
`,fill:"currentColor"}))}import
|
|
96
|
+
`,fill:"currentColor"}))}import Y from"react";function vr({liquidFill:t=null,size:o=80,strokeWidth:r=.5,idBase:l="PilsnerGlassGrad"}){return Y.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},Y.createElement(i,{d:"M24 10 L40 10 Q38 36 36 50 Q32 54 28 50 Q26 36 24 10 Z",transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),Y.createElement("path",{d:"M28 50 Q32 55 37 51 L37 56 Q35 56 28.5 56 Z",transform:"scale(0.98)",fill:"currentColor",className:"base"}),Y.createElement("path",{d:"M24 10 L40 10 Q38 36 36 55 Q32 55 28 55 Q26 36 24 10 Z",stroke:"currentColor",strokeWidth:r,fill:"none"}))}import z from"react";function Zr({liquidFill:t=null,garnish:o=null,size:r=80,strokeWidth:l=.5,idBase:d="PintGlassGrad"}){return z.createElement("svg",{width:r,height:r,viewBox:"0 0 64 64"},z.createElement(i,{d:"M18 10 L46 10 L42 54 L22 54 Z",transform:"scale(0.98)",idBase:d,opacity:.7,liquidFill:t}),z.createElement("path",{d:"M18 10 L46 10 L42 54 L22 54 Z",stroke:"currentColor",strokeWidth:l,fill:"none"}),z.createElement("rect",{x:22,y:54,width:20,height:2,fill:"currentColor",stroke:"currentColor",strokeWidth:l}))}import c from"react";function Qr({liquidFill:t=null,size:o=80,strokeWidth:r=.5,idBase:l="PousseCafeGlassGrad"}){let tr=Math.floor(o*1.125);return c.createElement("svg",{width:o,height:tr,viewBox:"0 0 64 90"},c.createElement("g",null,c.createElement(i,{d:`
|
|
97
97
|
M ${32-11} 12
|
|
98
98
|
L ${32+11} 12
|
|
99
99
|
L ${32+9} 38
|
|
100
100
|
Q 32 42 ${32-9} 38
|
|
101
101
|
Z
|
|
102
|
-
`,transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),
|
|
102
|
+
`,transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),c.createElement("path",{d:`
|
|
103
103
|
M ${32-11} 12
|
|
104
104
|
L ${32+11} 12
|
|
105
105
|
L ${32+9} 38
|
|
106
106
|
Q 32 42 ${32-9} 38
|
|
107
107
|
Z
|
|
108
|
-
`,stroke:"currentColor",strokeWidth:r,fill:"none"}),
|
|
108
|
+
`,stroke:"currentColor",strokeWidth:r,fill:"none"}),c.createElement("path",{d:`
|
|
109
109
|
M ${32-8} 18
|
|
110
110
|
L ${32+8} 18
|
|
111
111
|
L ${32+6} 30
|
|
112
112
|
Q 32 33 ${32-6} 30
|
|
113
113
|
Z
|
|
114
|
-
`,fill:"rgba(255,255,255,0.06)"}),
|
|
114
|
+
`,fill:"rgba(255,255,255,0.06)"}),c.createElement("rect",{x:32-1,y:40,width:2,height:10,fill:"currentColor",stroke:"currentColor",strokeWidth:r}),c.createElement("path",{d:`M ${32-6} 50 Q 32 48 ${32+6} 50 L ${32+6} 50 L ${32-6} 50 Z`,fill:"currentColor",stroke:"currentColor",strokeWidth:r})))}import C from"react";function Br({liquidFill:t=null,size:o=80,strokeWidth:r=.5,idBase:l="PunchGlassGrad"}){return C.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},C.createElement("g",null,C.createElement(i,{d:`
|
|
115
115
|
M22 18
|
|
116
116
|
L42 18
|
|
117
117
|
L38 30
|
|
118
118
|
Q32 34 26 30
|
|
119
119
|
L22 18
|
|
120
120
|
Z
|
|
121
|
-
`,transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),
|
|
121
|
+
`,transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),C.createElement("path",{d:`
|
|
122
122
|
M22 18
|
|
123
123
|
L42 18
|
|
124
124
|
L38 30
|
|
125
125
|
Q32 34 26 30
|
|
126
126
|
L22 18
|
|
127
127
|
Z
|
|
128
|
-
`,stroke:"currentColor",strokeWidth:r,fill:"none"}),
|
|
128
|
+
`,stroke:"currentColor",strokeWidth:r,fill:"none"}),C.createElement("path",{d:"M28 20 L28 28 M32 20 L32 30 M36 20 L36 28",stroke:"currentColor",strokeWidth:.6,strokeLinecap:"round",opacity:.06}),C.createElement("rect",{x:31,y:32,width:2,height:6,fill:"currentColor",stroke:"currentColor",strokeWidth:r}),C.createElement("path",{d:"M26 38 Q32 37 38 38 L38 38 L26 38 Z",fill:"currentColor",stroke:"currentColor",strokeWidth:r})))}import R from"react";function qr({liquidFill:t=null,size:o=80,strokeWidth:r=.5,idBase:l="RocksGlassGrad"}){return R.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},R.createElement(i,{d:"M14 24 L50 24 L50 58 L14 58 Z",transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),R.createElement("rect",{x:14,y:24,width:36,height:34,stroke:"currentColor",strokeWidth:r,fill:"none"}),R.createElement("line",{x1:13.7,y1:59,x2:50.2,y2:59,stroke:"currentColor",strokeWidth:"2"}))}import rr from"react";function Fr({liquidFill:t=["#FFFFFF","#E0E0E0"],size:o=64,strokeWidth:r=.5,idBase:l="SingleShotGlassGrad"}){return rr.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},rr.createElement("path",{d:"M23 28 C24.5 36 24.5 40 25 48 L39 48 C39.5 40 39.5 36 41 28 Z",stroke:"currentColor",fill:"none",strokeWidth:r}),rr.createElement(i,{d:"M23 28 C24.5 36 24.5 40 25 48 L39 48 C39.5 40 39.5 36 41 28 Z",transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),rr.createElement("rect",{x:25,y:48,width:14,height:3,stroke:"currentColor",strokeWidth:r,fill:"none"}))}import v from"react";function Sr({liquidFill:t=null,size:o=80,strokeWidth:r=.5,idBase:l="SlingGlassGrad"}){return v.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},v.createElement("line",{x1:24,y1:12,x2:40,y2:12,stroke:"currentColor",strokeWidth:r}),v.createElement(i,{d:"M25 12 L40 12 C41 29 40 46 32 55 C24 46 24 28 24 12 Z",transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),v.createElement("path",{d:"M25 12 L40 12 C41 29 40 46 32 55 C24 46 24 28 24 12 Z",stroke:"currentColor",strokeWidth:r,fill:"none"}),v.createElement("rect",{x:31,y:54,width:2,height:2,fill:"currentColor"}),v.createElement("path",{d:"M29 56 Q32 55 35 56 L35 56 L29 56 Z",fill:"currentColor",stroke:"currentColor",strokeWidth:r,rx:1}))}import Z from"react";function Wr({liquidFill:t=null,size:o=80,strokeWidth:r=.5,idBase:l="SnifterGlassGrad"}){return Z.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},Z.createElement("line",{x1:22,y1:18,x2:42,y2:18,stroke:"currentColor",strokeWidth:r}),Z.createElement("path",{d:`
|
|
129
129
|
M22 18
|
|
130
130
|
C16 32, 16 46, 32 52
|
|
131
131
|
C48 46, 48 32, 42 18
|
|
132
132
|
Z
|
|
133
|
-
`,stroke:"currentColor",strokeWidth:r,fill:"none"}),
|
|
133
|
+
`,stroke:"currentColor",strokeWidth:r,fill:"none"}),Z.createElement(i,{d:" M22 18 C16 32, 16 46, 32 52 C48 46, 48 32, 42 18 Z ",transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),Z.createElement("rect",{x:30,y:51,width:4,height:4,fill:"currentColor",stroke:"currentColor",strokeWidth:r}),Z.createElement("path",{d:"M26 54 Q32 51 38 54 L38 55 L26 55 Z",fill:"currentColor",stroke:"currentColor",strokeWidth:r}))}import Q from"react";function br({liquidFill:t=null,size:o=80,strokeWidth:r=.5,idBase:l="SourGlassGrad"}){return Q.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},Q.createElement("line",{x1:16,y1:18,x2:48,y2:18,stroke:"currentColor",strokeWidth:r}),Q.createElement(i,{d:`
|
|
134
134
|
M16 18
|
|
135
135
|
L48 18
|
|
136
136
|
C46 30, 46 38, 32 42
|
|
137
137
|
C18 38, 18 30, 16 18
|
|
138
138
|
Z
|
|
139
|
-
`,transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),
|
|
139
|
+
`,transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),Q.createElement("path",{d:`
|
|
140
140
|
M16 18
|
|
141
141
|
L48 18
|
|
142
142
|
C46 30, 46 38, 32 42
|
|
143
143
|
C18 38, 18 30, 16 18
|
|
144
144
|
Z
|
|
145
|
-
`,stroke:"currentColor",strokeWidth:r,fill:"none"}),
|
|
145
|
+
`,stroke:"currentColor",strokeWidth:r,fill:"none"}),Q.createElement("rect",{x:31,y:42,width:2,height:12,fill:"currentColor"}),Q.createElement("path",{d:`
|
|
146
146
|
M22 54
|
|
147
147
|
C22 52, 42 52, 42 54
|
|
148
148
|
L42 54
|
|
149
149
|
L22 54
|
|
150
150
|
Z
|
|
151
|
-
`,fill:"currentColor"}))}import
|
|
151
|
+
`,fill:"currentColor"}))}import B from"react";function $r({liquidFill:t=null,size:o=80,strokeWidth:r=1,idBase:l="TankardGlassGrad"}){return B.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},B.createElement("rect",{x:13,y:44,width:36,height:4,fill:"currentColor"}),B.createElement(i,{d:"M14 10 L48 10 L48 44 L14 44 Z",transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),B.createElement("rect",{x:14,y:10,width:34,height:34,fill:"none",stroke:"currentColor",strokeWidth:r*1.4}),B.createElement("g",null,B.createElement("path",{d:"M49 17 C60 19 60 34 49 37",stroke:"currentColor",strokeWidth:r*3,strokeLinecap:"round",strokeLinejoin:"round",fill:"none"})))}import q from"react";function Ar({liquidFill:t=null,size:o=80,strokeWidth:r=.5,idBase:l="TikiGlassGrad"}){return q.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},q.createElement("rect",{x:21.75,y:52,width:20.5,height:2,fill:"currentColor"}),q.createElement("rect",{x:20,y:50,width:24,height:4,rx:2,fill:"currentColor",opacity:.06}),q.createElement("rect",{x:22,y:10,width:20,height:42,stroke:"currentColor",strokeWidth:r,fill:"none",opacity:.9}),q.createElement(i,{d:"M21 9 L41 9 L41 51 L21 51 Z",transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),q.createElement("ellipse",{cx:32,cy:32,rx:6,ry:3,fill:"currentColor"}))}import L from"react";function Hr({liquidFill:t=null,size:o=80,strokeWidth:r=.8,idBase:l="ToddyGlassGrad"}){return L.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},L.createElement(i,{d:"M22 12 H42 V40 H22 Z",transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),L.createElement("path",{d:"M22 12 H42 V40 H22 Z",fill:"none",stroke:"currentColor",strokeWidth:r,strokeLinejoin:"round"}),L.createElement("g",null,L.createElement("path",{d:"M43 16 C52 18 52 34 43 36",stroke:"currentColor",strokeWidth:r*2.4,strokeLinecap:"round",strokeLinejoin:"round",fill:"none"})),L.createElement("rect",{x:30,y:40,width:4,height:6,fill:"currentColor"}),L.createElement("path",{d:"M22 47 Q32 43 42 47 L42 48 L22 48 Z",fill:"currentColor"}))}import or from"react";function Dr({liquidFill:t=["#FFFFFF","#E0E0E0"],size:o=80,strokeWidth:r=.5,idBase:l="ShotGlassGrad",...d}){return or.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},or.createElement("rect",{x:22,y:30,width:20,height:18,stroke:"currentColor",fill:"none",strokeWidth:r}),or.createElement(i,{d:"M22 30 L42 30 L42 48 L22 48 Z",transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t,...d}),or.createElement("rect",{x:22,y:48,width:20,height:3,fill:"none",stroke:"currentColor",strokeWidth:r}))}import j from"react";function Pr({liquidFill:t=null,size:o=80,strokeWidth:r=.5,idBase:l="WineGlassGrad"}){let d=Math.round(o*90/80);return j.createElement("svg",{width:o,height:d,viewBox:"0 0 64 90"},j.createElement(i,{d:"M26 26 L38 26 Q44 62 32 62 Q20 62 26 26 Z",transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),j.createElement("path",{d:"M26 26 L38 26 Q44 62 32 62 Q20 62 26 26 Z",fill:"none",stroke:"currentColor",strokeWidth:r}),j.createElement("rect",{x:31.5,y:62,width:1,height:25,fill:"currentColor"}),j.createElement("path",{d:"M24 86 Q32 84 40 86 L40 87 L24 87 Z",fill:"currentColor"}))}var nl={Liquid:i,AbsintheGlass:sr,BrandySnifterGlass:nr,CollinsGlass:dr,CopperMug:ur,CordialGlass:hr,CoupeGlass:fr,DemitasseGlass:ar,DoubleShotGlass:mr,FizzGlass:pr,FluteGlass:cr,GobletGlass:Cr,HighballGlass:Lr,HurricaneGlass:gr,IrishCoffeeGlass:xr,JulepCup:kr,MargaritaGlass:Gr,MartiniGlass:Mr,NickAndNoraGlass:yr,ParfaitGlass:wr,PilsnerGlass:vr,PintGlass:Zr,PousseCafeGlass:Qr,PunchGlass:Br,RocksGlass:qr,SingleShotGlass:Fr,SlingGlass:Sr,SnifterGlass:Wr,SourGlass:br,TankardGlass:$r,TikiGlass:Ar,ToddyGlass:Hr,WhiskeyShotGlass:Dr,WineGlass:Pr};export{sr as AbsintheGlass,nr as BrandySnifterGlass,dr as CollinsGlass,ur as CopperMug,hr as CordialGlass,fr as CoupeGlass,ar as DemitasseGlass,mr as DoubleShotGlass,pr as FizzGlass,cr as FluteGlass,Cr as GobletGlass,Lr as HighballGlass,gr as HurricaneGlass,xr as IrishCoffeeGlass,kr as JulepCup,i as Liquid,Gr as MargaritaGlass,Mr as MartiniGlass,yr as NickAndNoraGlass,wr as ParfaitGlass,vr as PilsnerGlass,Zr as PintGlass,Qr as PousseCafeGlass,Br as PunchGlass,qr as RocksGlass,Fr as SingleShotGlass,Sr as SlingGlass,Wr as SnifterGlass,br as SourGlass,$r as TankardGlass,Ar as TikiGlass,Hr as ToddyGlass,Dr as WhiskeyShotGlass,Pr as WineGlass,nl as default};
|