@drawbridge/components 0.0.44 → 0.0.46

package/dist/input-phone.js

@@ -34,19 +34,28 @@ __export(input_phone_exports, {
   isValidPhone: () => isValidPhone
 });
 module.exports = __toCommonJS(input_phone_exports);
-var import_style = require("react-phone-number-input/style.css");
 var import_react = require("react");
 var import_input = __toESM(require("react-phone-number-input/input"));
 var import_phone = require("@drawbridge/drawbridge-utils/phone");
 
 // components/styles.js
+var WHITE = "rgb( 255, 255, 255 )";
+var BLACK = "rgb( 0, 0, 0 )";
+var bgColor = (style) => {
+  var _a, _b;
+  return ((_b = (_a = style == null ? void 0 : style.background) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb) || WHITE;
+};
+var textColor = (style) => {
+  var _a, _b;
+  return ((_b = (_a = style == null ? void 0 : style.text) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb) || BLACK;
+};
 var inputStyle = (style) => {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a;
   return {
-    backgroundColor: (_b = (_a = style == null ? void 0 : style.background) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb,
-    borderColor: (_d = (_c = style == null ? void 0 : style.text) == null ? void 0 : _c.color) == null ? void 0 : _d.rgb,
-    borderRadius: ((_e = style == null ? void 0 : style.input) == null ? void 0 : _e.radius) != null ? style.input.radius / 4 + "px" : void 0,
-    color: (_g = (_f = style == null ? void 0 : style.text) == null ? void 0 : _f.color) == null ? void 0 : _g.rgb
+    backgroundColor: bgColor(style),
+    borderColor: textColor(style),
+    borderRadius: ((_a = style == null ? void 0 : style.input) == null ? void 0 : _a.radius) != null ? style.input.radius / 4 + "px" : void 0,
+    color: textColor(style)
   };
 };
 var inputPhoneStyle = (style) => inputStyle(style);

package/dist/input-phone.mjs

@@ -1,10 +1,9 @@
 "use client";
 import {
   inputPhoneStyle
-} from "./chunk-FJXG3REN.mjs";
+} from "./chunk-FJ7PKMAC.mjs";
 
 // components/input-phone.js
-import "react-phone-number-input/style.css";
 import { useEffect, useState } from "react";
 import Input from "react-phone-number-input/input";
 import { isValid } from "@drawbridge/drawbridge-utils/phone";

package/dist/input-select.js

@@ -52,13 +52,23 @@ var ChevronDown = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
 var chevron_down_default = ChevronDown;
 
 // components/styles.js
+var WHITE = "rgb( 255, 255, 255 )";
+var BLACK = "rgb( 0, 0, 0 )";
+var bgColor = (style) => {
+  var _a, _b;
+  return ((_b = (_a = style == null ? void 0 : style.background) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb) || WHITE;
+};
+var textColor = (style) => {
+  var _a, _b;
+  return ((_b = (_a = style == null ? void 0 : style.text) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb) || BLACK;
+};
 var inputStyle = (style) => {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a;
   return {
-    backgroundColor: (_b = (_a = style == null ? void 0 : style.background) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb,
-    borderColor: (_d = (_c = style == null ? void 0 : style.text) == null ? void 0 : _c.color) == null ? void 0 : _d.rgb,
-    borderRadius: ((_e = style == null ? void 0 : style.input) == null ? void 0 : _e.radius) != null ? style.input.radius / 4 + "px" : void 0,
-    color: (_g = (_f = style == null ? void 0 : style.text) == null ? void 0 : _f.color) == null ? void 0 : _g.rgb
+    backgroundColor: bgColor(style),
+    borderColor: textColor(style),
+    borderRadius: ((_a = style == null ? void 0 : style.input) == null ? void 0 : _a.radius) != null ? style.input.radius / 4 + "px" : void 0,
+    color: textColor(style)
   };
 };
 

package/dist/input-select.mjs

@@ -1,9 +1,9 @@
 "use client";
 import {
   input_select_default
-} from "./chunk-BD3TDNJE.mjs";
+} from "./chunk-3SXAH7B7.mjs";
 import "./chunk-FYA7EAMR.mjs";
-import "./chunk-FJXG3REN.mjs";
+import "./chunk-FJ7PKMAC.mjs";
 export {
   input_select_default as default
 };

package/dist/input-text.js

@@ -24,13 +24,23 @@ __export(input_text_exports, {
 module.exports = __toCommonJS(input_text_exports);
 
 // components/styles.js
+var WHITE = "rgb( 255, 255, 255 )";
+var BLACK = "rgb( 0, 0, 0 )";
+var bgColor = (style) => {
+  var _a, _b;
+  return ((_b = (_a = style == null ? void 0 : style.background) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb) || WHITE;
+};
+var textColor = (style) => {
+  var _a, _b;
+  return ((_b = (_a = style == null ? void 0 : style.text) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb) || BLACK;
+};
 var inputStyle = (style) => {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a;
   return {
-    backgroundColor: (_b = (_a = style == null ? void 0 : style.background) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb,
-    borderColor: (_d = (_c = style == null ? void 0 : style.text) == null ? void 0 : _c.color) == null ? void 0 : _d.rgb,
-    borderRadius: ((_e = style == null ? void 0 : style.input) == null ? void 0 : _e.radius) != null ? style.input.radius / 4 + "px" : void 0,
-    color: (_g = (_f = style == null ? void 0 : style.text) == null ? void 0 : _f.color) == null ? void 0 : _g.rgb
+    backgroundColor: bgColor(style),
+    borderColor: textColor(style),
+    borderRadius: ((_a = style == null ? void 0 : style.input) == null ? void 0 : _a.radius) != null ? style.input.radius / 4 + "px" : void 0,
+    color: textColor(style)
   };
 };
 

package/dist/input-text.mjs

@@ -1,7 +1,7 @@
 import {
   input_text_default
-} from "./chunk-BZ6WMIH7.mjs";
-import "./chunk-FJXG3REN.mjs";
+} from "./chunk-B6Y2SNRW.mjs";
+import "./chunk-FJ7PKMAC.mjs";
 export {
   input_text_default as default
 };

package/dist/input-textarea.js

@@ -24,13 +24,23 @@ __export(input_textarea_exports, {
 module.exports = __toCommonJS(input_textarea_exports);
 
 // components/styles.js
+var WHITE = "rgb( 255, 255, 255 )";
+var BLACK = "rgb( 0, 0, 0 )";
+var bgColor = (style) => {
+  var _a, _b;
+  return ((_b = (_a = style == null ? void 0 : style.background) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb) || WHITE;
+};
+var textColor = (style) => {
+  var _a, _b;
+  return ((_b = (_a = style == null ? void 0 : style.text) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb) || BLACK;
+};
 var inputStyle = (style) => {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a;
   return {
-    backgroundColor: (_b = (_a = style == null ? void 0 : style.background) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb,
-    borderColor: (_d = (_c = style == null ? void 0 : style.text) == null ? void 0 : _c.color) == null ? void 0 : _d.rgb,
-    borderRadius: ((_e = style == null ? void 0 : style.input) == null ? void 0 : _e.radius) != null ? style.input.radius / 4 + "px" : void 0,
-    color: (_g = (_f = style == null ? void 0 : style.text) == null ? void 0 : _f.color) == null ? void 0 : _g.rgb
+    backgroundColor: bgColor(style),
+    borderColor: textColor(style),
+    borderRadius: ((_a = style == null ? void 0 : style.input) == null ? void 0 : _a.radius) != null ? style.input.radius / 4 + "px" : void 0,
+    color: textColor(style)
   };
 };
 

package/dist/input-textarea.mjs

@@ -1,6 +1,6 @@
 import {
   inputStyle
-} from "./chunk-FJXG3REN.mjs";
+} from "./chunk-FJ7PKMAC.mjs";
 
 // components/input-textarea.js
 import { jsx } from "react/jsx-runtime";

package/dist/product.js

@@ -124,10 +124,10 @@ var InputGroup = ({
           {
             ...{
               className: "flex items-center justify-start space-x-2 py-1 rounded text-sm " + (error && "px-1.5"),
-              ...error && Object.keys(style).length > 0 && {
+              ...error && {
                 style: {
-                  backgroundColor: (_b = (_a = style == null ? void 0 : style.text) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb.replace(")", ",.1)"),
-                  color: (_d = (_c = style == null ? void 0 : style.text) == null ? void 0 : _c.color) == null ? void 0 : _d.rgb
+                  backgroundColor: (((_b = (_a = style == null ? void 0 : style.text) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb) || "rgb( 0, 0, 0 )").replace(")", ",.1)"),
+                  color: ((_d = (_c = style == null ? void 0 : style.text) == null ? void 0 : _c.color) == null ? void 0 : _d.rgb) || "rgb( 0, 0, 0 )"
                 }
               }
             },
@@ -206,22 +206,32 @@ var ChevronDown = (props) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
 var chevron_down_default = ChevronDown;
 
 // components/styles.js
+var WHITE = "rgb( 255, 255, 255 )";
+var BLACK = "rgb( 0, 0, 0 )";
+var bgColor = (style) => {
+  var _a, _b;
+  return ((_b = (_a = style == null ? void 0 : style.background) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb) || WHITE;
+};
+var textColor = (style) => {
+  var _a, _b;
+  return ((_b = (_a = style == null ? void 0 : style.text) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb) || BLACK;
+};
 var buttonStyle = (style) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   return {
-    backgroundColor: ((_c = (_b = (_a = style == null ? void 0 : style.button) == null ? void 0 : _a.background) == null ? void 0 : _b.color) == null ? void 0 : _c.rgb) || ((_e = (_d = style == null ? void 0 : style.text) == null ? void 0 : _d.color) == null ? void 0 : _e.rgb),
-    borderColor: ((_h = (_g = (_f = style == null ? void 0 : style.button) == null ? void 0 : _f.background) == null ? void 0 : _g.color) == null ? void 0 : _h.rgb) || ((_j = (_i = style == null ? void 0 : style.text) == null ? void 0 : _i.color) == null ? void 0 : _j.rgb),
-    borderRadius: ((_k = style == null ? void 0 : style.button) == null ? void 0 : _k.radius) != null ? style.button.radius / 4 + "px" : void 0,
-    color: ((_n = (_m = (_l = style == null ? void 0 : style.button) == null ? void 0 : _l.text) == null ? void 0 : _m.color) == null ? void 0 : _n.rgb) || ((_p = (_o = style == null ? void 0 : style.background) == null ? void 0 : _o.color) == null ? void 0 : _p.rgb)
+    backgroundColor: ((_c = (_b = (_a = style == null ? void 0 : style.button) == null ? void 0 : _a.background) == null ? void 0 : _b.color) == null ? void 0 : _c.rgb) || textColor(style),
+    borderColor: ((_f = (_e = (_d = style == null ? void 0 : style.button) == null ? void 0 : _d.background) == null ? void 0 : _e.color) == null ? void 0 : _f.rgb) || textColor(style),
+    borderRadius: ((_g = style == null ? void 0 : style.button) == null ? void 0 : _g.radius) != null ? style.button.radius / 4 + "px" : void 0,
+    color: ((_j = (_i = (_h = style == null ? void 0 : style.button) == null ? void 0 : _h.text) == null ? void 0 : _i.color) == null ? void 0 : _j.rgb) || bgColor(style)
   };
 };
 var inputStyle = (style) => {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a;
   return {
-    backgroundColor: (_b = (_a = style == null ? void 0 : style.background) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb,
-    borderColor: (_d = (_c = style == null ? void 0 : style.text) == null ? void 0 : _c.color) == null ? void 0 : _d.rgb,
-    borderRadius: ((_e = style == null ? void 0 : style.input) == null ? void 0 : _e.radius) != null ? style.input.radius / 4 + "px" : void 0,
-    color: (_g = (_f = style == null ? void 0 : style.text) == null ? void 0 : _f.color) == null ? void 0 : _g.rgb
+    backgroundColor: bgColor(style),
+    borderColor: textColor(style),
+    borderRadius: ((_a = style == null ? void 0 : style.input) == null ? void 0 : _a.radius) != null ? style.input.radius / 4 + "px" : void 0,
+    color: textColor(style)
   };
 };
 
@@ -586,14 +596,25 @@ var Product = ({
   style = {},
   variant
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c, _d, _e;
+  const resolved = {
+    ...style,
+    background: {
+      ...style == null ? void 0 : style.background,
+      color: ((_a = style == null ? void 0 : style.background) == null ? void 0 : _a.color) || { hex: "#FFFFFF", rgb: "rgb( 255, 255, 255 )" }
+    },
+    text: {
+      ...style == null ? void 0 : style.text,
+      color: ((_b = style == null ? void 0 : style.text) == null ? void 0 : _b.color) || { hex: "#000000", rgb: "rgb( 0, 0, 0 )" }
+    }
+  };
   const available = (0, import_react4.useMemo)(
     () => ((product == null ? void 0 : product.variants) || []).filter((v) => v.availableForSale),
     [product]
   );
   const [activeImage, setActiveImage] = (0, import_react4.useState)(0);
   const [emblaRef, emblaApi] = (0, import_embla_carousel_react.default)();
-  const selectedVariant = available.find((v) => v.id === variant) || null;
+  const selectedVariant = available.find((v) => v.id === variant) || available[0] || null;
   const images = (0, import_react4.useMemo)(
     () => {
       const variants = ((product == null ? void 0 : product.variants) || []).filter((v) => v.availableForSale);
@@ -648,7 +669,11 @@ var Product = ({
     "div",
     {
       ...{
-        className: "space-y-6 pb-12"
+        className: "space-y-6 pb-12",
+        style: {
+          backgroundColor: resolved.background.color.rgb,
+          color: resolved.text.color.rgb
+        }
       },
       children: [
         header,
@@ -664,7 +689,7 @@ var Product = ({
                 {
                   ...{
                     classNameScroll: "flex flex-col w-12 h-48 space-y-3",
-                    color: (_b = (_a = style == null ? void 0 : style.background) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb
+                    color: resolved.background.color.rgb
                   },
                   children: images.map(({ src }, key) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                     "button",
@@ -677,7 +702,7 @@ var Product = ({
                         },
                         type: "button",
                         ...activeImage === key && {
-                          style: inputStyle(style)
+                          style: inputStyle(resolved)
                         }
                       },
                       children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
@@ -771,7 +796,7 @@ var Product = ({
                 {
                   ...{
                     classNameScroll: "max-h-[4.5em]",
-                    color: (_g = (_f = style == null ? void 0 : style.background) == null ? void 0 : _f.color) == null ? void 0 : _g.rgb
+                    color: resolved.background.color.rgb
                   },
                   children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: product.description })
                 }
@@ -794,12 +819,12 @@ var Product = ({
                       label: v.title,
                       value: v.id
                     })),
-                    style,
+                    style: resolved,
                     value: variant || ""
                   }
                 }
               ),
-              style
+              style: resolved
             }
           }
         ),
@@ -819,10 +844,10 @@ var Product = ({
                       "button",
                       {
                         ...{
-                          className: "button justify-center border",
+                          className: "button justify-center border py-3 px-4 rounded",
                           disabled: disabled || Boolean(action),
                           onClick: onAdd,
-                          style: inputStyle(style),
+                          style: inputStyle(resolved),
                           type: "button"
                         },
                         children: action === "add" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
@@ -839,10 +864,10 @@ var Product = ({
                       "button",
                       {
                         ...{
-                          className: "button justify-center" + (addToCart ? "" : " w-full"),
+                          className: "button justify-center py-3 px-4 rounded" + (addToCart ? "" : " w-full"),
                           disabled: disabled || Boolean(action),
                           onClick: onBuy,
-                          style: buttonStyle(style),
+                          style: buttonStyle(resolved),
                           type: "button"
                         },
                         children: action === "buy" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
@@ -858,7 +883,7 @@ var Product = ({
                   ]
                 }
               ),
-              style
+              style: resolved
             }
           }
         )

package/dist/product.mjs

@@ -1,14 +1,14 @@
 "use client";
 import {
   product_default
-} from "./chunk-I2HL7C6E.mjs";
-import "./chunk-BD3TDNJE.mjs";
-import "./chunk-FYA7EAMR.mjs";
+} from "./chunk-X7CR4JVY.mjs";
 import "./chunk-2ZYGRSSA.mjs";
 import "./chunk-XWELEL6Z.mjs";
-import "./chunk-JJH46E7B.mjs";
+import "./chunk-3SAKIKZP.mjs";
 import "./chunk-Q3UIVGPQ.mjs";
-import "./chunk-FJXG3REN.mjs";
+import "./chunk-3SXAH7B7.mjs";
+import "./chunk-FYA7EAMR.mjs";
+import "./chunk-FJ7PKMAC.mjs";
 export {
   product_default as default
 };

package/dist/styles.js

@@ -33,35 +33,36 @@ __export(styles_exports, {
   textStyle: () => textStyle
 });
 module.exports = __toCommonJS(styles_exports);
-var backgroundStyle = (style) => {
-  var _a, _b, _c, _d;
-  return {
-    backgroundColor: (_b = (_a = style == null ? void 0 : style.background) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb,
-    color: (_d = (_c = style == null ? void 0 : style.text) == null ? void 0 : _c.color) == null ? void 0 : _d.rgb
-  };
+var WHITE = "rgb( 255, 255, 255 )";
+var BLACK = "rgb( 0, 0, 0 )";
+var bgColor = (style) => {
+  var _a, _b;
+  return ((_b = (_a = style == null ? void 0 : style.background) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb) || WHITE;
 };
-var borderStyle = (style) => {
+var textColor = (style) => {
   var _a, _b;
-  return {
-    borderColor: (_b = (_a = style == null ? void 0 : style.text) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb
-  };
+  return ((_b = (_a = style == null ? void 0 : style.text) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb) || BLACK;
 };
+var backgroundStyle = (style) => ({
+  backgroundColor: bgColor(style),
+  color: textColor(style)
+});
+var borderStyle = (style) => ({
+  borderColor: textColor(style)
+});
 var buttonStyle = (style) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   return {
-    backgroundColor: ((_c = (_b = (_a = style == null ? void 0 : style.button) == null ? void 0 : _a.background) == null ? void 0 : _b.color) == null ? void 0 : _c.rgb) || ((_e = (_d = style == null ? void 0 : style.text) == null ? void 0 : _d.color) == null ? void 0 : _e.rgb),
-    borderColor: ((_h = (_g = (_f = style == null ? void 0 : style.button) == null ? void 0 : _f.background) == null ? void 0 : _g.color) == null ? void 0 : _h.rgb) || ((_j = (_i = style == null ? void 0 : style.text) == null ? void 0 : _i.color) == null ? void 0 : _j.rgb),
-    borderRadius: ((_k = style == null ? void 0 : style.button) == null ? void 0 : _k.radius) != null ? style.button.radius / 4 + "px" : void 0,
-    color: ((_n = (_m = (_l = style == null ? void 0 : style.button) == null ? void 0 : _l.text) == null ? void 0 : _m.color) == null ? void 0 : _n.rgb) || ((_p = (_o = style == null ? void 0 : style.background) == null ? void 0 : _o.color) == null ? void 0 : _p.rgb)
-  };
-};
-var closeStyle = (style) => {
-  var _a, _b, _c, _d;
-  return {
-    backgroundColor: (_b = (_a = style == null ? void 0 : style.text) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb,
-    color: (_d = (_c = style == null ? void 0 : style.background) == null ? void 0 : _c.color) == null ? void 0 : _d.rgb
+    backgroundColor: ((_c = (_b = (_a = style == null ? void 0 : style.button) == null ? void 0 : _a.background) == null ? void 0 : _b.color) == null ? void 0 : _c.rgb) || textColor(style),
+    borderColor: ((_f = (_e = (_d = style == null ? void 0 : style.button) == null ? void 0 : _d.background) == null ? void 0 : _e.color) == null ? void 0 : _f.rgb) || textColor(style),
+    borderRadius: ((_g = style == null ? void 0 : style.button) == null ? void 0 : _g.radius) != null ? style.button.radius / 4 + "px" : void 0,
+    color: ((_j = (_i = (_h = style == null ? void 0 : style.button) == null ? void 0 : _h.text) == null ? void 0 : _i.color) == null ? void 0 : _j.rgb) || bgColor(style)
   };
 };
+var closeStyle = (style) => ({
+  backgroundColor: textColor(style),
+  color: bgColor(style)
+});
 var headerStyle = (style) => {
   var _a, _b, _c;
   return {
@@ -71,12 +72,12 @@ var headerStyle = (style) => {
   };
 };
 var inputStyle = (style) => {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a;
   return {
-    backgroundColor: (_b = (_a = style == null ? void 0 : style.background) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb,
-    borderColor: (_d = (_c = style == null ? void 0 : style.text) == null ? void 0 : _c.color) == null ? void 0 : _d.rgb,
-    borderRadius: ((_e = style == null ? void 0 : style.input) == null ? void 0 : _e.radius) != null ? style.input.radius / 4 + "px" : void 0,
-    color: (_g = (_f = style == null ? void 0 : style.text) == null ? void 0 : _f.color) == null ? void 0 : _g.rgb
+    backgroundColor: bgColor(style),
+    borderColor: textColor(style),
+    borderRadius: ((_a = style == null ? void 0 : style.input) == null ? void 0 : _a.radius) != null ? style.input.radius / 4 + "px" : void 0,
+    color: textColor(style)
   };
 };
 var inputCheckboxStyle = (style) => {
@@ -88,28 +89,22 @@ var inputCheckboxStyle = (style) => {
 };
 var inputNameStyle = (style) => inputStyle(style);
 var inputPhoneStyle = (style) => inputStyle(style);
-var menuStyle = (style) => {
-  var _a, _b, _c, _d, _e, _f;
-  return {
-    backgroundColor: (_b = (_a = style == null ? void 0 : style.background) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb,
-    borderColor: (_d = (_c = style == null ? void 0 : style.text) == null ? void 0 : _c.color) == null ? void 0 : _d.rgb,
-    color: (_f = (_e = style == null ? void 0 : style.text) == null ? void 0 : _e.color) == null ? void 0 : _f.rgb
-  };
-};
+var menuStyle = (style) => ({
+  backgroundColor: bgColor(style),
+  borderColor: textColor(style),
+  color: textColor(style)
+});
 var selectStyle = (style) => {
-  var _a, _b, _c, _d, _e, _f;
-  return {
-    borderColor: (_c = (_b = (_a = style == null ? void 0 : style.text) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb) == null ? void 0 : _c.replace(")", ", 0.3)"),
-    borderRadius: ((_d = style == null ? void 0 : style.input) == null ? void 0 : _d.radius) != null ? style.input.radius / 4 + "px" : void 0,
-    color: (_f = (_e = style == null ? void 0 : style.text) == null ? void 0 : _e.color) == null ? void 0 : _f.rgb
-  };
-};
-var textStyle = (style) => {
-  var _a, _b;
+  var _a;
   return {
-    color: (_b = (_a = style == null ? void 0 : style.text) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb
+    borderColor: textColor(style).replace(")", ", 0.3)"),
+    borderRadius: ((_a = style == null ? void 0 : style.input) == null ? void 0 : _a.radius) != null ? style.input.radius / 4 + "px" : void 0,
+    color: textColor(style)
   };
 };
+var textStyle = (style) => ({
+  color: textColor(style)
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   backgroundStyle,

package/dist/styles.mjs

@@ -11,7 +11,7 @@ import {
   menuStyle,
   selectStyle,
   textStyle
-} from "./chunk-FJXG3REN.mjs";
+} from "./chunk-FJ7PKMAC.mjs";
 export {
   backgroundStyle,
   borderStyle,

package/package.json

@@ -1,15 +1,11 @@
 {
   "name": "@drawbridge/components",
-  "version": "0.0.44",
+  "version": "0.0.46",
   "exports": {
     "./advertisement": {
       "types": "./types/advertisement.d.ts",
       "default": "./dist/advertisement.js"
     },
-    "./card-advertisement": {
-      "types": "./types/card-advertisement.d.ts",
-      "default": "./dist/card-advertisement.js"
-    },
     "./embla": {
       "types": "./types/embla.d.ts",
       "default": "./dist/embla.js"

package/types/advertisement.d.ts

@@ -19,7 +19,6 @@ export interface AdvertisementProps {
 	onBuy?: () => void;
 	onClick?: () => void;
 	onVariantChange?: ( value: string ) => void;
-	onVariantSelect?: ( variant: any ) => void;
 	organization?: string;
 	page?: string;
 	preview?: boolean;