mada-design-system 0.4.0 → 0.5.1

package/index.es240.js

@@ -1,32 +1,97 @@
-import * as C from "react";
-import { validateDate as e } from "./index.es286.js";
-import { useLocalizationContext as k } from "./index.es198.js";
-const I = ({
-  shouldDisableDate: r,
-  shouldDisableMonth: o,
-  shouldDisableYear: t,
-  minDate: p,
-  maxDate: c,
-  disableFuture: a,
-  disablePast: f,
-  timezone: m
-}) => {
-  const n = k();
-  return C.useCallback((v) => e({
-    adapter: n,
-    value: v,
-    props: {
-      shouldDisableDate: r,
-      shouldDisableMonth: o,
-      shouldDisableYear: t,
-      minDate: p,
-      maxDate: c,
-      disableFuture: a,
-      disablePast: f,
-      timezone: m
-    }
-  }) !== null, [n, r, o, t, p, c, a, f, m]);
-};
+import y from "./index.es346.js";
+import l from "./index.es291.js";
+function h(e, t = 0, n = 1) {
+  return process.env.NODE_ENV !== "production" && (e < t || e > n), y(e, t, n);
+}
+function x(e) {
+  e = e.slice(1);
+  const t = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
+  let n = e.match(t);
+  return n && n[0].length === 1 && (n = n.map((s) => s + s)), n ? `rgb${n.length === 4 ? "a" : ""}(${n.map((s, r) => r < 3 ? parseInt(s, 16) : Math.round(parseInt(s, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
+}
+function a(e) {
+  if (e.type)
+    return e;
+  if (e.charAt(0) === "#")
+    return a(x(e));
+  const t = e.indexOf("("), n = e.substring(0, t);
+  if (["rgb", "rgba", "hsl", "hsla", "color"].indexOf(n) === -1)
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
+The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : l(9, e));
+  let s = e.substring(t + 1, e.length - 1), r;
+  if (n === "color") {
+    if (s = s.split(" "), r = s.shift(), s.length === 4 && s[3].charAt(0) === "/" && (s[3] = s[3].slice(1)), ["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].indexOf(r) === -1)
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${r}\` color space.
+The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : l(10, r));
+  } else
+    s = s.split(",");
+  return s = s.map((p) => parseFloat(p)), {
+    type: n,
+    values: s,
+    colorSpace: r
+  };
+}
+function i(e) {
+  const {
+    type: t,
+    colorSpace: n
+  } = e;
+  let {
+    values: s
+  } = e;
+  return t.indexOf("rgb") !== -1 ? s = s.map((r, p) => p < 3 ? parseInt(r, 10) : r) : t.indexOf("hsl") !== -1 && (s[1] = `${s[1]}%`, s[2] = `${s[2]}%`), t.indexOf("color") !== -1 ? s = `${n} ${s.join(" ")}` : s = `${s.join(", ")}`, `${t}(${s})`;
+}
+function $(e) {
+  e = a(e);
+  const {
+    values: t
+  } = e, n = t[0], s = t[1] / 100, r = t[2] / 100, p = s * Math.min(r, 1 - r), u = (b, d = (b + n / 30) % 12) => r - p * Math.max(Math.min(d - 3, 9 - d, 1), -1);
+  let f = "rgb";
+  const g = [Math.round(u(0) * 255), Math.round(u(8) * 255), Math.round(u(4) * 255)];
+  return e.type === "hsla" && (f += "a", g.push(t[3])), i({
+    type: f,
+    values: g
+  });
+}
+function m(e) {
+  e = a(e);
+  let t = e.type === "hsl" || e.type === "hsla" ? a($(e)).values : e.values;
+  return t = t.map((n) => (e.type !== "color" && (n /= 255), n <= 0.03928 ? n / 12.92 : ((n + 0.055) / 1.055) ** 2.4)), Number((0.2126 * t[0] + 0.7152 * t[1] + 0.0722 * t[2]).toFixed(3));
+}
+function M(e, t) {
+  const n = m(e), s = m(t);
+  return (Math.max(n, s) + 0.05) / (Math.min(n, s) + 0.05);
+}
+function o(e, t) {
+  return e = a(e), t = h(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, i(e);
+}
+function E(e, t) {
+  if (e = a(e), t = h(t), e.type.indexOf("hsl") !== -1)
+    e.values[2] *= 1 - t;
+  else if (e.type.indexOf("rgb") !== -1 || e.type.indexOf("color") !== -1)
+    for (let n = 0; n < 3; n += 1)
+      e.values[n] *= 1 - t;
+  return i(e);
+}
+function w(e, t) {
+  if (e = a(e), t = h(t), e.type.indexOf("hsl") !== -1)
+    e.values[2] += (100 - e.values[2]) * t;
+  else if (e.type.indexOf("rgb") !== -1)
+    for (let n = 0; n < 3; n += 1)
+      e.values[n] += (255 - e.values[n]) * t;
+  else if (e.type.indexOf("color") !== -1)
+    for (let n = 0; n < 3; n += 1)
+      e.values[n] += (1 - e.values[n]) * t;
+  return i(e);
+}
 export {
-  I as useIsDateDisabled
+  o as alpha,
+  E as darken,
+  a as decomposeColor,
+  M as getContrastRatio,
+  m as getLuminance,
+  x as hexToRgb,
+  $ as hslToRgb,
+  w as lighten,
+  i as recomposeColor
 };

package/index.es241.js

@@ -1,36 +1,6 @@
-import { createIsAfterIgnoreDatePart as c } from "./index.es287.js";
-import { getTodayDate as r, mergeDateAndTime as T } from "./index.es202.js";
-const t = {
-  year: 1,
-  month: 2,
-  day: 3,
-  hours: 4,
-  minutes: 5,
-  seconds: 6,
-  milliseconds: 7
-}, f = (e, n, a) => {
-  if (n === t.year)
-    return e.startOfYear(a);
-  if (n === t.month)
-    return e.startOfMonth(a);
-  if (n === t.day)
-    return e.startOfDay(a);
-  let i = a;
-  return n < t.minutes && (i = e.setMinutes(i, 0)), n < t.seconds && (i = e.setSeconds(i, 0)), n < t.milliseconds && (i = e.setMilliseconds(i, 0)), i;
-}, A = ({
-  props: e,
-  utils: n,
-  granularity: a,
-  timezone: i,
-  getTodayDate: D
-}) => {
-  var o;
-  let m = D ? D() : f(n, a, r(n, i));
-  e.minDate != null && n.isAfterDay(e.minDate, m) && (m = f(n, a, e.minDate)), e.maxDate != null && n.isBeforeDay(e.maxDate, m) && (m = f(n, a, e.maxDate));
-  const d = c((o = e.disableIgnoringDatePartForTimeValidation) != null ? o : !1, n);
-  return e.minTime != null && d(e.minTime, m) && (m = f(n, a, e.disableIgnoringDatePartForTimeValidation ? e.minTime : T(n, m, e.minTime))), e.maxTime != null && d(m, e.maxTime) && (m = f(n, a, e.disableIgnoringDatePartForTimeValidation ? e.maxTime : T(n, m, e.maxTime))), m;
-};
+function r(o) {
+  throw new Error('Could not dynamically require "' + o + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
+}
 export {
-  t as SECTION_TYPE_GRANULARITY,
-  A as getDefaultReferenceDate
+  r as commonjsRequire
 };

package/index.es242.js

@@ -1,55 +1,4 @@
-import { getPickersLocalization as o } from "./index.es288.js";
-const l = {
-  // Calendar navigation
-  previousMonth: "Previous month",
-  nextMonth: "Next month",
-  // View navigation
-  openPreviousView: "open previous view",
-  openNextView: "open next view",
-  calendarViewSwitchingButtonAriaLabel: (e) => e === "year" ? "year view is open, switch to calendar view" : "calendar view is open, switch to year view",
-  // DateRange placeholders
-  start: "Start",
-  end: "End",
-  // Action bar
-  cancelButtonLabel: "Cancel",
-  clearButtonLabel: "Clear",
-  okButtonLabel: "OK",
-  todayButtonLabel: "Today",
-  // Toolbar titles
-  datePickerToolbarTitle: "Select date",
-  dateTimePickerToolbarTitle: "Select date & time",
-  timePickerToolbarTitle: "Select time",
-  dateRangePickerToolbarTitle: "Select date range",
-  // Clock labels
-  clockLabelText: (e, t, a) => `Select ${e}. ${t === null ? "No time selected" : `Selected time is ${a.format(t, "fullTime")}`}`,
-  hoursClockNumberText: (e) => `${e} hours`,
-  minutesClockNumberText: (e) => `${e} minutes`,
-  secondsClockNumberText: (e) => `${e} seconds`,
-  // Digital clock labels
-  selectViewText: (e) => `Select ${e}`,
-  // Calendar labels
-  calendarWeekNumberHeaderLabel: "Week number",
-  calendarWeekNumberHeaderText: "#",
-  calendarWeekNumberAriaLabelText: (e) => `Week ${e}`,
-  calendarWeekNumberText: (e) => `${e}`,
-  // Open picker labels
-  openDatePickerDialogue: (e, t) => e !== null && t.isValid(e) ? `Choose date, selected date is ${t.format(e, "fullDate")}` : "Choose date",
-  openTimePickerDialogue: (e, t) => e !== null && t.isValid(e) ? `Choose time, selected time is ${t.format(e, "fullTime")}` : "Choose time",
-  fieldClearLabel: "Clear value",
-  // Table labels
-  timeTableLabel: "pick time",
-  dateTableLabel: "pick date",
-  // Field section placeholders
-  fieldYearPlaceholder: (e) => "Y".repeat(e.digitAmount),
-  fieldMonthPlaceholder: (e) => e.contentType === "letter" ? "MMMM" : "MM",
-  fieldDayPlaceholder: () => "DD",
-  fieldWeekDayPlaceholder: (e) => e.contentType === "letter" ? "EEEE" : "EE",
-  fieldHoursPlaceholder: () => "hh",
-  fieldMinutesPlaceholder: () => "mm",
-  fieldSecondsPlaceholder: () => "ss",
-  fieldMeridiemPlaceholder: () => "aa"
-}, r = l;
-o(l);
+var e = { exports: {} };
 export {
-  r as DEFAULT_LOCALE
+  e as __module
 };

package/index.es243.js

@@ -1,121 +1,15 @@
-import m from "./index.es195.js";
-import f from "./index.es194.js";
-import v from "./index.es353.js";
-import x from "./index.es348.js";
-import d from "./index.es196.js";
-import s from "react";
-import h from "./index.es354.js";
-import { getInitialChildMapping as E, getNextChildMapping as y, getChildMapping as g } from "./index.es355.js";
-var M = Object.values || function(a) {
-  return Object.keys(a).map(function(r) {
-    return a[r];
-  });
-}, F = {
-  component: "div",
-  childFactory: function(r) {
-    return r;
-  }
-}, u = /* @__PURE__ */ function(a) {
-  x(r, a);
-  function r(p, t) {
-    var e;
-    e = a.call(this, p, t) || this;
-    var o = e.handleExited.bind(v(e));
-    return e.state = {
-      contextValue: {
-        isMounting: !0
-      },
-      handleExited: o,
-      firstRender: !0
-    }, e;
-  }
-  var l = r.prototype;
-  return l.componentDidMount = function() {
-    this.mounted = !0, this.setState({
-      contextValue: {
-        isMounting: !1
-      }
-    });
-  }, l.componentWillUnmount = function() {
-    this.mounted = !1;
-  }, r.getDerivedStateFromProps = function(t, e) {
-    var o = e.children, n = e.handleExited, i = e.firstRender;
-    return {
-      children: i ? E(t, n) : y(t, o, n),
-      firstRender: !1
-    };
-  }, l.handleExited = function(t, e) {
-    var o = g(this.props.children);
-    t.key in o || (t.props.onExited && t.props.onExited(e), this.mounted && this.setState(function(n) {
-      var i = f({}, n.children);
-      return delete i[t.key], {
-        children: i
-      };
-    }));
-  }, l.render = function() {
-    var t = this.props, e = t.component, o = t.childFactory, n = m(t, ["component", "childFactory"]), i = this.state.contextValue, c = M(this.state.children).map(o);
-    return delete n.appear, delete n.enter, delete n.exit, e === null ? /* @__PURE__ */ s.createElement(h.Provider, {
-      value: i
-    }, c) : /* @__PURE__ */ s.createElement(h.Provider, {
-      value: i
-    }, /* @__PURE__ */ s.createElement(e, n, c));
-  }, r;
-}(s.Component);
-u.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * `<TransitionGroup>` renders a `<div>` by default. You can change this
-   * behavior by providing a `component` prop.
-   * If you use React v16+ and would like to avoid a wrapping `<div>` element
-   * you can pass in `component={null}`. This is useful if the wrapping div
-   * borks your css styles.
-   */
-  component: d.any,
-  /**
-   * A set of `<Transition>` components, that are toggled `in` and out as they
-   * leave. the `<TransitionGroup>` will inject specific transition props, so
-   * remember to spread them through if you are wrapping the `<Transition>` as
-   * with our `<Fade>` example.
-   *
-   * While this component is meant for multiple `Transition` or `CSSTransition`
-   * children, sometimes you may want to have a single transition child with
-   * content that you want to be transitioned out and in when you change it
-   * (e.g. routes, images etc.) In that case you can change the `key` prop of
-   * the transition child as you change its content, this will cause
-   * `TransitionGroup` to transition the child out and back in.
-   */
-  children: d.node,
-  /**
-   * A convenience prop that enables or disables appear animations
-   * for all children. Note that specifying this will override any defaults set
-   * on individual children Transitions.
-   */
-  appear: d.bool,
-  /**
-   * A convenience prop that enables or disables enter animations
-   * for all children. Note that specifying this will override any defaults set
-   * on individual children Transitions.
-   */
-  enter: d.bool,
-  /**
-   * A convenience prop that enables or disables exit animations
-   * for all children. Note that specifying this will override any defaults set
-   * on individual children Transitions.
-   */
-  exit: d.bool,
-  /**
-   * You may need to apply reactive updates to a child as it is exiting.
-   * This is generally done by using `cloneElement` however in the case of an exiting
-   * child the element has already been removed and not accessible to the consumer.
-   *
-   * If you do need to update a child as it leaves you can provide a `childFactory`
-   * to wrap every child, even the ones that are leaving.
-   *
-   * @type Function(child: ReactElement) -> ReactElement
-   */
-  childFactory: d.func
-} : {};
-u.defaultProps = F;
-const R = u;
+function u() {
+  for (var e = 0, t, n, r = ""; e < arguments.length; )
+    (t = arguments[e++]) && (n = a(t)) && (r && (r += " "), r += n);
+  return r;
+}
+function a(e) {
+  if (typeof e == "string")
+    return e;
+  for (var t, n = "", r = 0; r < e.length; r++)
+    e[r] && (t = a(e[r])) && (n && (n += " "), n += t);
+  return n;
+}
 export {
-  R as default
+  u as twJoin
 };

package/index.es244.js

@@ -1,11 +1,27 @@
-import * as o from "react";
-import r from "./index.es275.js";
-import t from "./index.es262.js";
-import m from "./index.es276.js";
-function i() {
-  const e = m(r);
-  return process.env.NODE_ENV !== "production" && o.useDebugValue(e), e[t] || e;
+import { createConfigUtils as d } from "./index.es245.js";
+import { mergeClassList as h } from "./index.es246.js";
+import { twJoin as p } from "./index.es243.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));
+  };
 }
 export {
-  i as default
+  T as createTailwindMerge
 };

package/index.es245.js

@@ -1,165 +1,13 @@
-import p from "./index.es194.js";
-import q from "./index.es195.js";
-import * as f from "react";
-import n from "./index.es196.js";
-import z from "./index.es244.js";
-import { reflow as D, getTransitionProps as g } from "./index.es346.js";
-import { jsx as V } from "react/jsx-runtime";
-import W from "./index.es295.js";
-import $ from "./index.es306.js";
-import B from "./index.es347.js";
-const G = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"], H = {
-  entering: {
-    opacity: 1
-  },
-  entered: {
-    opacity: 1
-  }
-}, h = /* @__PURE__ */ f.forwardRef(function(E, T) {
-  const i = z(), b = {
-    enter: i.transitions.duration.enteringScreen,
-    exit: i.transitions.duration.leavingScreen
-  }, {
-    addEndListener: m,
-    appear: R = !0,
-    children: a,
-    easing: l,
-    in: u,
-    onEnter: x,
-    onEntered: L,
-    onEntering: P,
-    onExit: y,
-    onExited: v,
-    onExiting: w,
-    style: d,
-    timeout: c = b,
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent: F = B
-  } = E, _ = q(E, G), s = f.useRef(null), j = W(s, a.ref, T), o = (e) => (t) => {
-    if (e) {
-      const r = s.current;
-      t === void 0 ? e(r) : e(r, t);
-    }
-  }, C = o(P), O = o((e, t) => {
-    D(e);
-    const r = g({
-      style: d,
-      timeout: c,
-      easing: l
-    }, {
-      mode: "enter"
-    });
-    e.style.webkitTransition = i.transitions.create("opacity", r), e.style.transition = i.transitions.create("opacity", r), x && x(e, t);
-  }), k = o(L), A = o(w), N = o((e) => {
-    const t = g({
-      style: d,
-      timeout: c,
-      easing: l
-    }, {
-      mode: "exit"
-    });
-    e.style.webkitTransition = i.transitions.create("opacity", t), e.style.transition = i.transitions.create("opacity", t), y && y(e);
-  }), S = o(v);
-  return /* @__PURE__ */ V(F, p({
-    appear: R,
-    in: u,
-    nodeRef: s,
-    onEnter: O,
-    onEntered: k,
-    onEntering: C,
-    onExit: N,
-    onExited: S,
-    onExiting: A,
-    addEndListener: (e) => {
-      m && m(s.current, e);
-    },
-    timeout: c
-  }, _, {
-    children: (e, t) => /* @__PURE__ */ f.cloneElement(a, p({
-      style: p({
-        opacity: 0,
-        visibility: e === "exited" && !u ? "hidden" : void 0
-      }, H[e], d, a.props.style),
-      ref: j
-    }, t))
-  }));
-});
-process.env.NODE_ENV !== "production" && (h.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * Add a custom transition end trigger. Called with the transitioning DOM
-   * node and a done callback. Allows for more fine grained transition end
-   * logic. Note: Timeouts are still used as a fallback if provided.
-   */
-  addEndListener: n.func,
-  /**
-   * Perform the enter transition when it first mounts if `in` is also `true`.
-   * Set this to `false` to disable this behavior.
-   * @default true
-   */
-  appear: n.bool,
-  /**
-   * A single child content element.
-   */
-  children: $.isRequired,
-  /**
-   * The transition timing function.
-   * You may specify a single easing or a object containing enter and exit values.
-   */
-  easing: n.oneOfType([n.shape({
-    enter: n.string,
-    exit: n.string
-  }), n.string]),
-  /**
-   * If `true`, the component will transition in.
-   */
-  in: n.bool,
-  /**
-   * @ignore
-   */
-  onEnter: n.func,
-  /**
-   * @ignore
-   */
-  onEntered: n.func,
-  /**
-   * @ignore
-   */
-  onEntering: n.func,
-  /**
-   * @ignore
-   */
-  onExit: n.func,
-  /**
-   * @ignore
-   */
-  onExited: n.func,
-  /**
-   * @ignore
-   */
-  onExiting: n.func,
-  /**
-   * @ignore
-   */
-  style: n.object,
-  /**
-   * The duration for the transition, in milliseconds.
-   * You may specify a single timeout for all transitions, or individually with an object.
-   * @default {
-   *   enter: theme.transitions.duration.enteringScreen,
-   *   exit: theme.transitions.duration.leavingScreen,
-   * }
-   */
-  timeout: n.oneOfType([n.number, n.shape({
-    appear: n.number,
-    enter: n.number,
-    exit: n.number
-  })])
-});
-const tn = h;
+import { createClassUtils as r } from "./index.es273.js";
+import { createLruCache as t } from "./index.es274.js";
+import { createSplitModifiers as i } from "./index.es275.js";
+function s(e) {
+  return {
+    cache: t(e.cacheSize),
+    splitModifiers: i(e),
+    ...r(e)
+  };
+}
 export {
-  tn as default
+  s as createConfigUtils
 };