@redis-ui/components 46.1.2 → 47.0.0

package/dist/DatePicker/DatePicker.style.cjs

@@ -1,251 +0,0 @@
-const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
-const require_index_esm = require("../node_modules/react-day-picker/dist/index.esm.cjs");
-;/* empty css                                            */
-let styled_components = require("styled-components");
-styled_components = require_runtime.__toESM(styled_components, 1);
-let _redislabsdev_redis_ui_styles = require("@redislabsdev/redis-ui-styles");
-//#region src/DatePicker/DatePicker.style.ts
-var sqrt2 = 1.4;
-var getSelectedMarker = (markerStyle) => styled_components.css`
-  width: var(--rdp-x-square-size);
-  height: var(--rdp-x-square-size);
-  background: ${markerStyle.bgColor};
-  border: ${markerStyle.border};
-  border-radius: ${markerStyle.borderRadius};
-  transform: ${markerStyle.transform};
-`;
-var DatePicker = (0, styled_components.default)(require_index_esm.DayPicker).withConfig({
-	displayName: "DatePickerstyle__DatePicker",
-	componentId: "RedisUI__sc-ow55ij-0"
-})(["", ""], () => {
-	const style = (0, _redislabsdev_redis_ui_styles.useTheme)().components.datePicker;
-	return styled_components.css`
-      & * {
-        font-size: ${style.fontSize};
-        font-weight: ${style.fontWeight};
-      }
-
-      &.rdp {
-        --rdp-outline: ${style.focusOutline};
-        --rdp-background-color: ${style.dayCell.hoverColor};
-        --rdp-accent-color: ${style.selectedDay.bgColor};
-        --rdp-cell-size: ${style.dayCell.width};
-        --rdp-x-cell-height: ${style.dayCell.height || style.dayCell.width};
-        --rdp-x-week-day-cell-height: ${style.weekDayCell.height || style.dayCell.width};
-        --rdp-x-week-num-cell-height: var(--rdp-x-cell-height);
-        --rdp-x-square-size: min(var(--rdp-cell-size) / ${sqrt2}, var(--rdp-x-cell-height));
-        font-family: ${style.fontFamily};
-      }
-
-      .rdp-button {
-        // ui-components-style.ts in storybook has min-width: 6rem; and need to override
-        // not sure in deployment / production
-        min-width: auto;
-      }
-
-      .rdp-nav_button, // nav-buttons (next/prev month) - will be replaced by icons.
-      .rdp-cell, // Month Days Cell (outside and inside month)
-      .rdp-weeknumber,
-      .rdp-day {
-        //Actual Days (1,2,3...)
-        height: var(--rdp-x-cell-height);
-        transition: border 0s;
-        &[disabled] {
-          background: none;
-        }
-      }
-
-      .rdp-day:not(.rdp-day_selected) {
-        margin: auto;
-        width: var(--rdp-x-cell-height);
-      }
-
-      .rdp-weeknumber {
-        font-size: ${style.weekNumCell.fontSize};
-        font-weight: ${style.weekNumCell.fontWeight};
-        font-family: ${style.weekNumCell.fontFamily};
-      }
-
-      .rdp-cell {
-        // Month Days Cell (outside and inside month)
-        color: ${style.dayCell.textColor};
-        padding: ${style.dayCell.padding};
-        font-size: ${style.dayCell.fontSize};
-        font-weight: ${style.dayCell.fontWeight};
-        min-width: var(--rdp-cell-size);
-      }
-
-      .rdp-day_today:not(.rdp-day_outside) {
-        // today when not outside
-        border: ${style.today.border};
-        font-weight: ${style.today.fontWeight};
-        font-size: ${style.today.fontSize};
-        &:focus-visible {
-          outline: var(--rdp-outline);
-        }
-      }
-
-      .rdp-head_cell {
-        // MO, TU ...
-        font-weight: ${style.weekDayCell.fontWeight};
-        font-size: ${style.weekDayCell.fontSize};
-        color: ${style.weekDayCell.textColor};
-        height: var(--rdp-x-week-day-cell-height);
-        // because default is uppercase we need a combination between lowercase and uppercase
-        text-transform: lowercase;
-        &::first-letter {
-          // Mo, Tu ...
-          text-transform: uppercase;
-        }
-      }
-
-      // selected days
-      .rdp-day_selected {
-        background-color: ${style.selectedDay.bgColor};
-        color: ${style.selectedDay.textColor};
-        border-radius: ${style.selectedDay.borderRadius};
-        border: ${style.selectedDay.border};
-
-        &.rdp-day_today {
-          // today when selected
-          border: none;
-          &:focus-visible {
-            outline: var(--rdp-outline);
-          }
-        }
-
-        &.rdp-day_range_start:not(.rdp-day_range_end),
-        &.rdp-day_range_end:not(.rdp-day_range_start) {
-          z-index: 1;
-          &::before {
-            content: '';
-            position: absolute;
-            z-index: -1;
-          }
-          &:focus-visible:not([disabled])::before {
-            outline: var(--rdp-outline);
-            outline-offset: 1px;
-          }
-        }
-
-        &.rdp-day_range_start:not(.rdp-day_range_end) {
-          background: linear-gradient(to left, ${style.selectedDay.bgColor} 10%, transparent 50%);
-          color: ${style.selectedDay.startDayMarker.textColor};
-          &::before {
-            ${getSelectedMarker(style.selectedDay.startDayMarker)};
-          }
-        }
-
-        &.rdp-day_range_end:not(.rdp-day_range_start) {
-          background: linear-gradient(to right, ${style.selectedDay.bgColor} 10%, transparent 50%);
-          color: ${style.selectedDay.endDayMarker.textColor};
-          &::before {
-            ${getSelectedMarker(style.selectedDay.endDayMarker)};
-          }
-        }
-
-        &.rdp-day_range_start.rdp-day_range_end,
-        &:not(.rdp-day_range_start):not(.rdp-day_range_middle):not(.rdp-day_range_end) {
-          color: ${style.selectedDay.singleDayMarker.textColor};
-          margin: auto;
-          ${getSelectedMarker(style.selectedDay.singleDayMarker)};
-        }
-
-        &.rdp-button.rdp-day_range_middle:focus-visible:not([disabled]):not(.rdp-day_today) {
-          outline: none;
-        }
-
-        &.rdp-button.rdp-day_today.rdp-day_range_middle:focus-visible:not([disabled]) {
-          outline: none;
-          border: var(--rdp-outline);
-        }
-
-        &.rdp-button:focus-visible:not([disabled]):not(.rdp-day_range_start.rdp-day_range_end) {
-          &.rdp-day_range_start,
-          &.rdp-day_range_end {
-            outline: none;
-            border: none;
-          }
-        }
-      }
-
-      .rdp-button:not(.rdp-day_selected):focus-visible:not([disabled]):not(:hover) {
-        background: unset;
-      }
-
-      .rdp-nav {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        gap: ${style.navArrow.gap};
-
-        .rdp-nav_button {
-          width: ${style.navArrow.width};
-          height: ${style.navArrow.height};
-          padding: ${style.navArrow.padding};
-          &:hover:not([disabled]) {
-            background: none;
-          }
-        }
-      }
-
-      // hide second month dropdowns in range mode
-      .rdp-months > .rdp-month:not(:nth-child(1)) > .rdp-caption {
-        .rdp-caption_dropdowns {
-          pointer-events: none;
-          svg {
-            display: none;
-          }
-          > div[role='combobox'] {
-            width: auto;
-            button {
-              padding-left: 0.3rem;
-              padding-right: 0.3rem;
-              display: flex;
-              justify-content: center;
-            }
-          }
-
-          // VANILLA SELECT - TO BE DELETED when replaced with new Dropdown Component
-          select {
-            background: none;
-            border: none;
-            text-align: center;
-            padding-left: 0;
-            padding-right: 0;
-            max-width: 9rem;
-          }
-        }
-      }
-
-      .rdp-caption_dropdowns {
-        color: ${style.navSelect.textColor};
-        gap: ${style.navSelect.gap};
-
-        button {
-          border: none;
-          > span:nth-child(2) {
-            display: flex;
-          }
-        }
-
-        > div[role='combobox'] {
-          width: ${style.navSelect.month.width};
-        }
-
-        > div[role='combobox']:nth-child(3) {
-          width: ${style.navSelect.year.width};
-        }
-
-        // VANILLA SELECT - TO BE DELETED when replaced with new Dropdown Component
-        > select {
-          width: ${style.navSelect.month.width};
-          &:nth-child(3) {
-            width: ${style.navSelect.year.width};
-          }
-        }
-      }
-    `;
-});
-//#endregion
-exports.DatePicker = DatePicker;

