@codeandfunction/callaloo 3.16.1 → 3.16.3

package/dist/chunks/base-theme-Bg6XMoeN.js

@@ -0,0 +1,275 @@
+import { ref as t, provide as E } from "vue";
+import { CLMode as o } from "../index.js";
+function x(e, s) {
+  if (!s)
+    return e;
+  const a = { ...e };
+  for (const r in s)
+    if (Object.prototype.hasOwnProperty.call(s, r)) {
+      const f = s[r], d = a[r];
+      i(d) && i(f) ? a[r] = x(d, f) : a[r] = f;
+    }
+  return a;
+}
+function i(e) {
+  return e !== null && typeof e == "object" && !Array.isArray(e) && !(e instanceof Date) && !(e instanceof Map) && !(e instanceof Set);
+}
+const b = {
+  borderRadius: void 0,
+  colors: {
+    primary: {
+      0: "#ffffff",
+      100: "#def5ff",
+      200: "#b6eeff",
+      300: "#75e3ff",
+      400: "#2cd6ff",
+      500: "#00c8ff",
+      600: "#009cd4",
+      700: "#007cab",
+      800: "#00688d",
+      900: "#065674"
+    },
+    secondary: {
+      0: "#ffffff",
+      100: "#DEE2E8",
+      200: "#BFC7D4",
+      300: "#9EAABD",
+      400: "#8090A8",
+      500: "#61738E",
+      600: "#4F5D73",
+      700: "#3A4555",
+      800: "#272F3A",
+      900: "#13161B"
+    },
+    neutral: {
+      0: "#ffffff",
+      100: "#F7F7F7",
+      200: "#F2F2F2",
+      300: "#EBEBEB",
+      400: "#E6E6E6",
+      500: "#DEDEDE",
+      600: "#B3B3B3",
+      700: "#858585",
+      800: "#595959",
+      900: "#2B2B2B"
+    },
+    danger: {
+      0: "#ffffff",
+      100: "#ffd3ce",
+      200: "#ffb2ac",
+      300: "#ff8e88",
+      400: "#fe6561",
+      500: "#e74c4c",
+      600: "#d20e27",
+      700: "#9b0018",
+      800: "#63000c",
+      900: "#360003"
+    },
+    warning: {
+      0: "#ffffff",
+      100: "#ffeaba",
+      200: "#ffdf95",
+      300: "#ffd36a",
+      400: "#fdc836",
+      500: "#f5be1a",
+      600: "#c79800",
+      700: "#8a6900",
+      800: "#4f3b00",
+      900: "#211700"
+    },
+    success: {
+      0: "#ffffff",
+      100: "#9effb2",
+      200: "#69f68d",
+      300: "#56e57e",
+      400: "#41d56e",
+      500: "#22c55d",
+      600: "#00a147",
+      700: "#007230",
+      800: "#00441a",
+      900: "#001f08"
+    },
+    info: {
+      0: "#ffffff",
+      100: "#cfe2ff",
+      200: "#afceff",
+      300: "#8eb9ff",
+      400: "#6ca4ff",
+      500: "#4e8ff8",
+      600: "#2470e7",
+      700: "#004cb5",
+      800: "#002e73",
+      900: "#00153e"
+    }
+  },
+  darkMode: !1,
+  fontFamily: "BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif"
+}, m = {
+  contrast: {
+    [o.Light]: {
+      border: 900,
+      borderHover: 700,
+      bg: 900,
+      disabled: 500,
+      focus: 900,
+      hover: 800,
+      shadow: 900,
+      text: 0,
+      textDisabled: 800
+    },
+    [o.Dark]: {
+      border: 400,
+      borderHover: 700,
+      bg: 100,
+      disabled: 500,
+      focus: 400,
+      hover: 200,
+      shadow: 400,
+      text: 900,
+      textDisabled: 500
+    }
+  },
+  ghost: {
+    [o.Light]: {
+      disabled: 100,
+      focus: 700,
+      text: 800,
+      textDisabled: 800
+    },
+    [o.Dark]: {
+      disabled: 700,
+      focus: 300,
+      text: 300,
+      textDisabled: 700
+    }
+  },
+  outline: {
+    [o.Light]: {
+      border: 300,
+      borderHover: 700,
+      disabled: 400,
+      focus: 700,
+      hover: 100,
+      text: 900,
+      textBody: 700,
+      textDisabled: 800
+    },
+    [o.Dark]: {
+      border: 500,
+      borderHover: 500,
+      disabled: 800,
+      focus: 300,
+      hover: 900,
+      text: 300,
+      textBody: 300,
+      textDisabled: 700
+    }
+  },
+  soft: {
+    [o.Light]: {
+      bg: 100,
+      border: 300,
+      borderHover: 700,
+      disabled: 100,
+      focus: 400,
+      hover: 200,
+      shadow: 200,
+      text: 900,
+      textDisabled: 800
+    },
+    [o.Dark]: {
+      bg: 900,
+      border: 100,
+      borderHover: 300,
+      disabled: 800,
+      focus: 100,
+      hover: 800,
+      shadow: 800,
+      text: 300,
+      textDisabled: 500
+    }
+  },
+  solid: {
+    [o.Light]: {
+      bg: 600,
+      border: 700,
+      borderHover: 900,
+      disabled: 500,
+      focus: 700,
+      hover: 500,
+      shadow: 700,
+      text: 0,
+      textDisabled: 100
+    },
+    [o.Dark]: {
+      bg: 400,
+      border: 100,
+      borderHover: 300,
+      disabled: 600,
+      focus: 100,
+      hover: 500,
+      shadow: 100,
+      text: 900,
+      textDisabled: 800
+    }
+  },
+  text: {
+    [o.Light]: {
+      border: 100,
+      borderHover: 300,
+      disabled: 100,
+      focus: 800,
+      hover: 200,
+      text: 800,
+      textBody: 300,
+      textDisabled: 700
+    },
+    [o.Dark]: {
+      border: 300,
+      borderHover: 500,
+      disabled: 800,
+      focus: 300,
+      hover: 900,
+      text: 300,
+      textBody: 800,
+      textDisabled: 500
+    }
+  }
+}, v = t(), h = t(), y = t(), c = t({
+  primary: {},
+  secondary: {},
+  neutral: {},
+  danger: {},
+  warning: {},
+  success: {},
+  info: {}
+}), l = (e) => {
+  v.value = e;
+}, n = (e) => {
+  c.value = { ...c.value, ...e };
+}, u = (e) => {
+  h.value = e;
+}, D = (e) => {
+  y.value = e;
+}, R = (e) => {
+  const s = e?.borderRadius || b.borderRadius, a = t(s), r = x(b.colors, e?.colors), f = t(r), d = e?.darkMode || b.darkMode, B = t(d ?? !1), F = e?.fontFamily || b.fontFamily, g = t(F);
+  f.value && n(f.value), l(a.value), u(B.value), D(g.value), E("clll-theme", {
+    borderRadius: v,
+    colors: c,
+    darkMode: h,
+    fontFamily: y,
+    setBorderRadius: l,
+    setColors: n,
+    setDarkMode: u,
+    setFontFamily: D
+  });
+};
+export {
+  m as C,
+  b as D,
+  l as a,
+  n as b,
+  u as c,
+  D as d,
+  R as s
+};

