mada-design-system 0.5.0 → 0.5.2

package/index.es308.js

@@ -1,145 +1,17 @@
-import a from "./index.es364.js";
-import "react";
-var r = [
-  "a",
-  "abbr",
-  "address",
-  "area",
-  "article",
-  "aside",
-  "audio",
-  "b",
-  "base",
-  "bdi",
-  "bdo",
-  "big",
-  "blockquote",
-  "body",
-  "br",
-  "button",
-  "canvas",
-  "caption",
-  "cite",
-  "code",
-  "col",
-  "colgroup",
-  "data",
-  "datalist",
-  "dd",
-  "del",
-  "details",
-  "dfn",
-  "dialog",
-  "div",
-  "dl",
-  "dt",
-  "em",
-  "embed",
-  "fieldset",
-  "figcaption",
-  "figure",
-  "footer",
-  "form",
-  "h1",
-  "h2",
-  "h3",
-  "h4",
-  "h5",
-  "h6",
-  "head",
-  "header",
-  "hgroup",
-  "hr",
-  "html",
-  "i",
-  "iframe",
-  "img",
-  "input",
-  "ins",
-  "kbd",
-  "keygen",
-  "label",
-  "legend",
-  "li",
-  "link",
-  "main",
-  "map",
-  "mark",
-  "marquee",
-  "menu",
-  "menuitem",
-  "meta",
-  "meter",
-  "nav",
-  "noscript",
-  "object",
-  "ol",
-  "optgroup",
-  "option",
-  "output",
-  "p",
-  "param",
-  "picture",
-  "pre",
-  "progress",
-  "q",
-  "rp",
-  "rt",
-  "ruby",
-  "s",
-  "samp",
-  "script",
-  "section",
-  "select",
-  "small",
-  "source",
-  "span",
-  "strong",
-  "style",
-  "sub",
-  "summary",
-  "sup",
-  "table",
-  "tbody",
-  "td",
-  "textarea",
-  "tfoot",
-  "th",
-  "thead",
-  "time",
-  "title",
-  "tr",
-  "track",
-  "u",
-  "ul",
-  "var",
-  "video",
-  "wbr",
-  // SVG
-  "circle",
-  "clipPath",
-  "defs",
-  "ellipse",
-  "foreignObject",
-  "g",
-  "image",
-  "line",
-  "linearGradient",
-  "mask",
-  "path",
-  "pattern",
-  "polygon",
-  "polyline",
-  "radialGradient",
-  "rect",
-  "stop",
-  "svg",
-  "text",
-  "tspan"
-], t = a.bind();
-r.forEach(function(e) {
-  t[e] = t(e);
-});
+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;
 export {
-  t as default
+  s as default
 };

package/index.es309.js

@@ -1,45 +1,8 @@
-import i from "./index.es310.js";
-import b from "./index.es311.js";
-import l from "./index.es312.js";
-import { createUnaryUnit as u, getValue as c } from "./index.es313.js";
-import { handleBreakpoints as m } from "./index.es314.js";
-function e(r) {
-  return typeof r != "number" ? r : `${r}px solid`;
-}
-function o(r, t) {
-  return b({
-    prop: r,
-    themeKey: "borders",
-    transform: t
-  });
-}
-const f = o("border", e), a = o("borderTop", e), p = o("borderRight", e), R = o("borderBottom", e), C = o("borderLeft", e), h = o("borderColor"), y = o("borderTopColor"), T = o("borderRightColor"), B = o("borderBottomColor"), g = o("borderLeftColor"), L = o("outline", e), P = o("outlineColor"), d = (r) => {
-  if (r.borderRadius !== void 0 && r.borderRadius !== null) {
-    const t = u(r.theme, "shape.borderRadius", 4, "borderRadius"), n = (s) => ({
-      borderRadius: c(t, s)
-    });
-    return m(r, r.borderRadius, n);
-  }
-  return null;
-};
-d.propTypes = process.env.NODE_ENV !== "production" ? {
-  borderRadius: i
-} : {};
-d.filterProps = ["borderRadius"];
-l(f, a, p, R, C, h, y, T, B, g, d, L, P);
+import { __module as r } from "./index.es379.js";
+import { __require as e } from "./index.es380.js";
+import { __require as o } from "./index.es381.js";
+process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
+var i = r.exports;
 export {
-  f as border,
-  R as borderBottom,
-  B as borderBottomColor,
-  h as borderColor,
-  C as borderLeft,
-  g as borderLeftColor,
-  d as borderRadius,
-  p as borderRight,
-  T as borderRightColor,
-  a as borderTop,
-  y as borderTopColor,
-  e as borderTransform,
-  L as outline,
-  P as outlineColor
+  i as r
 };

package/index.es31.js

@@ -1,125 +1,100 @@
-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.es84.js";
-import l from "./index.es126.js";
-import p from "./index.es127.js";
-import m from "./index.es128.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,
+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.es102.js";
+import { cn as s } from "./index.es85.js";
+import "./index.es2.js";
+import { Button as u } from "./index.es22.js";
+import { ScrollArea as x, ScrollBar as y } from "./index.es62.js";
+import N from "./index.es108.js";
+import D from "./index.es89.js";
+const _ = t.Root, A = t.Trigger, b = t.Portal, w = t.Close, n = l.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ o(
+  t.Overlay,
   {
-    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",
+    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",
       a
     ),
-    ...n,
-    children: [
-      o,
-      /* @__PURE__ */ s(l, { className: "ml-auto h-4 w-4" })
-    ]
+    ...e
   }
 ));
