mada-design-system 0.5.11 → 0.5.13

package/index.es258.js

@@ -1,27 +1,182 @@
-import { createConfigUtils as d } from "./index.es259.js";
-import { mergeClassList as h } from "./index.es260.js";
-import { twJoin as p } from "./index.es257.js";
-function T() {
-  for (var c = arguments.length, a = new Array(c), e = 0; e < c; e++)
-    a[e] = arguments[e];
-  var t, o, u, f = g;
-  function g(r) {
-    var n = a[0], i = a.slice(1), m = i.reduce(function(v, s) {
-      return s(v);
-    }, n());
-    return t = d(m), o = t.cache.get, u = t.cache.set, f = l, l(r);
-  }
-  function l(r) {
-    var n = o(r);
-    if (n)
-      return n;
-    var i = h(r, t);
-    return u(r, i), i;
-  }
-  return function() {
-    return f(p.apply(null, arguments));
+import W from "./index.es198.js";
+import s from "./index.es197.js";
+import * as O from "react";
+import o from "./index.es199.js";
+import { clsx as j } from "./index.es130.js";
+import M from "./index.es211.js";
+import N from "./index.es220.js";
+import { getTypographyUtilityClass as P } from "./index.es363.js";
+import { jsx as C } from "react/jsx-runtime";
+import u from "./index.es339.js";
+import R from "./index.es364.js";
+import _ from "./index.es219.js";
+const $ = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"], D = (a) => {
+  const {
+    align: r,
+    gutterBottom: t,
+    noWrap: e,
+    paragraph: i,
+    variant: n,
+    classes: m
+  } = a, p = {
+    root: ["root", n, a.align !== "inherit" && `align${u(r)}`, t && "gutterBottom", e && "noWrap", i && "paragraph"]
   };
-}
+  return _(p, P, m);
+}, E = M("span", {
+  name: "MuiTypography",
+  slot: "Root",
+  overridesResolver: (a, r) => {
+    const {
+      ownerState: t
+    } = a;
+    return [r.root, t.variant && r[t.variant], t.align !== "inherit" && r[`align${u(t.align)}`], t.noWrap && r.noWrap, t.gutterBottom && r.gutterBottom, t.paragraph && r.paragraph];
+  }
+})(({
+  theme: a,
+  ownerState: r
+}) => s({
+  margin: 0
+}, r.variant === "inherit" && {
+  // Some elements, like <button> on Chrome have default font that doesn't inherit, reset this.
+  font: "inherit"
+}, r.variant !== "inherit" && a.typography[r.variant], r.align !== "inherit" && {
+  textAlign: r.align
+}, r.noWrap && {
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+}, r.gutterBottom && {
+  marginBottom: "0.35em"
+}, r.paragraph && {
+  marginBottom: 16
+})), y = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  h6: "h6",
+  subtitle1: "h6",
+  subtitle2: "h6",
+  body1: "p",
+  body2: "p",
+  inherit: "p"
+}, U = {
+  primary: "primary.main",
+  textPrimary: "text.primary",
+  secondary: "secondary.main",
+  textSecondary: "text.secondary",
+  error: "error.main"
+}, V = (a) => U[a] || a, d = /* @__PURE__ */ O.forwardRef(function(r, t) {
+  const e = N({
+    props: r,
+    name: "MuiTypography"
+  }), i = V(e.color), n = R(s({}, e, {
+    color: i
+  })), {
+    align: m = "inherit",
+    className: p,
+    component: h,
+    gutterBottom: b = !1,
+    noWrap: v = !1,
+    paragraph: l = !1,
+    variant: c = "body1",
+    variantMapping: g = y
+  } = n, T = W(n, $), f = s({}, n, {
+    align: m,
+    color: i,
+    className: p,
+    component: h,
+    gutterBottom: b,
+    noWrap: v,
+    paragraph: l,
+    variant: c,
+    variantMapping: g
+  }), x = h || (l ? "p" : g[c] || y[c]) || "span", B = D(f);
+  return /* @__PURE__ */ C(E, s({
+    as: x,
+    ref: t,
+    ownerState: f,
+    className: j(B.root, p)
+  }, T));
+});
+process.env.NODE_ENV !== "production" && (d.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * Set the text-align on the component.
+   * @default 'inherit'
+   */
+  align: o.oneOf(["center", "inherit", "justify", "left", "right"]),
+  /**
+   * The content of the component.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: o.elementType,
+  /**
+   * If `true`, the text will have a bottom margin.
+   * @default false
+   */
+  gutterBottom: o.bool,
+  /**
+   * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
+   *
+   * Note that text overflow can only happen with block or inline-block level elements
+   * (the element needs to have a width in order to overflow).
+   * @default false
+   */
+  noWrap: o.bool,
+  /**
+   * If `true`, the element will be a paragraph element.
+   * @default false
+   */
+  paragraph: o.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  /**
+   * Applies the theme typography styles.
+   * @default 'body1'
+   */
+  variant: o.oneOfType([o.oneOf(["body1", "body2", "button", "caption", "h1", "h2", "h3", "h4", "h5", "h6", "inherit", "overline", "subtitle1", "subtitle2"]), o.string]),
+  /**
+   * The component maps the variant prop to a range of different HTML element types.
+   * For instance, subtitle1 to `<h6>`.
+   * If you wish to change that mapping, you can provide your own.
+   * Alternatively, you can use the `component` prop.
+   * @default {
+   *   h1: 'h1',
+   *   h2: 'h2',
+   *   h3: 'h3',
+   *   h4: 'h4',
+   *   h5: 'h5',
+   *   h6: 'h6',
+   *   subtitle1: 'h6',
+   *   subtitle2: 'h6',
+   *   body1: 'p',
+   *   body2: 'p',
+   *   inherit: 'p',
+   * }
+   */
+  variantMapping: o.object
+});
+const K = d;
 export {
-  T as createTailwindMerge
+  E as TypographyRoot,
+  K as default
 };

