mada-design-system 0.5.13 → 0.6.0

package/index.es319.js

@@ -1,17 +1,119 @@
-const t = (e) => e, a = () => {
-  let e = t;
-  return {
-    configure(r) {
-      e = r;
-    },
-    generate(r) {
-      return e(r);
-    },
-    reset() {
-      e = t;
-    }
-  };
-}, n = a(), s = n;
+import P from "./index.es200.js";
+import i from "./index.es199.js";
+import * as l from "react";
+import e from "./index.es201.js";
+import { clsx as x } from "./index.es130.js";
+import L from "./index.es213.js";
+import T from "./index.es222.js";
+import v from "./index.es311.js";
+import { getListUtilityClass as y } from "./index.es416.js";
+import { jsx as j, jsxs as N } from "react/jsx-runtime";
+import R from "./index.es221.js";
+const C = ["children", "className", "component", "dense", "disablePadding", "subheader"], O = (s) => {
+  const {
+    classes: o,
+    disablePadding: t,
+    dense: r,
+    subheader: n
+  } = s;
+  return R({
+    root: ["root", !t && "padding", r && "dense", n && "subheader"]
+  }, y, o);
+}, _ = L("ul", {
+  name: "MuiList",
+  slot: "Root",
+  overridesResolver: (s, o) => {
+    const {
+      ownerState: t
+    } = s;
+    return [o.root, !t.disablePadding && o.padding, t.dense && o.dense, t.subheader && o.subheader];
+  }
+})(({
+  ownerState: s
+}) => i({
+  listStyle: "none",
+  margin: 0,
+  padding: 0,
+  position: "relative"
+}, !s.disablePadding && {
+  paddingTop: 8,
+  paddingBottom: 8
+}, s.subheader && {
+  paddingTop: 0
+})), m = /* @__PURE__ */ l.forwardRef(function(o, t) {
+  const r = T({
+    props: o,
+    name: "MuiList"
+  }), {
+    children: n,
+    className: a,
+    component: c = "ul",
+    dense: d = !1,
+    disablePadding: u = !1,
+    subheader: f
+  } = r, b = P(r, C), h = l.useMemo(() => ({
+    dense: d
+  }), [d]), p = i({}, r, {
+    component: c,
+    dense: d,
+    disablePadding: u
+  }), g = O(p);
+  return /* @__PURE__ */ j(v.Provider, {
+    value: h,
+    children: /* @__PURE__ */ N(_, i({
+      as: c,
+      className: x(g.root, a),
+      ref: t,
+      ownerState: p
+    }, b, {
+      children: [f, n]
+    }))
+  });
+});
+process.env.NODE_ENV !== "production" && (m.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * The content of the component.
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: e.elementType,
+  /**
+   * If `true`, compact vertical padding designed for keyboard and mouse input is used for
+   * the list and list items.
+   * The prop is available to descendant components as the `dense` context.
+   * @default false
+   */
+  dense: e.bool,
+  /**
+   * If `true`, vertical padding is removed from the list.
+   * @default false
+   */
+  disablePadding: e.bool,
+  /**
+   * The content of the subheader, normally `ListSubheader`.
+   */
+  subheader: e.node,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
+});
+const k = m;
 export {
-  s as default
+  k as default
 };

package/index.es32.js

