@sytechui/calendar 2.2.32

package/dist/calendar.mjs

@@ -0,0 +1,20 @@
+"use client";
+import {
+  calendar_default
+} from "./chunk-BEC3B3UO.mjs";
+import "./chunk-OEB7VI2R.mjs";
+import "./chunk-H34OUI62.mjs";
+import "./chunk-ZJZG3P2K.mjs";
+import "./chunk-HUKPVIZ5.mjs";
+import "./chunk-MUYVZHWM.mjs";
+import "./chunk-IDU5RSFL.mjs";
+import "./chunk-JJRY4BYN.mjs";
+import "./chunk-CPBF6DM2.mjs";
+import "./chunk-MDGP3JHC.mjs";
+import "./chunk-IFK7FCNU.mjs";
+import "./chunk-JQFIYCMS.mjs";
+import "./chunk-MCZLP73P.mjs";
+import "./chunk-5CY7DCRB.mjs";
+export {
+  calendar_default as default
+};

package/dist/chevron-down.d.mts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IconSvgProps } from '@sytechui/shared-icons';
+
+declare const ChevronDownIcon: (props: IconSvgProps) => react_jsx_runtime.JSX.Element;
+
+export { ChevronDownIcon };

package/dist/chevron-down.d.ts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IconSvgProps } from '@sytechui/shared-icons';
+
+declare const ChevronDownIcon: (props: IconSvgProps) => react_jsx_runtime.JSX.Element;
+
+export { ChevronDownIcon };

package/dist/chevron-down.js

@@ -0,0 +1,54 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/chevron-down.tsx
+var chevron_down_exports = {};
+__export(chevron_down_exports, {
+  ChevronDownIcon: () => ChevronDownIcon
+});
+module.exports = __toCommonJS(chevron_down_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var ChevronDownIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "svg",
+  {
+    "aria-hidden": "true",
+    fill: "none",
+    focusable: "false",
+    height: "1em",
+    role: "presentation",
+    viewBox: "0 0 24 24",
+    width: "1em",
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "path",
+      {
+        d: "M19 9L12 15L5 9",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "1.5"
+      }
+    )
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ChevronDownIcon
+});

package/dist/chevron-down.mjs

@@ -0,0 +1,7 @@
+"use client";
+import {
+  ChevronDownIcon
+} from "./chunk-JJRY4BYN.mjs";
+export {
+  ChevronDownIcon
+};

package/dist/chevron-left.d.mts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IconSvgProps } from '@sytechui/shared-icons';
+
+declare const ChevronLeftIcon: (props: IconSvgProps) => react_jsx_runtime.JSX.Element;
+
+export { ChevronLeftIcon };

package/dist/chevron-left.d.ts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IconSvgProps } from '@sytechui/shared-icons';
+
+declare const ChevronLeftIcon: (props: IconSvgProps) => react_jsx_runtime.JSX.Element;
+
+export { ChevronLeftIcon };

package/dist/chevron-left.js

@@ -0,0 +1,54 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/chevron-left.tsx
+var chevron_left_exports = {};
+__export(chevron_left_exports, {
+  ChevronLeftIcon: () => ChevronLeftIcon
+});
+module.exports = __toCommonJS(chevron_left_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var ChevronLeftIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "svg",
+  {
+    "aria-hidden": "true",
+    fill: "none",
+    focusable: "false",
+    height: "1em",
+    role: "presentation",
+    viewBox: "0 0 16 16",
+    width: "1em",
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "path",
+      {
+        d: "M10 3.33334L6 8.00001L10 12.6667",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "1.5"
+      }
+    )
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ChevronLeftIcon
+});

package/dist/chevron-left.mjs

@@ -0,0 +1,7 @@
+"use client";
+import {
+  ChevronLeftIcon
+} from "./chunk-HUKPVIZ5.mjs";
+export {
+  ChevronLeftIcon
+};

package/dist/chevron-right.d.mts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IconSvgProps } from '@sytechui/shared-icons';
+
+declare const ChevronRightIcon: (props: IconSvgProps) => react_jsx_runtime.JSX.Element;
+
+export { ChevronRightIcon };