package/dist/DatePicker/DatePicker.style.d.ts

@@ -1,3 +0,0 @@
-import * as DayPicker from 'react-day-picker';
-import 'react-day-picker/dist/style.css';
-export declare const DatePicker: import("styled-components").StyledComponent<typeof DayPicker.DayPicker, any, DayPicker.DayPickerProps, never>;

package/dist/DatePicker/DatePicker.style.js

@@ -1,249 +0,0 @@
-import { DayPicker } from "../node_modules/react-day-picker/dist/index.esm.js";
-/* empty css                                          */
-import _styled, { css } from "styled-components";
-import { useTheme } from "@redislabsdev/redis-ui-styles";
-//#region src/DatePicker/DatePicker.style.ts
-var sqrt2 = 1.4;
-var getSelectedMarker = (markerStyle) => css`
-  width: var(--rdp-x-square-size);
-  height: var(--rdp-x-square-size);
-  background: ${markerStyle.bgColor};
-  border: ${markerStyle.border};
-  border-radius: ${markerStyle.borderRadius};
-  transform: ${markerStyle.transform};
-`;
-var DatePicker = _styled(DayPicker).withConfig({
-	displayName: "DatePickerstyle__DatePicker",
-	componentId: "RedisUI__sc-ow55ij-0"
-})(["", ""], () => {
-	const style = useTheme().components.datePicker;
-	return css`
-      & * {
-        font-size: ${style.fontSize};
-        font-weight: ${style.fontWeight};
-      }
-
-      &.rdp {
-        --rdp-outline: ${style.focusOutline};
-        --rdp-background-color: ${style.dayCell.hoverColor};
-        --rdp-accent-color: ${style.selectedDay.bgColor};
-        --rdp-cell-size: ${style.dayCell.width};
-        --rdp-x-cell-height: ${style.dayCell.height || style.dayCell.width};
-        --rdp-x-week-day-cell-height: ${style.weekDayCell.height || style.dayCell.width};
-        --rdp-x-week-num-cell-height: var(--rdp-x-cell-height);
-        --rdp-x-square-size: min(var(--rdp-cell-size) / ${sqrt2}, var(--rdp-x-cell-height));
-        font-family: ${style.fontFamily};
-      }
-
-      .rdp-button {
-        // ui-components-style.ts in storybook has min-width: 6rem; and need to override
-        // not sure in deployment / production
-        min-width: auto;
-      }
-
-      .rdp-nav_button, // nav-buttons (next/prev month) - will be replaced by icons.
-      .rdp-cell, // Month Days Cell (outside and inside month)
-      .rdp-weeknumber,
-      .rdp-day {
-        //Actual Days (1,2,3...)
-        height: var(--rdp-x-cell-height);
-        transition: border 0s;
-        &[disabled] {
-          background: none;
-        }
-      }
-
-      .rdp-day:not(.rdp-day_selected) {
-        margin: auto;
-        width: var(--rdp-x-cell-height);
-      }
-
-      .rdp-weeknumber {
-        font-size: ${style.weekNumCell.fontSize};
-        font-weight: ${style.weekNumCell.fontWeight};
-        font-family: ${style.weekNumCell.fontFamily};
-      }
-
-      .rdp-cell {
-        // Month Days Cell (outside and inside month)
-        color: ${style.dayCell.textColor};
-        padding: ${style.dayCell.padding};
-        font-size: ${style.dayCell.fontSize};
-        font-weight: ${style.dayCell.fontWeight};
-        min-width: var(--rdp-cell-size);
-      }
-
-      .rdp-day_today:not(.rdp-day_outside) {
-        // today when not outside
-        border: ${style.today.border};
-        font-weight: ${style.today.fontWeight};
-        font-size: ${style.today.fontSize};
-        &:focus-visible {
-          outline: var(--rdp-outline);
-        }
-      }
-
-      .rdp-head_cell {
-        // MO, TU ...
-        font-weight: ${style.weekDayCell.fontWeight};
-        font-size: ${style.weekDayCell.fontSize};
-        color: ${style.weekDayCell.textColor};
-        height: var(--rdp-x-week-day-cell-height);
-        // because default is uppercase we need a combination between lowercase and uppercase
-        text-transform: lowercase;
-        &::first-letter {
-          // Mo, Tu ...
-          text-transform: uppercase;
-        }
-      }
-
-      // selected days
-      .rdp-day_selected {
-        background-color: ${style.selectedDay.bgColor};
-        color: ${style.selectedDay.textColor};
-        border-radius: ${style.selectedDay.borderRadius};
-        border: ${style.selectedDay.border};
-
-        &.rdp-day_today {
-          // today when selected
-          border: none;
-          &:focus-visible {
-            outline: var(--rdp-outline);
-          }
-        }
-
-        &.rdp-day_range_start:not(.rdp-day_range_end),
-        &.rdp-day_range_end:not(.rdp-day_range_start) {
-          z-index: 1;
-          &::before {
-            content: '';
-            position: absolute;
-            z-index: -1;
-          }
-          &:focus-visible:not([disabled])::before {
-            outline: var(--rdp-outline);
-            outline-offset: 1px;
-          }
-        }
-
-        &.rdp-day_range_start:not(.rdp-day_range_end) {
-          background: linear-gradient(to left, ${style.selectedDay.bgColor} 10%, transparent 50%);
-          color: ${style.selectedDay.startDayMarker.textColor};
-          &::before {
-            ${getSelectedMarker(style.selectedDay.startDayMarker)};
-          }
-        }
-
-        &.rdp-day_range_end:not(.rdp-day_range_start) {
-          background: linear-gradient(to right, ${style.selectedDay.bgColor} 10%, transparent 50%);
-          color: ${style.selectedDay.endDayMarker.textColor};
-          &::before {
-            ${getSelectedMarker(style.selectedDay.endDayMarker)};
-          }
-        }
-
-        &.rdp-day_range_start.rdp-day_range_end,
-        &:not(.rdp-day_range_start):not(.rdp-day_range_middle):not(.rdp-day_range_end) {
-          color: ${style.selectedDay.singleDayMarker.textColor};
-          margin: auto;
-          ${getSelectedMarker(style.selectedDay.singleDayMarker)};
-        }
-
-        &.rdp-button.rdp-day_range_middle:focus-visible:not([disabled]):not(.rdp-day_today) {
-          outline: none;
-        }
-
-        &.rdp-button.rdp-day_today.rdp-day_range_middle:focus-visible:not([disabled]) {
-          outline: none;
-          border: var(--rdp-outline);
-        }
-
-        &.rdp-button:focus-visible:not([disabled]):not(.rdp-day_range_start.rdp-day_range_end) {
-          &.rdp-day_range_start,
-          &.rdp-day_range_end {
-            outline: none;
-            border: none;
-          }
-        }
-      }
-
-      .rdp-button:not(.rdp-day_selected):focus-visible:not([disabled]):not(:hover) {
-        background: unset;
-      }
-
-      .rdp-nav {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        gap: ${style.navArrow.gap};
-
-        .rdp-nav_button {
-          width: ${style.navArrow.width};
-          height: ${style.navArrow.height};
-          padding: ${style.navArrow.padding};
-          &:hover:not([disabled]) {
-            background: none;
-          }
-        }
-      }
-
-      // hide second month dropdowns in range mode
-      .rdp-months > .rdp-month:not(:nth-child(1)) > .rdp-caption {
-        .rdp-caption_dropdowns {
-          pointer-events: none;
-          svg {
-            display: none;
-          }
-          > div[role='combobox'] {
-            width: auto;
-            button {
-              padding-left: 0.3rem;
-              padding-right: 0.3rem;
-              display: flex;
-              justify-content: center;
-            }
-          }
-
-          // VANILLA SELECT - TO BE DELETED when replaced with new Dropdown Component
-          select {
-            background: none;
-            border: none;
-            text-align: center;
-            padding-left: 0;
-            padding-right: 0;
-            max-width: 9rem;
-          }
-        }
-      }
-
-      .rdp-caption_dropdowns {
-        color: ${style.navSelect.textColor};
-        gap: ${style.navSelect.gap};
-
-        button {
-          border: none;
-          > span:nth-child(2) {
-            display: flex;
-          }
-        }
-
-        > div[role='combobox'] {
-          width: ${style.navSelect.month.width};
-        }
-
-        > div[role='combobox']:nth-child(3) {
-          width: ${style.navSelect.year.width};
-        }
-
-        // VANILLA SELECT - TO BE DELETED when replaced with new Dropdown Component
-        > select {
-          width: ${style.navSelect.month.width};
-          &:nth-child(3) {
-            width: ${style.navSelect.year.width};
-          }
-        }
-      }
-    `;
-});
-//#endregion
-export { DatePicker };

