@commercetools/nimbus 2.0.1 → 2.1.0

package/dist/chunks/range-calendar-BagHIF-Y.es.js

@@ -0,0 +1,219 @@
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { b as S, c as I, $ as P, d as N, e as F, f as G, g as H, h as Y, i as j } from "./Heading-D7Ut7eK3.es.js";
+import { createSlotRecipeContext as A } from "@chakra-ui/react";
+import { r as B } from "./index-BEgCT-l6.es.js";
+import { useRecipe as L } from "@chakra-ui/react/styled-system";
+import { e as z } from "./extract-style-props-DChosa6I.es.js";
+import { c as d, d as k } from "./useDateFormatter-886GJ5w1.es.js";
+import { useContext as u } from "react";
+import { $ as x } from "./Button-BjcDZ5eb.es.js";
+import { e as V, c as M } from "./utils-B6pV5ewr.es.js";
+import { $ } from "./Text-DOcU1ycg.es.js";
+import { defineMessages as K, useIntl as W } from "react-intl";
+import { $ as w } from "./context-DW7UvQ8z.es.js";
+import { KeyboardArrowLeft as C, KeyboardArrowRight as v } from "@commercetools/nimbus-icons";
+import { Flex as _ } from "@chakra-ui/react/flex";
+import { S as y } from "./stack-CoNreM7B.es.js";
+import { V as q } from "./visually-hidden-Dj5CT-u_.es.js";
+import { I as h } from "./icon-button-DgL7XNUZ.es.js";
+import { T as R } from "./text-CIb_VDvO.es.js";
+import { B as D } from "./box-DuBoAZvq.es.js";
+const { withProvider: E, withContext: s } = /* @__PURE__ */ A({
+  key: "rangeCalendar"
+}), J = /* @__PURE__ */ E("div", "root"), O = /* @__PURE__ */ s("div", "header"), Q = /* @__PURE__ */ s("div", "grids"), U = /* @__PURE__ */ s("div", "monthTitle"), X = /* @__PURE__ */ s("table", "grid"), Z = /* @__PURE__ */ s("thead", "gridHeader"), ee = /* @__PURE__ */ s("th", "headerCell"), te = /* @__PURE__ */ s("tbody", "gridBody"), oe = /* @__PURE__ */ s("td", "bodyCell"), p = /* @__PURE__ */ K({
+  nextMonth: {
+    id: "Nimbus.RangeCalendar.nextMonth",
+    description: "aria-label for next month navigation button",
+    defaultMessage: "Next month"
+  },
+  previousMonth: {
+    id: "Nimbus.RangeCalendar.previousMonth",
+    description: "aria-label for previous month navigation button",
+    defaultMessage: "Previous month"
+  },
+  nextYear: {
+    id: "Nimbus.RangeCalendar.nextYear",
+    description: "aria-label for next year navigation button",
+    defaultMessage: "Next year"
+  },
+  previousYear: {
+    id: "Nimbus.RangeCalendar.previousYear",
+    description: "aria-label for previous year navigation button",
+    defaultMessage: "Previous year"
+  }
+}), ae = ({
+  children: i
+}) => {
+  const r = W(), { locale: t } = w(), a = u(x), n = u($), o = u(S), b = {
+    "next-month": {
+      onPress: () => o.focusNextSection(),
+      "aria-label": r.formatMessage(p.nextMonth)
+    },
+    "previous-month": {
+      onPress: () => o.focusPreviousSection(),
+      "aria-label": r.formatMessage(p.previousMonth)
+    },
+    "next-year": {
+      onPress: () => o.focusNextSection(!0),
+      "aria-label": r.formatMessage(p.nextYear)
+    },
+    "previous-year": {
+      onPress: () => o.focusPreviousSection(!0),
+      "aria-label": r.formatMessage(p.previousYear)
+    }
+  }, f = new Intl.DateTimeFormat(t, {
+    month: "long"
+  }).format(o.focusedDate.toDate(d())), g = [
+    new Intl.DateTimeFormat(t, {
+      month: "long"
+    }).format(o.visibleRange.start.toDate(d())),
+    new Intl.DateTimeFormat(t, {
+      month: "long"
+    }).format(o.visibleRange.end.toDate(d()))
+  ].join(" - "), m = new Intl.DateTimeFormat(t, {
+    year: "numeric"
+  }).format(o.focusedDate.toDate(d())), l = {
+    month: { children: f },
+    monthRange: { children: g },
+    year: { children: m }
+  };
+  return /* @__PURE__ */ e(
+    V,
+    {
+      values: [
+        [
+          x,
+          {
+            ...a,
+            slots: {
+              ...a && typeof a == "object" && "slots" in a ? a.slots : {},
+              ...b
+            }
+          }
+        ],
+        [
+          $,
+          {
+            ...n,
+            slots: {
+              ...n && typeof n == "object" && "slots" in n ? n.slots : {},
+              ...l
+            }
+          }
+        ]
+      ],
+      children: i
+    }
+  );
+}, re = () => {
+  const t = (M(P)?.visibleDuration?.months || 1) > 1;
+  return /* @__PURE__ */ e(O, { children: /* @__PURE__ */ c(_, { children: [
+    /* @__PURE__ */ c(y, { direction: "row", alignItems: "center", children: [
+      /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(I, {}) }),
+      /* @__PURE__ */ e(
+        h,
+        {
+          slot: t ? "previous" : "previous-month",
+          size: "xs",
+          variant: "ghost",
+          colorPalette: "primary",
+          children: /* @__PURE__ */ e(C, {})
+        }
+      ),
+      /* @__PURE__ */ e(
+        R,
+        {
+          textStyle: "sm",
+          fontWeight: "500",
+          color: "neutral.11",
+          width: t ? "4000" : "2000",
+          textAlign: "center",
+          "aria-hidden": "true",
+          slot: t ? "monthRange" : "month"
+        }
+      ),
+      /* @__PURE__ */ e(
+        h,
+        {
+          slot: t ? "next" : "next-month",
+          size: "xs",
+          variant: "ghost",
+          colorPalette: "primary",
+          children: /* @__PURE__ */ e(v, {})
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(D, { flexGrow: "1" }),
+    /* @__PURE__ */ c(y, { direction: "row", alignItems: "center", children: [
+      /* @__PURE__ */ e(
+        h,
+        {
+          slot: "previous-year",
+          size: "xs",
+          variant: "ghost",
+          colorPalette: "primary",
+          children: /* @__PURE__ */ e(C, {})
+        }
+      ),
+      /* @__PURE__ */ e(
+        R,
+        {
+          textStyle: "sm",
+          fontWeight: "500",
+          color: "neutral.11",
+          width: "1400",
+          textAlign: "center",
+          "aria-hidden": "true",
+          slot: "year"
+        }
+      ),
+      /* @__PURE__ */ e(
+        h,
+        {
+          slot: "next-year",
+          size: "xs",
+          variant: "ghost",
+          colorPalette: "primary",
+          children: /* @__PURE__ */ e(v, {})
+        }
+      )
+    ] })
+  ] }) });
+}, ne = () => {
+  const { locale: i } = w(), r = M(P), t = u(S), a = r?.visibleDuration?.months || 1, n = k(d()), o = a > 1;
+  return /* @__PURE__ */ e(Q, { children: Array.from({ length: a }, (b, f) => {
+    const g = t.visibleRange.start.add({
+      months: f
+    }), m = new Intl.DateTimeFormat(i, {
+      month: "long"
+    }).format(g.toDate(d()));
+    return /* @__PURE__ */ c(
+      D,
+      {
+        width: a == 1 ? "full" : "auto",
+        children: [
+          o && /* @__PURE__ */ e(U, { children: m }),
+          /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ c(N, { offset: { months: f }, weekdayStyle: "short", children: [
+            /* @__PURE__ */ e(Z, { asChild: !0, children: /* @__PURE__ */ e(F, { children: (l) => /* @__PURE__ */ e(ee, { asChild: !0, children: /* @__PURE__ */ e(G, { children: l }) }) }) }),
+            /* @__PURE__ */ e(te, { asChild: !0, children: /* @__PURE__ */ e(H, { children: (l) => {
+              const T = l.compare(n) === 0;
+              return /* @__PURE__ */ e(oe, { asChild: !0, "data-today": T, children: /* @__PURE__ */ e(Y, { date: l }) });
+            } }) })
+          ] }) })
+        ]
+      },
+      m
+    );
+  }) });
+}, se = (i) => {
+  const r = L({ recipe: B }), [t, a] = r.splitVariantProps(i), [n, o] = z(a);
+  return /* @__PURE__ */ e(J, { ...t, ...n, asChild: !0, children: /* @__PURE__ */ e(j, { ...o, children: /* @__PURE__ */ c(ae, { children: [
+    /* @__PURE__ */ e(re, {}),
+    /* @__PURE__ */ e(ne, {})
+  ] }) }) });
+};
+se.displayName = "RangeCalendar";
+export {
+  se as R
+};
+//# sourceMappingURL=range-calendar-BagHIF-Y.es.js.map

package/dist/chunks/range-calendar-BagHIF-Y.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"range-calendar-BagHIF-Y.es.js","sources":["../../src/components/range-calendar/range-calendar.slots.tsx","../../src/components/range-calendar/range-calendar.i18n.ts","../../src/components/range-calendar/components/range-calendar.custom-context.tsx","../../src/components/range-calendar/components/range-calendar.header.tsx","../../src/components/range-calendar/components/range-calendar.grids.tsx","../../src/components/range-calendar/range-calendar.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n  RangeCalendarRootSlotProps,\n  RangeCalendarHeaderSlotProps,\n  RangeCalendarGridsSlotProps,\n  RangeCalendarMonthTitleSlotProps,\n  RangeCalendarGridSlotProps,\n  RangeCalendarGridHeaderSlotProps,\n  RangeCalendarHeaderCellSlotProps,\n  RangeCalendarGridBodySlotProps,\n  RangeCalendarCellSlotProps,\n} from \"./range-calendar.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"rangeCalendar\",\n});\n\nexport const RangeCalendarRootSlot: SlotComponent<\n  HTMLDivElement,\n  RangeCalendarRootSlotProps\n> = withProvider<HTMLDivElement, RangeCalendarRootSlotProps>(\"div\", \"root\");\n\nexport const RangeCalendarHeaderSlot = withContext<\n  HTMLDivElement,\n  RangeCalendarHeaderSlotProps\n>(\"div\", \"header\");\n\nexport const RangeCalendarGridsSlot = withContext<\n  HTMLDivElement,\n  RangeCalendarGridsSlotProps\n>(\"div\", \"grids\");\n\nexport const RangeCalendarMonthTitleSlot = withContext<\n  HTMLDivElement,\n  RangeCalendarMonthTitleSlotProps\n>(\"div\", \"monthTitle\");\n\nexport const RangeCalendarGridSlot = withContext<\n  HTMLTableElement,\n  RangeCalendarGridSlotProps\n>(\"table\", \"grid\");\n\nexport const RangeCalendarGridHeaderSlot = withContext<\n  HTMLTableSectionElement,\n  RangeCalendarGridHeaderSlotProps\n>(\"thead\", \"gridHeader\");\n\nexport const RangeCalendarHeaderCellSlot = withContext<\n  HTMLTableCellElement,\n  RangeCalendarHeaderCellSlotProps\n>(\"th\", \"headerCell\");\n\nexport const RangeCalendarGridBodySlot = withContext<\n  HTMLTableSectionElement,\n  RangeCalendarGridBodySlotProps\n>(\"tbody\", \"gridBody\");\n\nexport const RangeCalendarCellSlot = withContext<\n  HTMLTableCellElement,\n  RangeCalendarCellSlotProps\n>(\"td\", \"bodyCell\");\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n  nextMonth: {\n    id: \"Nimbus.RangeCalendar.nextMonth\",\n    description: \"aria-label for next month navigation button\",\n    defaultMessage: \"Next month\",\n  },\n  previousMonth: {\n    id: \"Nimbus.RangeCalendar.previousMonth\",\n    description: \"aria-label for previous month navigation button\",\n    defaultMessage: \"Previous month\",\n  },\n  nextYear: {\n    id: \"Nimbus.RangeCalendar.nextYear\",\n    description: \"aria-label for next year navigation button\",\n    defaultMessage: \"Next year\",\n  },\n  previousYear: {\n    id: \"Nimbus.RangeCalendar.previousYear\",\n    description: \"aria-label for previous year navigation button\",\n    defaultMessage: \"Previous year\",\n  },\n});\n","import { getLocalTimeZone } from \"@internationalized/date\";\nimport { useContext } from \"react\";\nimport {\n  Provider,\n  ButtonContext,\n  RangeCalendarStateContext,\n  TextContext,\n  useLocale,\n} from \"react-aria-components\";\nimport { useIntl } from \"react-intl\";\nimport { messages } from \"../range-calendar.i18n\";\n\nexport const RangeCalendarCustomContext = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const intl = useIntl();\n  const { locale } = useLocale();\n  const buttonContext = useContext(ButtonContext)!;\n  const textContext = useContext(TextContext)!;\n  const calendarState = useContext(RangeCalendarStateContext)!;\n\n  /**\n   * Button slots\n   * ================================\n   */\n  const buttonSlots = {\n    \"next-month\": {\n      onPress: () => calendarState.focusNextSection(),\n      \"aria-label\": intl.formatMessage(messages.nextMonth),\n    },\n    \"previous-month\": {\n      onPress: () => calendarState.focusPreviousSection(),\n      \"aria-label\": intl.formatMessage(messages.previousMonth),\n    },\n    \"next-year\": {\n      onPress: () => calendarState.focusNextSection(true),\n      \"aria-label\": intl.formatMessage(messages.nextYear),\n    },\n    \"previous-year\": {\n      onPress: () => calendarState.focusPreviousSection(true),\n      \"aria-label\": intl.formatMessage(messages.previousYear),\n    },\n  };\n\n  /**\n   * Text slots\n   * ================================\n   */\n  const monthLabel = new Intl.DateTimeFormat(locale, {\n    month: \"long\",\n  }).format(calendarState.focusedDate.toDate(getLocalTimeZone()));\n\n  const monthRangeLabel = [\n    new Intl.DateTimeFormat(locale, {\n      month: \"long\",\n    }).format(calendarState.visibleRange.start.toDate(getLocalTimeZone())),\n    new Intl.DateTimeFormat(locale, {\n      month: \"long\",\n    }).format(calendarState.visibleRange.end.toDate(getLocalTimeZone())),\n  ].join(\" - \");\n\n  const yearLabel = new Intl.DateTimeFormat(locale, {\n    year: \"numeric\",\n  }).format(calendarState.focusedDate.toDate(getLocalTimeZone()));\n\n  const textSlots = {\n    month: { children: monthLabel },\n    monthRange: { children: monthRangeLabel },\n    year: { children: yearLabel },\n  };\n\n  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          {\n            ...buttonContext,\n            slots: {\n              ...(buttonContext &&\n              typeof buttonContext === \"object\" &&\n              \"slots\" in buttonContext\n                ? buttonContext.slots\n                : {}),\n              ...buttonSlots,\n            },\n          },\n        ],\n        [\n          TextContext,\n          {\n            ...textContext,\n            slots: {\n              ...(textContext &&\n              typeof textContext === \"object\" &&\n              \"slots\" in textContext\n                ? textContext.slots\n                : {}),\n              ...textSlots,\n            },\n          },\n        ],\n      ]}\n    >\n      {children}\n    </Provider>\n  );\n};\n","import {\n  RangeCalendarContext,\n  Heading,\n  useSlottedContext,\n} from \"react-aria-components\";\nimport {\n  Box,\n  Flex,\n  IconButton,\n  Stack,\n  Text,\n  VisuallyHidden,\n} from \"@/components\";\nimport {\n  KeyboardArrowLeft,\n  KeyboardArrowRight,\n} from \"@commercetools/nimbus-icons\";\nimport { RangeCalendarHeaderSlot } from \"../range-calendar.slots\";\n\n/**\n * RangeCalendarHeader - Header component for the RangeCalendar\n *\n * Displays navigation controls for month and year selection with proper\n * internationalization and accessibility support.\n */\nexport const RangeCalendarHeader = () => {\n  const rangeCalendarProps = useSlottedContext(RangeCalendarContext);\n\n  // Needed to decide whether to show a single month or a range\n  const visibleDurationMonths =\n    rangeCalendarProps?.visibleDuration?.months || 1;\n  const showRangeLabel = visibleDurationMonths > 1;\n\n  return (\n    <RangeCalendarHeaderSlot>\n      <Flex>\n        <Stack direction=\"row\" alignItems=\"center\">\n          {/** solely for screen readers, if not present, a11y issues are raised */}\n          <VisuallyHidden>\n            <Heading />\n          </VisuallyHidden>\n          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton\n            slot={showRangeLabel ? \"previous\" : \"previous-month\"}\n            size=\"xs\"\n            variant=\"ghost\"\n            colorPalette=\"primary\"\n          >\n            <KeyboardArrowLeft />\n          </IconButton>\n          <Text\n            textStyle=\"sm\"\n            fontWeight=\"500\"\n            color=\"neutral.11\"\n            width={showRangeLabel ? \"4000\" : \"2000\"}\n            textAlign=\"center\"\n            aria-hidden=\"true\"\n            slot={showRangeLabel ? \"monthRange\" : \"month\"}\n          />\n          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton\n            slot={showRangeLabel ? \"next\" : \"next-month\"}\n            size=\"xs\"\n            variant=\"ghost\"\n            colorPalette=\"primary\"\n          >\n            <KeyboardArrowRight />\n          </IconButton>\n        </Stack>\n        <Box flexGrow=\"1\" />\n        <Stack direction=\"row\" alignItems=\"center\">\n          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton\n            slot=\"previous-year\"\n            size=\"xs\"\n            variant=\"ghost\"\n            colorPalette=\"primary\"\n          >\n            <KeyboardArrowLeft />\n          </IconButton>\n          <Text\n            textStyle=\"sm\"\n            fontWeight=\"500\"\n            color=\"neutral.11\"\n            width=\"1400\"\n            textAlign=\"center\"\n            aria-hidden=\"true\"\n            slot=\"year\"\n          />\n          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton\n            slot=\"next-year\"\n            size=\"xs\"\n            variant=\"ghost\"\n            colorPalette=\"primary\"\n          >\n            <KeyboardArrowRight />\n          </IconButton>\n        </Stack>\n      </Flex>\n    </RangeCalendarHeaderSlot>\n  );\n};\n","import { useContext } from \"react\";\nimport { today, getLocalTimeZone } from \"@internationalized/date\";\nimport {\n  CalendarGrid as RaCalendarGrid,\n  CalendarGridBody as RaCalendarGridBody,\n  CalendarGridHeader as RaCalendarGridHeader,\n  CalendarHeaderCell as RaCalendarHeaderCell,\n  CalendarCell as RaCalendarCell,\n  useSlottedContext,\n  RangeCalendarContext,\n  RangeCalendarStateContext,\n  useLocale,\n} from \"react-aria-components\";\nimport { Box } from \"@/components\";\n\nimport {\n  RangeCalendarCellSlot,\n  RangeCalendarGridBodySlot,\n  RangeCalendarGridHeaderSlot,\n  RangeCalendarGridsSlot,\n  RangeCalendarGridSlot,\n  RangeCalendarHeaderCellSlot,\n  RangeCalendarMonthTitleSlot,\n} from \"../range-calendar.slots\";\n\n/**\n * RangeCalendarGrids - Grid container component for the RangeCalendar\n *\n * Renders calendar grids for one or more months with proper date cells,\n * weekday headers, and internationalization support.\n */\nexport const RangeCalendarGrids = () => {\n  const { locale } = useLocale();\n  const context = useSlottedContext(RangeCalendarContext);\n\n  const calendarState = useContext(RangeCalendarStateContext)!;\n  const visibleMonthsCount = context?.visibleDuration?.months || 1;\n  const todayDate = today(getLocalTimeZone());\n  const showMonthTitles = visibleMonthsCount > 1;\n\n  return (\n    <RangeCalendarGridsSlot>\n      {Array.from({ length: visibleMonthsCount }, (_, index) => {\n        const gridDate = calendarState.visibleRange.start.add({\n          months: index,\n        });\n        const monthName = new Intl.DateTimeFormat(locale, {\n          month: \"long\",\n        }).format(gridDate.toDate(getLocalTimeZone()));\n\n        return (\n          <Box\n            key={monthName}\n            width={visibleMonthsCount == 1 ? \"full\" : \"auto\"}\n          >\n            {showMonthTitles && (\n              <RangeCalendarMonthTitleSlot>\n                {monthName}\n              </RangeCalendarMonthTitleSlot>\n            )}\n            <RangeCalendarGridSlot asChild>\n              <RaCalendarGrid offset={{ months: index }} weekdayStyle=\"short\">\n                <RangeCalendarGridHeaderSlot asChild>\n                  <RaCalendarGridHeader>\n                    {(day) => (\n                      <RangeCalendarHeaderCellSlot asChild>\n                        <RaCalendarHeaderCell>{day}</RaCalendarHeaderCell>\n                      </RangeCalendarHeaderCellSlot>\n                    )}\n                  </RaCalendarGridHeader>\n                </RangeCalendarGridHeaderSlot>\n                <RangeCalendarGridBodySlot asChild>\n                  <RaCalendarGridBody>\n                    {(date) => {\n                      const isToday = date.compare(todayDate) === 0;\n                      return (\n                        <RangeCalendarCellSlot asChild data-today={isToday}>\n                          <RaCalendarCell date={date} />\n                        </RangeCalendarCellSlot>\n                      );\n                    }}\n                  </RaCalendarGridBody>\n                </RangeCalendarGridBodySlot>\n              </RaCalendarGrid>\n            </RangeCalendarGridSlot>\n          </Box>\n        );\n      })}\n    </RangeCalendarGridsSlot>\n  );\n};\n","import type { RangeCalendarProps } from \"./range-calendar.types\";\nimport type { DateValue } from \"@internationalized/date\";\nimport { RangeCalendar as RaRangeCalendar } from \"react-aria-components\";\nimport { RangeCalendarRootSlot } from \"./range-calendar.slots\";\nimport {\n  RangeCalendarCustomContext,\n  RangeCalendarHeader,\n  RangeCalendarGrids,\n} from \"./components\";\nimport { rangeCalendarSlotRecipe } from \"./range-calendar.recipe\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * RangeCalendar\n * ============================================================\n * Calendar component that displays a grid of days in one or more months\n * and allows users to select a range of dates. Built with React Aria\n * Components for accessibility and WCAG 2.1 AA compliance.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/rangecalendar}\n *\n * @supportsStylePropsx\n */\nexport const RangeCalendar = (props: RangeCalendarProps<DateValue>) => {\n  const recipe = useRecipe({ recipe: rangeCalendarSlotRecipe });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n  return (\n    <RangeCalendarRootSlot {...recipeProps} {...styleProps} asChild>\n      <RaRangeCalendar {...otherProps}>\n        <RangeCalendarCustomContext>\n          <RangeCalendarHeader />\n          <RangeCalendarGrids />\n        </RangeCalendarCustomContext>\n      </RaRangeCalendar>\n    </RangeCalendarRootSlot>\n  );\n};\n\nRangeCalendar.displayName = \"RangeCalendar\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","RangeCalendarRootSlot","RangeCalendarHeaderSlot","RangeCalendarGridsSlot","RangeCalendarMonthTitleSlot","RangeCalendarGridSlot","RangeCalendarGridHeaderSlot","RangeCalendarHeaderCellSlot","RangeCalendarGridBodySlot","RangeCalendarCellSlot","messages","defineMessages","RangeCalendarCustomContext","children","intl","useIntl","locale","useLocale","buttonContext","useContext","ButtonContext","textContext","TextContext","calendarState","RangeCalendarStateContext","buttonSlots","monthLabel","getLocalTimeZone","monthRangeLabel","yearLabel","textSlots","jsx","Provider","RangeCalendarHeader","showRangeLabel","useSlottedContext","RangeCalendarContext","jsxs","Flex","Stack","VisuallyHidden","Heading","IconButton","KeyboardArrowLeft","Text","KeyboardArrowRight","Box","RangeCalendarGrids","context","visibleMonthsCount","todayDate","today","showMonthTitles","_","index","gridDate","monthName","RaCalendarGrid","RaCalendarGridHeader","day","RaCalendarHeaderCell","RaCalendarGridBody","date","isToday","RaCalendarCell","RangeCalendar","props","recipe","useRecipe","rangeCalendarSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","RaRangeCalendar"],"mappings":";;;;;;;;;;;;;;;;;;;;AAcA,MAAM,EAAE,cAAAA,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,KAAK;AACP,CAAC,GAEYC,IAGT,gBAAAH,EAAyD,OAAO,MAAM,GAE7DI,IAA0B,gBAAAH,EAGrC,OAAO,QAAQ,GAEJI,IAAyB,gBAAAJ,EAGpC,OAAO,OAAO,GAEHK,IAA8B,gBAAAL,EAGzC,OAAO,YAAY,GAERM,IAAwB,gBAAAN,EAGnC,SAAS,MAAM,GAEJO,IAA8B,gBAAAP,EAGzC,SAAS,YAAY,GAEVQ,KAA8B,gBAAAR,EAGzC,MAAM,YAAY,GAEPS,KAA4B,gBAAAT,EAGvC,SAAS,UAAU,GAERU,KAAwB,gBAAAV,EAGnC,MAAM,UAAU,GC3DLW,IAAW,gBAAAC,EAAe;AAAA,EACrC,WAAW;AAAA,IACT,IAAI;AAAA,IACJ,aAAa;AAAA,IACb,gBAAgB;AAAA,EAAA;AAAA,EAElB,eAAe;AAAA,IACb,IAAI;AAAA,IACJ,aAAa;AAAA,IACb,gBAAgB;AAAA,EAAA;AAAA,EAElB,UAAU;AAAA,IACR,IAAI;AAAA,IACJ,aAAa;AAAA,IACb,gBAAgB;AAAA,EAAA;AAAA,EAElB,cAAc;AAAA,IACZ,IAAI;AAAA,IACJ,aAAa;AAAA,IACb,gBAAgB;AAAA,EAAA;AAEpB,CAAC,GCXYC,KAA6B,CAAC;AAAA,EACzC,UAAAC;AACF,MAEM;AACJ,QAAMC,IAAOC,EAAA,GACP,EAAE,QAAAC,EAAA,IAAWC,EAAA,GACbC,IAAgBC,EAAWC,CAAa,GACxCC,IAAcF,EAAWG,CAAW,GACpCC,IAAgBJ,EAAWK,CAAyB,GAMpDC,IAAc;AAAA,IAClB,cAAc;AAAA,MACZ,SAAS,MAAMF,EAAc,iBAAA;AAAA,MAC7B,cAAcT,EAAK,cAAcJ,EAAS,SAAS;AAAA,IAAA;AAAA,IAErD,kBAAkB;AAAA,MAChB,SAAS,MAAMa,EAAc,qBAAA;AAAA,MAC7B,cAAcT,EAAK,cAAcJ,EAAS,aAAa;AAAA,IAAA;AAAA,IAEzD,aAAa;AAAA,MACX,SAAS,MAAMa,EAAc,iBAAiB,EAAI;AAAA,MAClD,cAAcT,EAAK,cAAcJ,EAAS,QAAQ;AAAA,IAAA;AAAA,IAEpD,iBAAiB;AAAA,MACf,SAAS,MAAMa,EAAc,qBAAqB,EAAI;AAAA,MACtD,cAAcT,EAAK,cAAcJ,EAAS,YAAY;AAAA,IAAA;AAAA,EACxD,GAOIgB,IAAa,IAAI,KAAK,eAAeV,GAAQ;AAAA,IACjD,OAAO;AAAA,EAAA,CACR,EAAE,OAAOO,EAAc,YAAY,OAAOI,EAAA,CAAkB,CAAC,GAExDC,IAAkB;AAAA,IACtB,IAAI,KAAK,eAAeZ,GAAQ;AAAA,MAC9B,OAAO;AAAA,IAAA,CACR,EAAE,OAAOO,EAAc,aAAa,MAAM,OAAOI,EAAA,CAAkB,CAAC;AAAA,IACrE,IAAI,KAAK,eAAeX,GAAQ;AAAA,MAC9B,OAAO;AAAA,IAAA,CACR,EAAE,OAAOO,EAAc,aAAa,IAAI,OAAOI,GAAkB,CAAC;AAAA,EAAA,EACnE,KAAK,KAAK,GAENE,IAAY,IAAI,KAAK,eAAeb,GAAQ;AAAA,IAChD,MAAM;AAAA,EAAA,CACP,EAAE,OAAOO,EAAc,YAAY,OAAOI,EAAA,CAAkB,CAAC,GAExDG,IAAY;AAAA,IAChB,OAAO,EAAE,UAAUJ,EAAA;AAAA,IACnB,YAAY,EAAE,UAAUE,EAAA;AAAA,IACxB,MAAM,EAAE,UAAUC,EAAA;AAAA,EAAU;AAG9B,SACE,gBAAAE;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,QAAQ;AAAA,QACN;AAAA,UACEZ;AAAAA,UACA;AAAA,YACE,GAAGF;AAAA,YACH,OAAO;AAAA,cACL,GAAIA,KACJ,OAAOA,KAAkB,YACzB,WAAWA,IACPA,EAAc,QACd,CAAA;AAAA,cACJ,GAAGO;AAAA,YAAA;AAAA,UACL;AAAA,QACF;AAAA,QAEF;AAAA,UACEH;AAAAA,UACA;AAAA,YACE,GAAGD;AAAA,YACH,OAAO;AAAA,cACL,GAAIA,KACJ,OAAOA,KAAgB,YACvB,WAAWA,IACPA,EAAY,QACZ,CAAA;AAAA,cACJ,GAAGS;AAAA,YAAA;AAAA,UACL;AAAA,QACF;AAAA,MACF;AAAA,MAGD,UAAAjB;AAAA,IAAA;AAAA,EAAA;AAGP,GCpFaoB,KAAsB,MAAM;AAMvC,QAAMC,KALqBC,EAAkBC,CAAoB,GAI3C,iBAAiB,UAAU,KACF;AAE/C,SACE,gBAAAL,EAAC7B,GAAA,EACC,UAAA,gBAAAmC,EAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAA,EAAM,WAAU,OAAM,YAAW,UAEhC,UAAA;AAAA,MAAA,gBAAAR,EAACS,GAAA,EACC,UAAA,gBAAAT,EAACU,GAAA,CAAA,CAAQ,GACX;AAAA,MAEA,gBAAAV;AAAA,QAACW;AAAA,QAAA;AAAA,UACC,MAAMR,IAAiB,aAAa;AAAA,UACpC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,cAAa;AAAA,UAEb,4BAACS,GAAA,CAAA,CAAkB;AAAA,QAAA;AAAA,MAAA;AAAA,MAErB,gBAAAZ;AAAA,QAACa;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,YAAW;AAAA,UACX,OAAM;AAAA,UACN,OAAOV,IAAiB,SAAS;AAAA,UACjC,WAAU;AAAA,UACV,eAAY;AAAA,UACZ,MAAMA,IAAiB,eAAe;AAAA,QAAA;AAAA,MAAA;AAAA,MAGxC,gBAAAH;AAAA,QAACW;AAAA,QAAA;AAAA,UACC,MAAMR,IAAiB,SAAS;AAAA,UAChC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,cAAa;AAAA,UAEb,4BAACW,GAAA,CAAA,CAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,IACtB,GACF;AAAA,IACA,gBAAAd,EAACe,GAAA,EAAI,UAAS,IAAA,CAAI;AAAA,IAClB,gBAAAT,EAACE,GAAA,EAAM,WAAU,OAAM,YAAW,UAEhC,UAAA;AAAA,MAAA,gBAAAR;AAAA,QAACW;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,cAAa;AAAA,UAEb,4BAACC,GAAA,CAAA,CAAkB;AAAA,QAAA;AAAA,MAAA;AAAA,MAErB,gBAAAZ;AAAA,QAACa;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,YAAW;AAAA,UACX,OAAM;AAAA,UACN,OAAM;AAAA,UACN,WAAU;AAAA,UACV,eAAY;AAAA,UACZ,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAGP,gBAAAb;AAAA,QAACW;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,cAAa;AAAA,UAEb,4BAACG,GAAA,CAAA,CAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,IACtB,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ,GCvEaE,KAAqB,MAAM;AACtC,QAAM,EAAE,QAAA/B,EAAA,IAAWC,EAAA,GACb+B,IAAUb,EAAkBC,CAAoB,GAEhDb,IAAgBJ,EAAWK,CAAyB,GACpDyB,IAAqBD,GAAS,iBAAiB,UAAU,GACzDE,IAAYC,EAAMxB,GAAkB,GACpCyB,IAAkBH,IAAqB;AAE7C,SACE,gBAAAlB,EAAC5B,GAAA,EACE,UAAA,MAAM,KAAK,EAAE,QAAQ8C,EAAA,GAAsB,CAACI,GAAGC,MAAU;AACxD,UAAMC,IAAWhC,EAAc,aAAa,MAAM,IAAI;AAAA,MACpD,QAAQ+B;AAAA,IAAA,CACT,GACKE,IAAY,IAAI,KAAK,eAAexC,GAAQ;AAAA,MAChD,OAAO;AAAA,IAAA,CACR,EAAE,OAAOuC,EAAS,OAAO5B,EAAA,CAAkB,CAAC;AAE7C,WACE,gBAAAU;AAAA,MAACS;AAAA,MAAA;AAAA,QAEC,OAAOG,KAAsB,IAAI,SAAS;AAAA,QAEzC,UAAA;AAAA,UAAAG,KACC,gBAAArB,EAAC3B,KACE,UAAAoD,EAAA,CACH;AAAA,UAEF,gBAAAzB,EAAC1B,GAAA,EAAsB,SAAO,IAC5B,UAAA,gBAAAgC,EAACoB,GAAA,EAAe,QAAQ,EAAE,QAAQH,EAAA,GAAS,cAAa,SACtD,UAAA;AAAA,YAAA,gBAAAvB,EAACzB,KAA4B,SAAO,IAClC,UAAA,gBAAAyB,EAAC2B,GAAA,EACE,WAACC,MACA,gBAAA5B,EAACxB,IAAA,EAA4B,SAAO,IAClC,UAAA,gBAAAwB,EAAC6B,GAAA,EAAsB,UAAAD,EAAA,CAAI,GAC7B,GAEJ,EAAA,CACF;AAAA,8BACCnD,IAAA,EAA0B,SAAO,IAChC,UAAA,gBAAAuB,EAAC8B,GAAA,EACE,WAACC,MAAS;AACT,oBAAMC,IAAUD,EAAK,QAAQZ,CAAS,MAAM;AAC5C,qBACE,gBAAAnB,EAACtB,MAAsB,SAAO,IAAC,cAAYsD,GACzC,UAAA,gBAAAhC,EAACiC,GAAA,EAAe,MAAAF,EAAA,CAAY,EAAA,CAC9B;AAAA,YAEJ,GACF,EAAA,CACF;AAAA,UAAA,EAAA,CACF,EAAA,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,MAhCKN;AAAA,IAAA;AAAA,EAmCX,CAAC,EAAA,CACH;AAEJ,GClEaS,KAAgB,CAACC,MAAyC;AACrE,QAAMC,IAASC,EAAU,EAAE,QAAQC,GAAyB,GACtD,CAACC,GAAaC,CAAc,IAAIJ,EAAO,kBAAkBD,CAAK,GAC9D,CAACM,GAAYC,CAAU,IAAIC,EAAkBH,CAAc;AAEjE,SACE,gBAAAxC,EAAC9B,GAAA,EAAuB,GAAGqE,GAAc,GAAGE,GAAY,SAAO,IAC7D,UAAA,gBAAAzC,EAAC4C,GAAA,EAAiB,GAAGF,GACnB,4BAAC7D,IAAA,EACC,UAAA;AAAA,IAAA,gBAAAmB,EAACE,IAAA,EAAoB;AAAA,sBACpBc,IAAA,CAAA,CAAmB;AAAA,EAAA,EAAA,CACtB,GACF,GACF;AAEJ;AAEAkB,GAAc,cAAc;"}