@@ -1,100 +1,125 @@
-import { jsx as o, jsxs as d } from "react/jsx-runtime";
-import * as t from "@radix-ui/react-dialog";
-import * as l from "react";
-import { clsx as g } from "./index.es130.js";
-import { cn as s } from "./index.es86.js";
-import "./index.es2.js";
-import { Button as u } from "./index.es23.js";
-import { ScrollArea as x, ScrollBar as y } from "./index.es63.js";
-import N from "./index.es109.js";
-import D from "./index.es90.js";
-const _ = t.Root, A = t.Trigger, b = t.Portal, w = t.Close, n = l.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ o(
-  t.Overlay,
+import { jsxs as c, jsx as s } from "react/jsx-runtime";
+import * as e from "@radix-ui/react-dropdown-menu";
+import * as r from "react";
+import { cn as d } from "./index.es86.js";
+import l from "./index.es131.js";
+import p from "./index.es132.js";
+import m from "./index.es133.js";
+const S = e.Root, C = e.Trigger, z = e.Group, k = e.Portal, T = e.Sub, j = e.RadioGroup, u = r.forwardRef(({ className: a, inset: t, children: o, ...n }, i) => /* @__PURE__ */ c(
+  e.SubTrigger,
   {
-    ref: r,
-    className: s(
-      "fixed inset-0 z-50 bg-background-overlay backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      e
+    ref: i,
+    className: d(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[state=open]:bg-accent focus:bg-accent",
+      t && "pl-8",
+      a
     ),
-    ...a
+    ...n,
+    children: [
+      o,
+      /* @__PURE__ */ s(l, { className: "ml-auto h-4 w-4" })
+    ]
   }
 ));
-n.displayName = t.Overlay.displayName;
-const v = l.forwardRef(({ className: e, ignoreInteractOutside: a, hideOverlay: r, overlayClassName: i, children: m, ...c }, p) => /* @__PURE__ */ d(b, { children: [
-  /* @__PURE__ */ o(
-    n,
-    {
-      className: g(i, {
-        "bg-transparent": r
-      })
-    }
-  ),
-  /* @__PURE__ */ o(
-    t.Content,
-    {
-      onInteractOutside: (f) => {
-        a && f.preventDefault();
-      },
-      ref: p,
-      className: s(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-[90%] translate-x-[-50%] translate-y-[-50%] rounded-4  border bg-card   shadow-lg duration-200  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] md:w-full md:max-w-screen-sm xl:max-w-screen-lg xl:max-w-screen-lg",
-        e
-      ),
-      ...c,
-      children: m
-    }
-  )
-] }));
-v.displayName = t.Content.displayName;
-const h = ({ className: e, ...a }) => /* @__PURE__ */ d("div", { className: s("flex  flex-row items-center border-b border-border-primary p-space-04  ", e), ...a, children: [
-  a.children,
-  /* @__PURE__ */ o(w, { className: "ms-auto p-space-01", "data-testid": "sheetClose", asChild: !0, children: /* @__PURE__ */ o(u, { variant: "text", colors: "neutral", size: "icon-sm", children: /* @__PURE__ */ o(N, { size: 20 }) }) })
-] });
-h.displayName = "DialogHeader";
-const C = l.forwardRef(({ className: e, ...a }, r) => {
-  const { dir: i } = D();
-  return /* @__PURE__ */ d(x, { dir: i, className: "max-h-[calc(100vh_-_300px)] ", children: [
-    /* @__PURE__ */ o(
-      "div",
-      {
-        ref: r,
-        className: s(
-          // 'scrollbar-thumb-rounded-full scrollbar-track-rounded-full scrollbar-w-2.5 scrollbar-h-2.5 scrollbar scrollbar-track-transparent scrollbar-thumb-border',
-          "  my-space-05 overflow-auto px-space-05 text-foreground",
-          // `${isFooterUsed ? 'mb-space-11' : ''}`,
-          e
-        ),
-        ...a
-      }
+u.displayName = e.SubTrigger.displayName;
+const f = r.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ s(
+  e.SubContent,
+  {
+    ref: o,
+    className: d(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      a
+    ),
+    ...t
+  }
+));
+f.displayName = e.SubContent.displayName;
+const b = r.forwardRef(({ className: a, sideOffset: t = 4, ...o }, n) => /* @__PURE__ */ s(e.Portal, { children: /* @__PURE__ */ s(
+  e.Content,
+  {
+    ref: n,
+    sideOffset: t,
+    className: d(
+      "z-50 min-w-[8rem] overflow-hidden rounded-2 border bg-card p-space-02 text-foreground shadow-xsm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      a
     ),
-    /* @__PURE__ */ o(y, { orientation: "vertical" })
-  ] });
-});
-C.displayName = "DialogBody";
-const R = ({ className: e, ...a }) => /* @__PURE__ */ o(
-  "div",
+    ...o
+  }
+) }));
+b.displayName = e.Content.displayName;
+const w = r.forwardRef(({ className: a, inset: t, ...o }, n) => /* @__PURE__ */ s(
+  e.Item,
   {
-    className: s("flex flex-col gap-space-02 border-t border-border-primary p-space-04 sm:flex-row sm:justify-between", e),
-    ...a
+    ref: n,
+    className: d(
+      "relative flex cursor-default select-none items-center rounded-1 py-space-02 pe-space-02 ps-space-03 text-body-01 outline-none transition-colors data-[disabled]:pointer-events-none   data-[disabled]:text-disabled focus:bg-card-hover",
+      t && "pl-8",
+      a
+    ),
+    ...o
   }
-);
-R.displayName = "DialogFooter";
-const z = l.forwardRef(
-  ({ className: e, ...a }, r) => /* @__PURE__ */ o(t.Title, { ref: r, className: s("text-body-01 font-semibold text-card-foreground", e), ...a })
-);
-z.displayName = t.Title.displayName;
-const T = l.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ o(t.Description, { ref: r, className: s("text-sm text-muted-foreground", e), ...a }));
-T.displayName = t.Description.displayName;
+));
+w.displayName = e.Item.displayName;
+const h = r.forwardRef(({ className: a, children: t, checked: o, ...n }, i) => /* @__PURE__ */ c(
+  e.CheckboxItem,
+  {
+    ref: i,
+    className: d(
+      "relative flex cursor-default select-none items-center  rounded-1 py-space-01 pe-space-01 ps-space-03 text-body-01 outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:text-disabled focus:bg-card-hover",
+      a
+    ),
+    checked: o,
+    ...n,
+    children: [
+      /* @__PURE__ */ s("span", { className: "absolute -start-space-01 flex h-space-04 w-space-04 items-center justify-center", children: /* @__PURE__ */ s(e.ItemIndicator, { children: /* @__PURE__ */ s(p, { className: "h-space-03 w-space-03" }) }) }),
+      t
+    ]
+  }
+));
+h.displayName = e.CheckboxItem.displayName;
+const N = r.forwardRef(({ className: a, children: t, ...o }, n) => /* @__PURE__ */ c(
+  e.RadioItem,
+  {
+    ref: n,
+    className: d(
+      "relative flex cursor-default select-none items-center rounded-1 py-space-01 pe-space-04 ps-space-03 text-body-01 outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:text-disabled focus:bg-card-hover",
+      a
+    ),
+    ...o,
+    children: [
+      /* @__PURE__ */ s("span", { className: "absolute -start-space-01 flex h-space-04 w-space-04 items-center justify-center", children: /* @__PURE__ */ s(e.ItemIndicator, { children: /* @__PURE__ */ s(m, { className: "h-space-02 w-space-02 fill-current" }) }) }),
+      t
+    ]
+  }
+));
+N.displayName = e.RadioItem.displayName;
+const y = r.forwardRef(({ className: a, inset: t, ...o }, n) => /* @__PURE__ */ s(
+  e.Label,
+  {
+    ref: n,
+    className: d("text-caption-01 font-bold text-foreground-secondary", t && "pl-8", a),
+    ...o
+  }
+));
+y.displayName = e.Label.displayName;
+const g = r.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ s(e.Separator, { ref: o, className: d("my-space-03 h-px bg-border", a), ...t }));
+g.displayName = e.Separator.displayName;
+const x = ({ className: a, ...t }) => /* @__PURE__ */ s("span", { className: d("ml-auto text-xs tracking-widest opacity-60", a), ...t });
+x.displayName = "DropdownMenuShortcut";
 export {
-  _ as Dialog,
-  C as DialogBody,
-  w as DialogClose,
-  v as DialogContent,
-  T as DialogDescription,
-  R as DialogFooter,
-  h as DialogHeader,
-  n as DialogOverlay,
-  b as DialogPortal,
-  z as DialogTitle,
-  A as DialogTrigger
+  S as DropdownMenu,
+  h as DropdownMenuCheckboxItem,
+  b as DropdownMenuContent,
+  z as DropdownMenuGroup,
+  w as DropdownMenuItem,
+  y as DropdownMenuLabel,
+  k as DropdownMenuPortal,
+  j as DropdownMenuRadioGroup,
+  N as DropdownMenuRadioItem,
+  g as DropdownMenuSeparator,
+  x as DropdownMenuShortcut,
+  T as DropdownMenuSub,
+  f as DropdownMenuSubContent,
+  u as DropdownMenuSubTrigger,
+  C as DropdownMenuTrigger
 };