package/dist/chevron-right.d.ts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IconSvgProps } from '@sytechui/shared-icons';
+
+declare const ChevronRightIcon: (props: IconSvgProps) => react_jsx_runtime.JSX.Element;
+
+export { ChevronRightIcon };

package/dist/chevron-right.js

@@ -0,0 +1,54 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/chevron-right.tsx
+var chevron_right_exports = {};
+__export(chevron_right_exports, {
+  ChevronRightIcon: () => ChevronRightIcon
+});
+module.exports = __toCommonJS(chevron_right_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var ChevronRightIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "svg",
+  {
+    "aria-hidden": "true",
+    fill: "none",
+    focusable: "false",
+    height: "1em",
+    role: "presentation",
+    viewBox: "0 0 16 16",
+    width: "1em",
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "path",
+      {
+        d: "M6 3.33334L10 8.00001L6 12.6667",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "1.5"
+      }
+    )
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ChevronRightIcon
+});

package/dist/chevron-right.mjs

@@ -0,0 +1,7 @@
+"use client";
+import {
+  ChevronRightIcon
+} from "./chunk-MUYVZHWM.mjs";
+export {
+  ChevronRightIcon
+};

package/dist/chunk-5CY7DCRB.mjs

@@ -0,0 +1,24 @@
+"use client";
+
+// src/calendar-transitions.ts
+var transition = {
+  type: "spring",
+  bounce: 0,
+  duration: 0.3
+};
+var slideVariants = {
+  enter: (direction) => ({
+    x: `${direction * 100}%`
+  }),
+  center: {
+    x: "0%"
+  },
+  exit: (direction) => ({
+    x: `${direction * -100}%`
+  })
+};
+
+export {
+  transition,
+  slideVariants
+};

package/dist/chunk-AJXW2JXW.mjs

@@ -0,0 +1,23 @@
+"use client";
+import {
+  useRangeCalendar
+} from "./chunk-DN6I5LXB.mjs";
+import {
+  CalendarBase
+} from "./chunk-ZJZG3P2K.mjs";
+import {
+  CalendarProvider
+} from "./chunk-MCZLP73P.mjs";
+
+// src/range-calendar.tsx
+import { forwardRef } from "@sytechui/system";
+import { jsx } from "react/jsx-runtime";
+var RangeCalendar = forwardRef(function RangeCalendar2(props, ref) {
+  const { context, getBaseCalendarProps } = useRangeCalendar({ ...props, ref });
+  return /* @__PURE__ */ jsx(CalendarProvider, { value: context, children: /* @__PURE__ */ jsx(CalendarBase, { ...getBaseCalendarProps() }) });
+});
+var range_calendar_default = RangeCalendar;
+
+export {
+  range_calendar_default
+};

package/dist/chunk-BEC3B3UO.mjs

@@ -0,0 +1,23 @@
+"use client";
+import {
+  useCalendar
+} from "./chunk-OEB7VI2R.mjs";
+import {
+  CalendarBase
+} from "./chunk-ZJZG3P2K.mjs";
+import {
+  CalendarProvider
+} from "./chunk-MCZLP73P.mjs";
+
+// src/calendar.tsx
+import { forwardRef } from "@sytechui/system";
+import { jsx } from "react/jsx-runtime";
+var Calendar = forwardRef(function Calendar2(props, ref) {
+  const { context, getBaseCalendarProps } = useCalendar({ ...props, ref });
+  return /* @__PURE__ */ jsx(CalendarProvider, { value: context, children: /* @__PURE__ */ jsx(CalendarBase, { ...getBaseCalendarProps() }) });
+});
+var calendar_default = Calendar;
+
+export {
+  calendar_default
+};

package/dist/chunk-CPBF6DM2.mjs

