@drawbridge/components 0.0.45 → 0.0.47

package/dist/advertisement.mjs

@@ -1,23 +1,42 @@
 "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 {
-  card_advertisement_default
-} from "./chunk-TJNIR4PF.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 {
+  buttonStyle
+} from "./chunk-FJ7PKMAC.mjs";
 
 // components/advertisement.js
-import { jsx } from "react/jsx-runtime";
+import { cdnSrc } from "@drawbridge/drawbridge-utils/cdn";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DefaultImage = ({ alt, className, src }) => /* @__PURE__ */ jsx(
+  "img",
+  {
+    ...{
+      alt,
+      className,
+      src
+    }
+  }
+);
+var DefaultVideo = ({ className, hls, mp4, poster }) => /* @__PURE__ */ jsx(
+  "video",
+  {
+    ...{
+      className,
+      poster,
+      src: mp4 || hls
+    }
+  }
+);
 var Advertisement = ({
   action = null,
-  affiliate,
   brand,
   button,
   campaign,
@@ -26,16 +45,13 @@ var Advertisement = ({
   file,
   fonts,
   header,
-  id,
-  ImageComponent,
+  ImageComponent = DefaultImage,
   lead,
   onAdd,
   onBuy,
   onClick = () => {
   },
   onVariantChange,
-  onVariantSelect = () => {
-  },
   organization,
   page,
   preview = false,
@@ -44,8 +60,9 @@ var Advertisement = ({
   title,
   url,
   variant,
-  VideoComponent
+  VideoComponent = DefaultVideo
 }) => {
+  var _a, _b, _c, _d, _e;
   if (product) {
     return /* @__PURE__ */ jsx(
       product_default,
@@ -67,30 +84,131 @@ var Advertisement = ({
       }
     );
   }
-  return /* @__PURE__ */ jsx(
-    card_advertisement_default,
+  const base = (brand == null ? void 0 : brand.style) || style;
+  const resolved = {
+    ...base,
+    background: {
+      ...base == null ? void 0 : base.background,
+      color: ((_a = base == null ? void 0 : base.background) == null ? void 0 : _a.color) || { hex: "#FFFFFF", rgb: "rgb( 255, 255, 255 )" }
+    },
+    text: {
+      ...base == null ? void 0 : base.text,
+      color: ((_b = base == null ? void 0 : base.text) == null ? void 0 : _b.color) || { hex: "#000000", rgb: "rgb( 0, 0, 0 )" }
+    }
+  };
+  const isVideo = (_c = file == null ? void 0 : file.mimetype) == null ? void 0 : _c.includes("video");
+  const card = (assetNode) => /* @__PURE__ */ jsxs(
+    "div",
     {
       ...{
-        advertisement: id,
-        affiliate,
-        asset: file,
-        brand: brand || { style },
-        button,
-        campaign,
-        fonts,
-        ImageComponent,
-        lead,
-        onClick,
-        onVariantSelect,
-        organization,
-        page,
-        preview,
-        title,
-        url,
-        VideoComponent
-      }
+        className: "block w-full space-y-2",
+        style: {
+          backgroundColor: resolved.background.color.hex,
+          color: resolved.text.color.hex
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            ...{
+              className: "block relative aspect-square rounded overflow-hidden" + ((file == null ? void 0 : file.sizes) ? "" : " bg-gray-light")
+            },
+            children: assetNode
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "span",
+          {
+            ...{
+              className: "flex flex-col items-center justify-between gap-x-4 text-center text-sm rounded",
+              style: {
+                ...fonts == null ? void 0 : fonts.body,
+                color: resolved.text.color.hex,
+                gap: "10px",
+                marginTop: "10px"
+              }
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  ...{
+                    className: "flex-1 min-w-0 space-y-2"
+                  },
+                  children: title && /* @__PURE__ */ jsx(
+                    "p",
+                    {
+                      ...{
+                        style: {
+                          fontSize: "18px"
+                        }
+                      },
+                      children: title
+                    }
+                  )
+                }
+              ),
+              button && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  ...{
+                    className: "flex items-center justify-center py-3 px-4 w-full border",
+                    disabled: !preview && !url,
+                    onClick: preview ? () => {
+                    } : onClick,
+                    style: buttonStyle(resolved),
+                    type: "button"
+                  },
+                  children: button
+                }
+              )
+            ]
+          }
+        )
+      ]
     }
   );
+  if (isVideo) {
+    return card(
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ...{
+            className: "relative h-full w-full aspect-[9/16]"
+          },
+          children: /* @__PURE__ */ jsx(
+            VideoComponent,
+            {
+              ...{
+                className: "w-full h-full",
+                hls: cdnSrc(file, "hls", file == null ? void 0 : file.updatedAt),
+                mp4: cdnSrc(file, "original", file == null ? void 0 : file.updatedAt),
+                poster: cdnSrc((_d = file == null ? void 0 : file.frames) == null ? void 0 : _d[file == null ? void 0 : file.poster], "500x500", file == null ? void 0 : file.updatedAt) || cdnSrc((_e = file == null ? void 0 : file.frames) == null ? void 0 : _e[file == null ? void 0 : file.poster], "1080x1920", file == null ? void 0 : file.updatedAt),
+                style: resolved
+              }
+            }
+          )
+        }
+      )
+    );
+  }
+  return card(
+    /* @__PURE__ */ jsx(
+      ImageComponent,
+      {
+        ...{
+          alt: file == null ? void 0 : file.filename,
+          className: "w-full h-full object-cover",
+          fill: true,
+          priority: false,
+          sizes: "100%",
+          src: cdnSrc(file, "400x400", file == null ? void 0 : file.updatedAt)
+        }
+      },
+      file == null ? void 0 : file.id
+    )
+  );
 };
 var advertisement_default = Advertisement;
 export {

package/dist/{chunk-JJH46E7B.mjs → chunk-3SAKIKZP.mjs}

@@ -60,10 +60,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 )"
                 }
               }
             },