-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
-  }
-));
-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
+n.displayName = t.Overlay.displayName;
+const v = l.forwardRef(({ className: a, ignoreInteractOutside: e, 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) => {
+        e && 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",
+        a
+      ),
+      ...c,
+      children: m
+    }
+  )
+] }));
+v.displayName = t.Content.displayName;
+const h = ({ className: a, ...e }) => /* @__PURE__ */ d("div", { className: s("flex  flex-row items-center border-b border-border-primary p-space-04  ", a), ...e, children: [
+  e.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: a, ...e }, 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' : ''}`,
+          a
+        ),
+        ...e
+      }
     ),
-    ...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,
+    /* @__PURE__ */ o(y, { orientation: "vertical" })
+  ] });
+});
+C.displayName = "DialogBody";
+const R = ({ className: a, ...e }) => /* @__PURE__ */ o(
+  "div",
   {
-    ref: n,
-    className: d("text-caption-01 font-bold text-foreground-secondary", t && "pl-8", a),
-    ...o
+    className: s("flex flex-col-reverse gap-space-02 border-t border-border-primary p-space-04 sm:flex-row sm:justify-between", a),
+    ...e
   }
-));
-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";
+);
+R.displayName = "DialogFooter";
+const z = l.forwardRef(
+  ({ className: a, ...e }, r) => /* @__PURE__ */ o(t.Title, { ref: r, className: s("text-body-01 font-semibold text-card-foreground", a), ...e })
+);
+z.displayName = t.Title.displayName;
+const T = l.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ o(t.Description, { ref: r, className: s("text-sm text-muted-foreground", a), ...e }));
+T.displayName = t.Description.displayName;
 export {
-  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
+  _ 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
 };

package/index.es310.js

@@ -1,5 +1,7 @@
-import e from "./index.es196.js";
-const o = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.string, e.object, e.array]) : {}, p = o;
+function n(t) {
+  const e = t.documentElement.clientWidth;
+  return Math.abs(window.innerWidth - e);
+}
 export {
-  p as default
+  n as default
 };

package/index.es311.js

@@ -1,43 +1,6 @@
-import P from "./index.es310.js";
-import { handleBreakpoints as m } from "./index.es314.js";
-import $ from "./index.es320.js";
-function c(t, e, f = !0) {
-  if (!e || typeof e != "string")
-    return null;
-  if (t && t.vars && f) {
-    const n = `vars.${e}`.split(".").reduce((r, s) => r && r[s] ? r[s] : null, t);
-    if (n != null)
-      return n;
-  }
-  return e.split(".").reduce((n, r) => n && n[r] != null ? n[r] : null, t);
-}
-function y(t, e, f, n = f) {
-  let r;
-  return typeof t == "function" ? r = t(f) : Array.isArray(t) ? r = t[f] || n : r = c(t, f) || n, e && (r = e(r, n, t)), r;
-}
-function k(t) {
-  const {
-    prop: e,
-    cssProperty: f = t.prop,
-    themeKey: n,
-    transform: r
-  } = t, s = (o) => {
-    if (o[e] == null)
-      return null;
-    const v = o[e], d = o.theme, i = c(d, n) || {};
-    return m(o, v, (u) => {
-      let l = y(i, r, u);
-      return u === l && typeof u == "string" && (l = y(i, r, `${e}${u === "default" ? "" : $(u)}`, u)), f === !1 ? l : {
-        [f]: l
-      };
-    });
-  };
-  return s.propTypes = process.env.NODE_ENV !== "production" ? {
-    [e]: P
-  } : {}, s.filterProps = [e], s;
+function n(e) {
+  return e && e.ownerDocument || document;
 }
 export {
-  k as default,
-  c as getPath,
-  y as getStyleValue
+  n as default
 };

package/index.es312.js

@@ -1,10 +1,119 @@
-import c from "./index.es315.js";
-function f(...n) {
-  const u = n.reduce((r, e) => (e.filterProps.forEach((o) => {
-    r[o] = e;
-  }), r), {}), t = (r) => Object.keys(r).reduce((e, o) => u[o] ? c(e, u[o](r)) : e, {});
-  return t.propTypes = process.env.NODE_ENV !== "production" ? n.reduce((r, e) => Object.assign(r, e.propTypes), {}) : {}, t.filterProps = n.reduce((r, e) => r.concat(e.filterProps), []), t;
-}
+import P from "./index.es197.js";
+import i from "./index.es196.js";
+import * as l from "react";
+import e from "./index.es198.js";
+import { clsx as x } from "./index.es102.js";
+import L from "./index.es210.js";
+import T from "./index.es219.js";
+import v from "./index.es313.js";
+import { getListUtilityClass as y } from "./index.es413.js";
+import { jsx as j, jsxs as N } from "react/jsx-runtime";
+import R from "./index.es218.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 {
-  f as default
+  k as default
 };