dynamic-mui 2.2.0 → 2.3.0

package/dist/ChartsXAxis-CPmuCRhq.mjs

@@ -1,487 +0,0 @@
-import { f as fe, w as D, c as ue, a as R, u as U, _ as x, b as $, d as K, e as Y, j as h, s as de, P as i } from "./index-BhaKvHkU.mjs";
-import { e as xe, u as W, c as q, d as J, i as Q } from "./useAxis-SiNBMMWq.mjs";
-import * as _ from "react";
-import { e as pe, d as be, b as Z, l as he, g as ke, C as ee, c as me, f as ge, i as Te, u as Le, h as Se, j as ye, k as Ae, A as Pe } from "./AxisSharedComponents-xLtpOLH_.mjs";
-import { c as Ie } from "./clampAngle-BvZjnf53.mjs";
-function Me(t = !1) {
-  const [e, s] = _.useState(!1);
-  return fe(() => {
-    t || s(!0);
-  }, [t]), _.useEffect(() => {
-    t && s(!0);
-  }, [t]), e;
-}
-function Ce(t, e, s, n, a) {
-  const l = /* @__PURE__ */ new Map(), k = Ie(a?.angle ?? 0);
-  let c = 1, o = 1;
-  a?.textAnchor === "start" ? (c = 1 / 0, o = 1) : a?.textAnchor === "end" ? (c = 1, o = 1 / 0) : (c = 2, o = 2), k > 90 && k < 270 && ([c, o] = [o, c]), n && ([c, o] = [o, c]);
-  for (const r of t)
-    if (r.formattedValue) {
-      const p = Math.min((r.offset + r.labelOffset) * c, (e.left + e.width + e.right - r.offset - r.labelOffset) * o), f = (u) => be(u, {
-        width: p,
-        height: s,
-        angle: k,
-        measureText: (m) => Z(m, a)
-      });
-      l.set(r, pe(r.formattedValue.toString(), f));
-    }
-  return l;
-}
-const H = 5;
-function Oe(t, e, s = 0) {
-  process.env.NODE_ENV !== "production" && s > 90 && s < -90 && D(["MUI X Charts: It seems you applied an angle larger than 90° or smaller than -90° to an axis text.", "This could cause some text overlapping.", "If you encounter a use case where it's needed, please open an issue."]);
-  const n = Math.min(Math.abs(s) % 180, Math.abs(Math.abs(s) % 180 - 180) % 180);
-  if (n < H)
-    return t;
-  if (n > 90 - H)
-    return e;
-  const a = xe(n), l = Math.atan2(e, t);
-  return a < l ? t / Math.cos(a) : e / Math.sin(a);
-}
-function je(t, {
-  tickLabelStyle: e,
-  tickLabelInterval: s,
-  tickLabelMinGap: n,
-  reverse: a,
-  isMounted: l,
-  isXInside: k
-}) {
-  if (typeof s == "function")
-    return new Set(t.filter((f, u) => s(f.value, u)));
-  let c = 0;
-  const o = a ? -1 : 1, r = t.filter((f) => {
-    const {
-      offset: u,
-      labelOffset: m,
-      formattedValue: g
-    } = f;
-    if (g === "")
-      return !1;
-    const d = u + m;
-    return k(d);
-  }), p = we(r, e);
-  return new Set(r.filter((f, u) => {
-    const {
-      offset: m,
-      labelOffset: g
-    } = f, d = m + g;
-    if (u > 0 && o * d < o * (c + n))
-      return !1;
-    const {
-      width: L,
-      height: y
-    } = l ? ze(p, f) : {
-      width: 0,
-      height: 0
-    }, b = Oe(L, y, e?.angle), T = d - o * b / 2;
-    return u > 0 && o * T < o * (c + n) ? !1 : (c = d + o * b / 2, !0);
-  }));
-}
-function ze(t, e) {
-  if (e.formattedValue === void 0)
-    return {
-      width: 0,
-      height: 0
-    };
-  let s = 0, n = 0;
-  for (const a of e.formattedValue.split(`
-`)) {
-    const l = t.get(a);
-    l && (s = Math.max(s, l.width), n += l.height);
-  }
-  return {
-    width: s,
-    height: n
-  };
-}
-function we(t, e) {
-  const s = /* @__PURE__ */ new Set();
-  for (const n of t)
-    n.formattedValue && n.formattedValue.split(`
-`).forEach((a) => s.add(a));
-  return he(s, e);
-}
-const te = (t) => {
-  const {
-    classes: e,
-    position: s,
-    id: n
-  } = t, a = {
-    root: ["root", "directionX", s, `id-${n}`],
-    line: ["line"],
-    tickContainer: ["tickContainer"],
-    tick: ["tick"],
-    tickLabel: ["tickLabel"],
-    label: ["label"]
-  };
-  return ue(a, ke, e);
-}, G = 3, Ne = 4, se = {
-  disableLine: !1,
-  disableTicks: !1,
-  tickSize: 6,
-  tickLabelMinGap: 4
-}, Xe = ["scale", "tickNumber", "reverse"];
-function ie(t) {
-  const {
-    xAxis: e,
-    xAxisIds: s
-  } = W(), n = e[t.axisId ?? s[0]], {
-    scale: a,
-    tickNumber: l,
-    reverse: k
-  } = n, c = R(n, Xe), o = U({
-    props: x({}, c, t),
-    name: "MuiChartsXAxis"
-  }), r = x({}, se, o), {
-    position: p,
-    tickLabelStyle: f,
-    slots: u,
-    slotProps: m
-  } = r, g = $(), d = K(), L = te(r), y = p === "bottom" ? 1 : -1, b = u?.axisTick ?? "line", T = u?.axisTickLabel ?? ee, S = me((p === "bottom" ? 0 : 180) - (f?.angle ?? 0)), A = ge((p === "bottom" ? 0 : 180) - (f?.angle ?? 0)), M = Y({
-    elementType: T,
-    // @ts-expect-error `useSlotProps` applies `WithCommonProps` with adds a `style: React.CSSProperties` prop automatically.
-    externalSlotProps: m?.axisTickLabel,
-    // @ts-expect-error `useSlotProps` applies `WithCommonProps` with adds a `style: React.CSSProperties` prop automatically.
-    additionalProps: {
-      style: x({}, g.typography.caption, {
-        fontSize: 12,
-        lineHeight: 1.25,
-        textAnchor: d ? Te(S) : S,
-        dominantBaseline: A
-      }, f)
-    },
-    className: L.tickLabel,
-    ownerState: {}
-  });
-  return {
-    xScale: a,
-    defaultizedProps: r,
-    tickNumber: l,
-    positionSign: y,
-    classes: L,
-    Tick: b,
-    TickLabel: T,
-    axisTickLabelProps: M,
-    reverse: k
-  };
-}
-function ve(t) {
-  const {
-    axisLabelHeight: e,
-    ordinalTimeTicks: s
-  } = t, {
-    xScale: n,
-    defaultizedProps: a,
-    tickNumber: l,
-    positionSign: k,
-    classes: c,
-    Tick: o,
-    TickLabel: r,
-    axisTickLabelProps: p,
-    reverse: f
-  } = ie(t), u = K(), m = Me(), {
-    disableTicks: g,
-    tickSize: d,
-    valueFormatter: L,
-    slotProps: y,
-    tickInterval: b,
-    tickLabelInterval: T,
-    tickPlacement: S,
-    tickLabelPlacement: A,
-    tickLabelMinGap: M,
-    tickSpacing: w,
-    height: O
-  } = a, j = q(), {
-    instance: P
-  } = J(), C = Le(), I = g ? 4 : d, N = Se({
-    scale: n,
-    tickNumber: l,
-    valueFormatter: L,
-    tickInterval: b,
-    tickPlacement: S,
-    tickLabelPlacement: A,
-    tickSpacing: w,
-    direction: "x",
-    ordinalTimeTicks: s
-  }), X = je(N, {
-    tickLabelStyle: p.style,
-    tickLabelInterval: T,
-    tickLabelMinGap: M,
-    reverse: f,
-    isMounted: m,
-    isXInside: P.isXInside
-  }), v = Math.max(0, O - (e > 0 ? e + Ne : 0) - I - G), E = C ? Ce(X, j, v, u, p.style) : new Map(Array.from(X).map((z) => [z, z.formattedValue]));
-  return /* @__PURE__ */ h.jsx(_.Fragment, {
-    children: N.map((z, ne) => {
-      const {
-        offset: V,
-        labelOffset: ae
-      } = z, oe = ae ?? 0, ce = k * (I + G), le = P.isXInside(V), F = E.get(z), re = X.has(z);
-      return /* @__PURE__ */ h.jsxs("g", {
-        transform: `translate(${V}, 0)`,
-        className: c.tickContainer,
-        children: [!g && le && /* @__PURE__ */ h.jsx(o, x({
-          y2: k * I,
-          className: c.tick
-        }, y?.axisTick)), F !== void 0 && re && /* @__PURE__ */ h.jsx(r, x({
-          x: oe,
-          y: ce
-        }, p, {
-          text: F
-        }))]
-      }, ne);
-    })
-  });
-}
-const B = {
-  tickSize: 6
-}, _e = (t, e, s) => {
-  const n = t[e] ?? {}, a = s ?? B.tickSize, l = a * e * 2 + a;
-  return x({}, B, n, {
-    tickSize: n.tickSize ?? l
-  });
-};
-function Ee(t) {
-  const {
-    xScale: e,
-    defaultizedProps: s,
-    positionSign: n,
-    classes: a,
-    Tick: l,
-    TickLabel: k,
-    axisTickLabelProps: c
-  } = ie(t);
-  if (!Q(e))
-    throw new Error("MUI X Charts: ChartsGroupedXAxis only supports the `band` and `point` scale types.");
-  const {
-    disableTicks: o,
-    tickSize: r,
-    valueFormatter: p,
-    slotProps: f,
-    tickInterval: u,
-    tickPlacement: m,
-    tickLabelPlacement: g
-  } = s, d = s.groups, {
-    instance: L
-  } = J(), y = ye({
-    scale: e,
-    tickInterval: u,
-    tickPlacement: m,
-    tickLabelPlacement: g,
-    groups: d
-  });
-  return /* @__PURE__ */ h.jsx(_.Fragment, {
-    children: y.map((b, T) => {
-      const {
-        offset: S,
-        labelOffset: A
-      } = b, M = A ?? 0, w = L.isXInside(S), O = b.formattedValue, j = b.ignoreTick ?? !1, P = b.groupIndex ?? 0, C = _e(d, P, r), I = n * C.tickSize, N = n * (C.tickSize + G);
-      return /* @__PURE__ */ h.jsxs("g", {
-        transform: `translate(${S}, 0)`,
-        className: a.tickContainer,
-        "data-group-index": P,
-        children: [!o && !j && w && /* @__PURE__ */ h.jsx(l, x({
-          y2: I,
-          className: a.tick
-        }, f?.axisTick)), O !== void 0 && /* @__PURE__ */ h.jsx(k, x({
-          x: M,
-          y: N
-        }, c, {
-          style: x({}, c.style, C.tickLabelStyle),
-          text: O
-        }))]
-      }, T);
-    })
-  });
-}
-const Re = ["axis"], Ge = ["scale", "tickNumber", "reverse", "ordinalTimeTicks"], Ve = de(Pe, {
-  name: "MuiChartsXAxis",
-  slot: "Root"
-})({});
-function Fe(t) {
-  let {
-    axis: e
-  } = t, s = R(t, Re);
-  const {
-    scale: n,
-    ordinalTimeTicks: a
-  } = e, l = R(e, Ge), k = U({
-    props: x({}, l, s),
-    name: "MuiChartsXAxis"
-  }), c = x({}, se, k), {
-    position: o,
-    labelStyle: r,
-    offset: p,
-    slots: f,
-    slotProps: u,
-    sx: m,
-    disableLine: g,
-    label: d,
-    height: L
-  } = c, y = $(), b = te(c), {
-    left: T,
-    top: S,
-    width: A,
-    height: M
-  } = q(), w = o === "bottom" ? 1 : -1, O = f?.axisLine ?? "line", j = f?.axisLabel ?? ee, P = Y({
-    elementType: j,
-    // @ts-expect-error `useSlotProps` applies `WithCommonProps` with adds a `style: React.CSSProperties` prop automatically.
-    externalSlotProps: u?.axisLabel,
-    // @ts-expect-error `useSlotProps` applies `WithCommonProps` with adds a `style: React.CSSProperties` prop automatically.
-    additionalProps: {
-      style: x({}, y.typography.body1, {
-        lineHeight: 1,
-        fontSize: 14,
-        textAnchor: "middle",
-        dominantBaseline: o === "bottom" ? "text-after-edge" : "text-before-edge"
-      }, r)
-    },
-    ownerState: {}
-  });
-  if (o === "none")
-    return null;
-  const C = d ? Z(d, P.style).height : 0, I = n.domain(), X = Q(n) ? I.length === 0 : I.some(Ae);
-  let v = null;
-  X || (v = "groups" in e && Array.isArray(e.groups) ? /* @__PURE__ */ h.jsx(Ee, x({}, s)) : /* @__PURE__ */ h.jsx(ve, x({}, s, {
-    axisLabelHeight: C,
-    ordinalTimeTicks: a
-  })));
-  const E = {
-    x: T + A / 2,
-    y: w * L
-  };
-  return /* @__PURE__ */ h.jsxs(Ve, {
-    transform: `translate(0, ${o === "bottom" ? S + M + p : S - p})`,
-    className: b.root,
-    "data-axis-id": c.id,
-    sx: m,
-    children: [!g && /* @__PURE__ */ h.jsx(O, x({
-      x1: T,
-      x2: T + A,
-      className: b.line
-    }, u?.axisLine)), v, d && /* @__PURE__ */ h.jsx("g", {
-      className: b.label,
-      children: /* @__PURE__ */ h.jsx(j, x({}, E, P, {
-        text: d
-      }))
-    })]
-  });
-}
-function He(t) {
-  const {
-    xAxis: e,
-    xAxisIds: s
-  } = W(), n = e[t.axisId ?? s[0]];
-  return n ? /* @__PURE__ */ h.jsx(Fe, x({}, t, {
-    axis: n
-  })) : (D(`MUI X Charts: No axis found. The axisId "${t.axisId}" is probably invalid.`), null);
-}
-process.env.NODE_ENV !== "production" && (He.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  axis: i.oneOf(["x"]),
-  /**
-   * The id of the axis to render.
-   * If undefined, it will be the first defined axis.
-   */
-  axisId: i.oneOfType([i.number, i.string]),
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: i.object,
-  /**
-   * If true, the axis line is disabled.
-   * @default false
-   */
-  disableLine: i.bool,
-  /**
-   * If true, the ticks are disabled.
-   * @default false
-   */
-  disableTicks: i.bool,
-  /**
-   * The label of the axis.
-   */
-  label: i.string,
-  /**
-   * The style applied to the axis label.
-   */
-  labelStyle: i.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps: i.object,
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots: i.object,
-  sx: i.oneOfType([i.arrayOf(i.oneOfType([i.func, i.object, i.bool])), i.func, i.object]),
-  /**
-   * Defines which ticks are displayed.
-   * Its value can be:
-   * - 'auto' In such case the ticks are computed based on axis scale and other parameters.
-   * - a filtering function of the form `(value, index) => boolean` which is available only if the axis has "point" scale.
-   * - an array containing the values where ticks should be displayed.
-   * @see See {@link https://mui.com/x/react-charts/axis/#fixed-tick-positions}
-   * @default 'auto'
-   */
-  tickInterval: i.oneOfType([i.oneOf(["auto"]), i.array, i.func]),
-  /**
-   * Defines which ticks get its label displayed. Its value can be:
-   * - 'auto' In such case, labels are displayed if they do not overlap with the previous one.
-   * - a filtering function of the form (value, index) => boolean. Warning: the index is tick index, not data ones.
-   * @default 'auto'
-   */
-  tickLabelInterval: i.oneOfType([i.oneOf(["auto"]), i.func]),
-  /**
-   * The minimum gap in pixels between two tick labels.
-   * If two tick labels are closer than this minimum gap, one of them will be hidden.
-   * @default 4
-   */
-  tickLabelMinGap: i.number,
-  /**
-   * The placement of ticks label. Can be the middle of the band, or the tick position.
-   * Only used if scale is 'band'.
-   * @default 'middle'
-   */
-  tickLabelPlacement: i.oneOf(["middle", "tick"]),
-  /**
-   * The style applied to ticks text.
-   */
-  tickLabelStyle: i.object,
-  /**
-   * Maximal step between two ticks.
-   * When using time data, the value is assumed to be in ms.
-   * Not supported by categorical axis (band, points).
-   */
-  tickMaxStep: i.number,
-  /**
-   * Minimal step between two ticks.
-   * When using time data, the value is assumed to be in ms.
-   * Not supported by categorical axis (band, points).
-   */
-  tickMinStep: i.number,
-  /**
-   * The number of ticks. This number is not guaranteed.
-   * Not supported by categorical axis (band, points).
-   */
-  tickNumber: i.number,
-  /**
-   * The placement of ticks in regard to the band interval.
-   * Only used if scale is 'band'.
-   * @default 'extremities'
-   */
-  tickPlacement: i.oneOf(["end", "extremities", "middle", "start"]),
-  /**
-   * The size of the ticks.
-   * @default 6
-   */
-  tickSize: i.number
-});
-export {
-  He as C
-};

