@drawbridge/components 0.0.77 → 0.1.0

package/dist/icons/twitch.js

@@ -15,15 +15,13 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// components/icons/twitch.js
 var twitch_exports = {};
 __export(twitch_exports, {
   default: () => twitch_default
 });
 module.exports = __toCommonJS(twitch_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var Twitch = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const Twitch = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "svg",
   {
     ...{

package/dist/icons/twitch.mjs

@@ -1,6 +1,16 @@
-import {
-  twitch_default
-} from "../chunk-YEC7KSKN.mjs";
+import { jsx } from "react/jsx-runtime";
+const Twitch = (props) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    ...{
+      fill: "currentColor",
+      viewBox: "0 0 24 24",
+      ...props
+    },
+    children: /* @__PURE__ */ jsx("path", { d: "M11.571 4.714h1.715v5.143H11.57zm4.715 0H18v5.143h-1.714zM6 0L1.714 4.286v15.428h5.143V24l4.286-4.286h3.428L22.286 12V0zm14.571 11.143l-3.428 3.428h-3.429l-3 3v-3H6.857V1.714h13.714Z" })
+  }
+);
+var twitch_default = Twitch;
 export {
   twitch_default as default
 };

package/dist/icons/underline.js

@@ -15,15 +15,13 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// components/icons/underline.js
 var underline_exports = {};
 __export(underline_exports, {
   default: () => underline_default
 });
 module.exports = __toCommonJS(underline_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var Underline = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const Underline = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "svg",
   {
     ...{

package/dist/icons/underline.mjs

@@ -1,6 +1,5 @@
-// components/icons/underline.js
 import { jsx } from "react/jsx-runtime";
-var Underline = (props) => /* @__PURE__ */ jsx(
+const Underline = (props) => /* @__PURE__ */ jsx(
   "svg",
   {
     ...{

package/dist/icons/upload.js

@@ -15,15 +15,13 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// components/icons/upload.js
 var upload_exports = {};
 __export(upload_exports, {
   default: () => upload_default
 });
 module.exports = __toCommonJS(upload_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var Upload = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const Upload = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "svg",
   {
     ...{

package/dist/icons/upload.mjs

@@ -1,6 +1,5 @@
-// components/icons/upload.js
 import { jsx } from "react/jsx-runtime";
-var Upload = (props) => /* @__PURE__ */ jsx(
+const Upload = (props) => /* @__PURE__ */ jsx(
   "svg",
   {
     ...{

package/dist/icons/volume.js

@@ -15,15 +15,13 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// components/icons/volume.js
 var volume_exports = {};
 __export(volume_exports, {
   default: () => volume_default
 });
 module.exports = __toCommonJS(volume_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var Volume = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const Volume = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "svg",
   {
     ...{

package/dist/icons/volume.mjs

@@ -1,6 +1,5 @@
-// components/icons/volume.js
 import { jsx } from "react/jsx-runtime";
-var Volume = (props) => /* @__PURE__ */ jsx(
+const Volume = (props) => /* @__PURE__ */ jsx(
   "svg",
   {
     ...{

package/dist/icons/warning.js

@@ -15,15 +15,13 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// components/icons/warning.js
 var warning_exports = {};
 __export(warning_exports, {
   default: () => warning_default
 });
 module.exports = __toCommonJS(warning_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var Warning = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const Warning = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "svg",
   {
     ...{

package/dist/icons/warning.mjs

@@ -1,6 +1,27 @@
-import {
-  warning_default
-} from "../chunk-Q3UIVGPQ.mjs";
+import { jsx } from "react/jsx-runtime";
+const Warning = (props) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    ...{
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 1.5,
+      viewBox: "0 0 24 24",
+      ...props
+    },
+    children: /* @__PURE__ */ 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;
 export {
   warning_default as default
 };

package/dist/icons/whatsapp.js

@@ -15,15 +15,13 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// components/icons/whatsapp.js
 var whatsapp_exports = {};
 __export(whatsapp_exports, {
   default: () => whatsapp_default
 });
 module.exports = __toCommonJS(whatsapp_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var WhatsApp = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const WhatsApp = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "svg",
   {
     ...{

package/dist/icons/whatsapp.mjs

@@ -1,6 +1,16 @@
-import {
-  whatsapp_default
-} from "../chunk-WQXZE4EX.mjs";
+import { jsx } from "react/jsx-runtime";
+const WhatsApp = (props) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    ...{
+      fill: "currentColor",
+      viewBox: "0 0 24 24",
+      ...props
+    },
+    children: /* @__PURE__ */ jsx("path", { d: "M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z" })
+  }
+);
+var whatsapp_default = WhatsApp;
 export {
   whatsapp_default as default
 };

package/dist/icons/x.js

@@ -15,15 +15,13 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// components/icons/x.js
 var x_exports = {};
 __export(x_exports, {
   default: () => x_default
 });
 module.exports = __toCommonJS(x_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var X = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const X = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "svg",
   {
     ...{

package/dist/icons/x.mjs

@@ -1,6 +1,16 @@
-import {
-  x_default
-} from "../chunk-WRQM5ECM.mjs";
+import { jsx } from "react/jsx-runtime";
+const X = (props) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    ...{
+      fill: "currentColor",
+      viewBox: "0 0 24 24",
+      ...props
+    },
+    children: /* @__PURE__ */ jsx("path", { d: "M14.234 10.162 22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299-.929-1.329L3.076 1.56h3.182l5.965 8.532.929 1.329 7.754 11.09h-3.182z" })
+  }
+);
+var x_default = X;
 export {
   x_default as default
 };

package/dist/icons/youtube.js

@@ -15,15 +15,13 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// components/icons/youtube.js
 var youtube_exports = {};
 __export(youtube_exports, {
   default: () => youtube_default
 });
 module.exports = __toCommonJS(youtube_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var YouTube = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const YouTube = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "svg",
   {
     ...{

package/dist/icons/youtube.mjs

@@ -1,6 +1,16 @@
-import {
-  youtube_default
-} from "../chunk-OSTKXL5W.mjs";
+import { jsx } from "react/jsx-runtime";
+const YouTube = (props) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    ...{
+      fill: "currentColor",
+      viewBox: "0 0 24 24",
+      ...props
+    },
+    children: /* @__PURE__ */ jsx("path", { d: "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" })
+  }
+);
+var youtube_default = YouTube;
 export {
   youtube_default as default
 };

package/dist/input-checkbox.js

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -14,72 +16,25 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// components/input-checkbox.js
 var input_checkbox_exports = {};
 __export(input_checkbox_exports, {
   default: () => input_checkbox_default
 });
 module.exports = __toCommonJS(input_checkbox_exports);
-
-// components/icons/check.js
 var import_jsx_runtime = require("react/jsx-runtime");
-var Check = (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: "m4.5 12.75 6 6 9-13.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      }
-    )
-  }
-);
-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;
-  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
-  };
-};
-
-// components/input-checkbox.js
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var InputCheckbox = ({
+var import_check = __toESM(require("./icons/check"));
+var import_button = __toESM(require("./shared/button"));
+var import_styles = require("./styles");
+const InputCheckbox = ({
   className,
   label,
   labelId,
@@ -94,41 +49,51 @@ var InputCheckbox = ({
   if (className) {
     classes.push(className);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "span",
     {
       ...{
         className: classes.join(" ")
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          "button",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_button.default,
           {
             ...{
-              className: "relative flex items-center justify-center w-5 h-5 rounded-xs text-inherit bg-inherit border border-inherit ring-0 outline-0 shrink-0 focus:ring-0 focus:ring-0 focus:ring-offset-0 focus:outline-1",
-              onClick: () => onChange(value ? false : true),
-              type: "button",
               "aria-checked": value ? true : false,
               "aria-labelledby": labelId,
-              style: inputCheckboxStyle(style),
+              inline: true,
+              onClick: () => onChange(value ? false : true),
+              variant: "link",
               ...rest
             },
-            children: Boolean(value) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-              check_default,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "span",
               {
                 ...{
-                  className: "absolute top-0 w-3.5 h-full pointer-events-none"
-                }
+                  className: "relative flex items-center justify-center w-5 h-5 rounded-xs text-inherit bg-inherit border border-inherit",
+                  style: (0, import_styles.inputCheckboxStyle)(style)
+                },
+                children: Boolean(value) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_check.default,
+                  {
+                    ...{
+                      className: "absolute top-0 w-3.5 h-full pointer-events-none"
+                    }
+                  }
+                )
               }
             )
           }
         ),
-        label && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "span",
           {
             ...{
               className: "leading-tight",
-              id: labelId
+              id: labelId,
+              // A brand's text colour reaches the label with no page around it; unbranded it inherits.
+              ...style && { style: (0, import_styles.textStyle)(style) }
             },
             children: label
           }

package/dist/input-checkbox.mjs

@@ -1,13 +1,8 @@
-import {
-  check_default
-} from "./chunk-GFDZ7ER6.mjs";
-import {
-  inputCheckboxStyle
-} from "./chunk-6F23WKP2.mjs";
-
-// components/input-checkbox.js
 import { jsx, jsxs } from "react/jsx-runtime";
-var InputCheckbox = ({
+import Check from "./icons/check";
+import Button from "./shared/button";
+import { inputCheckboxStyle, textStyle } from "./styles";
+const InputCheckbox = ({
   className,
   label,
   labelId,
@@ -30,23 +25,31 @@ var InputCheckbox = ({
       },
       children: [
         /* @__PURE__ */ jsx(
-          "button",
+          Button,
           {
             ...{
-              className: "relative flex items-center justify-center w-5 h-5 rounded-xs text-inherit bg-inherit border border-inherit ring-0 outline-0 shrink-0 focus:ring-0 focus:ring-0 focus:ring-offset-0 focus:outline-1",
-              onClick: () => onChange(value ? false : true),
-              type: "button",
               "aria-checked": value ? true : false,
               "aria-labelledby": labelId,
-              style: inputCheckboxStyle(style),
+              inline: true,
+              onClick: () => onChange(value ? false : true),
+              variant: "link",
               ...rest
             },
-            children: Boolean(value) && /* @__PURE__ */ jsx(
-              check_default,
+            children: /* @__PURE__ */ jsx(
+              "span",
               {
                 ...{
-                  className: "absolute top-0 w-3.5 h-full pointer-events-none"
-                }
+                  className: "relative flex items-center justify-center w-5 h-5 rounded-xs text-inherit bg-inherit border border-inherit",
+                  style: inputCheckboxStyle(style)
+                },
+                children: Boolean(value) && /* @__PURE__ */ jsx(
+                  Check,
+                  {
+                    ...{
+                      className: "absolute top-0 w-3.5 h-full pointer-events-none"
+                    }
+                  }
+                )
               }
             )
           }
@@ -56,7 +59,9 @@ var InputCheckbox = ({
           {
             ...{
               className: "leading-tight",
-              id: labelId
+              id: labelId,
+              // A brand's text colour reaches the label with no page around it; unbranded it inherits.
+              ...style && { style: textStyle(style) }
             },
             children: label
           }