mada-design-system 0.5.11 → 0.5.12

package/index.es249.js

@@ -1,64 +1,32 @@
-import * as a from "react";
-import p from "./index.es350.js";
-import h from "./index.es374.js";
-import v from "./index.es299.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);
-    };
-  }, [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;
+import * as C from "react";
+import { validateDate as e } from "./index.es289.js";
+import { useLocalizationContext as k } from "./index.es200.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
     }
-    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;
-}
+  }) !== null, [n, r, o, t, p, c, a, f, m]);
+};
 export {
-  y as default
+  I as useIsDateDisabled
 };

package/index.es25.js

@@ -1,53 +1,36 @@
-import { jsx as e } from "react/jsx-runtime";
-import * as t from "@radix-ui/react-checkbox";
-import * as s from "react";
-import { cva as i } from "./index.es105.js";
-import { cn as r } from "./index.es85.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
-     `,
-  {
-    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"
+import { jsx as d } from "react/jsx-runtime";
+import * as o from "react";
+import { cn as t } from "./index.es86.js";
+const c = o.forwardRef(
+  ({ className: a, isClickable: e = !0, ...r }, s) => /* @__PURE__ */ d(
+    "div",
+    {
+      ref: s,
+      className: t(
+        "flex flex-col gap-space-04 rounded-2 border bg-card p-space-04 text-card-foreground transition-all duration-200 hover:shadow-card-hover-02",
+        a,
+        e && "active:bg-card-active"
+      ),
+      ...r
     }
-  }
-), 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;
+  )
+);
+c.displayName = "Card";
+const i = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("div", { ref: r, className: t("flex flex-col space-y-1.5 p-6", a), ...e }));
+i.displayName = "CardHeader";
+const l = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("h3", { ref: r, className: t("text-2xl font-bold leading-none tracking-tight", a), ...e }));
+l.displayName = "CardTitle";
+const n = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("p", { ref: r, className: t("text-sm text-muted-foreground", a), ...e }));
+n.displayName = "CardDescription";
+const f = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("div", { ref: r, className: t("p-6 pt-0", a), ...e }));
+f.displayName = "CardContent";
+const m = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("div", { ref: r, className: t("flex items-center", a), ...e }));
+m.displayName = "CardFooter";
 export {
-  h as Checkbox
+  c as Card,
+  f as CardContent,
+  n as CardDescription,
+  m as CardFooter,
+  i as CardHeader,
+  l as CardTitle
 };

package/index.es250.js

@@ -1,7 +1,36 @@
-import a from "./index.es219.js";
-import r from "./index.es218.js";
-const s = (e) => r("MuiPickersCalendarHeader", e), l = a("MuiPickersCalendarHeader", ["root", "labelContainer", "label", "switchViewButton", "switchViewIcon"]);
+import { createIsAfterIgnoreDatePart as c } from "./index.es225.js";
+import { getTodayDate as r, mergeDateAndTime as T } from "./index.es204.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;
+};
 export {
-  s as getPickersCalendarHeaderUtilityClass,
-  l as pickersCalendarHeaderClasses
+  t as SECTION_TYPE_GRANULARITY,
+  A as getDefaultReferenceDate
 };

package/index.es251.js

@@ -1,38 +1,55 @@
-import * as t from "react";
-import { jsx as h, jsxs as o } from "react/jsx-runtime";
-import r from "./index.es304.js";
-const z = r(/* @__PURE__ */ h("path", {
-  d: "M7 10l5 5 5-5z"
-}), "ArrowDropDown"), v = r(/* @__PURE__ */ h("path", {
-  d: "M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"
-}), "ArrowLeft"), p = r(/* @__PURE__ */ h("path", {
-  d: "M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"
-}), "ArrowRight");
-r(/* @__PURE__ */ h("path", {
-  d: "M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"
-}), "Calendar");
-r(/* @__PURE__ */ o(t.Fragment, {
-  children: [/* @__PURE__ */ h("path", {
-    d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-  }), /* @__PURE__ */ h("path", {
-    d: "M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"
-  })]
-}), "Clock");
-r(/* @__PURE__ */ h("path", {
-  d: "M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z"
-}), "DateRange");
-r(/* @__PURE__ */ o(t.Fragment, {
-  children: [/* @__PURE__ */ h("path", {
-    d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-  }), /* @__PURE__ */ h("path", {
-    d: "M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"
-  })]
-}), "Time");
-r(/* @__PURE__ */ h("path", {
-  d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
-}), "Clear");
+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);
 export {
-  z as ArrowDropDownIcon,
-  v as ArrowLeftIcon,
-  p as ArrowRightIcon
+  r as DEFAULT_LOCALE
 };

package/index.es252.js

@@ -1,28 +1,121 @@
-import * as u from "react";
-import { useUtils as f } from "./index.es198.js";
-function d(n, {
-  disableFuture: o,
-  maxDate: e,
-  timezone: s
-}) {
-  const t = f();
-  return u.useMemo(() => {
-    const r = t.dateWithTimezone(void 0, s), i = t.startOfMonth(o && t.isBefore(r, e) ? r : e);
-    return !t.isAfter(i, n);
-  }, [o, e, n, t, s]);
-}
-function M(n, {
-  disablePast: o,
-  minDate: e,
-  timezone: s
-}) {
-  const t = f();
-  return u.useMemo(() => {
-    const r = t.dateWithTimezone(void 0, s), i = t.startOfMonth(o && t.isAfter(r, e) ? r : e);
-    return !t.isBefore(i, n);
-  }, [o, e, n, t, s]);
-}
+import m from "./index.es197.js";
+import f from "./index.es196.js";
+import v from "./index.es368.js";
+import x from "./index.es363.js";
+import d from "./index.es198.js";
+import s from "react";
+import h from "./index.es369.js";
+import { getInitialChildMapping as E, getNextChildMapping as y, getChildMapping as g } from "./index.es370.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;
 export {
-  d as useNextMonthDisabled,
-  M as usePreviousMonthDisabled
+  R as default
 };