package/dist/chunks/range-calendar-sHWelH3C.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),r=require("./Heading-kcnZ-PKv.cjs.js"),M=require("@chakra-ui/react"),D=require("./index-DzRjEtIu.cjs.js"),I=require("@chakra-ui/react/styled-system"),T=require("./extract-style-props-BilMyFTD.cjs.js"),c=require("./useDateFormatter-WCaFojul.cjs.js"),$=require("react"),C=require("./Button-DLCecw8f.cjs.js"),p=require("./utils-DVb3jcp5.cjs.js"),y=require("./Text-BWSfeB9p.cjs.js"),R=require("react-intl"),S=require("./context-CyT9C4U4.cjs.js"),u=require("@commercetools/nimbus-icons"),B=require("@chakra-ui/react/flex"),j=require("./stack-CIN13EDn.cjs.js"),N=require("./visually-hidden-BjtXUoFK.cjs.js"),h=require("./icon-button-BUmqYcIF.cjs.js"),v=require("./text-BtRhIklG.cjs.js"),P=require("./box-CWni3A32.cjs.js"),{withProvider:H,withContext:i}=M.createSlotRecipeContext({key:"rangeCalendar"}),A=H("div","root"),F=i("div","header"),G=i("div","grids"),L=i("div","monthTitle"),Y=i("table","grid"),k=i("thead","gridHeader"),z=i("th","headerCell"),K=i("tbody","gridBody"),V=i("td","bodyCell"),b=R.defineMessages({nextMonth:{id:"Nimbus.RangeCalendar.nextMonth",description:"aria-label for next month navigation button",defaultMessage:"Next month"},previousMonth:{id:"Nimbus.RangeCalendar.previousMonth",description:"aria-label for previous month navigation button",defaultMessage:"Previous month"},nextYear:{id:"Nimbus.RangeCalendar.nextYear",description:"aria-label for next year navigation button",defaultMessage:"Next year"},previousYear:{id:"Nimbus.RangeCalendar.previousYear",description:"aria-label for previous year navigation button",defaultMessage:"Previous year"}}),W=({children:d})=>{const n=R.useIntl(),{locale:t}=S.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),o=$.useContext(C.$d2b4bc8c273e7be6$export$24d547caef80ccd1),s=$.useContext(y.$514c0188e459b4c0$export$9afb8bc826b033ea),a=$.useContext(r.$dfd62f934fc76fed$export$5e0fc348c00f87a0),m={"next-month":{onPress:()=>a.focusNextSection(),"aria-label":n.formatMessage(b.nextMonth)},"previous-month":{onPress:()=>a.focusPreviousSection(),"aria-label":n.formatMessage(b.previousMonth)},"next-year":{onPress:()=>a.focusNextSection(!0),"aria-label":n.formatMessage(b.nextYear)},"previous-year":{onPress:()=>a.focusPreviousSection(!0),"aria-label":n.formatMessage(b.previousYear)}},f=new Intl.DateTimeFormat(t,{month:"long"}).format(a.focusedDate.toDate(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2())),g=[new Intl.DateTimeFormat(t,{month:"long"}).format(a.visibleRange.start.toDate(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2())),new Intl.DateTimeFormat(t,{month:"long"}).format(a.visibleRange.end.toDate(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2()))].join(" - "),x=new Intl.DateTimeFormat(t,{year:"numeric"}).format(a.focusedDate.toDate(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2())),l={month:{children:f},monthRange:{children:g},year:{children:x}};return e.jsx(p.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[C.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{...o,slots:{...o&&typeof o=="object"&&"slots"in o?o.slots:{},...m}}],[y.$514c0188e459b4c0$export$9afb8bc826b033ea,{...s,slots:{...s&&typeof s=="object"&&"slots"in s?s.slots:{},...l}}]],children:d})},_=()=>{const t=(p.$64fa3d84918910a7$export$fabf2dc03a41866e(r.$dfd62f934fc76fed$export$233dd9682e1ad64b)?.visibleDuration?.months||1)>1;return e.jsx(F,{children:e.jsxs(B.Flex,{children:[e.jsxs(j.Stack,{direction:"row",alignItems:"center",children:[e.jsx(N.VisuallyHidden,{children:e.jsx(r.$5cb03073d3f54797$export$a8a3e93435678ff9,{})}),e.jsx(h.IconButton,{slot:t?"previous":"previous-month",size:"xs",variant:"ghost",colorPalette:"primary",children:e.jsx(u.KeyboardArrowLeft,{})}),e.jsx(v.Text,{textStyle:"sm",fontWeight:"500",color:"neutral.11",width:t?"4000":"2000",textAlign:"center","aria-hidden":"true",slot:t?"monthRange":"month"}),e.jsx(h.IconButton,{slot:t?"next":"next-month",size:"xs",variant:"ghost",colorPalette:"primary",children:e.jsx(u.KeyboardArrowRight,{})})]}),e.jsx(P.Box,{flexGrow:"1"}),e.jsxs(j.Stack,{direction:"row",alignItems:"center",children:[e.jsx(h.IconButton,{slot:"previous-year",size:"xs",variant:"ghost",colorPalette:"primary",children:e.jsx(u.KeyboardArrowLeft,{})}),e.jsx(v.Text,{textStyle:"sm",fontWeight:"500",color:"neutral.11",width:"1400",textAlign:"center","aria-hidden":"true",slot:"year"}),e.jsx(h.IconButton,{slot:"next-year",size:"xs",variant:"ghost",colorPalette:"primary",children:e.jsx(u.KeyboardArrowRight,{})})]})]})})},E=()=>{const{locale:d}=S.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),n=p.$64fa3d84918910a7$export$fabf2dc03a41866e(r.$dfd62f934fc76fed$export$233dd9682e1ad64b),t=$.useContext(r.$dfd62f934fc76fed$export$5e0fc348c00f87a0),o=n?.visibleDuration?.months||1,s=c.$14e0f24ef4ac5c92$export$d0bdf45af03a6ea3(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2()),a=o>1;return e.jsx(G,{children:Array.from({length:o},(m,f)=>{const g=t.visibleRange.start.add({months:f}),x=new Intl.DateTimeFormat(d,{month:"long"}).format(g.toDate(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2()));return e.jsxs(P.Box,{width:o==1?"full":"auto",children:[a&&e.jsx(L,{children:x}),e.jsx(Y,{asChild:!0,children:e.jsxs(r.$dfd62f934fc76fed$export$5bd780d491cfc46c,{offset:{months:f},weekdayStyle:"short",children:[e.jsx(k,{asChild:!0,children:e.jsx(r.$dfd62f934fc76fed$export$22e2d15eaa4d2377,{children:l=>e.jsx(z,{asChild:!0,children:e.jsx(r.$dfd62f934fc76fed$export$ad2135cac3a11b3d,{children:l})})})}),e.jsx(K,{asChild:!0,children:e.jsx(r.$dfd62f934fc76fed$export$e11f8ba65d857bff,{children:l=>{const w=l.compare(s)===0;return e.jsx(V,{asChild:!0,"data-today":w,children:e.jsx(r.$dfd62f934fc76fed$export$5d847498420df57b,{date:l})})}})})]})})]},x)})})},q=d=>{const n=I.useRecipe({recipe:D.rangeCalendarSlotRecipe}),[t,o]=n.splitVariantProps(d),[s,a]=T.extractStyleProps(o);return e.jsx(A,{...t,...s,asChild:!0,children:e.jsx(r.$dfd62f934fc76fed$export$a4f5c8b89d277a8d,{...a,children:e.jsxs(W,{children:[e.jsx(_,{}),e.jsx(E,{})]})})})};q.displayName="RangeCalendar";exports.RangeCalendar=q;
+//# sourceMappingURL=range-calendar-sHWelH3C.cjs.js.map