package/dist/{chunk-BD3TDNJE.mjs → chunk-3SXAH7B7.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-FYA7EAMR.mjs";
 import {
   inputStyle
-} from "./chunk-FJXG3REN.mjs";
+} from "./chunk-FJ7PKMAC.mjs";
 
 // components/input-select.js
 import { useEffect, useState } from "react";

package/dist/{chunk-BZ6WMIH7.mjs → chunk-B6Y2SNRW.mjs}

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

package/dist/chunk-FJ7PKMAC.mjs

@@ -0,0 +1,88 @@
+// 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 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;
+  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) || 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 {
+    fontFamily: (_a = style == null ? void 0 : style.heading) == null ? void 0 : _a.family,
+    fontWeight: (_b = style == null ? void 0 : style.heading) == null ? void 0 : _b.weight,
+    textTransform: (_c = style == null ? void 0 : style.heading) == null ? void 0 : _c.transform
+  };
+};
+var inputStyle = (style) => {
+  var _a;
+  return {
+    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) => {
+  var _a;
+  return {
+    ...inputStyle(style),
+    borderRadius: ((_a = style == null ? void 0 : style.input) == null ? void 0 : _a.radius) != null ? Math.min(style.input.radius / 4, 6) + "px" : void 0
+  };
+};
+var inputNameStyle = (style) => inputStyle(style);
+var inputPhoneStyle = (style) => inputStyle(style);
+var menuStyle = (style) => ({
+  backgroundColor: bgColor(style),
+  borderColor: textColor(style),
+  color: textColor(style)
+});
+var selectStyle = (style) => {
+  var _a;
+  return {
+    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)
+});
+
+export {
+  backgroundStyle,
+  borderStyle,
+  buttonStyle,
+  closeStyle,
+  headerStyle,
+  inputStyle,
+  inputCheckboxStyle,
+  inputNameStyle,
+  inputPhoneStyle,
+  menuStyle,
+  selectStyle,
+  textStyle
+};

