mada-design-system 0.9.1 → 1.0.0

package/index.es196.js

@@ -1,41 +1,52 @@
-function v(n, l, e) {
-  let t = e.initialDeps ?? [], d;
-  function a() {
-    var o, r, c, m;
-    let h;
-    e.key && ((o = e.debug) != null && o.call(e)) && (h = Date.now());
-    const u = n();
-    if (!(u.length !== t.length || u.some((f, g) => t[g] !== f)))
-      return d;
-    t = u;
-    let s;
-    if (e.key && ((r = e.debug) != null && r.call(e)) && (s = Date.now()), d = l(...u), e.key && ((c = e.debug) != null && c.call(e))) {
-      const f = Math.round((Date.now() - h) * 100) / 100, w = Math.round((Date.now() - s) * 100) / 100 / 16, b = (i, p) => {
-        for (i = String(i); i.length < p; )
-          i = " " + i;
-        return i;
-      };
-    }
-    return (m = e == null ? void 0 : e.onChange) == null || m.call(e, d), d;
+class o extends Error {
+}
+o.prototype.name = "InvalidTokenError";
+function i(t) {
+  return decodeURIComponent(atob(t).replace(/(.)/g, (e, r) => {
+    let n = r.charCodeAt(0).toString(16).toUpperCase();
+    return n.length < 2 && (n = "0" + n), "%" + n;
+  }));
+}
+function s(t) {
+  let e = t.replace(/-/g, "+").replace(/_/g, "/");
+  switch (e.length % 4) {
+    case 0:
+      break;
+    case 2:
+      e += "==";
+      break;
+    case 3:
+      e += "=";
+      break;
+    default:
+      throw new Error("base64 string is not of the correct length");
+  }
+  try {
+    return i(e);
+  } catch {
+    return atob(e);
   }
-  return a.updateDeps = (o) => {
-    t = o;
-  }, a;
 }
-function D(n, l) {
-  if (n === void 0)
-    throw new Error(`Unexpected undefined${l ? `: ${l}` : ""}`);
-  return n;
+function d(t, e) {
+  if (typeof t != "string")
+    throw new o("Invalid token specified: must be a string");
+  e || (e = {});
+  const r = e.header === !0 ? 0 : 1, n = t.split(".")[r];
+  if (typeof n != "string")
+    throw new o(`Invalid token specified: missing part #${r + 1}`);
+  let c;
+  try {
+    c = s(n);
+  } catch (a) {
+    throw new o(`Invalid token specified: invalid base64 for part #${r + 1} (${a.message})`);
+  }
+  try {
+    return JSON.parse(c);
+  } catch (a) {
+    throw new o(`Invalid token specified: invalid json for part #${r + 1} (${a.message})`);
+  }
 }
-const E = (n, l) => Math.abs(n - l) < 1, y = (n, l, e) => {
-  let t;
-  return function(...d) {
-    n.clearTimeout(t), t = n.setTimeout(() => l.apply(this, d), e);
-  };
-};
 export {
-  E as approxEqual,
-  y as debounce,
-  v as memo,
-  D as notUndefined
+  o as InvalidTokenError,
+  d as jwtDecode
 };

package/index.es197.js

@@ -1,235 +1,2 @@
-import { useMemo as l, useLayoutEffect as R, useEffect as g, useRef as o, useCallback as i } from "react";
-function Y() {
-  for (var n = arguments.length, t = new Array(n), e = 0; e < n; e++)
-    t[e] = arguments[e];
-  return l(
-    () => (u) => {
-      t.forEach((r) => r(u));
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    t
-  );
-}
-const D = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
-function a(n) {
-  const t = Object.prototype.toString.call(n);
-  return t === "[object Window]" || // In Electron context the Window object serializes to [object global]
-  t === "[object global]";
-}
-function b(n) {
-  return "nodeType" in n;
-}
-function c(n) {
-  var t, e;
-  return n ? a(n) ? n : b(n) && (t = (e = n.ownerDocument) == null ? void 0 : e.defaultView) != null ? t : window : window;
-}
-function j(n) {
-  const {
-    Document: t
-  } = c(n);
-  return n instanceof t;
-}
-function C(n) {
-  return a(n) ? !1 : n instanceof c(n).HTMLElement;
-}
-function L(n) {
-  return n instanceof c(n).SVGElement;
-}
-function x(n) {
-  return n ? a(n) ? n.document : b(n) ? j(n) ? n : C(n) || L(n) ? n.ownerDocument : document : document : document;
-}
-const E = D ? R : g;
-function M(n) {
-  const t = o(n);
-  return E(() => {
-    t.current = n;
-  }), i(function() {
-    for (var e = arguments.length, u = new Array(e), r = 0; r < e; r++)
-      u[r] = arguments[r];
-    return t.current == null ? void 0 : t.current(...u);
-  }, []);
-}
-function A() {
-  const n = o(null), t = i((u, r) => {
-    n.current = setInterval(u, r);
-  }, []), e = i(() => {
-    n.current !== null && (clearInterval(n.current), n.current = null);
-  }, []);
-  return [t, e];
-}
-function I(n, t) {
-  t === void 0 && (t = [n]);
-  const e = o(n);
-  return E(() => {
-    e.current !== n && (e.current = n);
-  }, t), e;
-}
-function v(n, t) {
-  const e = o();
-  return l(
-    () => {
-      const u = n(e.current);
-      return e.current = u, u;
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [...t]
-  );
-}
-function N(n) {
-  const t = M(n), e = o(null), u = i(
-    (r) => {
-      r !== e.current && (t == null || t(r, e.current)), e.current = r;
-    },
-    //eslint-disable-next-line
-    []
-  );
-  return [e, u];
-}
-function F(n) {
-  const t = o();
-  return g(() => {
-    t.current = n;
-  }, [n]), t.current;
-}
-let f = {};
-function H(n, t) {
-  return l(() => {
-    if (t)
-      return t;
-    const e = f[n] == null ? 0 : f[n] + 1;
-    return f[n] = e, n + "-" + e;
-  }, [n, t]);
-}
-function S(n) {
-  return function(t) {
-    for (var e = arguments.length, u = new Array(e > 1 ? e - 1 : 0), r = 1; r < e; r++)
-      u[r - 1] = arguments[r];
-    return u.reduce((s, T) => {
-      const y = Object.entries(T);
-      for (const [d, p] of y) {
-        const m = s[d];
-        m != null && (s[d] = m + n * p);
-      }
-      return s;
-    }, {
-      ...t
-    });
-  };
-}
-const W = /* @__PURE__ */ S(1), q = /* @__PURE__ */ S(-1);
-function O(n) {
-  return "clientX" in n && "clientY" in n;
-}
-function z(n) {
-  if (!n)
-    return !1;
-  const {
-    KeyboardEvent: t
-  } = c(n.target);
-  return t && n instanceof t;
-}
-function V(n) {
-  if (!n)
-    return !1;
-  const {
-    TouchEvent: t
-  } = c(n.target);
-  return t && n instanceof t;
-}
-function G(n) {
-  if (V(n)) {
-    if (n.touches && n.touches.length) {
-      const {
-        clientX: t,
-        clientY: e
-      } = n.touches[0];
-      return {
-        x: t,
-        y: e
-      };
-    } else if (n.changedTouches && n.changedTouches.length) {
-      const {
-        clientX: t,
-        clientY: e
-      } = n.changedTouches[0];
-      return {
-        x: t,
-        y: e
-      };
-    }
-  }
-  return O(n) ? {
-    x: n.clientX,
-    y: n.clientY
-  } : null;
-}
-const w = /* @__PURE__ */ Object.freeze({
-  Translate: {
-    toString(n) {
-      if (!n)
-        return;
-      const {
-        x: t,
-        y: e
-      } = n;
-      return "translate3d(" + (t ? Math.round(t) : 0) + "px, " + (e ? Math.round(e) : 0) + "px, 0)";
-    }
-  },
-  Scale: {
-    toString(n) {
-      if (!n)
-        return;
-      const {
-        scaleX: t,
-        scaleY: e
-      } = n;
-      return "scaleX(" + t + ") scaleY(" + e + ")";
-    }
-  },
-  Transform: {
-    toString(n) {
-      if (n)
-        return [w.Translate.toString(n), w.Scale.toString(n)].join(" ");
-    }
-  },
-  Transition: {
-    toString(n) {
-      let {
-        property: t,
-        duration: e,
-        easing: u
-      } = n;
-      return t + " " + e + "ms " + u;
-    }
-  }
-}), h = "a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";
-function K(n) {
-  return n.matches(h) ? n : n.querySelector(h);
-}
-export {
-  w as CSS,
-  W as add,
-  D as canUseDOM,
-  K as findFirstFocusableNode,
-  G as getEventCoordinates,
-  x as getOwnerDocument,
-  c as getWindow,
-  O as hasViewportRelativeCoordinates,
-  j as isDocument,
-  C as isHTMLElement,
-  z as isKeyboardEvent,
-  b as isNode,
-  L as isSVGElement,
-  V as isTouchEvent,
-  a as isWindow,
-  q as subtract,
-  Y as useCombinedRefs,
-  M as useEvent,
-  A as useInterval,
-  E as useIsomorphicLayoutEffect,
-  I as useLatestValue,
-  v as useLazyMemo,
-  N as useNodeRef,
-  F as usePrevious,
-  H as useUniqueId
-};
+import { __require as e } from "./index.es210.js";
+e();

package/index.es198.js

@@ -1,56 +1,6 @@
-import a, { useState as r, useCallback as c } from "react";
-const d = {
-  display: "none"
-};
-function u(e) {
-  let {
-    id: n,
-    value: t
-  } = e;
-  return a.createElement("div", {
-    id: n,
-    style: d
-  }, t);
-}
-function s(e) {
-  let {
-    id: n,
-    announcement: t,
-    ariaLiveType: i = "assertive"
-  } = e;
-  const o = {
-    position: "fixed",
-    top: 0,
-    left: 0,
-    width: 1,
-    height: 1,
-    margin: -1,
-    border: 0,
-    padding: 0,
-    overflow: "hidden",
-    clip: "rect(0 0 0 0)",
-    clipPath: "inset(100%)",
-    whiteSpace: "nowrap"
-  };
-  return a.createElement("div", {
-    id: n,
-    style: o,
-    role: "status",
-    "aria-live": i,
-    "aria-atomic": !0
-  }, t);
-}
-function p() {
-  const [e, n] = r("");
-  return {
-    announce: c((i) => {
-      i != null && n(i);
-    }, []),
-    announcement: e
-  };
+function r(o) {
+  throw new Error('Could not dynamically require "' + o + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
 }
 export {
-  u as HiddenText,
-  s as LiveRegion,
-  p as useAnnouncement
+  r as commonjsRequire
 };

package/index.es199.js

@@ -1,20 +1,4 @@
-var m = 1, $ = 0.9, k = 0.8, B = 0.17, v = 0.1, f = 0.999, D = 0.9999, G = 0.99, H = /[\\\/_+.#"@\[\(\{&]/, J = /[\\\/_+.#"@\[\(\{&]/g, K = /[\s-]/, A = /[\s-]/g;
-function w(a, c, o, h, e, n, i) {
-  if (n === c.length)
-    return e === a.length ? m : G;
-  var s = `${e},${n}`;
-  if (i[s] !== void 0)
-    return i[s];
-  for (var d = h.charAt(n), r = o.indexOf(d, e), u = 0, t, l, g, p; r >= 0; )
-    t = w(a, c, o, h, r + 1, n + 1, i), t > u && (r === e ? t *= m : H.test(a.charAt(r - 1)) ? (t *= k, g = a.slice(e, r - 1).match(J), g && e > 0 && (t *= Math.pow(f, g.length))) : K.test(a.charAt(r - 1)) ? (t *= $, p = a.slice(e, r - 1).match(A), p && e > 0 && (t *= Math.pow(f, p.length))) : (t *= B, e > 0 && (t *= Math.pow(f, r - e))), a.charAt(r) !== c.charAt(n) && (t *= D)), (t < v && o.charAt(r - 1) === h.charAt(n + 1) || h.charAt(n + 1) === h.charAt(n) && o.charAt(r - 1) !== h.charAt(n)) && (l = w(a, c, o, h, r + 1, n + 2, i), l * v > t && (t = l * v)), t > u && (u = t), r = o.indexOf(d, r + 1);
-  return i[s] = u, u;
-}
-function x(a) {
-  return a.toLowerCase().replace(A, " ");
-}
-function M(a, c) {
-  return w(a, c, x(a), x(c), 0, 0, {});
-}
+var e = { exports: {} };
 export {
-  M as a
+  e as __module
 };

package/index.es20.js

@@ -1,26 +1,189 @@
-import { jsx as o } from "react/jsx-runtime";
-import * as a from "@radix-ui/react-avatar";
-import * as m from "react";
-import { cn as s } from "./index.es89.js";
-const t = m.forwardRef(
-  ({ className: e, ...r }, l) => /* @__PURE__ */ o(a.Root, { ref: l, className: s("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", e), ...r })
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { useSortable as R } from "./index.es120.js";
+import { cva as I } from "./index.es118.js";
+import * as n from "react";
+import { cn as d } from "./index.es94.js";
+import { strings as m } from "./index.es95.js";
+import { ComboboxControlNoForm as T } from "./index.es11.js";
+import { Button as N } from "./index.es27.js";
+import { DropdownMenu as V, DropdownMenuTrigger as k, DropdownMenuContent as A, DropdownMenuItem as j } from "./index.es37.js";
+import B from "./index.es129.js";
+import M from "./index.es130.js";
+import { Stack as S } from "./index.es47.js";
+import H from "./index.es131.js";
+const F = I("flex gap-space-04 flex-grow", {
+  variants: {
+    direction: {
+      col: "flex-col",
+      row: "flex-row"
+    }
+  },
+  defaultVariants: {
+    direction: "col"
+  }
+}), L = n.forwardRef(
+  ({ className: r, onConfigChange: e, isDragOverlay: s, isEditMode: a, config: o, isOver: i, children: p, ...u }, f) => {
+    const [c, b] = n.useState(!1), { attributes: w, listeners: g, setNodeRef: z, isDragging: x, transform: h, transition: W } = R({
+      id: o.alias,
+      disabled: !a || c
+    }), y = {
+      transform: h ? `translate3d(${h.x}px, ${h.y}px, 0)` : void 0,
+      transition: W
+    };
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        ref: z,
+        ...w,
+        ...a && !s ? g : {},
+        className: d(
+          "cursor-auto rounded-3 border-2 transition-all duration-200",
+          a && !s && ["border-dashed", i ? "border-2 border-primary" : "border-border", x && "opacity-50"],
+          s && ["border border-solid border-primary"],
+          !a && "border-transparent",
+          o.size === "full" ? "sm:col-span-2" : "sm:col-span-1",
+          a && "cursor-move"
+        ),
+        children: /* @__PURE__ */ t(
+          "div",
+          {
+            style: y,
+            className: d(
+              "rounded-3 bg-background shadow-card-shadow transition-all duration-200",
+              x && "invisible",
+              a && "hover:shadow-card-hover-02"
+            ),
+            children: /* @__PURE__ */ l("div", { className: "flex flex-col", children: [
+              a && /* @__PURE__ */ t(
+                v,
+                {
+                  isResizable: o.isResizable,
+                  isMandatory: o.isMandatory,
+                  size: o.size,
+                  onSizeChange: (D) => e == null ? void 0 : e({ alias: o.alias, size: D }),
+                  onDelete: () => {
+                    e == null || e({ alias: o.alias, isVisible: !1 });
+                  },
+                  onButtonHover: b
+                }
+              ),
+              /* @__PURE__ */ t(
+                "div",
+                {
+                  ref: f,
+                  className: d(
+                    "flex h-[380px] flex-col gap-space-04 rounded-3 border border-border-secondary bg-card p-space-04 transition-all duration-200",
+                    { "pointer-events-none": a },
+                    r
+                  ),
+                  ...u,
+                  children: p
+                }
+              )
+            ] })
+          }
+        )
+      }
+    );
+  }
 );
-t.displayName = a.Root.displayName;
-const f = m.forwardRef(
-  ({ className: e, ...r }, l) => /* @__PURE__ */ o(a.Image, { ref: l, className: s("aspect-square h-full w-full", e), ...r })
+L.displayName = "Widget";
+const $ = n.forwardRef(({ className: r, ...e }, s) => /* @__PURE__ */ t("div", { ref: s, className: d("flex items-center justify-between bg-card", r), ...e }));
+$.displayName = "WidgetHeader";
+const P = n.forwardRef(({ className: r, children: e, ...s }, a) => /* @__PURE__ */ t("h3", { ref: a, className: d("flex items-center gap-space-02 text-subtitle-01 font-bold text-card-foreground", r), ...s, children: e }));
+P.displayName = "WidgetTitle";
+const q = ({ actions: r }) => {
+  if (r.length === 1) {
+    const { label: e, icon: s, onClick: a, "data-testid": o, ...i } = r[0];
+    return /* @__PURE__ */ l(
+      N,
+      {
+        onClick: a,
+        variant: i.variant,
+        "data-testid": o,
+        size: i.size,
+        ...i,
+        className: d(i.className),
+        children: [
+          s,
+          e
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ l(V, { children: [
+    /* @__PURE__ */ t(k, { asChild: !0, children: /* @__PURE__ */ t(N, { variant: "text", colors: "neutral", size: "icon", children: /* @__PURE__ */ t(B, { className: "h-5 w-5" }) }) }),
+    /* @__PURE__ */ t(A, { className: "min-w-[232px]", children: r.map((e) => {
+      const { label: s, icon: a, "data-testid": o, onClick: i } = e;
+      return /* @__PURE__ */ l(j, { onClick: i, className: "cursor-pointer", "data-testid": o, children: [
+        a && /* @__PURE__ */ t("span", { className: "mr-2", children: a }),
+        s
+      ] }, e == null ? void 0 : e.label);
+    }) })
+  ] });
+};
+q.displayName = "WidgetActions";
+const G = n.forwardRef(
+  ({ className: r, direction: e, ...s }, a) => /* @__PURE__ */ t("div", { ref: a, className: d(F({ direction: e }), "overflow-hidden", r), ...s })
 );
-f.displayName = a.Image.displayName;
-const i = m.forwardRef(({ className: e, ...r }, l) => /* @__PURE__ */ o(
-  a.Fallback,
-  {
-    ref: l,
-    className: s("flex h-full w-full items-center justify-center rounded-full border-[3px] border-card bg-primary-container", e),
-    ...r
+G.displayName = "WidgetContent";
+const J = (r) => ({
+  onMouseEnter: () => r(!0),
+  onMouseLeave: () => r(!1),
+  onTouchStart: () => r(!0),
+  onTouchEnd: () => {
+    setTimeout(() => r(!1), 100);
+  }
+}), v = n.forwardRef(
+  ({ onSizeChange: r, isMandatory: e, isResizable: s, onDelete: a, size: o, className: i, onButtonHover: p, ...u }, f) => {
+    const c = J(p ?? (() => {
+    }));
+    return /* @__PURE__ */ l(
+      "div",
+      {
+        ref: f,
+        className: d(
+          "relative z-50 flex min-h-space-09 items-center justify-between gap-space-01 rounded-3 bg-background p-space-02",
+          i
+        ),
+        ...u,
+        children: [
+          /* @__PURE__ */ t(M, { className: "size-[18px]" }),
+          /* @__PURE__ */ l(S, { gap: 2, alignItems: "center", children: [
+            s && /* @__PURE__ */ t("div", { ...c, children: /* @__PURE__ */ t(
+              T,
+              {
+                className: "hidden sm:flex",
+                rounded: "default",
+                size: "sm",
+                options: [
+                  { Name: m.DragAndDrop.Half, Value: "half" },
+                  { Name: m.DragAndDrop.Full, Value: "full" }
+                ],
+                optionLabel: "Name",
+                optionValue: "Value",
+                placeholder: m.DragAndDrop.Width,
+                onChange: (b) => {
+                  r && r(b);
+                },
+                value: o ?? ""
+              }
+            ) }),
+            !e && /* @__PURE__ */ t("div", { ...c, children: /* @__PURE__ */ l(N, { variant: "outline", size: "sm", onClick: a, className: "gap-space-01", rounded: "default", children: [
+              /* @__PURE__ */ t(H, { className: "size-[20px]" }),
+              m.DragAndDrop.Delete
+            ] }) })
+          ] })
+        ]
+      }
+    );
   }
-));
-i.displayName = a.Fallback.displayName;
+);
+v.displayName = "WidgetEditMode";
 export {
-  t as Avatar,
-  i as AvatarFallback,
-  f as AvatarImage
+  L as Widget,
+  q as WidgetActions,
+  G as WidgetContent,
+  $ as WidgetHeader,
+  P as WidgetTitle
 };

package/index.es200.js

@@ -1,37 +1,15 @@
-function y(n) {
-  return Object.prototype.toString.call(n) === "[object Object]";
-}
-function a(n) {
-  return y(n) || Array.isArray(n);
-}
-function p() {
-  return !!(typeof window < "u" && window.document && window.document.createElement);
-}
-function l(n, t) {
-  const e = Object.keys(n), c = Object.keys(t);
-  if (e.length !== c.length)
-    return !1;
-  const s = JSON.stringify(Object.keys(n.breakpoints || {})), u = JSON.stringify(Object.keys(t.breakpoints || {}));
-  return s !== u ? !1 : e.every((o) => {
-    const r = n[o], i = t[o];
-    return typeof r == "function" ? `${r}` == `${i}` : !a(r) || !a(i) ? r === i : l(r, i);
-  });
-}
-function f(n) {
-  return n.concat().sort((t, e) => t.name > e.name ? 1 : -1).map((t) => t.options);
-}
-function O(n, t) {
-  if (n.length !== t.length)
-    return !1;
-  const e = f(n), c = f(t);
-  return e.every((s, u) => {
-    const o = c[u];
-    return l(s, o);
-  });
+function u() {
+  for (var e = 0, t, n, r = ""; e < arguments.length; )
+    (t = arguments[e++]) && (n = a(t)) && (r && (r += " "), r += n);
+  return r;
+}
+function a(e) {
+  if (typeof e == "string")
+    return e;
+  for (var t, n = "", r = 0; r < e.length; r++)
+    e[r] && (t = a(e[r])) && (n && (n += " "), n += t);
+  return n;
 }
 export {
-  l as areOptionsEqual,
-  O as arePluginsEqual,
-  p as canUseDOM,
-  f as sortAndMapPluginToOptions
+  u as twJoin
 };