mada-design-system 0.5.0 → 0.5.1

package/index.es319.js

@@ -1,7 +1,8 @@
-function u(t) {
-  const n = {};
-  return (e) => (n[e] === void 0 && (n[e] = t(e)), n[e]);
-}
+import { __module as r } from "./index.es381.js";
+import { __require as e } from "./index.es382.js";
+import { __require as o } from "./index.es383.js";
+process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
+var i = r.exports;
 export {
-  u as default
+  i as r
 };

package/index.es32.js

@@ -1,73 +1,125 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { cva as s } from "./index.es104.js";
-import { cn as d } from "./index.es84.js";
-const n = s(
-  "fill-background [&>ellipse]:fill-foreground-secondary [&>path:last-child]:fill-foreground-secondary [&>rect]:fill-foreground-secondary group-data-[state=on]:[&>ellipse]:fill-white group-data-[state=on]:[&>path:last-child]:fill-white group-data-[state=on]:[&>rect]:fill-white",
+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.es85.js";
+import l from "./index.es134.js";
+import p from "./index.es135.js";
+import m from "./index.es136.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,
   {
-    variants: {
-      variant: {
-        awful: "[&>path]:stroke-border hover:fill-error-container [&>ellipse]:hover:fill-error [&>path:last-child]:hover:fill-error [&>path]:hover:stroke-error group-data-[state=on]:fill-error ",
-        bad: "[&>path]:stroke-border hover:fill-warning-container [&>ellipse]:hover:fill-warning-dark [&>path:last-child]:hover:fill-warning-dark [&>path]:hover:stroke-warning-light group-data-[state=on]:fill-warning-dark ",
-        ok: "[&>path]:stroke-border hover:fill-warning-container [&>ellipse]:hover:fill-warning-light [&>rect]:hover:fill-warning-light [&>path]:hover:stroke-warning-light group-data-[state=on]:fill-warning ",
-        good: "[&>path]:stroke-border hover:fill-success-container [&>ellipse]:hover:fill-success [&>path:last-child]:hover:fill-success [&>path]:hover:stroke-sucfill-success group-data-[state=on]:fill-success ",
-        great: "[&>path]:stroke-border hover:fill-primary-container [&>ellipse]:hover:fill-primary [&>path:last-child]:hover:fill-primary [&>path]:hover:stroke-prifill-primary group-data-[state=on]:fill-primary "
-      },
-      size: {
-        default: ""
-        // sm: 'w-space-04 h-space-04',
-      },
-      disabled: {
-        true: "fill-transparent [&>ellipse]:fill-disabled [&>path:last-child]:fill-disabled [&>path]:stroke-disabled [&>rect]:fill-disabled pointer-events-none"
-      }
-    },
-    defaultVariants: {
-      variant: "awful",
-      size: "default"
-    }
+    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
+    ),
+    ...n,
+    children: [
+      o,
+      /* @__PURE__ */ s(l, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+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
+    ),
+    ...o
+  }
+) }));
+b.displayName = e.Content.displayName;
+const w = r.forwardRef(({ className: a, inset: t, ...o }, n) => /* @__PURE__ */ s(
+  e.Item,
+  {
+    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
   }
-), c = ({ variant: l, size: r, disabled: t, className: i, ...a }) => /* @__PURE__ */ o(
-  "svg",
+));
+w.displayName = e.Item.displayName;
+const h = r.forwardRef(({ className: a, children: t, checked: o, ...n }, i) => /* @__PURE__ */ c(
+  e.CheckboxItem,
   {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 56,
-    height: 56,
-    fill: "none",
-    className: d(n({ variant: l, size: r, disabled: t }), i),
-    ...a,
+    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__ */ e("path", { d: "M.5 28C.5 12.812 12.812.5 28 .5S55.5 12.812 55.5 28 43.188 55.5 28 55.5.5 43.188.5 28Z" }),
-      /* @__PURE__ */ e("ellipse", { cx: 37.1, cy: 18.9, rx: 3.5, ry: 6.3 }),
-      /* @__PURE__ */ e("ellipse", { cx: 18.9, cy: 18.9, rx: 3.5, ry: 6.3 }),
-      (!l || l === "awful") && /* @__PURE__ */ e(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M42 43.4H14C15.237 37.0247 21.0346 32.2 28 32.2C34.9654 32.2 40.763 37.0247 42 43.4Z"
-        }
-      ),
-      l === "bad" && /* @__PURE__ */ e(
-        "path",
-        {
-          fillRule: "evenodd",
-          d: "M40.0704 43.4C41.4657 43.4 42.4458 42.0285 41.7947 40.7944C39.0888 35.6659 33.9249 32.2 27.9993 32.2C22.0756 32.2 16.913 35.6637 14.2065 40.7896C13.5537 42.0258 14.5357 43.4 15.9336 43.4C16.767 43.4 17.5036 42.8872 17.8998 42.154C19.9086 38.4368 23.6809 35.9334 28.0034 35.9334C32.3267 35.9334 36.0996 38.4379 38.1081 42.1563C38.5034 42.8882 39.2387 43.4 40.0704 43.4Z",
-          clipRule: "evenodd"
-        }
-      ),
-      l === "ok" && /* @__PURE__ */ e("rect", { x: "16.0996", y: "39.2", width: "23.8", height: "4.2", rx: "2.1" }),
-      l === "good" && /* @__PURE__ */ e(
-        "path",
-        {
-          fillRule: "evenodd",
-          d: "M40.0704 36.4C41.4657 36.4 42.4458 37.7715 41.7947 39.0055C39.0888 44.1341 33.9249 47.6 27.9993 47.6C22.0756 47.6 16.913 44.1363 14.2065 39.0103C13.5537 37.7742 14.5357 36.4 15.9336 36.4C16.767 36.4 17.5036 36.9128 17.8998 37.646C19.9086 41.3632 23.681 43.8666 28.0034 43.8666C32.3267 43.8666 36.0996 41.3621 38.1081 37.6437C38.5034 36.9118 39.2387 36.4 40.0704 36.4Z",
-          clipRule: "evenodd"
-        }
-      ),
-      l === "great" && /* @__PURE__ */ e("path", { fillRule: "evenodd", d: "M42 36.4H14c1.237 6.375 7.035 11.2 14 11.2s12.763-4.825 14-11.2Z", clipRule: "evenodd" })
+      /* @__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 {
-  c as Emoji,
-  c as default
+  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,9 +1,7 @@
-import e from "./index.es277.js";
-function o(r) {
-  if (typeof r != "string")
-    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : e(7));
-  return r.charAt(0).toUpperCase() + r.slice(1);
+function n(t) {
+  const e = t.documentElement.clientWidth;
+  return Math.abs(window.innerWidth - e);
 }
 export {
-  o as default
+  n as default
 };

package/index.es321.js

@@ -1,34 +1,6 @@
-import { r as n } from "./index.es339.js";
-const i = /^\s*function(?:\s|\s*\/\*.*\*\/\s*)+([^(\s/]*)\s*/;
-function c(e) {
-  const t = `${e}`.match(i);
-  return t && t[1] || "";
-}
-function f(e, t = "") {
-  return e.displayName || e.name || c(e) || t;
-}
-function u(e, t, r) {
-  const a = f(t);
-  return e.displayName || (a !== "" ? `${r}(${a})` : r);
-}
-function d(e) {
-  if (e != null) {
-    if (typeof e == "string")
-      return e;
-    if (typeof e == "function")
-      return f(e, "Component");
-    if (typeof e == "object")
-      switch (e.$$typeof) {
-        case n.ForwardRef:
-          return u(e, e.render, "ForwardRef");
-        case n.Memo:
-          return u(e, e.type, "memo");
-        default:
-          return;
-      }
-  }
+function n(e) {
+  return e && e.ownerDocument || document;
 }
 export {
-  d as default,
-  c as getFunctionName
+  n as default
 };

package/index.es322.js

@@ -1,61 +1,119 @@
-import v from "./index.es195.js";
-import f from "./index.es194.js";
-const h = ["values", "unit", "step"], $ = (i) => {
-  const t = Object.keys(i).map((r) => ({
-    key: r,
-    val: i[r]
-  })) || [];
-  return t.sort((r, u) => r.val - u.val), t.reduce((r, u) => f({}, r, {
-    [u.key]: u.val
-  }), {});
-};
-function w(i) {
+import P from "./index.es206.js";
+import i from "./index.es205.js";
+import * as l from "react";
+import e from "./index.es207.js";
+import { clsx as x } from "./index.es107.js";
+import L from "./index.es219.js";
+import T from "./index.es228.js";
+import v from "./index.es314.js";
+import { getListUtilityClass as y } from "./index.es413.js";
+import { jsx as j, jsxs as N } from "react/jsx-runtime";
+import R from "./index.es227.js";
+const C = ["children", "className", "component", "dense", "disablePadding", "subheader"], O = (s) => {
   const {
-    // The breakpoint **start** at this value.
-    // For instance with the first breakpoint xs: [xs, sm).
-    values: t = {
-      xs: 0,
-      // phone
-      sm: 600,
-      // tablet
-      md: 900,
-      // small laptop
-      lg: 1200,
-      // desktop
-      xl: 1536
-      // large screen
-    },
-    unit: r = "px",
-    step: u = 5
-  } = i, m = v(i, h), c = $(t), n = Object.keys(c);
-  function s(e) {
-    return `@media (min-width:${typeof t[e] == "number" ? t[e] : e}${r})`;
-  }
-  function l(e) {
-    return `@media (max-width:${(typeof t[e] == "number" ? t[e] : e) - u / 100}${r})`;
-  }
-  function a(e, o) {
-    const d = n.indexOf(o);
-    return `@media (min-width:${typeof t[e] == "number" ? t[e] : e}${r}) and (max-width:${(d !== -1 && typeof t[n[d]] == "number" ? t[n[d]] : o) - u / 100}${r})`;
-  }
-  function p(e) {
-    return n.indexOf(e) + 1 < n.length ? a(e, n[n.indexOf(e) + 1]) : s(e);
-  }
-  function x(e) {
-    const o = n.indexOf(e);
-    return o === 0 ? s(n[1]) : o === n.length - 1 ? l(n[o]) : a(e, n[n.indexOf(e) + 1]).replace("@media", "@media not all and");
+    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];
   }
-  return f({
-    keys: n,
-    values: c,
-    up: s,
-    down: l,
-    between: a,
-    only: p,
-    not: x,
-    unit: r
-  }, m);
-}
+})(({
+  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 {
-  w as default
+  k as default
 };

package/index.es323.js

@@ -1,15 +1,6 @@
-import { createUnarySpacing as c } from "./index.es313.js";
-function u(e = 8) {
-  if (e.mui)
-    return e;
-  const o = c({
-    spacing: e
-  }), n = (...r) => (process.env.NODE_ENV !== "production" && r.length <= 4, (r.length === 0 ? [1] : r).map((a) => {
-    const t = o(a);
-    return typeof t == "number" ? `${t}px` : t;
-  }).join(" "));
-  return n.mui = !0, n;
+function e(t, n) {
+  typeof t == "function" ? t(n) : t && (t.current = n);
 }
 export {
-  u as default
+  e as default
 };

package/index.es324.js

@@ -1,6 +1,4 @@
-const s = {
-  borderRadius: 4
-}, a = s;
+var r = {};
 export {
-  a as default
+  r as __exports
 };

package/index.es325.js

@@ -1,12 +1,4 @@
-import * as n from "react";
-import { T as o } from "./index.es326.js";
-function r(e) {
-  return Object.keys(e).length === 0;
-}
-function s(e = null) {
-  const t = n.useContext(o);
-  return !t || r(t) ? e : t;
-}
+var e = {};
 export {
-  s as default
+  e as __exports
 };

package/index.es326.js

@@ -1,57 +1,15 @@
-import * as a from "react";
-import { forwardRef as _, useContext as g } from "react";
-import p from "./index.es395.js";
-import { getRegisteredStyles as O, registerStyles as C, insertStyles as y } from "./index.es366.js";
-import { serializeStyles as d } from "./index.es368.js";
-import { useInsertionEffectAlwaysWithSyncFallback as h } from "./index.es367.js";
-var S = {}.hasOwnProperty, m = /* @__PURE__ */ a.createContext(
-  // we're doing this to avoid preconstruct's dead code elimination in this one case
-  // because this module is primarily intended for the browser and node
-  // but it's also required in react native and similar environments sometimes
-  // and we could have a special build just for that
-  // but this is much easier and the native packages
-  // might use a different theme context in the future anyway
-  typeof HTMLElement < "u" ? /* @__PURE__ */ p({
-    key: "css"
-  }) : null
-);
-process.env.NODE_ENV !== "production" && (m.displayName = "EmotionCacheContext");
-m.Provider;
-var T = function(t) {
-  return /* @__PURE__ */ _(function(i, r) {
-    var n = g(m);
-    return t(i, n, r);
-  });
-}, v = /* @__PURE__ */ a.createContext({});
-process.env.NODE_ENV !== "production" && (v.displayName = "EmotionThemeContext");
-var u = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", N = "__EMOTION_LABEL_PLEASE_DO_NOT_USE__", P = function(t) {
-  var i = t.cache, r = t.serialized, n = t.isStringTag;
-  return C(i, r, n), h(function() {
-    return y(i, r, n);
-  }), null;
-}, x = /* @__PURE__ */ T(function(e, t, i) {
-  var r = e.css;
-  typeof r == "string" && t.registered[r] !== void 0 && (r = t.registered[r]);
-  var n = e[u], f = [r], c = "";
-  typeof e.className == "string" ? c = O(t.registered, f, e.className) : e.className != null && (c = e.className + " ");
-  var s = d(f, void 0, a.useContext(v));
-  if (process.env.NODE_ENV !== "production" && s.name.indexOf("-") === -1) {
-    var E = e[N];
-    E && (s = d([s, "label:" + E + ";"]));
-  }
-  c += t.key + "-" + s.name;
-  var l = {};
-  for (var o in e)
-    S.call(e, o) && o !== "css" && o !== u && (process.env.NODE_ENV === "production" || o !== N) && (l[o] = e[o]);
-  return l.ref = i, l.className = c, /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(P, {
-    cache: t,
-    serialized: s,
-    isStringTag: typeof n == "string"
-  }), /* @__PURE__ */ a.createElement(n, l));
-});
-process.env.NODE_ENV !== "production" && (x.displayName = "EmotionCssPropInternal");
+import r from "./index.es327.js";
+function y(e, o) {
+  const n = r(e, o);
+  return process.env.NODE_ENV !== "production" ? (...t) => {
+    const i = typeof e == "string" ? `"${e}"` : "component";
+    return t.length === 0 || t.some((s) => s === void 0), n(...t);
+  } : n;
+}
+const c = (e, o) => {
+  Array.isArray(e.__emotion_styles) && (e.__emotion_styles = o(e.__emotion_styles));
+};
 export {
-  v as T,
-  S as h,
-  T as w
+  y as default,
+  c as internal_processStyles
 };