@mantine/schedule 9.5.2 → 9.6.1

package/cjs/components/ScheduleBackgroundEvent/ScheduleBackgroundEvent.cjs

@@ -0,0 +1,53 @@
+"use client";
+let _mantine_core = require("@mantine/core");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region packages/@mantine/schedule/src/components/ScheduleBackgroundEvent/ScheduleBackgroundEvent.tsx
+function ScheduleBackgroundEvent(props) {
+	const { event, interactive, onEventClick, renderEvent, renderEventBody, mod, ...others } = (0, _mantine_core.useProps)("ScheduleBackgroundEvent", null, props);
+	const theme = (0, _mantine_core.useMantineTheme)();
+	const [dragPassthrough, setDragPassthrough] = (0, react.useState)(false);
+	(0, react.useEffect)(() => {
+		if (!dragPassthrough) return;
+		const reset = () => setDragPassthrough(false);
+		document.addEventListener("dragend", reset);
+		document.addEventListener("drop", reset);
+		document.addEventListener("pointermove", reset);
+		return () => {
+			document.removeEventListener("dragend", reset);
+			document.removeEventListener("drop", reset);
+			document.removeEventListener("pointermove", reset);
+		};
+	}, [dragPassthrough]);
+	const colors = theme.variantColorResolver({
+		color: event.color || theme.primaryColor,
+		theme,
+		variant: "light",
+		autoContrast: true
+	});
+	const rootProps = {
+		...others,
+		__vars: {
+			"--bg-event-bg": colors.background,
+			"--bg-event-color": colors.color,
+			"--bg-event-hover": colors.hover
+		},
+		children: typeof renderEventBody === "function" ? renderEventBody(event) : event.title,
+		mod: interactive ? [mod, { interactive: true }] : mod,
+		...interactive ? {
+			"data-event-id": event.id,
+			title: event.title,
+			onClick: (e) => onEventClick?.(event, e),
+			onDragEnter: () => setDragPassthrough(true),
+			onDragOver: () => setDragPassthrough(true)
+		} : null,
+		...interactive && dragPassthrough ? { style: [others.style, { pointerEvents: "none" }] } : null
+	};
+	if (typeof renderEvent === "function") return renderEvent(event, rootProps);
+	return interactive ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.UnstyledButton, { ...rootProps }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Box, { ...rootProps });
+}
+ScheduleBackgroundEvent.displayName = "@mantine/schedule/ScheduleBackgroundEvent";
+//#endregion
+exports.ScheduleBackgroundEvent = ScheduleBackgroundEvent;
+
+//# sourceMappingURL=ScheduleBackgroundEvent.cjs.map

