dynamic-mui 2.0.26 → 2.2.0

package/dist/ChartsXAxis-CPmuCRhq.mjs

@@ -0,0 +1,487 @@
+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

@@ -0,0 +1,3 @@
+"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=$;