@@ -0,0 +1,120 @@
+"use client";
+import {
+  CalendarCell
+} from "./chunk-MDGP3JHC.mjs";
+import {
+  useCalendarContext
+} from "./chunk-MCZLP73P.mjs";
+import {
+  slideVariants
+} from "./chunk-5CY7DCRB.mjs";
+
+// src/calendar-month.tsx
+import { endOfMonth, getWeeksInMonth } from "@internationalized/date";
+import { useLocale } from "@react-aria/i18n";
+import { useCalendarGrid } from "@react-aria/calendar";
+import { m } from "framer-motion";
+import { dataAttr } from "@sytechui/shared-utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CalendarMonth(props) {
+  const { startDate, direction, currentMonth, firstDayOfWeek } = props;
+  const { locale } = useLocale();
+  const weeksInMonth = getWeeksInMonth(startDate, locale, firstDayOfWeek);
+  const { state, slots, weekdayStyle, isHeaderExpanded, disableAnimation, classNames } = useCalendarContext();
+  const { gridProps, headerProps, weekDays } = useCalendarGrid(
+    {
+      ...props,
+      weekdayStyle,
+      endDate: endOfMonth(startDate),
+      firstDayOfWeek
+    },
+    state
+  );
+  const bodyContent = [...new Array(weeksInMonth).keys()].map((weekIndex) => /* @__PURE__ */ jsx(
+    "tr",
+    {
+      className: slots == null ? void 0 : slots.gridBodyRow({ class: classNames == null ? void 0 : classNames.gridBodyRow }),
+      "data-slot": "grid-body-row",
+      inert: isHeaderExpanded ? true : void 0,
+      children: state.getDatesInWeek(weekIndex, startDate).map(
+        (date, i) => date ? /* @__PURE__ */ jsx(
+          CalendarCell,
+          {
+            classNames,
+            currentMonth: startDate,
+            date,
+            firstDayOfWeek,
+            isPickerVisible: isHeaderExpanded,
+            slots,
+            state
+          },
+          i
+        ) : /* @__PURE__ */ jsx("td", {}, i)
+      )
+    },
+    weekIndex
+  ));
+  return /* @__PURE__ */ jsxs(
+    "table",
+    {
+      ...gridProps,
+      "aria-hidden": dataAttr(isHeaderExpanded),
+      className: slots == null ? void 0 : slots.grid({ class: classNames == null ? void 0 : classNames.grid }),
+      "data-slot": "grid",
+      tabIndex: -1,
+      children: [
+        /* @__PURE__ */ jsx(
+          "thead",
+          {
+            ...headerProps,
+            className: slots == null ? void 0 : slots.gridHeader({ class: classNames == null ? void 0 : classNames.gridHeader }),
+            "data-slot": "grid-header",
+            children: /* @__PURE__ */ jsx(
+              "tr",
+              {
+                className: slots == null ? void 0 : slots.gridHeaderRow({ class: classNames == null ? void 0 : classNames.gridHeaderRow }),
+                "data-slot": "grid-header-row",
+                children: weekDays.map((day, index) => /* @__PURE__ */ jsx(
+                  "th",
+                  {
+                    className: slots == null ? void 0 : slots.gridHeaderCell({ class: classNames == null ? void 0 : classNames.gridHeaderCell }),
+                    "data-slot": "grid-header-cell",
+                    children: /* @__PURE__ */ jsx("span", { children: day })
+                  },
+                  index
+                ))
+              }
+            )
+          }
+        ),
+        disableAnimation ? /* @__PURE__ */ jsx(
+          "tbody",
+          {
+            className: slots == null ? void 0 : slots.gridBody({ class: classNames == null ? void 0 : classNames.gridBody }),
+            "data-slot": "grid-body",
+            tabIndex: isHeaderExpanded ? -1 : 0,
+            children: bodyContent
+          },
+          currentMonth
+        ) : /* @__PURE__ */ jsx(
+          m.tbody,
+          {
+            animate: "center",
+            className: slots == null ? void 0 : slots.gridBody({ class: classNames == null ? void 0 : classNames.gridBody }),
+            custom: direction,
+            "data-slot": "grid-body",
+            exit: "exit",
+            initial: "enter",
+            variants: slideVariants,
+            children: bodyContent
+          },
+          currentMonth
+        )
+      ]
+    }
+  );
+}
+
+export {
+  CalendarMonth
+};

