@drawbridge/components 0.0.45 → 0.0.47

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)
   };
 };
 
@@ -659,7 +669,7 @@ var Product = ({
     "div",
     {
       ...{
-        className: "space-y-6 pb-12",
+        className: "space-y-6",
         style: {
           backgroundColor: resolved.background.color.rgb,
           color: resolved.text.color.rgb
@@ -671,7 +681,10 @@ var Product = ({
           "div",
           {
             ...{
-              className: "flex items-center h-48 " + (images.length > 1 && "pr-12")
+              className: "flex items-center " + (images.length > 1 ? "pr-12" : ""),
+              style: {
+                height: "12rem"
+              }
             },
             children: [
               images.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
@@ -717,20 +730,35 @@ var Product = ({
                 "div",
                 {
                   ...{
-                    className: "w-48 h-48 overflow-hidden rounded-3xl m-auto",
-                    ref: emblaRef
+                    // Dimensions are inline rather than Tailwind size utilities:
+                    // those sizes live only in this package's dist, and a consuming
+                    // app's Tailwind scan of node_modules can lag and drop them,
+                    // silently collapsing the carousel. Inline styles are immune.
+                    className: "overflow-hidden rounded-3xl m-auto",
+                    ref: emblaRef,
+                    style: {
+                      width: "12rem",
+                      height: "12rem"
+                    }
                   },
                   children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                     "div",
                     {
                       ...{
-                        className: "flex h-full"
+                        className: "flex",
+                        style: {
+                          height: "100%"
+                        }
                       },
                       children: images.map(({ src }, key) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                         "div",
                         {
                           ...{
-                            className: "min-w-0 flex-[0_0_100%] relative h-full bg-gray-100"
+                            className: "min-w-0 relative bg-gray-100",
+                            style: {
+                              flex: "0 0 100%",
+                              height: "100%"
+                            }
                           },
                           children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                             ImageComponent,
@@ -834,7 +862,7 @@ 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(resolved),
@@ -854,7 +882,7 @@ 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(resolved),

package/dist/product.mjs

@@ -1,14 +1,14 @@
 "use client";
 import {
   product_default
-} from "./chunk-EKWIDBFA.mjs";
-import "./chunk-BD3TDNJE.mjs";
-import "./chunk-FYA7EAMR.mjs";
+} from "./chunk-V3RUI64W.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.45",
+  "version": "0.0.47",
   "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;