@mantine/schedule 9.2.2 → 9.3.1

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":["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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"}

package/cjs/components/ScheduleHeader/ScheduleHeader.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_ScheduleHeaderContext = require("./ScheduleHeaderContext.cjs");
 const require_HeaderControl = require("./HeaderControl/HeaderControl.cjs");
 const require_MonthYearSelect = require("./MonthYearSelect/MonthYearSelect.cjs");

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,2BAAgE,EACpE,gBAAgB,EACd,UAAU,OACZ,EACF,EAAE;AAEF,MAAa,kBAAA,GAAA,cAAA,UAAiD,WAAW;CACvE,MAAM,SAAA,GAAA,cAAA,UAAiB,kBAAkB,cAAc,MAAM;CAC7D,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,YACA,kBACA,QACA,GAAG,WACD;CAEJ,MAAM,aAAA,GAAA,cAAA,WAA6C;EACjD,MAAM;EACN,SAAA,8BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;CAChB,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,KAACA,8BAAAA,4BAA4B,UAA7B;EAAsC,OAAO;YAC3C,iBAAA,GAAA,kBAAA,KAACC,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":["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,2BAAgE,EACpE,gBAAgB,EACd,UAAU,OACZ,EACF,EAAE;AAEF,MAAa,kBAAA,GAAA,cAAA,UAAiD,WAAW;CACvE,MAAM,SAAA,GAAA,cAAA,UAAiB,kBAAkB,cAAc,MAAM;CAC7D,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,YACA,kBACA,QACA,GAAG,WACD;CAEJ,MAAM,aAAA,GAAA,cAAA,WAA6C;EACjD,MAAM;EACN,SAAA,8BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;CAChB,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,KAACA,8BAAAA,4BAA4B,UAA7B;EAAsC,OAAO;YAC3C,iBAAA,GAAA,kBAAA,KAACC,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

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_labels = require("../../labels.cjs");
 const require_ScheduleHeader_module = require("./ScheduleHeader.module.cjs");
 const require_ScheduleHeader = require("./ScheduleHeader.cjs");

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\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}: 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      </div>\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\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":";;;;;;;;AAqEA,MAAM,cAAmC;CAAC;CAAO;CAAQ;CAAS;AAAM;AAExE,SAAgB,mBAAmB,EACjC,MACA,oBACA,SACA,QACA,cACA,cACA,sBACA,kBACA,mBACA,iBACA,kBAC0B;CAC1B,MAAM,iBAAiB,QAAQ,kBAC7B,iBAAA,GAAA,kBAAA,KAACA,uBAAAA,eAAe,iBAAhB;EACE,GAAI;EACI;EACR,GAAI,QAAQ;CACb,CAAA,IAED,iBAAA,GAAA,kBAAA,KAACA,uBAAAA,eAAe,SAAhB;EAAwB,GAAI;EAAgB,aAAa;EAAO,KAAK,QAAQ;YAC1E,QAAQ;CACa,CAAA;CAI1B,MAAM,yBADQ,iBAAiB,SAAS,aACJ,KAAK,OAAO;EAC9C,OAAO;EACP,OAAOC,eAAAA,SAAS,GAAG,MAAM;CAC3B,EAAE;CAEF,OACE,iBAAA,GAAA,kBAAA,MAACD,uBAAAA,gBAAD;EAAgB,GAAI;EAAwB;YAA5C;GACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,WAAWE,8BAAAA,QAAQ;cAAxB;KACE,iBAAA,GAAA,kBAAA,KAACF,uBAAAA,eAAe,UAAhB;MACE,GAAI;MACJ,eAAe,eAAe,mBAAmB,SAAS,CAAC;MACnD;MACR,GAAI;KACL,CAAA;KAEA;KAED,iBAAA,GAAA,kBAAA,KAACA,uBAAAA,eAAe,MAAhB;MACE,GAAI;MACJ,eAAe,eAAe,mBAAmB,KAAK,CAAC;MAC/C;MACR,GAAI;KACL,CAAA;IACE;;GAEL,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAWE,8BAAAA,QAAQ;cACtB,iBAAA,GAAA,kBAAA,KAACF,uBAAAA,eAAe,OAAhB;KACE,GAAI;KACJ,eAAe,eAAe,mBAAmB,MAAM,CAAC;KAChD;KACR,GAAI;IACL,CAAA;GACE,CAAA;GAEL,iBAAA,GAAA,kBAAA,KAACG,cAAAA,cAAD;IACE,WAAWD,8BAAAA,QAAQ;IACnB,MAAM;IACN,OAAO;IACP,WAAW,UAAU,eAAe,MAAM,cAAc,KAA0B;IAClF,cAAYD,eAAAA,SAAS,mBAAmB,MAAM;IAC9C,MAAK;GACN,CAAA;GAED,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAWC,8BAAAA,QAAQ;IAAY,OAAO,EAAE,mBAAmB,OAAO;cACrE,iBAAA,GAAA,kBAAA,KAACF,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\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}: 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      </div>\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\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":";;;;;;;AAqEA,MAAM,cAAmC;CAAC;CAAO;CAAQ;CAAS;AAAM;AAExE,SAAgB,mBAAmB,EACjC,MACA,oBACA,SACA,QACA,cACA,cACA,sBACA,kBACA,mBACA,iBACA,kBAC0B;CAC1B,MAAM,iBAAiB,QAAQ,kBAC7B,iBAAA,GAAA,kBAAA,KAACA,uBAAAA,eAAe,iBAAhB;EACE,GAAI;EACI;EACR,GAAI,QAAQ;CACb,CAAA,IAED,iBAAA,GAAA,kBAAA,KAACA,uBAAAA,eAAe,SAAhB;EAAwB,GAAI;EAAgB,aAAa;EAAO,KAAK,QAAQ;YAC1E,QAAQ;CACa,CAAA;CAI1B,MAAM,yBADQ,iBAAiB,SAAS,aACJ,KAAK,OAAO;EAC9C,OAAO;EACP,OAAOC,eAAAA,SAAS,GAAG,MAAM;CAC3B,EAAE;CAEF,OACE,iBAAA,GAAA,kBAAA,MAACD,uBAAAA,gBAAD;EAAgB,GAAI;EAAwB;YAA5C;GACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,WAAWE,8BAAAA,QAAQ;cAAxB;KACE,iBAAA,GAAA,kBAAA,KAACF,uBAAAA,eAAe,UAAhB;MACE,GAAI;MACJ,eAAe,eAAe,mBAAmB,SAAS,CAAC;MACnD;MACR,GAAI;KACL,CAAA;KAEA;KAED,iBAAA,GAAA,kBAAA,KAACA,uBAAAA,eAAe,MAAhB;MACE,GAAI;MACJ,eAAe,eAAe,mBAAmB,KAAK,CAAC;MAC/C;MACR,GAAI;KACL,CAAA;IACE;;GAEL,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAWE,8BAAAA,QAAQ;cACtB,iBAAA,GAAA,kBAAA,KAACF,uBAAAA,eAAe,OAAhB;KACE,GAAI;KACJ,eAAe,eAAe,mBAAmB,MAAM,CAAC;KAChD;KACR,GAAI;IACL,CAAA;GACE,CAAA;GAEL,iBAAA,GAAA,kBAAA,KAACG,cAAAA,cAAD;IACE,WAAWD,8BAAAA,QAAQ;IACnB,MAAM;IACN,OAAO;IACP,WAAW,UAAU,eAAe,MAAM,cAAc,KAA0B;IAClF,cAAYD,eAAAA,SAAS,mBAAmB,MAAM;IAC9C,MAAK;GACN,CAAA;GAED,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAWC,8BAAAA,QAAQ;IAAY,OAAO,EAAE,mBAAmB,OAAO;cACrE,iBAAA,GAAA,kBAAA,KAACF,uBAAAA,eAAe,YAAhB;KACE,OAAO;KACP,UAAU;KACF;KACR,GAAI;KACJ,GAAI;IACL,CAAA;GACE,CAAA;EACS;;AAEpB"}

package/cjs/components/ScheduleHeader/ScheduleHeaderContext.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 let react = require("react");
 //#region packages/@mantine/schedule/src/components/ScheduleHeader/ScheduleHeaderContext.ts
 const ScheduleHeaderLabelsContext = (0, react.createContext)(void 0);

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,eACX,KAAA,CACF;AACA,4BAA4B,cAAc;AAE1C,SAAgB,wBACd,UACoC;CACpC,MAAM,iBAAA,GAAA,MAAA,YAA2B,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":[],"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,eACX,KAAA,CACF;AACA,4BAA4B,cAAc;AAE1C,SAAgB,wBACd,UACoC;CACpC,MAAM,iBAAA,GAAA,MAAA,YAA2B,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

@@ -1,5 +1,4 @@
 "use client";
-require("../../../_virtual/_rolldown/runtime.cjs");
 const require_labels = require("../../../labels.cjs");
 const require_ScheduleHeaderContext = require("../ScheduleHeaderContext.cjs");
 const require_HeaderControl = require("../HeaderControl/HeaderControl.cjs");

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":";;;;;;;;;;AAgDA,MAAM,eAAe;CACnB,kBAAkB;CAClB,OAAO;EAAC;EAAO;EAAQ;EAAS;CAAM;AACxC;AAEA,MAAa,cAAA,GAAA,cAAA,UAAyC,WAAW;CAC/D,MAAM,SAAA,GAAA,cAAA,UAAiB,cAAc,cAAc,MAAM;CACzD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,YACA,OACA,UACA,OACA,kBACA,QACA,QACA,GAAG,WACD;CAEJ,MAAM,aAAA,GAAA,cAAA,WAAyC;EAC7C,MAAM;EACN,SAAA,0BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;CAChB,CAAC;CAED,MAAM,iBAAiBA,8BAAAA,wBAAwB,MAAM;CAErD,MAAM,EAAE,oBAAoB,oBAAA,GAAA,cAAA,sBAA2D;EACrF;EACA;EACA;CACF,CAAC;CAED,MAAM,EAAE,SAAA,GAAA,cAAA,cAAqB;CAC7B,MAAM,eAAA,GAAA,MAAA,QAAmD,CAAC,CAAC;CAC3D,MAAM,4BAAA,GAAA,MAAA,QAAkC,KAAK;CAK7C,CAAA,GAAA,MAAA,iBAAgB;EACd,IAAI,yBAAyB,WAAW,SAAS,kBAAkB,SAAS,MAAM;GAChF,MAAM,gBAAgB,MAAO,WAAW,SAAS,SAAS,KAAK;GAC/D,IAAI,kBAAkB,IACpB,YAAY,QAAQ,gBAAgB,MAAM;EAE9C;EACA,yBAAyB,UAAU;CACrC,GAAG,CAAC,CAAC;CAEL,MAAM,iBAAiB,OAA+C,UAAkB;EACtF,MAAM,QAAQ,QAAQ;EACtB,MAAM,UAAU,QAAQ,cAAc;EACtC,MAAM,UAAU,QAAQ,eAAe;EAEvC,IAAI,MAAM,QAAQ,SAAS;GACzB,MAAM,eAAe;GACrB,MAAM,YAAY,QAAQ,MAAO,SAAS,IAAI,QAAQ,IAAI;GAC1D,YAAY,QAAQ,YAAY,MAAM;EACxC,OAAO,IAAI,MAAM,QAAQ,SAAS;GAChC,MAAM,eAAe;GACrB,MAAM,YAAY,QAAQ,IAAI,QAAQ,IAAI,MAAO,SAAS;GAC1D,YAAY,QAAQ,YAAY,MAAM;EACxC,OAAO,IAAI,MAAM,QAAQ,QAAQ;GAC/B,MAAM,eAAe;GACrB,YAAY,QAAQ,IAAI,MAAM;EAChC,OAAO,IAAI,MAAM,QAAQ,OAAO;GAC9B,MAAM,eAAe;GACrB,YAAY,QAAQ,MAAO,SAAS,IAAI,MAAM;EAChD,OAAO,IAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAChD,yBAAyB,UAAU;CAEvC;CAEA,MAAM,oBAAqE;EACzE,KAAK;EACL,MAAM;EACN,OAAO;EACP,MAAM;CACR;CAEA,MAAM,QAAQ,MAAO,KAAK,MAAM,UAAU;EACxC,MAAM,aAAa,UAAU;EAC7B,OACE,iBAAA,GAAA,kBAAA,KAACC,sBAAAA,eAAD;GAEE,MAAM,SAAS;IACb,YAAY,QAAQ,SAAS;GAC/B;GACA,aAAW;GACX,QAAQ;GACR,eAAe,WAAW,IAAI;GAC9B,YAAY,UAAU,cAAc,OAAO,KAAK;GAChD,YAAY;GACZ,QAAQ;GACU;GACV;GACR,MAAK;GACL,cAAYC,eAAAA,SAAS,kBAAkB,OAAO,cAAc;GAC5D,iBAAe;GACf,UAAU,aAAa,IAAI;aAE1BA,eAAAA,SAAS,MAAM,cAAc;EACjB,GAlBR,IAkBQ;CAEnB,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,KAAD;EACE,GAAI,UAAU,YAAY;EAC1B,MAAK;EACL,cAAYD,eAAAA,SAAS,mBAAmB,cAAc;EACtD,GAAI;YAEH;CACE,CAAA;AAET,CAAC;AAED,WAAW,cAAc;AACzB,WAAW,UAAUE,0BAAAA"}
+{"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":";;;;;;;;;AAgDA,MAAM,eAAe;CACnB,kBAAkB;CAClB,OAAO;EAAC;EAAO;EAAQ;EAAS;CAAM;AACxC;AAEA,MAAa,cAAA,GAAA,cAAA,UAAyC,WAAW;CAC/D,MAAM,SAAA,GAAA,cAAA,UAAiB,cAAc,cAAc,MAAM;CACzD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,YACA,OACA,UACA,OACA,kBACA,QACA,QACA,GAAG,WACD;CAEJ,MAAM,aAAA,GAAA,cAAA,WAAyC;EAC7C,MAAM;EACN,SAAA,0BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;CAChB,CAAC;CAED,MAAM,iBAAiBA,8BAAAA,wBAAwB,MAAM;CAErD,MAAM,EAAE,oBAAoB,oBAAA,GAAA,cAAA,sBAA2D;EACrF;EACA;EACA;CACF,CAAC;CAED,MAAM,EAAE,SAAA,GAAA,cAAA,cAAqB;CAC7B,MAAM,eAAA,GAAA,MAAA,QAAmD,CAAC,CAAC;CAC3D,MAAM,4BAAA,GAAA,MAAA,QAAkC,KAAK;CAK7C,CAAA,GAAA,MAAA,iBAAgB;EACd,IAAI,yBAAyB,WAAW,SAAS,kBAAkB,SAAS,MAAM;GAChF,MAAM,gBAAgB,MAAO,WAAW,SAAS,SAAS,KAAK;GAC/D,IAAI,kBAAkB,IACpB,YAAY,QAAQ,gBAAgB,MAAM;EAE9C;EACA,yBAAyB,UAAU;CACrC,GAAG,CAAC,CAAC;CAEL,MAAM,iBAAiB,OAA+C,UAAkB;EACtF,MAAM,QAAQ,QAAQ;EACtB,MAAM,UAAU,QAAQ,cAAc;EACtC,MAAM,UAAU,QAAQ,eAAe;EAEvC,IAAI,MAAM,QAAQ,SAAS;GACzB,MAAM,eAAe;GACrB,MAAM,YAAY,QAAQ,MAAO,SAAS,IAAI,QAAQ,IAAI;GAC1D,YAAY,QAAQ,YAAY,MAAM;EACxC,OAAO,IAAI,MAAM,QAAQ,SAAS;GAChC,MAAM,eAAe;GACrB,MAAM,YAAY,QAAQ,IAAI,QAAQ,IAAI,MAAO,SAAS;GAC1D,YAAY,QAAQ,YAAY,MAAM;EACxC,OAAO,IAAI,MAAM,QAAQ,QAAQ;GAC/B,MAAM,eAAe;GACrB,YAAY,QAAQ,IAAI,MAAM;EAChC,OAAO,IAAI,MAAM,QAAQ,OAAO;GAC9B,MAAM,eAAe;GACrB,YAAY,QAAQ,MAAO,SAAS,IAAI,MAAM;EAChD,OAAO,IAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAChD,yBAAyB,UAAU;CAEvC;CAEA,MAAM,oBAAqE;EACzE,KAAK;EACL,MAAM;EACN,OAAO;EACP,MAAM;CACR;CAEA,MAAM,QAAQ,MAAO,KAAK,MAAM,UAAU;EACxC,MAAM,aAAa,UAAU;EAC7B,OACE,iBAAA,GAAA,kBAAA,KAACC,sBAAAA,eAAD;GAEE,MAAM,SAAS;IACb,YAAY,QAAQ,SAAS;GAC/B;GACA,aAAW;GACX,QAAQ;GACR,eAAe,WAAW,IAAI;GAC9B,YAAY,UAAU,cAAc,OAAO,KAAK;GAChD,YAAY;GACZ,QAAQ;GACU;GACV;GACR,MAAK;GACL,cAAYC,eAAAA,SAAS,kBAAkB,OAAO,cAAc;GAC5D,iBAAe;GACf,UAAU,aAAa,IAAI;aAE1BA,eAAAA,SAAS,MAAM,cAAc;EACjB,GAlBR,IAkBQ;CAEnB,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,KAAD;EACE,GAAI,UAAU,YAAY;EAC1B,MAAK;EACL,cAAYD,eAAAA,SAAS,mBAAmB,cAAc;EACtD,GAAI;YAEH;CACE,CAAA;AAET,CAAC;AAED,WAAW,cAAc;AACzB,WAAW,UAAUE,0BAAAA"}