package/dist/DatePicker/DatePicker.types.d.ts

@@ -1,17 +0,0 @@
-import * as DayPicker from 'react-day-picker';
-export type DateRange = DayPicker.DateRange;
-export interface DatePickerProps {
-    fromYear?: number;
-    toYear?: number;
-    onSingleSelect?: DayPicker.DayPickerSingleProps['onSelect'];
-    selectedDay?: Date;
-    showSelected?: boolean;
-}
-export interface RangeDatePickerProps {
-    fromYear?: number;
-    toYear?: number;
-    onRangeSelect?: DayPicker.DayPickerRangeProps['onSelect'];
-    selectedRange?: DateRange;
-    numberOfMonths?: number;
-    showSelected?: boolean;
-}

package/dist/DatePicker/DatePicker.types.js

@@ -1 +0,0 @@
-export {};

package/dist/DatePicker/DatePicker.utils.cjs

@@ -1,7 +0,0 @@
-//#region src/DatePicker/DatePicker.utils.ts
-var today = /* @__PURE__ */ new Date();
-var defaultFromYear = today.getFullYear() - 10;
-var defaultToYear = today.getFullYear() + 10;
-//#endregion
-exports.defaultFromYear = defaultFromYear;
-exports.defaultToYear = defaultToYear;

package/dist/DatePicker/DatePicker.utils.d.ts

