@drawbridge/components 0.0.40 → 0.0.43

package/dist/advertisement.js

@@ -432,7 +432,8 @@ var InputGroup = ({
   input,
   label,
   message,
-  style = {}
+  style = {},
+  ...rest
 }) => {
   var _a, _b, _c, _d;
   const classes = [
@@ -449,7 +450,10 @@ var InputGroup = ({
     {
       ...{
         className: classes.join(" "),
-        "aria-live": "polite"
+        "aria-live": "polite",
+        ...(rest == null ? void 0 : rest["data-guide"]) && {
+          "data-guide": rest["data-guide"]
+        }
       },
       children: [
         label ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
@@ -924,6 +928,7 @@ var DefaultImage2 = ({ alt, className, src }) => /* @__PURE__ */ (0, import_jsx_
 );
 var Product = ({
   action = null,
+  addToCart = true,
   disabled = false,
   errors = {},
   header,
@@ -1164,10 +1169,10 @@ var Product = ({
                 "div",
                 {
                   ...{
-                    className: "grid grid-cols-2 gap-3"
+                    className: addToCart ? "grid grid-cols-2 gap-3" : ""
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                    addToCart && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                       "button",
                       {
                         ...{
@@ -1191,7 +1196,7 @@ var Product = ({
                       "button",
                       {
                         ...{
-                          className: "button justify-center",
+                          className: "button justify-center" + (addToCart ? "" : " w-full"),
                           disabled: disabled || Boolean(action),
                           onClick: onBuy,
                           style: buttonStyle(style),
@@ -1231,6 +1236,7 @@ var Advertisement = ({
   disabled = false,
   errors,
   file,
+  fonts,
   header,
   id,
   ImageComponent,
@@ -1258,6 +1264,7 @@ var Advertisement = ({
       {
         ...{
           action,
+          addToCart: false,
           disabled: preview || disabled,
           errors,
           header,
@@ -1282,6 +1289,7 @@ var Advertisement = ({
         brand: brand || { style },
         button,
         campaign,
+        fonts,
         ImageComponent,
         lead,
         onClick,

package/dist/advertisement.mjs

@@ -1,16 +1,16 @@
 "use client";
 import {
   product_default
-} from "./chunk-HDOA3Y3U.mjs";
+} from "./chunk-BHQBSNGK.mjs";
+import "./chunk-BD3TDNJE.mjs";
+import "./chunk-FYA7EAMR.mjs";
 import "./chunk-2ZYGRSSA.mjs";
 import "./chunk-XWELEL6Z.mjs";
 import {
   card_advertisement_default
 } from "./chunk-TJNIR4PF.mjs";
-import "./chunk-7ZLMDYBR.mjs";
+import "./chunk-JJH46E7B.mjs";
 import "./chunk-Q3UIVGPQ.mjs";
-import "./chunk-BD3TDNJE.mjs";
-import "./chunk-FYA7EAMR.mjs";
 import "./chunk-FJXG3REN.mjs";
 
 // components/advertisement.js
@@ -24,6 +24,7 @@ var Advertisement = ({
   disabled = false,
   errors,
   file,
+  fonts,
   header,
   id,
   ImageComponent,
@@ -51,6 +52,7 @@ var Advertisement = ({
       {
         ...{
           action,
+          addToCart: false,
           disabled: preview || disabled,
           errors,
           header,
@@ -75,6 +77,7 @@ var Advertisement = ({
         brand: brand || { style },
         button,
         campaign,
+        fonts,
         ImageComponent,
         lead,
         onClick,

package/dist/{chunk-HDOA3Y3U.mjs → chunk-BHQBSNGK.mjs}

@@ -1,3 +1,6 @@
+import {
+  input_select_default
+} from "./chunk-BD3TDNJE.mjs";
 import {
   loader_default
 } from "./chunk-2ZYGRSSA.mjs";
@@ -6,10 +9,7 @@ import {
 } from "./chunk-XWELEL6Z.mjs";
 import {
   input_group_default
-} from "./chunk-7ZLMDYBR.mjs";
-import {
-  input_select_default
-} from "./chunk-BD3TDNJE.mjs";
+} from "./chunk-JJH46E7B.mjs";
 import {
   buttonStyle,
   inputStyle
@@ -33,6 +33,7 @@ var DefaultImage = ({ alt, className, src }) => /* @__PURE__ */ jsx(
 );
 var Product = ({
   action = null,
+  addToCart = true,
   disabled = false,
   errors = {},
   header,
@@ -273,10 +274,10 @@ var Product = ({
                 "div",
                 {
                   ...{
-                    className: "grid grid-cols-2 gap-3"
+                    className: addToCart ? "grid grid-cols-2 gap-3" : ""
                   },
                   children: [
-                    /* @__PURE__ */ jsx(
+                    addToCart && /* @__PURE__ */ jsx(
                       "button",
                       {
                         ...{
@@ -300,7 +301,7 @@ var Product = ({
                       "button",
                       {
                         ...{
-                          className: "button justify-center",
+                          className: "button justify-center" + (addToCart ? "" : " w-full"),
                           disabled: disabled || Boolean(action),
                           onClick: onBuy,
                           style: buttonStyle(style),

package/dist/chunk-BZ6WMIH7.mjs

@@ -0,0 +1,37 @@
+import {
+  inputStyle
+} from "./chunk-FJXG3REN.mjs";
+
+// components/input-text.js
+import { jsx } from "react/jsx-runtime";
+var InputText = ({
+  className,
+  max,
+  onChange,
+  style,
+  value,
+  ...rest
+}) => {
+  const classes = ["input"];
+  if (className) {
+    classes.push(className);
+  }
+  ;
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      ...{
+        ...rest,
+        className: classes.join(" "),
+        onChange: ({ target }) => onChange(target.value),
+        style: inputStyle(style),
+        value
+      }
+    }
+  );
+};
+var input_text_default = InputText;
+
+export {
+  input_text_default
+};

package/dist/{chunk-7ZLMDYBR.mjs → chunk-JJH46E7B.mjs}

@@ -11,7 +11,8 @@ var InputGroup = ({
   input,
   label,
   message,
-  style = {}
+  style = {},
+  ...rest
 }) => {
   var _a, _b, _c, _d;
   const classes = [
@@ -28,7 +29,10 @@ var InputGroup = ({
     {
       ...{
         className: classes.join(" "),
-        "aria-live": "polite"
+        "aria-live": "polite",
+        ...(rest == null ? void 0 : rest["data-guide"]) && {
+          "data-guide": rest["data-guide"]
+        }
       },
       children: [
         label ? /* @__PURE__ */ jsxs(

package/dist/input-group.js

@@ -58,7 +58,8 @@ var InputGroup = ({
   input,
   label,
   message,
-  style = {}
+  style = {},
+  ...rest
 }) => {
   var _a, _b, _c, _d;
   const classes = [
@@ -75,7 +76,10 @@ var InputGroup = ({
     {
       ...{
         className: classes.join(" "),
-        "aria-live": "polite"
+        "aria-live": "polite",
+        ...(rest == null ? void 0 : rest["data-guide"]) && {
+          "data-guide": rest["data-guide"]
+        }
       },
       children: [
         label ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(

package/dist/input-group.mjs

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

package/dist/input-name.js

@@ -0,0 +1,307 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// components/input-name.js
+var input_name_exports = {};
+__export(input_name_exports, {
+  default: () => input_name_default
+});
+module.exports = __toCommonJS(input_name_exports);
+
+// components/input-group.js
+var import_react = require("react");
+
+// components/icons/warning.js
+var import_jsx_runtime = require("react/jsx-runtime");
+var Warning = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "svg",
+  {
+    ...{
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 1.5,
+      viewBox: "0 0 24 24",
+      ...props
+    },
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "path",
+      {
+        ...{
+          d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      }
+    )
+  }
+);
+var warning_default = Warning;
+
+// components/input-group.js
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var InputGroup = ({
+  className,
+  error,
+  input,
+  label,
+  message,
+  style = {},
+  ...rest
+}) => {
+  var _a, _b, _c, _d;
+  const classes = [
+    "input-group"
+  ];
+  if (className) {
+    classes.push(className);
+  }
+  if (error) {
+    classes.push("error");
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "div",
+    {
+      ...{
+        className: classes.join(" "),
+        "aria-live": "polite",
+        ...(rest == null ? void 0 : rest["data-guide"]) && {
+          "data-guide": rest["data-guide"]
+        }
+      },
+      children: [
+        label ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          "div",
+          {
+            ...{
+              className: "space-y-2"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "span",
+                {
+                  ...{
+                    className: "block"
+                  },
+                  children: label
+                }
+              ),
+              input
+            ]
+          }
+        ) : input,
+        (error || message) && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          "p",
+          {
+            ...{
+              className: "flex items-center justify-start space-x-2 py-1 rounded text-sm " + (error && "px-1.5"),
+              ...error && Object.keys(style).length > 0 && {
+                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
+                }
+              }
+            },
+            children: [
+              error && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  warning_default,
+                  {
+                    ...{
+                      className: "w-4 h-4",
+                      "aria-hidden": true
+                    }
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                  "span",
+                  {
+                    ...{
+                      className: "text-[0px] opacity-0 w-0 h-0 absolute"
+                    },
+                    children: [
+                      label,
+                      ": ",
+                      error
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "span",
+                {
+                  ...{
+                    ...error && {
+                      "aria-hidden": true
+                    }
+                  },
+                  children: error || message
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+var input_group_default = InputGroup;
+
+// components/styles.js
+var inputStyle = (style) => {
+  var _a, _b, _c, _d, _e, _f, _g;
+  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
+  };
+};
+
+// components/input-text.js
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var InputText = ({
+  className,
+  max,
+  onChange,
+  style,
+  value,
+  ...rest
+}) => {
+  const classes = ["input"];
+  if (className) {
+    classes.push(className);
+  }
+  ;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "input",
+    {
+      ...{
+        ...rest,
+        className: classes.join(" "),
+        onChange: ({ target }) => onChange(target.value),
+        style: inputStyle(style),
+        value
+      }
+    }
+  );
+};
+var input_text_default = InputText;
+
+// components/input-name.js
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var InputName = ({
+  error,
+  onChange,
+  settings,
+  style,
+  value = {}
+}) => {
+  var _a, _b, _c;
+  const inputs = {
+    first: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      input_group_default,
+      {
+        ...{
+          error: (_a = error == null ? void 0 : error.first) == null ? void 0 : _a.message,
+          input: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            input_text_default,
+            {
+              ...{
+                "aria-label": "First Name",
+                onChange: (first) => onChange({
+                  ...value,
+                  first
+                }),
+                style,
+                value: (value == null ? void 0 : value.first) || ""
+              }
+            }
+          ),
+          label: "First name",
+          style
+        }
+      }
+    ),
+    last: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      input_group_default,
+      {
+        ...{
+          error: (_b = error == null ? void 0 : error.last) == null ? void 0 : _b.message,
+          input: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            input_text_default,
+            {
+              ...{
+                "aria-label": "Last Name",
+                onChange: (last) => onChange({
+                  ...value,
+                  last
+                }),
+                style,
+                value: (value == null ? void 0 : value.last) || ""
+              }
+            }
+          ),
+          label: "Last name",
+          style
+        }
+      }
+    ),
+    name: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      input_group_default,
+      {
+        ...{
+          error: (_c = error == null ? void 0 : error.name) == null ? void 0 : _c.message,
+          input: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            input_text_default,
+            {
+              ...{
+                onChange: (name) => onChange({
+                  ...value,
+                  name
+                }),
+                style,
+                value: (value == null ? void 0 : value.name) || ""
+              }
+            }
+          ),
+          label: "Full name",
+          style
+        }
+      }
+    )
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "div",
+    {
+      ...{
+        className: "flex flex-col space-y-4"
+      },
+      children: (settings.capture || []).map((input, key) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        "div",
+        {
+          ...{
+            className: "w-full"
+          },
+          children: inputs[input]
+        },
+        "input-name-" + key
+      ))
+    }
+  );
+};
+var input_name_default = InputName;

package/dist/input-name.mjs

@@ -0,0 +1,115 @@
+import {
+  input_text_default
+} from "./chunk-BZ6WMIH7.mjs";
+import {
+  input_group_default
+} from "./chunk-JJH46E7B.mjs";
+import "./chunk-Q3UIVGPQ.mjs";
+import "./chunk-FJXG3REN.mjs";
+
+// components/input-name.js
+import { jsx } from "react/jsx-runtime";
+var InputName = ({
+  error,
+  onChange,
+  settings,
+  style,
+  value = {}
+}) => {
+  var _a, _b, _c;
+  const inputs = {
+    first: /* @__PURE__ */ jsx(
+      input_group_default,
+      {
+        ...{
+          error: (_a = error == null ? void 0 : error.first) == null ? void 0 : _a.message,
+          input: /* @__PURE__ */ jsx(
+            input_text_default,
+            {
+              ...{
+                "aria-label": "First Name",
+                onChange: (first) => onChange({
+                  ...value,
+                  first
+                }),
+                style,
+                value: (value == null ? void 0 : value.first) || ""
+              }
+            }
+          ),
+          label: "First name",
+          style
+        }
+      }
+    ),
+    last: /* @__PURE__ */ jsx(
+      input_group_default,
+      {
+        ...{
+          error: (_b = error == null ? void 0 : error.last) == null ? void 0 : _b.message,
+          input: /* @__PURE__ */ jsx(
+            input_text_default,
+            {
+              ...{
+                "aria-label": "Last Name",
+                onChange: (last) => onChange({
+                  ...value,
+                  last
+                }),
+                style,
+                value: (value == null ? void 0 : value.last) || ""
+              }
+            }
+          ),
+          label: "Last name",
+          style
+        }
+      }
+    ),
+    name: /* @__PURE__ */ jsx(
+      input_group_default,
+      {
+        ...{
+          error: (_c = error == null ? void 0 : error.name) == null ? void 0 : _c.message,
+          input: /* @__PURE__ */ jsx(
+            input_text_default,
+            {
+              ...{
+                onChange: (name) => onChange({
+                  ...value,
+                  name
+                }),
+                style,
+                value: (value == null ? void 0 : value.name) || ""
+              }
+            }
+          ),
+          label: "Full name",
+          style
+        }
+      }
+    )
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...{
+        className: "flex flex-col space-y-4"
+      },
+      children: (settings.capture || []).map((input, key) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          ...{
+            className: "w-full"
+          },
+          children: inputs[input]
+        },
+        "input-name-" + key
+      ))
+    }
+  );
+};
+var input_name_default = InputName;
+export {
+  input_name_default as default
+};

package/dist/input-number.mjs

@@ -1,9 +1,9 @@
-import {
-  plus_default
-} from "./chunk-HH7WF5BT.mjs";
 import {
   minus_default
 } from "./chunk-T5QQBFM3.mjs";
+import {
+  plus_default
+} from "./chunk-HH7WF5BT.mjs";
 import {
   inputStyle
 } from "./chunk-FJXG3REN.mjs";