mada-design-system 0.0.10 → 0.1.1

package/index.es169.js

@@ -1,3 +1,235 @@
-import { commonjsGlobal as e } from "./index.es170.js";
-var t = typeof e == "object" && e && e.Object === Object && e, o = typeof self == "object" && self && self.Object === Object && self;
-t || o || Function("return this")();
+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
+};

package/index.es17.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { cva as c } from "./index.es98.js";
 import * as a from "react";
-import { cn as o } from "./index.es77.js";
+import { cn as o } from "./index.es78.js";
 const l = c(
   "relative w-full rounded-2 border p-space-03 [&>svg~*]:ps-11 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:start-[1.2rem] [&>svg]:top-[1.2rem] [&>svg]:text-foreground [&>svg]:w-8 [&>svg]:h-8",
   {

package/index.es170.js

@@ -1,8 +1,56 @@
-var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function l(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+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
+  };
 }
 export {
-  o as commonjsGlobal,
-  l as getDefaultExportFromCjs
+  u as HiddenText,
+  s as LiveRegion,
+  p as useAnnouncement
 };

package/index.es171.js

@@ -1,4 +1,8 @@
-var s = { exports: {} };
+var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function l(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
 export {
-  s as __module
+  o as commonjsGlobal,
+  l as getDefaultExportFromCjs
 };

package/index.es172.js

@@ -1,235 +1,33 @@
-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
+import { forwardRef as f, createElement as e } from "react";
+import l from "./index.es173.js";
+const b = (a, s) => {
+  const r = f(
+    ({
+      color: p = "currentColor",
+      size: o = 24,
+      strokeWidth: d = 2,
+      absoluteStrokeWidth: h,
+      className: m = "",
+      children: t,
+      ...n
+    }, i) => e(
+      "svg",
+      {
+        ref: i,
+        ...l,
+        width: o,
+        height: o,
+        className: [m].join(" "),
+        ...n
+      },
+      [
+        ...s.map(([u, c]) => e(u, c)),
+        ...Array.isArray(t) ? t : [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);
-}
+  return r.displayName = `${a}`, r;
+};
 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
+  b as default
 };

package/index.es173.js

@@ -1,56 +1,14 @@
-import a, { useState as r, useCallback as c } from "react";
-const d = {
-  display: "none"
+var t = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+  // stroke: 'currentColor',
+  // strokeWidth: 2,
+  // strokeLinecap: 'round',
+  // strokeLinejoin: 'round',
 };
-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
-  };
-}
 export {
-  u as HiddenText,
-  s as LiveRegion,
-  p as useAnnouncement
+  t as default
 };