mada-design-system 0.6.0 → 0.7.0

package/index.es139.js

@@ -1,381 +1,13 @@
-import v from "./index.es199.js";
-import fe from "./index.es200.js";
-import * as i from "react";
-import { clsx as de } from "./index.es130.js";
-import e from "./index.es201.js";
-import { useUtils as be, useLocaleText as ge, useNow as Ce } from "./index.es203.js";
-import { createIsAfterIgnoreDatePart as ve } from "./index.es228.js";
-import { getDigitalClockUtilityClass as De } from "./index.es229.js";
-import { useViews as ye } from "./index.es206.js";
-import { DIGITAL_CLOCK_VIEW_HEIGHT as he } from "./index.es212.js";
-import { useControlledValueWithTimezone as Te } from "./index.es210.js";
-import { singleItemValueManager as Ve } from "./index.es211.js";
-import { useClockReferenceDate as ke } from "./index.es230.js";
-import { jsx as D } from "react/jsx-runtime";
-import y from "./index.es213.js";
-import { PickerViewRoot as we } from "./index.es214.js";
-import Ie from "./index.es231.js";
-import Pe from "./index.es232.js";
-import Oe from "./index.es233.js";
-import xe from "./index.es222.js";
-import Re from "./index.es217.js";
-import $ from "./index.es218.js";
-import Me from "./index.es221.js";
-import { alpha as A } from "./index.es234.js";
-const Se = ["ampm", "timeStep", "autoFocus", "components", "componentsProps", "slots", "slotProps", "value", "defaultValue", "referenceDate", "disableIgnoringDatePartForTimeValidation", "maxTime", "minTime", "disableFuture", "disablePast", "minutesStep", "shouldDisableClock", "shouldDisableTime", "onChange", "view", "openTo", "onViewChange", "focusedView", "onFocusedViewChange", "className", "disabled", "readOnly", "views", "skipDisabled", "timezone"], Fe = (o) => {
-  const {
-    classes: a
-  } = o;
-  return Me({
-    root: ["root"],
-    list: ["list"],
-    item: ["item"]
-  }, De, a);
-}, _e = y(we, {
-  name: "MuiDigitalClock",
-  slot: "Root",
-  overridesResolver: (o, a) => a.root
-})(({
-  ownerState: o
-}) => ({
-  overflowY: "auto",
-  width: "100%",
-  "@media (prefers-reduced-motion: no-preference)": {
-    scrollBehavior: o.alreadyRendered ? "smooth" : "auto"
-  },
-  maxHeight: he
-})), Ne = y(Ie, {
-  name: "MuiDigitalClock",
-  slot: "List",
-  overridesResolver: (o, a) => a.list
-})({
-  padding: 0
-}), je = y(Pe, {
-  name: "MuiDigitalClock",
-  slot: "Item",
-  overridesResolver: (o, a) => a.item
-})(({
-  theme: o
-}) => ({
-  padding: "8px 16px",
-  margin: "2px 4px",
-  "&:first-of-type": {
-    marginTop: 4
-  },
-  "&:hover": {
-    backgroundColor: o.vars ? `rgba(${o.vars.palette.primary.mainChannel} / ${o.vars.palette.action.hoverOpacity})` : A(o.palette.primary.main, o.palette.action.hoverOpacity)
-  },
-  "&.Mui-selected": {
-    backgroundColor: (o.vars || o).palette.primary.main,
-    color: (o.vars || o).palette.primary.contrastText,
-    "&:focus-visible, &:hover": {
-      backgroundColor: (o.vars || o).palette.primary.dark
+import e from "./index.es188.js";
+const c = e("AccessTime", [
+  [
+    "path",
+    {
+      d: "M11.99 2C6.47 2 2 6.48 2 12C2 17.52 6.47 22 11.99 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 11.99 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20ZM12.5 7H11V13L16.25 16.15L17 14.92L12.5 12.25V7Z",
+      key: "1m56z5"
     }
-  },
-  "&.Mui-focusVisible": {
-    backgroundColor: o.vars ? `rgba(${o.vars.palette.primary.mainChannel} / ${o.vars.palette.action.focusOpacity})` : A(o.palette.primary.main, o.palette.action.focusOpacity)
-  }
-})), Le = /* @__PURE__ */ i.forwardRef(function(a, h) {
-  var T, V, k;
-  const r = be(), l = i.useRef(null), H = Oe(h, l), n = xe({
-    props: a,
-    name: "MuiDigitalClock"
-  }), {
-    ampm: G = r.is12HourCycleInCurrentLocale(),
-    timeStep: c = 30,
-    autoFocus: U,
-    components: w,
-    componentsProps: I,
-    slots: P,
-    slotProps: O,
-    value: W,
-    defaultValue: q,
-    referenceDate: B,
-    disableIgnoringDatePartForTimeValidation: x = !1,
-    maxTime: u,
-    minTime: m,
-    disableFuture: R,
-    disablePast: M,
-    minutesStep: S = 1,
-    shouldDisableClock: p,
-    shouldDisableTime: f,
-    onChange: J,
-    view: K,
-    openTo: Y,
-    onViewChange: Q,
-    focusedView: F,
-    onFocusedViewChange: X,
-    className: Z,
-    disabled: ee,
-    readOnly: d,
-    views: oe = ["hours"],
-    skipDisabled: te = !1,
-    timezone: re
-  } = n, se = fe(n, Se), {
-    value: _,
-    handleValueChange: ae,
-    timezone: N
-  } = Te({
-    name: "DigitalClock",
-    timezone: re,
-    value: W,
-    defaultValue: q,
-    onChange: J,
-    valueManager: Ve
-  }), ie = ge(), b = Ce(N), j = i.useMemo(() => v({}, n, {
-    alreadyRendered: !!l.current
-  }), [n]), g = Fe(j), L = (T = (V = P == null ? void 0 : P.digitalClockItem) != null ? V : w == null ? void 0 : w.DigitalClockItem) != null ? T : je, le = Re({
-    elementType: L,
-    externalSlotProps: (k = O == null ? void 0 : O.digitalClockItem) != null ? k : I == null ? void 0 : I.digitalClockItem,
-    ownerState: {},
-    className: g.item
-  }), z = ke({
-    value: _,
-    referenceDate: B,
-    utils: r,
-    props: n,
-    timezone: N
-  }), ne = $((t) => ae(t, "finish", "hours")), {
-    setValueAndGoToNextView: ce
-  } = ye({
-    view: K,
-    views: oe,
-    openTo: Y,
-    onViewChange: Q,
-    onChange: ne,
-    focusedView: F,
-    onFocusedViewChange: X
-  }), ue = $((t) => {
-    ce(t, "finish");
-  });
-  i.useEffect(() => {
-    if (l.current === null)
-      return;
-    const t = l.current.querySelector('[role="listbox"] [role="option"][aria-selected="true"]');
-    if (!t)
-      return;
-    const s = t.offsetTop;
-    l.current.scrollTop = s - 4;
-  });
-  const E = i.useCallback((t) => {
-    const s = ve(x, r), C = () => !(m && s(m, t) || u && s(t, u) || R && s(t, b) || M && s(b, t)), pe = () => r.getMinutes(t) % S !== 0 || p != null && p(r.toJsDate(t).getTime(), "hours") ? !1 : f ? !f(t, "hours") : !0;
-    return !C() || !pe();
-  }, [x, r, m, u, R, b, M, S, p, f]), me = i.useMemo(() => {
-    const t = r.startOfDay(z);
-    return [t, ...Array.from({
-      length: Math.ceil(24 * 60 / c) - 1
-    }, (s, C) => r.addMinutes(t, c * (C + 1)))];
-  }, [z, c, r]);
-  return /* @__PURE__ */ D(_e, v({
-    ref: H,
-    className: de(g.root, Z),
-    ownerState: j
-  }, se, {
-    children: /* @__PURE__ */ D(Ne, {
-      autoFocusItem: U || !!F,
-      role: "listbox",
-      "aria-label": ie.timePickerToolbarTitle,
-      className: g.list,
-      children: me.map((t) => {
-        if (te && E(t))
-          return null;
-        const s = r.isEqual(t, _);
-        return /* @__PURE__ */ D(L, v({
-          onClick: () => !d && ue(t),
-          selected: s,
-          disabled: ee || E(t),
-          disableRipple: d,
-          role: "option",
-          "aria-disabled": d,
-          "aria-selected": s
-        }, le, {
-          children: r.format(t, G ? "fullTime12h" : "fullTime24h")
-        }), r.toISO(t));
-      })
-    })
-  }));
-});
-process.env.NODE_ENV !== "production" && (Le.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * 12h/24h view for hour selection clock.
-   * @default `utils.is12HourCycleInCurrentLocale()`
-   */
-  ampm: e.bool,
-  /**
-   * If `true`, the main element is focused during the first mount.
-   * This main element is:
-   * - the element chosen by the visible view if any (i.e: the selected day on the `day` view).
-   * - the `input` element if there is a field rendered.
-   */
-  autoFocus: e.bool,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  className: e.string,
-  /**
-   * Overrideable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: e.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: e.object,
-  /**
-   * The default selected value.
-   * Used when the component is not controlled.
-   */
-  defaultValue: e.any,
-  /**
-   * If `true`, the picker views and text field are disabled.
-   * @default false
-   */
-  disabled: e.bool,
-  /**
-   * If `true`, disable values after the current date for date components, time for time components and both for date time components.
-   * @default false
-   */
-  disableFuture: e.bool,
-  /**
-   * Do not ignore date part when validating min/max time.
-   * @default false
-   */
-  disableIgnoringDatePartForTimeValidation: e.bool,
-  /**
-   * If `true`, disable values before the current date for date components, time for time components and both for date time components.
-   * @default false
-   */
-  disablePast: e.bool,
-  /**
-   * Controlled focused view.
-   */
-  focusedView: e.oneOf(["hours"]),
-  /**
-   * Maximal selectable time.
-   * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
-   */
-  maxTime: e.any,
-  /**
-   * Minimal selectable time.
-   * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
-   */
-  minTime: e.any,
-  /**
-   * Step over minutes.
-   * @default 1
-   */
-  minutesStep: e.number,
-  /**
-   * Callback fired when the value changes.
-   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
-   * @template TView The view type. Will be one of date or time views.
-   * @param {TValue} value The new value.
-   * @param {PickerSelectionState | undefined} selectionState Indicates if the date selection is complete.
-   * @param {TView | undefined} selectedView Indicates the view in which the selection has been made.
-   */
-  onChange: e.func,
-  /**
-   * Callback fired on focused view change.
-   * @template TView
-   * @param {TView} view The new view to focus or not.
-   * @param {boolean} hasFocus `true` if the view should be focused.
-   */
-  onFocusedViewChange: e.func,
-  /**
-   * Callback fired on view change.
-   * @template TView
-   * @param {TView} view The new view.
-   */
-  onViewChange: e.func,
-  /**
-   * The default visible view.
-   * Used when the component view is not controlled.
-   * Must be a valid option from `views` list.
-   */
-  openTo: e.oneOf(["hours"]),
-  /**
-   * If `true`, the picker views and text field are read-only.
-   * @default false
-   */
-  readOnly: e.bool,
-  /**
-   * The date used to generate the new value when both `value` and `defaultValue` are empty.
-   * @default The closest valid time using the validation props, except callbacks such as `shouldDisableTime`.
-   */
-  referenceDate: e.any,
-  /**
-   * Disable specific clock time.
-   * @param {number} clockValue The value to check.
-   * @param {TimeView} view The clock type of the timeValue.
-   * @returns {boolean} If `true` the time will be disabled.
-   * @deprecated Consider using `shouldDisableTime`.
-   */
-  shouldDisableClock: e.func,
-  /**
-   * Disable specific time.
-   * @template TDate
-   * @param {TDate} value The value to check.
-   * @param {TimeView} view The clock type of the timeValue.
-   * @returns {boolean} If `true` the time will be disabled.
-   */
-  shouldDisableTime: e.func,
-  /**
-   * If `true`, disabled digital clock items will not be rendered.
-   * @default false
-   */
-  skipDisabled: e.bool,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps: e.object,
-  /**
-   * Overrideable component slots.
-   * @default {}
-   */
-  slots: e.object,
-  /**
-   * 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]),
-  /**
-   * The time steps between two time options.
-   * For example, if `timeStep = 45`, then the available time options will be `[00:00, 00:45, 01:30, 02:15, 03:00, etc.]`.
-   * @default 30
-   */
-  timeStep: e.number,
-  /**
-   * Choose which timezone to use for the value.
-   * Example: "default", "system", "UTC", "America/New_York".
-   * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
-   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
-   * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
-   */
-  timezone: e.string,
-  /**
-   * The selected value.
-   * Used when the component is controlled.
-   */
-  value: e.any,
-  /**
-   * The visible view.
-   * Used when the component view is controlled.
-   * Must be a valid option from `views` list.
-   */
-  view: e.oneOf(["hours"]),
-  /**
-   * Available views.
-   */
-  views: e.arrayOf(e.oneOf(["hours"]))
-});
+  ]
+]);
 export {
-  Le as DigitalClock
+  c as default
 };

package/index.es14.js

@@ -1,10 +1,10 @@
 import { jsx as r, jsxs as d } from "react/jsx-runtime";
 import a from "react";
-import { useMediaQuery as l } from "./index.es104.js";
-import { cn as m } from "./index.es86.js";
+import { useMediaQuery as l } from "./index.es105.js";
+import { cn as m } from "./index.es88.js";
 import { Button as n } from "./index.es23.js";
 import { Sheet as i, SheetTrigger as c, SheetContent as p, SheetHeader as f, SheetClose as h, SheetFooter as u } from "./index.es67.js";
-import S from "./index.es111.js";
+import S from "./index.es112.js";
 const T = i, b = a.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(c, { asChild: !0, children: /* @__PURE__ */ r(n, { ref: t, colors: "primary", className: m("flex items-center gap-space-02", e), ...o }) }));
 b.displayName = "SheetFormTrigger";
 const x = a.forwardRef(({ className: e, ...o }, t) => {