@drawbridge/components 0.0.44 → 0.0.46

package/dist/advertisement.mjs

@@ -1,23 +1,42 @@
 "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 {
-  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,
@@ -61,36 +78,137 @@ var Advertisement = ({
           onBuy,
           onVariantChange,
           product,
-          style,
+          style: (brand == null ? void 0 : brand.style) || style,
           variant
         }
       }
     );
   }
-  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-I2HL7C6E.mjs → chunk-X7CR4JVY.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";
@@ -48,14 +48,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 = useMemo(
     () => ((product == null ? void 0 : product.variants) || []).filter((v) => v.availableForSale),
     [product]
   );
   const [activeImage, setActiveImage] = useState(0);
   const [emblaRef, emblaApi] = useEmblaCarousel();
-  const selectedVariant = available.find((v) => v.id === variant) || null;
+  const selectedVariant = available.find((v) => v.id === variant) || available[0] || null;
   const images = useMemo(
     () => {
       const variants = ((product == null ? void 0 : product.variants) || []).filter((v) => v.availableForSale);
@@ -110,7 +121,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,
@@ -126,7 +141,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__ */ jsx(
                     "button",
@@ -139,7 +154,7 @@ var Product = ({
                         },
                         type: "button",
                         ...activeImage === key && {
-                          style: inputStyle(style)
+                          style: inputStyle(resolved)
                         }
                       },
                       children: /* @__PURE__ */ jsx(
@@ -233,7 +248,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__ */ jsx("p", { children: product.description })
                 }
@@ -256,12 +271,12 @@ var Product = ({
                       label: v.title,
                       value: v.id
                     })),
-                    style,
+                    style: resolved,
                     value: variant || ""
                   }
                 }
               ),
-              style
+              style: resolved
             }
           }
         ),
@@ -281,10 +296,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__ */ jsx(
@@ -301,10 +316,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__ */ jsx(
@@ -320,7 +335,7 @@ var Product = ({
                   ]
                 }
               ),
-              style
+              style: 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";