@oneb/ui-vue 0.0.5

package/dist/index-6f93552a.js

@@ -0,0 +1,510 @@
+import { defineComponent as v, ref as z, provide as D, computed as g, openBlock as i, createElementBlock as u, renderSlot as S, normalizeProps as A, guardReactiveProps as L, createCommentVNode as m, createVNode as y, Transition as M, withCtx as x, normalizeClass as _, toDisplayString as f, inject as P, withModifiers as F, createBlock as w, resolveDynamicComponent as T, createElementVNode as t, normalizeStyle as b, unref as $, Fragment as O, renderList as j, mergeProps as q } from "vue";
+import { _ as N } from "./_plugin-vue_export-helper-dad06003.js";
+const R = {
+  title: {
+    type: String
+  },
+  stick: {
+    type: String,
+    default: "right"
+  }
+}, V = {
+  variant: {
+    type: String,
+    default: "primary"
+  },
+  label: {
+    type: String
+  },
+  icon: {
+    type: [Function, Object]
+  }
+}, E = ["data-opened"], H = {
+  key: 0,
+  class: "text-sm text-secondary-content px-3 py-2 text-left"
+}, B = /* @__PURE__ */ v({
+  __name: "OneDropdown",
+  props: R,
+  emits: ["open"],
+  setup(p, { emit: n }) {
+    const d = p, c = z(!1), r = z(null), s = () => {
+      c.value = !c.value, c.value && n("open");
+    };
+    D("OneDropdown", {
+      onToggle: s
+    });
+    const e = g(() => {
+      const o = r.value != null && r.value.offsetLeft < 270;
+      return r.value != null && r.value.offsetTop + 270 > window.innerHeight ? "up" + (o ? "-right" : "-left") : "down" + (o ? "-right" : "-left");
+    }), l = g(() => {
+      const o = [
+        "absolute z-10 w-fit rounded-md bg-white",
+        "py-1 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none",
+        "overflow-auto max-h-[540px] min-w-[150px] max-w-[540px]"
+      ];
+      return e.value === "up" ? o.push("bottom-1 mb-10") : e.value === "down" ? o.push("top-1 mt-10") : e.value === "up-right" ? o.push("left-0 bottom-1 mb-10") : e.value === "down-right" && o.push("left-0 top-1 mt-10"), d.stick === "right" ? o.push("right-0") : d.stick === "left" && o.push("left-0"), o;
+    });
+    return (o, a) => (i(), u("div", {
+      class: "relative inline-block",
+      ref_key: "menuRef",
+      ref: r,
+      "data-opened": c.value
+    }, [
+      S(o.$slots, "button", A(L({ onToggle: s, isExpanded: c.value }))),
+      c.value ? (i(), u("div", {
+        key: 0,
+        class: "fixed top-0 left-0 w-screen h-screen z-10",
+        onClick: s
+      })) : m("", !0),
+      y(M, {
+        "enter-active-class": "transition ease-out duration-100",
+        "enter-from-class": "transform opacity-0 scale-95",
+        "enter-to-class": "transform opacity-100 scale-100",
+        "leave-active-class": "transition ease-in duration-75",
+        "leave-from-class": "transform opacity-100 scale-100",
+        "leave-to-class": "transform opacity-0 scale-95"
+      }, {
+        default: x(() => [
+          c.value ? (i(), u("div", {
+            key: 0,
+            class: _(["menu", l.value]),
+            role: "menu",
+            "aria-orientation": "vertical",
+            tabindex: "-1"
+          }, [
+            o.title ? (i(), u("div", H, f(o.title), 1)) : m("", !0),
+            S(o.$slots, "menu", A(L({ onToggle: s })))
+          ], 2)) : m("", !0)
+        ]),
+        _: 3
+      })
+    ], 8, E));
+  }
+}), I = ["onClick"], C = /* @__PURE__ */ v({
+  __name: "OneDropdownItem",
+  props: V,
+  emits: ["click"],
+  setup(p, { emit: n }) {
+    const d = p, c = P("OneDropdown"), r = () => {
+      c !== void 0 && c.onToggle(), n("click");
+    }, s = g(() => {
+      const e = [];
+      return d.variant === "secondary" ? e.push("text-secondary-content hover:bg-secondary-body-hover") : d.variant === "danger" ? e.push("text-danger-content hover:bg-danger-10") : d.variant === "warning" ? e.push("text-warning-content hover:bg-warning-10") : d.variant === "info" ? e.push("text-info-content hover:bg-info-10") : e.push("hover:bg-secondary-body-hover"), e;
+    });
+    return (e, l) => (i(), u("button", {
+      class: _(["px-3 py-1.5 flex items-center space-x-3 w-full whitespace-nowrap", s.value]),
+      onClick: F(r, ["prevent"])
+    }, [
+      e.icon ? (i(), w(T(e.icon), {
+        key: 0,
+        class: "w-4 h-4"
+      })) : m("", !0),
+      t("span", null, f(e.label), 1)
+    ], 10, I));
+  }
+}), U = {}, G = { class: "border-t border-secondary-stroke my-1" };
+function J(p, n) {
+  return i(), u("div", G);
+}
+const xe = /* @__PURE__ */ N(U, [["render", J]]), K = {
+  size: {
+    type: [String, Number],
+    default: "50"
+  },
+  rounded: {
+    type: Boolean,
+    default: !1
+  },
+  text: {
+    type: String,
+    required: !1,
+    default: ""
+  },
+  src: {
+    type: [String, null],
+    required: !1
+  }
+}, Q = ["src"], k = /* @__PURE__ */ v({
+  __name: "OneAvatar",
+  props: K,
+  setup(p) {
+    const n = p, d = g(() => {
+      const e = n.text.trim().split(" ");
+      return e.length < 2 ? n.text.slice(0, 2).toUpperCase() : e.map((l) => l.slice(0, 1)).join("").toUpperCase();
+    }), c = g(() => ({
+      fill: "rgba(255, 255, 255, .75)",
+      fontSize: `${Number(n.size) * 0.4}px`
+    })), r = g(() => {
+      const e = n.text.split("").map((a) => a.charCodeAt(0)).reduce((a, h) => a + h, 0), o = `hsl(${360 / 26 * e}, 68%, 48%)`;
+      return {
+        width: `${n.size}px`,
+        height: `${n.size}px`,
+        borderRadius: n.rounded ? "100%" : "9%",
+        background: o
+      };
+    }), s = g(() => ({
+      width: `${n.size}px`,
+      height: `${n.size}px`,
+      borderRadius: n.rounded ? "100%" : "9%"
+    }));
+    return (e, l) => (i(), u("div", {
+      style: b(s.value),
+      class: "overflow-hidden"
+    }, [
+      e.src ? (i(), u("img", {
+        key: 0,
+        src: e.src,
+        alt: "",
+        class: "w-full h-full"
+      }, null, 8, Q)) : (i(), u("svg", {
+        key: 1,
+        style: b(r.value),
+        class: "block"
+      }, [
+        d.value ? (i(), u("text", {
+          key: 0,
+          x: "50%",
+          y: "50%",
+          "text-anchor": "middle",
+          "dominant-baseline": "central",
+          class: "font-light",
+          style: b(c.value)
+        }, f(d.value), 5)) : m("", !0)
+      ], 4))
+    ], 4));
+  }
+});
+function W(p, n) {
+  return i(), u("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.8",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    t("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z"
+    })
+  ]);
+}
+function X(p, n) {
+  return i(), u("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.8",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    t("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M15.75 9V5.25A2.25 2.25 0 0013.5 3h-6a2.25 2.25 0 00-2.25 2.25v13.5A2.25 2.25 0 007.5 21h6a2.25 2.25 0 002.25-2.25V15m3 0l3-3m0 0l-3-3m3 3H9"
+    })
+  ]);
+}
+const Y = {
+  user: {
+    type: Object,
+    required: !0
+  },
+  menu: {
+    type: Array,
+    default: () => []
+  },
+  accountLabel: {
+    type: String,
+    default: "Account"
+  },
+  logoutLabel: {
+    type: String,
+    default: "Logout"
+  },
+  onAccount: {
+    type: Function
+  },
+  onLogout: {
+    type: Function
+  }
+}, Z = {
+  workspace: {
+    type: Object,
+    required: !0
+  },
+  apps: {
+    type: Array,
+    required: !0
+  },
+  appsTitle: {
+    type: String,
+    default: "Apps"
+  },
+  changeLabel: {
+    type: String,
+    default: "Change"
+  },
+  onChange: {
+    type: Function
+  },
+  onApp: {
+    type: Function
+  }
+}, ee = ["onClick"], te = {
+  class: "space-y-2 text-center py-6",
+  style: { width: "240px" }
+}, ne = { class: "text-sm text-secondary-content" }, oe = { class: "px-2" }, ve = /* @__PURE__ */ v({
+  __name: "OneUserMenu",
+  props: Y,
+  setup(p) {
+    const n = p, d = g(() => {
+      var s;
+      return (s = n.menu) == null ? void 0 : s.map((e) => {
+        let l = { label: e.label };
+        e.icon != null && (l = { ...l, icon: e.icon });
+        const o = typeof e.click == "function" ? e.click : () => {
+        };
+        return {
+          key: e.label,
+          args: l,
+          click: o
+        };
+      });
+    }), c = () => {
+      typeof n.onAccount == "function" && n.onAccount();
+    }, r = () => {
+      typeof n.onLogout == "function" && n.onLogout();
+    };
+    return (s, e) => (i(), w(B, { stick: "right" }, {
+      button: x(({ onToggle: l, isExpanded: o }) => {
+        var a, h;
+        return [
+          t("button", {
+            onClick: l,
+            class: _(["p-1 rounded-full hover:bg-secondary-10", [o ? "bg-secondary-25" : ""]])
+          }, [
+            y(k, {
+              text: ((a = s.user) == null ? void 0 : a.name) || "",
+              size: 34,
+              src: (h = s.user) == null ? void 0 : h.photo_url,
+              rounded: !0
+            }, null, 8, ["text", "src"])
+          ], 10, ee)
+        ];
+      }),
+      menu: x(() => {
+        var l, o, a;
+        return [
+          t("div", te, [
+            t("div", null, [
+              y(k, {
+                text: ((l = s.user) == null ? void 0 : l.name) || "",
+                size: 80,
+                rounded: !0,
+                class: "mx-auto"
+              }, null, 8, ["text"])
+            ]),
+            t("div", null, [
+              t("div", null, f((o = s.user) == null ? void 0 : o.name), 1),
+              t("div", ne, f((a = s.user) == null ? void 0 : a.email), 1)
+            ])
+          ]),
+          t("div", oe, [
+            y(C, {
+              icon: $(W),
+              label: s.accountLabel,
+              class: "rounded",
+              onClick: c
+            }, null, 8, ["icon", "label"]),
+            (i(!0), u(O, null, j(d.value, (h) => (i(), w(C, q({
+              key: h.key
+            }, h.args, {
+              onClick: h.click
+            }), null, 16, ["onClick"]))), 128)),
+            y(C, {
+              icon: $(X),
+              label: s.logoutLabel,
+              class: "rounded",
+              onClick: r
+            }, null, 8, ["icon", "label"])
+          ])
+        ];
+      }),
+      _: 1
+    }));
+  }
+});
+function re(p, n) {
+  return i(), u("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.8",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    t("rect", {
+      width: "2.94",
+      height: "2.94",
+      x: "17.16",
+      y: "3.9",
+      fill: "currentColor",
+      "stroke-width": "1.8",
+      rx: "1.1"
+    }),
+    t("rect", {
+      width: "2.94",
+      height: "2.94",
+      x: "10.53",
+      y: "3.9",
+      fill: "currentColor",
+      "stroke-width": "1.8",
+      rx: "1.1"
+    }),
+    t("rect", {
+      width: "2.94",
+      height: "2.94",
+      x: "3.9",
+      y: "3.9",
+      fill: "currentColor",
+      "stroke-width": "1.8",
+      rx: "1.1"
+    }),
+    t("rect", {
+      width: "2.94",
+      height: "2.94",
+      x: "17.16",
+      y: "10.53",
+      fill: "currentColor",
+      "stroke-width": "1.8",
+      rx: "1.1"
+    }),
+    t("rect", {
+      width: "2.94",
+      height: "2.94",
+      x: "10.53",
+      y: "10.53",
+      fill: "currentColor",
+      "stroke-width": "1.8",
+      rx: "1.1"
+    }),
+    t("rect", {
+      width: "2.94",
+      height: "2.94",
+      x: "3.9",
+      y: "10.53",
+      fill: "currentColor",
+      "stroke-width": "1.8",
+      rx: "1.1"
+    }),
+    t("rect", {
+      width: "2.94",
+      height: "2.94",
+      x: "17.16",
+      y: "17.16",
+      fill: "currentColor",
+      "stroke-width": "1.8",
+      rx: "1.1"
+    }),
+    t("rect", {
+      width: "2.94",
+      height: "2.94",
+      x: "10.53",
+      y: "17.16",
+      fill: "currentColor",
+      "stroke-width": "1.8",
+      rx: "1.1"
+    }),
+    t("rect", {
+      width: "2.94",
+      height: "2.94",
+      x: "3.9",
+      y: "17.16",
+      fill: "currentColor",
+      "stroke-width": "1.8",
+      rx: "1.1"
+    })
+  ]);
+}
+const se = ["onClick"], le = {
+  class: "space-x-2 flex items-center px-3 py-2",
+  style: { width: "300px" }
+}, ie = { class: "flex-shrink-0" }, ce = { class: "w-full text-left" }, ae = { class: "flex-shrink-0" }, ue = { class: "px-3 py-2 border-t border-secondary-stroke" }, de = { class: "text-secondary-content text-left pb-1 text-sm" }, pe = { class: "grid grid-cols-3 gap-1" }, he = ["onClick"], fe = { class: "block bg-white mx-auto flex-shrink-0 border border-secondary-stroke p-1 rounded-lg" }, ge = { class: "w-full overflow-hidden text-ellipsis whitespace-nowrap text-center text-sm mt-1" }, we = /* @__PURE__ */ v({
+  __name: "OneBrowserMenu",
+  props: Z,
+  setup(p) {
+    const n = p, d = () => {
+      typeof n.onChange == "function" && n.onChange();
+    }, c = (r) => {
+      typeof n.onApp == "function" && n.onApp(r);
+    };
+    return (r, s) => (i(), w(B, { stick: "right" }, {
+      button: x(({ onToggle: e, isExpanded: l }) => [
+        t("button", {
+          onClick: e,
+          class: _(["p-1 rounded-md hover:bg-secondary-10", [l ? "bg-secondary-25" : ""]])
+        }, [
+          y($(re), {
+            class: "text-secondary-base",
+            style: { width: "34px", height: "34px" }
+          })
+        ], 10, se)
+      ]),
+      menu: x(() => {
+        var e, l, o;
+        return [
+          t("div", le, [
+            t("div", ie, [
+              y(k, {
+                text: ((e = r.workspace) == null ? void 0 : e.name) || "",
+                src: (l = r.workspace) == null ? void 0 : l.photo_url,
+                size: 44,
+                rounded: !1,
+                class: "mx-auto"
+              }, null, 8, ["text", "src"])
+            ]),
+            t("div", ce, f((o = r.workspace) == null ? void 0 : o.name), 1),
+            t("div", ae, [
+              t("button", {
+                class: "text-sm border border-secondary-stroke rounded px-2 py-0.5 text-secondary-content hover:text-primary-content",
+                onClick: d
+              }, f(r.changeLabel), 1)
+            ])
+          ]),
+          t("div", ue, [
+            t("div", de, f(r.appsTitle), 1),
+            t("div", pe, [
+              (i(!0), u(O, null, j(r.apps, (a) => (i(), u("button", {
+                key: a.id,
+                onClick: (h) => c(a),
+                class: "p-1.5 flex flex-col items-center justify-center rounded hover:bg-secondary-10",
+                style: { width: "88px", height: "88px" }
+              }, [
+                t("span", fe, [
+                  y(k, {
+                    text: a.name,
+                    src: a.photo_url,
+                    size: 44,
+                    rounded: !1
+                  }, null, 8, ["text", "src"])
+                ]),
+                t("span", ge, f(a.name), 1)
+              ], 8, he))), 128))
+            ])
+          ])
+        ];
+      }),
+      _: 1
+    }));
+  }
+});
+export {
+  xe as O,
+  B as _,
+  C as a,
+  ve as b,
+  we as c,
+  k as d
+};

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./button/index.cjs"),n=require("./card/index.cjs"),r=require("./form/index.cjs"),e=require("./index-26c86446.cjs");require("vue");require("./_plugin-vue_export-helper-f246444f.cjs");exports.OneButton=o.OneButton;exports.OneCard=n.OneCard;exports.OneCardBody=n.OneCardBody;exports.OneCardFooter=n.OneCardFooter;exports.OneCardHeader=n.OneCardHeader;exports.OneForm=r.OneForm;exports.OneFormFeedback=r.OneFormFeedback;exports.OneFormField=r.OneFormField;exports.OneFormInput=r.OneFormInput;exports.OneFormLabel=r.OneFormLabel;exports.OneAvatar=e._sfc_main$4;exports.OneBrowserMenu=e._sfc_main$3;exports.OneDropdown=e._sfc_main;exports.OneDropdownDivider=e.OneDropdownDivider;exports.OneDropdownItem=e._sfc_main$1;exports.OneUserMenu=e._sfc_main$2;

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export * from './button';
+export * from './card';
+export * from './form';
+export * from './dropdown';
+export * from './common';

