@mantine/dates 6.0.19 → 7.0.0-beta.0

package/esm/components/DecadeLevel/DecadeLevel.js

@@ -1,8 +1,7 @@
+import React from 'react';
+import { factory, useProps, Box } from '@mantine/core';
 import dayjs from 'dayjs';
-import React, { forwardRef } from 'react';
-import { useComponentDefaultProps, Box } from '@mantine/core';
 import { getDecadeRange } from './get-decade-range/get-decade-range.js';
-import useStyles from './DecadeLevel.styles.js';
 import { useDatesContext } from '../DatesProvider/use-dates-context.js';
 import { CalendarHeader } from '../CalendarHeader/CalendarHeader.js';
 import { YearsList } from '../YearsList/YearsList.js';
@@ -38,9 +37,10 @@ var __objRest = (source, exclude) => {
 const defaultProps = {
   decadeLabelFormat: "YYYY"
 };
-const DecadeLevel = forwardRef((props, ref) => {
-  const _a = useComponentDefaultProps("DecadeLevel", defaultProps, props), {
-    decade,
+const DecadeLevel = factory((_props, ref) => {
+  const props = useProps("DecadeLevel", defaultProps, _props);
+  const _a = props, {
+    decade: decade,
     locale,
     minDate,
     maxDate,
@@ -51,7 +51,7 @@ const DecadeLevel = forwardRef((props, ref) => {
     __onControlClick,
     __onControlMouseEnter,
     withCellSpacing,
-    __preventFocus,
+    __preventFocus: __preventFocus,
     nextIcon,
     previousIcon,
     nextLabel,
@@ -63,16 +63,15 @@ const DecadeLevel = forwardRef((props, ref) => {
     levelControlAriaLabel,
     withNext,
     withPrevious,
-    className,
-    decadeLabelFormat,
+    decadeLabelFormat: decadeLabelFormat,
     classNames,
     styles,
     unstyled,
     __staticSelector,
     __stopPropagation,
-    variant,
     size
   } = _a, others = __objRest(_a, [
+    // YearsList settings
     "decade",
     "locale",
     "minDate",
@@ -84,6 +83,7 @@ const DecadeLevel = forwardRef((props, ref) => {
     "__onControlClick",
     "__onControlMouseEnter",
     "withCellSpacing",
+    // CalendarHeader settings
     "__preventFocus",
     "nextIcon",
     "previousIcon",
@@ -96,24 +96,15 @@ const DecadeLevel = forwardRef((props, ref) => {
     "levelControlAriaLabel",
     "withNext",
     "withPrevious",
-    "className",
+    // Other props
     "decadeLabelFormat",
     "classNames",
     "styles",
     "unstyled",
     "__staticSelector",
     "__stopPropagation",
-    "variant",
     "size"
   ]);
-  const { classes, cx } = useStyles(null, {
-    name: ["DecadeLevel", __staticSelector],
-    classNames,
-    styles,
-    unstyled,
-    variant,
-    size
-  });
   const ctx = useDatesContext();
   const [startOfDecade, endOfDecade] = getDecadeRange(decade);
   const stylesApiProps = {
@@ -121,49 +112,53 @@ const DecadeLevel = forwardRef((props, ref) => {
     classNames,
     styles,
     unstyled,
-    variant,
     size
   };
   const _nextDisabled = typeof nextDisabled === "boolean" ? nextDisabled : maxDate ? !dayjs(endOfDecade).endOf("year").isBefore(maxDate) : false;
   const _previousDisabled = typeof previousDisabled === "boolean" ? previousDisabled : minDate ? !dayjs(startOfDecade).startOf("year").isAfter(minDate) : false;
   const formatDecade = (date, format) => dayjs(date).locale(locale || ctx.locale).format(format);
-  return /* @__PURE__ */ React.createElement(Box, __spreadValues({
-    className: cx(classes.decadeLevel, className),
-    "data-decade-level": true,
-    ref
-  }, others), /* @__PURE__ */ React.createElement(CalendarHeader, __spreadValues({
-    label: typeof decadeLabelFormat === "function" ? decadeLabelFormat(startOfDecade, endOfDecade) : `${formatDecade(startOfDecade, decadeLabelFormat)} \u2013 ${formatDecade(endOfDecade, decadeLabelFormat)}`,
-    className: classes.calendarHeader,
-    __preventFocus,
-    __stopPropagation,
-    nextIcon,
-    previousIcon,
-    nextLabel,
-    previousLabel,
-    onNext,
-    onPrevious,
-    nextDisabled: _nextDisabled,
-    previousDisabled: _previousDisabled,
-    hasNextLevel: false,
-    levelControlAriaLabel,
-    withNext,
-    withPrevious
-  }, stylesApiProps)), /* @__PURE__ */ React.createElement(YearsList, __spreadValues({
-    decade,
-    locale,
-    minDate,
-    maxDate,
-    yearsListFormat,
-    getYearControlProps,
-    __getControlRef,
-    __onControlKeyDown,
-    __onControlClick,
-    __onControlMouseEnter,
-    __preventFocus,
-    __stopPropagation,
-    withCellSpacing
-  }, stylesApiProps)));
+  return /* @__PURE__ */ React.createElement(Box, __spreadValues({ "data-decade-level": true, size, ref }, others), /* @__PURE__ */ React.createElement(
+    CalendarHeader,
+    __spreadValues({
+      label: typeof decadeLabelFormat === "function" ? decadeLabelFormat(startOfDecade, endOfDecade) : `${formatDecade(startOfDecade, decadeLabelFormat)} \u2013 ${formatDecade(
+        endOfDecade,
+        decadeLabelFormat
+      )}`,
+      __preventFocus,
+      __stopPropagation,
+      nextIcon,
+      previousIcon,
+      nextLabel,
+      previousLabel,
+      onNext,
+      onPrevious,
+      nextDisabled: _nextDisabled,
+      previousDisabled: _previousDisabled,
+      hasNextLevel: false,
+      levelControlAriaLabel,
+      withNext,
+      withPrevious
+    }, stylesApiProps)
+  ), /* @__PURE__ */ React.createElement(
+    YearsList,
+    __spreadValues({
+      decade,
+      locale,
+      minDate,
+      maxDate,
+      yearsListFormat,
+      getYearControlProps,
+      __getControlRef,
+      __onControlKeyDown,
+      __onControlClick,
+      __onControlMouseEnter,
+      __preventFocus,
+      __stopPropagation,
+      withCellSpacing
+    }, stylesApiProps)
+  ));
 });
+DecadeLevel.classes = __spreadValues(__spreadValues({}, YearsList.classes), CalendarHeader.classes);
 DecadeLevel.displayName = "@mantine/dates/DecadeLevel";
 
 export { DecadeLevel };

package/esm/components/DecadeLevel/DecadeLevel.js.map

@@ -1 +1 @@
-{"version":3,"file":"DecadeLevel.js","sources":["../../../src/components/DecadeLevel/DecadeLevel.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport React, { forwardRef } from 'react';\nimport { Box, DefaultProps, useComponentDefaultProps, Selectors } from '@mantine/core';\nimport {\n  CalendarHeader,\n  CalendarHeaderStylesNames,\n  CalendarHeaderSettings,\n} from '../CalendarHeader';\nimport { useDatesContext } from '../DatesProvider';\nimport { YearsListSettings, YearsListStylesNames, YearsList } from '../YearsList';\nimport { getDecadeRange } from './get-decade-range/get-decade-range';\nimport useStyles from './DecadeLevel.styles';\n\nexport type DecadeLevelStylesNames =\n  | Selectors<typeof useStyles>\n  | YearsListStylesNames\n  | CalendarHeaderStylesNames;\n\nexport interface DecadeLevelBaseSettings extends YearsListSettings {\n  /** dayjs label format to display decade label or a function that returns decade label based on date value, defaults to \"YYYY\" */\n  decadeLabelFormat?: string | ((startOfDecade: Date, endOfDecade: Date) => React.ReactNode);\n}\n\nexport interface DecadeLevelSettings\n  extends DecadeLevelBaseSettings,\n    Omit<CalendarHeaderSettings, 'onLevelClick' | 'hasNextLevel'> {}\n\nexport interface DecadeLevelProps\n  extends DefaultProps<DecadeLevelStylesNames>,\n    DecadeLevelSettings,\n    React.ComponentPropsWithoutRef<'div'> {\n  variant?: string;\n  __staticSelector?: string;\n\n  /** Decade that is currently displayed */\n  decade: Date;\n\n  /** aria-label for change level control */\n  levelControlAriaLabel?: string;\n}\n\nconst defaultProps: Partial<DecadeLevelProps> = {\n  decadeLabelFormat: 'YYYY',\n};\n\nexport const DecadeLevel = forwardRef<HTMLDivElement, DecadeLevelProps>((props, ref) => {\n  const {\n    // YearsList settings\n    decade,\n    locale,\n    minDate,\n    maxDate,\n    yearsListFormat,\n    getYearControlProps,\n    __getControlRef,\n    __onControlKeyDown,\n    __onControlClick,\n    __onControlMouseEnter,\n    withCellSpacing,\n\n    // CalendarHeader settings\n    __preventFocus,\n    nextIcon,\n    previousIcon,\n    nextLabel,\n    previousLabel,\n    onNext,\n    onPrevious,\n    nextDisabled,\n    previousDisabled,\n    levelControlAriaLabel,\n    withNext,\n    withPrevious,\n\n    // Other props\n    className,\n    decadeLabelFormat,\n    classNames,\n    styles,\n    unstyled,\n    __staticSelector,\n    __stopPropagation,\n    variant,\n    size,\n    ...others\n  } = useComponentDefaultProps('DecadeLevel', defaultProps, props);\n\n  const { classes, cx } = useStyles(null, {\n    name: ['DecadeLevel', __staticSelector],\n    classNames,\n    styles,\n    unstyled,\n    variant,\n    size,\n  });\n\n  const ctx = useDatesContext();\n  const [startOfDecade, endOfDecade] = getDecadeRange(decade);\n\n  const stylesApiProps = {\n    __staticSelector: __staticSelector || 'DecadeLevel',\n    classNames,\n    styles,\n    unstyled,\n    variant,\n    size,\n  };\n\n  const _nextDisabled =\n    typeof nextDisabled === 'boolean'\n      ? nextDisabled\n      : maxDate\n      ? !dayjs(endOfDecade).endOf('year').isBefore(maxDate)\n      : false;\n\n  const _previousDisabled =\n    typeof previousDisabled === 'boolean'\n      ? previousDisabled\n      : minDate\n      ? !dayjs(startOfDecade).startOf('year').isAfter(minDate)\n      : false;\n\n  const formatDecade = (date: Date, format: string) =>\n    dayjs(date)\n      .locale(locale || ctx.locale)\n      .format(format);\n\n  return (\n    <Box className={cx(classes.decadeLevel, className)} data-decade-level ref={ref} {...others}>\n      <CalendarHeader\n        label={\n          typeof decadeLabelFormat === 'function'\n            ? decadeLabelFormat(startOfDecade, endOfDecade)\n            : `${formatDecade(startOfDecade, decadeLabelFormat)} – ${formatDecade(\n                endOfDecade,\n                decadeLabelFormat\n              )}`\n        }\n        className={classes.calendarHeader}\n        __preventFocus={__preventFocus}\n        __stopPropagation={__stopPropagation}\n        nextIcon={nextIcon}\n        previousIcon={previousIcon}\n        nextLabel={nextLabel}\n        previousLabel={previousLabel}\n        onNext={onNext}\n        onPrevious={onPrevious}\n        nextDisabled={_nextDisabled}\n        previousDisabled={_previousDisabled}\n        hasNextLevel={false}\n        levelControlAriaLabel={levelControlAriaLabel}\n        withNext={withNext}\n        withPrevious={withPrevious}\n        {...stylesApiProps}\n      />\n\n      <YearsList\n        decade={decade}\n        locale={locale}\n        minDate={minDate}\n        maxDate={maxDate}\n        yearsListFormat={yearsListFormat}\n        getYearControlProps={getYearControlProps}\n        __getControlRef={__getControlRef}\n        __onControlKeyDown={__onControlKeyDown}\n        __onControlClick={__onControlClick}\n        __onControlMouseEnter={__onControlMouseEnter}\n        __preventFocus={__preventFocus}\n        __stopPropagation={__stopPropagation}\n        withCellSpacing={withCellSpacing}\n        {...stylesApiProps}\n      />\n    </Box>\n  );\n});\n\nDecadeLevel.displayName = '@mantine/dates/DecadeLevel';\n"],"names":[],"mappings":";;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAWF,MAAM,YAAY,GAAG;AACrB,EAAE,iBAAiB,EAAE,MAAM;AAC3B,CAAC,CAAC;AACU,MAAC,WAAW,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AACtD,EAAE,MAAM,EAAE,GAAG,wBAAwB,CAAC,aAAa,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE;AAC3E,IAAI,MAAM;AACV,IAAI,MAAM;AACV,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,eAAe;AACnB,IAAI,mBAAmB;AACvB,IAAI,eAAe;AACnB,IAAI,kBAAkB;AACtB,IAAI,gBAAgB;AACpB,IAAI,qBAAqB;AACzB,IAAI,eAAe;AACnB,IAAI,cAAc;AAClB,IAAI,QAAQ;AACZ,IAAI,YAAY;AAChB,IAAI,SAAS;AACb,IAAI,aAAa;AACjB,IAAI,MAAM;AACV,IAAI,UAAU;AACd,IAAI,YAAY;AAChB,IAAI,gBAAgB;AACpB,IAAI,qBAAqB;AACzB,IAAI,QAAQ;AACZ,IAAI,YAAY;AAChB,IAAI,SAAS;AACb,IAAI,iBAAiB;AACrB,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,gBAAgB;AACpB,IAAI,iBAAiB;AACrB,IAAI,OAAO;AACX,IAAI,IAAI;AACR,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,QAAQ;AACZ,IAAI,QAAQ;AACZ,IAAI,SAAS;AACb,IAAI,SAAS;AACb,IAAI,iBAAiB;AACrB,IAAI,qBAAqB;AACzB,IAAI,iBAAiB;AACrB,IAAI,oBAAoB;AACxB,IAAI,kBAAkB;AACtB,IAAI,uBAAuB;AAC3B,IAAI,iBAAiB;AACrB,IAAI,gBAAgB;AACpB,IAAI,UAAU;AACd,IAAI,cAAc;AAClB,IAAI,WAAW;AACf,IAAI,eAAe;AACnB,IAAI,QAAQ;AACZ,IAAI,YAAY;AAChB,IAAI,cAAc;AAClB,IAAI,kBAAkB;AACtB,IAAI,uBAAuB;AAC3B,IAAI,UAAU;AACd,IAAI,cAAc;AAClB,IAAI,WAAW;AACf,IAAI,mBAAmB;AACvB,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,UAAU;AACd,IAAI,kBAAkB;AACtB,IAAI,mBAAmB;AACvB,IAAI,SAAS;AACb,IAAI,MAAM;AACV,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,SAAS,CAAC,IAAI,EAAE;AAC1C,IAAI,IAAI,EAAE,CAAC,aAAa,EAAE,gBAAgB,CAAC;AAC3C,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,OAAO;AACX,IAAI,IAAI;AACR,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,GAAG,GAAG,eAAe,EAAE,CAAC;AAChC,EAAE,MAAM,CAAC,aAAa,EAAE,WAAW,CAAC,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;AAC9D,EAAE,MAAM,cAAc,GAAG;AACzB,IAAI,gBAAgB,EAAE,gBAAgB,IAAI,aAAa;AACvD,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,OAAO;AACX,IAAI,IAAI;AACR,GAAG,CAAC;AACJ,EAAE,MAAM,aAAa,GAAG,OAAO,YAAY,KAAK,SAAS,GAAG,YAAY,GAAG,OAAO,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC;AACjJ,EAAE,MAAM,iBAAiB,GAAG,OAAO,gBAAgB,KAAK,SAAS,GAAG,gBAAgB,GAAG,OAAO,GAAG,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC;AAChK,EAAE,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;AACjG,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,cAAc,CAAC;AACjE,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,SAAS,CAAC;AACjD,IAAI,mBAAmB,EAAE,IAAI;AAC7B,IAAI,GAAG;AACP,GAAG,EAAE,MAAM,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,cAAc,EAAE,cAAc,CAAC;AACjF,IAAI,KAAK,EAAE,OAAO,iBAAiB,KAAK,UAAU,GAAG,iBAAiB,CAAC,aAAa,EAAE,WAAW,CAAC,GAAG,CAAC,EAAE,YAAY,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC,QAAQ,EAAE,YAAY,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC,CAAC;AAC/M,IAAI,SAAS,EAAE,OAAO,CAAC,cAAc;AACrC,IAAI,cAAc;AAClB,IAAI,iBAAiB;AACrB,IAAI,QAAQ;AACZ,IAAI,YAAY;AAChB,IAAI,SAAS;AACb,IAAI,aAAa;AACjB,IAAI,MAAM;AACV,IAAI,UAAU;AACd,IAAI,YAAY,EAAE,aAAa;AAC/B,IAAI,gBAAgB,EAAE,iBAAiB;AACvC,IAAI,YAAY,EAAE,KAAK;AACvB,IAAI,qBAAqB;AACzB,IAAI,QAAQ;AACZ,IAAI,YAAY;AAChB,GAAG,EAAE,cAAc,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,cAAc,CAAC;AACrF,IAAI,MAAM;AACV,IAAI,MAAM;AACV,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,eAAe;AACnB,IAAI,mBAAmB;AACvB,IAAI,eAAe;AACnB,IAAI,kBAAkB;AACtB,IAAI,gBAAgB;AACpB,IAAI,qBAAqB;AACzB,IAAI,cAAc;AAClB,IAAI,iBAAiB;AACrB,IAAI,eAAe;AACnB,GAAG,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;AACvB,CAAC,EAAE;AACH,WAAW,CAAC,WAAW,GAAG,4BAA4B;;;;"}
+{"version":3,"file":"DecadeLevel.js","sources":["../../../src/components/DecadeLevel/DecadeLevel.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  Factory,\n} from '@mantine/core';\nimport dayjs from 'dayjs';\nimport { YearsList, YearsListSettings, YearsListStylesNames } from '../YearsList';\nimport {\n  CalendarHeader,\n  CalendarHeaderSettings,\n  CalendarHeaderStylesNames,\n} from '../CalendarHeader';\nimport { useDatesContext } from '../DatesProvider';\nimport { getDecadeRange } from './get-decade-range/get-decade-range';\n\nexport type DecadeLevelStylesNames = YearsListStylesNames | CalendarHeaderStylesNames;\n\nexport interface DecadeLevelBaseSettings extends YearsListSettings {\n  /** dayjs label format to display decade label or a function that returns decade label based on date value, defaults to \"YYYY\" */\n  decadeLabelFormat?: string | ((startOfDecade: Date, endOfDecade: Date) => React.ReactNode);\n}\n\nexport interface DecadeLevelSettings\n  extends DecadeLevelBaseSettings,\n    Omit<CalendarHeaderSettings, 'onLevelClick' | 'hasNextLevel'> {}\n\nexport interface DecadeLevelProps\n  extends BoxProps,\n    DecadeLevelSettings,\n    Omit<StylesApiProps<DecadeLevelFactory>, 'classNames' | 'styles'>,\n    ElementProps<'div'> {\n  classNames?: Partial<Record<string, string>>;\n  styles?: Partial<Record<string, React.CSSProperties>>;\n  __staticSelector?: string;\n\n  /** Decade that is currently displayed */\n  decade: Date;\n\n  /** aria-label for change level control */\n  levelControlAriaLabel?: string;\n}\n\nexport type DecadeLevelFactory = Factory<{\n  props: DecadeLevelProps;\n  ref: HTMLDivElement;\n  stylesNames: DecadeLevelStylesNames;\n}>;\n\nconst defaultProps: Partial<DecadeLevelProps> = {\n  decadeLabelFormat: 'YYYY',\n};\n\nexport const DecadeLevel = factory<DecadeLevelFactory>((_props, ref) => {\n  const props = useProps('DecadeLevel', defaultProps, _props);\n  const {\n    // YearsList settings\n    decade,\n    locale,\n    minDate,\n    maxDate,\n    yearsListFormat,\n    getYearControlProps,\n    __getControlRef,\n    __onControlKeyDown,\n    __onControlClick,\n    __onControlMouseEnter,\n    withCellSpacing,\n\n    // CalendarHeader settings\n    __preventFocus,\n    nextIcon,\n    previousIcon,\n    nextLabel,\n    previousLabel,\n    onNext,\n    onPrevious,\n    nextDisabled,\n    previousDisabled,\n    levelControlAriaLabel,\n    withNext,\n    withPrevious,\n\n    // Other props\n    decadeLabelFormat,\n    classNames,\n    styles,\n    unstyled,\n    __staticSelector,\n    __stopPropagation,\n    size,\n    ...others\n  } = props;\n\n  const ctx = useDatesContext();\n  const [startOfDecade, endOfDecade] = getDecadeRange(decade);\n\n  const stylesApiProps = {\n    __staticSelector: __staticSelector || 'DecadeLevel',\n    classNames,\n    styles,\n    unstyled,\n    size,\n  };\n\n  const _nextDisabled =\n    typeof nextDisabled === 'boolean'\n      ? nextDisabled\n      : maxDate\n      ? !dayjs(endOfDecade).endOf('year').isBefore(maxDate)\n      : false;\n\n  const _previousDisabled =\n    typeof previousDisabled === 'boolean'\n      ? previousDisabled\n      : minDate\n      ? !dayjs(startOfDecade).startOf('year').isAfter(minDate)\n      : false;\n\n  const formatDecade = (date: Date, format: string) =>\n    dayjs(date)\n      .locale(locale || ctx.locale)\n      .format(format);\n\n  return (\n    <Box data-decade-level size={size} ref={ref} {...others}>\n      <CalendarHeader\n        label={\n          typeof decadeLabelFormat === 'function'\n            ? decadeLabelFormat(startOfDecade, endOfDecade)\n            : `${formatDecade(startOfDecade, decadeLabelFormat!)} – ${formatDecade(\n                endOfDecade,\n                decadeLabelFormat!\n              )}`\n        }\n        __preventFocus={__preventFocus}\n        __stopPropagation={__stopPropagation}\n        nextIcon={nextIcon}\n        previousIcon={previousIcon}\n        nextLabel={nextLabel}\n        previousLabel={previousLabel}\n        onNext={onNext}\n        onPrevious={onPrevious}\n        nextDisabled={_nextDisabled}\n        previousDisabled={_previousDisabled}\n        hasNextLevel={false}\n        levelControlAriaLabel={levelControlAriaLabel}\n        withNext={withNext}\n        withPrevious={withPrevious}\n        {...stylesApiProps}\n      />\n\n      <YearsList\n        decade={decade}\n        locale={locale}\n        minDate={minDate}\n        maxDate={maxDate}\n        yearsListFormat={yearsListFormat}\n        getYearControlProps={getYearControlProps}\n        __getControlRef={__getControlRef}\n        __onControlKeyDown={__onControlKeyDown}\n        __onControlClick={__onControlClick}\n        __onControlMouseEnter={__onControlMouseEnter}\n        __preventFocus={__preventFocus}\n        __stopPropagation={__stopPropagation}\n        withCellSpacing={withCellSpacing}\n        {...stylesApiProps}\n      />\n    </Box>\n  );\n});\n\nDecadeLevel.classes = { ...YearsList.classes, ...CalendarHeader.classes };\nDecadeLevel.displayName = '@mantine/dates/DecadeLevel';\n"],"names":[],"mappings":"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"}

package/esm/components/DecadeLevelGroup/DecadeLevelGroup.js

@@ -1,9 +1,9 @@
-import React, { forwardRef, useRef } from 'react';
-import { useComponentDefaultProps, Box } from '@mantine/core';
 import dayjs from 'dayjs';
-import useStyles from './DecadeLevelGroup.styles.js';
+import React, { useRef } from 'react';
+import { factory, useProps } from '@mantine/core';
 import { DecadeLevel } from '../DecadeLevel/DecadeLevel.js';
 import { handleControlKeyDown } from '../../utils/handle-control-key-down.js';
+import { LevelsGroup } from '../LevelsGroup/LevelsGroup.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -34,11 +34,13 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const defaultProps = {
-  numberOfColumns: 1
+  numberOfColumns: 1,
+  size: "sm"
 };
-const DecadeLevelGroup = forwardRef((props, ref) => {
-  const _a = useComponentDefaultProps("DecadeLevelGroup", defaultProps, props), {
-    decade,
+const DecadeLevelGroup = factory((_props, ref) => {
+  const props = useProps("DecadeLevelGroup", defaultProps, _props);
+  const _a = props, {
+    decade: decade,
     locale,
     minDate,
     maxDate,
@@ -47,7 +49,7 @@ const DecadeLevelGroup = forwardRef((props, ref) => {
     __onControlClick,
     __onControlMouseEnter,
     withCellSpacing,
-    __preventFocus,
+    __preventFocus: __preventFocus,
     nextIcon,
     previousIcon,
     nextLabel,
@@ -56,8 +58,7 @@ const DecadeLevelGroup = forwardRef((props, ref) => {
     onPrevious,
     nextDisabled,
     previousDisabled,
-    className,
-    classNames,
+    classNames: classNames,
     styles,
     unstyled,
     __staticSelector,
@@ -65,9 +66,10 @@ const DecadeLevelGroup = forwardRef((props, ref) => {
     numberOfColumns,
     levelControlAriaLabel,
     decadeLabelFormat,
-    variant,
-    size
+    size,
+    vars
   } = _a, others = __objRest(_a, [
+    // DecadeLevel settings
     "decade",
     "locale",
     "minDate",
@@ -77,6 +79,7 @@ const DecadeLevelGroup = forwardRef((props, ref) => {
     "__onControlClick",
     "__onControlMouseEnter",
     "withCellSpacing",
+    // CalendarHeader settings
     "__preventFocus",
     "nextIcon",
     "previousIcon",
@@ -86,7 +89,7 @@ const DecadeLevelGroup = forwardRef((props, ref) => {
     "onPrevious",
     "nextDisabled",
     "previousDisabled",
-    "className",
+    // Other settings
     "classNames",
     "styles",
     "unstyled",
@@ -95,74 +98,76 @@ const DecadeLevelGroup = forwardRef((props, ref) => {
     "numberOfColumns",
     "levelControlAriaLabel",
     "decadeLabelFormat",
-    "variant",
-    "size"
+    "size",
+    "vars"
   ]);
-  const { classes, cx } = useStyles(null, {
-    name: ["DecadeLevelGroup", __staticSelector],
-    styles,
-    classNames,
-    unstyled,
-    variant,
-    size
-  });
   const controlsRef = useRef([]);
   const decades = Array(numberOfColumns).fill(0).map((_, decadeIndex) => {
     const currentDecade = dayjs(decade).add(decadeIndex * 10, "years").toDate();
-    return /* @__PURE__ */ React.createElement(DecadeLevel, {
-      key: decadeIndex,
-      variant,
-      size,
-      yearsListFormat,
-      decade: currentDecade,
-      withNext: decadeIndex === numberOfColumns - 1,
-      withPrevious: decadeIndex === 0,
-      decadeLabelFormat,
-      __onControlClick,
-      __onControlMouseEnter,
-      __onControlKeyDown: (event, payload) => handleControlKeyDown({
-        levelIndex: decadeIndex,
-        rowIndex: payload.rowIndex,
-        cellIndex: payload.cellIndex,
-        event,
-        controlsRef
-      }),
-      __getControlRef: (rowIndex, cellIndex, node) => {
-        if (!Array.isArray(controlsRef.current[decadeIndex])) {
-          controlsRef.current[decadeIndex] = [];
-        }
-        if (!Array.isArray(controlsRef.current[decadeIndex][rowIndex])) {
-          controlsRef.current[decadeIndex][rowIndex] = [];
-        }
-        controlsRef.current[decadeIndex][rowIndex][cellIndex] = node;
-      },
-      levelControlAriaLabel: typeof levelControlAriaLabel === "function" ? levelControlAriaLabel(currentDecade) : levelControlAriaLabel,
-      locale,
-      minDate,
-      maxDate,
-      __preventFocus,
-      __stopPropagation,
-      nextIcon,
-      previousIcon,
-      nextLabel,
-      previousLabel,
-      onNext,
-      onPrevious,
-      nextDisabled,
-      previousDisabled,
-      getYearControlProps,
-      __staticSelector: __staticSelector || "DecadeLevelGroup",
+    return /* @__PURE__ */ React.createElement(
+      DecadeLevel,
+      {
+        key: decadeIndex,
+        size,
+        yearsListFormat,
+        decade: currentDecade,
+        withNext: decadeIndex === numberOfColumns - 1,
+        withPrevious: decadeIndex === 0,
+        decadeLabelFormat,
+        __onControlClick,
+        __onControlMouseEnter,
+        __onControlKeyDown: (event, payload) => handleControlKeyDown({
+          levelIndex: decadeIndex,
+          rowIndex: payload.rowIndex,
+          cellIndex: payload.cellIndex,
+          event,
+          controlsRef
+        }),
+        __getControlRef: (rowIndex, cellIndex, node) => {
+          if (!Array.isArray(controlsRef.current[decadeIndex])) {
+            controlsRef.current[decadeIndex] = [];
+          }
+          if (!Array.isArray(controlsRef.current[decadeIndex][rowIndex])) {
+            controlsRef.current[decadeIndex][rowIndex] = [];
+          }
+          controlsRef.current[decadeIndex][rowIndex][cellIndex] = node;
+        },
+        levelControlAriaLabel: typeof levelControlAriaLabel === "function" ? levelControlAriaLabel(currentDecade) : levelControlAriaLabel,
+        locale,
+        minDate,
+        maxDate,
+        __preventFocus,
+        __stopPropagation,
+        nextIcon,
+        previousIcon,
+        nextLabel,
+        previousLabel,
+        onNext,
+        onPrevious,
+        nextDisabled,
+        previousDisabled,
+        getYearControlProps,
+        __staticSelector: __staticSelector || "DecadeLevelGroup",
+        classNames,
+        styles,
+        unstyled,
+        withCellSpacing
+      }
+    );
+  });
+  return /* @__PURE__ */ React.createElement(
+    LevelsGroup,
+    __spreadValues({
       classNames,
       styles,
-      unstyled,
-      withCellSpacing
-    });
-  });
-  return /* @__PURE__ */ React.createElement(Box, __spreadValues({
-    className: cx(classes.decadeLevelGroup, className),
-    ref
-  }, others), decades);
+      __staticSelector: __staticSelector || "DecadeLevelGroup",
+      ref,
+      size
+    }, others),
+    decades
+  );
 });
+DecadeLevelGroup.classes = __spreadValues(__spreadValues({}, LevelsGroup.classes), DecadeLevel.classes);
 DecadeLevelGroup.displayName = "@mantine/dates/DecadeLevelGroup";
 
 export { DecadeLevelGroup };

package/esm/components/DecadeLevelGroup/DecadeLevelGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"DecadeLevelGroup.js","sources":["../../../src/components/DecadeLevelGroup/DecadeLevelGroup.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { DefaultProps, Box, Selectors, useComponentDefaultProps } from '@mantine/core';\nimport dayjs from 'dayjs';\nimport { DecadeLevel, DecadeLevelStylesNames, DecadeLevelSettings } from '../DecadeLevel';\nimport { handleControlKeyDown } from '../../utils';\nimport useStyles from './DecadeLevelGroup.styles';\n\nexport type DecadeLevelGroupStylesNames = Selectors<typeof useStyles> | DecadeLevelStylesNames;\n\nexport interface DecadeLevelGroupProps\n  extends DefaultProps<DecadeLevelGroupStylesNames>,\n    Omit<\n      DecadeLevelSettings,\n      'withPrevious' | 'withNext' | '__onControlKeyDown' | '__getControlRef'\n    >,\n    React.ComponentPropsWithoutRef<'div'> {\n  variant?: string;\n  __staticSelector?: string;\n\n  /** Number of columns to render next to each other */\n  numberOfColumns?: number;\n\n  /** Decade that is currently displayed */\n  decade: Date;\n\n  /** Function that returns level control aria-label based on year date */\n  levelControlAriaLabel?: ((decade: Date) => string) | string;\n}\n\nconst defaultProps: Partial<DecadeLevelGroupProps> = {\n  numberOfColumns: 1,\n};\n\nexport const DecadeLevelGroup = forwardRef<HTMLDivElement, DecadeLevelGroupProps>((props, ref) => {\n  const {\n    // DecadeLevel settings\n    decade,\n    locale,\n    minDate,\n    maxDate,\n    yearsListFormat,\n    getYearControlProps,\n    __onControlClick,\n    __onControlMouseEnter,\n    withCellSpacing,\n\n    // CalendarHeader settings\n    __preventFocus,\n    nextIcon,\n    previousIcon,\n    nextLabel,\n    previousLabel,\n    onNext,\n    onPrevious,\n    nextDisabled,\n    previousDisabled,\n\n    // Other settings\n    className,\n    classNames,\n    styles,\n    unstyled,\n    __staticSelector,\n    __stopPropagation,\n    numberOfColumns,\n    levelControlAriaLabel,\n    decadeLabelFormat,\n    variant,\n    size,\n    ...others\n  } = useComponentDefaultProps('DecadeLevelGroup', defaultProps, props);\n\n  const { classes, cx } = useStyles(null, {\n    name: ['DecadeLevelGroup', __staticSelector],\n    styles,\n    classNames,\n    unstyled,\n    variant,\n    size,\n  });\n\n  const controlsRef = useRef<HTMLButtonElement[][][]>([]);\n\n  const decades = Array(numberOfColumns)\n    .fill(0)\n    .map((_, decadeIndex) => {\n      const currentDecade = dayjs(decade)\n        .add(decadeIndex * 10, 'years')\n        .toDate();\n\n      return (\n        <DecadeLevel\n          key={decadeIndex}\n          variant={variant}\n          size={size}\n          yearsListFormat={yearsListFormat}\n          decade={currentDecade}\n          withNext={decadeIndex === numberOfColumns - 1}\n          withPrevious={decadeIndex === 0}\n          decadeLabelFormat={decadeLabelFormat}\n          __onControlClick={__onControlClick}\n          __onControlMouseEnter={__onControlMouseEnter}\n          __onControlKeyDown={(event, payload) =>\n            handleControlKeyDown({\n              levelIndex: decadeIndex,\n              rowIndex: payload.rowIndex,\n              cellIndex: payload.cellIndex,\n              event,\n              controlsRef,\n            })\n          }\n          __getControlRef={(rowIndex, cellIndex, node) => {\n            if (!Array.isArray(controlsRef.current[decadeIndex])) {\n              controlsRef.current[decadeIndex] = [];\n            }\n\n            if (!Array.isArray(controlsRef.current[decadeIndex][rowIndex])) {\n              controlsRef.current[decadeIndex][rowIndex] = [];\n            }\n\n            controlsRef.current[decadeIndex][rowIndex][cellIndex] = node;\n          }}\n          levelControlAriaLabel={\n            typeof levelControlAriaLabel === 'function'\n              ? levelControlAriaLabel(currentDecade)\n              : levelControlAriaLabel\n          }\n          locale={locale}\n          minDate={minDate}\n          maxDate={maxDate}\n          __preventFocus={__preventFocus}\n          __stopPropagation={__stopPropagation}\n          nextIcon={nextIcon}\n          previousIcon={previousIcon}\n          nextLabel={nextLabel}\n          previousLabel={previousLabel}\n          onNext={onNext}\n          onPrevious={onPrevious}\n          nextDisabled={nextDisabled}\n          previousDisabled={previousDisabled}\n          getYearControlProps={getYearControlProps}\n          __staticSelector={__staticSelector || 'DecadeLevelGroup'}\n          classNames={classNames}\n          styles={styles}\n          unstyled={unstyled}\n          withCellSpacing={withCellSpacing}\n        />\n      );\n    });\n\n  return (\n    <Box className={cx(classes.decadeLevelGroup, className)} ref={ref} {...others}>\n      {decades}\n    </Box>\n  );\n});\n\nDecadeLevelGroup.displayName = '@mantine/dates/DecadeLevelGroup';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DecadeLevelGroup.js","sources":["../../../src/components/DecadeLevelGroup/DecadeLevelGroup.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport React, { useRef } from 'react';\nimport { BoxProps, StylesApiProps, factory, ElementProps, useProps, Factory } from '@mantine/core';\nimport { DecadeLevel, DecadeLevelSettings, DecadeLevelStylesNames } from '../DecadeLevel';\nimport { LevelsGroup, LevelsGroupStylesNames } from '../LevelsGroup';\nimport { handleControlKeyDown } from '../../utils';\n\nexport type DecadeLevelGroupStylesNames = LevelsGroupStylesNames | DecadeLevelStylesNames;\n\nexport interface DecadeLevelGroupProps\n  extends BoxProps,\n    Omit<StylesApiProps<DecadeLevelGroupFactory>, 'classNames' | 'styles'>,\n    Omit<\n      DecadeLevelSettings,\n      'withPrevious' | 'withNext' | '__onControlKeyDown' | '__getControlRef'\n    >,\n    ElementProps<'div'> {\n  classNames?: Partial<Record<string, string>>;\n  styles?: Partial<Record<string, React.CSSProperties>>;\n  __staticSelector?: string;\n\n  /** Number of columns to render next to each other */\n  numberOfColumns?: number;\n\n  /** Decade that is currently displayed */\n  decade: Date;\n\n  /** Function that returns level control aria-label based on year date */\n  levelControlAriaLabel?: ((decade: Date) => string) | string;\n}\n\nexport type DecadeLevelGroupFactory = Factory<{\n  props: DecadeLevelGroupProps;\n  ref: HTMLDivElement;\n  stylesNames: DecadeLevelGroupStylesNames;\n}>;\n\nconst defaultProps: Partial<DecadeLevelGroupProps> = {\n  numberOfColumns: 1,\n  size: 'sm',\n};\n\nexport const DecadeLevelGroup = factory<DecadeLevelGroupFactory>((_props, ref) => {\n  const props = useProps('DecadeLevelGroup', defaultProps, _props);\n  const {\n    // DecadeLevel settings\n    decade,\n    locale,\n    minDate,\n    maxDate,\n    yearsListFormat,\n    getYearControlProps,\n    __onControlClick,\n    __onControlMouseEnter,\n    withCellSpacing,\n\n    // CalendarHeader settings\n    __preventFocus,\n    nextIcon,\n    previousIcon,\n    nextLabel,\n    previousLabel,\n    onNext,\n    onPrevious,\n    nextDisabled,\n    previousDisabled,\n\n    // Other settings\n    classNames,\n    styles,\n    unstyled,\n    __staticSelector,\n    __stopPropagation,\n    numberOfColumns,\n    levelControlAriaLabel,\n    decadeLabelFormat,\n    size,\n    vars,\n    ...others\n  } = props;\n\n  const controlsRef = useRef<HTMLButtonElement[][][]>([]);\n\n  const decades = Array(numberOfColumns)\n    .fill(0)\n    .map((_, decadeIndex) => {\n      const currentDecade = dayjs(decade)\n        .add(decadeIndex * 10, 'years')\n        .toDate();\n\n      return (\n        <DecadeLevel\n          key={decadeIndex}\n          size={size}\n          yearsListFormat={yearsListFormat}\n          decade={currentDecade}\n          withNext={decadeIndex === numberOfColumns! - 1}\n          withPrevious={decadeIndex === 0}\n          decadeLabelFormat={decadeLabelFormat}\n          __onControlClick={__onControlClick}\n          __onControlMouseEnter={__onControlMouseEnter}\n          __onControlKeyDown={(event, payload) =>\n            handleControlKeyDown({\n              levelIndex: decadeIndex,\n              rowIndex: payload.rowIndex,\n              cellIndex: payload.cellIndex,\n              event,\n              controlsRef,\n            })\n          }\n          __getControlRef={(rowIndex, cellIndex, node) => {\n            if (!Array.isArray(controlsRef.current[decadeIndex])) {\n              controlsRef.current[decadeIndex] = [];\n            }\n\n            if (!Array.isArray(controlsRef.current[decadeIndex][rowIndex])) {\n              controlsRef.current[decadeIndex][rowIndex] = [];\n            }\n\n            controlsRef.current[decadeIndex][rowIndex][cellIndex] = node;\n          }}\n          levelControlAriaLabel={\n            typeof levelControlAriaLabel === 'function'\n              ? levelControlAriaLabel(currentDecade)\n              : levelControlAriaLabel\n          }\n          locale={locale}\n          minDate={minDate}\n          maxDate={maxDate}\n          __preventFocus={__preventFocus}\n          __stopPropagation={__stopPropagation}\n          nextIcon={nextIcon}\n          previousIcon={previousIcon}\n          nextLabel={nextLabel}\n          previousLabel={previousLabel}\n          onNext={onNext}\n          onPrevious={onPrevious}\n          nextDisabled={nextDisabled}\n          previousDisabled={previousDisabled}\n          getYearControlProps={getYearControlProps}\n          __staticSelector={__staticSelector || 'DecadeLevelGroup'}\n          classNames={classNames}\n          styles={styles}\n          unstyled={unstyled}\n          withCellSpacing={withCellSpacing}\n        />\n      );\n    });\n\n  return (\n    <LevelsGroup\n      classNames={classNames}\n      styles={styles}\n      __staticSelector={__staticSelector || 'DecadeLevelGroup'}\n      ref={ref}\n      size={size}\n      {...others}\n    >\n      {decades}\n    </LevelsGroup>\n  );\n});\n\nDecadeLevelGroup.classes = { ...LevelsGroup.classes, ...DecadeLevel.classes };\nDecadeLevelGroup.displayName = '@mantine/dates/DecadeLevelGroup';\n"],"names":[],"mappings":"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"}

package/esm/components/HiddenDatesInput/HiddenDatesInput.js

@@ -12,7 +12,7 @@ function formatValue(value, type) {
     return `${startDate.toISOString()} \u2013 ${endDate.toISOString()}`;
   }
   if (type === "multiple" && Array.isArray(value)) {
-    return value.map((date) => date.toISOString()).join(", ");
+    return value.map((date) => date == null ? void 0 : date.toISOString()).filter(Boolean).join(", ");
   }
   if (!Array.isArray(value) && value) {
     return value.toISOString();
@@ -20,12 +20,7 @@ function formatValue(value, type) {
   return "";
 }
 function HiddenDatesInput({ value, type, name, form }) {
-  return /* @__PURE__ */ React.createElement("input", {
-    type: "hidden",
-    value: formatValue(value, type),
-    name,
-    form
-  });
+  return /* @__PURE__ */ React.createElement("input", { type: "hidden", value: formatValue(value, type), name, form });
 }
 HiddenDatesInput.displayName = "@mantine/dates/HiddenDatesInput";
 

package/esm/components/HiddenDatesInput/HiddenDatesInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"HiddenDatesInput.js","sources":["../../../src/components/HiddenDatesInput/HiddenDatesInput.tsx"],"sourcesContent":["import React from 'react';\nimport { DatesRangeValue, DateValue, DatePickerType } from '../../types';\n\nexport type HiddenDatesInputValue = DatesRangeValue | DateValue | DateValue[];\n\nexport interface HiddenDatesInputProps {\n  value: HiddenDatesInputValue;\n  type: DatePickerType;\n  name: string;\n  form: string;\n}\n\nfunction formatValue(value: HiddenDatesInputValue, type: DatePickerType) {\n  if (type === 'range' && Array.isArray(value)) {\n    const [startDate, endDate] = value;\n    if (!startDate) {\n      return '';\n    }\n\n    if (!endDate) {\n      return `${startDate.toISOString()} –`;\n    }\n\n    return `${startDate.toISOString()} – ${endDate.toISOString()}`;\n  }\n\n  if (type === 'multiple' && Array.isArray(value)) {\n    return value.map((date) => date.toISOString()).join(', ');\n  }\n\n  if (!Array.isArray(value) && value) {\n    return value.toISOString();\n  }\n\n  return '';\n}\n\nexport function HiddenDatesInput({ value, type, name, form }: HiddenDatesInputProps) {\n  return <input type=\"hidden\" value={formatValue(value, type)} name={name} form={form} />;\n}\n\nHiddenDatesInput.displayName = '@mantine/dates/HiddenDatesInput';\n"],"names":[],"mappings":";;AACA,SAAS,WAAW,CAAC,KAAK,EAAE,IAAI,EAAE;AAClC,EAAE,IAAI,IAAI,KAAK,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AAChD,IAAI,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC;AACvC,IAAI,IAAI,CAAC,SAAS,EAAE;AACpB,MAAM,OAAO,EAAE,CAAC;AAChB,KAAK;AACL,IAAI,IAAI,CAAC,OAAO,EAAE;AAClB,MAAM,OAAO,CAAC,EAAE,SAAS,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,CAAC;AACjD,KAAK;AACL,IAAI,OAAO,CAAC,EAAE,SAAS,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;AACxE,GAAG;AACH,EAAE,IAAI,IAAI,KAAK,UAAU,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AACnD,IAAI,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC9D,GAAG;AACH,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,EAAE;AACtC,IAAI,OAAO,KAAK,CAAC,WAAW,EAAE,CAAC;AAC/B,GAAG;AACH,EAAE,OAAO,EAAE,CAAC;AACZ,CAAC;AACM,SAAS,gBAAgB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;AAC9D,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE;AACtD,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC;AACnC,IAAI,IAAI;AACR,IAAI,IAAI;AACR,GAAG,CAAC,CAAC;AACL,CAAC;AACD,gBAAgB,CAAC,WAAW,GAAG,iCAAiC;;;;"}
+{"version":3,"file":"HiddenDatesInput.js","sources":["../../../src/components/HiddenDatesInput/HiddenDatesInput.tsx"],"sourcesContent":["import React from 'react';\nimport { DatesRangeValue, DateValue, DatePickerType } from '../../types';\n\nexport type HiddenDatesInputValue = DatesRangeValue | DateValue | DateValue[];\n\nexport interface HiddenDatesInputProps {\n  value: HiddenDatesInputValue;\n  type: DatePickerType;\n  name: string | undefined;\n  form: string | undefined;\n}\n\nfunction formatValue(value: HiddenDatesInputValue, type: DatePickerType) {\n  if (type === 'range' && Array.isArray(value)) {\n    const [startDate, endDate] = value;\n    if (!startDate) {\n      return '';\n    }\n\n    if (!endDate) {\n      return `${startDate.toISOString()} –`;\n    }\n\n    return `${startDate.toISOString()} – ${endDate.toISOString()}`;\n  }\n\n  if (type === 'multiple' && Array.isArray(value)) {\n    return value\n      .map((date) => date?.toISOString())\n      .filter(Boolean)\n      .join(', ');\n  }\n\n  if (!Array.isArray(value) && value) {\n    return value.toISOString();\n  }\n\n  return '';\n}\n\nexport function HiddenDatesInput({ value, type, name, form }: HiddenDatesInputProps) {\n  return <input type=\"hidden\" value={formatValue(value, type)} name={name} form={form} />;\n}\n\nHiddenDatesInput.displayName = '@mantine/dates/HiddenDatesInput';\n"],"names":[],"mappings":";;AACA,SAAS,WAAW,CAAC,KAAK,EAAE,IAAI,EAAE;AAClC,EAAE,IAAI,IAAI,KAAK,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AAChD,IAAI,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC;AACvC,IAAI,IAAI,CAAC,SAAS,EAAE;AACpB,MAAM,OAAO,EAAE,CAAC;AAChB,KAAK;AACL,IAAI,IAAI,CAAC,OAAO,EAAE;AAClB,MAAM,OAAO,CAAC,EAAE,SAAS,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,CAAC;AACjD,KAAK;AACL,IAAI,OAAO,CAAC,EAAE,SAAS,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;AACxE,GAAG;AACH,EAAE,IAAI,IAAI,KAAK,UAAU,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AACnD,IAAI,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACtG,GAAG;AACH,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,EAAE;AACtC,IAAI,OAAO,KAAK,CAAC,WAAW,EAAE,CAAC;AAC/B,GAAG;AACH,EAAE,OAAO,EAAE,CAAC;AACZ,CAAC;AACM,SAAS,gBAAgB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;AAC9D,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;AACvH,CAAC;AACD,gBAAgB,CAAC,WAAW,GAAG,iCAAiC;;;;"}

package/esm/components/{CalendarHeader/Chevron.js → LevelsGroup/LevelsGroup.js}

@@ -1,9 +1,8 @@
 import React from 'react';
-import { useMantineTheme, ChevronIcon } from '@mantine/core';
+import { factory, useProps, useStyles, Box } from '@mantine/core';
+import classes from './LevelsGroup.module.css.js';
 
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -19,7 +18,6 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -32,16 +30,26 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-function Chevron(_a) {
-  var _b = _a, { direction, style } = _b, others = __objRest(_b, ["direction", "style"]);
-  const theme = useMantineTheme();
-  return /* @__PURE__ */ React.createElement(ChevronIcon, __spreadProps(__spreadValues({}, others), {
-    style: __spreadProps(__spreadValues({}, style), {
-      transform: direction === "next" && theme.dir === "ltr" || direction === "previous" && theme.dir === "rtl" ? "rotate(270deg)" : "rotate(90deg)"
-    })
-  }));
-}
-Chevron.displayName = "@mantine/dates/Chevron";
+const defaultProps = {};
+const LevelsGroup = factory((_props, ref) => {
+  const props = useProps("LevelsGroup", defaultProps, _props);
+  const _a = props, { classNames, className, style, styles, unstyled, vars, __staticSelector } = _a, others = __objRest(_a, ["classNames", "className", "style", "styles", "unstyled", "vars", "__staticSelector"]);
+  const getStyles = useStyles({
+    name: __staticSelector || "LevelsGroup",
+    classes,
+    props,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    vars,
+    rootSelector: "levelsGroup"
+  });
+  return /* @__PURE__ */ React.createElement(Box, __spreadValues(__spreadValues({ ref }, getStyles("levelsGroup")), others));
+});
+LevelsGroup.classes = classes;
+LevelsGroup.displayName = "@mantine/dates/LevelsGroup";
 
-export { Chevron };
-//# sourceMappingURL=Chevron.js.map
+export { LevelsGroup };
+//# sourceMappingURL=LevelsGroup.js.map

package/esm/components/LevelsGroup/LevelsGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LevelsGroup.js","sources":["../../../src/components/LevelsGroup/LevelsGroup.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  Factory,\n  MantineSize,\n} from '@mantine/core';\nimport classes from './LevelsGroup.module.css';\n\nexport type LevelsGroupStylesNames = 'levelsGroup';\n\nexport interface LevelsGroupProps\n  extends BoxProps,\n    StylesApiProps<LevelsGroupFactory>,\n    ElementProps<'div'> {\n  __staticSelector?: string;\n  size?: MantineSize;\n}\n\nexport type LevelsGroupFactory = Factory<{\n  props: LevelsGroupProps;\n  ref: HTMLDivElement;\n  stylesNames: LevelsGroupStylesNames;\n}>;\n\nconst defaultProps: Partial<LevelsGroupProps> = {};\n\nexport const LevelsGroup = factory<LevelsGroupFactory>((_props, ref) => {\n  const props = useProps('LevelsGroup', defaultProps, _props);\n  const { classNames, className, style, styles, unstyled, vars, __staticSelector, ...others } =\n    props;\n\n  const getStyles = useStyles<LevelsGroupFactory>({\n    name: __staticSelector || 'LevelsGroup',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    rootSelector: 'levelsGroup',\n  });\n\n  return <Box ref={ref} {...getStyles('levelsGroup')} {...others} />;\n});\n\nLevelsGroup.classes = classes;\nLevelsGroup.displayName = '@mantine/dates/LevelsGroup';\n"],"names":[],"mappings":"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"}

package/esm/components/LevelsGroup/LevelsGroup.module.css.js

@@ -0,0 +1,4 @@
+var classes = {"levelsGroup":"m-30b26e33"};
+
+export default classes;
+//# sourceMappingURL=LevelsGroup.module.css.js.map

package/esm/components/LevelsGroup/LevelsGroup.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LevelsGroup.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}