@@ -1,2 +0,0 @@
-export declare const defaultFromYear: number;
-export declare const defaultToYear: number;

package/dist/DatePicker/DatePicker.utils.js

@@ -1,6 +0,0 @@
-//#region src/DatePicker/DatePicker.utils.ts
-var today = /* @__PURE__ */ new Date();
-var defaultFromYear = today.getFullYear() - 10;
-var defaultToYear = today.getFullYear() + 10;
-//#endregion
-export { defaultFromYear, defaultToYear };

package/dist/DatePicker/RangeDatePicker.cjs

@@ -1,30 +0,0 @@
-require("../_virtual/_rolldown/runtime.cjs");
-const require_DatePicker_style = require("./DatePicker.style.cjs");
-const require_CustomDropdown = require("./components/CustomDropdown/CustomDropdown.cjs");
-const require_DatePicker_utils = require("./DatePicker.utils.cjs");
-const require_CustomLeftIcon = require("./components/CustomLeftIcon/CustomLeftIcon.cjs");
-const require_CustomRightIcon = require("./components/CustomRightIcon/CustomRightIcon.cjs");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/DatePicker/RangeDatePicker.tsx
-var RangeDatePicker = ({ fromYear = require_DatePicker_utils.defaultFromYear, toYear = require_DatePicker_utils.defaultToYear, onRangeSelect, selectedRange, numberOfMonths = 2, showSelected, ...restProps }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DatePicker_style.DatePicker, {
-		captionLayout: "dropdown-buttons",
-		fixedWeeks: true,
-		weekStartsOn: 1,
-		mode: "range",
-		numberOfMonths,
-		selected: selectedRange,
-		onSelect: onRangeSelect,
-		fromYear,
-		toYear,
-		components: {
-			Dropdown: require_CustomDropdown.default,
-			IconLeft: require_CustomLeftIcon.default,
-			IconRight: require_CustomRightIcon.default
-		},
-		defaultMonth: showSelected ? selectedRange?.from || selectedRange?.to : void 0,
-		...restProps
-	});
-};
-//#endregion
-exports.default = RangeDatePicker;