package/dist/index.js

@@ -0,0 +1,24 @@
+import { OneButton as O } from "./button/index.js";
+import { OneCard as d, OneCardBody as m, OneCardFooter as t, OneCardHeader as p } from "./card/index.js";
+import { OneForm as F, OneFormFeedback as i, OneFormField as f, OneFormInput as u, OneFormLabel as w } from "./form/index.js";
+import { d as C, c as D, _ as b, O as B, a as c, b as l } from "./index-6f93552a.js";
+import "vue";
+import "./_plugin-vue_export-helper-dad06003.js";
+export {
+  C as OneAvatar,
+  D as OneBrowserMenu,
+  O as OneButton,
+  d as OneCard,
+  m as OneCardBody,
+  t as OneCardFooter,
+  p as OneCardHeader,
+  b as OneDropdown,
+  B as OneDropdownDivider,
+  c as OneDropdownItem,
+  F as OneForm,
+  i as OneFormFeedback,
+  f as OneFormField,
+  u as OneFormInput,
+  w as OneFormLabel,
+  l as OneUserMenu
+};

package/dist/style.css

@@ -0,0 +1 @@
+@keyframes one-sp-ico-rot{to{transform:rotate(360deg)}}@keyframes one-sp-ico-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.onebselect select{-webkit-appearance:none;-moz-appearance:none;appearance:none}

