@bace51/cocktailjs-react 1.0.1 → 1.0.2

package/README.md

@@ -73,3 +73,21 @@ pnpm publish --filter ./packages/cocktailjs-react
 - Keep `react` as a peer dependency to avoid duplicate React instances in consumer apps.
 
 If you need help integrating the components or want additional examples, open an issue or request an example in the repo.
+
+
+#####
+cd packages/cocktailjs-react
+
+# Option A — inline prompt (recommended so token isn't in shell history):
+read -s -p "NPM token: " NPM_TOKEN; echo
+
+# write temporary project-local .npmrc
+printf "//registry.npmjs.org/:_authToken=%s\n" "$NPM_TOKEN" > .npmrc
+
+# build and publish
+pnpm run prepare
+npm publish --access public
+
+# remove the temporary file
+rm -f .npmrc
+unset NPM_TOKEN

package/dist/index.cjs.js

@@ -156,7 +156,8 @@ var import_react2 = __toESM(require("react"));
 function AbsintheGlass({
   liquidFill = ["#A8E6CF", "#DCEDC2", "#FFD3B6"],
   size = 80,
-  strokeWidth = 0.5
+  strokeWidth = 0.5,
+  idBase = "AbsintheGlassGrad"
 }) {
   const height = Math.floor(size * 1.125);
   return /* @__PURE__ */ import_react2.default.createElement("svg", { width: size, height, viewBox: "0 0 64 90" }, /* @__PURE__ */ import_react2.default.createElement(
@@ -165,7 +166,7 @@ function AbsintheGlass({
       d: `M20 35 L44 35 L42 49 Q32 52 22 49 Z
            M26 50 Q32 50 38 50 L36 60 L28 60 Z`,
       transform: "scale(0.98)",
-      idBase: "AbsintheGlassGrad",
+      idBase,
       opacity: 0.7,
       liquidFill
     }
@@ -205,7 +206,8 @@ function AbsintheGlass({
 var import_react3 = __toESM(require("react"));
 function BrandySnifterGlass({
   liquidFill = ["#F6D29A", "#D98F3A"],
-  strokeWidth = 1
+  strokeWidth = 1,
+  idBase = "BrandySnifterGlassGrad"
 }) {
   return /* @__PURE__ */ import_react3.default.createElement("svg", { viewBox: "0 0 64 64" }, /* @__PURE__ */ import_react3.default.createElement(
     Liquid,
@@ -216,7 +218,7 @@ function BrandySnifterGlass({
           Q32 52 20 48 
           Z`,
       transform: "scale(0.98)",
-      idBase: "BrandySnifterGlassGrad",
+      idBase,
       opacity: 0.7,
       liquidFill
     }
@@ -264,14 +266,15 @@ function BrandySnifterGlass({
 var import_react4 = __toESM(require("react"));
 function CollinsGlass({
   liquidFill = ["#FFF7C0", "#FFD27A"],
-  strokeWidth = 0.5
+  strokeWidth = 0.5,
+  idBase = "CollinsGlassGrad"
 }) {
   return /* @__PURE__ */ import_react4.default.createElement("svg", { viewBox: "0 0 64 64" }, /* @__PURE__ */ import_react4.default.createElement(
     Liquid,
     {
       d: `M22 10 L42 10 L42 54 L22 54 Z`,
       transform: "scale(0.98)",
-      idBase: "CollinsGlassGrad",
+      idBase,
       opacity: 0.7,
       liquidFill
     }
@@ -381,13 +384,17 @@ try {
 }
 
 // src/components/glasses/CordialGlass.jsx
-function CordialGlass({ liquidFill = null, strokeWidth = 0.5 }) {
+function CordialGlass({
+  liquidFill = null,
+  strokeWidth = 0.5,
+  idBase = "CordialGlassGrad"
+}) {
   return /* @__PURE__ */ import_react6.default.createElement("svg", { viewBox: "0 0 64 64" }, /* @__PURE__ */ import_react6.default.createElement(
     Liquid,
     {
       d: `M30 16 L35 16 Q34 25 31 26 Q30 26 28 16 Z`,
       transform: "scale(0.98)",
-      idBase: "CordialGlassGrad",
+      idBase,
       opacity: 0.7,
       liquidFill
     }
@@ -432,7 +439,8 @@ var import_react7 = __toESM(require("react"));
 function CoupeGlass({
   liquidFill = null,
   size = 80,
-  strokeWidth = 1
+  strokeWidth = 1,
+  idBase = "CoupeGlassGrad"
 }) {
   return /* @__PURE__ */ import_react7.default.createElement("svg", { width: size, height: size, viewBox: "0 0 64 64" }, /* @__PURE__ */ import_react7.default.createElement(
     Liquid,
@@ -441,7 +449,7 @@ function CoupeGlass({
           M12 32 Q32 36 52 32 L52 18 Q32 18 12 18 Z 
         `,
       transform: "scale(0.98)",
-      idBase: "CoupeGlassGrad",
+      idBase,
       opacity: 0.7,
       liquidFill
     }
@@ -469,7 +477,8 @@ var import_react8 = __toESM(require("react"));
 function DemitasseGlass({
   liquidFill = null,
   size = 80,
-  strokeWidth = 0.5
+  strokeWidth = 0.5,
+  idBase = "DemitasseGlassGrad"
 }) {
   return /* @__PURE__ */ import_react8.default.createElement("svg", { width: size, height: size, viewBox: "0 0 64 64" }, /* @__PURE__ */ import_react8.default.createElement(
     "path",
@@ -485,7 +494,7 @@ function DemitasseGlass({
     {
       d: `M20 24 L24 45 L40 45 L44 24 Z`,
       transform: "scale(0.98)",
-      idBase: "DemitasseGlassGrad",
+      idBase,
       opacity: 0.7,
       liquidFill
     }
@@ -513,7 +522,8 @@ var import_react9 = __toESM(require("react"));
 function DoubleShotGlass({
   liquidFill = ["#FFF7C0", "#FFD27A"],
   size = 64,
-  strokeWidth = 0.5
+  strokeWidth = 0.5,
+  idBase = "DoubleShotGlassGrad"
 }) {
   return /* @__PURE__ */ import_react9.default.createElement("svg", { width: size, height: size, viewBox: "0 0 64 64" }, /* @__PURE__ */ import_react9.default.createElement(
     "path",
@@ -528,7 +538,7 @@ function DoubleShotGlass({
     {
       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: "DoubleShotGlassGrad",
+      idBase,
       opacity: 0.7,
       liquidFill
     }
@@ -551,7 +561,8 @@ var import_react10 = __toESM(require("react"));
 function FizzGlass({
   liquidFill = null,
   size = 80,
-  strokeWidth = 0.5
+  strokeWidth = 0.5,
+  idBase = "FizzGlassGrad"
 }) {
   return /* @__PURE__ */ import_react10.default.createElement("svg", { width: size, height: size, viewBox: "0 0 64 64" }, /* @__PURE__ */ import_react10.default.createElement("path", { d: "M22 10 L42 10", stroke: "currentColor", strokeWidth }), /* @__PURE__ */ import_react10.default.createElement(
     Liquid,
@@ -560,7 +571,7 @@ function FizzGlass({
           M22 10 L24 23 L40 23 L42 10 Z 
         `,
       transform: "scale(0.98)",
-      idBase: "FizzGlassGrad",
+      idBase,
       opacity: 0.7,
       liquidFill
     }
@@ -599,7 +610,8 @@ var import_react11 = __toESM(require("react"));
 function FluteGlass({
   liquidFill = null,
   size = 80,
-  strokeWidth = 0.5
+  strokeWidth = 0.5,
+  idBase = "FluteGlassGrad"
 }) {
   return /* @__PURE__ */ import_react11.default.createElement("svg", { width: size, height: size, viewBox: "0 0 64 64" }, /* @__PURE__ */ import_react11.default.createElement(
     Liquid,
@@ -612,7 +624,7 @@ function FluteGlass({
           Z
         `,
       transform: "scale(0.98)",
-      idBase: "FluteGlassGrad",
+      idBase,
       opacity: 0.7,
       liquidFill
     }
@@ -651,7 +663,8 @@ var import_react12 = __toESM(require("react"));
 function GobletGlass({
   liquidFill = null,
   size = 80,
-  strokeWidth = 2
+  strokeWidth = 2,
+  idBase = "GobletGlassGrad"
 }) {
   const height = Math.round(size * 90 / 80);
   return /* @__PURE__ */ import_react12.default.createElement("svg", { width: size, height, viewBox: "0 0 64 90" }, /* @__PURE__ */ import_react12.default.createElement(
@@ -670,7 +683,7 @@ function GobletGlass({
     {
       d: ` M19 28 L46 28 Q52 58 32 70 Q12 58 16 28 Z `,
       transform: "scale(0.98)",
-      idBase: "GobletGlassGrad",
+      idBase,
       opacity: 0.7,
       liquidFill
     }
@@ -708,14 +721,15 @@ var import_react13 = __toESM(require("react"));
 function HighballGlass({
   liquidFill = null,
   size = 80,
-  strokeWidth = 0.5
+  strokeWidth = 0.5,
+  idBase = "HighballGlassGrad"
 }) {
   return /* @__PURE__ */ import_react13.default.createElement("svg", { width: size, height: size, viewBox: "0 0 64 64" }, /* @__PURE__ */ import_react13.default.createElement(
     Liquid,
     {
       d: `M18 10 L46 10 L46 60 L18 60 Z`,
       transform: "scale(0.98)",
-      idBase: "HighballGlassGrad",
+      idBase,
       opacity: 0.7,
       liquidFill
     }
@@ -750,14 +764,15 @@ function HurricaneGlass({
   liquidFill = null,
   garnish = null,
   size = 80,
-  strokeWidth = 0.5
+  strokeWidth = 0.5,
+  idBase = "HurricaneGlassGrad"
 }) {
   return /* @__PURE__ */ import_react14.default.createElement("svg", { width: size, height: size, viewBox: "0 0 64 64" }, /* @__PURE__ */ import_react14.default.createElement(
     Liquid,
     {
       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: "HurricaneGlassGrad",
+      idBase,
       opacity: 0.7,
       liquidFill
     }
@@ -796,7 +811,8 @@ var import_react15 = __toESM(require("react"));
 function IrishCoffeeGlass({
   liquidFill = null,
   size = 80,
-  strokeWidth = 2
+  strokeWidth = 2,
+  idBase = "IrishCoffeeGlassGrad"
 }) {
   return /* @__PURE__ */ import_react15.default.createElement("svg", { width: size, height: size, viewBox: "0 0 64 64" }, /* @__PURE__ */ import_react15.default.createElement(
     "path",
@@ -818,7 +834,7 @@ function IrishCoffeeGlass({
             Z
           `,
       transform: "scale(0.98)",
-      idBase: "IrishCoffeeGlassGrad",
+      idBase,
       opacity: 0.7,
       liquidFill
     }
@@ -957,7 +973,8 @@ function MargaritaGlass({
   // liquidStyle = "gradient",
   // gradientAttr = { x1: "0", y1: "0", x2: "0", y2: "1" },
   size = 80,
-  strokeWidth = 0.5
+  strokeWidth = 0.5,
+  idBase = "MargaritaGlassGrad"
 }) {
   const stops = liquidFill;
   return /* @__PURE__ */ import_react17.default.createElement("svg", { width: size, height: size, viewBox: "0 0 64 64" }, /* @__PURE__ */ import_react17.default.createElement(
@@ -965,7 +982,7 @@ function MargaritaGlass({
     {
       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: "MargaritaGlassGrad",
+      idBase,
       opacity: 0.7,
       liquidFill
     }
@@ -1005,14 +1022,15 @@ function MartiniGlass({
   liquidFill = null,
   garnish = null,
   size = 80,
-  strokeWidth = 1
+  strokeWidth = 1,
+  idBase = "MartiniGlassGrad"
 }) {
   return /* @__PURE__ */ import_react18.default.createElement("svg", { width: size, height: size, viewBox: "0 0 64 64" }, /* @__PURE__ */ import_react18.default.createElement(
     Liquid,
     {
       d: `M10 10 L54 10 L32 40 Z`,
       transform: "scale(0.98)",
-      idBase: "MartiniGlassGrad",
+      idBase,
       opacity: 0.7,
       liquidFill
     }
@@ -1033,14 +1051,15 @@ function NickAndNoraGlass({
   liquidFill = null,
   garnish = null,
   size = 80,
-  strokeWidth = 0.5
+  strokeWidth = 0.5,
+  idBase = "NickAndNoraGlassGrad"
 }) {
   return /* @__PURE__ */ import_react19.default.createElement("svg", { width: size, height: size, viewBox: "0 0 64 64" }, /* @__PURE__ */ import_react19.default.createElement(
     Liquid,
     {
       d: `M24 38 L24 24 L40 24 L40 38 Q32 40 24 38 Z`,
       transform: "scale(0.98)",
-      idBase: "NickAndNoraGlassGrad",
+      idBase,
       opacity: 0.7,
       liquidFill
     }
@@ -1079,7 +1098,8 @@ var import_react20 = __toESM(require("react"));
 function ParfaitGlass({
   liquidFill = null,
   size = 80,
-  strokeWidth = 0.5
+  strokeWidth = 0.5,
+  idBase = "ParfaitGlassGrad"
 }) {
   return /* @__PURE__ */ import_react20.default.createElement("svg", { width: size, height: size, viewBox: "0 0 64 64" }, /* @__PURE__ */ import_react20.default.createElement(
     Liquid,
@@ -1093,7 +1113,7 @@ function ParfaitGlass({
           Z
         `,
       transform: "scale(0.98)",
-      idBase: "ParfaitGlassGrad",
+      idBase,
       opacity: 0.7,
       liquidFill
     }
@@ -1119,14 +1139,15 @@ var import_react21 = __toESM(require("react"));
 function PilsnerGlass({
   liquidFill = null,
   size = 80,
-  strokeWidth = 0.5
+  strokeWidth = 0.5,
+  idBase = "PilsnerGlassGrad"
 }) {
   return /* @__PURE__ */ import_react21.default.createElement("svg", { width: size, height: size, viewBox: "0 0 64 64" }, /* @__PURE__ */ import_react21.default.createElement(
     Liquid,
     {
       d: `M24 10 L40 10 Q38 36 36 50 Q32 54 28 50 Q26 36 24 10 Z`,
       transform: "scale(0.98)",
-      idBase: "PilsnerGlassGrad",
+      idBase,
       opacity: 0.7,
       liquidFill
     }
@@ -1155,14 +1176,15 @@ function PintGlass({
   liquidFill = null,
   garnish = null,
   size = 80,
-  strokeWidth = 0.5
+  strokeWidth = 0.5,
+  idBase = "PintGlassGrad"
 }) {
   return /* @__PURE__ */ import_react22.default.createElement("svg", { width: size, height: size, viewBox: "0 0 64 64" }, /* @__PURE__ */ import_react22.default.createElement(
     Liquid,
     {
       d: `M18 10 L46 10 L42 54 L22 54 Z`,
       transform: "scale(0.98)",
-      idBase: "PintGlassGrad",
+      idBase,
       opacity: 0.7,
       liquidFill
     }
@@ -1193,7 +1215,8 @@ var import_react23 = __toESM(require("react"));
 function PousseCafeGlass({
   liquidFill = null,
   size = 80,
-  strokeWidth = 0.5
+  strokeWidth = 0.5,
+  idBase = "PousseCafeGlassGrad"
 }) {
   const cx = 32;
   const height = Math.floor(size * 1.125);
@@ -1208,7 +1231,7 @@ function PousseCafeGlass({
             Z
           `,
       transform: "scale(0.98)",
-      idBase: "PousseCafeGlassGrad",
+      idBase,
       opacity: 0.7,
       liquidFill
     }
@@ -1265,7 +1288,8 @@ var import_react24 = __toESM(require("react"));
 function PunchGlass({
   liquidFill = null,
   size = 80,
-  strokeWidth = 0.5
+  strokeWidth = 0.5,
+  idBase = "PunchGlassGrad"
 }) {
   return /* @__PURE__ */ import_react24.default.createElement("svg", { width: size, height: size, viewBox: "0 0 64 64" }, /* @__PURE__ */ import_react24.default.createElement("g", null, /* @__PURE__ */ import_react24.default.createElement(
     Liquid,
@@ -1279,7 +1303,7 @@ function PunchGlass({
             Z
           `,
       transform: "scale(0.98)",
-      idBase: "PunchGlassGrad",
+      idBase,
       opacity: 0.7,
       liquidFill
     }
@@ -1334,14 +1358,15 @@ var import_react25 = __toESM(require("react"));
 function RocksGlass({
   liquidFill = null,
   size = 80,
-  strokeWidth = 0.5
+  strokeWidth = 0.5,
+  idBase = "RocksGlassGrad"
 }) {
   return /* @__PURE__ */ import_react25.default.createElement("svg", { width: size, height: size, viewBox: "0 0 64 64" }, /* @__PURE__ */ import_react25.default.createElement(
     Liquid,
     {
       d: `M14 24 L50 24 L50 58 L14 58 Z`,
       transform: "scale(0.98)",
-      idBase: "RocksGlassGrad",
+      idBase,
       opacity: 0.7,
       liquidFill
     }
@@ -1374,7 +1399,8 @@ var import_react26 = __toESM(require("react"));
 function SingleShotGlass({
   liquidFill = ["#FFFFFF", "#E0E0E0"],
   size = 64,
-  strokeWidth = 0.5
+  strokeWidth = 0.5,
+  idBase = "SingleShotGlassGrad"
 }) {
   return /* @__PURE__ */ import_react26.default.createElement("svg", { width: size, height: size, viewBox: "0 0 64 64" }, /* @__PURE__ */ import_react26.default.createElement(
     "path",
@@ -1389,7 +1415,7 @@ function SingleShotGlass({
     {
       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: "SingleShotGlassGrad",
+      idBase,
       opacity: 0.7,
       liquidFill
     }
@@ -1412,7 +1438,8 @@ var import_react27 = __toESM(require("react"));
 function SlingGlass({
   liquidFill = null,
   size = 80,
-  strokeWidth = 0.5
+  strokeWidth = 0.5,
+  idBase = "SlingGlassGrad"
 }) {
   return /* @__PURE__ */ import_react27.default.createElement("svg", { width: size, height: size, viewBox: "0 0 64 64" }, /* @__PURE__ */ import_react27.default.createElement(
     "line",
@@ -1429,7 +1456,7 @@ function SlingGlass({
     {
       d: `M25 12 L40 12 C41 29 40 46 32 55 C24 46 24 28 24 12 Z`,
       transform: "scale(0.98)",
-      idBase: "SlingGlassGrad",
+      idBase,
       opacity: 0.7,
       liquidFill
     }
@@ -1458,7 +1485,8 @@ var import_react28 = __toESM(require("react"));
 function SnifterGlass({
   liquidFill = null,
   size = 80,
-  strokeWidth = 0.5
+  strokeWidth = 0.5,
+  idBase = "SnifterGlassGrad"
 }) {
   return /* @__PURE__ */ import_react28.default.createElement("svg", { width: size, height: size, viewBox: "0 0 64 64" }, /* @__PURE__ */ import_react28.default.createElement(
     "line",
@@ -1483,7 +1511,7 @@ function SnifterGlass({
     {
       d: ` M22 18 C16 32, 16 46, 32 52 C48 46, 48 32, 42 18 Z `,
       transform: "scale(0.98)",
-      idBase: "SnifterGlassGrad",
+      idBase,
       opacity: 0.7,
       liquidFill
     }
@@ -1514,7 +1542,8 @@ var import_react29 = __toESM(require("react"));
 function SourGlass({
   liquidFill = null,
   size = 80,
-  strokeWidth = 0.5
+  strokeWidth = 0.5,
+  idBase = "SourGlassGrad"
 }) {
   return /* @__PURE__ */ import_react29.default.createElement("svg", { width: size, height: size, viewBox: "0 0 64 64" }, /* @__PURE__ */ import_react29.default.createElement(
     "line",
@@ -1537,7 +1566,7 @@ function SourGlass({
           Z
         `,
       transform: "scale(0.98)",
-      idBase: "SourGlassGrad",
+      idBase,
       opacity: 0.7,
       liquidFill
     }
@@ -1563,14 +1592,15 @@ var import_react30 = __toESM(require("react"));
 function TankardGlass({
   liquidFill = null,
   size = 80,
-  strokeWidth = 1
+  strokeWidth = 1,
+  idBase = "TankardGlassGrad"
 }) {
   return /* @__PURE__ */ import_react30.default.createElement("svg", { width: size, height: size, viewBox: "0 0 64 64" }, /* @__PURE__ */ import_react30.default.createElement("rect", { x: 13, y: 44, width: 36, height: 4, fill: "currentColor" }), /* @__PURE__ */ import_react30.default.createElement(
     Liquid,
     {
       d: `M14 10 L48 10 L48 44 L14 44 Z`,
       transform: "scale(0.98)",
-      idBase: "TankardGlassGrad",
+      idBase,
       opacity: 0.7,
       liquidFill
     }
@@ -1603,7 +1633,8 @@ var import_react31 = __toESM(require("react"));
 function TikiGlass({
   liquidFill = null,
   size = 80,
-  strokeWidth = 0.5
+  strokeWidth = 0.5,
+  idBase = "TikiGlassGrad"
 }) {
   return /* @__PURE__ */ import_react31.default.createElement("svg", { width: size, height: size, viewBox: "0 0 64 64" }, /* @__PURE__ */ import_react31.default.createElement("rect", { x: 21.75, y: 52, width: 20.5, height: 2, fill: "currentColor" }), /* @__PURE__ */ import_react31.default.createElement(
     "rect",
@@ -1633,7 +1664,7 @@ function TikiGlass({
     {
       d: `M21 9 L41 9 L41 51 L21 51 Z`,
       transform: "scale(0.98)",
-      idBase: "TikiGlassGrad",
+      idBase,
       opacity: 0.7,
       liquidFill
     }
@@ -1645,14 +1676,15 @@ var import_react32 = __toESM(require("react"));
 function ToddyGlass({
   liquidFill = null,
   size = 80,
-  strokeWidth = 0.8
+  strokeWidth = 0.8,
+  idBase = "ToddyGlassGrad"
 }) {
   return /* @__PURE__ */ import_react32.default.createElement("svg", { width: size, height: size, viewBox: "0 0 64 64" }, /* @__PURE__ */ import_react32.default.createElement(
     Liquid,
     {
       d: `M22 12 H42 V40 H22 Z`,
       transform: "scale(0.98)",
-      idBase: "ToddyGlassGrad",
+      idBase,
       opacity: 0.7,
       liquidFill
     }
@@ -1683,7 +1715,8 @@ var import_react33 = __toESM(require("react"));
 function WhiskeyShotGlass({
   liquidFill = ["#FFFFFF", "#E0E0E0"],
   size = 80,
-  strokeWidth = 0.5
+  strokeWidth = 0.5,
+  idBase = "ShotGlassGrad"
 }) {
   return /* @__PURE__ */ import_react33.default.createElement("svg", { width: size, height: size, viewBox: "0 0 64 64" }, /* @__PURE__ */ import_react33.default.createElement(
     "rect",
@@ -1701,7 +1734,7 @@ function WhiskeyShotGlass({
     {
       d: `M22 30 L42 30 L42 48 L22 48 Z`,
       transform: "scale(0.98)",
-      idBase: "ShotGlassGrad",
+      idBase,
       opacity: 0.7,
       liquidFill
     }
@@ -1724,7 +1757,8 @@ var import_react34 = __toESM(require("react"));
 function WineGlass({
   liquidFill = null,
   size = 80,
-  strokeWidth = 0.5
+  strokeWidth = 0.5,
+  idBase = "WineGlassGrad"
 }) {
   const height = Math.round(size * 90 / 80);
   return /* @__PURE__ */ import_react34.default.createElement("svg", { width: size, height, viewBox: "0 0 64 90" }, /* @__PURE__ */ import_react34.default.createElement(
@@ -1732,7 +1766,7 @@ function WineGlass({
     {
       d: `M26 26 L38 26 Q44 62 32 62 Q20 62 26 26 Z`,
       transform: "scale(0.98)",
-      idBase: "WineGlassGrad",
+      idBase,
       opacity: 0.7,
       liquidFill
     }

package/dist/index.mjs

@@ -1,16 +1,16 @@
-import m from"react";function i({d:t,transform:o,liquidFill:r=null,liquidStyle:l=null,gradientAttr:d=null,opacity:Br=.7,idBase:qr="liquidGrad",highlight:Zr=null,highlightColor:Fr="#fff7c0",level:Sr=1,stopPositions:V=null}){let O=!1,s=null;if(typeof d=="string"){let e=d.trim();if(e.startsWith("#"))O=!0;else if(e.startsWith("["))try{s=JSON.parse(e)}catch{s=null}else s=[e]}else Array.isArray(d)&&(s=d);(!s||!s.length)&&(r?s=Array.isArray(r)?r:[r]:s=["#93d3d8"]);let v=Zr==="liquid"||Zr==="all"?[Fr,...s]:[...s],P;if(Array.isArray(V)&&V.length===v.length)P=V.map(e=>{let u=Number(e)||0;return Math.round(Math.max(0,Math.min(1,u))*100)});else{let e=Math.max(0,Math.min(1,Number(Sr)||0)),u=1-e;v.length===1?P=[100]:P=v.map((Dr,Wr)=>{let $r=Wr/Math.max(1,v.length-1);return Math.round((u+$r*e)*100)})}let Qr=qr;return m.createElement(m.Fragment,null,!O&&m.createElement("defs",null,m.createElement("linearGradient",{id:Qr,x1:"0",y1:"0",x2:"0",y2:"1"},v.map((e,u)=>m.createElement("stop",{key:u,offset:`${P[u]}%`,stopColor:e,stopOpacity:1})))),m.createElement("path",{d:t,transform:o,className:"liquid",style:l||void 0,fill:l?void 0:O?`url(${d})`:`url(#${Qr})`,opacity:Br}))}import Z from"react";function _({liquidFill:t=["#A8E6CF","#DCEDC2","#FFD3B6"],size:o=80,strokeWidth:r=.5}){let l=Math.floor(o*1.125);return Z.createElement("svg",{width:o,height:l,viewBox:"0 0 64 90"},Z.createElement(i,{d:`M20 35 L44 35 L42 49 Q32 52 22 49 Z
-           M26 50 Q32 50 38 50 L36 60 L28 60 Z`,transform:"scale(0.98)",idBase:"AbsintheGlassGrad",opacity:.7,liquidFill:t}),Z.createElement("path",{d:`M20 35 L44 35 L42 49 Q32 52 22 49 Z
-           M26 50 Q32 50 38 50 L36 60 L28 60 Z`,stroke:"currentColor",strokeWidth:r,fill:"none"}),Z.createElement("rect",{x:31,y:60,width:2,height:16,fill:"black",stroke:"currentColor",strokeWidth:r}),Z.createElement("path",{d:" M24 77 Q32 76 40 77 L40 77 L24 77 Z ",fill:"currentColor",stroke:"currentColor",strokeWidth:r,rx:r}))}import p from"react";function K({liquidFill:t=["#F6D29A","#D98F3A"],strokeWidth:o=1}){return p.createElement("svg",{viewBox:"0 0 64 64"},p.createElement(i,{d:`M22 28 
+import m from"react";function i({d:t,transform:o,liquidFill:r=null,liquidStyle:l=null,gradientAttr:e=null,opacity:V=.7,idBase:qr="liquidGrad",highlight:Qr=null,highlightColor:Fr="#fff7c0",level:Sr=1,stopPositions:O=null}){let _=!1,n=null;if(typeof e=="string"){let s=e.trim();if(s.startsWith("#"))_=!0;else if(s.startsWith("["))try{n=JSON.parse(s)}catch{n=null}else n=[s]}else Array.isArray(e)&&(n=e);(!n||!n.length)&&(r?n=Array.isArray(r)?r:[r]:n=["#93d3d8"]);let v=Qr==="liquid"||Qr==="all"?[Fr,...n]:[...n],P;if(Array.isArray(O)&&O.length===v.length)P=O.map(s=>{let u=Number(s)||0;return Math.round(Math.max(0,Math.min(1,u))*100)});else{let s=Math.max(0,Math.min(1,Number(Sr)||0)),u=1-s;v.length===1?P=[100]:P=v.map((Dr,Wr)=>{let $r=Wr/Math.max(1,v.length-1);return Math.round((u+$r*s)*100)})}let Br=qr;return m.createElement(m.Fragment,null,!_&&m.createElement("defs",null,m.createElement("linearGradient",{id:Br,x1:"0",y1:"0",x2:"0",y2:"1"},v.map((s,u)=>m.createElement("stop",{key:u,offset:`${P[u]}%`,stopColor:s,stopOpacity:1})))),m.createElement("path",{d:t,transform:o,className:"liquid",style:l||void 0,fill:l?void 0:_?`url(${e})`:`url(#${Br})`,opacity:V}))}import Z from"react";function K({liquidFill:t=["#A8E6CF","#DCEDC2","#FFD3B6"],size:o=80,strokeWidth:r=.5,idBase:l="AbsintheGlassGrad"}){let e=Math.floor(o*1.125);return Z.createElement("svg",{width:o,height:e,viewBox:"0 0 64 90"},Z.createElement(i,{d:`M20 35 L44 35 L42 49 Q32 52 22 49 Z
+           M26 50 Q32 50 38 50 L36 60 L28 60 Z`,transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),Z.createElement("path",{d:`M20 35 L44 35 L42 49 Q32 52 22 49 Z
+           M26 50 Q32 50 38 50 L36 60 L28 60 Z`,stroke:"currentColor",strokeWidth:r,fill:"none"}),Z.createElement("rect",{x:31,y:60,width:2,height:16,fill:"black",stroke:"currentColor",strokeWidth:r}),Z.createElement("path",{d:" M24 77 Q32 76 40 77 L40 77 L24 77 Z ",fill:"currentColor",stroke:"currentColor",strokeWidth:r,rx:r}))}import p from"react";function U({liquidFill:t=["#F6D29A","#D98F3A"],strokeWidth:o=1,idBase:r="BrandySnifterGlassGrad"}){return p.createElement("svg",{viewBox:"0 0 64 64"},p.createElement(i,{d:`M22 28 
           L42 28 
           L44 48 
           Q32 52 20 48 
-          Z`,transform:"scale(0.98)",idBase:"BrandySnifterGlassGrad",opacity:.7,liquidFill:t}),p.createElement("path",{d:`
+          Z`,transform:"scale(0.98)",idBase:r,opacity:.7,liquidFill:t}),p.createElement("path",{d:`
           M22 28 
           L42 28 
           L44 48 
           Q32 52 20 48 
           Z
-        `,fill:"none",stroke:"currentColor",strokeWidth:o}),p.createElement("line",{x1:22,y1:28,x2:42,y2:28,stroke:"currentColor",strokeWidth:o}),p.createElement("rect",{x:30,y:50,width:4,height:5,fill:"currentColor",stroke:"currentColor",strokeWidth:o}),p.createElement("path",{d:"M24 55 Q32 54 40 55 L40 55 L24 55 Z",fill:"currentColor",stroke:"currentColor",strokeWidth:o}))}import C from"react";function U({liquidFill:t=["#FFF7C0","#FFD27A"],strokeWidth:o=.5}){return C.createElement("svg",{viewBox:"0 0 64 64"},C.createElement(i,{d:"M22 10 L42 10 L42 54 L22 54 Z",transform:"scale(0.98)",idBase:"CollinsGlassGrad",opacity:.7,liquidFill:t}),C.createElement("line",{x1:22,y1:10,x2:22,y2:54,stroke:"currentColor",strokeWidth:o}),C.createElement("line",{x1:42,y1:10,x2:42,y2:54,stroke:"currentColor",strokeWidth:o}),C.createElement("line",{x1:21.76,y1:10,x2:42.24,y2:10,stroke:"currentColor",strokeWidth:o}),C.createElement("rect",{x:22,y:54,width:20,height:2,fill:"currentColor",stroke:"currentColor",strokeWidth:o}))}import Q from"react";function X({size:t=80,strokeWidth:o=.5,fill:r="#B87333"}){return Q.createElement("svg",{width:t,height:t,viewBox:"0 0 64 64"},Q.createElement("path",{d:"M47 23 C68 23 68 52 46.5 50",fill:"none",stroke:r,strokeWidth:o+2}),Q.createElement("path",{d:`
+        `,fill:"none",stroke:"currentColor",strokeWidth:o}),p.createElement("line",{x1:22,y1:28,x2:42,y2:28,stroke:"currentColor",strokeWidth:o}),p.createElement("rect",{x:30,y:50,width:4,height:5,fill:"currentColor",stroke:"currentColor",strokeWidth:o}),p.createElement("path",{d:"M24 55 Q32 54 40 55 L40 55 L24 55 Z",fill:"currentColor",stroke:"currentColor",strokeWidth:o}))}import C from"react";function X({liquidFill:t=["#FFF7C0","#FFD27A"],strokeWidth:o=.5,idBase:r="CollinsGlassGrad"}){return C.createElement("svg",{viewBox:"0 0 64 64"},C.createElement(i,{d:"M22 10 L42 10 L42 54 L22 54 Z",transform:"scale(0.98)",idBase:r,opacity:.7,liquidFill:t}),C.createElement("line",{x1:22,y1:10,x2:22,y2:54,stroke:"currentColor",strokeWidth:o}),C.createElement("line",{x1:42,y1:10,x2:42,y2:54,stroke:"currentColor",strokeWidth:o}),C.createElement("line",{x1:21.76,y1:10,x2:42.24,y2:10,stroke:"currentColor",strokeWidth:o}),C.createElement("rect",{x:22,y:54,width:20,height:2,fill:"currentColor",stroke:"currentColor",strokeWidth:o}))}import Q from"react";function Y({size:t=80,strokeWidth:o=.5,fill:r="#B87333"}){return Q.createElement("svg",{width:t,height:t,viewBox:"0 0 64 64"},Q.createElement("path",{d:"M47 23 C68 23 68 52 46.5 50",fill:"none",stroke:r,strokeWidth:o+2}),Q.createElement("path",{d:`
           M18 16      
           L46 16      
           C48 24 48 40 46 56  
@@ -24,67 +24,67 @@ import m from"react";function i({d:t,transform:o,liquidFill:r=null,liquidStyle:l
           L18 56       
           C16 40 16 24 18 16   
           Z
-        `,fill:"none",stroke:r,strokeWidth:o}),Q.createElement("line",{x1:18,y1:16,x2:46,y2:16,stroke:r,strokeWidth:o}))}import L from"react";var br={colors:{accent:{200:"#ffd180",500:"#e67e22"},warning:"#ffb300",success:"#4caf50",error:"#e53935",dark:{400:"#616161",700:"#212121",900:"#121212"}}};try{global.theme=br}catch{}function Y({liquidFill:t=null,strokeWidth:o=.5}){return L.createElement("svg",{viewBox:"0 0 64 64"},L.createElement(i,{d:"M30 16 L35 16 Q34 25 31 26 Q30 26 28 16 Z",transform:"scale(0.98)",idBase:"CordialGlassGrad",opacity:.7,liquidFill:t}),L.createElement("path",{d:"M28 16 L36 16 Q34 26 32 26 Q30 26 28 16 Z",stroke:"currentColor",strokeWidth:o,fill:"none"}),L.createElement("rect",{x:31.8,y:26,width:.5,height:6,fill:"currentColor",stroke:"currentColor",strokeWidth:o}),L.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)"}),L.createElement("path",{d:"M28 32 Q32 31 36 32 L36 32 L28 32 Z",fill:"currentColor",stroke:"currentColor",strokeWidth:o}))}import B from"react";function z({liquidFill:t=null,size:o=80,strokeWidth:r=1}){return B.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},B.createElement(i,{d:`
+        `,fill:"none",stroke:r,strokeWidth:o}),Q.createElement("line",{x1:18,y1:16,x2:46,y2:16,stroke:r,strokeWidth:o}))}import L from"react";var br={colors:{accent:{200:"#ffd180",500:"#e67e22"},warning:"#ffb300",success:"#4caf50",error:"#e53935",dark:{400:"#616161",700:"#212121",900:"#121212"}}};try{global.theme=br}catch{}function z({liquidFill:t=null,strokeWidth:o=.5,idBase:r="CordialGlassGrad"}){return L.createElement("svg",{viewBox:"0 0 64 64"},L.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}),L.createElement("path",{d:"M28 16 L36 16 Q34 26 32 26 Q30 26 28 16 Z",stroke:"currentColor",strokeWidth:o,fill:"none"}),L.createElement("rect",{x:31.8,y:26,width:.5,height:6,fill:"currentColor",stroke:"currentColor",strokeWidth:o}),L.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)"}),L.createElement("path",{d:"M28 32 Q32 31 36 32 L36 32 L28 32 Z",fill:"currentColor",stroke:"currentColor",strokeWidth:o}))}import B from"react";function R({liquidFill:t=null,size:o=80,strokeWidth:r=1,idBase:l="CoupeGlassGrad"}){return B.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},B.createElement(i,{d:`
           M12 32 Q32 36 52 32 L52 18 Q32 18 12 18 Z 
-        `,transform:"scale(0.98)",idBase:"CoupeGlassGrad",opacity:.7,liquidFill:t}),B.createElement("path",{d:`
+        `,transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),B.createElement("path",{d:`
           M12 32 Q32 36 52 32 L52 18 Q32 18 12 18 Z 
-        `,fill:"none",stroke:"currentColor",strokeWidth:r}),B.createElement("path",{d:"M32 34 L32 60",stroke:"currentColor",strokeWidth:r}),B.createElement("path",{d:"M24 60 Q32 59 40 60 L40 60 L24 60 Z",fill:"currentColor",stroke:"currentColor",strokeWidth:r}))}import q from"react";function R({liquidFill:t=null,size:o=80,strokeWidth:r=.5}){return q.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},q.createElement("path",{d:"M20 24 L24 45 L40 45 L44 24 Z",fill:"none",stroke:"currentColor",strokeLinejoin:"miter",strokeWidth:r}),q.createElement(i,{d:"M20 24 L24 45 L40 45 L44 24 Z",transform:"scale(0.98)",idBase:"DemitasseGlassGrad",opacity:.7,liquidFill:t}),q.createElement("path",{d:"M43 30 Q55 30 41 40",stroke:"currentColor",fill:"none",strokeWidth:r}),q.createElement("path",{d:"M24 45 Q32 45 40 45 L40 48 L24 48 Z",fill:"currentColor",stroke:"currentColor",strokeWidth:r}))}import H from"react";function rr({liquidFill:t=["#FFF7C0","#FFD27A"],size:o=64,strokeWidth:r=.5}){return H.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},H.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}),H.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:"DoubleShotGlassGrad",opacity:.7,liquidFill:t}),H.createElement("rect",{x:22.5,y:58,width:19,height:3,fill:"none",stroke:"currentColor",strokeWidth:r}))}import c from"react";function or({liquidFill:t=null,size:o=80,strokeWidth:r=.5}){return c.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},c.createElement("path",{d:"M22 10 L42 10",stroke:"currentColor",strokeWidth:r}),c.createElement(i,{d:`
+        `,fill:"none",stroke:"currentColor",strokeWidth:r}),B.createElement("path",{d:"M32 34 L32 60",stroke:"currentColor",strokeWidth:r}),B.createElement("path",{d:"M24 60 Q32 59 40 60 L40 60 L24 60 Z",fill:"currentColor",stroke:"currentColor",strokeWidth:r}))}import q from"react";function rr({liquidFill:t=null,size:o=80,strokeWidth:r=.5,idBase:l="DemitasseGlassGrad"}){return q.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},q.createElement("path",{d:"M20 24 L24 45 L40 45 L44 24 Z",fill:"none",stroke:"currentColor",strokeLinejoin:"miter",strokeWidth:r}),q.createElement(i,{d:"M20 24 L24 45 L40 45 L44 24 Z",transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),q.createElement("path",{d:"M43 30 Q55 30 41 40",stroke:"currentColor",fill:"none",strokeWidth:r}),q.createElement("path",{d:"M24 45 Q32 45 40 45 L40 48 L24 48 Z",fill:"currentColor",stroke:"currentColor",strokeWidth:r}))}import H from"react";function or({liquidFill:t=["#FFF7C0","#FFD27A"],size:o=64,strokeWidth:r=.5,idBase:l="DoubleShotGlassGrad"}){return H.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},H.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}),H.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}),H.createElement("rect",{x:22.5,y:58,width:19,height:3,fill:"none",stroke:"currentColor",strokeWidth:r}))}import c from"react";function tr({liquidFill:t=null,size:o=80,strokeWidth:r=.5,idBase:l="FizzGlassGrad"}){return c.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},c.createElement("path",{d:"M22 10 L42 10",stroke:"currentColor",strokeWidth:r}),c.createElement(i,{d:`
           M22 10 L24 23 L40 23 L42 10 Z 
-        `,transform:"scale(0.98)",idBase:"FizzGlassGrad",opacity:.7,liquidFill:t}),c.createElement("path",{d:`
+        `,transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),c.createElement("path",{d:`
           M22 10 L24 23 L40 23 L42 10 Z 
-        `,fill:"none",stroke:"currentColor",strokeWidth:r}),c.createElement("rect",{x:32,y:23,width:1,height:10,fill:"currentColor",stroke:"currentColor",strokeWidth:r}),c.createElement("path",{d:"M26 33 Q32 32 38 33 L38 33 L26 33 Z",fill:"currentColor",stroke:"currentColor",strokeWidth:r}))}import F from"react";function tr({liquidFill:t=null,size:o=80,strokeWidth:r=.5}){return F.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},F.createElement(i,{d:`
+        `,fill:"none",stroke:"currentColor",strokeWidth:r}),c.createElement("rect",{x:32,y:23,width:1,height:10,fill:"currentColor",stroke:"currentColor",strokeWidth:r}),c.createElement("path",{d:"M26 33 Q32 32 38 33 L38 33 L26 33 Z",fill:"currentColor",stroke:"currentColor",strokeWidth:r}))}import F from"react";function ir({liquidFill:t=null,size:o=80,strokeWidth:r=.5,idBase:l="FluteGlassGrad"}){return F.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},F.createElement(i,{d:`
           M30 12        
           L34 12       
           L36 36    
           Q32 38 28 36 
           Z
-        `,transform:"scale(0.98)",idBase:"FluteGlassGrad",opacity:.7,liquidFill:t}),F.createElement("path",{d:`
+        `,transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),F.createElement("path",{d:`
           M30 12        
           L34 12       
           L36 36    
           Q32 38 28 36 
           Z
-        `,fill:"none",stroke:"currentColor",strokeWidth:r}),F.createElement("rect",{x:32,y:37,width:r,height:16,fill:"currentColor",stroke:"currentColor",strokeWidth:r}),F.createElement("path",{d:"M26 53 Q32 52 38 53 L38 53 L26 53 Z",fill:"currentColor",stroke:"currentColor",strokeWidth:r}))}import g from"react";function ir({liquidFill:t=null,size:o=80,strokeWidth:r=2}){let l=Math.round(o*90/80);return g.createElement("svg",{width:o,height:l,viewBox:"0 0 64 90"},g.createElement("rect",{x:30.5,y:69,width:3,height:8,fill:"currentColor",stroke:"currentColor",strokeWidth:r}),g.createElement(i,{d:" M19 28 L46 28 Q52 58 32 70 Q12 58 16 28 Z ",transform:"scale(0.98)",idBase:"GobletGlassGrad",opacity:.7,liquidFill:t}),g.createElement("path",{d:`
+        `,fill:"none",stroke:"currentColor",strokeWidth:r}),F.createElement("rect",{x:32,y:37,width:r,height:16,fill:"currentColor",stroke:"currentColor",strokeWidth:r}),F.createElement("path",{d:"M26 53 Q32 52 38 53 L38 53 L26 53 Z",fill:"currentColor",stroke:"currentColor",strokeWidth:r}))}import g from"react";function lr({liquidFill:t=null,size:o=80,strokeWidth:r=2,idBase:l="GobletGlassGrad"}){let e=Math.round(o*90/80);return g.createElement("svg",{width:o,height:e,viewBox:"0 0 64 90"},g.createElement("rect",{x:30.5,y:69,width:3,height:8,fill:"currentColor",stroke:"currentColor",strokeWidth:r}),g.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}),g.createElement("path",{d:`
           M16 28           
           L48 28          
           Q52 58 32 70     
           Q12 58 16 28     
           Z
-        `,fill:"none",stroke:"currentColor",strokeWidth:r}),g.createElement("line",{x1:16,y1:28,x2:48,y2:28,stroke:"currentColor",strokeWidth:r}),g.createElement("path",{d:" M24 77 Q32 76 40 77 L40 77 L24 77 Z ",fill:"currentColor",stroke:"currentColor",strokeWidth:r}))}import N from"react";function lr({liquidFill:t=null,size:o=80,strokeWidth:r=.5}){return N.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},N.createElement(i,{d:"M18 10 L46 10 L46 60 L18 60 Z",transform:"scale(0.98)",idBase:"HighballGlassGrad",opacity:.7,liquidFill:t}),N.createElement("rect",{x:18,y:10,width:28,height:50,stroke:"currentColor",strokeWidth:r,fill:"none"}),N.createElement("rect",{x:18,y:60,width:28,height:2,fill:"currentColor",stroke:"currentColor",strokeWidth:r}))}import S from"react";function er({liquidFill:t=null,garnish:o=null,size:r=80,strokeWidth:l=.5}){return S.createElement("svg",{width:r,height:r,viewBox:"0 0 64 64"},S.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:"HurricaneGlassGrad",opacity:.7,liquidFill:t}),S.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}),S.createElement("rect",{x:30.5,y:47,width:3,height:10,fill:"currentColor",stroke:"currentColor",strokeWidth:l}),S.createElement("path",{d:"M26 57 Q32 56 38 57 L38 57 L26 57 Z",fill:"currentColor",stroke:"currentColor",strokeWidth:l}))}import x from"react";function sr({liquidFill:t=null,size:o=80,strokeWidth:r=2}){return x.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},x.createElement("path",{d:" M42 18 Q60 20 44 30 ",stroke:"currentColor",strokeWidth:r,fill:"none"}),x.createElement(i,{d:`
+        `,fill:"none",stroke:"currentColor",strokeWidth:r}),g.createElement("line",{x1:16,y1:28,x2:48,y2:28,stroke:"currentColor",strokeWidth:r}),g.createElement("path",{d:" M24 77 Q32 76 40 77 L40 77 L24 77 Z ",fill:"currentColor",stroke:"currentColor",strokeWidth:r}))}import N from"react";function er({liquidFill:t=null,size:o=80,strokeWidth:r=.5,idBase:l="HighballGlassGrad"}){return N.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},N.createElement(i,{d:"M18 10 L46 10 L46 60 L18 60 Z",transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),N.createElement("rect",{x:18,y:10,width:28,height:50,stroke:"currentColor",strokeWidth:r,fill:"none"}),N.createElement("rect",{x:18,y:60,width:28,height:2,fill:"currentColor",stroke:"currentColor",strokeWidth:r}))}import S from"react";function sr({liquidFill:t=null,garnish:o=null,size:r=80,strokeWidth:l=.5,idBase:e="HurricaneGlassGrad"}){return S.createElement("svg",{width:r,height:r,viewBox:"0 0 64 64"},S.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:e,opacity:.7,liquidFill:t}),S.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}),S.createElement("rect",{x:30.5,y:47,width:3,height:10,fill:"currentColor",stroke:"currentColor",strokeWidth:l}),S.createElement("path",{d:"M26 57 Q32 56 38 57 L38 57 L26 57 Z",fill:"currentColor",stroke:"currentColor",strokeWidth:l}))}import x from"react";function nr({liquidFill:t=null,size:o=80,strokeWidth:r=2,idBase:l="IrishCoffeeGlassGrad"}){return x.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},x.createElement("path",{d:" M42 18 Q60 20 44 30 ",stroke:"currentColor",strokeWidth:r,fill:"none"}),x.createElement(i,{d:`
             M22 16
             L42 16
             L44 30
             Q44 38 32 42
             Q20 38 20 30
             Z
-          `,transform:"scale(0.98)",idBase:"IrishCoffeeGlassGrad",opacity:.7,liquidFill:t}),x.createElement("path",{d:`
+          `,transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),x.createElement("path",{d:`
             M22 16
             L42 16
             L44 30
             Q44 38 32 42
             Q20 38 20 30
             Z
-          `,stroke:"currentColor",strokeWidth:r-1,fill:"none"}),x.createElement("rect",{x:31,y:42,width:2,height:2,fill:"currentColor",stroke:"currentColor",strokeWidth:r}),x.createElement("path",{d:" M24 44 Q32 43 40 44 L40 44 L24 44 Z ",fill:"currentColor",stroke:"currentColor",strokeWidth:r}))}import n from"react";function nr({fill:t="#a1a1a1",size:o=80,strokeWidth:r=.5}){return n.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},n.createElement("rect",{x:17,y:21,width:30,height:1,rx:1,fill:"none",stroke:t,strokeWidth:r}),n.createElement("rect",{x:17,y:21,width:30,height:1,rx:1,transform:"scale(0.98)",opacity:.7,fill:t,strokeWidth:0}),n.createElement("path",{d:`
+          `,stroke:"currentColor",strokeWidth:r-1,fill:"none"}),x.createElement("rect",{x:31,y:42,width:2,height:2,fill:"currentColor",stroke:"currentColor",strokeWidth:r}),x.createElement("path",{d:" M24 44 Q32 43 40 44 L40 44 L24 44 Z ",fill:"currentColor",stroke:"currentColor",strokeWidth:r}))}import d from"react";function dr({fill:t="#a1a1a1",size:o=80,strokeWidth:r=.5}){return d.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},d.createElement("rect",{x:17,y:21,width:30,height:1,rx:1,fill:"none",stroke:t,strokeWidth:r}),d.createElement("rect",{x:17,y:21,width:30,height:1,rx:1,transform:"scale(0.98)",opacity:.7,fill:t,strokeWidth:0}),d.createElement("path",{d:`
           M18 22
           L46 22
           L42 54
           L22 54
           Z
-        `,fill:"none",stroke:t,strokeWidth:r}),n.createElement("path",{d:`
+        `,fill:"none",stroke:t,strokeWidth:r}),d.createElement("path",{d:`
           M18 22
           L46 22
           L42 54
           L22 54
           Z
-        `,transform:"scale(0.98)",fill:t}),n.createElement("rect",{x:20,y:53,width:24,height:1,rx:r,fill:"none",stroke:t,strokeWidth:r}),n.createElement("rect",{x:20,y:53,width:24,height:1,rx:r,transform:"scale(0.98)",fill:t,strokeWidth:0}),n.createElement("rect",{x:18.8,y:54,width:26,height:1,rx:r,fill:"none",stroke:t,strokeWidth:r}),n.createElement("rect",{x:18.8,y:54,width:26,height:1,rx:r,transform:"scale(0.98)",fill:t,strokeWidth:0}))}import W from"react";function dr({liquidFill:t=["#A8E063","#56AB2F"],size:o=80,strokeWidth:r=.5}){let l=t;return W.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},W.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:"MargaritaGlassGrad",opacity:.7,liquidFill:t}),W.createElement("path",{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`,fill:"none",stroke:"currentColor",strokeWidth:r}),W.createElement("rect",{x:31.5,y:36,width:1,height:10,fill:"currentColor",stroke:"currentColor",strokeWidth:r}),W.createElement("path",{d:" M24 46 Q32 45 40 46 L40 47 L24 47 Z ",fill:"currentColor",strokeWidth:0}))}import $ from"react";function ur({liquidFill:t=null,garnish:o=null,size:r=80,strokeWidth:l=1}){return $.createElement("svg",{width:r,height:r,viewBox:"0 0 64 64"},$.createElement(i,{d:"M10 10 L54 10 L32 40 Z",transform:"scale(0.98)",idBase:"MartiniGlassGrad",opacity:.7,liquidFill:t}),$.createElement("path",{d:"M10 10 L54 10 L32 40 Z",stroke:"currentColor",fill:"none",strokeWidth:l}),$.createElement("path",{d:"M32 40 L32 58",stroke:"currentColor",strokeWidth:l}),$.createElement("path",{d:" M24 58 Q32 57 40 58 L40 59 L24 59 Z ",fill:"currentColor"}))}import b from"react";function fr({liquidFill:t=null,garnish:o=null,size:r=80,strokeWidth:l=.5}){return b.createElement("svg",{width:r,height:r,viewBox:"0 0 64 64"},b.createElement(i,{d:"M24 38 L24 24 L40 24 L40 38 Q32 40 24 38 Z",transform:"scale(0.98)",idBase:"NickAndNoraGlassGrad",opacity:.7,liquidFill:t}),b.createElement("path",{d:"M24 38 L24 24 L40 24 L40 38 Q32 40 24 38 Z",fill:"none",stroke:"currentColor",strokeWidth:l}),b.createElement("rect",{x:32,y:39,width:1,height:16,fill:"currentColor",stroke:"currentColor",strokeWidth:l}),b.createElement("path",{d:" M24 55 Q32 54 40 55 L40 55 L24 55 Z ",fill:"currentColor",stroke:"currentColor",strokeWidth:l}))}import A from"react";function hr({liquidFill:t=null,size:o=80,strokeWidth:r=.5}){return A.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},A.createElement(i,{d:`
+        `,transform:"scale(0.98)",fill:t}),d.createElement("rect",{x:20,y:53,width:24,height:1,rx:r,fill:"none",stroke:t,strokeWidth:r}),d.createElement("rect",{x:20,y:53,width:24,height:1,rx:r,transform:"scale(0.98)",fill:t,strokeWidth:0}),d.createElement("rect",{x:18.8,y:54,width:26,height:1,rx:r,fill:"none",stroke:t,strokeWidth:r}),d.createElement("rect",{x:18.8,y:54,width:26,height:1,rx:r,transform:"scale(0.98)",fill:t,strokeWidth:0}))}import W from"react";function ur({liquidFill:t=["#A8E063","#56AB2F"],size:o=80,strokeWidth:r=.5,idBase:l="MargaritaGlassGrad"}){let e=t;return W.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},W.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}),W.createElement("path",{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`,fill:"none",stroke:"currentColor",strokeWidth:r}),W.createElement("rect",{x:31.5,y:36,width:1,height:10,fill:"currentColor",stroke:"currentColor",strokeWidth:r}),W.createElement("path",{d:" M24 46 Q32 45 40 46 L40 47 L24 47 Z ",fill:"currentColor",strokeWidth:0}))}import $ from"react";function fr({liquidFill:t=null,garnish:o=null,size:r=80,strokeWidth:l=1,idBase:e="MartiniGlassGrad"}){return $.createElement("svg",{width:r,height:r,viewBox:"0 0 64 64"},$.createElement(i,{d:"M10 10 L54 10 L32 40 Z",transform:"scale(0.98)",idBase:e,opacity:.7,liquidFill:t}),$.createElement("path",{d:"M10 10 L54 10 L32 40 Z",stroke:"currentColor",fill:"none",strokeWidth:l}),$.createElement("path",{d:"M32 40 L32 58",stroke:"currentColor",strokeWidth:l}),$.createElement("path",{d:" M24 58 Q32 57 40 58 L40 59 L24 59 Z ",fill:"currentColor"}))}import b from"react";function hr({liquidFill:t=null,garnish:o=null,size:r=80,strokeWidth:l=.5,idBase:e="NickAndNoraGlassGrad"}){return b.createElement("svg",{width:r,height:r,viewBox:"0 0 64 64"},b.createElement(i,{d:"M24 38 L24 24 L40 24 L40 38 Q32 40 24 38 Z",transform:"scale(0.98)",idBase:e,opacity:.7,liquidFill:t}),b.createElement("path",{d:"M24 38 L24 24 L40 24 L40 38 Q32 40 24 38 Z",fill:"none",stroke:"currentColor",strokeWidth:l}),b.createElement("rect",{x:32,y:39,width:1,height:16,fill:"currentColor",stroke:"currentColor",strokeWidth:l}),b.createElement("path",{d:" M24 55 Q32 54 40 55 L40 55 L24 55 Z ",fill:"currentColor",stroke:"currentColor",strokeWidth:l}))}import A from"react";function ar({liquidFill:t=null,size:o=80,strokeWidth:r=.5,idBase:l="ParfaitGlassGrad"}){return A.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},A.createElement(i,{d:`
           M22 12
           L42 12
           Q40 30 38 44
           Q32 50 26 44
           Q24 30 22 12
           Z
-        `,transform:"scale(0.98)",idBase:"ParfaitGlassGrad",opacity:.7,liquidFill:t}),A.createElement("path",{d:`
+        `,transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),A.createElement("path",{d:`
           M22 12
           L42 12
           Q40 30 38 44
@@ -93,13 +93,13 @@ import m from"react";function i({d:t,transform:o,liquidFill:r=null,liquidStyle:l
           Z
         `,stroke:"currentColor",strokeWidth:r,fill:"none"}),A.createElement("rect",{x:31,y:47,width:2,height:8,fill:"currentColor"}),A.createElement("path",{d:`
           M22 57 Q32 53 42 57 L42 57.5 L22 57.5 Z 
-        `,fill:"currentColor"}))}import E from"react";function ar({liquidFill:t=null,size:o=80,strokeWidth:r=.5}){return E.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},E.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:"PilsnerGlassGrad",opacity:.7,liquidFill:t}),E.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"}),E.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 T from"react";function mr({liquidFill:t=null,garnish:o=null,size:r=80,strokeWidth:l=.5}){return T.createElement("svg",{width:r,height:r,viewBox:"0 0 64 64"},T.createElement(i,{d:"M18 10 L46 10 L42 54 L22 54 Z",transform:"scale(0.98)",idBase:"PintGlassGrad",opacity:.7,liquidFill:t}),T.createElement("path",{d:"M18 10 L46 10 L42 54 L22 54 Z",stroke:"currentColor",strokeWidth:l,fill:"none"}),T.createElement("rect",{x:22,y:54,width:20,height:2,fill:"currentColor",stroke:"currentColor",strokeWidth:l}))}import f from"react";function pr({liquidFill:t=null,size:o=80,strokeWidth:r=.5}){let d=Math.floor(o*1.125);return f.createElement("svg",{width:o,height:d,viewBox:"0 0 64 90"},f.createElement("g",null,f.createElement(i,{d:`
+        `,fill:"currentColor"}))}import E from"react";function mr({liquidFill:t=null,size:o=80,strokeWidth:r=.5,idBase:l="PilsnerGlassGrad"}){return E.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},E.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}),E.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"}),E.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 T from"react";function pr({liquidFill:t=null,garnish:o=null,size:r=80,strokeWidth:l=.5,idBase:e="PintGlassGrad"}){return T.createElement("svg",{width:r,height:r,viewBox:"0 0 64 64"},T.createElement(i,{d:"M18 10 L46 10 L42 54 L22 54 Z",transform:"scale(0.98)",idBase:e,opacity:.7,liquidFill:t}),T.createElement("path",{d:"M18 10 L46 10 L42 54 L22 54 Z",stroke:"currentColor",strokeWidth:l,fill:"none"}),T.createElement("rect",{x:22,y:54,width:20,height:2,fill:"currentColor",stroke:"currentColor",strokeWidth:l}))}import f from"react";function Cr({liquidFill:t=null,size:o=80,strokeWidth:r=.5,idBase:l="PousseCafeGlassGrad"}){let V=Math.floor(o*1.125);return f.createElement("svg",{width:o,height:V,viewBox:"0 0 64 90"},f.createElement("g",null,f.createElement(i,{d:`
             M ${32-11} 12
             L ${32+11} 12
             L ${32+9} 38
             Q 32 42 ${32-9} 38
             Z
-          `,transform:"scale(0.98)",idBase:"PousseCafeGlassGrad",opacity:.7,liquidFill:t}),f.createElement("path",{d:`
+          `,transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),f.createElement("path",{d:`
             M ${32-11} 12
             L ${32+11} 12
             L ${32+9} 38
@@ -111,32 +111,32 @@ import m from"react";function i({d:t,transform:o,liquidFill:r=null,liquidStyle:l
             L ${32+6} 30
             Q 32 33 ${32-6} 30
             Z
-          `,fill:"rgba(255,255,255,0.06)"}),f.createElement("rect",{x:32-1,y:40,width:2,height:10,fill:"currentColor",stroke:"currentColor",strokeWidth:r}),f.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 h from"react";function Cr({liquidFill:t=null,size:o=80,strokeWidth:r=.5}){return h.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},h.createElement("g",null,h.createElement(i,{d:`
+          `,fill:"rgba(255,255,255,0.06)"}),f.createElement("rect",{x:32-1,y:40,width:2,height:10,fill:"currentColor",stroke:"currentColor",strokeWidth:r}),f.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 h from"react";function Lr({liquidFill:t=null,size:o=80,strokeWidth:r=.5,idBase:l="PunchGlassGrad"}){return h.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},h.createElement("g",null,h.createElement(i,{d:`
             M22 18
             L42 18
             L38 30
             Q32 34 26 30
             L22 18
             Z
-          `,transform:"scale(0.98)",idBase:"PunchGlassGrad",opacity:.7,liquidFill:t}),h.createElement("path",{d:`
+          `,transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),h.createElement("path",{d:`
             M22 18
             L42 18
             L38 30
             Q32 34 26 30
             L22 18
             Z
-          `,stroke:"currentColor",strokeWidth:r,fill:"none"}),h.createElement("path",{d:"M28 20 L28 28 M32 20 L32 30 M36 20 L36 28",stroke:"currentColor",strokeWidth:.6,strokeLinecap:"round",opacity:.06}),h.createElement("rect",{x:31,y:32,width:2,height:6,fill:"currentColor",stroke:"currentColor",strokeWidth:r}),h.createElement("path",{d:"M26 38 Q32 37 38 38 L38 38 L26 38 Z",fill:"currentColor",stroke:"currentColor",strokeWidth:r})))}import j from"react";function Lr({liquidFill:t=null,size:o=80,strokeWidth:r=.5}){return j.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},j.createElement(i,{d:"M14 24 L50 24 L50 58 L14 58 Z",transform:"scale(0.98)",idBase:"RocksGlassGrad",opacity:.7,liquidFill:t}),j.createElement("rect",{x:14,y:24,width:36,height:34,stroke:"currentColor",strokeWidth:r,fill:"none"}),j.createElement("line",{x1:13.7,y1:59,x2:50.2,y2:59,stroke:"currentColor",strokeWidth:"2"}))}import I from"react";function cr({liquidFill:t=["#FFFFFF","#E0E0E0"],size:o=64,strokeWidth:r=.5}){return I.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},I.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}),I.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:"SingleShotGlassGrad",opacity:.7,liquidFill:t}),I.createElement("rect",{x:25,y:48,width:14,height:3,stroke:"currentColor",strokeWidth:r,fill:"none"}))}import k from"react";function gr({liquidFill:t=null,size:o=80,strokeWidth:r=.5}){return k.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},k.createElement("line",{x1:24,y1:12,x2:40,y2:12,stroke:"currentColor",strokeWidth:r}),k.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:"SlingGlassGrad",opacity:.7,liquidFill:t}),k.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"}),k.createElement("rect",{x:31,y:54,width:2,height:2,fill:"currentColor"}),k.createElement("path",{d:"M29 56 Q32 55 35 56 L35 56 L29 56 Z",fill:"currentColor",stroke:"currentColor",strokeWidth:r,rx:1}))}import G from"react";function xr({liquidFill:t=null,size:o=80,strokeWidth:r=.5}){return G.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},G.createElement("line",{x1:22,y1:18,x2:42,y2:18,stroke:"currentColor",strokeWidth:r}),G.createElement("path",{d:`
+          `,stroke:"currentColor",strokeWidth:r,fill:"none"}),h.createElement("path",{d:"M28 20 L28 28 M32 20 L32 30 M36 20 L36 28",stroke:"currentColor",strokeWidth:.6,strokeLinecap:"round",opacity:.06}),h.createElement("rect",{x:31,y:32,width:2,height:6,fill:"currentColor",stroke:"currentColor",strokeWidth:r}),h.createElement("path",{d:"M26 38 Q32 37 38 38 L38 38 L26 38 Z",fill:"currentColor",stroke:"currentColor",strokeWidth:r})))}import j from"react";function cr({liquidFill:t=null,size:o=80,strokeWidth:r=.5,idBase:l="RocksGlassGrad"}){return j.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},j.createElement(i,{d:"M14 24 L50 24 L50 58 L14 58 Z",transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),j.createElement("rect",{x:14,y:24,width:36,height:34,stroke:"currentColor",strokeWidth:r,fill:"none"}),j.createElement("line",{x1:13.7,y1:59,x2:50.2,y2:59,stroke:"currentColor",strokeWidth:"2"}))}import I from"react";function gr({liquidFill:t=["#FFFFFF","#E0E0E0"],size:o=64,strokeWidth:r=.5,idBase:l="SingleShotGlassGrad"}){return I.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},I.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}),I.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}),I.createElement("rect",{x:25,y:48,width:14,height:3,stroke:"currentColor",strokeWidth:r,fill:"none"}))}import k from"react";function xr({liquidFill:t=null,size:o=80,strokeWidth:r=.5,idBase:l="SlingGlassGrad"}){return k.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},k.createElement("line",{x1:24,y1:12,x2:40,y2:12,stroke:"currentColor",strokeWidth:r}),k.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}),k.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"}),k.createElement("rect",{x:31,y:54,width:2,height:2,fill:"currentColor"}),k.createElement("path",{d:"M29 56 Q32 55 35 56 L35 56 L29 56 Z",fill:"currentColor",stroke:"currentColor",strokeWidth:r,rx:1}))}import G from"react";function kr({liquidFill:t=null,size:o=80,strokeWidth:r=.5,idBase:l="SnifterGlassGrad"}){return G.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},G.createElement("line",{x1:22,y1:18,x2:42,y2:18,stroke:"currentColor",strokeWidth:r}),G.createElement("path",{d:`
           M22 18
           C16 32, 16 46, 32 52
           C48 46, 48 32, 42 18
           Z
-        `,stroke:"currentColor",strokeWidth:r,fill:"none"}),G.createElement(i,{d:" M22 18 C16 32, 16 46, 32 52 C48 46, 48 32, 42 18 Z ",transform:"scale(0.98)",idBase:"SnifterGlassGrad",opacity:.7,liquidFill:t}),G.createElement("rect",{x:30,y:51,width:4,height:4,fill:"currentColor",stroke:"currentColor",strokeWidth:r}),G.createElement("path",{d:"M26 54 Q32 51 38 54 L38 55 L26 55 Z",fill:"currentColor",stroke:"currentColor",strokeWidth:r}))}import y from"react";function kr({liquidFill:t=null,size:o=80,strokeWidth:r=.5}){return y.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},y.createElement("line",{x1:16,y1:18,x2:48,y2:18,stroke:"currentColor",strokeWidth:r}),y.createElement(i,{d:`
+        `,stroke:"currentColor",strokeWidth:r,fill:"none"}),G.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}),G.createElement("rect",{x:30,y:51,width:4,height:4,fill:"currentColor",stroke:"currentColor",strokeWidth:r}),G.createElement("path",{d:"M26 54 Q32 51 38 54 L38 55 L26 55 Z",fill:"currentColor",stroke:"currentColor",strokeWidth:r}))}import y from"react";function Gr({liquidFill:t=null,size:o=80,strokeWidth:r=.5,idBase:l="SourGlassGrad"}){return y.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},y.createElement("line",{x1:16,y1:18,x2:48,y2:18,stroke:"currentColor",strokeWidth:r}),y.createElement(i,{d:`
           M16 18
           L48 18
           C46 30, 46 38, 32 42
           C18 38, 18 30, 16 18
           Z
-        `,transform:"scale(0.98)",idBase:"SourGlassGrad",opacity:.7,liquidFill:t}),y.createElement("path",{d:`
+        `,transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),y.createElement("path",{d:`
           M16 18
           L48 18
           C46 30, 46 38, 32 42
@@ -148,4 +148,4 @@ import m from"react";function i({d:t,transform:o,liquidFill:r=null,liquidStyle:l
           L42 54
           L22 54
           Z
-        `,fill:"currentColor"}))}import M from"react";function Gr({liquidFill:t=null,size:o=80,strokeWidth:r=1}){return M.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},M.createElement("rect",{x:13,y:44,width:36,height:4,fill:"currentColor"}),M.createElement(i,{d:"M14 10 L48 10 L48 44 L14 44 Z",transform:"scale(0.98)",idBase:"TankardGlassGrad",opacity:.7,liquidFill:t}),M.createElement("rect",{x:14,y:10,width:34,height:34,fill:"none",stroke:"currentColor",strokeWidth:r*1.4}),M.createElement("g",null,M.createElement("path",{d:"M49 17 C60 19 60 34 49 37",stroke:"currentColor",strokeWidth:r*3,strokeLinecap:"round",strokeLinejoin:"round",fill:"none"})))}import w from"react";function yr({liquidFill:t=null,size:o=80,strokeWidth:r=.5}){return w.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},w.createElement("rect",{x:21.75,y:52,width:20.5,height:2,fill:"currentColor"}),w.createElement("rect",{x:20,y:50,width:24,height:4,rx:2,fill:"currentColor",opacity:.06}),w.createElement("rect",{x:22,y:10,width:20,height:42,stroke:"currentColor",strokeWidth:r,fill:"none",opacity:.9}),w.createElement(i,{d:"M21 9 L41 9 L41 51 L21 51 Z",transform:"scale(0.98)",idBase:"TikiGlassGrad",opacity:.7,liquidFill:t}),w.createElement("ellipse",{cx:32,cy:32,rx:6,ry:3,fill:"currentColor"}))}import a from"react";function Mr({liquidFill:t=null,size:o=80,strokeWidth:r=.8}){return a.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},a.createElement(i,{d:"M22 12 H42 V40 H22 Z",transform:"scale(0.98)",idBase:"ToddyGlassGrad",opacity:.7,liquidFill:t}),a.createElement("path",{d:"M22 12 H42 V40 H22 Z",fill:"none",stroke:"currentColor",strokeWidth:r,strokeLinejoin:"round"}),a.createElement("g",null,a.createElement("path",{d:"M43 16 C52 18 52 34 43 36",stroke:"currentColor",strokeWidth:r*2.4,strokeLinecap:"round",strokeLinejoin:"round",fill:"none"})),a.createElement("rect",{x:30,y:40,width:4,height:6,fill:"currentColor"}),a.createElement("path",{d:"M22 47 Q32 43 42 47 L42 48 L22 48 Z",fill:"currentColor"}))}import J from"react";function wr({liquidFill:t=["#FFFFFF","#E0E0E0"],size:o=80,strokeWidth:r=.5}){return J.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},J.createElement("rect",{x:22,y:30,width:20,height:18,stroke:"currentColor",fill:"none",strokeWidth:r}),J.createElement(i,{d:"M22 30 L42 30 L42 48 L22 48 Z",transform:"scale(0.98)",idBase:"ShotGlassGrad",opacity:.7,liquidFill:t}),J.createElement("rect",{x:22,y:48,width:20,height:3,fill:"none",stroke:"currentColor",strokeWidth:r}))}import D from"react";function vr({liquidFill:t=null,size:o=80,strokeWidth:r=.5}){let l=Math.round(o*90/80);return D.createElement("svg",{width:o,height:l,viewBox:"0 0 64 90"},D.createElement(i,{d:"M26 26 L38 26 Q44 62 32 62 Q20 62 26 26 Z",transform:"scale(0.98)",idBase:"WineGlassGrad",opacity:.7,liquidFill:t}),D.createElement("path",{d:"M26 26 L38 26 Q44 62 32 62 Q20 62 26 26 Z",fill:"none",stroke:"currentColor",strokeWidth:r}),D.createElement("rect",{x:31.5,y:62,width:1,height:25,fill:"currentColor"}),D.createElement("path",{d:"M24 86 Q32 84 40 86 L40 87 L24 87 Z",fill:"currentColor"}))}var Ki={Liquid:i,AbsintheGlass:_,BrandySnifterGlass:K,CollinsGlass:U,CopperMug:X,CordialGlass:Y,CoupeGlass:z,DemitasseGlass:R,DoubleShotGlass:rr,FizzGlass:or,FluteGlass:tr,GobletGlass:ir,HighballGlass:lr,HurricaneGlass:er,IrishCoffeeGlass:sr,JulepCup:nr,MargaritaGlass:dr,MartiniGlass:ur,NickAndNoraGlass:fr,ParfaitGlass:hr,PilsnerGlass:ar,PintGlass:mr,PousseCafeGlass:pr,PunchGlass:Cr,RocksGlass:Lr,SingleShotGlass:cr,SlingGlass:gr,SnifterGlass:xr,SourGlass:kr,TankardGlass:Gr,TikiGlass:yr,ToddyGlass:Mr,WhiskeyShotGlass:wr,WineGlass:vr};export{_ as AbsintheGlass,K as BrandySnifterGlass,U as CollinsGlass,X as CopperMug,Y as CordialGlass,z as CoupeGlass,R as DemitasseGlass,rr as DoubleShotGlass,or as FizzGlass,tr as FluteGlass,ir as GobletGlass,lr as HighballGlass,er as HurricaneGlass,sr as IrishCoffeeGlass,nr as JulepCup,i as Liquid,dr as MargaritaGlass,ur as MartiniGlass,fr as NickAndNoraGlass,hr as ParfaitGlass,ar as PilsnerGlass,mr as PintGlass,pr as PousseCafeGlass,Cr as PunchGlass,Lr as RocksGlass,cr as SingleShotGlass,gr as SlingGlass,xr as SnifterGlass,kr as SourGlass,Gr as TankardGlass,yr as TikiGlass,Mr as ToddyGlass,wr as WhiskeyShotGlass,vr as WineGlass,Ki as default};
+        `,fill:"currentColor"}))}import M from"react";function yr({liquidFill:t=null,size:o=80,strokeWidth:r=1,idBase:l="TankardGlassGrad"}){return M.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},M.createElement("rect",{x:13,y:44,width:36,height:4,fill:"currentColor"}),M.createElement(i,{d:"M14 10 L48 10 L48 44 L14 44 Z",transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),M.createElement("rect",{x:14,y:10,width:34,height:34,fill:"none",stroke:"currentColor",strokeWidth:r*1.4}),M.createElement("g",null,M.createElement("path",{d:"M49 17 C60 19 60 34 49 37",stroke:"currentColor",strokeWidth:r*3,strokeLinecap:"round",strokeLinejoin:"round",fill:"none"})))}import w from"react";function Mr({liquidFill:t=null,size:o=80,strokeWidth:r=.5,idBase:l="TikiGlassGrad"}){return w.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},w.createElement("rect",{x:21.75,y:52,width:20.5,height:2,fill:"currentColor"}),w.createElement("rect",{x:20,y:50,width:24,height:4,rx:2,fill:"currentColor",opacity:.06}),w.createElement("rect",{x:22,y:10,width:20,height:42,stroke:"currentColor",strokeWidth:r,fill:"none",opacity:.9}),w.createElement(i,{d:"M21 9 L41 9 L41 51 L21 51 Z",transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),w.createElement("ellipse",{cx:32,cy:32,rx:6,ry:3,fill:"currentColor"}))}import a from"react";function wr({liquidFill:t=null,size:o=80,strokeWidth:r=.8,idBase:l="ToddyGlassGrad"}){return a.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},a.createElement(i,{d:"M22 12 H42 V40 H22 Z",transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),a.createElement("path",{d:"M22 12 H42 V40 H22 Z",fill:"none",stroke:"currentColor",strokeWidth:r,strokeLinejoin:"round"}),a.createElement("g",null,a.createElement("path",{d:"M43 16 C52 18 52 34 43 36",stroke:"currentColor",strokeWidth:r*2.4,strokeLinecap:"round",strokeLinejoin:"round",fill:"none"})),a.createElement("rect",{x:30,y:40,width:4,height:6,fill:"currentColor"}),a.createElement("path",{d:"M22 47 Q32 43 42 47 L42 48 L22 48 Z",fill:"currentColor"}))}import J from"react";function vr({liquidFill:t=["#FFFFFF","#E0E0E0"],size:o=80,strokeWidth:r=.5,idBase:l="ShotGlassGrad"}){return J.createElement("svg",{width:o,height:o,viewBox:"0 0 64 64"},J.createElement("rect",{x:22,y:30,width:20,height:18,stroke:"currentColor",fill:"none",strokeWidth:r}),J.createElement(i,{d:"M22 30 L42 30 L42 48 L22 48 Z",transform:"scale(0.98)",idBase:l,opacity:.7,liquidFill:t}),J.createElement("rect",{x:22,y:48,width:20,height:3,fill:"none",stroke:"currentColor",strokeWidth:r}))}import D from"react";function Zr({liquidFill:t=null,size:o=80,strokeWidth:r=.5,idBase:l="WineGlassGrad"}){let e=Math.round(o*90/80);return D.createElement("svg",{width:o,height:e,viewBox:"0 0 64 90"},D.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}),D.createElement("path",{d:"M26 26 L38 26 Q44 62 32 62 Q20 62 26 26 Z",fill:"none",stroke:"currentColor",strokeWidth:r}),D.createElement("rect",{x:31.5,y:62,width:1,height:25,fill:"currentColor"}),D.createElement("path",{d:"M24 86 Q32 84 40 86 L40 87 L24 87 Z",fill:"currentColor"}))}var Ki={Liquid:i,AbsintheGlass:K,BrandySnifterGlass:U,CollinsGlass:X,CopperMug:Y,CordialGlass:z,CoupeGlass:R,DemitasseGlass:rr,DoubleShotGlass:or,FizzGlass:tr,FluteGlass:ir,GobletGlass:lr,HighballGlass:er,HurricaneGlass:sr,IrishCoffeeGlass:nr,JulepCup:dr,MargaritaGlass:ur,MartiniGlass:fr,NickAndNoraGlass:hr,ParfaitGlass:ar,PilsnerGlass:mr,PintGlass:pr,PousseCafeGlass:Cr,PunchGlass:Lr,RocksGlass:cr,SingleShotGlass:gr,SlingGlass:xr,SnifterGlass:kr,SourGlass:Gr,TankardGlass:yr,TikiGlass:Mr,ToddyGlass:wr,WhiskeyShotGlass:vr,WineGlass:Zr};export{K as AbsintheGlass,U as BrandySnifterGlass,X as CollinsGlass,Y as CopperMug,z as CordialGlass,R as CoupeGlass,rr as DemitasseGlass,or as DoubleShotGlass,tr as FizzGlass,ir as FluteGlass,lr as GobletGlass,er as HighballGlass,sr as HurricaneGlass,nr as IrishCoffeeGlass,dr as JulepCup,i as Liquid,ur as MargaritaGlass,fr as MartiniGlass,hr as NickAndNoraGlass,ar as ParfaitGlass,mr as PilsnerGlass,pr as PintGlass,Cr as PousseCafeGlass,Lr as PunchGlass,cr as RocksGlass,gr as SingleShotGlass,xr as SlingGlass,kr as SnifterGlass,Gr as SourGlass,yr as TankardGlass,Mr as TikiGlass,wr as ToddyGlass,vr as WhiskeyShotGlass,Zr as WineGlass,Ki as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bace51/cocktailjs-react",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "private": false,
   "description": "Lightweight React components for rendering cocktail glasses and liquids as SVG.",
   "keywords": [
@@ -28,6 +28,13 @@
   "files": [
     "dist"
   ],
+  "scripts": {
+    "build": "esbuild src/index.js --bundle --outfile=dist/index.mjs --format=esm --platform=browser --minify --external:react --external:react-dom --external:react/jsx-runtime",
+    "build:cjs": "esbuild src/index.js --bundle --outfile=dist/index.cjs.js --format=cjs --platform=node --external:react --external:react-dom --external:react/jsx-runtime",
+    "prepare": "pnpm run build && pnpm run build:cjs && cp index.d.ts dist/index.d.ts || true",
+    "dev": "vite --config playground/vite.config.js",
+    "dev:dist": "USE_DIST=1 vite --config playground/vite.config.js"
+  },
   "devDependencies": {
     "esbuild": "^0.18.0",
     "vite": "^5.0.0",
@@ -51,11 +58,5 @@
     },
     "./*": "./dist/*",
     "./dist/*": "./dist/*"
-  },
-  "scripts": {
-    "build": "esbuild src/index.js --bundle --outfile=dist/index.mjs --format=esm --platform=browser --minify --external:react --external:react-dom --external:react/jsx-runtime",
-    "build:cjs": "esbuild src/index.js --bundle --outfile=dist/index.cjs.js --format=cjs --platform=node --external:react --external:react-dom --external:react/jsx-runtime",
-    "dev": "vite --config playground/vite.config.js",
-    "dev:dist": "USE_DIST=1 vite --config playground/vite.config.js"
   }
-}
+}

package/dist/index.d.ts

@@ -1,111 +0,0 @@
-declare module '@bace51/cocktailjs-react' {
-  import * as React from 'react';
-
-  export type LiquidProps = {
-    d: string;
-    transform?: string;
-    liquidFill?: string | string[] | null;
-    liquidStyle?: React.CSSProperties | null;
-    gradientAttr?: string | string[] | null;
-    opacity?: number;
-    idBase?: string;
-    highlight?: 'liquid' | 'ice' | 'all' | null;
-    highlightColor?: string;
-    level?: number;
-    stopPositions?: number[] | null;
-  };
-
-  export type SVGComponentProps = React.SVGProps<SVGSVGElement> & {
-    liquidFill?: string | string[] | null;
-    garnish?: any;
-    size?: number;
-    strokeWidth?: number;
-    highlight?: LiquidProps['highlight'];
-    highlightColor?: string;
-    level?: number;
-    stopPositions?: number[] | null;
-    idBase?: string;
-  };
-
-  export const Liquid: React.FC<LiquidProps>;
-
-  export const AbsintheGlass: React.FC<SVGComponentProps>;
-  export const BrandySnifterGlass: React.FC<SVGComponentProps>;
-  export const CollinsGlass: React.FC<SVGComponentProps>;
-  export const CopperMug: React.FC<SVGComponentProps>;
-  export const CordialGlass: React.FC<SVGComponentProps>;
-  export const CoupeGlass: React.FC<SVGComponentProps>;
-  export const DemitasseGlass: React.FC<SVGComponentProps>;
-  export const DoubleShotGlass: React.FC<SVGComponentProps>;
-  export const FizzGlass: React.FC<SVGComponentProps>;
-  export const FluteGlass: React.FC<SVGComponentProps>;
-  export const GobletGlass: React.FC<SVGComponentProps>;
-  export const HighballGlass: React.FC<SVGComponentProps>;
-  export const HurricaneGlass: React.FC<SVGComponentProps>;
-  export const IrishCoffeeGlass: React.FC<SVGComponentProps>;
-  export const JulepCup: React.FC<SVGComponentProps>;
-  export const MargaritaGlass: React.FC<SVGComponentProps>;
-  export const MartiniGlass: React.FC<SVGComponentProps>;
-  export const NickAndNoraGlass: React.FC<SVGComponentProps>;
-  export const ParfaitGlass: React.FC<SVGComponentProps>;
-  export const PilsnerGlass: React.FC<SVGComponentProps>;
-  export const PintGlass: React.FC<SVGComponentProps>;
-  export const PousseCafeGlass: React.FC<SVGComponentProps>;
-  export const PunchGlass: React.FC<SVGComponentProps>;
-  export const RocksGlass: React.FC<SVGComponentProps>;
-  export const SingleShotGlass: React.FC<SVGComponentProps>;
-  export const SlingGlass: React.FC<SVGComponentProps>;
-  export const SnifterGlass: React.FC<SVGComponentProps>;
-  export const SourGlass: React.FC<SVGComponentProps>;
-  export const TankardGlass: React.FC<SVGComponentProps>;
-  export const TikiGlass: React.FC<SVGComponentProps>;
-  export const ToddyGlass: React.FC<SVGComponentProps>;
-  export const WhiskeyShotGlass: React.FC<SVGComponentProps>;
-  export const WineGlass: React.FC<SVGComponentProps>;
-
-  const _default: {
-    Liquid: typeof Liquid;
-    AbsintheGlass: typeof AbsintheGlass;
-    BrandySnifterGlass: typeof BrandySnifterGlass;
-    CollinsGlass: typeof CollinsGlass;
-    CopperMug: typeof CopperMug;
-    CordialGlass: typeof CordialGlass;
-    CoupeGlass: typeof CoupeGlass;
-    DemitasseGlass: typeof DemitasseGlass;
-    DoubleShotGlass: typeof DoubleShotGlass;
-    FizzGlass: typeof FizzGlass;
-    FluteGlass: typeof FluteGlass;
-    GobletGlass: typeof GobletGlass;
-    HighballGlass: typeof HighballGlass;
-    HurricaneGlass: typeof HurricaneGlass;
-    IrishCoffeeGlass: typeof IrishCoffeeGlass;
-    JulepCup: typeof JulepCup;
-    MargaritaGlass: typeof MargaritaGlass;
-    MartiniGlass: typeof MartiniGlass;
-    NickAndNoraGlass: typeof NickAndNoraGlass;
-    ParfaitGlass: typeof ParfaitGlass;
-    PilsnerGlass: typeof PilsnerGlass;
-    PintGlass: typeof PintGlass;
-    PousseCafeGlass: typeof PousseCafeGlass;
-    PunchGlass: typeof PunchGlass;
-    RocksGlass: typeof RocksGlass;
-    SingleShotGlass: typeof SingleShotGlass;
-    SlingGlass: typeof SlingGlass;
-    SnifterGlass: typeof SnifterGlass;
-    SourGlass: typeof SourGlass;
-    TankardGlass: typeof TankardGlass;
-    TikiGlass: typeof TikiGlass;
-    ToddyGlass: typeof ToddyGlass;
-    WhiskeyShotGlass: typeof WhiskeyShotGlass;
-    WineGlass: typeof WineGlass;
-  };
-
-  export default _default;
-}
-
-declare module '@bace51/cocktailjs-react/*' {
-  import { SVGComponentProps } from '@bace51/cocktailjs-react';
-  import * as React from 'react';
-  const Component: React.FC<SVGComponentProps>;
-  export default Component;
-}