package/dist/DatePicker/RangeDatePicker.d.ts

@@ -1,3 +0,0 @@
-import { RangeDatePickerProps } from './DatePicker.types';
-declare const RangeDatePicker: ({ fromYear, toYear, onRangeSelect, selectedRange, numberOfMonths, showSelected, ...restProps }: RangeDatePickerProps) => import("react/jsx-runtime").JSX.Element;
-export default RangeDatePicker;

package/dist/DatePicker/RangeDatePicker.js

@@ -1,29 +0,0 @@
-import { DatePicker } from "./DatePicker.style.js";
-import CustomDropdown from "./components/CustomDropdown/CustomDropdown.js";
-import { defaultFromYear, defaultToYear } from "./DatePicker.utils.js";
-import CustomLeftIcon from "./components/CustomLeftIcon/CustomLeftIcon.js";
-import CustomRightIcon from "./components/CustomRightIcon/CustomRightIcon.js";
-import { jsx } from "react/jsx-runtime";
-//#region src/DatePicker/RangeDatePicker.tsx
-var RangeDatePicker = ({ fromYear = defaultFromYear, toYear = defaultToYear, onRangeSelect, selectedRange, numberOfMonths = 2, showSelected, ...restProps }) => {
-	return /* @__PURE__ */ jsx(DatePicker, {
-		captionLayout: "dropdown-buttons",
-		fixedWeeks: true,
-		weekStartsOn: 1,
-		mode: "range",
-		numberOfMonths,
-		selected: selectedRange,
-		onSelect: onRangeSelect,
-		fromYear,
-		toYear,
-		components: {
-			Dropdown: CustomDropdown,
-			IconLeft: CustomLeftIcon,
-			IconRight: CustomRightIcon
-		},
-		defaultMonth: showSelected ? selectedRange?.from || selectedRange?.to : void 0,
-		...restProps
-	});
-};
-//#endregion
-export { RangeDatePicker as default };