package/dist/tailwind.config.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={"slate-500":"#5F6E79","white-bg":"#FFFFFF","gray-bg":"#FAFAFA","gray-light":"#979CA9","gray-700":"#525B66","gray-email":"#E2E7EF","gray-email-light":"rgba(226, 231, 239, 0.3)","gray-active":"#EAEFF8","slate-850":"#1D2632","rose-850":"#FF0440",input:"#E2E7EF",block:"#E3ECF2","black-700":"#333333","black-800":"#040404","blue-550":"#4089E0","red-700":"#FF0440","green-700":"#70BE33","orange-700":"#FFBA08","black-opacyti":"rgba(0, 0, 0, 0.2)",background:{backdrop:"rgba(0,0,0,0.1)",DEFAULT:"#fafafa",second:"#F6F8FF",light:"#FBFDFF"},primary:{glow:"#BCD6F4",base:"#4089E0",active:"#256DC3",hover:"#5A9FF1",25:"rgba(64,137,224,0.25)","25-active":"rgba(64,137,224,0.3)","25-hover":"rgba(64,137,224,0.3)",10:"rgba(64,137,224,0.1)","10-active":"rgba(64,137,224,0.15)","10-hover":"rgba(64,137,224,0.15)",content:"#000000","content-active":"#000000","content-hover":"#000000",stroke:"#E2E7EF","stroke-active":"#E2E7EF","stroke-hover":"#E2E7EF",body:"#FFFFFF","body-active":"#EAEFF8","body-hover":"#EAEFF8"},secondary:{glow:"#8c97a6",base:"#525B66",active:"#444b54",hover:"#444b54",25:"rgba(82,91,102,0.25)","25-active":"rgba(82,91,102,0.3)","25-hover":"rgba(82,91,102,0.3)",10:"rgba(82,91,102,0.1)","10-active":"rgba(82,91,102,0.15)","10-hover":"rgba(82,91,102,0.15)",content:"#979CA9","content-active":"#979CA9","content-hover":"#979CA9",stroke:"#E3ECF2","stroke-active":"#E3ECF2","stroke-hover":"#E3ECF2",body:"#F6F8FF","body-active":"#FAFAFA","body-hover":"#FAFAFA"},light:{glow:"#eae5e5",base:"#ffffff",active:"#ffffff",hover:"#ffffff",25:"#ffffff","25-active":"#ffffff","25-hover":"#ffffff",10:"#ffffff","10-active":"#ffffff","10-hover":"#ffffff",content:"#a1a3a9","content-active":"#a1a3a9","content-hover":"#a1a3a9",stroke:"#ebeff1","stroke-active":"#ebeff1","stroke-hover":"#ebeff1",body:"#F5F5F5","body-active":"#FAFAFA","body-hover":"#FAFAFA"},success:{glow:"#b7f686",base:"#70BE33",active:"#62A52D",hover:"#7BD237",25:"rgba(112,190,51,0.25)","25-active":"rgba(112,190,51,0.3)","25-hover":"rgba(112,190,51,0.3)",10:"rgba(112,190,51,0.1)","10-active":"rgba(112,190,51,0.15)","10-hover":"rgba(112,190,51,0.15)",content:"#5da920","content-active":"#5da920","content-hover":"#5da920",stroke:"#81b955","stroke-active":"#81b955","stroke-hover":"#81b955",body:"#99be7b","body-active":"#99be7b","body-hover":"#99be7b"},info:{glow:"#BCD6F4",base:"#4089E0",active:"#256DC3",hover:"#5A9FF1",25:"rgba(64,137,224,0.25)","25-active":"rgba(64,137,224,0.3)","25-hover":"rgba(64,137,224,0.3)",10:"rgba(64,137,224,0.1)","10-active":"rgba(64,137,224,0.15)","10-hover":"rgba(64,137,224,0.15)",content:"#2167bb","content-active":"#2167bb","content-hover":"#2167bb",stroke:"#689ddc","stroke-active":"#689ddc","stroke-hover":"#689ddc",body:"#8dafd7","body-active":"#8dafd7","body-hover":"#8dafd7"},warning:{glow:"#f8e9c2",base:"#FFBA08",active:"#e5a502",hover:"#ffc11e",25:"rgba(255,186,8,0.25)","25-active":"rgba(255,186,8,0.3)","25-hover":"rgba(255,186,8,0.3)",10:"rgba(255,186,8,0.1)","10-active":"rgba(255,186,8,0.15)","10-hover":"rgba(255,186,8,0.15)",content:"#b78400","content-active":"#b78400","content-hover":"#b78400",stroke:"#f8c644","stroke-active":"#f8c644","stroke-hover":"#f8c644",body:"#f8d988","body-active":"#f8d988","body-hover":"#f8d988"},danger:{glow:"#fa9fb5",base:"#FF0440",active:"#DF073B",hover:"#FF3E6C",25:"rgba(255,4,64,0.25)","25-active":"rgba(255,4,64,0.3)","25-hover":"rgba(255,4,64,0.3)",10:"rgba(255,4,64,0.1)","10-active":"rgba(255,4,64,0.15)","10-hover":"rgba(255,4,64,0.15)",content:"#b7002d","content-active":"#b7002d","content-hover":"#b7002d",stroke:"#ff4e78","stroke-active":"#ff4e78","stroke-hover":"#ff4e78",body:"#ff90aa","body-active":"#ff90aa","body-hover":"#ff90aa"},tertiary:{glow:"#E7EFFC",base:"#E7EFFC",active:"#E7EFFC",hover:"#E7EFFC",25:"rgba(231,239,252,0.25)","25-active":"rgba(231,239,252,0.3)","25-hover":"rgba(231,239,252,0.3)",10:"rgba(231,239,252,0.1)","10-active":"rgba(231,239,252,0.15)","10-hover":"rgba(231,239,252,0.15)",content:"#E7EFFC","content-active":"#E7EFFC","content-hover":"#E7EFFC",stroke:"#E7EFFC","stroke-active":"#E7EFFC","stroke-hover":"#E7EFFC",body:"#E7EFFC","body-active":"#E7EFFC","body-hover":"#E7EFFC"}},a={"2xs":"10px","3xs":"8px"},o={sans:['"Montserrat"',"system-ui","sans-serif"]},t={center:!0,screens:{sm:"100%",md:"100%",lg:"920px",xl:"920px","2xl":"920px"}},r={container:t,extend:{fontSize:a,fontFamily:o,colors:e}};exports.colors=e;exports.container=t;exports.fontFamily=o;exports.fontSize=a;exports.theme=r;