package/dist/chunks/range-calendar-sHWelH3C.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"range-calendar-sHWelH3C.cjs.js","sources":["../../src/components/range-calendar/range-calendar.slots.tsx","../../src/components/range-calendar/range-calendar.i18n.ts","../../src/components/range-calendar/components/range-calendar.custom-context.tsx","../../src/components/range-calendar/components/range-calendar.header.tsx","../../src/components/range-calendar/components/range-calendar.grids.tsx","../../src/components/range-calendar/range-calendar.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n  RangeCalendarRootSlotProps,\n  RangeCalendarHeaderSlotProps,\n  RangeCalendarGridsSlotProps,\n  RangeCalendarMonthTitleSlotProps,\n  RangeCalendarGridSlotProps,\n  RangeCalendarGridHeaderSlotProps,\n  RangeCalendarHeaderCellSlotProps,\n  RangeCalendarGridBodySlotProps,\n  RangeCalendarCellSlotProps,\n} from \"./range-calendar.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"rangeCalendar\",\n});\n\nexport const RangeCalendarRootSlot: SlotComponent<\n  HTMLDivElement,\n  RangeCalendarRootSlotProps\n> = withProvider<HTMLDivElement, RangeCalendarRootSlotProps>(\"div\", \"root\");\n\nexport const RangeCalendarHeaderSlot = withContext<\n  HTMLDivElement,\n  RangeCalendarHeaderSlotProps\n>(\"div\", \"header\");\n\nexport const RangeCalendarGridsSlot = withContext<\n  HTMLDivElement,\n  RangeCalendarGridsSlotProps\n>(\"div\", \"grids\");\n\nexport const RangeCalendarMonthTitleSlot = withContext<\n  HTMLDivElement,\n  RangeCalendarMonthTitleSlotProps\n>(\"div\", \"monthTitle\");\n\nexport const RangeCalendarGridSlot = withContext<\n  HTMLTableElement,\n  RangeCalendarGridSlotProps\n>(\"table\", \"grid\");\n\nexport const RangeCalendarGridHeaderSlot = withContext<\n  HTMLTableSectionElement,\n  RangeCalendarGridHeaderSlotProps\n>(\"thead\", \"gridHeader\");\n\nexport const RangeCalendarHeaderCellSlot = withContext<\n  HTMLTableCellElement,\n  RangeCalendarHeaderCellSlotProps\n>(\"th\", \"headerCell\");\n\nexport const RangeCalendarGridBodySlot = withContext<\n  HTMLTableSectionElement,\n  RangeCalendarGridBodySlotProps\n>(\"tbody\", \"gridBody\");\n\nexport const RangeCalendarCellSlot = withContext<\n  HTMLTableCellElement,\n  RangeCalendarCellSlotProps\n>(\"td\", \"bodyCell\");\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n  nextMonth: {\n    id: \"Nimbus.RangeCalendar.nextMonth\",\n    description: \"aria-label for next month navigation button\",\n    defaultMessage: \"Next month\",\n  },\n  previousMonth: {\n    id: \"Nimbus.RangeCalendar.previousMonth\",\n    description: \"aria-label for previous month navigation button\",\n    defaultMessage: \"Previous month\",\n  },\n  nextYear: {\n    id: \"Nimbus.RangeCalendar.nextYear\",\n    description: \"aria-label for next year navigation button\",\n    defaultMessage: \"Next year\",\n  },\n  previousYear: {\n    id: \"Nimbus.RangeCalendar.previousYear\",\n    description: \"aria-label for previous year navigation button\",\n    defaultMessage: \"Previous year\",\n  },\n});\n","import { getLocalTimeZone } from \"@internationalized/date\";\nimport { useContext } from \"react\";\nimport {\n  Provider,\n  ButtonContext,\n  RangeCalendarStateContext,\n  TextContext,\n  useLocale,\n} from \"react-aria-components\";\nimport { useIntl } from \"react-intl\";\nimport { messages } from \"../range-calendar.i18n\";\n\nexport const RangeCalendarCustomContext = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const intl = useIntl();\n  const { locale } = useLocale();\n  const buttonContext = useContext(ButtonContext)!;\n  const textContext = useContext(TextContext)!;\n  const calendarState = useContext(RangeCalendarStateContext)!;\n\n  /**\n   * Button slots\n   * ================================\n   */\n  const buttonSlots = {\n    \"next-month\": {\n      onPress: () => calendarState.focusNextSection(),\n      \"aria-label\": intl.formatMessage(messages.nextMonth),\n    },\n    \"previous-month\": {\n      onPress: () => calendarState.focusPreviousSection(),\n      \"aria-label\": intl.formatMessage(messages.previousMonth),\n    },\n    \"next-year\": {\n      onPress: () => calendarState.focusNextSection(true),\n      \"aria-label\": intl.formatMessage(messages.nextYear),\n    },\n    \"previous-year\": {\n      onPress: () => calendarState.focusPreviousSection(true),\n      \"aria-label\": intl.formatMessage(messages.previousYear),\n    },\n  };\n\n  /**\n   * Text slots\n   * ================================\n   */\n  const monthLabel = new Intl.DateTimeFormat(locale, {\n    month: \"long\",\n  }).format(calendarState.focusedDate.toDate(getLocalTimeZone()));\n\n  const monthRangeLabel = [\n    new Intl.DateTimeFormat(locale, {\n      month: \"long\",\n    }).format(calendarState.visibleRange.start.toDate(getLocalTimeZone())),\n    new Intl.DateTimeFormat(locale, {\n      month: \"long\",\n    }).format(calendarState.visibleRange.end.toDate(getLocalTimeZone())),\n  ].join(\" - \");\n\n  const yearLabel = new Intl.DateTimeFormat(locale, {\n    year: \"numeric\",\n  }).format(calendarState.focusedDate.toDate(getLocalTimeZone()));\n\n  const textSlots = {\n    month: { children: monthLabel },\n    monthRange: { children: monthRangeLabel },\n    year: { children: yearLabel },\n  };\n\n  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          {\n            ...buttonContext,\n            slots: {\n              ...(buttonContext &&\n              typeof buttonContext === \"object\" &&\n              \"slots\" in buttonContext\n                ? buttonContext.slots\n                : {}),\n              ...buttonSlots,\n            },\n          },\n        ],\n        [\n          TextContext,\n          {\n            ...textContext,\n            slots: {\n              ...(textContext &&\n              typeof textContext === \"object\" &&\n              \"slots\" in textContext\n                ? textContext.slots\n                : {}),\n              ...textSlots,\n            },\n          },\n        ],\n      ]}\n    >\n      {children}\n    </Provider>\n  );\n};\n","import {\n  RangeCalendarContext,\n  Heading,\n  useSlottedContext,\n} from \"react-aria-components\";\nimport {\n  Box,\n  Flex,\n  IconButton,\n  Stack,\n  Text,\n  VisuallyHidden,\n} from \"@/components\";\nimport {\n  KeyboardArrowLeft,\n  KeyboardArrowRight,\n} from \"@commercetools/nimbus-icons\";\nimport { RangeCalendarHeaderSlot } from \"../range-calendar.slots\";\n\n/**\n * RangeCalendarHeader - Header component for the RangeCalendar\n *\n * Displays navigation controls for month and year selection with proper\n * internationalization and accessibility support.\n */\nexport const RangeCalendarHeader = () => {\n  const rangeCalendarProps = useSlottedContext(RangeCalendarContext);\n\n  // Needed to decide whether to show a single month or a range\n  const visibleDurationMonths =\n    rangeCalendarProps?.visibleDuration?.months || 1;\n  const showRangeLabel = visibleDurationMonths > 1;\n\n  return (\n    <RangeCalendarHeaderSlot>\n      <Flex>\n        <Stack direction=\"row\" alignItems=\"center\">\n          {/** solely for screen readers, if not present, a11y issues are raised */}\n          <VisuallyHidden>\n            <Heading />\n          </VisuallyHidden>\n          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton\n            slot={showRangeLabel ? \"previous\" : \"previous-month\"}\n            size=\"xs\"\n            variant=\"ghost\"\n            colorPalette=\"primary\"\n          >\n            <KeyboardArrowLeft />\n          </IconButton>\n          <Text\n            textStyle=\"sm\"\n            fontWeight=\"500\"\n            color=\"neutral.11\"\n            width={showRangeLabel ? \"4000\" : \"2000\"}\n            textAlign=\"center\"\n            aria-hidden=\"true\"\n            slot={showRangeLabel ? \"monthRange\" : \"month\"}\n          />\n          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton\n            slot={showRangeLabel ? \"next\" : \"next-month\"}\n            size=\"xs\"\n            variant=\"ghost\"\n            colorPalette=\"primary\"\n          >\n            <KeyboardArrowRight />\n          </IconButton>\n        </Stack>\n        <Box flexGrow=\"1\" />\n        <Stack direction=\"row\" alignItems=\"center\">\n          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton\n            slot=\"previous-year\"\n            size=\"xs\"\n            variant=\"ghost\"\n            colorPalette=\"primary\"\n          >\n            <KeyboardArrowLeft />\n          </IconButton>\n          <Text\n            textStyle=\"sm\"\n            fontWeight=\"500\"\n            color=\"neutral.11\"\n            width=\"1400\"\n            textAlign=\"center\"\n            aria-hidden=\"true\"\n            slot=\"year\"\n          />\n          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton\n            slot=\"next-year\"\n            size=\"xs\"\n            variant=\"ghost\"\n            colorPalette=\"primary\"\n          >\n            <KeyboardArrowRight />\n          </IconButton>\n        </Stack>\n      </Flex>\n    </RangeCalendarHeaderSlot>\n  );\n};\n","import { useContext } from \"react\";\nimport { today, getLocalTimeZone } from \"@internationalized/date\";\nimport {\n  CalendarGrid as RaCalendarGrid,\n  CalendarGridBody as RaCalendarGridBody,\n  CalendarGridHeader as RaCalendarGridHeader,\n  CalendarHeaderCell as RaCalendarHeaderCell,\n  CalendarCell as RaCalendarCell,\n  useSlottedContext,\n  RangeCalendarContext,\n  RangeCalendarStateContext,\n  useLocale,\n} from \"react-aria-components\";\nimport { Box } from \"@/components\";\n\nimport {\n  RangeCalendarCellSlot,\n  RangeCalendarGridBodySlot,\n  RangeCalendarGridHeaderSlot,\n  RangeCalendarGridsSlot,\n  RangeCalendarGridSlot,\n  RangeCalendarHeaderCellSlot,\n  RangeCalendarMonthTitleSlot,\n} from \"../range-calendar.slots\";\n\n/**\n * RangeCalendarGrids - Grid container component for the RangeCalendar\n *\n * Renders calendar grids for one or more months with proper date cells,\n * weekday headers, and internationalization support.\n */\nexport const RangeCalendarGrids = () => {\n  const { locale } = useLocale();\n  const context = useSlottedContext(RangeCalendarContext);\n\n  const calendarState = useContext(RangeCalendarStateContext)!;\n  const visibleMonthsCount = context?.visibleDuration?.months || 1;\n  const todayDate = today(getLocalTimeZone());\n  const showMonthTitles = visibleMonthsCount > 1;\n\n  return (\n    <RangeCalendarGridsSlot>\n      {Array.from({ length: visibleMonthsCount }, (_, index) => {\n        const gridDate = calendarState.visibleRange.start.add({\n          months: index,\n        });\n        const monthName = new Intl.DateTimeFormat(locale, {\n          month: \"long\",\n        }).format(gridDate.toDate(getLocalTimeZone()));\n\n        return (\n          <Box\n            key={monthName}\n            width={visibleMonthsCount == 1 ? \"full\" : \"auto\"}\n          >\n            {showMonthTitles && (\n              <RangeCalendarMonthTitleSlot>\n                {monthName}\n              </RangeCalendarMonthTitleSlot>\n            )}\n            <RangeCalendarGridSlot asChild>\n              <RaCalendarGrid offset={{ months: index }} weekdayStyle=\"short\">\n                <RangeCalendarGridHeaderSlot asChild>\n                  <RaCalendarGridHeader>\n                    {(day) => (\n                      <RangeCalendarHeaderCellSlot asChild>\n                        <RaCalendarHeaderCell>{day}</RaCalendarHeaderCell>\n                      </RangeCalendarHeaderCellSlot>\n                    )}\n                  </RaCalendarGridHeader>\n                </RangeCalendarGridHeaderSlot>\n                <RangeCalendarGridBodySlot asChild>\n                  <RaCalendarGridBody>\n                    {(date) => {\n                      const isToday = date.compare(todayDate) === 0;\n                      return (\n                        <RangeCalendarCellSlot asChild data-today={isToday}>\n                          <RaCalendarCell date={date} />\n                        </RangeCalendarCellSlot>\n                      );\n                    }}\n                  </RaCalendarGridBody>\n                </RangeCalendarGridBodySlot>\n              </RaCalendarGrid>\n            </RangeCalendarGridSlot>\n          </Box>\n        );\n      })}\n    </RangeCalendarGridsSlot>\n  );\n};\n","import type { RangeCalendarProps } from \"./range-calendar.types\";\nimport type { DateValue } from \"@internationalized/date\";\nimport { RangeCalendar as RaRangeCalendar } from \"react-aria-components\";\nimport { RangeCalendarRootSlot } from \"./range-calendar.slots\";\nimport {\n  RangeCalendarCustomContext,\n  RangeCalendarHeader,\n  RangeCalendarGrids,\n} from \"./components\";\nimport { rangeCalendarSlotRecipe } from \"./range-calendar.recipe\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * RangeCalendar\n * ============================================================\n * Calendar component that displays a grid of days in one or more months\n * and allows users to select a range of dates. Built with React Aria\n * Components for accessibility and WCAG 2.1 AA compliance.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/rangecalendar}\n *\n * @supportsStylePropsx\n */\nexport const RangeCalendar = (props: RangeCalendarProps<DateValue>) => {\n  const recipe = useRecipe({ recipe: rangeCalendarSlotRecipe });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n  return (\n    <RangeCalendarRootSlot {...recipeProps} {...styleProps} asChild>\n      <RaRangeCalendar {...otherProps}>\n        <RangeCalendarCustomContext>\n          <RangeCalendarHeader />\n          <RangeCalendarGrids />\n        </RangeCalendarCustomContext>\n      </RaRangeCalendar>\n    </RangeCalendarRootSlot>\n  );\n};\n\nRangeCalendar.displayName = \"RangeCalendar\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","RangeCalendarRootSlot","RangeCalendarHeaderSlot","RangeCalendarGridsSlot","RangeCalendarMonthTitleSlot","RangeCalendarGridSlot","RangeCalendarGridHeaderSlot","RangeCalendarHeaderCellSlot","RangeCalendarGridBodySlot","RangeCalendarCellSlot","messages","defineMessages","RangeCalendarCustomContext","children","intl","useIntl","locale","useLocale","buttonContext","useContext","ButtonContext","textContext","TextContext","calendarState","RangeCalendarStateContext","buttonSlots","monthLabel","getLocalTimeZone","monthRangeLabel","yearLabel","textSlots","jsx","Provider","RangeCalendarHeader","showRangeLabel","useSlottedContext","RangeCalendarContext","jsxs","Flex","Stack","VisuallyHidden","Heading","IconButton","KeyboardArrowLeft","Text","KeyboardArrowRight","Box","RangeCalendarGrids","context","visibleMonthsCount","todayDate","today","showMonthTitles","_","index","gridDate","monthName","RaCalendarGrid","RaCalendarGridHeader","day","RaCalendarHeaderCell","RaCalendarGridBody","date","isToday","RaCalendarCell","RangeCalendar","props","recipe","useRecipe","rangeCalendarSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","RaRangeCalendar"],"mappings":"8vBAcM,CAAE,aAAAA,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,eACP,CAAC,EAEYC,EAGTH,EAAyD,MAAO,MAAM,EAE7DI,EAA0BH,EAGrC,MAAO,QAAQ,EAEJI,EAAyBJ,EAGpC,MAAO,OAAO,EAEHK,EAA8BL,EAGzC,MAAO,YAAY,EAERM,EAAwBN,EAGnC,QAAS,MAAM,EAEJO,EAA8BP,EAGzC,QAAS,YAAY,EAEVQ,EAA8BR,EAGzC,KAAM,YAAY,EAEPS,EAA4BT,EAGvC,QAAS,UAAU,EAERU,EAAwBV,EAGnC,KAAM,UAAU,EC3DLW,EAAWC,EAAAA,eAAe,CACrC,UAAW,CACT,GAAI,iCACJ,YAAa,8CACb,eAAgB,YAAA,EAElB,cAAe,CACb,GAAI,qCACJ,YAAa,kDACb,eAAgB,gBAAA,EAElB,SAAU,CACR,GAAI,gCACJ,YAAa,6CACb,eAAgB,WAAA,EAElB,aAAc,CACZ,GAAI,oCACJ,YAAa,iDACb,eAAgB,eAAA,CAEpB,CAAC,ECXYC,EAA6B,CAAC,CACzC,SAAAC,CACF,IAEM,CACJ,MAAMC,EAAOC,EAAAA,QAAA,EACP,CAAE,OAAAC,CAAA,EAAWC,4CAAA,EACbC,EAAgBC,EAAAA,WAAWC,2CAAa,EACxCC,EAAcF,EAAAA,WAAWG,2CAAW,EACpCC,EAAgBJ,EAAAA,WAAWK,2CAAyB,EAMpDC,EAAc,CAClB,aAAc,CACZ,QAAS,IAAMF,EAAc,iBAAA,EAC7B,aAAcT,EAAK,cAAcJ,EAAS,SAAS,CAAA,EAErD,iBAAkB,CAChB,QAAS,IAAMa,EAAc,qBAAA,EAC7B,aAAcT,EAAK,cAAcJ,EAAS,aAAa,CAAA,EAEzD,YAAa,CACX,QAAS,IAAMa,EAAc,iBAAiB,EAAI,EAClD,aAAcT,EAAK,cAAcJ,EAAS,QAAQ,CAAA,EAEpD,gBAAiB,CACf,QAAS,IAAMa,EAAc,qBAAqB,EAAI,EACtD,aAAcT,EAAK,cAAcJ,EAAS,YAAY,CAAA,CACxD,EAOIgB,EAAa,IAAI,KAAK,eAAeV,EAAQ,CACjD,MAAO,MAAA,CACR,EAAE,OAAOO,EAAc,YAAY,OAAOI,EAAAA,0CAAA,CAAkB,CAAC,EAExDC,EAAkB,CACtB,IAAI,KAAK,eAAeZ,EAAQ,CAC9B,MAAO,MAAA,CACR,EAAE,OAAOO,EAAc,aAAa,MAAM,OAAOI,EAAAA,0CAAA,CAAkB,CAAC,EACrE,IAAI,KAAK,eAAeX,EAAQ,CAC9B,MAAO,MAAA,CACR,EAAE,OAAOO,EAAc,aAAa,IAAI,OAAOI,EAAAA,2CAAkB,CAAC,CAAA,EACnE,KAAK,KAAK,EAENE,EAAY,IAAI,KAAK,eAAeb,EAAQ,CAChD,KAAM,SAAA,CACP,EAAE,OAAOO,EAAc,YAAY,OAAOI,EAAAA,0CAAA,CAAkB,CAAC,EAExDG,EAAY,CAChB,MAAO,CAAE,SAAUJ,CAAA,EACnB,WAAY,CAAE,SAAUE,CAAA,EACxB,KAAM,CAAE,SAAUC,CAAA,CAAU,EAG9B,OACEE,EAAAA,IAACC,EAAAA,0CAAA,CACC,OAAQ,CACN,CACEZ,EAAAA,0CACA,CACE,GAAGF,EACH,MAAO,CACL,GAAIA,GACJ,OAAOA,GAAkB,UACzB,UAAWA,EACPA,EAAc,MACd,CAAA,EACJ,GAAGO,CAAA,CACL,CACF,EAEF,CACEH,EAAAA,0CACA,CACE,GAAGD,EACH,MAAO,CACL,GAAIA,GACJ,OAAOA,GAAgB,UACvB,UAAWA,EACPA,EAAY,MACZ,CAAA,EACJ,GAAGS,CAAA,CACL,CACF,CACF,EAGD,SAAAjB,CAAA,CAAA,CAGP,ECpFaoB,EAAsB,IAAM,CAMvC,MAAMC,GALqBC,EAAAA,0CAAkBC,2CAAoB,GAI3C,iBAAiB,QAAU,GACF,EAE/C,OACEL,EAAAA,IAAC7B,EAAA,CACC,SAAAmC,EAAAA,KAACC,EAAAA,KAAA,CACC,SAAA,CAAAD,EAAAA,KAACE,EAAAA,MAAA,CAAM,UAAU,MAAM,WAAW,SAEhC,SAAA,CAAAR,EAAAA,IAACS,EAAAA,eAAA,CACC,SAAAT,EAAAA,IAACU,EAAAA,0CAAA,CAAA,CAAQ,EACX,EAEAV,EAAAA,IAACW,EAAAA,WAAA,CACC,KAAMR,EAAiB,WAAa,iBACpC,KAAK,KACL,QAAQ,QACR,aAAa,UAEb,eAACS,EAAAA,kBAAA,CAAA,CAAkB,CAAA,CAAA,EAErBZ,EAAAA,IAACa,EAAAA,KAAA,CACC,UAAU,KACV,WAAW,MACX,MAAM,aACN,MAAOV,EAAiB,OAAS,OACjC,UAAU,SACV,cAAY,OACZ,KAAMA,EAAiB,aAAe,OAAA,CAAA,EAGxCH,EAAAA,IAACW,EAAAA,WAAA,CACC,KAAMR,EAAiB,OAAS,aAChC,KAAK,KACL,QAAQ,QACR,aAAa,UAEb,eAACW,EAAAA,mBAAA,CAAA,CAAmB,CAAA,CAAA,CACtB,EACF,EACAd,EAAAA,IAACe,EAAAA,IAAA,CAAI,SAAS,GAAA,CAAI,EAClBT,EAAAA,KAACE,EAAAA,MAAA,CAAM,UAAU,MAAM,WAAW,SAEhC,SAAA,CAAAR,EAAAA,IAACW,EAAAA,WAAA,CACC,KAAK,gBACL,KAAK,KACL,QAAQ,QACR,aAAa,UAEb,eAACC,EAAAA,kBAAA,CAAA,CAAkB,CAAA,CAAA,EAErBZ,EAAAA,IAACa,EAAAA,KAAA,CACC,UAAU,KACV,WAAW,MACX,MAAM,aACN,MAAM,OACN,UAAU,SACV,cAAY,OACZ,KAAK,MAAA,CAAA,EAGPb,EAAAA,IAACW,EAAAA,WAAA,CACC,KAAK,YACL,KAAK,KACL,QAAQ,QACR,aAAa,UAEb,eAACG,EAAAA,mBAAA,CAAA,CAAmB,CAAA,CAAA,CACtB,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,CAEJ,ECvEaE,EAAqB,IAAM,CACtC,KAAM,CAAE,OAAA/B,CAAA,EAAWC,4CAAA,EACb+B,EAAUb,EAAAA,0CAAkBC,2CAAoB,EAEhDb,EAAgBJ,EAAAA,WAAWK,2CAAyB,EACpDyB,EAAqBD,GAAS,iBAAiB,QAAU,EACzDE,EAAYC,4CAAMxB,EAAAA,2CAAkB,EACpCyB,EAAkBH,EAAqB,EAE7C,OACElB,MAAC5B,EAAA,CACE,SAAA,MAAM,KAAK,CAAE,OAAQ8C,CAAA,EAAsB,CAACI,EAAGC,IAAU,CACxD,MAAMC,EAAWhC,EAAc,aAAa,MAAM,IAAI,CACpD,OAAQ+B,CAAA,CACT,EACKE,EAAY,IAAI,KAAK,eAAexC,EAAQ,CAChD,MAAO,MAAA,CACR,EAAE,OAAOuC,EAAS,OAAO5B,EAAAA,0CAAA,CAAkB,CAAC,EAE7C,OACEU,EAAAA,KAACS,EAAAA,IAAA,CAEC,MAAOG,GAAsB,EAAI,OAAS,OAEzC,SAAA,CAAAG,GACCrB,EAAAA,IAAC3B,GACE,SAAAoD,CAAA,CACH,EAEFzB,EAAAA,IAAC1B,EAAA,CAAsB,QAAO,GAC5B,SAAAgC,EAAAA,KAACoB,EAAAA,0CAAA,CAAe,OAAQ,CAAE,OAAQH,CAAA,EAAS,aAAa,QACtD,SAAA,CAAAvB,EAAAA,IAACzB,GAA4B,QAAO,GAClC,SAAAyB,EAAAA,IAAC2B,4CAAA,CACE,SAACC,GACA5B,EAAAA,IAACxB,EAAA,CAA4B,QAAO,GAClC,SAAAwB,EAAAA,IAAC6B,EAAAA,0CAAA,CAAsB,SAAAD,CAAA,CAAI,EAC7B,EAEJ,CAAA,CACF,QACCnD,EAAA,CAA0B,QAAO,GAChC,SAAAuB,EAAAA,IAAC8B,4CAAA,CACE,SAACC,GAAS,CACT,MAAMC,EAAUD,EAAK,QAAQZ,CAAS,IAAM,EAC5C,OACEnB,EAAAA,IAACtB,GAAsB,QAAO,GAAC,aAAYsD,EACzC,SAAAhC,EAAAA,IAACiC,EAAAA,0CAAA,CAAe,KAAAF,CAAA,CAAY,CAAA,CAC9B,CAEJ,EACF,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CAAA,EAhCKN,CAAA,CAmCX,CAAC,CAAA,CACH,CAEJ,EClEaS,EAAiBC,GAAyC,CACrE,MAAMC,EAASC,EAAAA,UAAU,CAAE,OAAQC,EAAAA,wBAAyB,EACtD,CAACC,EAAaC,CAAc,EAAIJ,EAAO,kBAAkBD,CAAK,EAC9D,CAACM,EAAYC,CAAU,EAAIC,EAAAA,kBAAkBH,CAAc,EAEjE,OACExC,EAAAA,IAAC9B,EAAA,CAAuB,GAAGqE,EAAc,GAAGE,EAAY,QAAO,GAC7D,SAAAzC,EAAAA,IAAC4C,EAAAA,0CAAA,CAAiB,GAAGF,EACnB,gBAAC7D,EAAA,CACC,SAAA,CAAAmB,EAAAA,IAACE,EAAA,EAAoB,QACpBc,EAAA,CAAA,CAAmB,CAAA,CAAA,CACtB,EACF,EACF,CAEJ,EAEAkB,EAAc,YAAc"}