package/dist/DatePicker/components/CustomDropdown/CustomDropdown.cjs

@@ -1,34 +0,0 @@
-const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
-const require_startOfMonth = require("../../../node_modules/date-fns/startOfMonth.cjs");
-const require_setMonth = require("../../../node_modules/date-fns/setMonth.cjs");
-const require_setYear = require("../../../node_modules/date-fns/setYear.cjs");
-const require_index_esm = require("../../../node_modules/react-day-picker/dist/index.esm.cjs");
-let react_jsx_runtime = require("react/jsx-runtime");
-let react = require("react");
-react = require_runtime.__toESM(react, 1);
-//#region src/DatePicker/components/CustomDropdown/CustomDropdown.tsx
-var CustomDropdown = (props) => {
-	const { children, name, value } = props;
-	const { goToMonth, currentMonth } = require_index_esm.useNavigation();
-	const handleChange = (event) => {
-		const { value: date } = event.target;
-		let newMonth = /* @__PURE__ */ new Date();
-		switch (name) {
-			case "months":
-				newMonth = require_setMonth.default(require_startOfMonth.default(currentMonth), Number(date));
-				break;
-			case "years":
-				newMonth = require_setYear.default(require_startOfMonth.default(currentMonth), Number(date));
-				break;
-			default: break;
-		}
-		goToMonth(newMonth);
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
-		onChange: handleChange,
-		value,
-		children
-	});
-};
-//#endregion
-exports.default = CustomDropdown;

package/dist/DatePicker/components/CustomDropdown/CustomDropdown.d.ts

@@ -1,3 +0,0 @@
-import { DropdownProps } from 'react-day-picker';
-declare const CustomDropdown: (props: DropdownProps) => import("react/jsx-runtime").JSX.Element;
-export default CustomDropdown;

package/dist/DatePicker/components/CustomDropdown/CustomDropdown.js

@@ -1,32 +0,0 @@
-import startOfMonth from "../../../node_modules/date-fns/startOfMonth.js";
-import setMonth from "../../../node_modules/date-fns/setMonth.js";
-import setYear from "../../../node_modules/date-fns/setYear.js";
-import { useNavigation } from "../../../node_modules/react-day-picker/dist/index.esm.js";
-import { jsx } from "react/jsx-runtime";
-import "react";
-//#region src/DatePicker/components/CustomDropdown/CustomDropdown.tsx
-var CustomDropdown = (props) => {
-	const { children, name, value } = props;
-	const { goToMonth, currentMonth } = useNavigation();
-	const handleChange = (event) => {
-		const { value: date } = event.target;
-		let newMonth = /* @__PURE__ */ new Date();
-		switch (name) {
-			case "months":
-				newMonth = setMonth(startOfMonth(currentMonth), Number(date));
-				break;
-			case "years":
-				newMonth = setYear(startOfMonth(currentMonth), Number(date));
-				break;
-			default: break;
-		}
-		goToMonth(newMonth);
-	};
-	return /* @__PURE__ */ jsx("select", {
-		onChange: handleChange,
-		value,
-		children
-	});
-};
-//#endregion
-export { CustomDropdown as default };