package/index.es320.js

@@ -1,4 +1,6 @@
-var e = { exports: {} };
+function e(t, n) {
+  typeof t == "function" ? t(n) : t && (t.current = n);
+}
 export {
-  e as __module
+  e as default
 };

package/index.es321.js

@@ -1,47 +1,17 @@
-import { __exports as i } from "./index.es381.js";
-import h from "react";
-var f;
-function x() {
-  if (f)
-    return i;
-  f = 1;
-  var u = h;
-  function s(e, t) {
-    return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;
-  }
-  var S = typeof Object.is == "function" ? Object.is : s, d = u.useState, l = u.useEffect, p = u.useLayoutEffect, E = u.useDebugValue;
-  function v(e, t) {
-    var r = t(), a = d({ inst: { value: r, getSnapshot: t } }), n = a[0].inst, c = a[1];
-    return p(
-      function() {
-        n.value = r, n.getSnapshot = t, o(n) && c({ inst: n });
-      },
-      [e, r, t]
-    ), l(
-      function() {
-        return o(n) && c({ inst: n }), e(function() {
-          o(n) && c({ inst: n });
-        });
-      },
-      [e]
-    ), E(r), r;
-  }
-  function o(e) {
-    var t = e.getSnapshot;
-    e = e.value;
-    try {
-      var r = t();
-      return !S(e, r);
-    } catch {
-      return !0;
+const t = (e) => e, a = () => {
+  let e = t;
+  return {
+    configure(r) {
+      e = r;
+    },
+    generate(r) {
+      return e(r);
+    },
+    reset() {
+      e = t;
     }
-  }
-  function y(e, t) {
-    return t();
-  }
-  var m = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? y : v;
-  return i.useSyncExternalStore = u.useSyncExternalStore !== void 0 ? u.useSyncExternalStore : m, i;
-}
+  };
+}, n = a(), s = n;
 export {
-  x as __require
+  s as default
 };

package/index.es322.js

@@ -1,54 +1,4 @@
-import { __exports as s } from "./index.es382.js";
-import h from "react";
-var l;
-function A() {
-  return l ? s : (l = 1, process.env.NODE_ENV !== "production" && function() {
-    function d(e, t) {
-      return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;
-    }
-    function S(e, t) {
-      c || o.startTransition === void 0 || (c = !0);
-      var n = t();
-      if (!f) {
-        var u = t();
-        _(n, u) || (f = !0);
-      }
-      u = p({
-        inst: { value: n, getSnapshot: t }
-      });
-      var r = u[0].inst, i = u[1];
-      return L(
-        function() {
-          r.value = n, r.getSnapshot = t, a(r) && i({ inst: r });
-        },
-        [e, n, t]
-      ), E(
-        function() {
-          return a(r) && i({ inst: r }), e(function() {
-            a(r) && i({ inst: r });
-          });
-        },
-        [e]
-      ), y(n), n;
-    }
-    function a(e) {
-      var t = e.getSnapshot;
-      e = e.value;
-      try {
-        var n = t();
-        return !_(e, n);
-      } catch {
-        return !0;
-      }
-    }
-    function O(e, t) {
-      return t();
-    }
-    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var o = h, _ = typeof Object.is == "function" ? Object.is : d, p = o.useState, E = o.useEffect, L = o.useLayoutEffect, y = o.useDebugValue, c = !1, f = !1, v = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? O : S;
-    s.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : v, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  }(), s);
-}
+var e = { exports: {} };
 export {
-  A as __require
+  e as __module
 };

package/index.es323.js

@@ -1,4 +1,47 @@
-var r = {};
+import { __exports as i } from "./index.es387.js";
+import h from "react";
+var f;
+function x() {
+  if (f)
+    return i;
+  f = 1;
+  var u = h;
+  function s(e, t) {
+    return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;
+  }
+  var S = typeof Object.is == "function" ? Object.is : s, d = u.useState, l = u.useEffect, p = u.useLayoutEffect, E = u.useDebugValue;
+  function v(e, t) {
+    var r = t(), a = d({ inst: { value: r, getSnapshot: t } }), n = a[0].inst, c = a[1];
+    return p(
+      function() {
+        n.value = r, n.getSnapshot = t, o(n) && c({ inst: n });
+      },
+      [e, r, t]
+    ), l(
+      function() {
+        return o(n) && c({ inst: n }), e(function() {
+          o(n) && c({ inst: n });
+        });
+      },
+      [e]
+    ), E(r), r;
+  }
+  function o(e) {
+    var t = e.getSnapshot;
+    e = e.value;
+    try {
+      var r = t();
+      return !S(e, r);
+    } catch {
+      return !0;
+    }
+  }
+  function y(e, t) {
+    return t();
+  }
+  var m = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? y : v;
+  return i.useSyncExternalStore = u.useSyncExternalStore !== void 0 ? u.useSyncExternalStore : m, i;
+}
 export {
-  r as __exports
+  x as __require
 };

package/index.es324.js

@@ -1,4 +1,54 @@
-var e = {};
+import { __exports as s } from "./index.es388.js";
+import h from "react";
+var l;
+function A() {
+  return l ? s : (l = 1, process.env.NODE_ENV !== "production" && function() {
+    function d(e, t) {
+      return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;
+    }
+    function S(e, t) {
+      c || o.startTransition === void 0 || (c = !0);
+      var n = t();
+      if (!f) {
+        var u = t();
+        _(n, u) || (f = !0);
+      }
+      u = p({
+        inst: { value: n, getSnapshot: t }
+      });
+      var r = u[0].inst, i = u[1];
+      return L(
+        function() {
+          r.value = n, r.getSnapshot = t, a(r) && i({ inst: r });
+        },
+        [e, n, t]
+      ), E(
+        function() {
+          return a(r) && i({ inst: r }), e(function() {
+            a(r) && i({ inst: r });
+          });
+        },
+        [e]
+      ), y(n), n;
+    }
+    function a(e) {
+      var t = e.getSnapshot;
+      e = e.value;
+      try {
+        var n = t();
+        return !_(e, n);
+      } catch {
+        return !0;
+      }
+    }
+    function O(e, t) {
+      return t();
+    }
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var o = h, _ = typeof Object.is == "function" ? Object.is : d, p = o.useState, E = o.useEffect, L = o.useLayoutEffect, y = o.useDebugValue, c = !1, f = !1, v = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? O : S;
+    s.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : v, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  }(), s);
+}
 export {
-  e as __exports
+  A as __require
 };

package/index.es325.js

@@ -1,20 +1,4 @@
-import i from "./index.es326.js";
-import { serializeStyles as l } from "./index.es327.js";
-function m(e, o) {
-  const r = i(e, o);
-  return process.env.NODE_ENV !== "production" ? (...t) => {
-    const y = typeof e == "string" ? `"${e}"` : "component";
-    return t.length === 0 || t.some((s) => s === void 0), r(...t);
-  } : r;
-}
-const a = (e, o) => {
-  Array.isArray(e.__emotion_styles) && (e.__emotion_styles = o(e.__emotion_styles));
-}, n = [];
-function d(e) {
-  return n[0] = e, l(n);
-}
+var r = {};
 export {
-  m as default,
-  a as internal_processStyles,
-  d as internal_serializeStyles
+  r as __exports
 };