package/dist/{chunk-EKWIDBFA.mjs → chunk-V3RUI64W.mjs}

@@ -1,6 +1,3 @@
-import {
-  input_select_default
-} from "./chunk-BD3TDNJE.mjs";
 import {
   loader_default
 } from "./chunk-2ZYGRSSA.mjs";
@@ -9,11 +6,14 @@ import {
 } from "./chunk-XWELEL6Z.mjs";
 import {
   input_group_default
-} from "./chunk-JJH46E7B.mjs";
+} from "./chunk-3SAKIKZP.mjs";
+import {
+  input_select_default
+} from "./chunk-3SXAH7B7.mjs";
 import {
   buttonStyle,
   inputStyle
-} from "./chunk-FJXG3REN.mjs";
+} from "./chunk-FJ7PKMAC.mjs";
 
 // components/product.js
 import { useEffect, useMemo, useState } from "react";
@@ -121,7 +121,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
@@ -133,7 +133,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__ */ jsx(
@@ -179,20 +182,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__ */ jsx(
                     "div",
                     {
                       ...{
-                        className: "flex h-full"
+                        className: "flex",
+                        style: {
+                          height: "100%"
+                        }
                       },
                       children: images.map(({ src }, key) => /* @__PURE__ */ 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__ */ jsx(
                             ImageComponent,
@@ -296,7 +314,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),
@@ -316,7 +334,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/input-checkbox.js

@@ -50,13 +50,23 @@ var Check = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
 var check_default = Check;
 
 // 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 inputCheckboxStyle = (style) => {

package/dist/input-checkbox.mjs

@@ -3,7 +3,7 @@ import {
 } from "./chunk-GFDZ7ER6.mjs";
 import {
   inputCheckboxStyle
-} from "./chunk-FJXG3REN.mjs";
+} from "./chunk-FJ7PKMAC.mjs";
 
 // components/input-checkbox.js
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/input-group.js

@@ -107,10 +107,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 )"
                 }
               }
             },

package/dist/input-group.mjs

@@ -1,6 +1,6 @@
 import {
   input_group_default
-} from "./chunk-JJH46E7B.mjs";
+} from "./chunk-3SAKIKZP.mjs";
 import "./chunk-Q3UIVGPQ.mjs";
 export {
   input_group_default as default

package/dist/input-name.js

@@ -109,10 +109,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 )"
                 }
               }
             },
@@ -162,13 +162,23 @@ var InputGroup = ({
 var input_group_default = InputGroup;
 
 // 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-name.mjs

@@ -1,11 +1,11 @@
 import {
   input_text_default
-} from "./chunk-BZ6WMIH7.mjs";
+} from "./chunk-B6Y2SNRW.mjs";
 import {
   input_group_default
-} from "./chunk-JJH46E7B.mjs";
+} from "./chunk-3SAKIKZP.mjs";
 import "./chunk-Q3UIVGPQ.mjs";
-import "./chunk-FJXG3REN.mjs";
+import "./chunk-FJ7PKMAC.mjs";
 
 // components/input-name.js
 import { jsx } from "react/jsx-runtime";

package/dist/input-number.js

@@ -76,13 +76,23 @@ var Plus = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
 var plus_default = Plus;
 
 // 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-number.mjs

@@ -6,7 +6,7 @@ import {
 } from "./chunk-HH7WF5BT.mjs";
 import {
   inputStyle
-} from "./chunk-FJXG3REN.mjs";
+} from "./chunk-FJ7PKMAC.mjs";
 
 // components/input-number.js
 import { useCallback } from "react";

package/dist/input-phone.js

@@ -39,13 +39,23 @@ 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,7 +1,7 @@
 "use client";
 import {
   inputPhoneStyle
-} from "./chunk-FJXG3REN.mjs";
+} from "./chunk-FJ7PKMAC.mjs";
 
 // components/input-phone.js
 import { useEffect, useState } from "react";