package/index.es259.js

@@ -1,13 +1,28 @@
-import { createClassUtils as r } from "./index.es305.js";
-import { createLruCache as t } from "./index.es306.js";
-import { createSplitModifiers as i } from "./index.es307.js";
-function s(e) {
-  return {
-    cache: t(e.cacheSize),
-    splitModifiers: i(e),
-    ...r(e)
-  };
+import * as e from "react";
+function f({
+  controlled: t,
+  default: n,
+  name: r,
+  state: i = "value"
+}) {
+  const {
+    current: o
+  } = e.useRef(t !== void 0), [l, c] = e.useState(n), a = o ? t : l;
+  if (process.env.NODE_ENV !== "production") {
+    e.useEffect(() => {
+    }, [i, r, t]);
+    const {
+      current: s
+    } = e.useRef(n);
+    e.useEffect(() => {
+      !o && Object.is(s, n);
+    }, [JSON.stringify(n)]);
+  }
+  const u = e.useCallback((s) => {
+    o || c(s);
+  }, []);
+  return [a, u];
 }
 export {
-  s as createConfigUtils
+  f as default
 };

package/index.es26.js

@@ -1,23 +1,53 @@
-import { jsx as t } from "react/jsx-runtime";
-import * as o from "@radix-ui/react-collapsible";
+import { jsx as e } from "react/jsx-runtime";
+import * as t from "@radix-ui/react-checkbox";
 import * as s from "react";
-import { cn as i } from "./index.es85.js";
-const c = o.Root, b = s.forwardRef(({ className: r, children: e, ...l }, a) => /* @__PURE__ */ t(
-  o.Trigger,
+import { cva as i } from "./index.es106.js";
+import { cn as r } from "./index.es86.js";
+const b = i(
+  `flex aspect-square justify-center items-center data-[state=checked]:text-icon-oncolor enabled:active:data-[state=unchecked]:bg-control-pressed border border-control-border enabled:hover:bg-control-ripple-effect enabled:focus:ring-2 enabled:focus:ring-border-black enabled:focus:ring-offset-2 disabled:cursor-not-allowed
+    disabled:border-border-disabled disabled:data-[state=checked]:text-control-disabled disabled:data-[state=checked]:border-none disabled:bg-disabled-background-disabled
+     `,
   {
-    ref: a,
-    className: i(
-      "group hover:bg-button-background-neutral focus:border-2 focus:border-black active:bg-button-background-neutral-pressed",
-      r
-    ),
-    ...l,
-    children: e
+    variants: {
+      colors: {
+        primary: `data-[state=checked]:border-control-primary-checked data-[state=indeterminate]:border-control-primary-checked  data-[state=checked]:bg-control-primary-checked data-[state=indeterminate]:bg-control-primary-checked
+                enabled:hover:data-[state=checked]:border-control-primary-hovered enabled:hover:data-[state=checked]:bg-control-primary-hovered enabled:hover:data-[state=indeterminate]:border-control-primary-hovered enabled:hover:data-[state=indeterminate]:bg-control-primary-hovered
+                enabled:active:data-[state=checked]:border-control-primary-pressed enabled:active:data-[state=checked]:bg-control-primary-pressed enabled:active:data-[state=indeterminate]:border-control-primary-pressed enabled:active:data-[state=indeterminate]:bg-control-primary-pressed
+                `,
+        neutral: `data-[state=checked]:border-control-neutral-checked data-[state=checked]:bg-control-neutral-checked data-[state=indeterminate]:border-control-neutral-checked data-[state=indeterminate]:bg-control-neutral-checked
+                enabled:hover:data-[state=checked]:border-control-neutral-hovered enabled:hover:data-[state=checked]:bg-control-neutral-hovered enabled:hover:data-[state=indeterminate]:border-control-neutral-hovered enabled:hover:data-[state=indeterminate]:bg-control-neutral-hovered
+                enabled:active:data-[state=checked]:border-control-neutral-pressed enabled:active:data-[state=checked]:bg-control-neutral-pressed enabled:active:data-[state=indeterminate]:border-control-neutral-pressed enabled:active:data-[state=indeterminate]:bg-control-neutral-pressed
+                `
+      },
+      size: {
+        default: "h-space-05 w-space-05 [&>span>svg]:size-space-05",
+        sm: "h-[20px] w-[20px] [&>span>svg]:size-[20px]",
+        xs: "h-space-04 w-space-04 [&>span>svg]:size-space-04"
+      }
+    },
+    defaultVariants: {
+      colors: "primary",
+      size: "default"
+    }
   }
-));
-b.displayName = o.CollapsibleTrigger.displayName;
-const m = o.CollapsibleContent;
+), h = s.forwardRef(({ className: d, colors: o, checked: a, size: n, ...c }, l) => /* @__PURE__ */ e(t.Root, { ref: l, checked: a, className: r(b({ colors: o, size: n, className: d })), ...c, children: /* @__PURE__ */ e(t.Indicator, { className: r("flex items-center justify-center text-current  "), children: a === "indeterminate" ? /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ e(
+  "path",
+  {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6 12C6 11.1716 6.67157 10.5 7.5 10.5H16.5C17.3284 10.5 18 11.1716 18 12C18 12.8284 17.3284 13.5 16.5 13.5H7.5C6.67157 13.5 6 12.8284 6 12Z",
+    fill: "white"
+  }
+) }) : /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ e(
+  "path",
+  {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M17.5945 7.53531C18.1352 8.07604 18.1352 8.95274 17.5945 9.49347L11.2483 15.8397C10.9886 16.0994 10.6365 16.2452 10.2692 16.2452C9.90201 16.2452 9.54983 16.0994 9.29016 15.8397L6.40554 12.955C5.86482 12.4143 5.86482 11.5376 6.40554 10.9969C6.94627 10.4562 7.82296 10.4562 8.36369 10.9969L10.2692 12.9025L15.6363 7.53531C16.177 6.99458 17.0537 6.99458 17.5945 7.53531Z",
+    fill: "white"
+  }
+) }) }) }));
+h.displayName = t.Root.displayName;
 export {
-  c as Collapsible,
-  m as CollapsibleContent,
-  b as CollapsibleTrigger
+  h as Checkbox
 };