package/dist/ChartsXAxis-DFFY1sPg.js

@@ -1,3 +0,0 @@
-"use strict";const e=require("./index--8Zky9Oh.js"),S=require("./useAxis-DSbfEtO7.js"),Z=require("react"),d=require("./AxisSharedComponents-BbsKw1BT.js"),ee=require("./clampAngle-DpAsDoeT.js");function te(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const n=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(s,i,n.get?n:{enumerable:!0,get:()=>t[i]})}}return s.default=t,Object.freeze(s)}const X=te(Z);function se(t=!1){const[s,i]=X.useState(!1);return e.useEnhancedEffect(()=>{t||i(!0)},[t]),X.useEffect(()=>{t&&i(!0)},[t]),s}function ie(t,s,i,n,o){const c=new Map,T=ee.clampAngle(o?.angle??0);let r=1,a=1;o?.textAnchor==="start"?(r=1/0,a=1):o?.textAnchor==="end"?(r=1,a=1/0):(r=2,a=2),T>90&&T<270&&([r,a]=[a,r]),n&&([r,a]=[a,r]);for(const l of t)if(l.formattedValue){const f=Math.min((l.offset+l.labelOffset)*r,(s.left+s.width+s.right-l.offset-l.labelOffset)*a),p=u=>d.doesTextFitInRect(u,{width:f,height:i,angle:T,measureText:m=>d.getStringSize(m,o)});c.set(l,d.ellipsize(l.formattedValue.toString(),p))}return c}const D=5;function ne(t,s,i=0){process.env.NODE_ENV!=="production"&&i>90&&i<-90&&e.warnOnce(["MUI X Charts: It seems you applied an angle larger than 90° or smaller than -90° to an axis text.","This could cause some text overlapping.","If you encounter a use case where it's needed, please open an issue."]);const n=Math.min(Math.abs(i)%180,Math.abs(Math.abs(i)%180-180)%180);if(n<D)return t;if(n>90-D)return s;const o=S.deg2rad(n),c=Math.atan2(s,t);return o<c?t/Math.cos(o):s/Math.sin(o)}function oe(t,{tickLabelStyle:s,tickLabelInterval:i,tickLabelMinGap:n,reverse:o,isMounted:c,isXInside:T}){if(typeof i=="function")return new Set(t.filter((p,u)=>i(p.value,u)));let r=0;const a=o?-1:1,l=t.filter(p=>{const{offset:u,labelOffset:m,formattedValue:h}=p;if(h==="")return!1;const x=u+m;return T(x)}),f=re(l,s);return new Set(l.filter((p,u)=>{const{offset:m,labelOffset:h}=p,x=m+h;if(u>0&&a*x<a*(r+n))return!1;const{width:g,height:P}=c?ae(f,p):{width:0,height:0},b=ne(g,P,s?.angle),k=x-a*b/2;return u>0&&a*k<a*(r+n)?!1:(r=x+a*b/2,!0)}))}function ae(t,s){if(s.formattedValue===void 0)return{width:0,height:0};let i=0,n=0;for(const o of s.formattedValue.split(`
-`)){const c=t.get(o);c&&(i=Math.max(i,c.width),n+=c.height)}return{width:i,height:n}}function re(t,s){const i=new Set;for(const n of t)n.formattedValue&&n.formattedValue.split(`
-`).forEach(o=>i.add(o));return d.batchMeasureStrings(i,s)}const H=t=>{const{classes:s,position:i,id:n}=t,o={root:["root","directionX",i,`id-${n}`],line:["line"],tickContainer:["tickContainer"],tick:["tick"],tickLabel:["tickLabel"],label:["label"]};return e.composeClasses(o,d.getAxisUtilityClass,s)},v=3,ce=4,B={disableLine:!1,disableTicks:!1,tickSize:6,tickLabelMinGap:4},le=["scale","tickNumber","reverse"];function U(t){const{xAxis:s,xAxisIds:i}=S.useXAxes(),n=s[t.axisId??i[0]],{scale:o,tickNumber:c,reverse:T}=n,r=e._objectWithoutPropertiesLoose(n,le),a=e.useThemeProps({props:e._extends({},r,t),name:"MuiChartsXAxis"}),l=e._extends({},B,a),{position:f,tickLabelStyle:p,slots:u,slotProps:m}=l,h=e.useTheme(),x=e.useRtl(),g=H(l),P=f==="bottom"?1:-1,b=u?.axisTick??"line",k=u?.axisTickLabel??d.ChartsText,y=d.getDefaultTextAnchor((f==="bottom"?0:180)-(p?.angle??0)),L=d.getDefaultBaseline((f==="bottom"?0:180)-(p?.angle??0)),_=e.useSlotProps({elementType:k,externalSlotProps:m?.axisTickLabel,additionalProps:{style:e._extends({},h.typography.caption,{fontSize:12,lineHeight:1.25,textAnchor:x?d.invertTextAnchor(y):y,dominantBaseline:L},p)},className:g.tickLabel,ownerState:{}});return{xScale:o,defaultizedProps:l,tickNumber:c,positionSign:P,classes:g,Tick:b,TickLabel:k,axisTickLabelProps:_,reverse:T}}function pe(t){const{axisLabelHeight:s,ordinalTimeTicks:i}=t,{xScale:n,defaultizedProps:o,tickNumber:c,positionSign:T,classes:r,Tick:a,TickLabel:l,axisTickLabelProps:f,reverse:p}=U(t),u=e.useRtl(),m=se(),{disableTicks:h,tickSize:x,valueFormatter:g,slotProps:P,tickInterval:b,tickLabelInterval:k,tickPlacement:y,tickLabelPlacement:L,tickLabelMinGap:_,tickSpacing:E,height:C}=o,I=S.useDrawingArea(),{instance:A}=S.useChartContext(),O=d.useIsHydrated(),j=h?4:x,R=d.useTicks({scale:n,tickNumber:c,valueFormatter:g,tickInterval:b,tickPlacement:y,tickLabelPlacement:L,tickSpacing:E,direction:"x",ordinalTimeTicks:i}),z=oe(R,{tickLabelStyle:f.style,tickLabelInterval:k,tickLabelMinGap:_,reverse:p,isMounted:m,isXInside:A.isXInside}),w=Math.max(0,C-(s>0?s+ce:0)-j-v),N=O?ie(z,I,w,u,f.style):new Map(Array.from(z).map(M=>[M,M.formattedValue]));return e.jsxRuntimeExports.jsx(X.Fragment,{children:R.map((M,q)=>{const{offset:G,labelOffset:W}=M,K=W??0,Y=T*(j+v),J=A.isXInside(G),V=N.get(M),Q=z.has(M);return e.jsxRuntimeExports.jsxs("g",{transform:`translate(${G}, 0)`,className:r.tickContainer,children:[!h&&J&&e.jsxRuntimeExports.jsx(a,e._extends({y2:T*j,className:r.tick},P?.axisTick)),V!==void 0&&Q&&e.jsxRuntimeExports.jsx(l,e._extends({x:K,y:Y},f,{text:V}))]},q)})})}const F={tickSize:6},ue=(t,s,i)=>{const n=t[s]??{},o=i??F.tickSize,c=o*s*2+o;return e._extends({},F,n,{tickSize:n.tickSize??c})};function xe(t){const{xScale:s,defaultizedProps:i,positionSign:n,classes:o,Tick:c,TickLabel:T,axisTickLabelProps:r}=U(t);if(!S.isOrdinalScale(s))throw new Error("MUI X Charts: ChartsGroupedXAxis only supports the `band` and `point` scale types.");const{disableTicks:a,tickSize:l,valueFormatter:f,slotProps:p,tickInterval:u,tickPlacement:m,tickLabelPlacement:h}=i,x=i.groups,{instance:g}=S.useChartContext(),P=d.useTicksGrouped({scale:s,tickInterval:u,tickPlacement:m,tickLabelPlacement:h,groups:x});return e.jsxRuntimeExports.jsx(X.Fragment,{children:P.map((b,k)=>{const{offset:y,labelOffset:L}=b,_=L??0,E=g.isXInside(y),C=b.formattedValue,I=b.ignoreTick??!1,A=b.groupIndex??0,O=ue(x,A,l),j=n*O.tickSize,R=n*(O.tickSize+v);return e.jsxRuntimeExports.jsxs("g",{transform:`translate(${y}, 0)`,className:o.tickContainer,"data-group-index":A,children:[!a&&!I&&E&&e.jsxRuntimeExports.jsx(c,e._extends({y2:j,className:o.tick},p?.axisTick)),C!==void 0&&e.jsxRuntimeExports.jsx(T,e._extends({x:_,y:R},r,{style:e._extends({},r.style,O.tickLabelStyle),text:C}))]},k)})})}const de=["axis"],fe=["scale","tickNumber","reverse","ordinalTimeTicks"],be=e.styled(d.AxisRoot,{name:"MuiChartsXAxis",slot:"Root"})({});function Te(t){let{axis:s}=t,i=e._objectWithoutPropertiesLoose(t,de);const{scale:n,ordinalTimeTicks:o}=s,c=e._objectWithoutPropertiesLoose(s,fe),T=e.useThemeProps({props:e._extends({},c,i),name:"MuiChartsXAxis"}),r=e._extends({},B,T),{position:a,labelStyle:l,offset:f,slots:p,slotProps:u,sx:m,disableLine:h,label:x,height:g}=r,P=e.useTheme(),b=H(r),{left:k,top:y,width:L,height:_}=S.useDrawingArea(),E=a==="bottom"?1:-1,C=p?.axisLine??"line",I=p?.axisLabel??d.ChartsText,A=e.useSlotProps({elementType:I,externalSlotProps:u?.axisLabel,additionalProps:{style:e._extends({},P.typography.body1,{lineHeight:1,fontSize:14,textAnchor:"middle",dominantBaseline:a==="bottom"?"text-after-edge":"text-before-edge"},l)},ownerState:{}});if(a==="none")return null;const O=x?d.getStringSize(x,A.style).height:0,j=n.domain(),z=S.isOrdinalScale(n)?j.length===0:j.some(d.isInfinity);let w=null;z||(w="groups"in s&&Array.isArray(s.groups)?e.jsxRuntimeExports.jsx(xe,e._extends({},i)):e.jsxRuntimeExports.jsx(pe,e._extends({},i,{axisLabelHeight:O,ordinalTimeTicks:o})));const N={x:k+L/2,y:E*g};return e.jsxRuntimeExports.jsxs(be,{transform:`translate(0, ${a==="bottom"?y+_+f:y-f})`,className:b.root,"data-axis-id":r.id,sx:m,children:[!h&&e.jsxRuntimeExports.jsx(C,e._extends({x1:k,x2:k+L,className:b.line},u?.axisLine)),w,x&&e.jsxRuntimeExports.jsx("g",{className:b.label,children:e.jsxRuntimeExports.jsx(I,e._extends({},N,A,{text:x}))})]})}function $(t){const{xAxis:s,xAxisIds:i}=S.useXAxes(),n=s[t.axisId??i[0]];return n?e.jsxRuntimeExports.jsx(Te,e._extends({},t,{axis:n})):(e.warnOnce(`MUI X Charts: No axis found. The axisId "${t.axisId}" is probably invalid.`),null)}process.env.NODE_ENV!=="production"&&($.propTypes={axis:e.PropTypes.oneOf(["x"]),axisId:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),classes:e.PropTypes.object,disableLine:e.PropTypes.bool,disableTicks:e.PropTypes.bool,label:e.PropTypes.string,labelStyle:e.PropTypes.object,slotProps:e.PropTypes.object,slots:e.PropTypes.object,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),tickInterval:e.PropTypes.oneOfType([e.PropTypes.oneOf(["auto"]),e.PropTypes.array,e.PropTypes.func]),tickLabelInterval:e.PropTypes.oneOfType([e.PropTypes.oneOf(["auto"]),e.PropTypes.func]),tickLabelMinGap:e.PropTypes.number,tickLabelPlacement:e.PropTypes.oneOf(["middle","tick"]),tickLabelStyle:e.PropTypes.object,tickMaxStep:e.PropTypes.number,tickMinStep:e.PropTypes.number,tickNumber:e.PropTypes.number,tickPlacement:e.PropTypes.oneOf(["end","extremities","middle","start"]),tickSize:e.PropTypes.number});exports.ChartsXAxis=$;