@bitrise/bitkit-v2 0.3.179 → 0.3.181

package/dist/components/BitkitBadge/BitkitBadge.js

@@ -1,18 +1,31 @@
-import { forwardRef as e } from "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { Badge as r } from "@chakra-ui/react/badge";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Badge } from "@chakra-ui/react/badge";
 //#region lib/components/BitkitBadge/BitkitBadge.tsx
-var i = e((e, i) => {
-	let { children: a, icon: o, size: s = "xs", ...c } = e, l, u;
-	return a && a.length > 1 && (l = s === "xs" ? "8" : "6", u = s === "xs" ? "8" : "6", o && (l = s === "xs" ? "4" : "2")), a && a.length === 1 && (l = s === "xs" ? "4" : "2", u = s === "xs" ? "4" : "2"), /* @__PURE__ */ n(r, {
-		ref: i,
-		...c,
-		size: s,
-		paddingInlineStart: l,
-		paddingInlineEnd: u,
-		children: [o && /* @__PURE__ */ t(o, { size: "16" }), a]
+var BitkitBadge = forwardRef((props, ref) => {
+	const { children, icon: Icon, size = "xs", ...rest } = props;
+	let paddingInlineStart;
+	let paddingInlineEnd;
+	if (children && children.length > 1) {
+		paddingInlineStart = size === "xs" ? "8" : "6";
+		paddingInlineEnd = size === "xs" ? "8" : "6";
+		if (Icon) paddingInlineStart = size === "xs" ? "4" : "2";
+	}
+	if (children && children.length === 1) {
+		paddingInlineStart = size === "xs" ? "4" : "2";
+		paddingInlineEnd = size === "xs" ? "4" : "2";
+	}
+	return /* @__PURE__ */ jsxs(Badge, {
+		ref,
+		...rest,
+		size,
+		paddingInlineStart,
+		paddingInlineEnd,
+		children: [Icon && /* @__PURE__ */ jsx(Icon, { size: "16" }), children]
 	});
 });
-i.displayName = "BitkitBadge";
+BitkitBadge.displayName = "BitkitBadge";
 //#endregion
-export { i as default };
+export { BitkitBadge as default };
+
+//# sourceMappingURL=BitkitBadge.js.map

package/dist/components/BitkitBadge/BitkitBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitBadge.js","names":[],"sources":["../../../lib/components/BitkitBadge/BitkitBadge.tsx"],"sourcesContent":["import { Badge, type BadgeProps } from '@chakra-ui/react/badge';\nimport { forwardRef } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport { type COLOR_PALETTES } from '../../theme/tokens/colors';\n\nexport type BitkitBadgeProps = {\n  children?: string;\n  colorPalette?: keyof typeof COLOR_PALETTES | 'ai';\n  icon?: BitkitIconComponent;\n} & Omit<BadgeProps, 'children'>;\n\nconst BitkitBadge = forwardRef<HTMLSpanElement, BitkitBadgeProps>((props, ref) => {\n  const { children, icon: Icon, size = 'xs', ...rest } = props;\n\n  let paddingInlineStart: BitkitBadgeProps['paddingInlineStart'];\n  let paddingInlineEnd: BitkitBadgeProps['paddingInlineEnd'];\n\n  if (children && children.length > 1) {\n    paddingInlineStart = size === 'xs' ? '8' : '6';\n    paddingInlineEnd = size === 'xs' ? '8' : '6';\n    if (Icon) {\n      paddingInlineStart = size === 'xs' ? '4' : '2';\n    }\n  }\n  if (children && children.length === 1) {\n    paddingInlineStart = size === 'xs' ? '4' : '2';\n    paddingInlineEnd = size === 'xs' ? '4' : '2';\n  }\n\n  return (\n    <Badge ref={ref} {...rest} size={size} paddingInlineStart={paddingInlineStart} paddingInlineEnd={paddingInlineEnd}>\n      {Icon && <Icon size=\"16\" />}\n      {children}\n    </Badge>\n  );\n});\n\nBitkitBadge.displayName = 'BitkitBadge';\n\nexport default BitkitBadge;\n"],"mappings":";;;;AAYA,IAAM,cAAc,YAA+C,OAAO,QAAQ;CAChF,MAAM,EAAE,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG,SAAS;CAEvD,IAAI;CACJ,IAAI;AAEJ,KAAI,YAAY,SAAS,SAAS,GAAG;AACnC,uBAAqB,SAAS,OAAO,MAAM;AAC3C,qBAAmB,SAAS,OAAO,MAAM;AACzC,MAAI,KACF,sBAAqB,SAAS,OAAO,MAAM;;AAG/C,KAAI,YAAY,SAAS,WAAW,GAAG;AACrC,uBAAqB,SAAS,OAAO,MAAM;AAC3C,qBAAmB,SAAS,OAAO,MAAM;;AAG3C,QACE,qBAAC,OAAD;EAAY;EAAK,GAAI;EAAY;EAA0B;EAAsC;YAAjG,CACG,QAAQ,oBAAC,MAAD,EAAM,MAAK,MAAO,CAAA,EAC1B,SACK;;EAEV;AAEF,YAAY,cAAc"}

package/dist/components/BitkitButton/BitkitButton.js

@@ -1,33 +1,36 @@
-import { forwardRef as e } from "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { Button as r } from "@chakra-ui/react/button";
-import { Skeleton as i } from "@chakra-ui/react/skeleton";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@chakra-ui/react/button";
+import { Skeleton } from "@chakra-ui/react/skeleton";
 //#region lib/components/BitkitButton/BitkitButton.tsx
-var a = e((e, a) => {
-	let { children: o, icon: s, size: c, state: l, suffixIcon: u, ...d } = e, f = c === "sm" ? "16" : "24";
-	return /* @__PURE__ */ t(i, {
-		asChild: !0,
-		loading: l === "skeleton",
-		children: /* @__PURE__ */ n(r, {
-			disabled: l === "disabled",
-			loading: l === "loading",
-			ref: a,
-			size: c,
-			...d,
+var BitkitButton = forwardRef((props, ref) => {
+	const { children, icon: Icon, size, state, suffixIcon: SuffixIcon, ...rest } = props;
+	const iconSize = size === "sm" ? "16" : "24";
+	return /* @__PURE__ */ jsx(Skeleton, {
+		asChild: true,
+		loading: state === "skeleton",
+		children: /* @__PURE__ */ jsxs(Button, {
+			disabled: state === "disabled",
+			loading: state === "loading",
+			ref,
+			size,
+			...rest,
 			children: [
-				s && /* @__PURE__ */ t(s, {
+				Icon && /* @__PURE__ */ jsx(Icon, {
 					marginInlineStart: "-4",
-					size: f
+					size: iconSize
 				}),
-				o,
-				u && /* @__PURE__ */ t(u, {
+				children,
+				SuffixIcon && /* @__PURE__ */ jsx(SuffixIcon, {
 					marginInlineEnd: "-4",
-					size: f
+					size: iconSize
 				})
 			]
 		})
 	});
 });
-a.displayName = "BitkitButton";
+BitkitButton.displayName = "BitkitButton";
 //#endregion
-export { a as default };
+export { BitkitButton as default };
+
+//# sourceMappingURL=BitkitButton.js.map

package/dist/components/BitkitButton/BitkitButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitButton.js","names":[],"sources":["../../../lib/components/BitkitButton/BitkitButton.tsx"],"sourcesContent":["import { Button, type ButtonProps } from '@chakra-ui/react/button';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { forwardRef } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\n\nexport interface BitkitButtonProps extends Omit<\n  ButtonProps,\n  'children' | 'colorPalette' | 'disabled' | 'loading' | 'loadingText' | 'spinner' | 'spinnerPlacement'\n> {\n  children: string;\n  icon?: BitkitIconComponent;\n  state?: 'disabled' | 'loading' | 'skeleton';\n  suffixIcon?: BitkitIconComponent;\n}\n\nconst BitkitButton = forwardRef<HTMLButtonElement, BitkitButtonProps>((props, ref) => {\n  const { children, icon: Icon, size, state, suffixIcon: SuffixIcon, ...rest } = props;\n\n  const iconSize = size === 'sm' ? '16' : '24';\n\n  return (\n    <Skeleton asChild loading={state === 'skeleton'}>\n      <Button disabled={state === 'disabled'} loading={state === 'loading'} ref={ref} size={size} {...rest}>\n        {Icon && <Icon marginInlineStart=\"-4\" size={iconSize} />}\n        {children}\n        {SuffixIcon && <SuffixIcon marginInlineEnd=\"-4\" size={iconSize} />}\n      </Button>\n    </Skeleton>\n  );\n});\n\nBitkitButton.displayName = 'BitkitButton';\n\nexport default BitkitButton;\n"],"mappings":";;;;;AAgBA,IAAM,eAAe,YAAkD,OAAO,QAAQ;CACpF,MAAM,EAAE,UAAU,MAAM,MAAM,MAAM,OAAO,YAAY,YAAY,GAAG,SAAS;CAE/E,MAAM,WAAW,SAAS,OAAO,OAAO;AAExC,QACE,oBAAC,UAAD;EAAU,SAAA;EAAQ,SAAS,UAAU;YACnC,qBAAC,QAAD;GAAQ,UAAU,UAAU;GAAY,SAAS,UAAU;GAAgB;GAAW;GAAM,GAAI;aAAhG;IACG,QAAQ,oBAAC,MAAD;KAAM,mBAAkB;KAAK,MAAM;KAAY,CAAA;IACvD;IACA,cAAc,oBAAC,YAAD;KAAY,iBAAgB;KAAK,MAAM;KAAY,CAAA;IAC3D;;EACA,CAAA;EAEb;AAEF,aAAa,cAAc"}

package/dist/components/BitkitCalendar/BitkitCalendar.js

@@ -1,95 +1,109 @@
-import { DatePicker as e, useDatePickerContext as t } from "../../atoms/DatePicker/DatePicker.js";
-import { calendarDateToDate as n, dateToCalendarDate as r } from "./Calendar.utils.js";
-import i from "./components/CalendarFooter.js";
-import a from "./components/CalendarMonth.js";
-import o from "./components/CalendarMonthSelect.js";
-import s from "./components/CalendarNextTrigger.js";
-import c from "./components/CalendarPrevTrigger.js";
-import l from "./components/CalendarTrigger.js";
-import u from "./components/CalendarYearSelect.js";
-import { Box as d } from "@chakra-ui/react/box";
-import { forwardRef as f, useEffect as p, useMemo as m, useRef as h } from "react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { Portal as v } from "@chakra-ui/react/portal";
+import { DatePicker, useDatePickerContext } from "../../atoms/DatePicker/DatePicker.js";
+import { calendarDateToDate, dateToCalendarDate } from "./Calendar.utils.js";
+import CalendarFooter from "./components/CalendarFooter.js";
+import CalendarMonth from "./components/CalendarMonth.js";
+import CalendarMonthSelect from "./components/CalendarMonthSelect.js";
+import CalendarNextTrigger from "./components/CalendarNextTrigger.js";
+import CalendarPrevTrigger from "./components/CalendarPrevTrigger.js";
+import CalendarTrigger from "./components/CalendarTrigger.js";
+import CalendarYearSelect from "./components/CalendarYearSelect.js";
+import { Box } from "@chakra-ui/react/box";
+import { forwardRef, useEffect, useMemo, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Portal } from "@chakra-ui/react/portal";
 //#region lib/components/BitkitCalendar/BitkitCalendar.tsx
-var y = ({ layout: n, max: r, min: l, selectionMode: f, showSelectedDate: m }) => {
-	let v = t(), y = h(f);
-	return p(() => {
-		y.current !== f && (v.clearValue(), y.current = f);
-	}, [f]), /* @__PURE__ */ _(e.Content, { children: [/* @__PURE__ */ _(e.View, {
+var BitkitCalendarContent = ({ layout, max, min, selectionMode, showSelectedDate }) => {
+	const context = useDatePickerContext();
+	const prevModeRef = useRef(selectionMode);
+	useEffect(() => {
+		if (prevModeRef.current !== selectionMode) {
+			context.clearValue();
+			prevModeRef.current = selectionMode;
+		}
+	}, [selectionMode]);
+	return /* @__PURE__ */ jsxs(DatePicker.Content, { children: [/* @__PURE__ */ jsxs(DatePicker.View, {
 		view: "day",
-		children: [/* @__PURE__ */ _(e.ViewControl, { children: [/* @__PURE__ */ _(d, {
+		children: [/* @__PURE__ */ jsxs(DatePicker.ViewControl, { children: [/* @__PURE__ */ jsxs(Box, {
 			display: "flex",
 			alignItems: "center",
 			gap: "12",
 			children: [
-				/* @__PURE__ */ g(c, {}),
-				/* @__PURE__ */ _(d, {
+				/* @__PURE__ */ jsx(CalendarPrevTrigger, {}),
+				/* @__PURE__ */ jsxs(Box, {
 					display: "flex",
 					alignItems: "center",
-					children: [/* @__PURE__ */ g(o, {
+					children: [/* @__PURE__ */ jsx(CalendarMonthSelect, {
 						offset: 0,
-						layout: n,
-						max: r,
-						min: l
-					}), /* @__PURE__ */ g(u, {
+						layout,
+						max,
+						min
+					}), /* @__PURE__ */ jsx(CalendarYearSelect, {
 						monthOffset: 0,
-						max: r,
-						min: l
+						max,
+						min
 					})]
 				}),
-				n === "1-month" && /* @__PURE__ */ g(s, {})
+				layout === "1-month" && /* @__PURE__ */ jsx(CalendarNextTrigger, {})
 			]
-		}), n === "2-month" && /* @__PURE__ */ _(d, {
+		}), layout === "2-month" && /* @__PURE__ */ jsxs(Box, {
 			display: "flex",
 			alignItems: "center",
 			gap: "12",
 			children: [
-				/* @__PURE__ */ g(o, {
+				/* @__PURE__ */ jsx(CalendarMonthSelect, {
 					offset: 1,
-					layout: n,
-					max: r,
-					min: l
+					layout,
+					max,
+					min
 				}),
-				/* @__PURE__ */ g(u, {
+				/* @__PURE__ */ jsx(CalendarYearSelect, {
 					monthOffset: 1,
-					max: r,
-					min: l
+					max,
+					min
 				}),
-				/* @__PURE__ */ g(s, {})
+				/* @__PURE__ */ jsx(CalendarNextTrigger, {})
 			]
-		})] }), /* @__PURE__ */ _(e.Months, { children: [/* @__PURE__ */ g(a, { monthsIndex: 0 }), n === "2-month" && /* @__PURE__ */ g(a, { monthsIndex: 1 })] })]
-	}), /* @__PURE__ */ g(i, {
-		selectionMode: f,
-		showSelectedDate: m
+		})] }), /* @__PURE__ */ jsxs(DatePicker.Months, { children: [/* @__PURE__ */ jsx(CalendarMonth, { monthsIndex: 0 }), layout === "2-month" && /* @__PURE__ */ jsx(CalendarMonth, { monthsIndex: 1 })] })]
+	}), /* @__PURE__ */ jsx(CalendarFooter, {
+		selectionMode,
+		showSelectedDate
 	})] });
-}, b = f((t, i) => {
-	let { children: a, defaultValue: o, device: s = "desktop", layout: c, selectionMode: u = "range", min: d, max: f, onValueChange: p, showOutsideDays: h = !1, showSelectedDate: b = !1, value: x, ...S } = t, C = m(() => d ? r(d) : void 0, [d]), w = m(() => f ? r(f) : void 0, [f]), T = x?.map(r), E = !a, D = /* @__PURE__ */ g(y, {
-		layout: c,
-		max: w,
-		min: C,
-		selectionMode: u,
-		showSelectedDate: b
-	}), O = h ?? c === "1-month";
-	return /* @__PURE__ */ _(e.Root, {
-		defaultValue: o instanceof Array ? o.map(r) : o ? [r(o)] : void 0,
-		device: s,
-		numOfMonths: c === "2-month" ? 2 : 1,
-		ref: i,
-		inline: E,
-		min: C,
-		max: w,
-		onValueChange: p ? (e) => {
-			p(e.value?.map(n) || null);
+};
+var BitkitCalendar = forwardRef((props, ref) => {
+	const { children, defaultValue, device = "desktop", layout, selectionMode = "range", min, max, onValueChange, showOutsideDays: showOutsideDaysProp = false, showSelectedDate = false, value: inputValue, ...rest } = props;
+	const minCalendarDate = useMemo(() => min ? dateToCalendarDate(min) : void 0, [min]);
+	const maxCalendarDate = useMemo(() => max ? dateToCalendarDate(max) : void 0, [max]);
+	const value = inputValue?.map(dateToCalendarDate);
+	const inline = !children;
+	const content = /* @__PURE__ */ jsx(BitkitCalendarContent, {
+		layout,
+		max: maxCalendarDate,
+		min: minCalendarDate,
+		selectionMode,
+		showSelectedDate
+	});
+	const showOutsideDays = showOutsideDaysProp ?? layout === "1-month";
+	return /* @__PURE__ */ jsxs(DatePicker.Root, {
+		defaultValue: defaultValue instanceof Array ? defaultValue.map(dateToCalendarDate) : defaultValue ? [dateToCalendarDate(defaultValue)] : void 0,
+		device,
+		numOfMonths: layout === "2-month" ? 2 : 1,
+		ref,
+		inline,
+		min: minCalendarDate,
+		max: maxCalendarDate,
+		onValueChange: onValueChange ? (details) => {
+			onValueChange(details.value?.map(calendarDateToDate) || null);
 		} : void 0,
-		selectionMode: u === "day" ? "single" : "range",
-		showOutsideDays: O,
+		selectionMode: selectionMode === "day" ? "single" : "range",
+		showOutsideDays,
 		startOfWeek: 1,
-		value: T,
-		...S,
-		children: [!E && /* @__PURE__ */ g(e.Control, { children: /* @__PURE__ */ g(l, { children: a }) }), E ? D : /* @__PURE__ */ g(v, { children: /* @__PURE__ */ g(e.Positioner, { children: D }) })]
+		value,
+		...rest,
+		children: [!inline && /* @__PURE__ */ jsx(DatePicker.Control, { children: /* @__PURE__ */ jsx(CalendarTrigger, { children }) }), inline ? content : /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(DatePicker.Positioner, { children: content }) })]
 	});
 });
-b.displayName = "BitkitCalendar";
+BitkitCalendar.displayName = "BitkitCalendar";
 //#endregion
-export { b as default };
+export { BitkitCalendar as default };
+
+//# sourceMappingURL=BitkitCalendar.js.map

package/dist/components/BitkitCalendar/BitkitCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitCalendar.js","names":[],"sources":["../../../lib/components/BitkitCalendar/BitkitCalendar.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { type CalendarDate } from '@internationalized/date';\nimport { forwardRef, type ReactNode, useEffect, useMemo, useRef } from 'react';\n\nimport { DatePicker, useDatePickerContext } from '../../atoms/DatePicker/DatePicker';\nimport { calendarDateToDate, dateToCalendarDate } from './Calendar.utils';\nimport CalendarFooter from './components/CalendarFooter';\nimport CalendarMonth from './components/CalendarMonth';\nimport CalendarMonthSelect from './components/CalendarMonthSelect';\nimport CalendarNextTrigger from './components/CalendarNextTrigger';\nimport CalendarPrevTrigger from './components/CalendarPrevTrigger';\nimport CalendarTrigger from './components/CalendarTrigger';\nimport CalendarYearSelect from './components/CalendarYearSelect';\n\nexport interface BitkitCalendarProps {\n  children?: ReactNode;\n  defaultValue?: Date | Date[] | null;\n  device?: 'desktop' | 'mobile';\n  layout?: '1-month' | '2-month';\n  max?: Date;\n  min?: Date;\n  onValueChange?: (value: Date[] | null) => void;\n  selectionMode?: 'day' | 'range';\n  showOutsideDays?: boolean;\n  showSelectedDate?: boolean;\n  value?: Date[] | null;\n}\n\nconst BitkitCalendarContent = ({\n  layout,\n  max,\n  min,\n  selectionMode,\n  showSelectedDate,\n}: Pick<BitkitCalendarProps, 'layout' | 'selectionMode'> & {\n  min?: CalendarDate;\n  max?: CalendarDate;\n  showSelectedDate?: boolean;\n}) => {\n  const context = useDatePickerContext();\n  const prevModeRef = useRef(selectionMode);\n\n  useEffect(() => {\n    if (prevModeRef.current !== selectionMode) {\n      context.clearValue();\n      prevModeRef.current = selectionMode;\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selectionMode]);\n\n  return (\n    <DatePicker.Content>\n      <DatePicker.View view=\"day\">\n        <DatePicker.ViewControl>\n          <Box display=\"flex\" alignItems=\"center\" gap=\"12\">\n            <CalendarPrevTrigger />\n\n            <Box display=\"flex\" alignItems=\"center\">\n              <CalendarMonthSelect offset={0} layout={layout} max={max} min={min} />\n              <CalendarYearSelect monthOffset={0} max={max} min={min} />\n            </Box>\n            {layout === '1-month' && <CalendarNextTrigger />}\n          </Box>\n          {layout === '2-month' && (\n            <Box display=\"flex\" alignItems=\"center\" gap=\"12\">\n              <CalendarMonthSelect offset={1} layout={layout} max={max} min={min} />\n              <CalendarYearSelect monthOffset={1} max={max} min={min} />\n              <CalendarNextTrigger />\n            </Box>\n          )}\n        </DatePicker.ViewControl>\n        <DatePicker.Months>\n          <CalendarMonth monthsIndex={0} />\n          {layout === '2-month' && <CalendarMonth monthsIndex={1} />}\n        </DatePicker.Months>\n      </DatePicker.View>\n      <CalendarFooter selectionMode={selectionMode} showSelectedDate={showSelectedDate} />\n    </DatePicker.Content>\n  );\n};\n\nconst BitkitCalendar = forwardRef<HTMLDivElement, BitkitCalendarProps>((props, ref) => {\n  const {\n    children,\n    defaultValue,\n    device = 'desktop',\n    layout,\n    selectionMode = 'range',\n    min,\n    max,\n    onValueChange,\n    showOutsideDays: showOutsideDaysProp = false,\n    showSelectedDate = false,\n    value: inputValue,\n    ...rest\n  } = props;\n\n  const minCalendarDate = useMemo(() => (min ? dateToCalendarDate(min) : undefined), [min]);\n  const maxCalendarDate = useMemo(() => (max ? dateToCalendarDate(max) : undefined), [max]);\n\n  const value = inputValue?.map(dateToCalendarDate);\n\n  const inline = !children;\n\n  const content = (\n    <BitkitCalendarContent\n      layout={layout}\n      max={maxCalendarDate}\n      min={minCalendarDate}\n      selectionMode={selectionMode}\n      showSelectedDate={showSelectedDate}\n    />\n  );\n\n  const showOutsideDays = showOutsideDaysProp ?? layout === '1-month';\n\n  return (\n    <DatePicker.Root\n      defaultValue={\n        defaultValue instanceof Array\n          ? defaultValue.map(dateToCalendarDate)\n          : defaultValue\n            ? [dateToCalendarDate(defaultValue)]\n            : undefined\n      }\n      device={device}\n      numOfMonths={layout === '2-month' ? 2 : 1}\n      ref={ref}\n      inline={inline}\n      min={minCalendarDate}\n      max={maxCalendarDate}\n      onValueChange={\n        onValueChange\n          ? (details) => {\n              const dates = details.value?.map(calendarDateToDate) || null;\n              onValueChange(dates);\n            }\n          : undefined\n      }\n      selectionMode={selectionMode === 'day' ? 'single' : 'range'}\n      showOutsideDays={showOutsideDays}\n      startOfWeek={1}\n      value={value}\n      {...rest}\n    >\n      {!inline && (\n        <DatePicker.Control>\n          <CalendarTrigger>{children}</CalendarTrigger>\n        </DatePicker.Control>\n      )}\n      {inline ? (\n        content\n      ) : (\n        <Portal>\n          <DatePicker.Positioner>{content}</DatePicker.Positioner>\n        </Portal>\n      )}\n    </DatePicker.Root>\n  );\n});\n\nBitkitCalendar.displayName = 'BitkitCalendar';\n\nexport default BitkitCalendar;\n"],"mappings":";;;;;;;;;;;;;;AA6BA,IAAM,yBAAyB,EAC7B,QACA,KACA,KACA,eACA,uBAKI;CACJ,MAAM,UAAU,sBAAsB;CACtC,MAAM,cAAc,OAAO,cAAc;AAEzC,iBAAgB;AACd,MAAI,YAAY,YAAY,eAAe;AACzC,WAAQ,YAAY;AACpB,eAAY,UAAU;;IAGvB,CAAC,cAAc,CAAC;AAEnB,QACE,qBAAC,WAAW,SAAZ,EAAA,UAAA,CACE,qBAAC,WAAW,MAAZ;EAAiB,MAAK;YAAtB,CACE,qBAAC,WAAW,aAAZ,EAAA,UAAA,CACE,qBAAC,KAAD;GAAK,SAAQ;GAAO,YAAW;GAAS,KAAI;aAA5C;IACE,oBAAC,qBAAD,EAAuB,CAAA;IAEvB,qBAAC,KAAD;KAAK,SAAQ;KAAO,YAAW;eAA/B,CACE,oBAAC,qBAAD;MAAqB,QAAQ;MAAW;MAAa;MAAU;MAAO,CAAA,EACtE,oBAAC,oBAAD;MAAoB,aAAa;MAAQ;MAAU;MAAO,CAAA,CACtD;;IACL,WAAW,aAAa,oBAAC,qBAAD,EAAuB,CAAA;IAC5C;MACL,WAAW,aACV,qBAAC,KAAD;GAAK,SAAQ;GAAO,YAAW;GAAS,KAAI;aAA5C;IACE,oBAAC,qBAAD;KAAqB,QAAQ;KAAW;KAAa;KAAU;KAAO,CAAA;IACtE,oBAAC,oBAAD;KAAoB,aAAa;KAAQ;KAAU;KAAO,CAAA;IAC1D,oBAAC,qBAAD,EAAuB,CAAA;IACnB;KAEe,EAAA,CAAA,EACzB,qBAAC,WAAW,QAAZ,EAAA,UAAA,CACE,oBAAC,eAAD,EAAe,aAAa,GAAK,CAAA,EAChC,WAAW,aAAa,oBAAC,eAAD,EAAe,aAAa,GAAK,CAAA,CACxC,EAAA,CAAA,CACJ;KAClB,oBAAC,gBAAD;EAA+B;EAAiC;EAAoB,CAAA,CACjE,EAAA,CAAA;;AAIzB,IAAM,iBAAiB,YAAiD,OAAO,QAAQ;CACrF,MAAM,EACJ,UACA,cACA,SAAS,WACT,QACA,gBAAgB,SAChB,KACA,KACA,eACA,iBAAiB,sBAAsB,OACvC,mBAAmB,OACnB,OAAO,YACP,GAAG,SACD;CAEJ,MAAM,kBAAkB,cAAe,MAAM,mBAAmB,IAAI,GAAG,KAAA,GAAY,CAAC,IAAI,CAAC;CACzF,MAAM,kBAAkB,cAAe,MAAM,mBAAmB,IAAI,GAAG,KAAA,GAAY,CAAC,IAAI,CAAC;CAEzF,MAAM,QAAQ,YAAY,IAAI,mBAAmB;CAEjD,MAAM,SAAS,CAAC;CAEhB,MAAM,UACJ,oBAAC,uBAAD;EACU;EACR,KAAK;EACL,KAAK;EACU;EACG;EAClB,CAAA;CAGJ,MAAM,kBAAkB,uBAAuB,WAAW;AAE1D,QACE,qBAAC,WAAW,MAAZ;EACE,cACE,wBAAwB,QACpB,aAAa,IAAI,mBAAmB,GACpC,eACE,CAAC,mBAAmB,aAAa,CAAC,GAClC,KAAA;EAEA;EACR,aAAa,WAAW,YAAY,IAAI;EACnC;EACG;EACR,KAAK;EACL,KAAK;EACL,eACE,iBACK,YAAY;AAEX,iBADc,QAAQ,OAAO,IAAI,mBAAmB,IAAI,KACpC;MAEtB,KAAA;EAEN,eAAe,kBAAkB,QAAQ,WAAW;EACnC;EACjB,aAAa;EACN;EACP,GAAI;YA1BN,CA4BG,CAAC,UACA,oBAAC,WAAW,SAAZ,EAAA,UACE,oBAAC,iBAAD,EAAkB,UAA2B,CAAA,EAC1B,CAAA,EAEtB,SACC,UAEA,oBAAC,QAAD,EAAA,UACE,oBAAC,WAAW,YAAZ,EAAA,UAAwB,SAAgC,CAAA,EACjD,CAAA,CAEK;;EAEpB;AAEF,eAAe,cAAc"}

package/dist/components/BitkitCalendar/Calendar.utils.js

@@ -1,5 +1,12 @@
-import { CalendarDate as e } from "@internationalized/date";
+import { CalendarDate } from "@internationalized/date";
 //#region lib/components/BitkitCalendar/Calendar.utils.ts
-var t = (t) => new e(t.getFullYear(), t.getMonth() + 1, t.getDate()), n = (e) => new Date(e.year, e.month - 1, e.day);
+var dateToCalendarDate = (date) => {
+	return new CalendarDate(date.getFullYear(), date.getMonth() + 1, date.getDate());
+};
+var calendarDateToDate = (calendarDate) => {
+	return new Date(calendarDate.year, calendarDate.month - 1, calendarDate.day);
+};
 //#endregion
-export { n as calendarDateToDate, t as dateToCalendarDate };
+export { calendarDateToDate, dateToCalendarDate };
+
+//# sourceMappingURL=Calendar.utils.js.map

package/dist/components/BitkitCalendar/Calendar.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.utils.js","names":[],"sources":["../../../lib/components/BitkitCalendar/Calendar.utils.ts"],"sourcesContent":["import { CalendarDate, type DateValue } from '@internationalized/date';\n\nexport const dateToCalendarDate = (date: Date): CalendarDate => {\n  return new CalendarDate(date.getFullYear(), date.getMonth() + 1, date.getDate());\n};\n\nexport const calendarDateToDate = (calendarDate: DateValue): Date => {\n  return new Date(calendarDate.year, calendarDate.month - 1, calendarDate.day);\n};\n"],"mappings":";;AAEA,IAAa,sBAAsB,SAA6B;AAC9D,QAAO,IAAI,aAAa,KAAK,aAAa,EAAE,KAAK,UAAU,GAAG,GAAG,KAAK,SAAS,CAAC;;AAGlF,IAAa,sBAAsB,iBAAkC;AACnE,QAAO,IAAI,KAAK,aAAa,MAAM,aAAa,QAAQ,GAAG,aAAa,IAAI"}

package/dist/components/BitkitCalendar/components/CalendarFooter.js

@@ -1,43 +1,51 @@
-import { useDatePickerContext as e } from "../../../atoms/DatePicker/DatePicker.js";
-import { calendarDateToDate as t } from "../Calendar.utils.js";
-import { Box as n } from "@chakra-ui/react/box";
-import { Text as r } from "@chakra-ui/react/text";
-import { jsx as i } from "react/jsx-runtime";
-import { Button as a } from "@chakra-ui/react/button";
-import { CalendarDate as o } from "@internationalized/date";
+import { useDatePickerContext } from "../../../atoms/DatePicker/DatePicker.js";
+import { calendarDateToDate } from "../Calendar.utils.js";
+import { Box } from "@chakra-ui/react/box";
+import { Text } from "@chakra-ui/react/text";
+import { jsx } from "react/jsx-runtime";
+import { Button } from "@chakra-ui/react/button";
+import { CalendarDate } from "@internationalized/date";
 //#region lib/components/BitkitCalendar/components/CalendarFooter.tsx
-var s = ({ selectionMode: s, showSelectedDate: c }) => {
-	let { setOpen: l, setValue: u, value: d } = e(), f = () => {
-		let e = /* @__PURE__ */ new Date();
-		u([new o(e.getFullYear(), e.getMonth() + 1, e.getDate())]), l(!1);
+var CalendarFooter = ({ selectionMode, showSelectedDate }) => {
+	const { setOpen, setValue, value } = useDatePickerContext();
+	const handleTodayClick = () => {
+		const today = /* @__PURE__ */ new Date();
+		setValue([new CalendarDate(today.getFullYear(), today.getMonth() + 1, today.getDate())]);
+		setOpen(false);
 	};
-	if (s === "day") return /* @__PURE__ */ i(n, {
+	if (selectionMode === "day") return /* @__PURE__ */ jsx(Box, {
 		display: "flex",
 		justifyContent: "center",
 		marginTop: "16",
-		children: /* @__PURE__ */ i(a, {
+		children: /* @__PURE__ */ jsx(Button, {
 			variant: "tertiary",
 			size: "sm",
-			onClick: f,
+			onClick: handleTodayClick,
 			children: "Today"
 		})
 	});
-	if (d.length === 2 && c) {
-		let e = (e) => e.toLocaleDateString("en-US", {
-			weekday: "short",
-			month: "short",
-			day: "2-digit",
-			year: "numeric"
-		}), n = t(d[0]), a = t(d[1]);
-		return /* @__PURE__ */ i(r, {
+	if (value.length === 2 && showSelectedDate) {
+		const formatDate = (date) => {
+			return date.toLocaleDateString("en-US", {
+				weekday: "short",
+				month: "short",
+				day: "2-digit",
+				year: "numeric"
+			});
+		};
+		const startDate = calendarDateToDate(value[0]);
+		const endDate = calendarDateToDate(value[1]);
+		return /* @__PURE__ */ jsx(Text, {
 			textAlign: "center",
 			color: "text/secondary",
 			marginTop: "24",
 			textStyle: "body/lg/regular",
-			children: `${e(n)} – ${e(a)}`
+			children: `${formatDate(startDate)} – ${formatDate(endDate)}`
 		});
 	}
 	return null;
 };
 //#endregion
-export { s as default };
+export { CalendarFooter as default };
+
+//# sourceMappingURL=CalendarFooter.js.map

package/dist/components/BitkitCalendar/components/CalendarFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarFooter.js","names":[],"sources":["../../../../lib/components/BitkitCalendar/components/CalendarFooter.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Button } from '@chakra-ui/react/button';\nimport { Text } from '@chakra-ui/react/text';\nimport { CalendarDate } from '@internationalized/date';\n\nimport { useDatePickerContext } from '../../../atoms/DatePicker/DatePicker';\nimport { calendarDateToDate } from '../Calendar.utils';\n\ntype CalendarFooterProps = {\n  selectionMode?: 'day' | 'range';\n  showSelectedDate?: boolean;\n};\n\nconst CalendarFooter = ({ selectionMode, showSelectedDate }: CalendarFooterProps) => {\n  const { setOpen, setValue, value } = useDatePickerContext();\n\n  const handleTodayClick = () => {\n    const today = new Date();\n    const todayCalendarDate = new CalendarDate(today.getFullYear(), today.getMonth() + 1, today.getDate());\n    setValue([todayCalendarDate]);\n    setOpen(false);\n  };\n\n  if (selectionMode === 'day') {\n    return (\n      <Box display=\"flex\" justifyContent=\"center\" marginTop=\"16\">\n        <Button variant=\"tertiary\" size=\"sm\" onClick={handleTodayClick}>\n          Today\n        </Button>\n      </Box>\n    );\n  }\n\n  if (value.length === 2 && showSelectedDate) {\n    const formatDate = (date: Date) => {\n      return date.toLocaleDateString('en-US', {\n        weekday: 'short',\n        month: 'short',\n        day: '2-digit',\n        year: 'numeric',\n      });\n    };\n\n    const startDate = calendarDateToDate(value[0]);\n    const endDate = calendarDateToDate(value[1]);\n    const formattedRange = `${formatDate(startDate)} – ${formatDate(endDate)}`;\n\n    return (\n      <Text textAlign=\"center\" color=\"text/secondary\" marginTop=\"24\" textStyle=\"body/lg/regular\">\n        {formattedRange}\n      </Text>\n    );\n  }\n\n  return null;\n};\n\nexport default CalendarFooter;\n"],"mappings":";;;;;;;;AAaA,IAAM,kBAAkB,EAAE,eAAe,uBAA4C;CACnF,MAAM,EAAE,SAAS,UAAU,UAAU,sBAAsB;CAE3D,MAAM,yBAAyB;EAC7B,MAAM,wBAAQ,IAAI,MAAM;AAExB,WAAS,CADiB,IAAI,aAAa,MAAM,aAAa,EAAE,MAAM,UAAU,GAAG,GAAG,MAAM,SAAS,CAAC,CAC1E,CAAC;AAC7B,UAAQ,MAAM;;AAGhB,KAAI,kBAAkB,MACpB,QACE,oBAAC,KAAD;EAAK,SAAQ;EAAO,gBAAe;EAAS,WAAU;YACpD,oBAAC,QAAD;GAAQ,SAAQ;GAAW,MAAK;GAAK,SAAS;aAAkB;GAEvD,CAAA;EACL,CAAA;AAIV,KAAI,MAAM,WAAW,KAAK,kBAAkB;EAC1C,MAAM,cAAc,SAAe;AACjC,UAAO,KAAK,mBAAmB,SAAS;IACtC,SAAS;IACT,OAAO;IACP,KAAK;IACL,MAAM;IACP,CAAC;;EAGJ,MAAM,YAAY,mBAAmB,MAAM,GAAG;EAC9C,MAAM,UAAU,mBAAmB,MAAM,GAAG;AAG5C,SACE,oBAAC,MAAD;GAAM,WAAU;GAAS,OAAM;GAAiB,WAAU;GAAK,WAAU;aAHpD,GAAG,WAAW,UAAU,CAAC,KAAK,WAAW,QAAQ;GAK/D,CAAA;;AAIX,QAAO"}

package/dist/components/BitkitCalendar/components/CalendarMonth.js

@@ -1,17 +1,23 @@
-import { DatePicker as e, DatePickerContext as t } from "../../../atoms/DatePicker/DatePicker.js";
-import { Text as n } from "@chakra-ui/react/text";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { DatePicker, DatePickerContext } from "../../../atoms/DatePicker/DatePicker.js";
+import { Text } from "@chakra-ui/react/text";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region lib/components/BitkitCalendar/components/CalendarMonth.tsx
-var a = ({ monthsIndex: a }) => /* @__PURE__ */ r(t, { children: (t) => {
-	let o = t.getOffset({ months: a });
-	return /* @__PURE__ */ i(e.Table, { children: [/* @__PURE__ */ r(e.TableHead, { children: /* @__PURE__ */ r(e.TableRow, { children: t.weekDays.map((t, n) => /* @__PURE__ */ r(e.TableHeader, { children: t.short }, n)) }) }), /* @__PURE__ */ r(e.TableBody, { children: o.weeks.map((t, i) => /* @__PURE__ */ r(e.TableRow, { children: t.map((t, i) => /* @__PURE__ */ r(e.TableCell, {
-		value: t,
-		visibleRange: o.visibleRange,
-		children: /* @__PURE__ */ r(e.TableCellTrigger, { children: /* @__PURE__ */ r(n, {
-			as: "span",
-			children: t.day
-		}) })
-	}, i)) }, i)) })] });
-} });
+var CalendarMonth = ({ monthsIndex }) => {
+	return /* @__PURE__ */ jsx(DatePickerContext, { children: (datePicker) => {
+		const offset = datePicker.getOffset({ months: monthsIndex });
+		return /* @__PURE__ */ jsxs(DatePicker.Table, { children: [/* @__PURE__ */ jsx(DatePicker.TableHead, { children: /* @__PURE__ */ jsx(DatePicker.TableRow, { children: datePicker.weekDays.map((weekDay, id) => /* @__PURE__ */ jsx(DatePicker.TableHeader, { children: weekDay.short }, id)) }) }), /* @__PURE__ */ jsx(DatePicker.TableBody, { children: offset.weeks.map((week, id) => /* @__PURE__ */ jsx(DatePicker.TableRow, { children: week.map((day, id) => {
+			return /* @__PURE__ */ jsx(DatePicker.TableCell, {
+				value: day,
+				visibleRange: offset.visibleRange,
+				children: /* @__PURE__ */ jsx(DatePicker.TableCellTrigger, { children: /* @__PURE__ */ jsx(Text, {
+					as: "span",
+					children: day.day
+				}) })
+			}, id);
+		}) }, id)) })] });
+	} });
+};
 //#endregion
-export { a as default };
+export { CalendarMonth as default };
+
+//# sourceMappingURL=CalendarMonth.js.map

package/dist/components/BitkitCalendar/components/CalendarMonth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarMonth.js","names":[],"sources":["../../../../lib/components/BitkitCalendar/components/CalendarMonth.tsx"],"sourcesContent":["import { Text } from '@chakra-ui/react/text';\n\nimport { DatePicker, DatePickerContext } from '../../../atoms/DatePicker/DatePicker';\n\nconst CalendarMonth = ({ monthsIndex }: { monthsIndex: number }) => {\n  return (\n    <DatePickerContext>\n      {(datePicker) => {\n        const offset = datePicker.getOffset({ months: monthsIndex });\n        return (\n          <DatePicker.Table>\n            <DatePicker.TableHead>\n              <DatePicker.TableRow>\n                {datePicker.weekDays.map((weekDay, id) => (\n                  <DatePicker.TableHeader key={id}>{weekDay.short}</DatePicker.TableHeader>\n                ))}\n              </DatePicker.TableRow>\n            </DatePicker.TableHead>\n            <DatePicker.TableBody>\n              {offset.weeks.map((week, id) => (\n                <DatePicker.TableRow key={id}>\n                  {week.map((day, id) => {\n                    return (\n                      <DatePicker.TableCell key={id} value={day} visibleRange={offset.visibleRange}>\n                        <DatePicker.TableCellTrigger>\n                          <Text as=\"span\">{day.day}</Text>\n                        </DatePicker.TableCellTrigger>\n                      </DatePicker.TableCell>\n                    );\n                  })}\n                </DatePicker.TableRow>\n              ))}\n            </DatePicker.TableBody>\n          </DatePicker.Table>\n        );\n      }}\n    </DatePickerContext>\n  );\n};\n\nexport default CalendarMonth;\n"],"mappings":";;;;AAIA,IAAM,iBAAiB,EAAE,kBAA2C;AAClE,QACE,oBAAC,mBAAD,EAAA,WACI,eAAe;EACf,MAAM,SAAS,WAAW,UAAU,EAAE,QAAQ,aAAa,CAAC;AAC5D,SACE,qBAAC,WAAW,OAAZ,EAAA,UAAA,CACE,oBAAC,WAAW,WAAZ,EAAA,UACE,oBAAC,WAAW,UAAZ,EAAA,UACG,WAAW,SAAS,KAAK,SAAS,OACjC,oBAAC,WAAW,aAAZ,EAAA,UAAkC,QAAQ,OAA+B,EAA5C,GAA4C,CACzE,EACkB,CAAA,EACD,CAAA,EACvB,oBAAC,WAAW,WAAZ,EAAA,UACG,OAAO,MAAM,KAAK,MAAM,OACvB,oBAAC,WAAW,UAAZ,EAAA,UACG,KAAK,KAAK,KAAK,OAAO;AACrB,UACE,oBAAC,WAAW,WAAZ;IAA+B,OAAO;IAAK,cAAc,OAAO;cAC9D,oBAAC,WAAW,kBAAZ,EAAA,UACE,oBAAC,MAAD;KAAM,IAAG;eAAQ,IAAI;KAAW,CAAA,EACJ,CAAA;IACT,EAJI,GAIJ;IAEzB,EACkB,EAVI,GAUJ,CACtB,EACmB,CAAA,CACN,EAAA,CAAA;IAGL,CAAA"}

package/dist/components/BitkitCalendar/components/CalendarMonthSelect.js

@@ -1,10 +1,10 @@
-import { rem as e } from "../../../theme/themeUtils.js";
-import { useDatePickerContext as t } from "../../../atoms/DatePicker/DatePicker.js";
-import n from "./CalendarSelect.js";
-import { jsx as r } from "react/jsx-runtime";
-import { CalendarDate as i } from "@internationalized/date";
+import { rem } from "../../../theme/themeUtils.js";
+import { useDatePickerContext } from "../../../atoms/DatePicker/DatePicker.js";
+import CalendarSelect from "./CalendarSelect.js";
+import { jsx } from "react/jsx-runtime";
+import { CalendarDate } from "@internationalized/date";
 //#region lib/components/BitkitCalendar/components/CalendarMonthSelect.tsx
-var a = [
+var months = [
 	{
 		label: "January",
 		value: "1"
@@ -53,25 +53,40 @@ var a = [
 		label: "December",
 		value: "12"
 	}
-], o = ({ offset: o, layout: s, min: c, max: l }) => {
-	let u = t(), d = u.getOffset({ months: o }).visibleRange.start, f = a.filter((e) => {
-		if (!c && !l) return !0;
-		let t = parseInt(e.value, 10), n = d.year, r = new i(n, t, 1), a = r.add({ months: 1 }).subtract({ days: 1 }), o = c && a.compare(c) < 0, s = l && r.compare(l) > 0;
-		return !o && !s;
+];
+var CalendarMonthSelect = ({ offset, layout, min, max }) => {
+	const datePicker = useDatePickerContext();
+	const currentMonthDate = datePicker.getOffset({ months: offset }).visibleRange.start;
+	const availableMonths = months.filter((month) => {
+		if (!min && !max) return true;
+		const monthNumber = parseInt(month.value, 10);
+		const year = currentMonthDate.year;
+		const firstDayOfMonth = new CalendarDate(year, monthNumber, 1);
+		const lastDayOfMonth = firstDayOfMonth.add({ months: 1 }).subtract({ days: 1 });
+		const isBeforeMin = min && lastDayOfMonth.compare(min) < 0;
+		const isAfterMax = max && firstDayOfMonth.compare(max) > 0;
+		return !isBeforeMin && !isAfterMax;
 	});
-	return /* @__PURE__ */ r(n, {
+	const handleMonthChange = (details) => {
+		const selectedMonth = parseInt(details.value[0], 10);
+		if (layout === "1-month") datePicker.focusMonth(selectedMonth);
+		else {
+			datePicker.setFocusedValue(new CalendarDate(1990, 1, 1));
+			datePicker.setFocusedValue(currentMonthDate.set({ month: selectedMonth }).subtract({ months: offset }));
+		}
+	};
+	return /* @__PURE__ */ jsx(CalendarSelect, {
 		contentProps: {
-			maxHeight: e(312),
-			width: e(148)
+			maxHeight: rem(312),
+			width: rem(148)
 		},
-		controlProps: { width: e(114) },
-		items: f,
-		onValueChange: (e) => {
-			let t = parseInt(e.value[0], 10);
-			s === "1-month" ? u.focusMonth(t) : (u.setFocusedValue(new i(1990, 1, 1)), u.setFocusedValue(d.set({ month: t }).subtract({ months: o })));
-		},
-		value: [d.month.toString()]
+		controlProps: { width: rem(114) },
+		items: availableMonths,
+		onValueChange: handleMonthChange,
+		value: [currentMonthDate.month.toString()]
 	});
 };
 //#endregion
-export { o as default };
+export { CalendarMonthSelect as default };
+
+//# sourceMappingURL=CalendarMonthSelect.js.map

package/dist/components/BitkitCalendar/components/CalendarMonthSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarMonthSelect.js","names":[],"sources":["../../../../lib/components/BitkitCalendar/components/CalendarMonthSelect.tsx"],"sourcesContent":["import { CalendarDate } from '@internationalized/date';\n\nimport { useDatePickerContext } from '../../../atoms/DatePicker/DatePicker';\nimport { rem } from '../../../theme/themeUtils';\nimport CalendarSelect from './CalendarSelect';\n\nconst months = [\n  { label: 'January', value: '1' },\n  { label: 'February', value: '2' },\n  { label: 'March', value: '3' },\n  { label: 'April', value: '4' },\n  { label: 'May', value: '5' },\n  { label: 'June', value: '6' },\n  { label: 'July', value: '7' },\n  { label: 'August', value: '8' },\n  { label: 'September', value: '9' },\n  { label: 'October', value: '10' },\n  { label: 'November', value: '11' },\n  { label: 'December', value: '12' },\n];\n\ntype CalendarMonthSelectProps = {\n  offset: number;\n  layout?: '1-month' | '2-month';\n  min?: CalendarDate;\n  max?: CalendarDate;\n};\n\nconst CalendarMonthSelect = ({ offset, layout, min, max }: CalendarMonthSelectProps) => {\n  const datePicker = useDatePickerContext();\n\n  const currentMonthDate = datePicker.getOffset({ months: offset }).visibleRange.start;\n\n  const availableMonths = months.filter((month) => {\n    if (!min && !max) return true;\n\n    const monthNumber = parseInt(month.value, 10);\n    const year = currentMonthDate.year;\n\n    const firstDayOfMonth = new CalendarDate(year, monthNumber, 1);\n    const lastDayOfMonth = firstDayOfMonth.add({ months: 1 }).subtract({ days: 1 });\n\n    const isBeforeMin = min && lastDayOfMonth.compare(min) < 0;\n    const isAfterMax = max && firstDayOfMonth.compare(max) > 0;\n\n    return !isBeforeMin && !isAfterMax;\n  });\n\n  const handleMonthChange = (details: { value: string[] }) => {\n    const selectedMonth = parseInt(details.value[0], 10);\n    if (layout === '1-month') {\n      datePicker.focusMonth(selectedMonth);\n    } else {\n      // first needs to be focused to some distant date otherwise the newly selected month won't always be set properly\n      // due to \"smart\" focus behaviour of the calendar in 2-month layout\n      datePicker.setFocusedValue(new CalendarDate(1990, 1, 1));\n      datePicker.setFocusedValue(currentMonthDate.set({ month: selectedMonth }).subtract({ months: offset }));\n    }\n  };\n\n  return (\n    <CalendarSelect\n      contentProps={{\n        maxHeight: rem(312),\n        width: rem(148),\n      }}\n      controlProps={{\n        width: rem(114),\n      }}\n      items={availableMonths}\n      onValueChange={handleMonthChange}\n      value={[currentMonthDate.month.toString()]}\n    />\n  );\n};\n\nexport default CalendarMonthSelect;\n"],"mappings":";;;;;;AAMA,IAAM,SAAS;CACb;EAAE,OAAO;EAAW,OAAO;EAAK;CAChC;EAAE,OAAO;EAAY,OAAO;EAAK;CACjC;EAAE,OAAO;EAAS,OAAO;EAAK;CAC9B;EAAE,OAAO;EAAS,OAAO;EAAK;CAC9B;EAAE,OAAO;EAAO,OAAO;EAAK;CAC5B;EAAE,OAAO;EAAQ,OAAO;EAAK;CAC7B;EAAE,OAAO;EAAQ,OAAO;EAAK;CAC7B;EAAE,OAAO;EAAU,OAAO;EAAK;CAC/B;EAAE,OAAO;EAAa,OAAO;EAAK;CAClC;EAAE,OAAO;EAAW,OAAO;EAAM;CACjC;EAAE,OAAO;EAAY,OAAO;EAAM;CAClC;EAAE,OAAO;EAAY,OAAO;EAAM;CACnC;AASD,IAAM,uBAAuB,EAAE,QAAQ,QAAQ,KAAK,UAAoC;CACtF,MAAM,aAAa,sBAAsB;CAEzC,MAAM,mBAAmB,WAAW,UAAU,EAAE,QAAQ,QAAQ,CAAC,CAAC,aAAa;CAE/E,MAAM,kBAAkB,OAAO,QAAQ,UAAU;AAC/C,MAAI,CAAC,OAAO,CAAC,IAAK,QAAO;EAEzB,MAAM,cAAc,SAAS,MAAM,OAAO,GAAG;EAC7C,MAAM,OAAO,iBAAiB;EAE9B,MAAM,kBAAkB,IAAI,aAAa,MAAM,aAAa,EAAE;EAC9D,MAAM,iBAAiB,gBAAgB,IAAI,EAAE,QAAQ,GAAG,CAAC,CAAC,SAAS,EAAE,MAAM,GAAG,CAAC;EAE/E,MAAM,cAAc,OAAO,eAAe,QAAQ,IAAI,GAAG;EACzD,MAAM,aAAa,OAAO,gBAAgB,QAAQ,IAAI,GAAG;AAEzD,SAAO,CAAC,eAAe,CAAC;GACxB;CAEF,MAAM,qBAAqB,YAAiC;EAC1D,MAAM,gBAAgB,SAAS,QAAQ,MAAM,IAAI,GAAG;AACpD,MAAI,WAAW,UACb,YAAW,WAAW,cAAc;OAC/B;AAGL,cAAW,gBAAgB,IAAI,aAAa,MAAM,GAAG,EAAE,CAAC;AACxD,cAAW,gBAAgB,iBAAiB,IAAI,EAAE,OAAO,eAAe,CAAC,CAAC,SAAS,EAAE,QAAQ,QAAQ,CAAC,CAAC;;;AAI3G,QACE,oBAAC,gBAAD;EACE,cAAc;GACZ,WAAW,IAAI,IAAI;GACnB,OAAO,IAAI,IAAI;GAChB;EACD,cAAc,EACZ,OAAO,IAAI,IAAI,EAChB;EACD,OAAO;EACP,eAAe;EACf,OAAO,CAAC,iBAAiB,MAAM,UAAU,CAAC;EAC1C,CAAA"}

package/dist/components/BitkitCalendar/components/CalendarNextTrigger.js

@@ -1,14 +1,18 @@
-import e from "../../../icons/IconChevronRight.js";
-import { useDatePickerContext as t } from "../../../atoms/DatePicker/DatePicker.js";
-import { jsx as n } from "react/jsx-runtime";
-import { IconButton as r } from "@chakra-ui/react";
+import IconChevronRight from "../../../icons/IconChevronRight.js";
+import { useDatePickerContext } from "../../../atoms/DatePicker/DatePicker.js";
+import { jsx } from "react/jsx-runtime";
+import { IconButton } from "@chakra-ui/react";
 //#region lib/components/BitkitCalendar/components/CalendarNextTrigger.tsx
-var i = () => /* @__PURE__ */ n(r, {
-	...t().getNextTriggerProps(),
-	color: "button/secondary/fg/text",
-	size: "sm",
-	variant: "tertiary",
-	children: /* @__PURE__ */ n(e, { size: "16" })
-});
+var CalendarNextTrigger = () => {
+	return /* @__PURE__ */ jsx(IconButton, {
+		...useDatePickerContext().getNextTriggerProps(),
+		color: "button/secondary/fg/text",
+		size: "sm",
+		variant: "tertiary",
+		children: /* @__PURE__ */ jsx(IconChevronRight, { size: "16" })
+	});
+};
 //#endregion
-export { i as default };
+export { CalendarNextTrigger as default };
+
+//# sourceMappingURL=CalendarNextTrigger.js.map

package/dist/components/BitkitCalendar/components/CalendarNextTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarNextTrigger.js","names":[],"sources":["../../../../lib/components/BitkitCalendar/components/CalendarNextTrigger.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { IconButton } from '@chakra-ui/react';\n\nimport { useDatePickerContext } from '../../../atoms/DatePicker/DatePicker';\nimport { IconChevronRight } from '../../../main';\n\nconst CalendarNextTrigger = () => {\n  const datePicker = useDatePickerContext();\n\n  return (\n    <IconButton {...datePicker.getNextTriggerProps()} color=\"button/secondary/fg/text\" size=\"sm\" variant=\"tertiary\">\n      <IconChevronRight size=\"16\" />\n    </IconButton>\n  );\n};\n\nexport default CalendarNextTrigger;\n"],"mappings":";;;;;AAMA,IAAM,4BAA4B;AAGhC,QACE,oBAAC,YAAD;EAAY,GAHK,sBAAsB,CAGZ,qBAAqB;EAAE,OAAM;EAA2B,MAAK;EAAK,SAAQ;YACnG,oBAAC,kBAAD,EAAkB,MAAK,MAAO,CAAA;EACnB,CAAA"}