package/cjs/components/WeekView/WeekView.cjs

@@ -61,7 +61,7 @@ const varsResolver = (0, _mantine_core.createVarsResolver)((_theme, { radius, al
 } }));
 const WeekView = (0, _mantine_core.factory)((_props) => {
 	const props = (0, _mantine_core.useProps)("WeekView", defaultProps, _props);
-	const { classNames, className, style, styles, unstyled, attributes, vars, startTime, endTime, date, onDateChange, intervalMinutes, slotLabelFormat, withWeekendDays, weekendDays, firstDayOfWeek, weekdayFormat, radius, highlightToday, withCurrentTimeIndicator, forceCurrentTimeIndicator, scrollAreaProps, locale, withWeekNumber, withCurrentTimeBubble, withAllDaySlots, __staticSelector, withHeader, onViewChange, previousControlProps, nextControlProps, todayControlProps, viewSelectProps, weekLabelFormat, events, allDaySlotHeight, slotHeight, labels, highlightBusinessHours, businessHours, renderEventBody, renderEvent, withEventsDragAndDrop, onEventDrop, canDragEvent, onEventDragStart, onEventDragEnd, onTimeSlotClick, onAllDaySlotClick, onEventClick, withDragSlotSelect, onSlotDragEnd, mode, startScrollTime, renderWeekLabel, onExternalEventDrop, withEventResize, onEventResize, canResizeEvent, recurrenceExpansionLimit, getTimeSlotProps, ...others } = props;
+	const { classNames, className, style, styles, unstyled, attributes, vars, startTime, endTime, date, onDateChange, intervalMinutes, slotLabelFormat, withWeekendDays, weekendDays, firstDayOfWeek, weekdayFormat, radius, highlightToday, withCurrentTimeIndicator, forceCurrentTimeIndicator, getCurrentTime, scrollAreaProps, locale, withWeekNumber, withCurrentTimeBubble, withAllDaySlots, __staticSelector, withHeader, onViewChange, previousControlProps, nextControlProps, todayControlProps, viewSelectProps, weekLabelFormat, events, allDaySlotHeight, slotHeight, labels, highlightBusinessHours, businessHours, renderEventBody, renderEvent, withEventsDragAndDrop, onEventDrop, canDragEvent, onEventDragStart, onEventDragEnd, onTimeSlotClick, onAllDaySlotClick, onEventClick, withDragSlotSelect, onSlotDragEnd, mode, startScrollTime, renderWeekLabel, onExternalEventDrop, withEventResize, onEventResize, canResizeEvent, recurrenceExpansionLimit, getTimeSlotProps, ...others } = props;
 	const getStyles = (0, _mantine_core.useStyles)({
 		name: __staticSelector,
 		classes: require_WeekView_module.default,
@@ -287,7 +287,9 @@ const WeekView = (0, _mantine_core.factory)((_props) => {
 			weekdaysRef.current[dayIndex - 1]?.focus();
 		}
 	};
-	const currentWeekdayIndex = withCurrentTimeIndicator ? forceCurrentTimeIndicator ? weekdays.findIndex((day) => (0, dayjs.default)(day).day() === (0, dayjs.default)().day()) : weekdays.findIndex((day) => (0, dayjs.default)(day).isSame((0, dayjs.default)(), "date")) : -1;
+	const resolveNow = () => getCurrentTime ? (0, dayjs.default)(getCurrentTime()) : (0, dayjs.default)();
+	const now = resolveNow();
+	const currentWeekdayIndex = withCurrentTimeIndicator ? forceCurrentTimeIndicator ? weekdays.findIndex((day) => (0, dayjs.default)(day).day() === now.day()) : weekdays.findIndex((day) => (0, dayjs.default)(day).isSame(now, "date")) : -1;
 	const weekdaysLabels = weekdays.map((day, dayIndex) => /* @__PURE__ */ (0, react.createElement)(_mantine_core.UnstyledButton, {
 		...getStyles("weekViewDayLabel"),
 		key: day,
@@ -296,7 +298,7 @@ const WeekView = (0, _mantine_core.factory)((_props) => {
 		},
 		"aria-label": `${require_labels.getLabel("weekday", labels)} ${(0, dayjs.default)(day).format("YYYY-MM-DD")}`,
 		mod: {
-			today: (0, dayjs.default)(day).isSame((0, dayjs.default)(), "day") && !!highlightToday,
+			today: (0, dayjs.default)(day).isSame(now, "day") && !!highlightToday,
 			weekend: ctx.getWeekendDays(weekendDays).includes((0, dayjs.default)(day).day()),
 			static: mode === "static"
 		},
@@ -510,7 +512,7 @@ const WeekView = (0, _mantine_core.factory)((_props) => {
 			navigationHandlers: {
 				previous: () => require_previous_week.previousWeek(date, ctx.getFirstDayOfWeek(firstDayOfWeek)),
 				next: () => require_next_week.nextWeek(date, ctx.getFirstDayOfWeek(firstDayOfWeek)),
-				today: () => require_to_date_string.toDateString((0, dayjs.default)())
+				today: () => require_to_date_string.toDateString(resolveNow())
 			},
 			control: {
 				miw: 140,
@@ -598,6 +600,8 @@ const WeekView = (0, _mantine_core.factory)((_props) => {
 								locale,
 								startTime,
 								endTime,
+								intervalMinutes,
+								getCurrentTime,
 								...stylesApiProps
 							}),
 							days

package/cjs/components/WeekView/WeekView.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"WeekView.cjs","names":["getDayTimeIntervals","useDragDropHandlers","calculateDropTime","useSlotDragSelect","useEventResize","getWeekDays","getWeekViewEvents","expandRecurringEvents","formatDate","Box","getBusinessHoursMod","UnstyledButton","getLabel","toDateString","isAllDayEvent","ScheduleEvent","WeekViewDay","ScheduleHeaderBase","previousWeek","nextWeek","getWeekLabel","ScrollArea","getWeekNumber","CurrentTimeIndicator","DragContext","classes"],"sources":["../../../src/components/WeekView/WeekView.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport { useCallback, useMemo, useRef, useState } from 'react';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  DataAttributes,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  MantineRadius,\n  rem,\n  ScrollArea,\n  ScrollAreaAutosizeProps,\n  StylesApiProps,\n  UnstyledButton,\n  useMantineTheme,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '@mantine/core';\nimport { useDatesContext } from '@mantine/dates';\nimport { useIsomorphicEffect, useMergedRef } from '@mantine/hooks';\nimport { useAutoScrollOnDrag } from '../../hooks/use-auto-scroll-on-drag';\nimport { useDragDropHandlers } from '../../hooks/use-drag-drop-handlers';\nimport { useEventResize } from '../../hooks/use-event-resize';\nimport { useSlotDragSelect } from '../../hooks/use-slot-drag-select';\nimport { getLabel, ScheduleLabelsOverride } from '../../labels';\nimport {\n  DateLabelFormat,\n  DateStringValue,\n  DateTimeStringValue,\n  DayOfWeek,\n  ScheduleEventData,\n  ScheduleMode,\n  ScheduleViewLevel,\n} from '../../types';\nimport {\n  BusinessHoursValue,\n  calculateDropTime,\n  expandRecurringEvents,\n  formatDate,\n  getBusinessHoursMod,\n  getDayTimeIntervals,\n  getWeekDays,\n  getWeekNumber,\n  isAllDayEvent,\n  nextWeek,\n  previousWeek,\n  toDateString,\n} from '../../utils';\nimport {\n  CurrentTimeIndicator,\n  CurrentTimeIndicatorStylesNames,\n} from '../CurrentTimeIndicator/CurrentTimeIndicator';\nimport { DragContext, DragContextValue } from '../DragContext/DragContext';\nimport { RenderEvent, RenderEventBody, ScheduleEvent } from '../ScheduleEvent/ScheduleEvent';\nimport { CombinedScheduleHeaderStylesNames } from '../ScheduleHeader/ScheduleHeader';\nimport { ScheduleHeaderBase } from '../ScheduleHeader/ScheduleHeaderBase';\nimport { ViewSelectProps } from '../ScheduleHeader/ViewSelect/ViewSelect';\nimport { getWeekLabel } from './get-week-label/get-week-label';\nimport { getWeekViewEvents } from './get-week-view-events/get-week-view-events';\nimport { handleWeekViewKeyDown, WeekViewControlsRef } from './handle-week-view-key-down';\nimport { WeekViewDay } from './WeekViewDay';\nimport classes from './WeekView.module.css';\n\nexport type WeekViewStylesNames =\n  | 'weekView'\n  | 'weekViewRoot'\n  | 'weekViewHeader'\n  | 'weekViewInner'\n  | 'weekViewAllDaySlotsEvents'\n  | 'weekViewAllDaySlots'\n  | 'weekViewAllDaySlotsList'\n  | 'weekViewAllDaySlot'\n  | 'weekViewAllDaySlotsLabel'\n  | 'weekViewScrollArea'\n  | 'weekViewCorner'\n  | 'weekViewSlotLabels'\n  | 'weekViewSlotLabel'\n  | 'weekViewDayLabel'\n  | 'weekViewDayWeekday'\n  | 'weekViewDay'\n  | 'weekViewDayNumber'\n  | 'weekViewDaySlot'\n  | 'weekViewDaySlots'\n  | 'weekViewWeekLabel'\n  | 'weekViewWeekNumber'\n  | 'weekViewBackgroundEvent'\n  | CurrentTimeIndicatorStylesNames\n  | CombinedScheduleHeaderStylesNames;\n\nexport type WeekViewCssVariables = {\n  weekView: '--week-view-radius' | '--week-view-slot-height' | '--week-view-all-day-slots-height';\n};\n\nexport interface WeekViewProps\n  extends BoxProps, StylesApiProps<WeekViewFactory>, ElementProps<'div'> {\n  __staticSelector?: string;\n\n  /** Week to display, Date object or date string in `YYYY-MM-DD` format */\n  date: Date | string;\n\n  /** Called with the new date value when a date is selected */\n  onDateChange?: (value: DateStringValue) => void;\n\n  /** Start time for the day view, in `HH:mm:ss` format @default 00:00:00 */\n  startTime?: string;\n\n  /** End time for the day view, in `HH:mm:ss` format @default 23:59:59 */\n  endTime?: string;\n\n  /** Number of minutes for each interval in the day view @default 60 */\n  intervalMinutes?: number;\n\n  /** Dayjs format for slot labels or a callback function that returns formatted value @default HH:mm  */\n  slotLabelFormat?: DateLabelFormat;\n\n  /** Number 0-6, where 0 – Sunday and 6 – Saturday. @default 1 – Monday */\n  firstDayOfWeek?: DayOfWeek;\n\n  /** `dayjs` format for weekdays names. @default 'ddd' */\n  weekdayFormat?: DateLabelFormat;\n\n  /** Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`. */\n  weekendDays?: DayOfWeek[];\n\n  /** If set to false, weekend days are hidden @default true */\n  withWeekendDays?: boolean;\n\n  /** If set to true, highlights today in the weekday row @default false */\n  highlightToday?: boolean;\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 the `ScrollArea.Autosize` component */\n  scrollAreaProps?: ScrollAreaAutosizeProps & DataAttributes;\n\n  /** Locale passed down to dayjs, overrides value defined on `DatesProvider` */\n  locale?: string;\n\n  /** If set, the week number is displayed at the top left corner @default true */\n  withWeekNumber?: boolean;\n\n  /** If set, displays a line indicating the current time @default true */\n  withCurrentTimeIndicator?: boolean;\n\n  /** If set, the time indicator displays the current time in the bubble @default true */\n  withCurrentTimeBubble?: boolean;\n\n  /** If set, displays the current time indicator on the same day of week even when viewing a different week @default false */\n  forceCurrentTimeIndicator?: boolean;\n\n  /** If set, displays all-day slots at the top of the view @default true */\n  withAllDaySlots?: boolean;\n\n  /** If set, the header is displayed @default true */\n  withHeader?: boolean;\n\n  /** Called when view level select button is clicked */\n  onViewChange?: (view: ScheduleViewLevel) => void;\n\n  /** Props passed to previous month control */\n  previousControlProps?: React.ComponentProps<'button'> & DataAttributes;\n\n  /** Props passed to next month control */\n  nextControlProps?: React.ComponentProps<'button'> & DataAttributes;\n\n  /** Props passed to today control */\n  todayControlProps?: React.ComponentProps<'button'> & DataAttributes;\n\n  /** Props passed to view level select */\n  viewSelectProps?: Partial<ViewSelectProps> & DataAttributes;\n\n  /** Format for week label @default 'MMM DD' */\n  weekLabelFormat?: DateLabelFormat;\n\n  /** List of events to display in the week view */\n  events?: ScheduleEventData[];\n\n  /** Height of 1hr slot @default 64px */\n  slotHeight?: React.CSSProperties['height'];\n\n  /** Height of all-day slot @default 48px */\n  allDaySlotHeight?: React.CSSProperties['height'];\n\n  /** Labels override */\n  labels?: ScheduleLabelsOverride;\n\n  /** If set to true, highlights business hours with white background @default false */\n  highlightBusinessHours?: boolean;\n\n  /** Business hours range in `HH:mm:ss` format shared across all days, or a per-day record keyed by day of the week (`0` – Sunday, `6` – Saturday) for day-specific ranges. Set a day to `null` to mark it as fully outside business hours. @default ['09:00:00', '17:00:00'] */\n  businessHours?: BusinessHoursValue;\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  /** If true, events can be dragged and dropped @default false */\n  withEventsDragAndDrop?: boolean;\n\n  /** Called when event is dropped at new time */\n  onEventDrop?: (data: {\n    eventId: string | number;\n    newStart: DateTimeStringValue;\n    newEnd: DateTimeStringValue;\n    event: ScheduleEventData;\n  }) => void;\n\n  /** Function to determine if event can be dragged */\n  canDragEvent?: (event: ScheduleEventData) => boolean;\n\n  /** Called when any event drag starts */\n  onEventDragStart?: (event: ScheduleEventData) => void;\n\n  /** Called when any event drag ends */\n  onEventDragEnd?: () => void;\n\n  /** Called when time slot is clicked */\n  onTimeSlotClick?: (data: {\n    slotStart: DateTimeStringValue;\n    slotEnd: DateTimeStringValue;\n    nativeEvent: React.MouseEvent<HTMLButtonElement>;\n  }) => void;\n\n  /** Called when all-day slot is clicked */\n  onAllDaySlotClick?: (day: DateStringValue, event: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** Called when event is clicked */\n  onEventClick?: (event: ScheduleEventData, e: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** If set, enables drag-to-select time slot ranges @default false */\n  withDragSlotSelect?: boolean;\n\n  /** Called when a time slot range is selected by dragging */\n  onSlotDragEnd?: (rangeStart: DateTimeStringValue, rangeEnd: DateTimeStringValue) => void;\n\n  /** Interaction mode: 'default' allows all interactions, 'static' disables event interactions @default default */\n  mode?: ScheduleMode;\n\n  /** Time to scroll to on initial render, in `HH:mm:ss` format */\n  startScrollTime?: string;\n\n  /** Function to customize week label in the header */\n  renderWeekLabel?: (params: {\n    weekStart: DateStringValue;\n    weekEnd: DateStringValue;\n  }) => React.ReactNode;\n\n  /** Called when an external item is dropped onto the schedule. Receives the `DataTransfer` object and the drop target datetime. */\n  onExternalEventDrop?: (dataTransfer: DataTransfer, dropDateTime: DateTimeStringValue) => void;\n\n  /** If true, events can be resized by dragging their edges @default false */\n  withEventResize?: boolean;\n\n  /** Called when event is resized */\n  onEventResize?: (data: {\n    eventId: string | number;\n    newStart: DateTimeStringValue;\n    newEnd: DateTimeStringValue;\n    event: ScheduleEventData;\n  }) => void;\n\n  /** Function to determine if event can be resized */\n  canResizeEvent?: (event: ScheduleEventData) => boolean;\n\n  /** Max number of generated recurring instances per recurring series @default 2000 */\n  recurrenceExpansionLimit?: number;\n\n  /** Function to get additional props for each time slot. Receives slot start and end datetime strings. Returned props are spread onto the slot element. Event handlers returned by this function are composed with internal handlers (e.g. onClick) rather than overriding them. */\n  getTimeSlotProps?: (data: {\n    start: DateTimeStringValue;\n    end: DateTimeStringValue;\n  }) => Record<string, any> | undefined;\n}\n\nexport type WeekViewFactory = Factory<{\n  props: WeekViewProps;\n  ref: HTMLDivElement;\n  stylesNames: WeekViewStylesNames;\n  vars: WeekViewCssVariables;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'WeekView',\n  withWeekendDays: true,\n  withCurrentTimeIndicator: true,\n  startTime: '00:00:00',\n  endTime: '23:59:59',\n  slotLabelFormat: 'HH:mm',\n  intervalMinutes: 60,\n  weekdayFormat: 'ddd',\n  withWeekNumber: true,\n  withCurrentTimeBubble: true,\n  withAllDaySlots: true,\n  withHeader: true,\n  weekLabelFormat: 'MMM DD',\n  highlightBusinessHours: false,\n  businessHours: ['09:00:00', '17:00:00'],\n  withEventsDragAndDrop: false,\n  withDragSlotSelect: false,\n  withEventResize: false,\n  mode: 'default',\n} satisfies Partial<WeekViewProps>;\n\nconst varsResolver = createVarsResolver<WeekViewFactory>(\n  (_theme, { radius, allDaySlotHeight, slotHeight }) => ({\n    weekView: {\n      '--week-view-radius': radius !== undefined ? getRadius(radius) : undefined,\n      '--week-view-all-day-slots-height': rem(allDaySlotHeight),\n      '--week-view-slot-height': rem(slotHeight),\n    },\n  })\n);\n\nexport const WeekView = factory<WeekViewFactory>((_props) => {\n  const props = useProps('WeekView', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    startTime,\n    endTime,\n    date,\n    onDateChange,\n    intervalMinutes,\n    slotLabelFormat,\n    withWeekendDays,\n    weekendDays,\n    firstDayOfWeek,\n    weekdayFormat,\n    radius,\n    highlightToday,\n    withCurrentTimeIndicator,\n    forceCurrentTimeIndicator,\n    scrollAreaProps,\n    locale,\n    withWeekNumber,\n    withCurrentTimeBubble,\n    withAllDaySlots,\n    __staticSelector,\n    withHeader,\n    onViewChange,\n    previousControlProps,\n    nextControlProps,\n    todayControlProps,\n    viewSelectProps,\n    weekLabelFormat,\n    events,\n    allDaySlotHeight,\n    slotHeight,\n    labels,\n    highlightBusinessHours,\n    businessHours,\n    renderEventBody,\n    renderEvent,\n    withEventsDragAndDrop,\n    onEventDrop,\n    canDragEvent,\n    onEventDragStart,\n    onEventDragEnd,\n    onTimeSlotClick,\n    onAllDaySlotClick,\n    onEventClick,\n    withDragSlotSelect,\n    onSlotDragEnd,\n    mode,\n    startScrollTime,\n    renderWeekLabel,\n    onExternalEventDrop,\n    withEventResize,\n    onEventResize,\n    canResizeEvent,\n    recurrenceExpansionLimit,\n    getTimeSlotProps,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<WeekViewFactory>({\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: 'weekView',\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<WeekViewFactory>({\n    classNames,\n    styles,\n    props,\n  });\n\n  const stylesApiProps = {\n    classNames: resolvedClassNames,\n    styles: resolvedStyles,\n    attributes,\n    __staticSelector,\n    radius,\n  };\n\n  const theme = useMantineTheme();\n  const [scrolled, setScrolled] = useState(false);\n  const ctx = useDatesContext();\n  const slots = getDayTimeIntervals({ startTime, endTime, intervalMinutes });\n  const viewportRef = useRef<HTMLDivElement>(null);\n\n  useAutoScrollOnDrag({\n    viewportRef,\n    enabled: (withEventsDragAndDrop || !!onExternalEventDrop) && mode !== 'static',\n  });\n\n  type DropTargetSlot = { day: string; slotIndex: number };\n\n  const handleExternalDrop = useCallback(\n    (e: React.DragEvent, target: DropTargetSlot) => {\n      if (!onExternalEventDrop) {\n        return;\n      }\n      const slotDate = dayjs(target.day).format('YYYY-MM-DD');\n      onExternalEventDrop(e.dataTransfer, `${slotDate} ${slots[target.slotIndex].startTime}`);\n    },\n    [onExternalEventDrop, slots]\n  );\n\n  const handleExternalAllDayDrop = useCallback(\n    (e: React.DragEvent, day: string) => {\n      if (!onExternalEventDrop) {\n        return;\n      }\n      onExternalEventDrop(e.dataTransfer, `${dayjs(day).format('YYYY-MM-DD')} 00:00:00`);\n    },\n    [onExternalEventDrop]\n  );\n\n  const dragDrop = useDragDropHandlers<DropTargetSlot>({\n    enabled: withEventsDragAndDrop,\n    mode,\n    onEventDrop,\n    canDragEvent,\n    onEventDragStart,\n    onEventDragEnd,\n    calculateDropTarget: (target: DropTargetSlot, draggedEvent: ScheduleEventData) => {\n      const slotTime = slots[target.slotIndex].startTime;\n      return calculateDropTime({\n        draggedEvent,\n        targetDate: target.day,\n        targetSlotTime: slotTime,\n        intervalMinutes,\n      });\n    },\n    onExternalDrop: onExternalEventDrop ? handleExternalDrop : undefined,\n  });\n\n  const allDayDragDrop = useDragDropHandlers<string>({\n    enabled: withEventsDragAndDrop,\n    mode,\n    onEventDrop,\n    canDragEvent,\n    onEventDragStart,\n    onEventDragEnd,\n    calculateDropTarget: (targetDay: string, draggedEvent: ScheduleEventData) => {\n      const eventDuration = dayjs(draggedEvent.end).diff(dayjs(draggedEvent.start), 'millisecond');\n      const newStart = dayjs(targetDay).startOf('day');\n      return { start: newStart.toDate(), end: newStart.add(eventDuration, 'millisecond').toDate() };\n    },\n    onExternalDrop: onExternalEventDrop ? handleExternalAllDayDrop : undefined,\n  });\n\n  const slotDragSelect = useSlotDragSelect({\n    enabled: withDragSlotSelect && mode !== 'static',\n    onDragEnd: (startIndex, endIndex, group) => {\n      if (!onSlotDragEnd) {\n        return;\n      }\n      const slotDate = dayjs(group).format('YYYY-MM-DD');\n      onSlotDragEnd(\n        `${slotDate} ${slots[startIndex].startTime}`,\n        `${slotDate} ${slots[endIndex].endTime}`\n      );\n    },\n  });\n\n  const eventResize = useEventResize({\n    enabled: withEventResize,\n    mode,\n    startTime,\n    endTime,\n    intervalMinutes,\n    onEventResize,\n    canResizeEvent,\n  });\n\n  const withDragHandlers = (withEventsDragAndDrop || !!onExternalEventDrop) && mode !== 'static';\n\n  const handleTimeSlotClick = (\n    day: string,\n    slotTime: string,\n    e: React.MouseEvent<HTMLButtonElement>\n  ) => {\n    if (!onTimeSlotClick) {\n      return;\n    }\n\n    const slotDate = dayjs(day).format('YYYY-MM-DD');\n    const slotIndex = slots.findIndex((s) => s.startTime === slotTime);\n    if (slotIndex === -1) {\n      return;\n    }\n\n    const slot = slots[slotIndex];\n    onTimeSlotClick({\n      slotStart: `${slotDate} ${slot.startTime}`,\n      slotEnd: `${slotDate} ${slot.endTime}`,\n      nativeEvent: e,\n    });\n  };\n\n  const weekdays = getWeekDays({\n    week: date,\n    withWeekendDays,\n    weekendDays: ctx.getWeekendDays(weekendDays),\n    firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek),\n  });\n\n  const expandedEvents = expandRecurringEvents({\n    events,\n    rangeStart: dayjs(weekdays[0]).startOf('day').toDate(),\n    rangeEnd: dayjs(weekdays[weekdays.length - 1])\n      .endOf('day')\n      .toDate(),\n    expansionLimit: recurrenceExpansionLimit,\n  });\n\n  const weekEvents = getWeekViewEvents({\n    date,\n    events: expandedEvents,\n    startTime,\n    endTime,\n    intervalMinutes,\n    firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek),\n    weekendDays: ctx.getWeekendDays(weekendDays),\n    withWeekendDays,\n  });\n\n  const timeValues = slots.map((interval) => {\n    const intervalTime = dayjs(`${dayjs(date).format('YYYY-MM-DD')} ${interval.startTime}`);\n    const label = formatDate({\n      date: intervalTime,\n      locale: ctx.getLocale(locale),\n      format: slotLabelFormat,\n    });\n\n    return (\n      <Box\n        {...getStyles('weekViewSlotLabel')}\n        key={interval.startTime}\n        mod={{\n          'hour-start': interval.isHourStart,\n          ...getBusinessHoursMod({\n            time: interval.startTime,\n            businessHours,\n            highlightBusinessHours,\n          }),\n        }}\n      >\n        {label}\n      </Box>\n    );\n  });\n\n  const slotsRef: WeekViewControlsRef = useRef<HTMLButtonElement[][]>([]);\n  const allDaySlotsRef = useRef<HTMLButtonElement[]>([]);\n  const weekdaysRef = useRef<HTMLButtonElement[]>([]);\n  const daySlotsContainersRef = useRef<(HTMLDivElement | null)[]>([]);\n  const mergedViewportRef = useMergedRef(viewportRef, scrollAreaProps?.viewportRef);\n\n  const firstSlotIndex = { dayIndex: 0, slotIndex: 0 };\n\n  useIsomorphicEffect(() => {\n    if (!startScrollTime || !viewportRef.current) {\n      return;\n    }\n\n    const firstDaySlots = slotsRef.current[0];\n    if (!firstDaySlots || firstDaySlots.length === 0) {\n      return;\n    }\n\n    const targetIndex = slots.findIndex((s) => s.startTime >= startScrollTime);\n    if (targetIndex < 0) {\n      return;\n    }\n\n    const targetSlot = firstDaySlots[targetIndex];\n    if (!targetSlot) {\n      return;\n    }\n\n    const slotRect = targetSlot.getBoundingClientRect();\n    const viewportRect = viewportRef.current.getBoundingClientRect();\n    viewportRef.current.scrollTo({ left: 0, top: slotRect.top - viewportRect.top });\n  }, []);\n\n  const getSlotIndexFromDragPoint = useCallback((event: React.DragEvent, dayIndex: number) => {\n    const daySlots = slotsRef.current[dayIndex] ?? [];\n    const slotIndex = daySlots.findIndex((slotNode) => {\n      if (!slotNode) {\n        return false;\n      }\n\n      const rect = slotNode.getBoundingClientRect();\n      return event.clientY >= rect.top && event.clientY <= rect.bottom;\n    });\n\n    if (slotIndex >= 0) {\n      return slotIndex;\n    }\n\n    const firstSlot = daySlots[0];\n    const lastSlot = daySlots[daySlots.length - 1];\n\n    if (!firstSlot || !lastSlot) {\n      return null;\n    }\n\n    const firstRect = firstSlot.getBoundingClientRect();\n    const lastRect = lastSlot.getBoundingClientRect();\n\n    if (event.clientY < firstRect.top) {\n      return 0;\n    }\n\n    if (event.clientY > lastRect.bottom) {\n      return daySlots.length - 1;\n    }\n\n    return null;\n  }, []);\n\n  const handleSlotKeyDown = (\n    event: React.KeyboardEvent<HTMLButtonElement>,\n    dayIndex: number,\n    slotIndex: number\n  ) => {\n    handleWeekViewKeyDown({\n      controlsRef: slotsRef,\n      dayIndex,\n      slotIndex,\n      event,\n    });\n  };\n\n  const handleAllDaySlotKeyDown = (\n    event: React.KeyboardEvent<HTMLButtonElement>,\n    dayIndex: number\n  ) => {\n    const direction = event.key;\n    if (direction === 'ArrowRight' && dayIndex < weekdays.length - 1) {\n      event.preventDefault();\n      allDaySlotsRef.current[dayIndex + 1]?.focus();\n    } else if (direction === 'ArrowLeft' && dayIndex > 0) {\n      event.preventDefault();\n      allDaySlotsRef.current[dayIndex - 1]?.focus();\n    } else if (direction === 'ArrowDown') {\n      event.preventDefault();\n      slotsRef.current?.[dayIndex]?.[0]?.focus();\n    }\n  };\n\n  const handleWeekdayKeyDown = (\n    event: React.KeyboardEvent<HTMLButtonElement>,\n    dayIndex: number\n  ) => {\n    const direction = event.key;\n    if (direction === 'ArrowRight' && dayIndex < weekdays.length - 1) {\n      event.preventDefault();\n      weekdaysRef.current[dayIndex + 1]?.focus();\n    } else if (direction === 'ArrowLeft' && dayIndex > 0) {\n      event.preventDefault();\n      weekdaysRef.current[dayIndex - 1]?.focus();\n    }\n  };\n\n  const currentWeekdayIndex = withCurrentTimeIndicator\n    ? forceCurrentTimeIndicator\n      ? weekdays.findIndex((day) => dayjs(day).day() === dayjs().day())\n      : weekdays.findIndex((day) => dayjs(day).isSame(dayjs(), 'date'))\n    : -1;\n\n  const weekdaysLabels = weekdays.map((day, dayIndex) => (\n    <UnstyledButton\n      {...getStyles('weekViewDayLabel')}\n      key={day}\n      ref={(node) => {\n        weekdaysRef.current[dayIndex] = node!;\n      }}\n      aria-label={`${getLabel('weekday', labels)} ${dayjs(day).format('YYYY-MM-DD')}`}\n      mod={{\n        today: dayjs(day).isSame(dayjs(), 'day') && !!highlightToday,\n        weekend: ctx.getWeekendDays(weekendDays).includes(dayjs(day).day() as DayOfWeek),\n        static: mode === 'static',\n      }}\n      tabIndex={mode === 'static' ? -1 : dayIndex === 0 ? 0 : -1}\n      onKeyDown={mode === 'static' ? undefined : (event) => handleWeekdayKeyDown(event, dayIndex)}\n      onClick={\n        mode === 'static'\n          ? undefined\n          : () => {\n              onViewChange?.('day');\n              onDateChange?.(toDateString(day));\n            }\n      }\n    >\n      <Box {...getStyles('weekViewDayWeekday')} key=\"weekday\">\n        {formatDate({ locale: ctx.getLocale(locale), date: day, format: weekdayFormat })}\n      </Box>\n      <div {...getStyles('weekViewDayNumber')} key=\"date\">\n        {dayjs(day).date()}\n      </div>\n    </UnstyledButton>\n  ));\n\n  const days = weekdays.map((day, dayIndex) => {\n    const allBgEvents = weekEvents.backgroundEvents[day] || [];\n\n    const backgroundEventNodes = allBgEvents\n      .filter((event) => !event.position.allDay)\n      .map((event) => {\n        const colors = theme.variantColorResolver({\n          color: event.color || theme.primaryColor,\n          theme,\n          variant: 'light',\n          autoContrast: true,\n        });\n\n        const bgEventBody =\n          typeof renderEventBody === 'function' ? renderEventBody(event) : event.title;\n\n        const bgEventProps = {\n          key: `bg-${event.id}`,\n          ...getStyles('weekViewBackgroundEvent', {\n            style: {\n              top: `${event.position.top}%`,\n              height: `${event.position.height}%`,\n              width: '100%',\n            },\n          }),\n          __vars: {\n            '--bg-event-bg': colors.background,\n            '--bg-event-color': colors.color,\n          },\n          children: bgEventBody,\n        };\n\n        if (typeof renderEvent === 'function') {\n          return renderEvent(event, bgEventProps as any);\n        }\n\n        const { key: bgEventKey, ...restBgEventProps } = bgEventProps;\n        return <Box key={bgEventKey} {...restBgEventProps} />;\n      });\n\n    const dayEvents = (weekEvents.regularEvents[day] || []).map((event) => {\n      const eventIsAllDay = isAllDayEvent({ event, date: day });\n      const isDraggable = !eventIsAllDay && dragDrop.isDraggableEvent(event);\n      const isResizable = !eventIsAllDay && eventResize.isResizableEvent(event);\n      const resizePosition = eventResize.getResizePosition(event.id);\n      const eventTop = resizePosition ? resizePosition.top : event.position.top;\n      const eventHeight = resizePosition ? resizePosition.height : event.position.height;\n\n      return (\n        <ScheduleEvent\n          key={event.id}\n          event={event}\n          autoSize\n          hanging={event.position.hanging}\n          draggable={isDraggable}\n          withResize={isResizable}\n          isResizing={resizePosition !== null}\n          onResizeStart={\n            isResizable\n              ? (edge, e) => {\n                  const container = daySlotsContainersRef.current[dayIndex];\n                  if (container) {\n                    eventResize.handleResizeStart({\n                      event,\n                      edge,\n                      container,\n                      originalTop: event.position.top,\n                      originalHeight: event.position.height,\n                      eventDate: dayjs(day).format('YYYY-MM-DD'),\n                      pointerEvent: e,\n                    });\n                  }\n                }\n              : undefined\n          }\n          renderEventBody={renderEventBody}\n          renderEvent={renderEvent}\n          radius={radius}\n          mode={mode}\n          onClick={\n            onEventClick\n              ? (e) => {\n                  if (!eventResize.wasResizing()) {\n                    onEventClick(event, e);\n                  }\n                }\n              : undefined\n          }\n          style={{\n            position: 'absolute',\n            top: `calc(${eventTop}% + 1px)`,\n            left: `${event.position.offset}%`,\n            width: `${event.position.width}%`,\n            height: `calc(${eventHeight}% - 1px)`,\n          }}\n        />\n      );\n    });\n\n    return (\n      <WeekViewDay\n        key={day}\n        day={day}\n        dayIndex={dayIndex}\n        slots={slots}\n        getStyles={getStyles}\n        weekendDays={weekendDays}\n        highlightBusinessHours={highlightBusinessHours}\n        businessHours={businessHours}\n        labels={labels}\n        withEventsDragAndDrop={withDragHandlers}\n        mode={mode}\n        slotsRef={slotsRef}\n        firstSlotIndex={firstSlotIndex}\n        onSlotKeyDown={handleSlotKeyDown}\n        onSlotClick={handleTimeSlotClick}\n        onFirstSlotArrowUp={\n          withAllDaySlots\n            ? (dayIdx) => {\n                allDaySlotsRef.current[dayIdx]?.focus();\n              }\n            : undefined\n        }\n        onDaySlotsDragOver={(event, dayStr, dayIdx) => {\n          const slotIndex = getSlotIndexFromDragPoint(event, dayIdx);\n          if (slotIndex !== null) {\n            dragDrop.handleDragOver(event, { day: dayStr, slotIndex });\n          }\n        }}\n        onDaySlotsDragLeave={dragDrop.handleDragLeave}\n        onDaySlotsDrop={(event, dayStr, dayIdx) => {\n          const slotIndex = getSlotIndexFromDragPoint(event, dayIdx);\n          if (slotIndex !== null) {\n            dragDrop.handleDrop(event, { day: dayStr, slotIndex });\n          }\n        }}\n        dropTargetSlotIndex={\n          dragDrop.dropTarget?.day === day ? dragDrop.dropTarget.slotIndex : undefined\n        }\n        withDragSlotSelect={withDragSlotSelect}\n        onSlotPointerDown={slotDragSelect.handleSlotPointerDown}\n        isSlotDragSelected={slotDragSelect.isSlotSelected}\n        daySlotsContainerRef={(node) => {\n          daySlotsContainersRef.current[dayIndex] = node;\n        }}\n        getTimeSlotProps={getTimeSlotProps}\n      >\n        {backgroundEventNodes}\n        {dayEvents}\n      </WeekViewDay>\n    );\n  });\n\n  const allDaySlots = weekdays.map((day, dayIndex) => (\n    <UnstyledButton\n      aria-label={`${getLabel('allDay', labels)} ${dayjs(day).format('YYYY-MM-DD')}`}\n      key={day}\n      ref={(node) => {\n        allDaySlotsRef.current[dayIndex] = node!;\n      }}\n      tabIndex={dayIndex === 0 ? 0 : -1}\n      onKeyDown={(event) => handleAllDaySlotKeyDown(event, dayIndex)}\n      onClick={\n        mode === 'static' || !onAllDaySlotClick\n          ? undefined\n          : (e) => onAllDaySlotClick(dayjs(day).format('YYYY-MM-DD'), e)\n      }\n      onDragOver={withDragHandlers ? (e) => allDayDragDrop.handleDragOver(e, day) : undefined}\n      onDragLeave={withDragHandlers ? allDayDragDrop.handleDragLeave : undefined}\n      onDrop={withDragHandlers ? (e) => allDayDragDrop.handleDrop(e, day) : undefined}\n      {...getStyles('weekViewDaySlot')}\n      mod={{ 'drop-target': allDayDragDrop.isDropTarget(day) }}\n    />\n  ));\n\n  const allDayEventIds = useMemo(\n    () => new Set(weekEvents.allDayEvents.map((e) => e.id)),\n    [weekEvents.allDayEvents]\n  );\n\n  const allDayEvents = weekEvents.allDayEvents.map((event) => (\n    <ScheduleEvent\n      key={event.id}\n      event={event}\n      autoSize\n      nowrap\n      hanging={event.position.hanging}\n      draggable={allDayDragDrop.isDraggableEvent(event)}\n      renderEvent={renderEvent}\n      mode={mode}\n      onClick={onEventClick ? (e) => onEventClick(event, e) : undefined}\n      style={{\n        position: 'absolute',\n        zIndex: 2,\n        top: `calc(${event.position.row * 50}% + 1px)`,\n        left: `calc(${event.position.offset}% + 1px)`,\n        width: `calc(${event.position.width}% - 1px)`,\n        height: 'calc(50% - 2px)',\n        maxHeight: 'calc(50% - 2px)',\n      }}\n    />\n  ));\n\n  const allDayBackgroundEventNodes = weekdays.flatMap((day, dayIndex) => {\n    const allDayBgEvents = (weekEvents.backgroundEvents[day] || []).filter(\n      (event) => event.position.allDay\n    );\n    const dayWidth = 100 / weekdays.length;\n    const dayOffset = dayIndex * dayWidth;\n\n    return allDayBgEvents.map((event) => {\n      const colors = theme.variantColorResolver({\n        color: event.color || theme.primaryColor,\n        theme,\n        variant: 'light',\n        autoContrast: true,\n      });\n\n      const bgEventBody =\n        typeof renderEventBody === 'function' ? renderEventBody(event) : event.title;\n\n      const bgEventProps = {\n        key: `bg-allday-${event.id}-${day}`,\n        ...getStyles('weekViewBackgroundEvent', {\n          style: {\n            top: 0,\n            height: '100%',\n            left: `${dayOffset}%`,\n            width: `${dayWidth}%`,\n          },\n        }),\n        __vars: {\n          '--bg-event-bg': colors.background,\n          '--bg-event-color': colors.color,\n        },\n        children: bgEventBody,\n      };\n\n      if (typeof renderEvent === 'function') {\n        return renderEvent(event, bgEventProps as any);\n      }\n\n      const { key: bgEventKey, ...restBgEventProps } = bgEventProps;\n      return <Box key={bgEventKey} {...restBgEventProps} />;\n    });\n  });\n\n  // Extra rows show on hover = total rows - 2 visible rows (starts from 0, so -1)\n  const extraRows = Math.max(...weekEvents.allDayEvents.map((event) => event.position.row), 1) - 1;\n\n  const content = (\n    <Box\n      {...getStyles('weekView')}\n      mod={{ static: mode === 'static', 'slot-dragging': slotDragSelect.isDragging }}\n      {...others}\n    >\n      {withHeader && (\n        <ScheduleHeaderBase\n          view=\"week\"\n          navigationHandlers={{\n            previous: () => previousWeek(date, ctx.getFirstDayOfWeek(firstDayOfWeek)),\n            next: () => nextWeek(date, ctx.getFirstDayOfWeek(firstDayOfWeek)),\n            today: () => toDateString(dayjs()),\n          }}\n          control={{\n            miw: 140,\n            title: getWeekLabel({\n              weekdays,\n              locale: ctx.getLocale(locale),\n              weekLabelFormat,\n              renderWeekLabel,\n            }),\n          }}\n          labels={labels}\n          onDateChange={onDateChange}\n          onViewChange={onViewChange}\n          previousControlProps={previousControlProps}\n          nextControlProps={nextControlProps}\n          todayControlProps={todayControlProps}\n          viewSelectProps={viewSelectProps}\n          stylesApiProps={stylesApiProps}\n        />\n      )}\n\n      <Box\n        {...getStyles('weekViewRoot')}\n        __vars={{\n          '--indicator-offset-index':\n            currentWeekdayIndex === -1 ? undefined : `${currentWeekdayIndex + 1}`,\n          '--number-of-days': withWeekendDays\n            ? '7'\n            : `${7 - ctx.getWeekendDays(weekendDays).length}`,\n        }}\n        mod={{ 'with-weekends': withWeekendDays }}\n      >\n        <ScrollArea.Autosize\n          scrollbarSize={4}\n          {...scrollAreaProps}\n          {...getStyles('weekViewScrollArea', {\n            className: scrollAreaProps?.className,\n            style: scrollAreaProps?.style,\n          })}\n          onScrollPositionChange={(position) => {\n            scrollAreaProps?.onScrollPositionChange?.(position);\n            setScrolled(position.y !== 0);\n          }}\n          viewportRef={mergedViewportRef}\n        >\n          <Box {...getStyles('weekViewHeader')} mod={{ scrolled }}>\n            <div {...getStyles('weekViewCorner')} key=\"corner\">\n              {withWeekNumber && (\n                <>\n                  <div {...getStyles('weekViewWeekLabel')}>{getLabel('week', labels)}</div>\n                  <div {...getStyles('weekViewWeekNumber')}>{getWeekNumber(date)}</div>\n                </>\n              )}\n            </div>\n\n            {weekdaysLabels}\n          </Box>\n\n          {withAllDaySlots && (\n            <div {...getStyles('weekViewAllDaySlots')}>\n              <div {...getStyles('weekViewAllDaySlotsLabel')}>{getLabel('allDay', labels)}</div>\n              <div {...getStyles('weekViewAllDaySlotsList')}>\n                {allDayBackgroundEventNodes}\n                <Box\n                  {...getStyles('weekViewAllDaySlotsEvents')}\n                  __vars={{ '--extra-rows': `${extraRows}` }}\n                >\n                  {allDayEvents}\n                </Box>\n                {allDaySlots}\n              </div>\n            </div>\n          )}\n\n          <div {...getStyles('weekViewInner')}>\n            <div {...getStyles('weekViewSlotLabels')}>{timeValues}</div>\n\n            {withCurrentTimeIndicator && currentWeekdayIndex !== -1 && (\n              <CurrentTimeIndicator\n                startOffset=\"calc(100% - (100% / var(--number-of-days)) * (var(--number-of-days) - var(--indicator-offset-index) + 1) + ((var(--number-of-days) - var(--indicator-offset-index) + 1) * var(--indicator-labels-offset)))\"\n                endOffset=\"calc((100% / var(--number-of-days)) * (var(--number-of-days) - var(--indicator-offset-index)) - (var(--number-of-days) - var(--indicator-offset-index)) * var(--indicator-labels-offset))\"\n                timeBubbleStartOffset=\"calc(var(--week-view-slots-label-width) - var(--time-bubble-width))\"\n                currentTimeFormat={slotLabelFormat}\n                withTimeBubble={withCurrentTimeBubble}\n                withThumb={withCurrentTimeBubble ? currentWeekdayIndex !== 0 : true}\n                locale={locale}\n                startTime={startTime}\n                endTime={endTime}\n                {...stylesApiProps}\n              />\n            )}\n            {days}\n          </div>\n        </ScrollArea.Autosize>\n      </Box>\n    </Box>\n  );\n\n  const mergedDragContextValue = useMemo<DragContextValue>(\n    () => ({\n      isDragging:\n        dragDrop.dragContextValue.isDragging || allDayDragDrop.dragContextValue.isDragging,\n      draggedEventId:\n        dragDrop.dragContextValue.draggedEventId ?? allDayDragDrop.dragContextValue.draggedEventId,\n      draggedEvent:\n        dragDrop.dragContextValue.draggedEvent ?? allDayDragDrop.dragContextValue.draggedEvent,\n      dropTarget:\n        dragDrop.dragContextValue.dropTarget ?? allDayDragDrop.dragContextValue.dropTarget,\n      onDragStart: (event: ScheduleEventData) => {\n        if (allDayEventIds.has(event.id)) {\n          allDayDragDrop.handleDragStart(event);\n        } else {\n          dragDrop.handleDragStart(event);\n        }\n      },\n      onDragEnd: () => {\n        dragDrop.handleDragEnd();\n        allDayDragDrop.handleDragEnd();\n      },\n      setDropTarget: dragDrop.dragContextValue.setDropTarget,\n    }),\n    [dragDrop.dragContextValue, allDayDragDrop.dragContextValue, allDayEventIds]\n  );\n\n  if (withEventsDragAndDrop) {\n    return <DragContext.Provider value={mergedDragContextValue}>{content}</DragContext.Provider>;\n  }\n\n  return content;\n});\n\nWeekView.displayName = '@mantine/schedule/WeekView';\nWeekView.classes = classes;\nWeekView.varsResolver = varsResolver;\n\nexport namespace WeekView {\n  export type Props = WeekViewProps;\n  export type Factory = WeekViewFactory;\n  export type StylesNames = WeekViewStylesNames;\n  export type CssVariables = WeekViewCssVariables;\n}\n"],"mappings":"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"}
+{"version":3,"file":"WeekView.cjs","names":["getDayTimeIntervals","useDragDropHandlers","calculateDropTime","useSlotDragSelect","useEventResize","getWeekDays","getWeekViewEvents","expandRecurringEvents","formatDate","Box","getBusinessHoursMod","UnstyledButton","getLabel","toDateString","isAllDayEvent","ScheduleEvent","WeekViewDay","ScheduleHeaderBase","previousWeek","nextWeek","getWeekLabel","ScrollArea","getWeekNumber","CurrentTimeIndicator","DragContext","classes"],"sources":["../../../src/components/WeekView/WeekView.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport { useCallback, useMemo, useRef, useState } from 'react';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  DataAttributes,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  MantineRadius,\n  rem,\n  ScrollArea,\n  ScrollAreaAutosizeProps,\n  StylesApiProps,\n  UnstyledButton,\n  useMantineTheme,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '@mantine/core';\nimport { useDatesContext } from '@mantine/dates';\nimport { useIsomorphicEffect, useMergedRef } from '@mantine/hooks';\nimport { useAutoScrollOnDrag } from '../../hooks/use-auto-scroll-on-drag';\nimport { useDragDropHandlers } from '../../hooks/use-drag-drop-handlers';\nimport { useEventResize } from '../../hooks/use-event-resize';\nimport { useSlotDragSelect } from '../../hooks/use-slot-drag-select';\nimport { getLabel, ScheduleLabelsOverride } from '../../labels';\nimport {\n  AnyDateValue,\n  DateLabelFormat,\n  DateStringValue,\n  DateTimeStringValue,\n  DayOfWeek,\n  ScheduleEventData,\n  ScheduleMode,\n  ScheduleViewLevel,\n} from '../../types';\nimport {\n  BusinessHoursValue,\n  calculateDropTime,\n  expandRecurringEvents,\n  formatDate,\n  getBusinessHoursMod,\n  getDayTimeIntervals,\n  getWeekDays,\n  getWeekNumber,\n  isAllDayEvent,\n  nextWeek,\n  previousWeek,\n  toDateString,\n} from '../../utils';\nimport {\n  CurrentTimeIndicator,\n  CurrentTimeIndicatorStylesNames,\n} from '../CurrentTimeIndicator/CurrentTimeIndicator';\nimport { DragContext, DragContextValue } from '../DragContext/DragContext';\nimport { RenderEvent, RenderEventBody, ScheduleEvent } from '../ScheduleEvent/ScheduleEvent';\nimport { CombinedScheduleHeaderStylesNames } from '../ScheduleHeader/ScheduleHeader';\nimport { ScheduleHeaderBase } from '../ScheduleHeader/ScheduleHeaderBase';\nimport { ViewSelectProps } from '../ScheduleHeader/ViewSelect/ViewSelect';\nimport { getWeekLabel } from './get-week-label/get-week-label';\nimport { getWeekViewEvents } from './get-week-view-events/get-week-view-events';\nimport { handleWeekViewKeyDown, WeekViewControlsRef } from './handle-week-view-key-down';\nimport { WeekViewDay } from './WeekViewDay';\nimport classes from './WeekView.module.css';\n\nexport type WeekViewStylesNames =\n  | 'weekView'\n  | 'weekViewRoot'\n  | 'weekViewHeader'\n  | 'weekViewInner'\n  | 'weekViewAllDaySlotsEvents'\n  | 'weekViewAllDaySlots'\n  | 'weekViewAllDaySlotsList'\n  | 'weekViewAllDaySlot'\n  | 'weekViewAllDaySlotsLabel'\n  | 'weekViewScrollArea'\n  | 'weekViewCorner'\n  | 'weekViewSlotLabels'\n  | 'weekViewSlotLabel'\n  | 'weekViewDayLabel'\n  | 'weekViewDayWeekday'\n  | 'weekViewDay'\n  | 'weekViewDayNumber'\n  | 'weekViewDaySlot'\n  | 'weekViewDaySlots'\n  | 'weekViewWeekLabel'\n  | 'weekViewWeekNumber'\n  | 'weekViewBackgroundEvent'\n  | CurrentTimeIndicatorStylesNames\n  | CombinedScheduleHeaderStylesNames;\n\nexport type WeekViewCssVariables = {\n  weekView: '--week-view-radius' | '--week-view-slot-height' | '--week-view-all-day-slots-height';\n};\n\nexport interface WeekViewProps\n  extends BoxProps, StylesApiProps<WeekViewFactory>, ElementProps<'div'> {\n  __staticSelector?: string;\n\n  /** Week to display, Date object or date string in `YYYY-MM-DD` format */\n  date: Date | string;\n\n  /** Called with the new date value when a date is selected */\n  onDateChange?: (value: DateStringValue) => void;\n\n  /** Start time for the day view, in `HH:mm:ss` format @default 00:00:00 */\n  startTime?: string;\n\n  /** End time for the day view, in `HH:mm:ss` format @default 23:59:59 */\n  endTime?: string;\n\n  /** Number of minutes for each interval in the day view @default 60 */\n  intervalMinutes?: number;\n\n  /** Dayjs format for slot labels or a callback function that returns formatted value @default HH:mm  */\n  slotLabelFormat?: DateLabelFormat;\n\n  /** Number 0-6, where 0 – Sunday and 6 – Saturday. @default 1 – Monday */\n  firstDayOfWeek?: DayOfWeek;\n\n  /** `dayjs` format for weekdays names. @default 'ddd' */\n  weekdayFormat?: DateLabelFormat;\n\n  /** Indices of weekend days, 0-6, where 0 is Sunday and 6 is Saturday. The default value is defined by `DatesProvider`. */\n  weekendDays?: DayOfWeek[];\n\n  /** If set to false, weekend days are hidden @default true */\n  withWeekendDays?: boolean;\n\n  /** If set to true, highlights today in the weekday row @default false */\n  highlightToday?: boolean;\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 the `ScrollArea.Autosize` component */\n  scrollAreaProps?: ScrollAreaAutosizeProps & DataAttributes;\n\n  /** Locale passed down to dayjs, overrides value defined on `DatesProvider` */\n  locale?: string;\n\n  /** If set, the week number is displayed at the top left corner @default true */\n  withWeekNumber?: boolean;\n\n  /** If set, displays a line indicating the current time @default true */\n  withCurrentTimeIndicator?: boolean;\n\n  /** If set, the time indicator displays the current time in the bubble @default true */\n  withCurrentTimeBubble?: boolean;\n\n  /** If set, displays the current time indicator on the same day of week even when viewing a different week @default false */\n  forceCurrentTimeIndicator?: boolean;\n\n  /** A function to get the current time, called on every tick. Can be used to display the current time indicator in a different timezone. @default () => dayjs() */\n  getCurrentTime?: () => AnyDateValue;\n\n  /** If set, displays all-day slots at the top of the view @default true */\n  withAllDaySlots?: boolean;\n\n  /** If set, the header is displayed @default true */\n  withHeader?: boolean;\n\n  /** Called when view level select button is clicked */\n  onViewChange?: (view: ScheduleViewLevel) => void;\n\n  /** Props passed to previous month control */\n  previousControlProps?: React.ComponentProps<'button'> & DataAttributes;\n\n  /** Props passed to next month control */\n  nextControlProps?: React.ComponentProps<'button'> & DataAttributes;\n\n  /** Props passed to today control */\n  todayControlProps?: React.ComponentProps<'button'> & DataAttributes;\n\n  /** Props passed to view level select */\n  viewSelectProps?: Partial<ViewSelectProps> & DataAttributes;\n\n  /** Format for week label @default 'MMM DD' */\n  weekLabelFormat?: DateLabelFormat;\n\n  /** List of events to display in the week view */\n  events?: ScheduleEventData[];\n\n  /** Height of 1hr slot @default 64px */\n  slotHeight?: React.CSSProperties['height'];\n\n  /** Height of all-day slot @default 48px */\n  allDaySlotHeight?: React.CSSProperties['height'];\n\n  /** Labels override */\n  labels?: ScheduleLabelsOverride;\n\n  /** If set to true, highlights business hours with white background @default false */\n  highlightBusinessHours?: boolean;\n\n  /** Business hours range in `HH:mm:ss` format shared across all days, or a per-day record keyed by day of the week (`0` – Sunday, `6` – Saturday) for day-specific ranges. Set a day to `null` to mark it as fully outside business hours. @default ['09:00:00', '17:00:00'] */\n  businessHours?: BusinessHoursValue;\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  /** If true, events can be dragged and dropped @default false */\n  withEventsDragAndDrop?: boolean;\n\n  /** Called when event is dropped at new time */\n  onEventDrop?: (data: {\n    eventId: string | number;\n    newStart: DateTimeStringValue;\n    newEnd: DateTimeStringValue;\n    event: ScheduleEventData;\n  }) => void;\n\n  /** Function to determine if event can be dragged */\n  canDragEvent?: (event: ScheduleEventData) => boolean;\n\n  /** Called when any event drag starts */\n  onEventDragStart?: (event: ScheduleEventData) => void;\n\n  /** Called when any event drag ends */\n  onEventDragEnd?: () => void;\n\n  /** Called when time slot is clicked */\n  onTimeSlotClick?: (data: {\n    slotStart: DateTimeStringValue;\n    slotEnd: DateTimeStringValue;\n    nativeEvent: React.MouseEvent<HTMLButtonElement>;\n  }) => void;\n\n  /** Called when all-day slot is clicked */\n  onAllDaySlotClick?: (day: DateStringValue, event: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** Called when event is clicked */\n  onEventClick?: (event: ScheduleEventData, e: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /** If set, enables drag-to-select time slot ranges @default false */\n  withDragSlotSelect?: boolean;\n\n  /** Called when a time slot range is selected by dragging */\n  onSlotDragEnd?: (rangeStart: DateTimeStringValue, rangeEnd: DateTimeStringValue) => void;\n\n  /** Interaction mode: 'default' allows all interactions, 'static' disables event interactions @default default */\n  mode?: ScheduleMode;\n\n  /** Time to scroll to on initial render, in `HH:mm:ss` format */\n  startScrollTime?: string;\n\n  /** Function to customize week label in the header */\n  renderWeekLabel?: (params: {\n    weekStart: DateStringValue;\n    weekEnd: DateStringValue;\n  }) => React.ReactNode;\n\n  /** Called when an external item is dropped onto the schedule. Receives the `DataTransfer` object and the drop target datetime. */\n  onExternalEventDrop?: (dataTransfer: DataTransfer, dropDateTime: DateTimeStringValue) => void;\n\n  /** If true, events can be resized by dragging their edges @default false */\n  withEventResize?: boolean;\n\n  /** Called when event is resized */\n  onEventResize?: (data: {\n    eventId: string | number;\n    newStart: DateTimeStringValue;\n    newEnd: DateTimeStringValue;\n    event: ScheduleEventData;\n  }) => void;\n\n  /** Function to determine if event can be resized */\n  canResizeEvent?: (event: ScheduleEventData) => boolean;\n\n  /** Max number of generated recurring instances per recurring series @default 2000 */\n  recurrenceExpansionLimit?: number;\n\n  /** Function to get additional props for each time slot. Receives slot start and end datetime strings. Returned props are spread onto the slot element. Event handlers returned by this function are composed with internal handlers (e.g. onClick) rather than overriding them. */\n  getTimeSlotProps?: (data: {\n    start: DateTimeStringValue;\n    end: DateTimeStringValue;\n  }) => Record<string, any> | undefined;\n}\n\nexport type WeekViewFactory = Factory<{\n  props: WeekViewProps;\n  ref: HTMLDivElement;\n  stylesNames: WeekViewStylesNames;\n  vars: WeekViewCssVariables;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'WeekView',\n  withWeekendDays: true,\n  withCurrentTimeIndicator: true,\n  startTime: '00:00:00',\n  endTime: '23:59:59',\n  slotLabelFormat: 'HH:mm',\n  intervalMinutes: 60,\n  weekdayFormat: 'ddd',\n  withWeekNumber: true,\n  withCurrentTimeBubble: true,\n  withAllDaySlots: true,\n  withHeader: true,\n  weekLabelFormat: 'MMM DD',\n  highlightBusinessHours: false,\n  businessHours: ['09:00:00', '17:00:00'],\n  withEventsDragAndDrop: false,\n  withDragSlotSelect: false,\n  withEventResize: false,\n  mode: 'default',\n} satisfies Partial<WeekViewProps>;\n\nconst varsResolver = createVarsResolver<WeekViewFactory>(\n  (_theme, { radius, allDaySlotHeight, slotHeight }) => ({\n    weekView: {\n      '--week-view-radius': radius !== undefined ? getRadius(radius) : undefined,\n      '--week-view-all-day-slots-height': rem(allDaySlotHeight),\n      '--week-view-slot-height': rem(slotHeight),\n    },\n  })\n);\n\nexport const WeekView = factory<WeekViewFactory>((_props) => {\n  const props = useProps('WeekView', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    startTime,\n    endTime,\n    date,\n    onDateChange,\n    intervalMinutes,\n    slotLabelFormat,\n    withWeekendDays,\n    weekendDays,\n    firstDayOfWeek,\n    weekdayFormat,\n    radius,\n    highlightToday,\n    withCurrentTimeIndicator,\n    forceCurrentTimeIndicator,\n    getCurrentTime,\n    scrollAreaProps,\n    locale,\n    withWeekNumber,\n    withCurrentTimeBubble,\n    withAllDaySlots,\n    __staticSelector,\n    withHeader,\n    onViewChange,\n    previousControlProps,\n    nextControlProps,\n    todayControlProps,\n    viewSelectProps,\n    weekLabelFormat,\n    events,\n    allDaySlotHeight,\n    slotHeight,\n    labels,\n    highlightBusinessHours,\n    businessHours,\n    renderEventBody,\n    renderEvent,\n    withEventsDragAndDrop,\n    onEventDrop,\n    canDragEvent,\n    onEventDragStart,\n    onEventDragEnd,\n    onTimeSlotClick,\n    onAllDaySlotClick,\n    onEventClick,\n    withDragSlotSelect,\n    onSlotDragEnd,\n    mode,\n    startScrollTime,\n    renderWeekLabel,\n    onExternalEventDrop,\n    withEventResize,\n    onEventResize,\n    canResizeEvent,\n    recurrenceExpansionLimit,\n    getTimeSlotProps,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<WeekViewFactory>({\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: 'weekView',\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<WeekViewFactory>({\n    classNames,\n    styles,\n    props,\n  });\n\n  const stylesApiProps = {\n    classNames: resolvedClassNames,\n    styles: resolvedStyles,\n    attributes,\n    __staticSelector,\n    radius,\n  };\n\n  const theme = useMantineTheme();\n  const [scrolled, setScrolled] = useState(false);\n  const ctx = useDatesContext();\n  const slots = getDayTimeIntervals({ startTime, endTime, intervalMinutes });\n  const viewportRef = useRef<HTMLDivElement>(null);\n\n  useAutoScrollOnDrag({\n    viewportRef,\n    enabled: (withEventsDragAndDrop || !!onExternalEventDrop) && mode !== 'static',\n  });\n\n  type DropTargetSlot = { day: string; slotIndex: number };\n\n  const handleExternalDrop = useCallback(\n    (e: React.DragEvent, target: DropTargetSlot) => {\n      if (!onExternalEventDrop) {\n        return;\n      }\n      const slotDate = dayjs(target.day).format('YYYY-MM-DD');\n      onExternalEventDrop(e.dataTransfer, `${slotDate} ${slots[target.slotIndex].startTime}`);\n    },\n    [onExternalEventDrop, slots]\n  );\n\n  const handleExternalAllDayDrop = useCallback(\n    (e: React.DragEvent, day: string) => {\n      if (!onExternalEventDrop) {\n        return;\n      }\n      onExternalEventDrop(e.dataTransfer, `${dayjs(day).format('YYYY-MM-DD')} 00:00:00`);\n    },\n    [onExternalEventDrop]\n  );\n\n  const dragDrop = useDragDropHandlers<DropTargetSlot>({\n    enabled: withEventsDragAndDrop,\n    mode,\n    onEventDrop,\n    canDragEvent,\n    onEventDragStart,\n    onEventDragEnd,\n    calculateDropTarget: (target: DropTargetSlot, draggedEvent: ScheduleEventData) => {\n      const slotTime = slots[target.slotIndex].startTime;\n      return calculateDropTime({\n        draggedEvent,\n        targetDate: target.day,\n        targetSlotTime: slotTime,\n        intervalMinutes,\n      });\n    },\n    onExternalDrop: onExternalEventDrop ? handleExternalDrop : undefined,\n  });\n\n  const allDayDragDrop = useDragDropHandlers<string>({\n    enabled: withEventsDragAndDrop,\n    mode,\n    onEventDrop,\n    canDragEvent,\n    onEventDragStart,\n    onEventDragEnd,\n    calculateDropTarget: (targetDay: string, draggedEvent: ScheduleEventData) => {\n      const eventDuration = dayjs(draggedEvent.end).diff(dayjs(draggedEvent.start), 'millisecond');\n      const newStart = dayjs(targetDay).startOf('day');\n      return { start: newStart.toDate(), end: newStart.add(eventDuration, 'millisecond').toDate() };\n    },\n    onExternalDrop: onExternalEventDrop ? handleExternalAllDayDrop : undefined,\n  });\n\n  const slotDragSelect = useSlotDragSelect({\n    enabled: withDragSlotSelect && mode !== 'static',\n    onDragEnd: (startIndex, endIndex, group) => {\n      if (!onSlotDragEnd) {\n        return;\n      }\n      const slotDate = dayjs(group).format('YYYY-MM-DD');\n      onSlotDragEnd(\n        `${slotDate} ${slots[startIndex].startTime}`,\n        `${slotDate} ${slots[endIndex].endTime}`\n      );\n    },\n  });\n\n  const eventResize = useEventResize({\n    enabled: withEventResize,\n    mode,\n    startTime,\n    endTime,\n    intervalMinutes,\n    onEventResize,\n    canResizeEvent,\n  });\n\n  const withDragHandlers = (withEventsDragAndDrop || !!onExternalEventDrop) && mode !== 'static';\n\n  const handleTimeSlotClick = (\n    day: string,\n    slotTime: string,\n    e: React.MouseEvent<HTMLButtonElement>\n  ) => {\n    if (!onTimeSlotClick) {\n      return;\n    }\n\n    const slotDate = dayjs(day).format('YYYY-MM-DD');\n    const slotIndex = slots.findIndex((s) => s.startTime === slotTime);\n    if (slotIndex === -1) {\n      return;\n    }\n\n    const slot = slots[slotIndex];\n    onTimeSlotClick({\n      slotStart: `${slotDate} ${slot.startTime}`,\n      slotEnd: `${slotDate} ${slot.endTime}`,\n      nativeEvent: e,\n    });\n  };\n\n  const weekdays = getWeekDays({\n    week: date,\n    withWeekendDays,\n    weekendDays: ctx.getWeekendDays(weekendDays),\n    firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek),\n  });\n\n  const expandedEvents = expandRecurringEvents({\n    events,\n    rangeStart: dayjs(weekdays[0]).startOf('day').toDate(),\n    rangeEnd: dayjs(weekdays[weekdays.length - 1])\n      .endOf('day')\n      .toDate(),\n    expansionLimit: recurrenceExpansionLimit,\n  });\n\n  const weekEvents = getWeekViewEvents({\n    date,\n    events: expandedEvents,\n    startTime,\n    endTime,\n    intervalMinutes,\n    firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek),\n    weekendDays: ctx.getWeekendDays(weekendDays),\n    withWeekendDays,\n  });\n\n  const timeValues = slots.map((interval) => {\n    const intervalTime = dayjs(`${dayjs(date).format('YYYY-MM-DD')} ${interval.startTime}`);\n    const label = formatDate({\n      date: intervalTime,\n      locale: ctx.getLocale(locale),\n      format: slotLabelFormat,\n    });\n\n    return (\n      <Box\n        {...getStyles('weekViewSlotLabel')}\n        key={interval.startTime}\n        mod={{\n          'hour-start': interval.isHourStart,\n          ...getBusinessHoursMod({\n            time: interval.startTime,\n            businessHours,\n            highlightBusinessHours,\n          }),\n        }}\n      >\n        {label}\n      </Box>\n    );\n  });\n\n  const slotsRef: WeekViewControlsRef = useRef<HTMLButtonElement[][]>([]);\n  const allDaySlotsRef = useRef<HTMLButtonElement[]>([]);\n  const weekdaysRef = useRef<HTMLButtonElement[]>([]);\n  const daySlotsContainersRef = useRef<(HTMLDivElement | null)[]>([]);\n  const mergedViewportRef = useMergedRef(viewportRef, scrollAreaProps?.viewportRef);\n\n  const firstSlotIndex = { dayIndex: 0, slotIndex: 0 };\n\n  useIsomorphicEffect(() => {\n    if (!startScrollTime || !viewportRef.current) {\n      return;\n    }\n\n    const firstDaySlots = slotsRef.current[0];\n    if (!firstDaySlots || firstDaySlots.length === 0) {\n      return;\n    }\n\n    const targetIndex = slots.findIndex((s) => s.startTime >= startScrollTime);\n    if (targetIndex < 0) {\n      return;\n    }\n\n    const targetSlot = firstDaySlots[targetIndex];\n    if (!targetSlot) {\n      return;\n    }\n\n    const slotRect = targetSlot.getBoundingClientRect();\n    const viewportRect = viewportRef.current.getBoundingClientRect();\n    viewportRef.current.scrollTo({ left: 0, top: slotRect.top - viewportRect.top });\n  }, []);\n\n  const getSlotIndexFromDragPoint = useCallback((event: React.DragEvent, dayIndex: number) => {\n    const daySlots = slotsRef.current[dayIndex] ?? [];\n    const slotIndex = daySlots.findIndex((slotNode) => {\n      if (!slotNode) {\n        return false;\n      }\n\n      const rect = slotNode.getBoundingClientRect();\n      return event.clientY >= rect.top && event.clientY <= rect.bottom;\n    });\n\n    if (slotIndex >= 0) {\n      return slotIndex;\n    }\n\n    const firstSlot = daySlots[0];\n    const lastSlot = daySlots[daySlots.length - 1];\n\n    if (!firstSlot || !lastSlot) {\n      return null;\n    }\n\n    const firstRect = firstSlot.getBoundingClientRect();\n    const lastRect = lastSlot.getBoundingClientRect();\n\n    if (event.clientY < firstRect.top) {\n      return 0;\n    }\n\n    if (event.clientY > lastRect.bottom) {\n      return daySlots.length - 1;\n    }\n\n    return null;\n  }, []);\n\n  const handleSlotKeyDown = (\n    event: React.KeyboardEvent<HTMLButtonElement>,\n    dayIndex: number,\n    slotIndex: number\n  ) => {\n    handleWeekViewKeyDown({\n      controlsRef: slotsRef,\n      dayIndex,\n      slotIndex,\n      event,\n    });\n  };\n\n  const handleAllDaySlotKeyDown = (\n    event: React.KeyboardEvent<HTMLButtonElement>,\n    dayIndex: number\n  ) => {\n    const direction = event.key;\n    if (direction === 'ArrowRight' && dayIndex < weekdays.length - 1) {\n      event.preventDefault();\n      allDaySlotsRef.current[dayIndex + 1]?.focus();\n    } else if (direction === 'ArrowLeft' && dayIndex > 0) {\n      event.preventDefault();\n      allDaySlotsRef.current[dayIndex - 1]?.focus();\n    } else if (direction === 'ArrowDown') {\n      event.preventDefault();\n      slotsRef.current?.[dayIndex]?.[0]?.focus();\n    }\n  };\n\n  const handleWeekdayKeyDown = (\n    event: React.KeyboardEvent<HTMLButtonElement>,\n    dayIndex: number\n  ) => {\n    const direction = event.key;\n    if (direction === 'ArrowRight' && dayIndex < weekdays.length - 1) {\n      event.preventDefault();\n      weekdaysRef.current[dayIndex + 1]?.focus();\n    } else if (direction === 'ArrowLeft' && dayIndex > 0) {\n      event.preventDefault();\n      weekdaysRef.current[dayIndex - 1]?.focus();\n    }\n  };\n\n  const resolveNow = () => (getCurrentTime ? dayjs(getCurrentTime()) : dayjs());\n  const now = resolveNow();\n\n  const currentWeekdayIndex = withCurrentTimeIndicator\n    ? forceCurrentTimeIndicator\n      ? weekdays.findIndex((day) => dayjs(day).day() === now.day())\n      : weekdays.findIndex((day) => dayjs(day).isSame(now, 'date'))\n    : -1;\n\n  const weekdaysLabels = weekdays.map((day, dayIndex) => (\n    <UnstyledButton\n      {...getStyles('weekViewDayLabel')}\n      key={day}\n      ref={(node) => {\n        weekdaysRef.current[dayIndex] = node!;\n      }}\n      aria-label={`${getLabel('weekday', labels)} ${dayjs(day).format('YYYY-MM-DD')}`}\n      mod={{\n        today: dayjs(day).isSame(now, 'day') && !!highlightToday,\n        weekend: ctx.getWeekendDays(weekendDays).includes(dayjs(day).day() as DayOfWeek),\n        static: mode === 'static',\n      }}\n      tabIndex={mode === 'static' ? -1 : dayIndex === 0 ? 0 : -1}\n      onKeyDown={mode === 'static' ? undefined : (event) => handleWeekdayKeyDown(event, dayIndex)}\n      onClick={\n        mode === 'static'\n          ? undefined\n          : () => {\n              onViewChange?.('day');\n              onDateChange?.(toDateString(day));\n            }\n      }\n    >\n      <Box {...getStyles('weekViewDayWeekday')} key=\"weekday\">\n        {formatDate({ locale: ctx.getLocale(locale), date: day, format: weekdayFormat })}\n      </Box>\n      <div {...getStyles('weekViewDayNumber')} key=\"date\">\n        {dayjs(day).date()}\n      </div>\n    </UnstyledButton>\n  ));\n\n  const days = weekdays.map((day, dayIndex) => {\n    const allBgEvents = weekEvents.backgroundEvents[day] || [];\n\n    const backgroundEventNodes = allBgEvents\n      .filter((event) => !event.position.allDay)\n      .map((event) => {\n        const colors = theme.variantColorResolver({\n          color: event.color || theme.primaryColor,\n          theme,\n          variant: 'light',\n          autoContrast: true,\n        });\n\n        const bgEventBody =\n          typeof renderEventBody === 'function' ? renderEventBody(event) : event.title;\n\n        const bgEventProps = {\n          key: `bg-${event.id}`,\n          ...getStyles('weekViewBackgroundEvent', {\n            style: {\n              top: `${event.position.top}%`,\n              height: `${event.position.height}%`,\n              width: '100%',\n            },\n          }),\n          __vars: {\n            '--bg-event-bg': colors.background,\n            '--bg-event-color': colors.color,\n          },\n          children: bgEventBody,\n        };\n\n        if (typeof renderEvent === 'function') {\n          return renderEvent(event, bgEventProps as any);\n        }\n\n        const { key: bgEventKey, ...restBgEventProps } = bgEventProps;\n        return <Box key={bgEventKey} {...restBgEventProps} />;\n      });\n\n    const dayEvents = (weekEvents.regularEvents[day] || []).map((event) => {\n      const eventIsAllDay = isAllDayEvent({ event, date: day });\n      const isDraggable = !eventIsAllDay && dragDrop.isDraggableEvent(event);\n      const isResizable = !eventIsAllDay && eventResize.isResizableEvent(event);\n      const resizePosition = eventResize.getResizePosition(event.id);\n      const eventTop = resizePosition ? resizePosition.top : event.position.top;\n      const eventHeight = resizePosition ? resizePosition.height : event.position.height;\n\n      return (\n        <ScheduleEvent\n          key={event.id}\n          event={event}\n          autoSize\n          hanging={event.position.hanging}\n          draggable={isDraggable}\n          withResize={isResizable}\n          isResizing={resizePosition !== null}\n          onResizeStart={\n            isResizable\n              ? (edge, e) => {\n                  const container = daySlotsContainersRef.current[dayIndex];\n                  if (container) {\n                    eventResize.handleResizeStart({\n                      event,\n                      edge,\n                      container,\n                      originalTop: event.position.top,\n                      originalHeight: event.position.height,\n                      eventDate: dayjs(day).format('YYYY-MM-DD'),\n                      pointerEvent: e,\n                    });\n                  }\n                }\n              : undefined\n          }\n          renderEventBody={renderEventBody}\n          renderEvent={renderEvent}\n          radius={radius}\n          mode={mode}\n          onClick={\n            onEventClick\n              ? (e) => {\n                  if (!eventResize.wasResizing()) {\n                    onEventClick(event, e);\n                  }\n                }\n              : undefined\n          }\n          style={{\n            position: 'absolute',\n            top: `calc(${eventTop}% + 1px)`,\n            left: `${event.position.offset}%`,\n            width: `${event.position.width}%`,\n            height: `calc(${eventHeight}% - 1px)`,\n          }}\n        />\n      );\n    });\n\n    return (\n      <WeekViewDay\n        key={day}\n        day={day}\n        dayIndex={dayIndex}\n        slots={slots}\n        getStyles={getStyles}\n        weekendDays={weekendDays}\n        highlightBusinessHours={highlightBusinessHours}\n        businessHours={businessHours}\n        labels={labels}\n        withEventsDragAndDrop={withDragHandlers}\n        mode={mode}\n        slotsRef={slotsRef}\n        firstSlotIndex={firstSlotIndex}\n        onSlotKeyDown={handleSlotKeyDown}\n        onSlotClick={handleTimeSlotClick}\n        onFirstSlotArrowUp={\n          withAllDaySlots\n            ? (dayIdx) => {\n                allDaySlotsRef.current[dayIdx]?.focus();\n              }\n            : undefined\n        }\n        onDaySlotsDragOver={(event, dayStr, dayIdx) => {\n          const slotIndex = getSlotIndexFromDragPoint(event, dayIdx);\n          if (slotIndex !== null) {\n            dragDrop.handleDragOver(event, { day: dayStr, slotIndex });\n          }\n        }}\n        onDaySlotsDragLeave={dragDrop.handleDragLeave}\n        onDaySlotsDrop={(event, dayStr, dayIdx) => {\n          const slotIndex = getSlotIndexFromDragPoint(event, dayIdx);\n          if (slotIndex !== null) {\n            dragDrop.handleDrop(event, { day: dayStr, slotIndex });\n          }\n        }}\n        dropTargetSlotIndex={\n          dragDrop.dropTarget?.day === day ? dragDrop.dropTarget.slotIndex : undefined\n        }\n        withDragSlotSelect={withDragSlotSelect}\n        onSlotPointerDown={slotDragSelect.handleSlotPointerDown}\n        isSlotDragSelected={slotDragSelect.isSlotSelected}\n        daySlotsContainerRef={(node) => {\n          daySlotsContainersRef.current[dayIndex] = node;\n        }}\n        getTimeSlotProps={getTimeSlotProps}\n      >\n        {backgroundEventNodes}\n        {dayEvents}\n      </WeekViewDay>\n    );\n  });\n\n  const allDaySlots = weekdays.map((day, dayIndex) => (\n    <UnstyledButton\n      aria-label={`${getLabel('allDay', labels)} ${dayjs(day).format('YYYY-MM-DD')}`}\n      key={day}\n      ref={(node) => {\n        allDaySlotsRef.current[dayIndex] = node!;\n      }}\n      tabIndex={dayIndex === 0 ? 0 : -1}\n      onKeyDown={(event) => handleAllDaySlotKeyDown(event, dayIndex)}\n      onClick={\n        mode === 'static' || !onAllDaySlotClick\n          ? undefined\n          : (e) => onAllDaySlotClick(dayjs(day).format('YYYY-MM-DD'), e)\n      }\n      onDragOver={withDragHandlers ? (e) => allDayDragDrop.handleDragOver(e, day) : undefined}\n      onDragLeave={withDragHandlers ? allDayDragDrop.handleDragLeave : undefined}\n      onDrop={withDragHandlers ? (e) => allDayDragDrop.handleDrop(e, day) : undefined}\n      {...getStyles('weekViewDaySlot')}\n      mod={{ 'drop-target': allDayDragDrop.isDropTarget(day) }}\n    />\n  ));\n\n  const allDayEventIds = useMemo(\n    () => new Set(weekEvents.allDayEvents.map((e) => e.id)),\n    [weekEvents.allDayEvents]\n  );\n\n  const allDayEvents = weekEvents.allDayEvents.map((event) => (\n    <ScheduleEvent\n      key={event.id}\n      event={event}\n      autoSize\n      nowrap\n      hanging={event.position.hanging}\n      draggable={allDayDragDrop.isDraggableEvent(event)}\n      renderEvent={renderEvent}\n      mode={mode}\n      onClick={onEventClick ? (e) => onEventClick(event, e) : undefined}\n      style={{\n        position: 'absolute',\n        zIndex: 2,\n        top: `calc(${event.position.row * 50}% + 1px)`,\n        left: `calc(${event.position.offset}% + 1px)`,\n        width: `calc(${event.position.width}% - 1px)`,\n        height: 'calc(50% - 2px)',\n        maxHeight: 'calc(50% - 2px)',\n      }}\n    />\n  ));\n\n  const allDayBackgroundEventNodes = weekdays.flatMap((day, dayIndex) => {\n    const allDayBgEvents = (weekEvents.backgroundEvents[day] || []).filter(\n      (event) => event.position.allDay\n    );\n    const dayWidth = 100 / weekdays.length;\n    const dayOffset = dayIndex * dayWidth;\n\n    return allDayBgEvents.map((event) => {\n      const colors = theme.variantColorResolver({\n        color: event.color || theme.primaryColor,\n        theme,\n        variant: 'light',\n        autoContrast: true,\n      });\n\n      const bgEventBody =\n        typeof renderEventBody === 'function' ? renderEventBody(event) : event.title;\n\n      const bgEventProps = {\n        key: `bg-allday-${event.id}-${day}`,\n        ...getStyles('weekViewBackgroundEvent', {\n          style: {\n            top: 0,\n            height: '100%',\n            left: `${dayOffset}%`,\n            width: `${dayWidth}%`,\n          },\n        }),\n        __vars: {\n          '--bg-event-bg': colors.background,\n          '--bg-event-color': colors.color,\n        },\n        children: bgEventBody,\n      };\n\n      if (typeof renderEvent === 'function') {\n        return renderEvent(event, bgEventProps as any);\n      }\n\n      const { key: bgEventKey, ...restBgEventProps } = bgEventProps;\n      return <Box key={bgEventKey} {...restBgEventProps} />;\n    });\n  });\n\n  // Extra rows show on hover = total rows - 2 visible rows (starts from 0, so -1)\n  const extraRows = Math.max(...weekEvents.allDayEvents.map((event) => event.position.row), 1) - 1;\n\n  const content = (\n    <Box\n      {...getStyles('weekView')}\n      mod={{ static: mode === 'static', 'slot-dragging': slotDragSelect.isDragging }}\n      {...others}\n    >\n      {withHeader && (\n        <ScheduleHeaderBase\n          view=\"week\"\n          navigationHandlers={{\n            previous: () => previousWeek(date, ctx.getFirstDayOfWeek(firstDayOfWeek)),\n            next: () => nextWeek(date, ctx.getFirstDayOfWeek(firstDayOfWeek)),\n            today: () => toDateString(resolveNow()),\n          }}\n          control={{\n            miw: 140,\n            title: getWeekLabel({\n              weekdays,\n              locale: ctx.getLocale(locale),\n              weekLabelFormat,\n              renderWeekLabel,\n            }),\n          }}\n          labels={labels}\n          onDateChange={onDateChange}\n          onViewChange={onViewChange}\n          previousControlProps={previousControlProps}\n          nextControlProps={nextControlProps}\n          todayControlProps={todayControlProps}\n          viewSelectProps={viewSelectProps}\n          stylesApiProps={stylesApiProps}\n        />\n      )}\n\n      <Box\n        {...getStyles('weekViewRoot')}\n        __vars={{\n          '--indicator-offset-index':\n            currentWeekdayIndex === -1 ? undefined : `${currentWeekdayIndex + 1}`,\n          '--number-of-days': withWeekendDays\n            ? '7'\n            : `${7 - ctx.getWeekendDays(weekendDays).length}`,\n        }}\n        mod={{ 'with-weekends': withWeekendDays }}\n      >\n        <ScrollArea.Autosize\n          scrollbarSize={4}\n          {...scrollAreaProps}\n          {...getStyles('weekViewScrollArea', {\n            className: scrollAreaProps?.className,\n            style: scrollAreaProps?.style,\n          })}\n          onScrollPositionChange={(position) => {\n            scrollAreaProps?.onScrollPositionChange?.(position);\n            setScrolled(position.y !== 0);\n          }}\n          viewportRef={mergedViewportRef}\n        >\n          <Box {...getStyles('weekViewHeader')} mod={{ scrolled }}>\n            <div {...getStyles('weekViewCorner')} key=\"corner\">\n              {withWeekNumber && (\n                <>\n                  <div {...getStyles('weekViewWeekLabel')}>{getLabel('week', labels)}</div>\n                  <div {...getStyles('weekViewWeekNumber')}>{getWeekNumber(date)}</div>\n                </>\n              )}\n            </div>\n\n            {weekdaysLabels}\n          </Box>\n\n          {withAllDaySlots && (\n            <div {...getStyles('weekViewAllDaySlots')}>\n              <div {...getStyles('weekViewAllDaySlotsLabel')}>{getLabel('allDay', labels)}</div>\n              <div {...getStyles('weekViewAllDaySlotsList')}>\n                {allDayBackgroundEventNodes}\n                <Box\n                  {...getStyles('weekViewAllDaySlotsEvents')}\n                  __vars={{ '--extra-rows': `${extraRows}` }}\n                >\n                  {allDayEvents}\n                </Box>\n                {allDaySlots}\n              </div>\n            </div>\n          )}\n\n          <div {...getStyles('weekViewInner')}>\n            <div {...getStyles('weekViewSlotLabels')}>{timeValues}</div>\n\n            {withCurrentTimeIndicator && currentWeekdayIndex !== -1 && (\n              <CurrentTimeIndicator\n                startOffset=\"calc(100% - (100% / var(--number-of-days)) * (var(--number-of-days) - var(--indicator-offset-index) + 1) + ((var(--number-of-days) - var(--indicator-offset-index) + 1) * var(--indicator-labels-offset)))\"\n                endOffset=\"calc((100% / var(--number-of-days)) * (var(--number-of-days) - var(--indicator-offset-index)) - (var(--number-of-days) - var(--indicator-offset-index)) * var(--indicator-labels-offset))\"\n                timeBubbleStartOffset=\"calc(var(--week-view-slots-label-width) - var(--time-bubble-width))\"\n                currentTimeFormat={slotLabelFormat}\n                withTimeBubble={withCurrentTimeBubble}\n                withThumb={withCurrentTimeBubble ? currentWeekdayIndex !== 0 : true}\n                locale={locale}\n                startTime={startTime}\n                endTime={endTime}\n                intervalMinutes={intervalMinutes}\n                getCurrentTime={getCurrentTime}\n                {...stylesApiProps}\n              />\n            )}\n            {days}\n          </div>\n        </ScrollArea.Autosize>\n      </Box>\n    </Box>\n  );\n\n  const mergedDragContextValue = useMemo<DragContextValue>(\n    () => ({\n      isDragging:\n        dragDrop.dragContextValue.isDragging || allDayDragDrop.dragContextValue.isDragging,\n      draggedEventId:\n        dragDrop.dragContextValue.draggedEventId ?? allDayDragDrop.dragContextValue.draggedEventId,\n      draggedEvent:\n        dragDrop.dragContextValue.draggedEvent ?? allDayDragDrop.dragContextValue.draggedEvent,\n      dropTarget:\n        dragDrop.dragContextValue.dropTarget ?? allDayDragDrop.dragContextValue.dropTarget,\n      onDragStart: (event: ScheduleEventData) => {\n        if (allDayEventIds.has(event.id)) {\n          allDayDragDrop.handleDragStart(event);\n        } else {\n          dragDrop.handleDragStart(event);\n        }\n      },\n      onDragEnd: () => {\n        dragDrop.handleDragEnd();\n        allDayDragDrop.handleDragEnd();\n      },\n      setDropTarget: dragDrop.dragContextValue.setDropTarget,\n    }),\n    [dragDrop.dragContextValue, allDayDragDrop.dragContextValue, allDayEventIds]\n  );\n\n  if (withEventsDragAndDrop) {\n    return <DragContext.Provider value={mergedDragContextValue}>{content}</DragContext.Provider>;\n  }\n\n  return content;\n});\n\nWeekView.displayName = '@mantine/schedule/WeekView';\nWeekView.classes = classes;\nWeekView.varsResolver = varsResolver;\n\nexport namespace WeekView {\n  export type Props = WeekViewProps;\n  export type Factory = WeekViewFactory;\n  export type StylesNames = WeekViewStylesNames;\n  export type CssVariables = WeekViewCssVariables;\n}\n"],"mappings":"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"}

package/cjs/hooks/use-auto-scroll-on-drag.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../_virtual/_rolldown/runtime.cjs");
 let react = require("react");
 //#region packages/@mantine/schedule/src/hooks/use-auto-scroll-on-drag.ts
 const EDGE_THRESHOLD = 50;

package/cjs/hooks/use-auto-scroll-on-drag.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-auto-scroll-on-drag.cjs","names":[],"sources":["../../src/hooks/use-auto-scroll-on-drag.ts"],"sourcesContent":["import { useEffect, useEffectEvent, useRef } from 'react';\n\nconst EDGE_THRESHOLD = 50;\nconst MAX_SCROLL_SPEED = 8;\n\ninterface UseAutoScrollOnDragOptions {\n  viewportRef: React.RefObject<HTMLDivElement | null>;\n  enabled: boolean;\n}\n\nexport function useAutoScrollOnDrag({ viewportRef, enabled }: UseAutoScrollOnDragOptions) {\n  const rafId = useRef<number | null>(null);\n  const scrollDirection = useRef<number>(0);\n\n  const stopScroll = useEffectEvent(() => {\n    if (rafId.current !== null) {\n      cancelAnimationFrame(rafId.current);\n      rafId.current = null;\n    }\n    scrollDirection.current = 0;\n  });\n\n  const startScroll = useEffectEvent(() => {\n    if (rafId.current !== null) {\n      return;\n    }\n\n    const tick = () => {\n      const viewport = viewportRef.current;\n      if (!viewport || scrollDirection.current === 0) {\n        rafId.current = null;\n        return;\n      }\n\n      viewport.scrollTop += scrollDirection.current;\n      rafId.current = requestAnimationFrame(tick);\n    };\n\n    rafId.current = requestAnimationFrame(tick);\n  });\n\n  useEffect(() => {\n    if (!enabled) {\n      return undefined;\n    }\n\n    const viewport = viewportRef.current;\n    if (!viewport) {\n      return undefined;\n    }\n\n    const handleDragOver = (event: DragEvent) => {\n      const rect = viewport.getBoundingClientRect();\n      const distanceFromTop = event.clientY - rect.top;\n      const distanceFromBottom = rect.bottom - event.clientY;\n\n      if (distanceFromTop < EDGE_THRESHOLD) {\n        const proximity = 1 - distanceFromTop / EDGE_THRESHOLD;\n        scrollDirection.current = -Math.ceil(proximity * MAX_SCROLL_SPEED);\n        startScroll();\n      } else if (distanceFromBottom < EDGE_THRESHOLD) {\n        const proximity = 1 - distanceFromBottom / EDGE_THRESHOLD;\n        scrollDirection.current = Math.ceil(proximity * MAX_SCROLL_SPEED);\n        startScroll();\n      } else {\n        stopScroll();\n      }\n    };\n\n    const handleDragEnd = () => {\n      stopScroll();\n    };\n\n    viewport.addEventListener('dragover', handleDragOver);\n    viewport.addEventListener('dragleave', handleDragEnd);\n    viewport.addEventListener('dragend', handleDragEnd);\n    viewport.addEventListener('drop', handleDragEnd);\n\n    return () => {\n      stopScroll();\n      viewport.removeEventListener('dragover', handleDragOver);\n      viewport.removeEventListener('dragleave', handleDragEnd);\n      viewport.removeEventListener('dragend', handleDragEnd);\n      viewport.removeEventListener('drop', handleDragEnd);\n    };\n  }, [enabled, viewportRef]);\n}\n"],"mappings":";;;;AAEA,MAAM,iBAAiB;AACvB,MAAM,mBAAmB;AAOzB,SAAgB,oBAAoB,EAAE,aAAa,WAAuC;CACxF,MAAM,SAAA,GAAA,MAAA,QAA8B,IAAI;CACxC,MAAM,mBAAA,GAAA,MAAA,QAAiC,CAAC;CAExC,MAAM,cAAA,GAAA,MAAA,sBAAkC;EACtC,IAAI,MAAM,YAAY,MAAM;GAC1B,qBAAqB,MAAM,OAAO;GAClC,MAAM,UAAU;EAClB;EACA,gBAAgB,UAAU;CAC5B,CAAC;CAED,MAAM,eAAA,GAAA,MAAA,sBAAmC;EACvC,IAAI,MAAM,YAAY,MACpB;EAGF,MAAM,aAAa;GACjB,MAAM,WAAW,YAAY;GAC7B,IAAI,CAAC,YAAY,gBAAgB,YAAY,GAAG;IAC9C,MAAM,UAAU;IAChB;GACF;GAEA,SAAS,aAAa,gBAAgB;GACtC,MAAM,UAAU,sBAAsB,IAAI;EAC5C;EAEA,MAAM,UAAU,sBAAsB,IAAI;CAC5C,CAAC;CAED,CAAA,GAAA,MAAA,iBAAgB;EACd,IAAI,CAAC,SACH;EAGF,MAAM,WAAW,YAAY;EAC7B,IAAI,CAAC,UACH;EAGF,MAAM,kBAAkB,UAAqB;GAC3C,MAAM,OAAO,SAAS,sBAAsB;GAC5C,MAAM,kBAAkB,MAAM,UAAU,KAAK;GAC7C,MAAM,qBAAqB,KAAK,SAAS,MAAM;GAE/C,IAAI,kBAAkB,gBAAgB;IACpC,MAAM,YAAY,IAAI,kBAAkB;IACxC,gBAAgB,UAAU,CAAC,KAAK,KAAK,YAAY,gBAAgB;IACjE,YAAY;GACd,OAAO,IAAI,qBAAqB,gBAAgB;IAC9C,MAAM,YAAY,IAAI,qBAAqB;IAC3C,gBAAgB,UAAU,KAAK,KAAK,YAAY,gBAAgB;IAChE,YAAY;GACd,OACE,WAAW;EAEf;EAEA,MAAM,sBAAsB;GAC1B,WAAW;EACb;EAEA,SAAS,iBAAiB,YAAY,cAAc;EACpD,SAAS,iBAAiB,aAAa,aAAa;EACpD,SAAS,iBAAiB,WAAW,aAAa;EAClD,SAAS,iBAAiB,QAAQ,aAAa;EAE/C,aAAa;GACX,WAAW;GACX,SAAS,oBAAoB,YAAY,cAAc;GACvD,SAAS,oBAAoB,aAAa,aAAa;GACvD,SAAS,oBAAoB,WAAW,aAAa;GACrD,SAAS,oBAAoB,QAAQ,aAAa;EACpD;CACF,GAAG,CAAC,SAAS,WAAW,CAAC;AAC3B"}
+{"version":3,"file":"use-auto-scroll-on-drag.cjs","names":[],"sources":["../../src/hooks/use-auto-scroll-on-drag.ts"],"sourcesContent":["import { useEffect, useEffectEvent, useRef } from 'react';\n\nconst EDGE_THRESHOLD = 50;\nconst MAX_SCROLL_SPEED = 8;\n\ninterface UseAutoScrollOnDragOptions {\n  viewportRef: React.RefObject<HTMLDivElement | null>;\n  enabled: boolean;\n}\n\nexport function useAutoScrollOnDrag({ viewportRef, enabled }: UseAutoScrollOnDragOptions) {\n  const rafId = useRef<number | null>(null);\n  const scrollDirection = useRef<number>(0);\n\n  const stopScroll = useEffectEvent(() => {\n    if (rafId.current !== null) {\n      cancelAnimationFrame(rafId.current);\n      rafId.current = null;\n    }\n    scrollDirection.current = 0;\n  });\n\n  const startScroll = useEffectEvent(() => {\n    if (rafId.current !== null) {\n      return;\n    }\n\n    const tick = () => {\n      const viewport = viewportRef.current;\n      if (!viewport || scrollDirection.current === 0) {\n        rafId.current = null;\n        return;\n      }\n\n      viewport.scrollTop += scrollDirection.current;\n      rafId.current = requestAnimationFrame(tick);\n    };\n\n    rafId.current = requestAnimationFrame(tick);\n  });\n\n  useEffect(() => {\n    if (!enabled) {\n      return undefined;\n    }\n\n    const viewport = viewportRef.current;\n    if (!viewport) {\n      return undefined;\n    }\n\n    const handleDragOver = (event: DragEvent) => {\n      const rect = viewport.getBoundingClientRect();\n      const distanceFromTop = event.clientY - rect.top;\n      const distanceFromBottom = rect.bottom - event.clientY;\n\n      if (distanceFromTop < EDGE_THRESHOLD) {\n        const proximity = 1 - distanceFromTop / EDGE_THRESHOLD;\n        scrollDirection.current = -Math.ceil(proximity * MAX_SCROLL_SPEED);\n        startScroll();\n      } else if (distanceFromBottom < EDGE_THRESHOLD) {\n        const proximity = 1 - distanceFromBottom / EDGE_THRESHOLD;\n        scrollDirection.current = Math.ceil(proximity * MAX_SCROLL_SPEED);\n        startScroll();\n      } else {\n        stopScroll();\n      }\n    };\n\n    const handleDragEnd = () => {\n      stopScroll();\n    };\n\n    viewport.addEventListener('dragover', handleDragOver);\n    viewport.addEventListener('dragleave', handleDragEnd);\n    viewport.addEventListener('dragend', handleDragEnd);\n    viewport.addEventListener('drop', handleDragEnd);\n\n    return () => {\n      stopScroll();\n      viewport.removeEventListener('dragover', handleDragOver);\n      viewport.removeEventListener('dragleave', handleDragEnd);\n      viewport.removeEventListener('dragend', handleDragEnd);\n      viewport.removeEventListener('drop', handleDragEnd);\n    };\n  }, [enabled, viewportRef]);\n}\n"],"mappings":";;;AAEA,MAAM,iBAAiB;AACvB,MAAM,mBAAmB;AAOzB,SAAgB,oBAAoB,EAAE,aAAa,WAAuC;CACxF,MAAM,SAAA,GAAA,MAAA,QAA8B,IAAI;CACxC,MAAM,mBAAA,GAAA,MAAA,QAAiC,CAAC;CAExC,MAAM,cAAA,GAAA,MAAA,sBAAkC;EACtC,IAAI,MAAM,YAAY,MAAM;GAC1B,qBAAqB,MAAM,OAAO;GAClC,MAAM,UAAU;EAClB;EACA,gBAAgB,UAAU;CAC5B,CAAC;CAED,MAAM,eAAA,GAAA,MAAA,sBAAmC;EACvC,IAAI,MAAM,YAAY,MACpB;EAGF,MAAM,aAAa;GACjB,MAAM,WAAW,YAAY;GAC7B,IAAI,CAAC,YAAY,gBAAgB,YAAY,GAAG;IAC9C,MAAM,UAAU;IAChB;GACF;GAEA,SAAS,aAAa,gBAAgB;GACtC,MAAM,UAAU,sBAAsB,IAAI;EAC5C;EAEA,MAAM,UAAU,sBAAsB,IAAI;CAC5C,CAAC;CAED,CAAA,GAAA,MAAA,iBAAgB;EACd,IAAI,CAAC,SACH;EAGF,MAAM,WAAW,YAAY;EAC7B,IAAI,CAAC,UACH;EAGF,MAAM,kBAAkB,UAAqB;GAC3C,MAAM,OAAO,SAAS,sBAAsB;GAC5C,MAAM,kBAAkB,MAAM,UAAU,KAAK;GAC7C,MAAM,qBAAqB,KAAK,SAAS,MAAM;GAE/C,IAAI,kBAAkB,gBAAgB;IACpC,MAAM,YAAY,IAAI,kBAAkB;IACxC,gBAAgB,UAAU,CAAC,KAAK,KAAK,YAAY,gBAAgB;IACjE,YAAY;GACd,OAAO,IAAI,qBAAqB,gBAAgB;IAC9C,MAAM,YAAY,IAAI,qBAAqB;IAC3C,gBAAgB,UAAU,KAAK,KAAK,YAAY,gBAAgB;IAChE,YAAY;GACd,OACE,WAAW;EAEf;EAEA,MAAM,sBAAsB;GAC1B,WAAW;EACb;EAEA,SAAS,iBAAiB,YAAY,cAAc;EACpD,SAAS,iBAAiB,aAAa,aAAa;EACpD,SAAS,iBAAiB,WAAW,aAAa;EAClD,SAAS,iBAAiB,QAAQ,aAAa;EAE/C,aAAa;GACX,WAAW;GACX,SAAS,oBAAoB,YAAY,cAAc;GACvD,SAAS,oBAAoB,aAAa,aAAa;GACvD,SAAS,oBAAoB,WAAW,aAAa;GACrD,SAAS,oBAAoB,QAAQ,aAAa;EACpD;CACF,GAAG,CAAC,SAAS,WAAW,CAAC;AAC3B"}

package/cjs/hooks/use-drag-state.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../_virtual/_rolldown/runtime.cjs");
 let react = require("react");
 //#region packages/@mantine/schedule/src/hooks/use-drag-state.ts
 const initialState = {

package/cjs/hooks/use-drag-state.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-drag-state.cjs","names":[],"sources":["../../src/hooks/use-drag-state.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\nimport { DateStringValue, ScheduleEventData } from '../types';\n\nexport interface DropTarget {\n  /** Target date in YYYY-MM-DD format */\n  date: DateStringValue;\n\n  /** Target time in HH:mm:ss format (for DayView/WeekView) */\n  time?: string;\n\n  /** Target slot index (for DayView/WeekView) */\n  slotIndex?: number;\n}\n\nexport interface DragState {\n  /** Whether an event is currently being dragged */\n  isDragging: boolean;\n\n  /** ID of the event being dragged */\n  draggedEventId: string | number | null;\n\n  /** The event being dragged */\n  draggedEvent: ScheduleEventData | null;\n\n  /** Current drop target information */\n  dropTarget: DropTarget | null;\n}\n\nexport interface UseDragStateReturn {\n  /** Current drag state */\n  state: DragState;\n\n  /** Start dragging an event */\n  startDrag: (event: ScheduleEventData) => void;\n\n  /** End dragging */\n  endDrag: () => void;\n\n  /** Set the current drop target */\n  setDropTarget: (target: DropTarget | null) => void;\n\n  /** Clear the drop target */\n  clearDropTarget: () => void;\n}\n\nconst initialState: DragState = {\n  isDragging: false,\n  draggedEventId: null,\n  draggedEvent: null,\n  dropTarget: null,\n};\n\nexport function useDragState(): UseDragStateReturn {\n  const [state, setState] = useState<DragState>(initialState);\n\n  const startDrag = useCallback((event: ScheduleEventData) => {\n    setState({\n      isDragging: true,\n      draggedEventId: event.id,\n      draggedEvent: event,\n      dropTarget: null,\n    });\n  }, []);\n\n  const endDrag = useCallback(() => {\n    setState(initialState);\n  }, []);\n\n  const setDropTarget = useCallback((target: DropTarget | null) => {\n    setState((prev) => ({\n      ...prev,\n      dropTarget: target,\n    }));\n  }, []);\n\n  const clearDropTarget = useCallback(() => {\n    setState((prev) => ({\n      ...prev,\n      dropTarget: null,\n    }));\n  }, []);\n\n  return {\n    state,\n    startDrag,\n    endDrag,\n    setDropTarget,\n    clearDropTarget,\n  };\n}\n"],"mappings":";;;;AA6CA,MAAM,eAA0B;CAC9B,YAAY;CACZ,gBAAgB;CAChB,cAAc;CACd,YAAY;AACd;AAEA,SAAgB,eAAmC;CACjD,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UAAgC,YAAY;CA6B1D,OAAO;EACL;EACA,YAAA,GAAA,MAAA,cA7B6B,UAA6B;GAC1D,SAAS;IACP,YAAY;IACZ,gBAAgB,MAAM;IACtB,cAAc;IACd,YAAY;GACd,CAAC;EACH,GAAG,CAAC,CAsBM;EACR,UAAA,GAAA,MAAA,mBArBgC;GAChC,SAAS,YAAY;EACvB,GAAG,CAAC,CAmBI;EACN,gBAAA,GAAA,MAAA,cAlBiC,WAA8B;GAC/D,UAAU,UAAU;IAClB,GAAG;IACH,YAAY;GACd,EAAE;EACJ,GAAG,CAAC,CAaU;EACZ,kBAAA,GAAA,MAAA,mBAZwC;GACxC,UAAU,UAAU;IAClB,GAAG;IACH,YAAY;GACd,EAAE;EACJ,GAAG,CAAC,CAOY;CAChB;AACF"}
+{"version":3,"file":"use-drag-state.cjs","names":[],"sources":["../../src/hooks/use-drag-state.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\nimport { DateStringValue, ScheduleEventData } from '../types';\n\nexport interface DropTarget {\n  /** Target date in YYYY-MM-DD format */\n  date: DateStringValue;\n\n  /** Target time in HH:mm:ss format (for DayView/WeekView) */\n  time?: string;\n\n  /** Target slot index (for DayView/WeekView) */\n  slotIndex?: number;\n}\n\nexport interface DragState {\n  /** Whether an event is currently being dragged */\n  isDragging: boolean;\n\n  /** ID of the event being dragged */\n  draggedEventId: string | number | null;\n\n  /** The event being dragged */\n  draggedEvent: ScheduleEventData | null;\n\n  /** Current drop target information */\n  dropTarget: DropTarget | null;\n}\n\nexport interface UseDragStateReturn {\n  /** Current drag state */\n  state: DragState;\n\n  /** Start dragging an event */\n  startDrag: (event: ScheduleEventData) => void;\n\n  /** End dragging */\n  endDrag: () => void;\n\n  /** Set the current drop target */\n  setDropTarget: (target: DropTarget | null) => void;\n\n  /** Clear the drop target */\n  clearDropTarget: () => void;\n}\n\nconst initialState: DragState = {\n  isDragging: false,\n  draggedEventId: null,\n  draggedEvent: null,\n  dropTarget: null,\n};\n\nexport function useDragState(): UseDragStateReturn {\n  const [state, setState] = useState<DragState>(initialState);\n\n  const startDrag = useCallback((event: ScheduleEventData) => {\n    setState({\n      isDragging: true,\n      draggedEventId: event.id,\n      draggedEvent: event,\n      dropTarget: null,\n    });\n  }, []);\n\n  const endDrag = useCallback(() => {\n    setState(initialState);\n  }, []);\n\n  const setDropTarget = useCallback((target: DropTarget | null) => {\n    setState((prev) => ({\n      ...prev,\n      dropTarget: target,\n    }));\n  }, []);\n\n  const clearDropTarget = useCallback(() => {\n    setState((prev) => ({\n      ...prev,\n      dropTarget: null,\n    }));\n  }, []);\n\n  return {\n    state,\n    startDrag,\n    endDrag,\n    setDropTarget,\n    clearDropTarget,\n  };\n}\n"],"mappings":";;;AA6CA,MAAM,eAA0B;CAC9B,YAAY;CACZ,gBAAgB;CAChB,cAAc;CACd,YAAY;AACd;AAEA,SAAgB,eAAmC;CACjD,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UAAgC,YAAY;CA6B1D,OAAO;EACL;EACA,YAAA,GAAA,MAAA,cA7B6B,UAA6B;GAC1D,SAAS;IACP,YAAY;IACZ,gBAAgB,MAAM;IACtB,cAAc;IACd,YAAY;GACd,CAAC;EACH,GAAG,CAAC,CAsBM;EACR,UAAA,GAAA,MAAA,mBArBgC;GAChC,SAAS,YAAY;EACvB,GAAG,CAAC,CAmBI;EACN,gBAAA,GAAA,MAAA,cAlBiC,WAA8B;GAC/D,UAAU,UAAU;IAClB,GAAG;IACH,YAAY;GACd,EAAE;EACJ,GAAG,CAAC,CAaU;EACZ,kBAAA,GAAA,MAAA,mBAZwC;GACxC,UAAU,UAAU;IAClB,GAAG;IACH,YAAY;GACd,EAAE;EACJ,GAAG,CAAC,CAOY;CAChB;AACF"}

package/cjs/hooks/use-slot-drag-select.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../_virtual/_rolldown/runtime.cjs");
 let react = require("react");
 //#region packages/@mantine/schedule/src/hooks/use-slot-drag-select.ts
 function useSlotDragSelect({ enabled = true, onDragEnd }) {