package/dist/chunks/rich-text-input-B4ksKYJh.cjs.js

@@ -0,0 +1,10 @@
+"use strict";const s=require("react/jsx-runtime"),f=require("react"),te=require("@chakra-ui/react"),we=require("./extract-style-props-BilMyFTD.cjs.js"),Ee=require("./index-DzRjEtIu.cjs.js"),c=require("slate"),I=require("slate-react"),Ie=require("slate-history"),Ce=require("./useObjectRef-4v2MxSjQ.cjs.js"),re=require("react-intl"),ne=require("./group-Cjq5lNQD.cjs.js"),w=require("@commercetools/nimbus-icons"),E=require("./menu-Vj3cVc_v.cjs.js"),b=require("./tooltip-Bv-QlJ1O.cjs.js"),Z=require("./icon-button-BUmqYcIF.cjs.js"),O=require("./box-CWni3A32.cjs.js"),A=require("./text-BtRhIklG.cjs.js"),ve=require("./toolbar-DMowluJ2.cjs.js"),oe=require("./separator-DYCn6JPo.cjs.js"),ie=require("./toggle-button-group-Lfn3zYmC.cjs.js"),$=require("./icon-toggle-button-D3spgxe2.cjs.js"),V=require("./visually-hidden-BjtXUoFK.cjs.js");function se(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}const{withProvider:Ne,withContext:ge}=te.createSlotRecipeContext({key:"richTextInput"}),Ae=Ne("div","root"),De=ge("div","toolbar"),Fe=ge("div","editable"),me=t=>f.useCallback(e=>()=>{const{selection:r}=t;e(),r&&!t.selection&&c.Transforms.select(t,r),I.ReactEditor.isFocused(t)||I.ReactEditor.focus(t)},[t]),ae={"mod+b":"bold","mod+i":"italic","mod+u":"underline","mod+`":"code"},U={placeholder:"Start typing...",isDisabled:!1,isReadOnly:!1,autoFocus:!1},le={blockquote:"block-quote",p:"paragraph",pre:"code",h1:"heading-one",h2:"heading-two",h3:"heading-three",h4:"heading-four",h5:"heading-five",ul:"bulleted-list",ol:"numbered-list",li:"list-item",a:"link"},ce={strong:"bold",b:"bold",em:"italic",i:"italic",u:"underline",code:"code",sup:"superscript",sub:"subscript",del:"strikethrough",s:"strikethrough"},W={STRIKETHROUGH:"strikethrough",CODE:"code",SUPERSCRIPT:"superscript",SUBSCRIPT:"subscript"},He=[W.STRIKETHROUGH,W.CODE],Le=[W.SUPERSCRIPT,W.SUBSCRIPT],u=re.defineMessages({textFormatting:{id:"Nimbus.RichTextInput.textFormatting",description:"aria-label for the text formatting toolbar",defaultMessage:"Text formatting"},textStyleMenu:{id:"Nimbus.RichTextInput.textStyleMenu",description:"aria-label for the text style menu trigger button",defaultMessage:"Text style menu"},textStyle:{id:"Nimbus.RichTextInput.textStyle",description:"tooltip text for the text style menu",defaultMessage:"Text style"},bold:{id:"Nimbus.RichTextInput.bold",description:"aria-label and tooltip for the bold formatting button",defaultMessage:"Bold"},italic:{id:"Nimbus.RichTextInput.italic",description:"aria-label and tooltip for the italic formatting button",defaultMessage:"Italic"},underline:{id:"Nimbus.RichTextInput.underline",description:"aria-label and tooltip for the underline formatting button",defaultMessage:"Underline"},listFormatting:{id:"Nimbus.RichTextInput.listFormatting",description:"aria-label for the list formatting toggle group",defaultMessage:"List formatting"},bulletedList:{id:"Nimbus.RichTextInput.bulletedList",description:"aria-label for the bulleted list button",defaultMessage:"Bulleted list"},numberedList:{id:"Nimbus.RichTextInput.numberedList",description:"aria-label for the numbered list button",defaultMessage:"Numbered list"},undo:{id:"Nimbus.RichTextInput.undo",description:"aria-label and tooltip for the undo button",defaultMessage:"Undo"},redo:{id:"Nimbus.RichTextInput.redo",description:"aria-label and tooltip for the redo button",defaultMessage:"Redo"},moreFormattingOptions:{id:"Nimbus.RichTextInput.moreFormattingOptions",description:"aria-label for the more formatting options menu button",defaultMessage:"More formatting options"},moreStyles:{id:"Nimbus.RichTextInput.moreStyles",description:"tooltip text for the more formatting options menu",defaultMessage:"More styles"},strikethrough:{id:"Nimbus.RichTextInput.strikethrough",description:"label for the strikethrough menu item",defaultMessage:"Strikethrough"},code:{id:"Nimbus.RichTextInput.code",description:"label for the code formatting menu item",defaultMessage:"Code"},superscript:{id:"Nimbus.RichTextInput.superscript",description:"label for the superscript formatting menu item",defaultMessage:"Superscript"},subscript:{id:"Nimbus.RichTextInput.subscript",description:"label for the subscript formatting menu item",defaultMessage:"Subscript"},paragraph:{id:"Nimbus.RichTextInput.paragraph",description:"label for paragraph text style",defaultMessage:"Paragraph"},headingOne:{id:"Nimbus.RichTextInput.headingOne",description:"label for heading 1 text style",defaultMessage:"Heading 1"},headingTwo:{id:"Nimbus.RichTextInput.headingTwo",description:"label for heading 2 text style",defaultMessage:"Heading 2"},headingThree:{id:"Nimbus.RichTextInput.headingThree",description:"label for heading 3 text style",defaultMessage:"Heading 3"},headingFour:{id:"Nimbus.RichTextInput.headingFour",description:"label for heading 4 text style",defaultMessage:"Heading 4"},headingFive:{id:"Nimbus.RichTextInput.headingFive",description:"label for heading 5 text style",defaultMessage:"Heading 5"},quote:{id:"Nimbus.RichTextInput.quote",description:"label for block quote text style",defaultMessage:"Quote"}}),Ke=t=>[{id:"paragraph",label:t.formatMessage(u.paragraph),props:{textStyle:"md",fontWeight:"500"}},{id:"heading-one",label:t.formatMessage(u.headingOne),props:{textStyle:"2xl",fontWeight:"500"}},{id:"heading-two",label:t.formatMessage(u.headingTwo),props:{textStyle:"xl",fontWeight:"500"}},{id:"heading-three",label:t.formatMessage(u.headingThree),props:{textStyle:"lg",fontWeight:"500"}},{id:"heading-four",label:t.formatMessage(u.headingFour),props:{textStyle:"md",fontWeight:"500"}},{id:"heading-five",label:t.formatMessage(u.headingFive),props:{textStyle:"xs",fontWeight:"500"}},{id:"block-quote",label:t.formatMessage(u.quote),props:{textStyle:"md",fontWeight:"400"}}],qe=["heading-one","heading-two","heading-three","heading-four","heading-five","block-quote"];/*!
+ * escape-html
+ * Copyright(c) 2012-2013 TJ Holowaychuk
+ * Copyright(c) 2015 Andreas Lubbe
+ * Copyright(c) 2015 Tiancheng "Timothy" Gu
+ * MIT Licensed
+ */var Y,ue;function Oe(){if(ue)return Y;ue=1;var t=/["'&<>]/;Y=e;function e(r){var o=""+r,n=t.exec(o);if(!n)return o;var l,d="",p=0,h=0;for(p=n.index;p<o.length;p++){switch(o.charCodeAt(p)){case 34:l="&quot;";break;case 38:l="&amp;";break;case 39:l="&#39;";break;case 60:l="&lt;";break;case 62:l="&gt;";break;default:continue}h!==p&&(d+=o.substring(h,p)),h=p+1,d+=l}return h!==p?d+o.substring(h,p):d}return Y}var Be=Oe();const G=se(Be),xe=`​
+`,H=()=>[{type:"paragraph",children:[{text:""}]}],Pe=t=>t.map(be).join(""),be=t=>{if(c.Text.isText(t)){const o=t;let n=G(o.text);return o.bold&&(n=`<strong>${n}</strong>`),o.code&&(n=`<code>${n}</code>`),o.italic&&(n=`<em>${n}</em>`),o.underline&&(n=`<u>${n}</u>`),o.superscript&&(n=`<sup>${n}</sup>`),o.subscript&&(n=`<sub>${n}</sub>`),o.strikethrough&&(n=`<del>${n}</del>`),n=n.replace(new RegExp(xe,"g"),"<br>"),n}const e=t.children.map(be).join(""),r=t;switch(r.type){case"block-quote":return`<blockquote>${e}</blockquote>`;case"paragraph":return`<p>${e}</p>`;case"code":return`<pre><code>${e}</code></pre>`;case"bulleted-list":return`<ul>${e}</ul>`;case"numbered-list":return`<ol>${e}</ol>`;case"list-item":return`<li>${e}</li>`;case"heading-one":return`<h1>${e}</h1>`;case"heading-two":return`<h2>${e}</h2>`;case"heading-three":return`<h3>${e}</h3>`;case"heading-four":return`<h4>${e}</h4>`;case"heading-five":return`<h5>${e}</h5>`;case"link":{let o="";if(r.url){const l=Ve(r.url);o=` href="${G(l)}"`}let n="";if(r.htmlAttributes&&typeof r.htmlAttributes=="object")for(const[l,d]of Object.entries(r.htmlAttributes))l.toLowerCase().startsWith("on")||(n+=` ${G(l)}="${G(String(d))}"`);return`<a${o}${n}>${e}</a>`}default:return e}},ee=t=>{if(!t||t.trim()==="")return H();try{if(t.includes("<p>")||t.includes("<h")||t.includes("<div>")||t.includes("<blockquote>")||t.includes("<ul>")||t.includes("<ol>")){const r=new DOMParser().parseFromString(t,"text/html").body,o=Array.from(r.childNodes).map(ye).filter(Boolean);return Me(o)}else return[{type:"paragraph",children:[{text:t}]}]}catch(e){return console.warn("Failed to parse HTML:",e),H()}},ye=t=>{if(t.nodeType===Node.TEXT_NODE)return(t.textContent||"").replace(/<br\s*\/?>/gi,xe);if(t.nodeType!==Node.ELEMENT_NODE)return null;const e=t,r=e.tagName.toLowerCase(),o=Array.from(e.childNodes).map(ye).filter(Boolean);if(r in le){const l=le[r],d={type:l,children:[]};if(l==="link"){const p=e.getAttribute("href");p&&(d.url=p);const h={};Array.from(e.attributes).forEach(m=>{m.name!=="href"&&!m.name.toLowerCase().startsWith("on")&&(h[m.name]=m.value)}),Object.keys(h).length>0&&(d.htmlAttributes=h)}return d.children=$e(o),d}if(r in ce){const l=ce[r];return{text:Q(o),[l]:!0}}return r==="span"?{text:Q(o)}:{text:Q(o)}},$e=t=>{const e=[];for(const r of t)typeof r=="string"?r.trim()&&e.push({text:r}):(r&&c.Text.isText(r)||r&&c.Element.isElement(r))&&e.push(r);return e.length===0&&e.push({text:""}),e},Te=t=>t.children.map(e=>c.Text.isText(e)?e.text:c.Element.isElement(e)?Te(e):"").join(""),Q=t=>t.filter(Boolean).map(e=>typeof e=="string"?e:e&&typeof e=="object"&&"text"in e?e.text:e&&typeof e=="object"&&"children"in e?Te(e):String(e||"")).join(""),Ve=t=>{const e=String(t).trim().toLowerCase();return e.startsWith("javascript:")||e.startsWith("data:")||e.startsWith("vbscript:")?"#":String(t)},Me=t=>!Array.isArray(t)||t.length===0?H():t.map(e=>c.Element.isElement(e)?!e.children||e.children.length===0?{...e,children:[{text:""}]}:e:{type:"paragraph",children:[{text:String(e)}]}),de=t=>{try{const e=new URL(t);return e.protocol==="http:"||e.protocol==="https:"}catch{return!1}},pe=["bulleted-list","numbered-list"],_e=["bold","code","italic","underline","superscript","subscript","strikethrough"],_=t=>_e.includes(t),ze=(t,e)=>_(e)?t[e]===!0:!1,D=(t,e)=>{const{selection:r}=t;if(!r||c.Range.isCollapsed(r)){const o=c.Editor.marks(t);if(o&&_(e))return o[e]===!0;if(!r&&t.children.length>0){const n=t.children[0];if(n.children&&n.children.length>0){const l=n.children[0];if(c.Text.isText(l)&&_(e))return l[e]===!0}}return!1}try{const o=Array.from(c.Editor.nodes(t,{at:r,match:n=>c.Text.isText(n)}));if(o.length===0){const n=c.Editor.marks(t);return!n||!_(e)?!1:n[e]===!0}return o.every(([n])=>ze(n,e))}catch{const o=c.Editor.marks(t);return!o||!_(e)?!1:o[e]===!0}},q=(t,e)=>{const{selection:r}=t;if(r){const[o]=Array.from(c.Editor.nodes(t,{at:c.Editor.unhangRange(t,r),match:n=>!c.Editor.isEditor(n)&&c.Element.isElement(n)&&n.type===e}));return!!o}return t.children.length>0?t.children[0].type===e:!1},F=(t,e)=>{D(t,e)?c.Editor.removeMark(t,e):c.Editor.addMark(t,e,!0)},J=(t,e)=>{const r=q(t,e),o=pe.includes(e);c.Transforms.unwrapNodes(t,{match:l=>!c.Editor.isEditor(l)&&c.Element.isElement(l)&&pe.includes(l.type),split:!0});let n;if(r?n={type:"paragraph"}:o?n={type:"list-item"}:n={type:e},c.Transforms.setNodes(t,n),!r&&o){const l={type:e,children:[]};c.Transforms.wrapNodes(t,l)}},Ue=t=>{I.ReactEditor.focus(t)},Ge=(t,e)=>{const r=ee(e);c.Transforms.delete(t,{at:{anchor:c.Editor.start(t,[]),focus:c.Editor.end(t,[])}}),c.Transforms.insertNodes(t,r),c.Transforms.select(t,c.Editor.start(t,[]))},We=t=>{const{insertData:e,insertText:r,isInline:o}=t;return t.isInline=n=>n.type==="link"?!0:o(n),t.insertText=n=>{n&&de(n)?he(t,n):r(n)},t.insertData=n=>{const l=n.getData("text/plain");l&&de(l)?he(t,l):e(n)},t},Xe=t=>{c.Transforms.unwrapNodes(t,{match:e=>!c.Editor.isEditor(e)&&c.Element.isElement(e)&&e.type==="link"})},he=(t,e)=>{q(t,"link")&&Xe(t);const{selection:r}=t,o=r&&c.Range.isCollapsed(r),n={type:"link",url:e,children:o?[{text:e}]:[]};o?c.Transforms.insertNodes(t,n):(c.Transforms.wrapNodes(t,n,{split:!0}),c.Transforms.collapse(t,{edge:"end"}))},Ye=({attributes:t,children:e,element:r})=>{const o=r,n={textAlign:o.align};switch(o.type){case"block-quote":return s.jsx("blockquote",{style:n,...t,children:e});case"bulleted-list":return s.jsx("ul",{style:n,...t,children:e});case"heading-one":return s.jsx("h1",{style:n,...t,children:e});case"heading-two":return s.jsx("h2",{style:n,...t,children:e});case"heading-three":return s.jsx("h3",{style:n,...t,children:e});case"heading-four":return s.jsx("h4",{style:n,...t,children:e});case"heading-five":return s.jsx("h5",{style:n,...t,children:e});case"list-item":return s.jsx("li",{style:n,...t,children:e});case"numbered-list":return s.jsx("ol",{style:n,...t,children:e});case"link":return s.jsx("a",{...t,href:o.url,rel:"noopener noreferrer",style:n,children:e});default:return s.jsx("p",{style:n,...t,children:e})}},Qe=({attributes:t,children:e,leaf:r})=>{const o=r;return o.bold&&(e=s.jsx("strong",{children:e})),o.code&&(e=s.jsx("code",{children:e})),o.italic&&(e=s.jsx("em",{children:e})),o.underline&&(e=s.jsx("u",{children:e})),o.strikethrough&&(e=s.jsx("del",{children:e})),o.superscript&&(e=s.jsx("sup",{children:e})),o.subscript&&(e=s.jsx("sub",{children:e})),s.jsx("span",{...t,children:e})},Je={placeholderCharacter:`​
+`},Ze=({withPreservedSelection:t})=>{const e=I.useSlate(),r=f.useMemo(()=>{const d=[];return He.forEach(p=>{D(e,p)&&d.push(p)}),new Set(d)},[e.selection,e.children,c.Editor.marks(e)]),o=f.useMemo(()=>{const d=[];return Le.forEach(p=>{D(e,p)&&d.push(p)}),new Set(d)},[e.selection,e.children,c.Editor.marks(e)]),n=f.useMemo(()=>new Set([...Array.from(r),...Array.from(o)]),[r,o]),l=f.useCallback(d=>{if(d==="all")return;const p=Array.from(d),h=Array.from(n),m=p.filter(g=>!h.includes(g)),j=h.filter(g=>!p.includes(g));[...m,...j].forEach(g=>{g==="superscript"||g==="subscript"?t(()=>{const a=D(e,"superscript")?"superscript":D(e,"subscript")?"subscript":null;m.includes(g)&&a&&a!==g&&F(e,a),F(e,g)})():t(()=>F(e,g))()})},[e,n,t]);return{selectedKeys:r,selectedScriptKeys:o,allSelectedKeys:n,handleAllSelectionChange:l}},et=({isDisabled:t=!1})=>{const e=re.useIntl(),r=I.useSlate(),o=me(r),{allSelectedKeys:n,handleAllSelectionChange:l}=Ze({withPreservedSelection:o});return s.jsxs(E.Menu.Root,{selectionMode:"multiple",selectedKeys:n,onSelectionChange:l,children:[s.jsxs(b.Tooltip.Root,{delay:0,closeDelay:0,children:[s.jsx(E.Menu.Trigger,{asChild:!0,children:s.jsx(Z.IconButton,{size:"xs",variant:"ghost","aria-label":e.formatMessage(u.moreFormattingOptions),isDisabled:t,onMouseDown:d=>d.preventDefault(),children:s.jsx(w.MoreHoriz,{})})}),s.jsx(b.Tooltip.Content,{placement:"top",children:e.formatMessage(u.moreStyles)})]}),s.jsxs(E.Menu.Content,{children:[s.jsx(E.Menu.Item,{id:"strikethrough",children:s.jsxs(O.Box,{slot:"label",display:"flex",alignItems:"center",gap:"200",children:[s.jsx(w.FormatStrikethrough,{}),s.jsx(A.Text,{textStyle:"sm",children:e.formatMessage(u.strikethrough)})]})}),s.jsx(E.Menu.Item,{id:"code",children:s.jsxs(O.Box,{slot:"label",display:"flex",alignItems:"center",gap:"200",children:[s.jsx(w.Code,{}),s.jsx(A.Text,{textStyle:"sm",children:e.formatMessage(u.code)})]})}),s.jsx(E.Menu.Item,{id:"superscript",children:s.jsxs(O.Box,{slot:"label",display:"flex",alignItems:"center",gap:"200",children:[s.jsx(A.Text,{children:"X²"}),s.jsx(A.Text,{textStyle:"sm",children:e.formatMessage(u.superscript)})]})}),s.jsx(E.Menu.Item,{id:"subscript",children:s.jsxs(O.Box,{slot:"label",display:"flex",alignItems:"center",gap:"200",children:[s.jsx(A.Text,{children:"X₂"}),s.jsx(A.Text,{textStyle:"sm",children:e.formatMessage(u.subscript)})]})})]})]})};var k={},fe;function tt(){if(fe)return k;fe=1,Object.defineProperty(k,"__esModule",{value:!0});for(var t=typeof window<"u"&&/Mac|iPod|iPhone|iPad/.test(window.navigator.platform),e={alt:"altKey",control:"ctrlKey",meta:"metaKey",shift:"shiftKey"},r={add:"+",break:"pause",cmd:"meta",command:"meta",ctl:"control",ctrl:"control",del:"delete",down:"arrowdown",esc:"escape",ins:"insert",left:"arrowleft",mod:t?"meta":"control",opt:"alt",option:"alt",return:"enter",right:"arrowright",space:" ",spacebar:" ",up:"arrowup",win:"meta",windows:"meta"},o={backspace:8,tab:9,enter:13,shift:16,control:17,alt:18,pause:19,capslock:20,escape:27," ":32,pageup:33,pagedown:34,end:35,home:36,arrowleft:37,arrowup:38,arrowright:39,arrowdown:40,insert:45,delete:46,meta:91,numlock:144,scrolllock:145,";":186,"=":187,",":188,"-":189,".":190,"/":191,"`":192,"[":219,"\\":220,"]":221,"'":222},n=1;n<20;n++)o["f"+n]=111+n;function l(a,i,y){i&&!("byKey"in i)&&(y=i,i=null),Array.isArray(a)||(a=[a]);var T=a.map(function(N){return h(N,i)}),M=function(C){return T.some(function(v){return m(v,C)})},L=y==null?M:M(y);return L}function d(a,i){return l(a,i)}function p(a,i){return l(a,{byKey:!0},i)}function h(a,i){var y=i&&i.byKey,T={};a=a.replace("++","+add");var M=a.split("+"),L=M.length;for(var N in e)T[e[N]]=!1;var C=!0,v=!1,x=void 0;try{for(var B=M[Symbol.iterator](),z;!(C=(z=B.next()).done);C=!0){var R=z.value,X=R.endsWith("?")&&R.length>1;X&&(R=R.slice(0,-1));var P=g(R),S=e[P];if(R.length>1&&!S&&!r[R]&&!o[P])throw new TypeError('Unknown modifier: "'+R+'"');(L===1||!S)&&(y?T.key=P:T.which=j(R)),S&&(T[S]=X?null:!0)}}catch(K){v=!0,x=K}finally{try{!C&&B.return&&B.return()}finally{if(v)throw x}}return T}function m(a,i){for(var y in a){var T=a[y],M=void 0;if(T!=null&&(y==="key"&&i.key!=null?M=i.key.toLowerCase():y==="which"?M=T===91&&i.which===93?91:i.which:M=i[y],!(M==null&&T===!1)&&M!==T))return!1}return!0}function j(a){a=g(a);var i=o[a]||a.toUpperCase().charCodeAt(0);return i}function g(a){return a=a.toLowerCase(),a=r[a]||a,a}return k.default=l,k.isHotkey=l,k.isCodeHotkey=d,k.isKeyHotkey=p,k.parseHotkey=h,k.compareHotkey=m,k.toKeyCode=j,k.toKeyName=g,k}var rt=tt();const st=se(rt),nt=({editor:t})=>({handleKeyDown:f.useCallback(r=>{if((r.metaKey||r.ctrlKey)&&r.key==="z"){r.preventDefault(),r.shiftKey?t.redo():t.undo();return}for(const o in ae)if(st(o,r)){r.preventDefault();const n=ae[o];F(t,n);return}if(r.shiftKey&&r.key==="Enter"){r.preventDefault(),t.insertText(Je.placeholderCharacter);return}},[t])}),je=function({ref:e,value:r,onChange:o,onFocus:n,onBlur:l,placeholder:d=U.placeholder,isDisabled:p=U.isDisabled,isReadOnly:h=U.isReadOnly,autoFocus:m=U.autoFocus,toolbar:j}){const g=f.useRef(null),a=Ce.$df56164dff5785e2$export$4338b53315abf666(te.mergeRefs(g,e)),i=f.useMemo(()=>{const x=c.createEditor();return We(Ie.withHistory(I.withReact(x)))},[]),{handleKeyDown:y}=nt({editor:i}),T=f.useCallback(x=>{n&&n(x)},[n]),M=f.useCallback(x=>{l&&l(x)},[l]);f.useImperativeHandle(a,()=>({focus:()=>Ue(i),resetValue:x=>Ge(i,x)}),[i]);const L=f.useCallback(x=>s.jsx(Ye,{...x}),[]),N=f.useCallback(x=>s.jsx(Qe,{...x}),[]),C=H(),v=Array.isArray(r)&&r.length>0?r:C;return s.jsxs(I.Slate,{editor:i,value:v,onChange:o,children:[j&&s.jsx(De,{children:j}),s.jsx(Fe,{asChild:!0,children:s.jsx(I.Editable,{renderElement:L,renderLeaf:N,placeholder:d,autoFocus:m,readOnly:h||p,onKeyDown:y,onFocus:T,onBlur:M,"aria-label":"Rich text editor",role:"textbox","aria-multiline":"true"})})]})};je.displayName="RichTextEditor";const ot=({withPreservedSelection:t,textStyles:e})=>{const r=I.useSlate(),o=f.useMemo(()=>qe.find(a=>q(r,a))||"paragraph",[r.selection,r.children]),n=e.find(a=>a.id===o),l=n?.label||"",d=f.useCallback(a=>{t(()=>{J(r,a)})()},[r,t]),p=f.useCallback(a=>{t(()=>{const i=Array.from(a)[0],y=q(r,"bulleted-list")?"bulleted-list":q(r,"numbered-list")?"numbered-list":null;i?J(r,i):y&&J(r,y)})()},[r,t]),h=f.useMemo(()=>{const a=[];return D(r,"bold")&&a.push("bold"),D(r,"italic")&&a.push("italic"),D(r,"underline")&&a.push("underline"),new Set(a)},[r.selection,r.children,c.Editor.marks(r)]),m=f.useMemo(()=>{const a=[];return q(r,"bulleted-list")&&a.push("bulleted-list"),q(r,"numbered-list")&&a.push("numbered-list"),new Set(a)},[r.selection,r.children]),j=f.useMemo(()=>r.history&&r.history.undos.length>0,[r.selection,r.children]),g=f.useMemo(()=>r.history&&r.history.redos.length>0,[r.selection,r.children]);return{currentTextStyle:o,selectedTextStyle:n,selectedTextStyleLabel:l,handleTextStyleChange:d,handleListToggle:p,selectedFormatKeys:h,selectedListKeys:m,hasUndos:j,hasRedos:g}},Se=({isDisabled:t=!1})=>{const e=re.useIntl(),r=I.useSlate(),o=me(r),n=Ke(e),{currentTextStyle:l,selectedTextStyleLabel:d,handleTextStyleChange:p,handleListToggle:h,selectedFormatKeys:m,selectedListKeys:j,hasUndos:g,hasRedos:a}=ot({withPreservedSelection:o,textStyles:n});return s.jsxs(ve.Toolbar,{orientation:"horizontal","aria-label":e.formatMessage(u.textFormatting),width:"full",overflow:"hidden",size:"xs",children:[s.jsx(ne.Group,{children:s.jsxs(E.Menu.Root,{onAction:i=>p(String(i)),children:[s.jsxs(b.Tooltip.Root,{delay:0,closeDelay:0,children:[s.jsx(E.Menu.Trigger,{height:"800",width:"4000",bg:"primary.1",borderRadius:"200",_hover:{bg:"primary.2"},isDisabled:t,onMouseDown:i=>i.preventDefault(),"aria-label":e.formatMessage(u.textStyleMenu),children:s.jsxs(O.Box,{display:"flex",alignItems:"center",gap:"200",px:"200",children:[s.jsx(O.Box,{display:"flex",alignItems:"center",gap:"200",flexGrow:"1",children:s.jsx(A.Text,{my:"auto",textStyle:"sm",fontWeight:"500",children:d})}),s.jsx(w.KeyboardArrowDown,{})]})}),s.jsx(b.Tooltip.Content,{placement:"top",children:e.formatMessage(u.textStyle)})]}),s.jsx(E.Menu.Content,{children:n.map(i=>s.jsx(E.Menu.Item,{id:i.id,...l===i.id&&{"data-state":"checked"},children:s.jsx(A.Text,{...i.props,children:i.label})},i.id))})]})}),s.jsx(oe.Separator,{orientation:"vertical"}),s.jsxs(ie.ToggleButtonGroup.Root,{selectionMode:"multiple",selectedKeys:m,isDisabled:t,children:[s.jsxs(b.Tooltip.Root,{delay:0,closeDelay:0,children:[s.jsxs($.IconToggleButton,{id:"bold",size:"xs",variant:"ghost","aria-label":e.formatMessage(u.bold),isDisabled:t,onMouseDown:i=>i.preventDefault(),onPress:o(()=>F(r,"bold")),children:[s.jsx(w.FormatBold,{}),s.jsx(V.VisuallyHidden,{children:e.formatMessage(u.bold)})]}),s.jsx(b.Tooltip.Content,{placement:"top",children:e.formatMessage(u.bold)})]}),s.jsxs(b.Tooltip.Root,{delay:0,closeDelay:0,children:[s.jsxs($.IconToggleButton,{id:"italic",size:"xs",variant:"ghost","aria-label":e.formatMessage(u.italic),isDisabled:t,onMouseDown:i=>i.preventDefault(),onPress:o(()=>F(r,"italic")),children:[s.jsx(w.FormatItalic,{}),s.jsx(V.VisuallyHidden,{children:e.formatMessage(u.italic)})]}),s.jsx(b.Tooltip.Content,{placement:"top",children:e.formatMessage(u.italic)})]}),s.jsxs(b.Tooltip.Root,{delay:0,closeDelay:0,children:[s.jsxs($.IconToggleButton,{id:"underline",size:"xs",variant:"ghost","aria-label":e.formatMessage(u.underline),isDisabled:t,onMouseDown:i=>i.preventDefault(),onPress:o(()=>F(r,"underline")),children:[s.jsx(w.FormatUnderlined,{}),s.jsx(V.VisuallyHidden,{children:e.formatMessage(u.underline)})]}),s.jsx(b.Tooltip.Content,{placement:"top",children:e.formatMessage(u.underline)})]})]}),s.jsx(et,{isDisabled:t}),s.jsx(oe.Separator,{orientation:"vertical"}),s.jsxs(ie.ToggleButtonGroup.Root,{selectionMode:"single",selectedKeys:j,onSelectionChange:h,"aria-label":e.formatMessage(u.listFormatting),isDisabled:t,children:[s.jsxs(b.Tooltip.Root,{delay:0,closeDelay:0,children:[s.jsx($.IconToggleButton,{id:"bulleted-list",size:"xs",variant:"ghost","aria-label":e.formatMessage(u.bulletedList),isDisabled:t,onMouseDown:i=>i.preventDefault(),children:s.jsx(w.FormatListBulleted,{})}),s.jsx(b.Tooltip.Content,{placement:"top",children:e.formatMessage(u.bulletedList)})]}),s.jsxs(b.Tooltip.Root,{delay:0,closeDelay:0,children:[s.jsx($.IconToggleButton,{id:"numbered-list",size:"xs",variant:"ghost","aria-label":e.formatMessage(u.numberedList),isDisabled:t,onMouseDown:i=>i.preventDefault(),children:s.jsx(w.FormatListNumbered,{})}),s.jsx(b.Tooltip.Content,{placement:"top",children:e.formatMessage(u.numberedList)})]})]}),s.jsx(O.Box,{flexGrow:"1"}),s.jsxs(ne.Group,{children:[s.jsxs(b.Tooltip.Root,{delay:0,closeDelay:0,children:[s.jsxs(Z.IconButton,{size:"xs",variant:"ghost","aria-label":e.formatMessage(u.undo),isDisabled:!g||t,onPress:o(()=>r.undo()),onMouseDown:i=>i.preventDefault(),children:[s.jsx(w.Undo,{}),s.jsx(V.VisuallyHidden,{children:e.formatMessage(u.undo)})]}),s.jsx(b.Tooltip.Content,{placement:"top",children:e.formatMessage(u.undo)})]}),s.jsxs(b.Tooltip.Root,{delay:0,closeDelay:0,children:[s.jsxs(Z.IconButton,{size:"xs",variant:"ghost","aria-label":e.formatMessage(u.redo),isDisabled:!a||t,onPress:o(()=>r.redo()),onMouseDown:i=>i.preventDefault(),children:[s.jsx(w.Redo,{}),s.jsx(V.VisuallyHidden,{children:e.formatMessage(u.redo)})]}),s.jsx(b.Tooltip.Content,{placement:"top",children:e.formatMessage(u.redo)})]})]})]})};Se.displayName="RichTextToolbar";const Re=t=>{const{ref:e,value:r,defaultValue:o,onChange:n,onFocus:l,onBlur:d,placeholder:p="",isDisabled:h=!1,isReadOnly:m=!1,isInvalid:j=!1,autoFocus:g=!1,...a}=t,i=te.useSlotRecipe({recipe:Ee.richTextInputRecipe}),[y,T]=i.splitVariantProps({...a}),[M,L]=we.extractStyleProps(T),N={"data-disabled":h?"true":void 0,"data-invalid":j?"true":void 0,"data-readonly":m?"true":void 0},[C,v]=f.useState(()=>{const S=r??o??"";try{return S?ee(S):H()}catch(K){return console.warn("Failed to parse initial HTML, using empty value:",K),H()}}),[x,B]=f.useState(()=>r??o??""),z=f.useRef(null);f.useEffect(()=>{if(r!==void 0&&r!==x){const S=r?ee(r):H();v(S),B(r)}},[r,x]);const R=f.useCallback(S=>{const K=Pe(S),ke=K!==x;v(S),B(K),ke&&n&&n(K)},[x,n]),P=Me(C);return s.jsx(Ae,{role:"group",...y,...M,...L,...N,ref:e,children:s.jsx(je,{ref:z,value:P,onChange:R,onFocus:l,onBlur:d,placeholder:p,isDisabled:h,isReadOnly:m,autoFocus:g,toolbar:m?null:s.jsx(Se,{isDisabled:h})})})};Re.displayName="RichTextInput";exports.RichTextInput=Re;exports.getDefaultExportFromCjs=se;
+//# sourceMappingURL=rich-text-input-B4ksKYJh.cjs.js.map