package/dist/chunks/helper--hRjZVm6.js

@@ -0,0 +1,62 @@
+const b = () => {
+  let t, i, o, e = !1, r, s;
+  const d = (n) => {
+    if (e) return;
+    i === void 0 && (i = n);
+    const a = n - i;
+    o !== n && s?.(a), r && a < r && (o = n, e || (t = window.requestAnimationFrame(d)));
+  }, l = () => {
+    t = void 0, i = void 0, o = void 0, e = !1, r = void 0;
+  };
+  return {
+    start: (n, a) => {
+      s = a, r = n, t = window.requestAnimationFrame(d);
+    },
+    stop: () => {
+      e = !0, t && window.cancelAnimationFrame(t), l();
+    }
+  };
+}, A = ({
+  parent: t,
+  child: i,
+  threshold: o = 0.1,
+  leftOffset: e = 0,
+  rightOffset: r = 0
+}) => {
+  const {
+    top: s,
+    left: d,
+    bottom: l,
+    right: n,
+    width: a,
+    height: u
+  } = t?.getBoundingClientRect() || {}, {
+    top: g,
+    left: p,
+    bottom: m,
+    right: h
+  } = i.getBoundingClientRect() || {};
+  let w = d + e, y = n - r, v = a - (e + r), f = 0, c = 0;
+  return p <= y && (f = (h - w) / v * 100 / 100), g <= l && (c = (m - s) / u * 100 / 100), f > o && c > o;
+}, B = () => N ? Math.max(
+  ...Array.from(
+    document?.querySelectorAll("body *"),
+    (t) => parseFloat(window?.getComputedStyle(t).zIndex)
+  ).filter((t) => !Number.isNaN(t)),
+  0
+) : 0, N = typeof document < "u", C = (t) => t != null && typeof t.valueOf() == "string", D = (t) => {
+  if (!t) return !0;
+  let i = 0;
+  const o = ["#comment"];
+  return t.childNodes.forEach((e) => {
+    !o.includes(e.nodeName) && e.childNodes.length && i++;
+  }), i === 0;
+};
+export {
+  b as a,
+  C as b,
+  D as c,
+  A as d,
+  B as g,
+  N as i
+};

package/dist/chunks/utils-Bp7YeySh.js

@@ -0,0 +1,29 @@
+import { CLMode as a, CLColorVariants as u } from "../index.js";
+import { g as b, c as s, a as h, f as v } from "./utils-C9rOAW29.js";
+import { useTheme as m } from "../composables/useTheme.js";
+const $ = ({ color: d }) => {
+  const { borderRadius: r, colors: e, darkMode: c } = m(), n = c.value ? a.Dark : a.Light, t = b({
+    color: d,
+    colors: e.value,
+    mode: n,
+    variant: u.Solid
+  });
+  let l;
+  return r.value && (l = s`&.clll-a11y__button.--rounded{border-radius:var(--clll-${r.value});}`), h(s`${v({ borderColor: t?.focus, shadowColor: t?.shadow, shadowWidth: "--clll-unit-0" })}`, l);
+}, g = ({
+  color: d,
+  variant: r = u.Soft
+}) => {
+  const { borderRadius: e, colors: c, darkMode: n } = m(), t = n.value ? a.Dark : a.Light, l = r === u.Outline, o = b({
+    color: d,
+    colors: c.value,
+    mode: t,
+    variant: r
+  });
+  let i;
+  return e.value && (i = s`&:not([class*='clll-button--rounded-']){&.clll-button.clll-button--rounded{border-radius:var(--clll-${e.value})}}`), h(s`.clll-button__content,.clll-icon{color:${o?.text};}border-color:${l ? o?.border : "transparent"};background-color:${o?.bg ?? "transparent"};&:hover:not([disabled]){background-color:${o?.hover ?? "transparent"};border-color:${l ? o?.borderHover : "transparent"};}${v({ borderColor: o?.focus, shadowColor: o?.shadow, shadowWidth: "--clll-unit-0" })}`, i);
+};
+export {
+  $ as a,
+  g as b
+};