package/dist/chunk-DN6I5LXB.mjs

@@ -0,0 +1,125 @@
+"use client";
+import {
+  useCalendarBase
+} from "./chunk-H34OUI62.mjs";
+
+// src/use-range-calendar.ts
+import { useMemo, useRef } from "react";
+import { filterDOMProps } from "@sytechui/react-utils";
+import { useRangeCalendar as useAriaRangeCalendar } from "@react-aria/calendar";
+import { useRangeCalendarState } from "@react-stately/calendar";
+import { createCalendar } from "@internationalized/date";
+import { chain } from "@sytechui/shared-utils";
+import { cn } from "@sytechui/theme";
+function useRangeCalendar({
+  buttonPickerProps: buttonPickerPropsProp,
+  className,
+  ...originalProps
+}) {
+  const {
+    Component,
+    slots,
+    children,
+    domRef,
+    locale,
+    showHelper,
+    firstDayOfWeek,
+    minValue,
+    maxValue,
+    weekdayStyle,
+    visibleDuration,
+    shouldFilterDOMProps,
+    isHeaderExpanded,
+    visibleMonths,
+    disableAnimation,
+    createCalendar: createCalendarProp,
+    showMonthAndYearPickers,
+    baseProps,
+    getPrevButtonProps,
+    getNextButtonProps,
+    getErrorMessageProps,
+    setIsHeaderExpanded,
+    topContent,
+    bottomContent,
+    errorMessage,
+    classNames,
+    otherProps
+  } = useCalendarBase({ ...originalProps, isRange: true });
+  const headerRef = useRef(null);
+  const state = useRangeCalendarState({
+    ...originalProps,
+    locale,
+    minValue,
+    maxValue,
+    visibleDuration,
+    createCalendar: !createCalendarProp || typeof createCalendarProp !== "function" ? createCalendar : createCalendarProp
+  });
+  const { title, calendarProps, prevButtonProps, nextButtonProps, errorMessageProps } = useAriaRangeCalendar(originalProps, state, domRef);
+  const baseStyles = cn(classNames == null ? void 0 : classNames.base, className);
+  const buttonPickerProps = {
+    ...buttonPickerPropsProp,
+    onPress: chain(buttonPickerPropsProp == null ? void 0 : buttonPickerPropsProp.onPress, () => setIsHeaderExpanded(!isHeaderExpanded))
+  };
+  const getBaseCalendarProps = (props = {}) => {
+    return {
+      ...baseProps,
+      Component,
+      showHelper,
+      firstDayOfWeek,
+      topContent,
+      bottomContent,
+      buttonPickerProps,
+      calendarRef: domRef,
+      calendarProps,
+      prevButtonProps: getPrevButtonProps(prevButtonProps),
+      nextButtonProps: getNextButtonProps(nextButtonProps),
+      errorMessageProps: getErrorMessageProps(errorMessageProps),
+      className: slots.base({ class: baseStyles }),
+      errorMessage,
+      ...filterDOMProps(otherProps, {
+        enabled: shouldFilterDOMProps
+      }),
+      ...props
+    };
+  };
+  const context = useMemo(
+    () => ({
+      state,
+      slots,
+      headerRef,
+      weekdayStyle,
+      isHeaderExpanded,
+      setIsHeaderExpanded,
+      visibleMonths,
+      showMonthAndYearPickers,
+      classNames,
+      disableAnimation
+    }),
+    [
+      state,
+      slots,
+      classNames,
+      weekdayStyle,
+      isHeaderExpanded,
+      setIsHeaderExpanded,
+      visibleMonths,
+      disableAnimation,
+      showMonthAndYearPickers
+    ]
+  );
+  return {
+    Component,
+    children,
+    domRef,
+    context,
+    state,
+    slots,
+    title,
+    classNames,
+    getBaseCalendarProps
+  };
+}
+
+export {
+  useRangeCalendar
+};