package/cjs/components/ScheduleBackgroundEvent/ScheduleBackgroundEvent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScheduleBackgroundEvent.cjs","names":["useProps","useMantineTheme","useState","UnstyledButton","Box"],"sources":["../../../src/components/ScheduleBackgroundEvent/ScheduleBackgroundEvent.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport {\n  Box,\n  BoxProps,\n  ElementProps,\n  UnstyledButton,\n  useMantineTheme,\n  useProps,\n} from '@mantine/core';\nimport { ScheduleEventData } from '../../types';\nimport { RenderEvent, RenderEventBody } from '../ScheduleEvent/ScheduleEvent';\n\nexport interface ScheduleBackgroundEventProps extends BoxProps, ElementProps<'div', 'onClick'> {\n  /** Background event to display */\n  event: ScheduleEventData;\n\n  /** If set, the root element is a `button` instead of a `div` and the event can be clicked @default false */\n  interactive?: boolean;\n\n  /** Called when the event is clicked, only when `interactive` is set */\n  onEventClick?: (event: ScheduleEventData, e: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** Function to fully customize event rendering */\n  renderEvent?: RenderEvent;\n\n  /** Function to customize event body */\n  renderEventBody?: RenderEventBody;\n}\n\nexport function ScheduleBackgroundEvent(props: ScheduleBackgroundEventProps) {\n  const { event, interactive, onEventClick, renderEvent, renderEventBody, mod, ...others } =\n    useProps('ScheduleBackgroundEvent', null, props);\n\n  const theme = useMantineTheme();\n\n  // An interactive background event captures pointer events so it can be clicked, which\n  // also makes it the target of drag events – the drop targets underneath (day cells and\n  // slots) would then never receive `dragover` and could not accept a drop. Stepping out\n  // of the way for the duration of the drag keeps both behaviours working, including for\n  // drags started outside the schedule.\n  const [dragPassthrough, setDragPassthrough] = useState(false);\n\n  useEffect(() => {\n    if (!dragPassthrough) {\n      return undefined;\n    }\n\n    const reset = () => setDragPassthrough(false);\n\n    document.addEventListener('dragend', reset);\n    document.addEventListener('drop', reset);\n    // A drag can end without either of those firing – dropped on another window, or with\n    // propagation stopped. Pointer events are suppressed for the duration of a drag, so\n    // seeing one means the drag is over and the element can capture input again.\n    document.addEventListener('pointermove', reset);\n\n    return () => {\n      document.removeEventListener('dragend', reset);\n      document.removeEventListener('drop', reset);\n      document.removeEventListener('pointermove', reset);\n    };\n  }, [dragPassthrough]);\n\n  const colors = theme.variantColorResolver({\n    color: event.color || theme.primaryColor,\n    theme,\n    variant: 'light',\n    autoContrast: true,\n  });\n\n  const eventProps = {\n    ...others,\n    __vars: {\n      '--bg-event-bg': colors.background,\n      '--bg-event-color': colors.color,\n      '--bg-event-hover': colors.hover,\n    },\n    children: typeof renderEventBody === 'function' ? renderEventBody(event) : event.title,\n    // Composed rather than replaced – `mod` is a public prop, and overwriting it would\n    // silently drop the caller's data modifiers whenever `interactive` is set.\n    mod: interactive ? [mod, { interactive: true }] : mod,\n    ...(interactive\n      ? {\n          'data-event-id': event.id,\n          title: event.title,\n          onClick: (e: React.MouseEvent<HTMLButtonElement>) => onEventClick?.(event, e),\n          onDragEnter: () => setDragPassthrough(true),\n          onDragOver: () => setDragPassthrough(true),\n        }\n      : null),\n    // Appended rather than replaced – the views position background events with `style`,\n    // and the array form preserves the function and array style values Box supports.\n    ...(interactive && dragPassthrough\n      ? { style: [others.style, { pointerEvents: 'none' as const }] }\n      : null),\n  };\n\n  // The root element switches between a div and a button depending on `interactive`, so\n  // the shared prop bag cannot satisfy both element types at once.\n  const rootProps = eventProps as Parameters<RenderEvent>[1];\n\n  if (typeof renderEvent === 'function') {\n    return renderEvent(event, rootProps);\n  }\n\n  return interactive ? (\n    <UnstyledButton {...rootProps} />\n  ) : (\n    <Box {...(rootProps as React.ComponentPropsWithoutRef<'div'>)} />\n  );\n}\n\nScheduleBackgroundEvent.displayName = '@mantine/schedule/ScheduleBackgroundEvent';\n"],"mappings":";;;;;AA6BA,SAAgB,wBAAwB,OAAqC;CAC3E,MAAM,EAAE,OAAO,aAAa,cAAc,aAAa,iBAAiB,KAAK,GAAG,YAAA,GAC9EA,cAAAA,SAAAA,CAAS,2BAA2B,MAAM,KAAK;CAEjD,MAAM,SAAA,GAAQC,cAAAA,gBAAAA,CAAgB;CAO9B,MAAM,CAAC,iBAAiB,uBAAA,GAAsBC,MAAAA,SAAAA,CAAS,KAAK;CAE5D,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,CAAC,iBACH;EAGF,MAAM,cAAc,mBAAmB,KAAK;EAE5C,SAAS,iBAAiB,WAAW,KAAK;EAC1C,SAAS,iBAAiB,QAAQ,KAAK;EAIvC,SAAS,iBAAiB,eAAe,KAAK;EAE9C,aAAa;GACX,SAAS,oBAAoB,WAAW,KAAK;GAC7C,SAAS,oBAAoB,QAAQ,KAAK;GAC1C,SAAS,oBAAoB,eAAe,KAAK;EACnD;CACF,GAAG,CAAC,eAAe,CAAC;CAEpB,MAAM,SAAS,MAAM,qBAAqB;EACxC,OAAO,MAAM,SAAS,MAAM;EAC5B;EACA,SAAS;EACT,cAAc;CAChB,CAAC;CA+BD,MAAM,YAAY;EA5BhB,GAAG;EACH,QAAQ;GACN,iBAAiB,OAAO;GACxB,oBAAoB,OAAO;GAC3B,oBAAoB,OAAO;EAC7B;EACA,UAAU,OAAO,oBAAoB,aAAa,gBAAgB,KAAK,IAAI,MAAM;EAGjF,KAAK,cAAc,CAAC,KAAK,EAAE,aAAa,KAAK,CAAC,IAAI;EAClD,GAAI,cACA;GACE,iBAAiB,MAAM;GACvB,OAAO,MAAM;GACb,UAAU,MAA2C,eAAe,OAAO,CAAC;GAC5E,mBAAmB,mBAAmB,IAAI;GAC1C,kBAAkB,mBAAmB,IAAI;EAC3C,IACA;EAGJ,GAAI,eAAe,kBACf,EAAE,OAAO,CAAC,OAAO,OAAO,EAAE,eAAe,OAAgB,CAAC,EAAE,IAC5D;CAKqB;CAE3B,IAAI,OAAO,gBAAgB,YACzB,OAAO,YAAY,OAAO,SAAS;CAGrC,OAAO,cACL,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,gBAAD,EAAgB,GAAI,UAAY,CAAA,IAEhC,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,KAAD,EAAK,GAAK,UAAsD,CAAA;AAEpE;AAEA,wBAAwB,cAAc"}

package/cjs/components/ScheduleEvent/ScheduleEvent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScheduleEvent.cjs","names":["DragContext","Box","UnstyledButton","classes"],"sources":["../../../src/components/ScheduleEvent/ScheduleEvent.tsx"],"sourcesContent":["import { use, useEffect, useRef } from 'react';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  MantineRadius,\n  StylesApiProps,\n  UnstyledButton,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { ScheduleEventData, ScheduleMode } from '../../types';\nimport { DragContext } from '../DragContext/DragContext';\nimport classes from './ScheduleEvent.module.css';\n\nexport type ScheduleEventStylesNames = 'event' | 'eventInner' | 'eventResizeHandle';\n\nexport type ScheduleEventVariant = 'filled' | 'light';\nexport type ScheduleEventCssVariables = {\n  event: '--event-bg' | '--event-color' | '--event-radius' | '--event-hover';\n};\n\nexport type RenderEventBody = (event: ScheduleEventData<any>) => React.ReactNode;\n\nexport type RenderEvent = (\n  event: ScheduleEventData,\n  props: React.ComponentPropsWithoutRef<'button'> & { children: React.ReactNode }\n) => React.ReactElement;\n\nexport interface ScheduleEventProps\n  extends BoxProps, StylesApiProps<ScheduleEventFactory>, ElementProps<'button'> {\n  __staticSelector?: string;\n\n  /** Event to display */\n  event: ScheduleEventData;\n\n  /** Key of `theme.radius` or any valid CSS value to set border-radius @default 'sm' */\n  radius?: MantineRadius;\n\n  /** If set, event has `white-space: nowrap` @default false */\n  nowrap?: boolean;\n\n  /** If set, event shrinks its font-size with limited height @default false */\n  autoSize?: boolean;\n\n  /** Event size @default 'sm' */\n  size?: 'sm' | 'md' | (string & {});\n\n  /** Function to customize event body, `event` object is passed as first argument */\n  renderEventBody?: RenderEventBody;\n\n  /** Function to fully customize event rendering, receives all props that would be passed to the root element including children */\n  renderEvent?: RenderEvent;\n\n  /** Event hanging position */\n  hanging?: 'start' | 'end' | 'both' | 'none';\n\n  /** If true, event can be dragged @default false */\n  draggable?: boolean;\n\n  /** Called when event drag starts */\n  onEventDragStart?: (event: ScheduleEventData) => void;\n\n  /** Called when event drag ends */\n  onEventDragEnd?: () => void;\n\n  /** If true, event is currently being dragged @default false */\n  isDragging?: boolean;\n\n  /** Interaction mode: 'default' allows all interactions, 'static' disables event interactions @default default */\n  mode?: ScheduleMode;\n\n  /** If true, event can be resized by dragging its edges @default false */\n  withResize?: boolean;\n\n  /** Called when resize starts on an edge */\n  onResizeStart?: (edge: 'top' | 'bottom', e: React.PointerEvent) => void;\n\n  /** If true, event is currently being resized @default false */\n  isResizing?: boolean;\n}\n\nexport type ScheduleEventFactory = Factory<{\n  props: ScheduleEventProps;\n  ref: HTMLButtonElement;\n  stylesNames: ScheduleEventStylesNames;\n  vars: ScheduleEventCssVariables;\n  variant: ScheduleEventVariant;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'ScheduleEvent',\n  mode: 'default',\n  radius: 'sm' as MantineRadius,\n} satisfies Partial<ScheduleEventProps>;\n\nconst varsResolver = createVarsResolver<ScheduleEventFactory>(\n  (theme, { event, variant, radius }) => {\n    const colors = theme.variantColorResolver({\n      color: event.color || theme.primaryColor,\n      theme,\n      variant: variant || event.variant || 'light',\n      autoContrast: true,\n    });\n\n    return {\n      event: {\n        '--event-bg': colors.background,\n        '--event-hover': colors.hover,\n        '--event-color': colors.color,\n        '--event-radius': getRadius(radius),\n      },\n    };\n  }\n);\n\nexport const ScheduleEvent = factory<ScheduleEventFactory>((_props) => {\n  const props = useProps('ScheduleEvent', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    attributes,\n    children,\n    nowrap,\n    radius,\n    color,\n    __staticSelector,\n    event,\n    renderEventBody,\n    renderEvent,\n    size,\n    autoSize,\n    mod,\n    hanging,\n    draggable = false,\n    onEventDragStart,\n    onEventDragEnd,\n    isDragging = false,\n    mode,\n    withResize = false,\n    onResizeStart,\n    isResizing = false,\n    ...others\n  } = props;\n\n  const ctx = use(DragContext);\n\n  const getStyles = useStyles<ScheduleEventFactory>({\n    name: __staticSelector,\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n    rootSelector: 'event',\n  });\n\n  const handleDragStart = (e: React.DragEvent<HTMLButtonElement>) => {\n    if (!draggable) {\n      e.preventDefault();\n      return;\n    }\n\n    e.dataTransfer.effectAllowed = 'move';\n    e.dataTransfer.setData('application/json', JSON.stringify({ eventId: event.id }));\n    onEventDragStart?.(event);\n    ctx.onDragStart?.(event);\n  };\n\n  const handleDragEnd = () => {\n    onEventDragEnd?.();\n    ctx.onDragEnd?.();\n  };\n\n  const isCurrentlyDragging = isDragging || ctx.draggedEventId === event.id;\n  const isAnyEventDragging = ctx.isDragging || false;\n\n  const dragEndRef = useRef(ctx.onDragEnd);\n  dragEndRef.current = ctx.onDragEnd;\n\n  useEffect(() => {\n    if (isCurrentlyDragging) {\n      return () => {\n        dragEndRef.current?.();\n      };\n    }\n    return undefined;\n  }, [isCurrentlyDragging]);\n\n  const showResizeHandles = withResize && mode !== 'static';\n\n  const eventChildren = (\n    <>\n      {showResizeHandles && (\n        <Box\n          {...getStyles('eventResizeHandle')}\n          mod={{ edge: 'top' }}\n          onPointerDown={(e: React.PointerEvent) => onResizeStart?.('top', e)}\n        />\n      )}\n      <Box mod={{ nowrap, size, autoSize, hanging }} {...getStyles('eventInner')}>\n        {typeof renderEventBody === 'function' ? renderEventBody(event) : event.title}\n      </Box>\n      {showResizeHandles && (\n        <Box\n          {...getStyles('eventResizeHandle')}\n          mod={{ edge: 'bottom' }}\n          onPointerDown={(e: React.PointerEvent) => onResizeStart?.('bottom', e)}\n        />\n      )}\n    </>\n  );\n\n  const rootProps = {\n    ...getStyles('event'),\n    'data-event-id': event.id,\n    size,\n    title: event.title,\n    mod: [\n      {\n        autoSize,\n        hanging,\n        draggable,\n        dragging: isCurrentlyDragging,\n        'any-dragging': isAnyEventDragging,\n        static: mode === 'static',\n        resizing: isResizing,\n        resizable: showResizeHandles,\n      },\n      mod,\n    ],\n    ...others,\n    draggable: draggable && mode !== 'static',\n    tabIndex: mode === 'static' ? -1 : 0,\n    onDragStart: mode === 'static' ? undefined : handleDragStart,\n    onDragEnd: mode === 'static' ? undefined : handleDragEnd,\n    onClick: mode === 'static' ? undefined : others.onClick,\n    children: eventChildren,\n  };\n\n  if (typeof renderEvent === 'function') {\n    return renderEvent(event, rootProps);\n  }\n\n  return <UnstyledButton {...rootProps} />;\n});\n\nScheduleEvent.displayName = '@mantine/schedule/ScheduleEvent';\nScheduleEvent.classes = classes;\nScheduleEvent.varsResolver = varsResolver;\n"],"mappings":"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"}
+{"version":3,"file":"ScheduleEvent.cjs","names":["createVarsResolver","getRadius","factory","useProps","use","DragContext","useStyles","useRef","Box","UnstyledButton","classes"],"sources":["../../../src/components/ScheduleEvent/ScheduleEvent.tsx"],"sourcesContent":["import { use, useEffect, useRef } from 'react';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  MantineRadius,\n  StylesApiProps,\n  UnstyledButton,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { ScheduleEventData, ScheduleMode } from '../../types';\nimport { DragContext } from '../DragContext/DragContext';\nimport classes from './ScheduleEvent.module.css';\n\nexport type ScheduleEventStylesNames = 'event' | 'eventInner' | 'eventResizeHandle';\n\nexport type ScheduleEventVariant = 'filled' | 'light';\nexport type ScheduleEventCssVariables = {\n  event: '--event-bg' | '--event-color' | '--event-radius' | '--event-hover';\n};\n\nexport type RenderEventBody = (event: ScheduleEventData<any>) => React.ReactNode;\n\nexport type RenderEvent = (\n  event: ScheduleEventData,\n  props: React.ComponentPropsWithoutRef<'button'> & { children: React.ReactNode }\n) => React.ReactElement;\n\nexport interface ScheduleEventProps\n  extends BoxProps, StylesApiProps<ScheduleEventFactory>, ElementProps<'button'> {\n  __staticSelector?: string;\n\n  /** Event to display */\n  event: ScheduleEventData;\n\n  /** Key of `theme.radius` or any valid CSS value to set border-radius @default 'sm' */\n  radius?: MantineRadius;\n\n  /** If set, event has `white-space: nowrap` @default false */\n  nowrap?: boolean;\n\n  /** If set, event shrinks its font-size with limited height @default false */\n  autoSize?: boolean;\n\n  /** Event size @default 'sm' */\n  size?: 'sm' | 'md' | (string & {});\n\n  /** Function to customize event body, `event` object is passed as first argument */\n  renderEventBody?: RenderEventBody;\n\n  /** Function to fully customize event rendering, receives all props that would be passed to the root element including children */\n  renderEvent?: RenderEvent;\n\n  /** Event hanging position */\n  hanging?: 'start' | 'end' | 'both' | 'none';\n\n  /** If true, event can be dragged @default false */\n  draggable?: boolean;\n\n  /** Called when event drag starts */\n  onEventDragStart?: (event: ScheduleEventData) => void;\n\n  /** Called when event drag ends */\n  onEventDragEnd?: () => void;\n\n  /** If true, event is currently being dragged @default false */\n  isDragging?: boolean;\n\n  /** Interaction mode: 'default' allows all interactions, 'static' disables event interactions @default default */\n  mode?: ScheduleMode;\n\n  /** If true, event can be resized by dragging its edges @default false */\n  withResize?: boolean;\n\n  /** Called when resize starts on an edge */\n  onResizeStart?: (edge: 'top' | 'bottom', e: React.PointerEvent) => void;\n\n  /** If true, event is currently being resized @default false */\n  isResizing?: boolean;\n}\n\nexport type ScheduleEventFactory = Factory<{\n  props: ScheduleEventProps;\n  ref: HTMLButtonElement;\n  stylesNames: ScheduleEventStylesNames;\n  vars: ScheduleEventCssVariables;\n  variant: ScheduleEventVariant;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'ScheduleEvent',\n  mode: 'default',\n  radius: 'sm' as MantineRadius,\n} satisfies Partial<ScheduleEventProps>;\n\nconst varsResolver = createVarsResolver<ScheduleEventFactory>(\n  (theme, { event, variant, radius }) => {\n    const colors = theme.variantColorResolver({\n      color: event.color || theme.primaryColor,\n      theme,\n      variant: variant || event.variant || 'light',\n      autoContrast: true,\n    });\n\n    return {\n      event: {\n        '--event-bg': colors.background,\n        '--event-hover': colors.hover,\n        '--event-color': colors.color,\n        '--event-radius': getRadius(radius),\n      },\n    };\n  }\n);\n\nexport const ScheduleEvent = factory<ScheduleEventFactory>((_props) => {\n  const props = useProps('ScheduleEvent', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    attributes,\n    children,\n    nowrap,\n    radius,\n    color,\n    __staticSelector,\n    event,\n    renderEventBody,\n    renderEvent,\n    size,\n    autoSize,\n    mod,\n    hanging,\n    draggable = false,\n    onEventDragStart,\n    onEventDragEnd,\n    isDragging = false,\n    mode,\n    withResize = false,\n    onResizeStart,\n    isResizing = false,\n    ...others\n  } = props;\n\n  const ctx = use(DragContext);\n\n  const getStyles = useStyles<ScheduleEventFactory>({\n    name: __staticSelector,\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n    rootSelector: 'event',\n  });\n\n  const handleDragStart = (e: React.DragEvent<HTMLButtonElement>) => {\n    if (!draggable) {\n      e.preventDefault();\n      return;\n    }\n\n    e.dataTransfer.effectAllowed = 'move';\n    e.dataTransfer.setData('application/json', JSON.stringify({ eventId: event.id }));\n    onEventDragStart?.(event);\n    ctx.onDragStart?.(event);\n  };\n\n  const handleDragEnd = () => {\n    onEventDragEnd?.();\n    ctx.onDragEnd?.();\n  };\n\n  const isCurrentlyDragging = isDragging || ctx.draggedEventId === event.id;\n  const isAnyEventDragging = ctx.isDragging || false;\n\n  const dragEndRef = useRef(ctx.onDragEnd);\n  dragEndRef.current = ctx.onDragEnd;\n\n  useEffect(() => {\n    if (isCurrentlyDragging) {\n      return () => {\n        dragEndRef.current?.();\n      };\n    }\n    return undefined;\n  }, [isCurrentlyDragging]);\n\n  const showResizeHandles = withResize && mode !== 'static';\n\n  const eventChildren = (\n    <>\n      {showResizeHandles && (\n        <Box\n          {...getStyles('eventResizeHandle')}\n          mod={{ edge: 'top' }}\n          onPointerDown={(e: React.PointerEvent) => onResizeStart?.('top', e)}\n        />\n      )}\n      <Box mod={{ nowrap, size, autoSize, hanging }} {...getStyles('eventInner')}>\n        {typeof renderEventBody === 'function' ? renderEventBody(event) : event.title}\n      </Box>\n      {showResizeHandles && (\n        <Box\n          {...getStyles('eventResizeHandle')}\n          mod={{ edge: 'bottom' }}\n          onPointerDown={(e: React.PointerEvent) => onResizeStart?.('bottom', e)}\n        />\n      )}\n    </>\n  );\n\n  const rootProps = {\n    ...getStyles('event'),\n    'data-event-id': event.id,\n    size,\n    title: event.title,\n    mod: [\n      {\n        autoSize,\n        hanging,\n        draggable,\n        dragging: isCurrentlyDragging,\n        'any-dragging': isAnyEventDragging,\n        static: mode === 'static',\n        resizing: isResizing,\n        resizable: showResizeHandles,\n      },\n      mod,\n    ],\n    ...others,\n    draggable: draggable && mode !== 'static',\n    tabIndex: mode === 'static' ? -1 : 0,\n    onDragStart: mode === 'static' ? undefined : handleDragStart,\n    onDragEnd: mode === 'static' ? undefined : handleDragEnd,\n    onClick: mode === 'static' ? undefined : others.onClick,\n    children: eventChildren,\n  };\n\n  if (typeof renderEvent === 'function') {\n    return renderEvent(event, rootProps);\n  }\n\n  return <UnstyledButton {...rootProps} />;\n});\n\nScheduleEvent.displayName = '@mantine/schedule/ScheduleEvent';\nScheduleEvent.classes = classes;\nScheduleEvent.varsResolver = varsResolver;\n"],"mappings":"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"}

package/cjs/components/ScheduleEvent/ScheduleEvent.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScheduleEvent.module.cjs","names":[],"sources":["../../../src/components/ScheduleEvent/ScheduleEvent.module.css"],"sourcesContent":[".event {\n  padding: 1px;\n  pointer-events: none;\n  display: flex;\n  flex-direction: column;\n  flex: 1 0 auto;\n  position: relative;\n  z-index: 3;\n\n  &:where([data-auto-size]) {\n    container-type: size;\n  }\n\n  &:where([data-draggable]) .eventInner {\n    cursor: grab;\n\n    &:active {\n      cursor: grabbing;\n    }\n  }\n\n  &:where([data-dragging]) {\n    opacity: 0.2;\n\n    .eventInner {\n      cursor: grabbing;\n    }\n  }\n\n  &:where([data-any-dragging]:not([data-dragging])) {\n    pointer-events: none;\n\n    .eventInner {\n      pointer-events: none;\n    }\n  }\n\n  &:where([data-static]) {\n    pointer-events: none;\n    cursor: default;\n  }\n\n  &:where([data-resizing]) {\n    z-index: 10;\n\n    .eventInner {\n      @mixin hover {\n        background-color: var(--event-bg);\n      }\n    }\n  }\n\n  &:where([data-hanging='start'], [data-hanging='both']) {\n    &::before {\n      content: '';\n      position: absolute;\n      inset-block: 2px;\n      inset-inline-start: 2px;\n      width: 2px;\n      background-color: var(--event-color);\n      border-radius: 10px;\n      opacity: 0.3;\n    }\n\n    .eventInner {\n      padding-inline-start: 6px;\n      border-start-start-radius: 0;\n      border-end-start-radius: 0;\n    }\n  }\n\n  &:where([data-hanging='end'], [data-hanging='both']) {\n    &::after {\n      content: '';\n      position: absolute;\n      inset-block: 2px;\n      inset-inline-end: 2px;\n      width: 2px;\n      background-color: var(--event-color);\n      border-radius: 10px;\n      opacity: 0.3;\n    }\n\n    .eventInner {\n      padding-inline-end: 6px;\n      border-start-end-radius: 0;\n      border-end-end-radius: 0;\n    }\n  }\n\n  &:where([data-clip-start]) {\n    .eventInner {\n      padding-inline-start: 12px;\n      border-start-start-radius: 0;\n      border-end-start-radius: 0;\n      clip-path: polygon(10px 0, 100% 0, 100% 100%, 10px 100%, 0 50%);\n    }\n  }\n\n  &:where([data-clip-end]) {\n    .eventInner {\n      padding-inline-end: 12px;\n      border-start-end-radius: 0;\n      border-end-end-radius: 0;\n      clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);\n    }\n  }\n\n  &:where([data-clip-start][data-clip-end]) {\n    .eventInner {\n      clip-path: polygon(\n        10px 0,\n        calc(100% - 10px) 0,\n        100% 50%,\n        calc(100% - 10px) 100%,\n        10px 100%,\n        0 50%\n      );\n    }\n  }\n}\n\n.eventInner {\n  background-color: var(--event-bg);\n  color: var(--event-color);\n  pointer-events: all;\n  border-radius: min(var(--event-radius), 50%);\n  font-weight: var(--mantine-font-weight-medium);\n  font-size: 12px;\n  line-height: 1;\n  padding: 3px 4px;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n  user-select: none;\n  overflow: hidden;\n\n  &:where([data-nowrap]) {\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    line-height: 1.25;\n  }\n\n  &:where([data-size='md']) {\n    font-size: 14px;\n    padding: 4px 6px;\n  }\n\n  @mixin hover {\n    background-color: var(--event-hover);\n  }\n\n  &:where([data-auto-size]) {\n    @container (max-width: 12px) {\n      padding-inline: 0;\n    }\n\n    @container (min-width: 16px) {\n      width: calc(100% - 2px);\n      margin-inline: auto;\n    }\n\n    @container (max-height: 18px) {\n      font-size: 9px;\n      padding-block: 0px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n  }\n\n  .event[data-static] & {\n    cursor: default;\n    pointer-events: none;\n\n    @mixin hover {\n      background-color: var(--event-bg);\n    }\n  }\n\n  :where([data-slot-dragging]) & {\n    pointer-events: none;\n  }\n}\n\n.eventResizeHandle {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 40%;\n  max-width: 40px;\n  height: 4px;\n  border-radius: 2px;\n  cursor: ns-resize;\n  pointer-events: all;\n  z-index: 4;\n  touch-action: none;\n  background-color: var(--event-color);\n  opacity: 0;\n  transition: opacity 100ms ease;\n\n  &::before {\n    content: '';\n    position: absolute;\n    inset: -4px -6px;\n  }\n\n  &:where([data-edge='top']) {\n    top: -2px;\n  }\n\n  &:where([data-edge='bottom']) {\n    bottom: -2px;\n  }\n\n  .event:where(:hover, [data-resizing]) & {\n    opacity: 0.5;\n  }\n\n  @mixin hover {\n    opacity: 0.8;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"ScheduleEvent.module.cjs","names":[],"sources":["../../../src/components/ScheduleEvent/ScheduleEvent.module.css"],"sourcesContent":[".event {\n  padding: 1px;\n  pointer-events: none;\n  display: flex;\n  flex-direction: column;\n  flex: 1 0 auto;\n  position: relative;\n  z-index: 3;\n\n  &:where([data-auto-size]) {\n    container-type: size;\n  }\n\n  &:where([data-draggable]) .eventInner {\n    cursor: grab;\n\n    &:active {\n      cursor: grabbing;\n    }\n  }\n\n  &:where([data-dragging]) {\n    opacity: 0.2;\n\n    .eventInner {\n      cursor: grabbing;\n    }\n  }\n\n  &:where([data-any-dragging]:not([data-dragging])) {\n    pointer-events: none;\n\n    .eventInner {\n      pointer-events: none;\n    }\n  }\n\n  &:where([data-static]) {\n    pointer-events: none;\n    cursor: default;\n  }\n\n  &:where([data-cascade]) {\n    z-index: var(--event-z-index, 3);\n    transition: z-index 0s;\n\n    .eventInner {\n      box-shadow: 0 0 0 1px var(--mantine-color-body);\n    }\n\n    &:where(:not([data-resizing], [data-dragging])) {\n      @mixin hover {\n        z-index: var(--event-z-index-raised, 9);\n        transition-delay: var(--event-raise-delay, 600ms);\n      }\n\n      /* Keyboard focus reveals a covered event immediately, hover waits for the dwell delay */\n      &:where(:focus-visible) {\n        z-index: var(--event-z-index-raised, 9);\n      }\n    }\n  }\n\n  &:where([data-resizing]) {\n    z-index: 10;\n\n    .eventInner {\n      @mixin hover {\n        background-color: var(--event-bg);\n      }\n    }\n  }\n\n  &:where([data-cascade][data-resizing]) {\n    z-index: var(--event-cascade-interaction-z-index, 999);\n  }\n\n  &:where([data-hanging='start'], [data-hanging='both']) {\n    &::before {\n      content: '';\n      position: absolute;\n      inset-block: 2px;\n      inset-inline-start: 2px;\n      width: 2px;\n      background-color: var(--event-color);\n      border-radius: 10px;\n      opacity: 0.3;\n    }\n\n    .eventInner {\n      padding-inline-start: 6px;\n      border-start-start-radius: 0;\n      border-end-start-radius: 0;\n    }\n  }\n\n  &:where([data-hanging='end'], [data-hanging='both']) {\n    &::after {\n      content: '';\n      position: absolute;\n      inset-block: 2px;\n      inset-inline-end: 2px;\n      width: 2px;\n      background-color: var(--event-color);\n      border-radius: 10px;\n      opacity: 0.3;\n    }\n\n    .eventInner {\n      padding-inline-end: 6px;\n      border-start-end-radius: 0;\n      border-end-end-radius: 0;\n    }\n  }\n\n  &:where([data-clip-start]) {\n    .eventInner {\n      padding-inline-start: 12px;\n      border-start-start-radius: 0;\n      border-end-start-radius: 0;\n      clip-path: polygon(10px 0, 100% 0, 100% 100%, 10px 100%, 0 50%);\n    }\n  }\n\n  &:where([data-clip-end]) {\n    .eventInner {\n      padding-inline-end: 12px;\n      border-start-end-radius: 0;\n      border-end-end-radius: 0;\n      clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);\n    }\n  }\n\n  &:where([data-clip-start][data-clip-end]) {\n    .eventInner {\n      clip-path: polygon(\n        10px 0,\n        calc(100% - 10px) 0,\n        100% 50%,\n        calc(100% - 10px) 100%,\n        10px 100%,\n        0 50%\n      );\n    }\n  }\n}\n\n.eventInner {\n  background-color: var(--event-bg);\n  color: var(--event-color);\n  pointer-events: all;\n  border-radius: min(var(--event-radius), 50%);\n  font-weight: var(--mantine-font-weight-medium);\n  font-size: 12px;\n  line-height: 1;\n  padding: 3px 4px;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n  user-select: none;\n  overflow: hidden;\n\n  &:where([data-nowrap]) {\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    line-height: 1.25;\n  }\n\n  &:where([data-size='md']) {\n    font-size: 14px;\n    padding: 4px 6px;\n  }\n\n  @mixin hover {\n    background-color: var(--event-hover);\n  }\n\n  &:where([data-auto-size]) {\n    @container (max-width: 12px) {\n      padding-inline: 0;\n    }\n\n    @container (min-width: 16px) {\n      width: calc(100% - 2px);\n      margin-inline: auto;\n    }\n\n    @container (max-height: 18px) {\n      font-size: 9px;\n      padding-block: 0px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n  }\n\n  .event[data-static] & {\n    cursor: default;\n    pointer-events: none;\n\n    @mixin hover {\n      background-color: var(--event-bg);\n    }\n  }\n\n  :where([data-slot-dragging]) & {\n    pointer-events: none;\n  }\n}\n\n.eventResizeHandle {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 40%;\n  max-width: 40px;\n  height: 4px;\n  border-radius: 2px;\n  cursor: ns-resize;\n  pointer-events: all;\n  z-index: 4;\n  touch-action: none;\n  background-color: var(--event-color);\n  opacity: 0;\n  transition: opacity 100ms ease;\n\n  &::before {\n    content: '';\n    position: absolute;\n    inset: -4px -6px;\n  }\n\n  &:where([data-edge='top']) {\n    top: -2px;\n  }\n\n  &:where([data-edge='bottom']) {\n    bottom: -2px;\n  }\n\n  .event:where(:hover, [data-resizing]) & {\n    opacity: 0.5;\n  }\n\n  @mixin hover {\n    opacity: 0.8;\n  }\n}\n"],"mappings":""}

package/cjs/components/ScheduleHeader/HeaderControl/HeaderControl.cjs

@@ -13,21 +13,22 @@ const varsResolver = (0, _mantine_core.createVarsResolver)((_theme, { radius })
 const HeaderControl = (0, _mantine_core.factory)((_props) => {
 	const props = (0, _mantine_core.useProps)("HeaderControl", defaultProps, _props);
 	const { classNames, className, style, styles, unstyled, vars, __staticSelector, mod, attributes, active, square, radius, interactive, labels, ...others } = props;
+	const getStyles = (0, _mantine_core.useStyles)({
+		name: __staticSelector,
+		classes: require_HeaderControl_module.default,
+		props,
+		className,
+		style,
+		classNames,
+		styles,
+		unstyled,
+		attributes,
+		vars,
+		varsResolver,
+		rootSelector: "headerControl"
+	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.UnstyledButton, {
-		...(0, _mantine_core.useStyles)({
-			name: __staticSelector,
-			classes: require_HeaderControl_module.default,
-			props,
-			className,
-			style,
-			classNames,
-			styles,
-			unstyled,
-			attributes,
-			vars,
-			varsResolver,
-			rootSelector: "headerControl"
-		})("headerControl", { active: interactive }),
+		...getStyles("headerControl", { active: interactive }),
 		mod: [{
 			active,
 			square,

package/cjs/components/ScheduleHeader/HeaderControl/HeaderControl.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderControl.cjs","names":["UnstyledButton","classes","useScheduleHeaderLabels","getLabel","AccordionChevron"],"sources":["../../../../src/components/ScheduleHeader/HeaderControl/HeaderControl.tsx"],"sourcesContent":["import {\n  AccordionChevron,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  MantineRadius,\n  StylesApiProps,\n  UnstyledButton,\n  useDirection,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { getLabel, ScheduleLabelsOverride } from '../../../labels';\nimport { useScheduleHeaderLabels } from '../ScheduleHeaderContext';\nimport classes from './HeaderControl.module.css';\n\nexport type HeaderControlStylesNames = 'headerControl';\nexport type HeaderControlCssVariables = {\n  headerControl: '--control-radius';\n};\n\nexport interface HeaderControlProps\n  extends BoxProps, StylesApiProps<HeaderControlFactory>, ElementProps<'button'> {\n  __staticSelector?: string;\n\n  /** Applies active styles */\n  active?: boolean;\n\n  /** Removes inline padding */\n  square?: boolean;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** If set to `false`, the control will not be clickable  */\n  interactive?: boolean;\n\n  /** Labels override */\n  labels?: ScheduleLabelsOverride;\n}\n\nexport type HeaderControlFactory = Factory<{\n  props: HeaderControlProps;\n  ref: HTMLButtonElement;\n  stylesNames: HeaderControlStylesNames;\n  vars: HeaderControlCssVariables;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'HeaderControl',\n  interactive: true,\n} satisfies Partial<HeaderControlProps>;\n\nconst varsResolver = createVarsResolver<HeaderControlFactory>((_theme, { radius }) => ({\n  headerControl: {\n    '--control-radius': radius === undefined ? undefined : getRadius(radius),\n  },\n}));\n\nexport const HeaderControl = factory<HeaderControlFactory>((_props) => {\n  const props = useProps('HeaderControl', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    __staticSelector,\n    mod,\n    attributes,\n    active,\n    square,\n    radius,\n    interactive,\n    labels,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<HeaderControlFactory>({\n    name: __staticSelector,\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n    rootSelector: 'headerControl',\n  });\n\n  return (\n    <UnstyledButton\n      {...getStyles('headerControl', { active: interactive })}\n      mod={[{ active, square, interactive }, mod]}\n      tabIndex={interactive ? undefined : -1}\n      {...others}\n    />\n  );\n});\n\nHeaderControl.displayName = '@mantine/schedule/HeaderControl';\nHeaderControl.classes = classes;\nHeaderControl.varsResolver = varsResolver;\n\nexport function ScheduleHeaderNext(props: HeaderControlProps) {\n  const { dir } = useDirection();\n  const resolvedLabels = useScheduleHeaderLabels(props.labels);\n\n  return (\n    <HeaderControl data-type=\"next\" aria-label={getLabel('next', resolvedLabels)} square {...props}>\n      <AccordionChevron style={{ transform: `rotate(${dir === 'rtl' ? 90 : -90}deg)` }} />\n    </HeaderControl>\n  );\n}\n\nexport function ScheduleHeaderPrevious(props: HeaderControlProps) {\n  const { dir } = useDirection();\n  const resolvedLabels = useScheduleHeaderLabels(props.labels);\n\n  return (\n    <HeaderControl\n      data-type=\"previous\"\n      aria-label={getLabel('previous', resolvedLabels)}\n      square\n      {...props}\n    >\n      <AccordionChevron style={{ transform: `rotate(${dir === 'rtl' ? -90 : 90}deg)` }} />\n    </HeaderControl>\n  );\n}\n\nexport function ScheduleHeaderToday(props: HeaderControlProps) {\n  const resolvedLabels = useScheduleHeaderLabels(props.labels);\n\n  return (\n    <HeaderControl data-type=\"today\" aria-label={getLabel('today', resolvedLabels)} {...props}>\n      {getLabel('today', resolvedLabels)}\n    </HeaderControl>\n  );\n}\n\nScheduleHeaderNext.displayName = '@mantine/schedule/ScheduleHeaderNext';\nScheduleHeaderPrevious.displayName = '@mantine/schedule/ScheduleHeaderPrevious';\nScheduleHeaderToday.displayName = '@mantine/schedule/ScheduleHeaderToday';\n"],"mappings":";;;;;;;AAmDA,MAAM,eAAe;CACnB,kBAAkB;CAClB,aAAa;AACf;AAEA,MAAM,gBAAA,GAAA,cAAA,mBAAA,EAAyD,QAAQ,EAAE,cAAc,EACrF,eAAe,EACb,oBAAoB,WAAW,KAAA,IAAY,KAAA,KAAA,GAAA,cAAA,UAAA,CAAsB,MAAM,EACzE,EACF,EAAE;AAEF,MAAa,iBAAA,GAAA,cAAA,QAAA,EAA+C,WAAW;CACrE,MAAM,SAAA,GAAA,cAAA,SAAA,CAAiB,iBAAiB,cAAc,MAAM;CAC5D,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,kBACA,KACA,YACA,QACA,QACA,QACA,aACA,QACA,GAAG,WACD;CAiBJ,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,cAAAA,gBAAD;EACE,IAAA,GAAA,cAAA,UAAA,CAjB8C;GAChD,MAAM;GACN,SAAA,6BAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,cAAc;EAChB,CAIgB,CAAC,CAAC,iBAAiB,EAAE,QAAQ,YAAY,CAAC;EACtD,KAAK,CAAC;GAAE;GAAQ;GAAQ;EAAY,GAAG,GAAG;EAC1C,UAAU,cAAc,KAAA,IAAY;EACpC,GAAI;CACL,CAAA;AAEL,CAAC;AAED,cAAc,cAAc;AAC5B,cAAc,UAAUC,6BAAAA;AACxB,cAAc,eAAe;AAE7B,SAAgB,mBAAmB,OAA2B;CAC5D,MAAM,EAAE,SAAA,GAAA,cAAA,aAAA,CAAqB;CAC7B,MAAM,iBAAiBC,8BAAAA,wBAAwB,MAAM,MAAM;CAE3D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD;EAAe,aAAU;EAAO,cAAYC,eAAAA,SAAS,QAAQ,cAAc;EAAG,QAAA;EAAO,GAAI;YACvF,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,kBAAD,EAAkB,OAAO,EAAE,WAAW,UAAU,QAAQ,QAAQ,KAAK,IAAI,MAAM,EAAI,CAAA;CACtE,CAAA;AAEnB;AAEA,SAAgB,uBAAuB,OAA2B;CAChE,MAAM,EAAE,SAAA,GAAA,cAAA,aAAA,CAAqB;CAC7B,MAAM,iBAAiBF,8BAAAA,wBAAwB,MAAM,MAAM;CAE3D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD;EACE,aAAU;EACV,cAAYC,eAAAA,SAAS,YAAY,cAAc;EAC/C,QAAA;EACA,GAAI;YAEJ,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,kBAAD,EAAkB,OAAO,EAAE,WAAW,UAAU,QAAQ,QAAQ,MAAM,GAAG,MAAM,EAAI,CAAA;CACtE,CAAA;AAEnB;AAEA,SAAgB,oBAAoB,OAA2B;CAC7D,MAAM,iBAAiBF,8BAAAA,wBAAwB,MAAM,MAAM;CAE3D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD;EAAe,aAAU;EAAQ,cAAYC,eAAAA,SAAS,SAAS,cAAc;EAAG,GAAI;YACjFA,eAAAA,SAAS,SAAS,cAAc;CACpB,CAAA;AAEnB;AAEA,mBAAmB,cAAc;AACjC,uBAAuB,cAAc;AACrC,oBAAoB,cAAc"}
+{"version":3,"file":"HeaderControl.cjs","names":["createVarsResolver","getRadius","factory","useProps","useStyles","UnstyledButton","classes","useDirection","useScheduleHeaderLabels","getLabel","AccordionChevron"],"sources":["../../../../src/components/ScheduleHeader/HeaderControl/HeaderControl.tsx"],"sourcesContent":["import {\n  AccordionChevron,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  MantineRadius,\n  StylesApiProps,\n  UnstyledButton,\n  useDirection,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { getLabel, ScheduleLabelsOverride } from '../../../labels';\nimport { useScheduleHeaderLabels } from '../ScheduleHeaderContext';\nimport classes from './HeaderControl.module.css';\n\nexport type HeaderControlStylesNames = 'headerControl';\nexport type HeaderControlCssVariables = {\n  headerControl: '--control-radius';\n};\n\nexport interface HeaderControlProps\n  extends BoxProps, StylesApiProps<HeaderControlFactory>, ElementProps<'button'> {\n  __staticSelector?: string;\n\n  /** Applies active styles */\n  active?: boolean;\n\n  /** Removes inline padding */\n  square?: boolean;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** If set to `false`, the control will not be clickable  */\n  interactive?: boolean;\n\n  /** Labels override */\n  labels?: ScheduleLabelsOverride;\n}\n\nexport type HeaderControlFactory = Factory<{\n  props: HeaderControlProps;\n  ref: HTMLButtonElement;\n  stylesNames: HeaderControlStylesNames;\n  vars: HeaderControlCssVariables;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'HeaderControl',\n  interactive: true,\n} satisfies Partial<HeaderControlProps>;\n\nconst varsResolver = createVarsResolver<HeaderControlFactory>((_theme, { radius }) => ({\n  headerControl: {\n    '--control-radius': radius === undefined ? undefined : getRadius(radius),\n  },\n}));\n\nexport const HeaderControl = factory<HeaderControlFactory>((_props) => {\n  const props = useProps('HeaderControl', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    __staticSelector,\n    mod,\n    attributes,\n    active,\n    square,\n    radius,\n    interactive,\n    labels,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<HeaderControlFactory>({\n    name: __staticSelector,\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n    rootSelector: 'headerControl',\n  });\n\n  return (\n    <UnstyledButton\n      {...getStyles('headerControl', { active: interactive })}\n      mod={[{ active, square, interactive }, mod]}\n      tabIndex={interactive ? undefined : -1}\n      {...others}\n    />\n  );\n});\n\nHeaderControl.displayName = '@mantine/schedule/HeaderControl';\nHeaderControl.classes = classes;\nHeaderControl.varsResolver = varsResolver;\n\nexport function ScheduleHeaderNext(props: HeaderControlProps) {\n  const { dir } = useDirection();\n  const resolvedLabels = useScheduleHeaderLabels(props.labels);\n\n  return (\n    <HeaderControl data-type=\"next\" aria-label={getLabel('next', resolvedLabels)} square {...props}>\n      <AccordionChevron style={{ transform: `rotate(${dir === 'rtl' ? 90 : -90}deg)` }} />\n    </HeaderControl>\n  );\n}\n\nexport function ScheduleHeaderPrevious(props: HeaderControlProps) {\n  const { dir } = useDirection();\n  const resolvedLabels = useScheduleHeaderLabels(props.labels);\n\n  return (\n    <HeaderControl\n      data-type=\"previous\"\n      aria-label={getLabel('previous', resolvedLabels)}\n      square\n      {...props}\n    >\n      <AccordionChevron style={{ transform: `rotate(${dir === 'rtl' ? -90 : 90}deg)` }} />\n    </HeaderControl>\n  );\n}\n\nexport function ScheduleHeaderToday(props: HeaderControlProps) {\n  const resolvedLabels = useScheduleHeaderLabels(props.labels);\n\n  return (\n    <HeaderControl data-type=\"today\" aria-label={getLabel('today', resolvedLabels)} {...props}>\n      {getLabel('today', resolvedLabels)}\n    </HeaderControl>\n  );\n}\n\nScheduleHeaderNext.displayName = '@mantine/schedule/ScheduleHeaderNext';\nScheduleHeaderPrevious.displayName = '@mantine/schedule/ScheduleHeaderPrevious';\nScheduleHeaderToday.displayName = '@mantine/schedule/ScheduleHeaderToday';\n"],"mappings":";;;;;;;AAmDA,MAAM,eAAe;CACnB,kBAAkB;CAClB,aAAa;AACf;AAEA,MAAM,gBAAA,GAAeA,cAAAA,mBAAAA,EAA0C,QAAQ,EAAE,cAAc,EACrF,eAAe,EACb,oBAAoB,WAAW,KAAA,IAAY,KAAA,KAAA,GAAYC,cAAAA,UAAAA,CAAU,MAAM,EACzE,EACF,EAAE;AAEF,MAAa,iBAAA,GAAgBC,cAAAA,QAAAA,EAA+B,WAAW;CACrE,MAAM,SAAA,GAAQC,cAAAA,SAAAA,CAAS,iBAAiB,cAAc,MAAM;CAC5D,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,kBACA,KACA,YACA,QACA,QACA,QACA,aACA,QACA,GAAG,WACD;CAEJ,MAAM,aAAA,GAAYC,cAAAA,UAAAA,CAAgC;EAChD,MAAM;EACN,SAAA,6BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;CAChB,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,gBAAD;EACE,GAAI,UAAU,iBAAiB,EAAE,QAAQ,YAAY,CAAC;EACtD,KAAK,CAAC;GAAE;GAAQ;GAAQ;EAAY,GAAG,GAAG;EAC1C,UAAU,cAAc,KAAA,IAAY;EACpC,GAAI;CACL,CAAA;AAEL,CAAC;AAED,cAAc,cAAc;AAC5B,cAAc,UAAUC,6BAAAA;AACxB,cAAc,eAAe;AAE7B,SAAgB,mBAAmB,OAA2B;CAC5D,MAAM,EAAE,SAAA,GAAQC,cAAAA,aAAAA,CAAa;CAC7B,MAAM,iBAAiBC,8BAAAA,wBAAwB,MAAM,MAAM;CAE3D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD;EAAe,aAAU;EAAO,cAAYC,eAAAA,SAAS,QAAQ,cAAc;EAAG,QAAA;EAAO,GAAI;EACvF,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,kBAAD,EAAkB,OAAO,EAAE,WAAW,UAAU,QAAQ,QAAQ,KAAK,IAAI,MAAM,EAAI,CAAA;CACtE,CAAA;AAEnB;AAEA,SAAgB,uBAAuB,OAA2B;CAChE,MAAM,EAAE,SAAA,GAAQH,cAAAA,aAAAA,CAAa;CAC7B,MAAM,iBAAiBC,8BAAAA,wBAAwB,MAAM,MAAM;CAE3D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD;EACE,aAAU;EACV,cAAYC,eAAAA,SAAS,YAAY,cAAc;EAC/C,QAAA;EACA,GAAI;EAEJ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,kBAAD,EAAkB,OAAO,EAAE,WAAW,UAAU,QAAQ,QAAQ,MAAM,GAAG,MAAM,EAAI,CAAA;CACtE,CAAA;AAEnB;AAEA,SAAgB,oBAAoB,OAA2B;CAC7D,MAAM,iBAAiBF,8BAAAA,wBAAwB,MAAM,MAAM;CAE3D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD;EAAe,aAAU;EAAQ,cAAYC,eAAAA,SAAS,SAAS,cAAc;EAAG,GAAI;EACjFA,UAAAA,eAAAA,SAAS,SAAS,cAAc;CACpB,CAAA;AAEnB;AAEA,mBAAmB,cAAc;AACjC,uBAAuB,cAAc;AACrC,oBAAoB,cAAc"}

package/cjs/components/ScheduleHeader/MonthYearSelect/MonthYearSelect.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MonthYearSelect.cjs","names":["useScheduleHeaderLabels","getYearsList","UnstyledButton","getLabel","getMonthsList","Popover","HeaderControl","formatDate","classes"],"sources":["../../../../src/components/ScheduleHeader/MonthYearSelect/MonthYearSelect.tsx"],"sourcesContent":["import {\n  BoxProps,\n  createScopedKeydownHandler,\n  createVarsResolver,\n  DataAttributes,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  MantineRadius,\n  Popover,\n  PopoverProps,\n  StylesApiProps,\n  UnstyledButton,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { useDatesContext } from '@mantine/dates';\nimport { useDisclosure } from '@mantine/hooks';\nimport { getLabel, ScheduleLabelsOverride } from '../../../labels';\nimport { DateLabelFormat } from '../../../types';\nimport { formatDate, getMonthsList, getYearsList } from '../../../utils';\nimport { HeaderControl } from '../HeaderControl/HeaderControl';\nimport { useScheduleHeaderLabels } from '../ScheduleHeaderContext';\nimport classes from './MonthYearSelect.module.css';\n\nexport type MonthYearSelectStylesNames =\n  | 'monthYearSelectTarget'\n  | 'monthYearSelectDropdown'\n  | 'monthYearSelectControl'\n  | 'monthYearSelectList'\n  | 'monthYearSelectLabel';\n\nexport type MonthYearSelectCssVariables = {\n  monthYearSelectDropdown: '--control-radius';\n};\n\nexport interface MonthYearSelectProps\n  extends BoxProps, StylesApiProps<MonthYearSelectFactory>, ElementProps<'button'> {\n  __staticSelector?: string;\n\n  /** Locale passed down to dayjs, overrides value defined on `DatesProvider` */\n  locale?: string;\n\n  /** Props passed down to the underlying Popover component */\n  popoverProps?: PopoverProps;\n\n  /** Start year for year selection, calculated from the current date by default */\n  startYear?: number;\n\n  /** End year for year selection, calculated from the current date by default */\n  endYear?: number;\n\n  /** Current year value (e.g. `2025`) */\n  yearValue?: number;\n\n  /** Current month value (0-11) */\n  monthValue?: number;\n\n  /** Called with year value (e.g. `2025`) when year is selected in the dropdown */\n  onYearChange?: (year: number) => void;\n\n  /** Called with month value (0-11) when month is selected in the dropdown */\n  onMonthChange?: (month: number) => void;\n\n  /** Format for displaying months in the dropdown, dayjs format or custom formatter function @default 'MMM' */\n  monthsListFormat?: DateLabelFormat;\n\n  /** Format for displaying month label in the control, dayjs format @default 'MMMM YYYY' */\n  labelFormat?: DateLabelFormat;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Props passed down to year controls */\n  getYearControlProps?: (year: number) => React.ComponentProps<'button'> & DataAttributes;\n\n  /** Props passed down to month controls */\n  getMonthControlProps?: (month: number) => React.ComponentProps<'button'> & DataAttributes;\n\n  /** If set to false, months are not displayed in the dropdown @default true */\n  withMonths?: boolean;\n\n  /** Labels override */\n  labels?: ScheduleLabelsOverride;\n}\n\nexport type MonthYearSelectFactory = Factory<{\n  props: MonthYearSelectProps;\n  ref: HTMLButtonElement;\n  stylesNames: MonthYearSelectStylesNames;\n  vars: MonthYearSelectCssVariables;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'MonthYearSelect',\n  withMonths: true,\n} satisfies Partial<MonthYearSelectProps>;\n\nconst varsResolver = createVarsResolver<MonthYearSelectFactory>((_theme, { radius }) => ({\n  monthYearSelectDropdown: {\n    '--control-radius': radius === undefined ? undefined : getRadius(radius),\n  },\n}));\n\nexport const MonthYearSelect = factory<MonthYearSelectFactory>((_props) => {\n  const props = useProps('MonthYearSelect', defaultProps, _props);\n  const {\n    __staticSelector,\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    attributes,\n    popoverProps,\n    startYear,\n    endYear,\n    onYearChange,\n    onMonthChange,\n    locale,\n    monthsListFormat,\n    monthValue,\n    yearValue,\n    labelFormat,\n    radius,\n    getMonthControlProps,\n    getYearControlProps,\n    withMonths,\n    id,\n    labels,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<MonthYearSelectFactory>({\n    name: __staticSelector,\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n    rootSelector: 'monthYearSelectTarget',\n  });\n\n  const [opened, handlers] = useDisclosure(false);\n  const resolvedLabels = useScheduleHeaderLabels(labels);\n\n  const today = new Date();\n  const ctx = useDatesContext();\n  const _startYear = startYear ?? today.getFullYear() - 5;\n  const _endYear = endYear ?? today.getFullYear() + 5;\n  const hasActiveYear = yearValue !== undefined && yearValue >= _startYear && yearValue <= _endYear;\n\n  const years = getYearsList({ startYear: _startYear, endYear: _endYear }).map((year, index) => {\n    const controlProps = getYearControlProps?.(year);\n    return (\n      <UnstyledButton\n        key={year}\n        onClick={() => {\n          onYearChange?.(year);\n          if (!withMonths) {\n            handlers.close();\n          }\n        }}\n        mod={{ type: 'year', active: year === yearValue }}\n        aria-label={`${getLabel('selectYear', resolvedLabels)} ${year}`}\n        tabIndex={hasActiveYear ? (year === yearValue ? 0 : -1) : index === 0 ? 0 : -1}\n        {...controlProps}\n        onKeyDown={createScopedKeydownHandler({\n          siblingSelector: '[data-type=\"year\"]:not(:disabled)',\n          parentSelector: '[data-list]',\n          activateOnFocus: false,\n          loop: true,\n          orientation: 'vertical',\n          onKeyDown: controlProps?.onKeyDown,\n        })}\n        {...getStyles('monthYearSelectControl', {\n          className: controlProps?.className,\n          style: controlProps?.style,\n        })}\n      >\n        {year}\n      </UnstyledButton>\n    );\n  });\n\n  const months = withMonths\n    ? getMonthsList({\n        locale: ctx.getLocale(locale),\n        format: monthsListFormat || 'MMMM',\n      }).map((month) => {\n        const controlProps = getMonthControlProps?.(month.month);\n        return (\n          <UnstyledButton\n            key={month.name}\n            onClick={() => onMonthChange?.(month.month)}\n            mod={{ type: 'month', active: month.month === monthValue }}\n            tabIndex={month.month === monthValue ? 0 : -1}\n            onKeyDown={createScopedKeydownHandler({\n              siblingSelector: '[data-type=\"month\"]:not(:disabled)',\n              parentSelector: '[data-list]',\n              activateOnFocus: false,\n              loop: true,\n              orientation: 'vertical',\n              onKeyDown: controlProps?.onKeyDown,\n            })}\n            {...controlProps}\n            {...getStyles('monthYearSelectControl', {\n              className: controlProps?.className,\n              style: controlProps?.style,\n            })}\n            aria-label={`${getLabel('selectMonth', resolvedLabels)} ${month.name}`}\n          >\n            {month.name}\n          </UnstyledButton>\n        );\n      })\n    : null;\n\n  return (\n    <Popover\n      position=\"bottom-start\"\n      __staticSelector={__staticSelector}\n      trapFocus\n      transitionProps={{ transition: 'pop', duration: 120 }}\n      radius={radius || 'var(--schedule-radius, var(--mantine-radius-default))'}\n      shadow=\"md\"\n      offset={3}\n      width={withMonths ? undefined : 'target'}\n      opened={opened}\n      onChange={handlers.set}\n      id={id}\n      {...popoverProps}\n    >\n      <Popover.Target>\n        <HeaderControl\n          {...getStyles('monthYearSelectTarget')}\n          __staticSelector={__staticSelector}\n          radius={radius}\n          data-with-months={withMonths || undefined}\n          onClick={handlers.toggle}\n          {...others}\n        >\n          {formatDate({\n            locale: ctx.getLocale(locale),\n            date: new Date(yearValue ?? today.getFullYear(), monthValue ?? today.getMonth()),\n            format: labelFormat || (withMonths ? 'MMMM YYYY' : 'YYYY'),\n          })}\n        </HeaderControl>\n      </Popover.Target>\n\n      <Popover.Dropdown\n        data-with-months={withMonths || undefined}\n        {...getStyles('monthYearSelectDropdown')}\n      >\n        {withMonths && (\n          <div data-list {...getStyles('monthYearSelectList')}>\n            <div {...getStyles('monthYearSelectLabel')}>{getLabel('month', resolvedLabels)}</div>\n            {months}\n          </div>\n        )}\n        <div data-list {...getStyles('monthYearSelectList')}>\n          {withMonths && (\n            <div {...getStyles('monthYearSelectLabel')}>{getLabel('year', resolvedLabels)}</div>\n          )}\n          {years}\n        </div>\n      </Popover.Dropdown>\n    </Popover>\n  );\n});\n\nMonthYearSelect.displayName = '@mantine/schedule/MonthYearSelect';\nMonthYearSelect.classes = classes;\nMonthYearSelect.varsResolver = varsResolver;\n"],"mappings":"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"}
+{"version":3,"file":"MonthYearSelect.cjs","names":["createVarsResolver","getRadius","factory","useProps","useStyles","useDisclosure","useScheduleHeaderLabels","useDatesContext","getYearsList","UnstyledButton","getLabel","createScopedKeydownHandler","getMonthsList","Popover","HeaderControl","formatDate","classes"],"sources":["../../../../src/components/ScheduleHeader/MonthYearSelect/MonthYearSelect.tsx"],"sourcesContent":["import {\n  BoxProps,\n  createScopedKeydownHandler,\n  createVarsResolver,\n  DataAttributes,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  MantineRadius,\n  Popover,\n  PopoverProps,\n  StylesApiProps,\n  UnstyledButton,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { useDatesContext } from '@mantine/dates';\nimport { useDisclosure } from '@mantine/hooks';\nimport { getLabel, ScheduleLabelsOverride } from '../../../labels';\nimport { DateLabelFormat } from '../../../types';\nimport { formatDate, getMonthsList, getYearsList } from '../../../utils';\nimport { HeaderControl } from '../HeaderControl/HeaderControl';\nimport { useScheduleHeaderLabels } from '../ScheduleHeaderContext';\nimport classes from './MonthYearSelect.module.css';\n\nexport type MonthYearSelectStylesNames =\n  | 'monthYearSelectTarget'\n  | 'monthYearSelectDropdown'\n  | 'monthYearSelectControl'\n  | 'monthYearSelectList'\n  | 'monthYearSelectLabel';\n\nexport type MonthYearSelectCssVariables = {\n  monthYearSelectDropdown: '--control-radius';\n};\n\nexport interface MonthYearSelectProps\n  extends BoxProps, StylesApiProps<MonthYearSelectFactory>, ElementProps<'button'> {\n  __staticSelector?: string;\n\n  /** Locale passed down to dayjs, overrides value defined on `DatesProvider` */\n  locale?: string;\n\n  /** Props passed down to the underlying Popover component */\n  popoverProps?: PopoverProps;\n\n  /** Start year for year selection, calculated from the current date by default */\n  startYear?: number;\n\n  /** End year for year selection, calculated from the current date by default */\n  endYear?: number;\n\n  /** Current year value (e.g. `2025`) */\n  yearValue?: number;\n\n  /** Current month value (0-11) */\n  monthValue?: number;\n\n  /** Called with year value (e.g. `2025`) when year is selected in the dropdown */\n  onYearChange?: (year: number) => void;\n\n  /** Called with month value (0-11) when month is selected in the dropdown */\n  onMonthChange?: (month: number) => void;\n\n  /** Format for displaying months in the dropdown, dayjs format or custom formatter function @default 'MMM' */\n  monthsListFormat?: DateLabelFormat;\n\n  /** Format for displaying month label in the control, dayjs format @default 'MMMM YYYY' */\n  labelFormat?: DateLabelFormat;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Props passed down to year controls */\n  getYearControlProps?: (year: number) => React.ComponentProps<'button'> & DataAttributes;\n\n  /** Props passed down to month controls */\n  getMonthControlProps?: (month: number) => React.ComponentProps<'button'> & DataAttributes;\n\n  /** If set to false, months are not displayed in the dropdown @default true */\n  withMonths?: boolean;\n\n  /** Labels override */\n  labels?: ScheduleLabelsOverride;\n}\n\nexport type MonthYearSelectFactory = Factory<{\n  props: MonthYearSelectProps;\n  ref: HTMLButtonElement;\n  stylesNames: MonthYearSelectStylesNames;\n  vars: MonthYearSelectCssVariables;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'MonthYearSelect',\n  withMonths: true,\n} satisfies Partial<MonthYearSelectProps>;\n\nconst varsResolver = createVarsResolver<MonthYearSelectFactory>((_theme, { radius }) => ({\n  monthYearSelectDropdown: {\n    '--control-radius': radius === undefined ? undefined : getRadius(radius),\n  },\n}));\n\nexport const MonthYearSelect = factory<MonthYearSelectFactory>((_props) => {\n  const props = useProps('MonthYearSelect', defaultProps, _props);\n  const {\n    __staticSelector,\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    attributes,\n    popoverProps,\n    startYear,\n    endYear,\n    onYearChange,\n    onMonthChange,\n    locale,\n    monthsListFormat,\n    monthValue,\n    yearValue,\n    labelFormat,\n    radius,\n    getMonthControlProps,\n    getYearControlProps,\n    withMonths,\n    id,\n    labels,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<MonthYearSelectFactory>({\n    name: __staticSelector,\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n    rootSelector: 'monthYearSelectTarget',\n  });\n\n  const [opened, handlers] = useDisclosure(false);\n  const resolvedLabels = useScheduleHeaderLabels(labels);\n\n  const today = new Date();\n  const ctx = useDatesContext();\n  const _startYear = startYear ?? today.getFullYear() - 5;\n  const _endYear = endYear ?? today.getFullYear() + 5;\n  const hasActiveYear = yearValue !== undefined && yearValue >= _startYear && yearValue <= _endYear;\n\n  const years = getYearsList({ startYear: _startYear, endYear: _endYear }).map((year, index) => {\n    const controlProps = getYearControlProps?.(year);\n    return (\n      <UnstyledButton\n        key={year}\n        onClick={() => {\n          onYearChange?.(year);\n          if (!withMonths) {\n            handlers.close();\n          }\n        }}\n        mod={{ type: 'year', active: year === yearValue }}\n        aria-label={`${getLabel('selectYear', resolvedLabels)} ${year}`}\n        tabIndex={hasActiveYear ? (year === yearValue ? 0 : -1) : index === 0 ? 0 : -1}\n        {...controlProps}\n        onKeyDown={createScopedKeydownHandler({\n          siblingSelector: '[data-type=\"year\"]:not(:disabled)',\n          parentSelector: '[data-list]',\n          activateOnFocus: false,\n          loop: true,\n          orientation: 'vertical',\n          onKeyDown: controlProps?.onKeyDown,\n        })}\n        {...getStyles('monthYearSelectControl', {\n          className: controlProps?.className,\n          style: controlProps?.style,\n        })}\n      >\n        {year}\n      </UnstyledButton>\n    );\n  });\n\n  const months = withMonths\n    ? getMonthsList({\n        locale: ctx.getLocale(locale),\n        format: monthsListFormat || 'MMMM',\n      }).map((month) => {\n        const controlProps = getMonthControlProps?.(month.month);\n        return (\n          <UnstyledButton\n            key={month.name}\n            onClick={() => onMonthChange?.(month.month)}\n            mod={{ type: 'month', active: month.month === monthValue }}\n            tabIndex={month.month === monthValue ? 0 : -1}\n            onKeyDown={createScopedKeydownHandler({\n              siblingSelector: '[data-type=\"month\"]:not(:disabled)',\n              parentSelector: '[data-list]',\n              activateOnFocus: false,\n              loop: true,\n              orientation: 'vertical',\n              onKeyDown: controlProps?.onKeyDown,\n            })}\n            {...controlProps}\n            {...getStyles('monthYearSelectControl', {\n              className: controlProps?.className,\n              style: controlProps?.style,\n            })}\n            aria-label={`${getLabel('selectMonth', resolvedLabels)} ${month.name}`}\n          >\n            {month.name}\n          </UnstyledButton>\n        );\n      })\n    : null;\n\n  return (\n    <Popover\n      position=\"bottom-start\"\n      __staticSelector={__staticSelector}\n      trapFocus\n      transitionProps={{ transition: 'pop', duration: 120 }}\n      radius={radius || 'var(--schedule-radius, var(--mantine-radius-default))'}\n      shadow=\"md\"\n      offset={3}\n      width={withMonths ? undefined : 'target'}\n      opened={opened}\n      onChange={handlers.set}\n      id={id}\n      {...popoverProps}\n    >\n      <Popover.Target>\n        <HeaderControl\n          {...getStyles('monthYearSelectTarget')}\n          __staticSelector={__staticSelector}\n          radius={radius}\n          data-with-months={withMonths || undefined}\n          onClick={handlers.toggle}\n          {...others}\n        >\n          {formatDate({\n            locale: ctx.getLocale(locale),\n            date: new Date(yearValue ?? today.getFullYear(), monthValue ?? today.getMonth()),\n            format: labelFormat || (withMonths ? 'MMMM YYYY' : 'YYYY'),\n          })}\n        </HeaderControl>\n      </Popover.Target>\n\n      <Popover.Dropdown\n        data-with-months={withMonths || undefined}\n        {...getStyles('monthYearSelectDropdown')}\n      >\n        {withMonths && (\n          <div data-list {...getStyles('monthYearSelectList')}>\n            <div {...getStyles('monthYearSelectLabel')}>{getLabel('month', resolvedLabels)}</div>\n            {months}\n          </div>\n        )}\n        <div data-list {...getStyles('monthYearSelectList')}>\n          {withMonths && (\n            <div {...getStyles('monthYearSelectLabel')}>{getLabel('year', resolvedLabels)}</div>\n          )}\n          {years}\n        </div>\n      </Popover.Dropdown>\n    </Popover>\n  );\n});\n\nMonthYearSelect.displayName = '@mantine/schedule/MonthYearSelect';\nMonthYearSelect.classes = classes;\nMonthYearSelect.varsResolver = varsResolver;\n"],"mappings":"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"}

package/cjs/components/ScheduleHeader/ScheduleHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScheduleHeader.cjs","names":["ScheduleHeaderLabelsContext","Box","classes","HeaderControl","ScheduleHeaderNext","ScheduleHeaderPrevious","ScheduleHeaderToday","ViewSelect","MonthYearSelect"],"sources":["../../../src/components/ScheduleHeader/ScheduleHeader.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { ScheduleLabelsOverride } from '../../labels';\nimport {\n  HeaderControl,\n  HeaderControlStylesNames,\n  ScheduleHeaderNext,\n  ScheduleHeaderPrevious,\n  ScheduleHeaderToday,\n} from './HeaderControl/HeaderControl';\nimport { MonthYearSelect, MonthYearSelectStylesNames } from './MonthYearSelect/MonthYearSelect';\nimport { ScheduleHeaderLabelsContext } from './ScheduleHeaderContext';\nimport { ViewSelect, ViewSelectStylesNames } from './ViewSelect/ViewSelect';\nimport classes from './ScheduleHeader.module.css';\n\nexport type CombinedScheduleHeaderStylesNames =\n  | ScheduleHeaderStylesNames\n  | ViewSelectStylesNames\n  | HeaderControlStylesNames\n  | MonthYearSelectStylesNames;\n\nexport type ScheduleHeaderStylesNames = 'header';\nexport type ScheduleHeaderCssVariables = {\n  scheduleHeader: '--test';\n};\n\nexport interface ScheduleHeaderProps\n  extends BoxProps, StylesApiProps<ScheduleHeaderFactory>, ElementProps<'div'> {\n  __staticSelector?: string;\n\n  /** Labels override shared with compound components rendered inside */\n  labels?: ScheduleLabelsOverride;\n}\n\nexport type ScheduleHeaderFactory = Factory<{\n  props: ScheduleHeaderProps;\n  ref: HTMLDivElement;\n  stylesNames: ScheduleHeaderStylesNames;\n  vars: ScheduleHeaderCssVariables;\n  staticComponents: {\n    Control: typeof HeaderControl;\n    Previous: typeof ScheduleHeaderPrevious;\n    Next: typeof ScheduleHeaderNext;\n    Today: typeof ScheduleHeaderToday;\n    ViewSelect: typeof ViewSelect;\n    MonthYearSelect: typeof MonthYearSelect;\n  };\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'ScheduleHeader',\n} satisfies Partial<ScheduleHeaderProps>;\n\nconst varsResolver = createVarsResolver<ScheduleHeaderFactory>(() => ({\n  scheduleHeader: {\n    '--test': 'test',\n  },\n}));\n\nexport const ScheduleHeader = factory<ScheduleHeaderFactory>((_props) => {\n  const props = useProps('ScheduleHeader', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    attributes,\n    __staticSelector,\n    labels,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<ScheduleHeaderFactory>({\n    name: __staticSelector,\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n    attributes,\n    rootSelector: 'header',\n  });\n\n  return (\n    <ScheduleHeaderLabelsContext.Provider value={labels}>\n      <Box {...getStyles('header')} {...others} />\n    </ScheduleHeaderLabelsContext.Provider>\n  );\n});\n\nScheduleHeader.displayName = '@mantine/schedule/ScheduleHeader';\nScheduleHeader.classes = classes;\nScheduleHeader.varsResolver = varsResolver;\nScheduleHeader.Control = HeaderControl;\nScheduleHeader.Next = ScheduleHeaderNext;\nScheduleHeader.Previous = ScheduleHeaderPrevious;\nScheduleHeader.Today = ScheduleHeaderToday;\nScheduleHeader.ViewSelect = ViewSelect;\nScheduleHeader.MonthYearSelect = MonthYearSelect;\n"],"mappings":";;;;;;;;;AA0DA,MAAM,eAAe,EACnB,kBAAkB,iBACpB;AAEA,MAAM,gBAAA,GAAA,cAAA,mBAAA,QAAgE,EACpE,gBAAgB,EACd,UAAU,OACZ,EACF,EAAE;AAEF,MAAa,kBAAA,GAAA,cAAA,QAAA,EAAiD,WAAW;CACvE,MAAM,SAAA,GAAA,cAAA,SAAA,CAAiB,kBAAkB,cAAc,MAAM;CAC7D,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,YACA,kBACA,QACA,GAAG,WACD;CAEJ,MAAM,aAAA,GAAA,cAAA,UAAA,CAA6C;EACjD,MAAM;EACN,SAAA,8BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;CAChB,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,8BAAAA,4BAA4B,UAA7B;EAAsC,OAAO;YAC3C,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,KAAD;GAAK,GAAI,UAAU,QAAQ;GAAG,GAAI;EAAS,CAAA;CACP,CAAA;AAE1C,CAAC;AAED,eAAe,cAAc;AAC7B,eAAe,UAAUC,8BAAAA;AACzB,eAAe,eAAe;AAC9B,eAAe,UAAUC,sBAAAA;AACzB,eAAe,OAAOC,sBAAAA;AACtB,eAAe,WAAWC,sBAAAA;AAC1B,eAAe,QAAQC,sBAAAA;AACvB,eAAe,aAAaC,mBAAAA;AAC5B,eAAe,kBAAkBC,wBAAAA"}
+{"version":3,"file":"ScheduleHeader.cjs","names":["createVarsResolver","factory","useProps","useStyles","ScheduleHeaderLabelsContext","Box","classes","HeaderControl","ScheduleHeaderNext","ScheduleHeaderPrevious","ScheduleHeaderToday","ViewSelect","MonthYearSelect"],"sources":["../../../src/components/ScheduleHeader/ScheduleHeader.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { ScheduleLabelsOverride } from '../../labels';\nimport {\n  HeaderControl,\n  HeaderControlStylesNames,\n  ScheduleHeaderNext,\n  ScheduleHeaderPrevious,\n  ScheduleHeaderToday,\n} from './HeaderControl/HeaderControl';\nimport { MonthYearSelect, MonthYearSelectStylesNames } from './MonthYearSelect/MonthYearSelect';\nimport { ScheduleHeaderLabelsContext } from './ScheduleHeaderContext';\nimport { ViewSelect, ViewSelectStylesNames } from './ViewSelect/ViewSelect';\nimport classes from './ScheduleHeader.module.css';\n\nexport type CombinedScheduleHeaderStylesNames =\n  | ScheduleHeaderStylesNames\n  | ViewSelectStylesNames\n  | HeaderControlStylesNames\n  | MonthYearSelectStylesNames;\n\nexport type ScheduleHeaderStylesNames = 'header';\nexport type ScheduleHeaderCssVariables = {\n  scheduleHeader: '--test';\n};\n\nexport interface ScheduleHeaderProps\n  extends BoxProps, StylesApiProps<ScheduleHeaderFactory>, ElementProps<'div'> {\n  __staticSelector?: string;\n\n  /** Labels override shared with compound components rendered inside */\n  labels?: ScheduleLabelsOverride;\n}\n\nexport type ScheduleHeaderFactory = Factory<{\n  props: ScheduleHeaderProps;\n  ref: HTMLDivElement;\n  stylesNames: ScheduleHeaderStylesNames;\n  vars: ScheduleHeaderCssVariables;\n  staticComponents: {\n    Control: typeof HeaderControl;\n    Previous: typeof ScheduleHeaderPrevious;\n    Next: typeof ScheduleHeaderNext;\n    Today: typeof ScheduleHeaderToday;\n    ViewSelect: typeof ViewSelect;\n    MonthYearSelect: typeof MonthYearSelect;\n  };\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'ScheduleHeader',\n} satisfies Partial<ScheduleHeaderProps>;\n\nconst varsResolver = createVarsResolver<ScheduleHeaderFactory>(() => ({\n  scheduleHeader: {\n    '--test': 'test',\n  },\n}));\n\nexport const ScheduleHeader = factory<ScheduleHeaderFactory>((_props) => {\n  const props = useProps('ScheduleHeader', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    attributes,\n    __staticSelector,\n    labels,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<ScheduleHeaderFactory>({\n    name: __staticSelector,\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n    attributes,\n    rootSelector: 'header',\n  });\n\n  return (\n    <ScheduleHeaderLabelsContext.Provider value={labels}>\n      <Box {...getStyles('header')} {...others} />\n    </ScheduleHeaderLabelsContext.Provider>\n  );\n});\n\nScheduleHeader.displayName = '@mantine/schedule/ScheduleHeader';\nScheduleHeader.classes = classes;\nScheduleHeader.varsResolver = varsResolver;\nScheduleHeader.Control = HeaderControl;\nScheduleHeader.Next = ScheduleHeaderNext;\nScheduleHeader.Previous = ScheduleHeaderPrevious;\nScheduleHeader.Today = ScheduleHeaderToday;\nScheduleHeader.ViewSelect = ViewSelect;\nScheduleHeader.MonthYearSelect = MonthYearSelect;\n"],"mappings":";;;;;;;;;AA0DA,MAAM,eAAe,EACnB,kBAAkB,iBACpB;AAEA,MAAM,gBAAA,GAAeA,cAAAA,mBAAAA,QAAiD,EACpE,gBAAgB,EACd,UAAU,OACZ,EACF,EAAE;AAEF,MAAa,kBAAA,GAAiBC,cAAAA,QAAAA,EAAgC,WAAW;CACvE,MAAM,SAAA,GAAQC,cAAAA,SAAAA,CAAS,kBAAkB,cAAc,MAAM;CAC7D,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,YACA,kBACA,QACA,GAAG,WACD;CAEJ,MAAM,aAAA,GAAYC,cAAAA,UAAAA,CAAiC;EACjD,MAAM;EACN,SAAA,8BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;CAChB,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,8BAAAA,4BAA4B,UAA7B;EAAsC,OAAO;EAC3C,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,KAAD;GAAK,GAAI,UAAU,QAAQ;GAAG,GAAI;EAAS,CAAA;CACP,CAAA;AAE1C,CAAC;AAED,eAAe,cAAc;AAC7B,eAAe,UAAUC,8BAAAA;AACzB,eAAe,eAAe;AAC9B,eAAe,UAAUC,sBAAAA;AACzB,eAAe,OAAOC,sBAAAA;AACtB,eAAe,WAAWC,sBAAAA;AAC1B,eAAe,QAAQC,sBAAAA;AACvB,eAAe,aAAaC,mBAAAA;AAC5B,eAAe,kBAAkBC,wBAAAA"}

package/cjs/components/ScheduleHeader/ScheduleHeaderBase.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScheduleHeaderBase.cjs","names":["ScheduleHeader","getLabel","classes","NativeSelect"],"sources":["../../../src/components/ScheduleHeader/ScheduleHeaderBase.tsx"],"sourcesContent":["import { NativeSelect, StylesApiProps } from '@mantine/core';\nimport { getLabel, ScheduleLabelsOverride } from '../../labels';\nimport { DateStringValue, ScheduleViewLevel } from '../../types';\nimport { MonthYearSelectProps } from './MonthYearSelect/MonthYearSelect';\nimport { ScheduleHeader } from './ScheduleHeader';\nimport { ViewSelectProps } from './ViewSelect/ViewSelect';\nimport classes from './ScheduleHeader.module.css';\n\ninterface NavigationHandlers {\n  /** Handler for previous button click, returns new date */\n  previous: () => DateStringValue;\n\n  /** Handler for next button click, returns new date */\n  next: () => DateStringValue;\n\n  /** Handler for today button click, returns new date */\n  today: () => DateStringValue;\n}\n\ninterface HeaderControlOptions {\n  /** Title to render in a simple control (used by DayView, WeekView) */\n  title?: React.ReactNode;\n  /** MonthYearSelect props (used by MonthView, YearView) */\n  monthYearSelect?: {\n    yearValue: number;\n    monthValue: number;\n    onYearChange?: (year: number) => void;\n    onMonthChange?: (month: number) => void;\n    withMonths?: boolean;\n  } & Partial<MonthYearSelectProps>;\n  /** Minimum width for control */\n  miw?: React.CSSProperties['minWidth'];\n}\n\nexport interface ScheduleHeaderBaseProps {\n  /** Current view level */\n  view: ScheduleViewLevel;\n\n  /** Navigation handlers for previous, next, and today */\n  navigationHandlers: NavigationHandlers;\n\n  /** Central control configuration (either title or monthYearSelect) */\n  control: HeaderControlOptions;\n\n  /** Label overrides */\n  labels?: ScheduleLabelsOverride;\n\n  /** Called when date is changed */\n  onDateChange?: (date: DateStringValue) => void;\n\n  /** Called when view is changed */\n  onViewChange?: (view: ScheduleViewLevel) => void;\n\n  /** Props passed to previous control button */\n  previousControlProps?: React.ComponentProps<'button'>;\n\n  /** Props passed to next control button */\n  nextControlProps?: React.ComponentProps<'button'>;\n\n  /** Props passed to today control button */\n  todayControlProps?: React.ComponentProps<'button'>;\n\n  /** Props passed to view select */\n  viewSelectProps?: Partial<ViewSelectProps>;\n\n  /** Styles API props to pass through */\n  stylesApiProps?: StylesApiProps<any>;\n\n  /** Called when agenda button is clicked */\n  onAgendaClick?: () => void;\n\n  /** Whether the agenda view is currently active */\n  agendaActive?: boolean;\n}\n\nconst VIEW_LEVELS: ScheduleViewLevel[] = ['day', 'week', 'month', 'year'];\n\nexport function ScheduleHeaderBase({\n  view,\n  navigationHandlers,\n  control,\n  labels,\n  onDateChange,\n  onViewChange,\n  previousControlProps,\n  nextControlProps,\n  todayControlProps,\n  viewSelectProps,\n  stylesApiProps,\n  onAgendaClick,\n  agendaActive,\n}: ScheduleHeaderBaseProps) {\n  const centralControl = control.monthYearSelect ? (\n    <ScheduleHeader.MonthYearSelect\n      {...stylesApiProps}\n      labels={labels}\n      {...control.monthYearSelect}\n    />\n  ) : (\n    <ScheduleHeader.Control {...stylesApiProps} interactive={false} miw={control.miw}>\n      {control.title}\n    </ScheduleHeader.Control>\n  );\n\n  const views = viewSelectProps?.views || VIEW_LEVELS;\n  const compactViewSelectData = views.map((v) => ({\n    value: v,\n    label: getLabel(v, labels) as string,\n  }));\n\n  return (\n    <ScheduleHeader {...stylesApiProps} labels={labels}>\n      <div className={classes.navigationGroup}>\n        <ScheduleHeader.Previous\n          {...stylesApiProps}\n          onClick={() => onDateChange?.(navigationHandlers.previous())}\n          labels={labels}\n          {...previousControlProps}\n        />\n\n        {centralControl}\n\n        <ScheduleHeader.Next\n          {...stylesApiProps}\n          onClick={() => onDateChange?.(navigationHandlers.next())}\n          labels={labels}\n          {...nextControlProps}\n        />\n      </div>\n\n      <div className={classes.todayControl}>\n        <ScheduleHeader.Today\n          {...stylesApiProps}\n          onClick={() => onDateChange?.(navigationHandlers.today())}\n          labels={labels}\n          {...todayControlProps}\n        />\n        {onAgendaClick && (\n          <ScheduleHeader.Control\n            {...stylesApiProps}\n            data-type=\"agenda\"\n            active={agendaActive}\n            onClick={onAgendaClick}\n            aria-label={getLabel('agenda', labels) as string}\n          >\n            {getLabel('agenda', labels)}\n          </ScheduleHeader.Control>\n        )}\n      </div>\n\n      <div className={classes.compactControls}>\n        {onAgendaClick && (\n          <ScheduleHeader.Control\n            {...stylesApiProps}\n            data-type=\"agenda\"\n            active={agendaActive}\n            onClick={onAgendaClick}\n            aria-label={getLabel('agenda', labels) as string}\n            className={classes.compactAgendaControl}\n          >\n            {getLabel('agenda', labels)}\n          </ScheduleHeader.Control>\n        )}\n        <NativeSelect\n          className={classes.compactViewSelect}\n          data={compactViewSelectData}\n          value={view}\n          onChange={(event) => onViewChange?.(event.currentTarget.value as ScheduleViewLevel)}\n          aria-label={getLabel('viewSelectLabel', labels) as string}\n          size=\"sm\"\n        />\n      </div>\n\n      <div className={classes.viewSelect} style={{ marginInlineStart: 'auto' }}>\n        <ScheduleHeader.ViewSelect\n          value={view}\n          onChange={onViewChange}\n          labels={labels}\n          {...stylesApiProps}\n          {...viewSelectProps}\n        />\n      </div>\n    </ScheduleHeader>\n  );\n}\n"],"mappings":";;;;;;;AA2EA,MAAM,cAAmC;CAAC;CAAO;CAAQ;CAAS;AAAM;AAExE,SAAgB,mBAAmB,EACjC,MACA,oBACA,SACA,QACA,cACA,cACA,sBACA,kBACA,mBACA,iBACA,gBACA,eACA,gBAC0B;CAC1B,MAAM,iBAAiB,QAAQ,kBAC7B,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,eAAe,iBAAhB;EACE,GAAI;EACI;EACR,GAAI,QAAQ;CACb,CAAA,IAED,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,eAAe,SAAhB;EAAwB,GAAI;EAAgB,aAAa;EAAO,KAAK,QAAQ;YAC1E,QAAQ;CACa,CAAA;CAI1B,MAAM,yBADQ,iBAAiB,SAAS,YAAA,CACJ,KAAK,OAAO;EAC9C,OAAO;EACP,OAAOC,eAAAA,SAAS,GAAG,MAAM;CAC3B,EAAE;CAEF,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACD,uBAAAA,gBAAD;EAAgB,GAAI;EAAwB;YAA5C;GACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAWE,8BAAAA,QAAQ;cAAxB;KACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,uBAAAA,eAAe,UAAhB;MACE,GAAI;MACJ,eAAe,eAAe,mBAAmB,SAAS,CAAC;MACnD;MACR,GAAI;KACL,CAAA;KAEA;KAED,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,eAAe,MAAhB;MACE,GAAI;MACJ,eAAe,eAAe,mBAAmB,KAAK,CAAC;MAC/C;MACR,GAAI;KACL,CAAA;IACE;;GAEL,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAWE,8BAAAA,QAAQ;cAAxB,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,uBAAAA,eAAe,OAAhB;KACE,GAAI;KACJ,eAAe,eAAe,mBAAmB,MAAM,CAAC;KAChD;KACR,GAAI;IACL,CAAA,GACA,iBACC,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,eAAe,SAAhB;KACE,GAAI;KACJ,aAAU;KACV,QAAQ;KACR,SAAS;KACT,cAAYC,eAAAA,SAAS,UAAU,MAAM;eAEpCA,eAAAA,SAAS,UAAU,MAAM;IACJ,CAAA,CAEvB;;GAEL,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAWC,8BAAAA,QAAQ;cAAxB,CACG,iBACC,iBAAA,GAAA,kBAAA,IAAA,CAACF,uBAAAA,eAAe,SAAhB;KACE,GAAI;KACJ,aAAU;KACV,QAAQ;KACR,SAAS;KACT,cAAYC,eAAAA,SAAS,UAAU,MAAM;KACrC,WAAWC,8BAAAA,QAAQ;eAElBD,eAAAA,SAAS,UAAU,MAAM;IACJ,CAAA,GAE1B,iBAAA,GAAA,kBAAA,IAAA,CAACE,cAAAA,cAAD;KACE,WAAWD,8BAAAA,QAAQ;KACnB,MAAM;KACN,OAAO;KACP,WAAW,UAAU,eAAe,MAAM,cAAc,KAA0B;KAClF,cAAYD,eAAAA,SAAS,mBAAmB,MAAM;KAC9C,MAAK;IACN,CAAA,CACE;;GAEL,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAWC,8BAAAA,QAAQ;IAAY,OAAO,EAAE,mBAAmB,OAAO;cACrE,iBAAA,GAAA,kBAAA,IAAA,CAACF,uBAAAA,eAAe,YAAhB;KACE,OAAO;KACP,UAAU;KACF;KACR,GAAI;KACJ,GAAI;IACL,CAAA;GACE,CAAA;EACS;;AAEpB"}
+{"version":3,"file":"ScheduleHeaderBase.cjs","names":["ScheduleHeader","getLabel","classes","NativeSelect"],"sources":["../../../src/components/ScheduleHeader/ScheduleHeaderBase.tsx"],"sourcesContent":["import { NativeSelect, StylesApiProps } from '@mantine/core';\nimport { getLabel, ScheduleLabelsOverride } from '../../labels';\nimport { DateStringValue, ScheduleViewLevel } from '../../types';\nimport { MonthYearSelectProps } from './MonthYearSelect/MonthYearSelect';\nimport { ScheduleHeader } from './ScheduleHeader';\nimport { ViewSelectProps } from './ViewSelect/ViewSelect';\nimport classes from './ScheduleHeader.module.css';\n\ninterface NavigationHandlers {\n  /** Handler for previous button click, returns new date */\n  previous: () => DateStringValue;\n\n  /** Handler for next button click, returns new date */\n  next: () => DateStringValue;\n\n  /** Handler for today button click, returns new date */\n  today: () => DateStringValue;\n}\n\ninterface HeaderControlOptions {\n  /** Title to render in a simple control (used by DayView, WeekView) */\n  title?: React.ReactNode;\n  /** MonthYearSelect props (used by MonthView, YearView) */\n  monthYearSelect?: {\n    yearValue: number;\n    monthValue: number;\n    onYearChange?: (year: number) => void;\n    onMonthChange?: (month: number) => void;\n    withMonths?: boolean;\n  } & Partial<MonthYearSelectProps>;\n  /** Minimum width for control */\n  miw?: React.CSSProperties['minWidth'];\n}\n\nexport interface ScheduleHeaderBaseProps {\n  /** Current view level */\n  view: ScheduleViewLevel;\n\n  /** Navigation handlers for previous, next, and today */\n  navigationHandlers: NavigationHandlers;\n\n  /** Central control configuration (either title or monthYearSelect) */\n  control: HeaderControlOptions;\n\n  /** Label overrides */\n  labels?: ScheduleLabelsOverride;\n\n  /** Called when date is changed */\n  onDateChange?: (date: DateStringValue) => void;\n\n  /** Called when view is changed */\n  onViewChange?: (view: ScheduleViewLevel) => void;\n\n  /** Props passed to previous control button */\n  previousControlProps?: React.ComponentProps<'button'>;\n\n  /** Props passed to next control button */\n  nextControlProps?: React.ComponentProps<'button'>;\n\n  /** Props passed to today control button */\n  todayControlProps?: React.ComponentProps<'button'>;\n\n  /** Props passed to view select */\n  viewSelectProps?: Partial<ViewSelectProps>;\n\n  /** Styles API props to pass through */\n  stylesApiProps?: StylesApiProps<any>;\n\n  /** Called when agenda button is clicked */\n  onAgendaClick?: () => void;\n\n  /** Whether the agenda view is currently active */\n  agendaActive?: boolean;\n}\n\nconst VIEW_LEVELS: ScheduleViewLevel[] = ['day', 'week', 'month', 'year'];\n\nexport function ScheduleHeaderBase({\n  view,\n  navigationHandlers,\n  control,\n  labels,\n  onDateChange,\n  onViewChange,\n  previousControlProps,\n  nextControlProps,\n  todayControlProps,\n  viewSelectProps,\n  stylesApiProps,\n  onAgendaClick,\n  agendaActive,\n}: ScheduleHeaderBaseProps) {\n  const centralControl = control.monthYearSelect ? (\n    <ScheduleHeader.MonthYearSelect\n      {...stylesApiProps}\n      labels={labels}\n      {...control.monthYearSelect}\n    />\n  ) : (\n    <ScheduleHeader.Control {...stylesApiProps} interactive={false} miw={control.miw}>\n      {control.title}\n    </ScheduleHeader.Control>\n  );\n\n  const views = viewSelectProps?.views || VIEW_LEVELS;\n  const compactViewSelectData = views.map((v) => ({\n    value: v,\n    label: getLabel(v, labels) as string,\n  }));\n\n  return (\n    <ScheduleHeader {...stylesApiProps} labels={labels}>\n      <div className={classes.navigationGroup}>\n        <ScheduleHeader.Previous\n          {...stylesApiProps}\n          onClick={() => onDateChange?.(navigationHandlers.previous())}\n          labels={labels}\n          {...previousControlProps}\n        />\n\n        {centralControl}\n\n        <ScheduleHeader.Next\n          {...stylesApiProps}\n          onClick={() => onDateChange?.(navigationHandlers.next())}\n          labels={labels}\n          {...nextControlProps}\n        />\n      </div>\n\n      <div className={classes.todayControl}>\n        <ScheduleHeader.Today\n          {...stylesApiProps}\n          onClick={() => onDateChange?.(navigationHandlers.today())}\n          labels={labels}\n          {...todayControlProps}\n        />\n        {onAgendaClick && (\n          <ScheduleHeader.Control\n            {...stylesApiProps}\n            data-type=\"agenda\"\n            active={agendaActive}\n            onClick={onAgendaClick}\n            aria-label={getLabel('agenda', labels) as string}\n          >\n            {getLabel('agenda', labels)}\n          </ScheduleHeader.Control>\n        )}\n      </div>\n\n      <div className={classes.compactControls}>\n        {onAgendaClick && (\n          <ScheduleHeader.Control\n            {...stylesApiProps}\n            data-type=\"agenda\"\n            active={agendaActive}\n            onClick={onAgendaClick}\n            aria-label={getLabel('agenda', labels) as string}\n            className={classes.compactAgendaControl}\n          >\n            {getLabel('agenda', labels)}\n          </ScheduleHeader.Control>\n        )}\n        <NativeSelect\n          className={classes.compactViewSelect}\n          data={compactViewSelectData}\n          value={view}\n          onChange={(event) => onViewChange?.(event.currentTarget.value as ScheduleViewLevel)}\n          aria-label={getLabel('viewSelectLabel', labels) as string}\n          size=\"sm\"\n        />\n      </div>\n\n      <div className={classes.viewSelect} style={{ marginInlineStart: 'auto' }}>\n        <ScheduleHeader.ViewSelect\n          value={view}\n          onChange={onViewChange}\n          labels={labels}\n          {...stylesApiProps}\n          {...viewSelectProps}\n        />\n      </div>\n    </ScheduleHeader>\n  );\n}\n"],"mappings":";;;;;;;AA2EA,MAAM,cAAmC;CAAC;CAAO;CAAQ;CAAS;AAAM;AAExE,SAAgB,mBAAmB,EACjC,MACA,oBACA,SACA,QACA,cACA,cACA,sBACA,kBACA,mBACA,iBACA,gBACA,eACA,gBAC0B;CAC1B,MAAM,iBAAiB,QAAQ,kBAC7B,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,eAAe,iBAAhB;EACE,GAAI;EACI;EACR,GAAI,QAAQ;CACb,CAAA,IAED,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,eAAe,SAAhB;EAAwB,GAAI;EAAgB,aAAa;EAAO,KAAK,QAAQ;EAC1E,UAAA,QAAQ;CACa,CAAA;CAI1B,MAAM,yBADQ,iBAAiB,SAAS,YAAA,CACJ,KAAK,OAAO;EAC9C,OAAO;EACP,OAAOC,eAAAA,SAAS,GAAG,MAAM;CAC3B,EAAE;CAEF,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACD,uBAAAA,gBAAD;EAAgB,GAAI;EAAwB;EAA5C,UAAA;GACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAWE,8BAAAA,QAAQ;IAAxB,UAAA;KACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,uBAAAA,eAAe,UAAhB;MACE,GAAI;MACJ,eAAe,eAAe,mBAAmB,SAAS,CAAC;MACnD;MACR,GAAI;KACL,CAAA;KAEA;KAED,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,eAAe,MAAhB;MACE,GAAI;MACJ,eAAe,eAAe,mBAAmB,KAAK,CAAC;MAC/C;MACR,GAAI;KACL,CAAA;IACE;;GAEL,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAWE,8BAAAA,QAAQ;IAAxB,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,uBAAAA,eAAe,OAAhB;KACE,GAAI;KACJ,eAAe,eAAe,mBAAmB,MAAM,CAAC;KAChD;KACR,GAAI;IACL,CAAA,GACA,iBACC,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,eAAe,SAAhB;KACE,GAAI;KACJ,aAAU;KACV,QAAQ;KACR,SAAS;KACT,cAAYC,eAAAA,SAAS,UAAU,MAAM;KAEpCA,UAAAA,eAAAA,SAAS,UAAU,MAAM;IACJ,CAAA,CAEvB;;GAEL,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAWC,8BAAAA,QAAQ;IAAxB,UAAA,CACG,iBACC,iBAAA,GAAA,kBAAA,IAAA,CAACF,uBAAAA,eAAe,SAAhB;KACE,GAAI;KACJ,aAAU;KACV,QAAQ;KACR,SAAS;KACT,cAAYC,eAAAA,SAAS,UAAU,MAAM;KACrC,WAAWC,8BAAAA,QAAQ;KAElBD,UAAAA,eAAAA,SAAS,UAAU,MAAM;IACJ,CAAA,GAE1B,iBAAA,GAAA,kBAAA,IAAA,CAACE,cAAAA,cAAD;KACE,WAAWD,8BAAAA,QAAQ;KACnB,MAAM;KACN,OAAO;KACP,WAAW,UAAU,eAAe,MAAM,cAAc,KAA0B;KAClF,cAAYD,eAAAA,SAAS,mBAAmB,MAAM;KAC9C,MAAK;IACN,CAAA,CACE;;GAEL,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAWC,8BAAAA,QAAQ;IAAY,OAAO,EAAE,mBAAmB,OAAO;IACrE,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACF,uBAAAA,eAAe,YAAhB;KACE,OAAO;KACP,UAAU;KACF;KACR,GAAI;KACJ,GAAI;IACL,CAAA;GACE,CAAA;EACS;;AAEpB"}

package/cjs/components/ScheduleHeader/ScheduleHeaderContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScheduleHeaderContext.cjs","names":[],"sources":["../../../src/components/ScheduleHeader/ScheduleHeaderContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { ScheduleLabelsOverride } from '../../labels';\n\nexport const ScheduleHeaderLabelsContext = createContext<ScheduleLabelsOverride | undefined>(\n  undefined\n);\nScheduleHeaderLabelsContext.displayName = '@mantine/schedule/ScheduleHeaderLabelsContext';\n\nexport function useScheduleHeaderLabels(\n  override?: ScheduleLabelsOverride\n): ScheduleLabelsOverride | undefined {\n  const contextLabels = useContext(ScheduleHeaderLabelsContext);\n  if (!override) {\n    return contextLabels;\n  }\n  if (!contextLabels) {\n    return override;\n  }\n  return { ...contextLabels, ...override };\n}\n"],"mappings":";;;AAGA,MAAa,+BAAA,GAAA,MAAA,cAAA,CACX,KAAA,CACF;AACA,4BAA4B,cAAc;AAE1C,SAAgB,wBACd,UACoC;CACpC,MAAM,iBAAA,GAAA,MAAA,WAAA,CAA2B,2BAA2B;CAC5D,IAAI,CAAC,UACH,OAAO;CAET,IAAI,CAAC,eACH,OAAO;CAET,OAAO;EAAE,GAAG;EAAe,GAAG;CAAS;AACzC"}
+{"version":3,"file":"ScheduleHeaderContext.cjs","names":["createContext","useContext"],"sources":["../../../src/components/ScheduleHeader/ScheduleHeaderContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { ScheduleLabelsOverride } from '../../labels';\n\nexport const ScheduleHeaderLabelsContext = createContext<ScheduleLabelsOverride | undefined>(\n  undefined\n);\nScheduleHeaderLabelsContext.displayName = '@mantine/schedule/ScheduleHeaderLabelsContext';\n\nexport function useScheduleHeaderLabels(\n  override?: ScheduleLabelsOverride\n): ScheduleLabelsOverride | undefined {\n  const contextLabels = useContext(ScheduleHeaderLabelsContext);\n  if (!override) {\n    return contextLabels;\n  }\n  if (!contextLabels) {\n    return override;\n  }\n  return { ...contextLabels, ...override };\n}\n"],"mappings":";;;AAGA,MAAa,+BAAA,GAA8BA,MAAAA,cAAAA,CACzC,KAAA,CACF;AACA,4BAA4B,cAAc;AAE1C,SAAgB,wBACd,UACoC;CACpC,MAAM,iBAAA,GAAgBC,MAAAA,WAAAA,CAAW,2BAA2B;CAC5D,IAAI,CAAC,UACH,OAAO;CAET,IAAI,CAAC,eACH,OAAO;CAET,OAAO;EAAE,GAAG;EAAe,GAAG;CAAS;AACzC"}

package/cjs/components/ScheduleHeader/ViewSelect/ViewSelect.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ViewSelect.cjs","names":["useScheduleHeaderLabels","HeaderControl","getLabel","Box","classes"],"sources":["../../../../src/components/ScheduleHeader/ViewSelect/ViewSelect.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport {\n  Box,\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  MantineRadius,\n  StylesApiProps,\n  useDirection,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '@mantine/core';\nimport { getLabel, ScheduleLabels, ScheduleLabelsOverride } from '../../../labels';\nimport { ScheduleViewLevel } from '../../../types';\nimport { HeaderControl } from '../HeaderControl/HeaderControl';\nimport { useScheduleHeaderLabels } from '../ScheduleHeaderContext';\nimport classes from './ViewSelect.module.css';\n\nexport type ViewSelectStylesNames = 'viewSelect';\n\nexport interface ViewSelectProps\n  extends BoxProps, StylesApiProps<ViewSelectFactory>, ElementProps<'div', 'value' | 'onChange'> {\n  __staticSelector?: string;\n\n  /** A list of views to display @default ['day', 'week', 'month', 'year'] */\n  views?: readonly ScheduleViewLevel[];\n\n  /** Selected view type */\n  value?: ScheduleViewLevel;\n\n  /** Called when view type changes */\n  onChange?: (value: ScheduleViewLevel) => void;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Labels override */\n  labels?: ScheduleLabelsOverride;\n}\n\nexport type ViewSelectFactory = Factory<{\n  props: ViewSelectProps;\n  ref: HTMLDivElement;\n  stylesNames: ViewSelectStylesNames;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'ViewSelect',\n  views: ['day', 'week', 'month', 'year'],\n} satisfies Partial<ViewSelectProps>;\n\nexport const ViewSelect = factory<ViewSelectFactory>((_props) => {\n  const props = useProps('ViewSelect', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    attributes,\n    value,\n    onChange,\n    views,\n    __staticSelector,\n    radius,\n    labels,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<ViewSelectFactory>({\n    name: __staticSelector,\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    rootSelector: 'viewSelect',\n  });\n\n  const resolvedLabels = useScheduleHeaderLabels(labels);\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<ViewSelectFactory>({\n    classNames,\n    styles,\n    props,\n  });\n\n  const { dir } = useDirection();\n  const controlsRef = useRef<(HTMLButtonElement | null)[]>([]);\n  const activatedWithKeyboardRef = useRef(false);\n\n  // Restore focus to the selected tab when the component mounts\n  // This handles the case where focus is lost due to view switch (header unmount/remount)\n  // Only restore focus if the view was activated via keyboard (Enter/Space)\n  useEffect(() => {\n    if (activatedWithKeyboardRef.current && document.activeElement === document.body) {\n      const selectedIndex = views!.findIndex((view) => view === value);\n      if (selectedIndex !== -1) {\n        controlsRef.current[selectedIndex]?.focus();\n      }\n    }\n    activatedWithKeyboardRef.current = false;\n  }, []);\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>, index: number) => {\n    const isRtl = dir === 'rtl';\n    const nextKey = isRtl ? 'ArrowLeft' : 'ArrowRight';\n    const prevKey = isRtl ? 'ArrowRight' : 'ArrowLeft';\n\n    if (event.key === nextKey) {\n      event.preventDefault();\n      const nextIndex = index < views!.length - 1 ? index + 1 : 0;\n      controlsRef.current[nextIndex]?.focus();\n    } else if (event.key === prevKey) {\n      event.preventDefault();\n      const prevIndex = index > 0 ? index - 1 : views!.length - 1;\n      controlsRef.current[prevIndex]?.focus();\n    } else if (event.key === 'Home') {\n      event.preventDefault();\n      controlsRef.current[0]?.focus();\n    } else if (event.key === 'End') {\n      event.preventDefault();\n      controlsRef.current[views!.length - 1]?.focus();\n    } else if (event.key === 'Enter' || event.key === ' ') {\n      activatedWithKeyboardRef.current = true;\n    }\n  };\n\n  const switchToLabelKeys: Record<ScheduleViewLevel, keyof ScheduleLabels> = {\n    day: 'switchToDayView',\n    week: 'switchToWeekView',\n    month: 'switchToMonthView',\n    year: 'switchToYearView',\n  };\n\n  const items = views!.map((view, index) => {\n    const isSelected = value === view;\n    return (\n      <HeaderControl\n        key={view}\n        ref={(node) => {\n          controlsRef.current[index] = node;\n        }}\n        data-type={view}\n        active={isSelected}\n        onClick={() => onChange?.(view)}\n        onKeyDown={(event) => handleKeyDown(event, index)}\n        classNames={resolvedClassNames}\n        styles={resolvedStyles}\n        __staticSelector={__staticSelector}\n        radius={radius}\n        role=\"tab\"\n        aria-label={getLabel(switchToLabelKeys[view], resolvedLabels) as string}\n        aria-selected={isSelected}\n        tabIndex={isSelected ? 0 : -1}\n      >\n        {getLabel(view, resolvedLabels)}\n      </HeaderControl>\n    );\n  });\n\n  return (\n    <Box\n      {...getStyles('viewSelect')}\n      role=\"tablist\"\n      aria-label={getLabel('viewSelectLabel', resolvedLabels)}\n      {...others}\n    >\n      {items}\n    </Box>\n  );\n});\n\nViewSelect.displayName = '@mantine/schedule/ViewSelect';\nViewSelect.classes = classes;\n"],"mappings":"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"}
+{"version":3,"file":"ViewSelect.cjs","names":["factory","useProps","useStyles","useScheduleHeaderLabels","useResolvedStylesApi","useDirection","useRef","HeaderControl","getLabel","Box","classes"],"sources":["../../../../src/components/ScheduleHeader/ViewSelect/ViewSelect.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport {\n  Box,\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  MantineRadius,\n  StylesApiProps,\n  useDirection,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '@mantine/core';\nimport { getLabel, ScheduleLabels, ScheduleLabelsOverride } from '../../../labels';\nimport { ScheduleViewLevel } from '../../../types';\nimport { HeaderControl } from '../HeaderControl/HeaderControl';\nimport { useScheduleHeaderLabels } from '../ScheduleHeaderContext';\nimport classes from './ViewSelect.module.css';\n\nexport type ViewSelectStylesNames = 'viewSelect';\n\nexport interface ViewSelectProps\n  extends BoxProps, StylesApiProps<ViewSelectFactory>, ElementProps<'div', 'value' | 'onChange'> {\n  __staticSelector?: string;\n\n  /** A list of views to display @default ['day', 'week', 'month', 'year'] */\n  views?: readonly ScheduleViewLevel[];\n\n  /** Selected view type */\n  value?: ScheduleViewLevel;\n\n  /** Called when view type changes */\n  onChange?: (value: ScheduleViewLevel) => void;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Labels override */\n  labels?: ScheduleLabelsOverride;\n}\n\nexport type ViewSelectFactory = Factory<{\n  props: ViewSelectProps;\n  ref: HTMLDivElement;\n  stylesNames: ViewSelectStylesNames;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'ViewSelect',\n  views: ['day', 'week', 'month', 'year'],\n} satisfies Partial<ViewSelectProps>;\n\nexport const ViewSelect = factory<ViewSelectFactory>((_props) => {\n  const props = useProps('ViewSelect', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    attributes,\n    value,\n    onChange,\n    views,\n    __staticSelector,\n    radius,\n    labels,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<ViewSelectFactory>({\n    name: __staticSelector,\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    rootSelector: 'viewSelect',\n  });\n\n  const resolvedLabels = useScheduleHeaderLabels(labels);\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<ViewSelectFactory>({\n    classNames,\n    styles,\n    props,\n  });\n\n  const { dir } = useDirection();\n  const controlsRef = useRef<(HTMLButtonElement | null)[]>([]);\n  const activatedWithKeyboardRef = useRef(false);\n\n  // Restore focus to the selected tab when the component mounts\n  // This handles the case where focus is lost due to view switch (header unmount/remount)\n  // Only restore focus if the view was activated via keyboard (Enter/Space)\n  useEffect(() => {\n    if (activatedWithKeyboardRef.current && document.activeElement === document.body) {\n      const selectedIndex = views!.findIndex((view) => view === value);\n      if (selectedIndex !== -1) {\n        controlsRef.current[selectedIndex]?.focus();\n      }\n    }\n    activatedWithKeyboardRef.current = false;\n  }, []);\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>, index: number) => {\n    const isRtl = dir === 'rtl';\n    const nextKey = isRtl ? 'ArrowLeft' : 'ArrowRight';\n    const prevKey = isRtl ? 'ArrowRight' : 'ArrowLeft';\n\n    if (event.key === nextKey) {\n      event.preventDefault();\n      const nextIndex = index < views!.length - 1 ? index + 1 : 0;\n      controlsRef.current[nextIndex]?.focus();\n    } else if (event.key === prevKey) {\n      event.preventDefault();\n      const prevIndex = index > 0 ? index - 1 : views!.length - 1;\n      controlsRef.current[prevIndex]?.focus();\n    } else if (event.key === 'Home') {\n      event.preventDefault();\n      controlsRef.current[0]?.focus();\n    } else if (event.key === 'End') {\n      event.preventDefault();\n      controlsRef.current[views!.length - 1]?.focus();\n    } else if (event.key === 'Enter' || event.key === ' ') {\n      activatedWithKeyboardRef.current = true;\n    }\n  };\n\n  const switchToLabelKeys: Record<ScheduleViewLevel, keyof ScheduleLabels> = {\n    day: 'switchToDayView',\n    week: 'switchToWeekView',\n    month: 'switchToMonthView',\n    year: 'switchToYearView',\n  };\n\n  const items = views!.map((view, index) => {\n    const isSelected = value === view;\n    return (\n      <HeaderControl\n        key={view}\n        ref={(node) => {\n          controlsRef.current[index] = node;\n        }}\n        data-type={view}\n        active={isSelected}\n        onClick={() => onChange?.(view)}\n        onKeyDown={(event) => handleKeyDown(event, index)}\n        classNames={resolvedClassNames}\n        styles={resolvedStyles}\n        __staticSelector={__staticSelector}\n        radius={radius}\n        role=\"tab\"\n        aria-label={getLabel(switchToLabelKeys[view], resolvedLabels) as string}\n        aria-selected={isSelected}\n        tabIndex={isSelected ? 0 : -1}\n      >\n        {getLabel(view, resolvedLabels)}\n      </HeaderControl>\n    );\n  });\n\n  return (\n    <Box\n      {...getStyles('viewSelect')}\n      role=\"tablist\"\n      aria-label={getLabel('viewSelectLabel', resolvedLabels)}\n      {...others}\n    >\n      {items}\n    </Box>\n  );\n});\n\nViewSelect.displayName = '@mantine/schedule/ViewSelect';\nViewSelect.classes = classes;\n"],"mappings":"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"}