package/index.es260.js

@@ -1,41 +1,64 @@
-import { sortModifiers as M, IMPORTANT_MODIFIER as c } from "./index.es307.js";
-var v = /\s+/;
-function P(I, t) {
-  var m = t.splitModifiers, d = t.getClassGroupId, p = t.getConflictingClassGroupIds, f = /* @__PURE__ */ new Set();
-  return I.trim().split(v).map(function(i) {
-    var s = m(i), e = s.modifiers, n = s.hasImportantModifier, r = s.baseClassName, a = s.maybePostfixModifierPosition, o = d(a ? r.substring(0, a) : r), l = !!a;
-    if (!o) {
-      if (!a)
-        return {
-          isTailwindClass: !1,
-          originalClassName: i
-        };
-      if (o = d(r), !o)
-        return {
-          isTailwindClass: !1,
-          originalClassName: i
-        };
-      l = !1;
-    }
-    var u = M(e).join(":"), C = n ? u + c : u;
-    return {
-      isTailwindClass: !0,
-      modifierId: C,
-      classGroupId: o,
-      originalClassName: i,
-      hasPostfixModifier: l
+import * as a from "react";
+import p from "./index.es344.js";
+import h from "./index.es376.js";
+import v from "./index.es300.js";
+function S(t, u, e, o, i) {
+  const [r, f] = a.useState(() => i && e ? e(t).matches : o ? o(t).matches : u);
+  return v(() => {
+    let c = !0;
+    if (!e)
+      return;
+    const n = e(t), m = () => {
+      c && f(n.matches);
+    };
+    return m(), n.addListener(m), () => {
+      c = !1, n.removeListener(m);
     };
-  }).reverse().filter(function(i) {
-    if (!i.isTailwindClass)
-      return !0;
-    var s = i.modifierId, e = i.classGroupId, n = i.hasPostfixModifier, r = s + e;
-    return f.has(r) ? !1 : (f.add(r), p(e, n).forEach(function(a) {
-      return f.add(s + a);
-    }), !0);
-  }).reverse().map(function(i) {
-    return i.originalClassName;
-  }).join(" ");
+  }, [t, e]), r;
+}
+const d = a["useSyncExternalStore"];
+function w(t, u, e, o, i) {
+  const r = a.useCallback(() => u, [u]), f = a.useMemo(() => {
+    if (i && e)
+      return () => e(t).matches;
+    if (o !== null) {
+      const {
+        matches: s
+      } = o(t);
+      return () => s;
+    }
+    return r;
+  }, [r, t, o, i, e]), [c, n] = a.useMemo(() => {
+    if (e === null)
+      return [r, () => () => {
+      }];
+    const s = e(t);
+    return [() => s.matches, (l) => (s.addListener(l), () => {
+      s.removeListener(l);
+    })];
+  }, [r, e, t]);
+  return d(n, c, f);
+}
+function y(t, u = {}) {
+  const e = p(), o = typeof window < "u" && typeof window.matchMedia < "u", {
+    defaultMatches: i = !1,
+    matchMedia: r = o ? window.matchMedia : null,
+    ssrMatchMedia: f = null,
+    noSsr: c = !1
+  } = h({
+    name: "MuiUseMediaQuery",
+    props: u,
+    theme: e
+  });
+  process.env.NODE_ENV;
+  let n = typeof t == "function" ? t(e) : t;
+  n = n.replace(/^@media( ?)/m, "");
+  const s = (d !== void 0 ? w : S)(n, i, r, f, c);
+  return process.env.NODE_ENV !== "production" && a.useDebugValue({
+    query: n,
+    match: s
+  }), s;
 }
 export {
-  P as mergeClassList
+  y as default
 };