@commercetools/nimbus 0.0.0-canary-20251027194157 → 0.0.0-canary-20251028202350

package/dist/chunks/{range-calendar-C_2BhVos.es.js → range-calendar-D6nonjnz.es.js}

@@ -1,44 +1,44 @@
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { b as S, c as I, d as N, e as F, f as G, g as H, $ as M, h as Y, i as j } from "./Heading-C5BLc9Ds.es.js";
+import { b as S, c as I, d as N, e as F, f as G, g as H, $ as P, h as Y, i as j } from "./Heading-DXod1zoy.es.js";
 import { createSlotRecipeContext as A } from "@chakra-ui/react";
 import { useContext as u } from "react";
-import { c as B, d as l } from "./useDateFormatter-YLMdKUmg.es.js";
-import { c as w, e as L } from "./utils-_m_bPtjI.es.js";
-import { $ as D } from "./context-DW7UvQ8z.es.js";
-import { B as P } from "./box-DuBoAZvq.es.js";
+import { c as B, d } from "./useDateFormatter-eE8d1TkO.es.js";
+import { c as M, e as L } from "./utils-_m_bPtjI.es.js";
+import { $ as w } from "./context-DW7UvQ8z.es.js";
+import { B as D } from "./box-DuBoAZvq.es.js";
 import { KeyboardArrowLeft as x, KeyboardArrowRight as $ } from "@commercetools/nimbus-icons";
 import { Flex as z } from "@chakra-ui/react/flex";
 import { S as v } from "./stack-CoNreM7B.es.js";
 import { V as k } from "./visually-hidden-BmFEAQP9.es.js";
-import { I as h } from "./icon-button-Bvr0zLGt.es.js";
+import { I as h } from "./icon-button-XkzBkGuJ.es.js";
 import { T as C } from "./text-BVYJmhjj.es.js";
-import { r as V } from "./index-BGkAxVw_.es.js";
+import { r as V } from "./index-B7wlrXvj.es.js";
 import { useRecipe as K } from "@chakra-ui/react/styled-system";
-import { e as W } from "./extract-style-props-Cw0ebuoO.es.js";
-import { $ as y } from "./Button-CqCJF7Kz.es.js";
+import { e as W } from "./extract-style-props-fH5EHRZU.es.js";
+import { $ as y } from "./Button-SjGHt140.es.js";
 import { $ as R } from "./Text-DOcU1ycg.es.js";
 import { defineMessages as _, useIntl as q } from "react-intl";
 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"), ae = () => {
-  const { locale: i } = D(), r = w(M), t = u(S), a = r?.visibleDuration?.months || 1, n = B(l()), o = a > 1;
+  const { locale: i } = w(), r = M(P), t = u(S), a = r?.visibleDuration?.months || 1, n = B(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(l()));
+    }).format(g.toDate(d()));
     return /* @__PURE__ */ c(
-      P,
+      D,
       {
         width: a == 1 ? "full" : "auto",
         children: [
           o && /* @__PURE__ */ e(U, { children: m }),
           /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ c(I, { offset: { months: f }, weekdayStyle: "short", children: [
-            /* @__PURE__ */ e(Z, { asChild: !0, children: /* @__PURE__ */ e(N, { children: (d) => /* @__PURE__ */ e(ee, { asChild: !0, children: /* @__PURE__ */ e(F, { children: d }) }) }) }),
-            /* @__PURE__ */ e(te, { asChild: !0, children: /* @__PURE__ */ e(G, { children: (d) => {
-              const T = d.compare(n) === 0;
-              return /* @__PURE__ */ e(oe, { asChild: !0, "data-today": T, children: /* @__PURE__ */ e(H, { date: d }) });
+            /* @__PURE__ */ e(Z, { asChild: !0, children: /* @__PURE__ */ e(N, { children: (l) => /* @__PURE__ */ e(ee, { asChild: !0, children: /* @__PURE__ */ e(F, { children: l }) }) }) }),
+            /* @__PURE__ */ e(te, { asChild: !0, children: /* @__PURE__ */ e(G, { children: (l) => {
+              const T = l.compare(n) === 0;
+              return /* @__PURE__ */ e(oe, { asChild: !0, "data-today": T, children: /* @__PURE__ */ e(H, { date: l }) });
             } }) })
           ] }) })
         ]
@@ -47,7 +47,7 @@ const { withProvider: E, withContext: s } = /* @__PURE__ */ A({
     );
   }) });
 }, re = () => {
-  const t = (w(M)?.visibleDuration?.months || 1) > 1;
+  const t = (M(P)?.visibleDuration?.months || 1) > 1;
   return /* @__PURE__ */ e(O, { children: /* @__PURE__ */ c(z, { children: [
     /* @__PURE__ */ c(v, { direction: "row", alignItems: "center", children: [
       /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(Y, {}) }),
@@ -57,7 +57,7 @@ const { withProvider: E, withContext: s } = /* @__PURE__ */ A({
           slot: t ? "previous" : "previous-month",
           size: "xs",
           variant: "ghost",
-          tone: "primary",
+          colorPalette: "primary",
           children: /* @__PURE__ */ e(x, {})
         }
       ),
@@ -79,12 +79,12 @@ const { withProvider: E, withContext: s } = /* @__PURE__ */ A({
           slot: t ? "next" : "next-month",
           size: "xs",
           variant: "ghost",
-          tone: "primary",
+          colorPalette: "primary",
           children: /* @__PURE__ */ e($, {})
         }
       )
     ] }),
-    /* @__PURE__ */ e(P, { flexGrow: "1" }),
+    /* @__PURE__ */ e(D, { flexGrow: "1" }),
     /* @__PURE__ */ c(v, { direction: "row", alignItems: "center", children: [
       /* @__PURE__ */ e(
         h,
@@ -92,7 +92,7 @@ const { withProvider: E, withContext: s } = /* @__PURE__ */ A({
           slot: "previous-year",
           size: "xs",
           variant: "ghost",
-          tone: "primary",
+          colorPalette: "primary",
           children: /* @__PURE__ */ e(x, {})
         }
       ),
@@ -108,7 +108,16 @@ const { withProvider: E, withContext: s } = /* @__PURE__ */ A({
           slot: "year"
         }
       ),
-      /* @__PURE__ */ e(h, { slot: "next-year", size: "xs", variant: "ghost", tone: "primary", children: /* @__PURE__ */ e($, {}) })
+      /* @__PURE__ */ e(
+        h,
+        {
+          slot: "next-year",
+          size: "xs",
+          variant: "ghost",
+          colorPalette: "primary",
+          children: /* @__PURE__ */ e($, {})
+        }
+      )
     ] })
   ] }) });
 }, p = /* @__PURE__ */ _({
@@ -135,7 +144,7 @@ const { withProvider: E, withContext: s } = /* @__PURE__ */ A({
 }), ne = ({
   children: i
 }) => {
-  const r = q(), { locale: t } = D(), a = u(y), n = u(R), o = u(S), b = {
+  const r = q(), { locale: t } = w(), a = u(y), n = u(R), o = u(S), b = {
     "next-month": {
       onPress: () => o.focusNextSection(),
       "aria-label": r.formatMessage(p.nextMonth)
@@ -154,16 +163,16 @@ const { withProvider: E, withContext: s } = /* @__PURE__ */ A({
     }
   }, f = new Intl.DateTimeFormat(t, {
     month: "long"
-  }).format(o.focusedDate.toDate(l())), g = [
+  }).format(o.focusedDate.toDate(d())), g = [
     new Intl.DateTimeFormat(t, {
       month: "long"
-    }).format(o.visibleRange.start.toDate(l())),
+    }).format(o.visibleRange.start.toDate(d())),
     new Intl.DateTimeFormat(t, {
       month: "long"
-    }).format(o.visibleRange.end.toDate(l()))
+    }).format(o.visibleRange.end.toDate(d()))
   ].join(" - "), m = new Intl.DateTimeFormat(t, {
     year: "numeric"
-  }).format(o.focusedDate.toDate(l())), d = {
+  }).format(o.focusedDate.toDate(d())), l = {
     month: { children: f },
     monthRange: { children: g },
     year: { children: m }
@@ -188,7 +197,7 @@ const { withProvider: E, withContext: s } = /* @__PURE__ */ A({
             ...n,
             slots: {
               ...n && typeof n == "object" && "slots" in n ? n.slots : {},
-              ...d
+              ...l
             }
           }
         ]
@@ -196,7 +205,7 @@ const { withProvider: E, withContext: s } = /* @__PURE__ */ A({
       children: i
     }
   );
-}, we = (i) => {
+}, Me = (i) => {
   const r = K({ recipe: V }), [t, a] = r.splitVariantProps(i), [n, o] = W(a);
   return /* @__PURE__ */ e(J, { ...t, ...n, asChild: !0, children: /* @__PURE__ */ e(j, { ...o, children: /* @__PURE__ */ c(ne, { children: [
     /* @__PURE__ */ e(re, {}),
@@ -204,6 +213,6 @@ const { withProvider: E, withContext: s } = /* @__PURE__ */ A({
   ] }) }) });
 };
 export {
-  we as R
+  Me as R
 };
-//# sourceMappingURL=range-calendar-C_2BhVos.es.js.map
+//# sourceMappingURL=range-calendar-D6nonjnz.es.js.map

package/dist/chunks/range-calendar-D6nonjnz.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"range-calendar-D6nonjnz.es.js","sources":["../../src/components/range-calendar/range-calendar.slots.tsx","../../src/components/range-calendar/components/range-calendar.grids.tsx","../../src/components/range-calendar/components/range-calendar.header.tsx","../../src/components/range-calendar/range-calendar.i18n.ts","../../src/components/range-calendar/components/range-calendar.custom-context.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 { 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\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 {\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\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 { 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 type { RangeCalendarProps } from \"./range-calendar.types\";\nimport type { DateValue } from \"@internationalized/date\";\n\nimport { RangeCalendar as RaRangeCalendar } from \"react-aria-components\";\n\nimport { RangeCalendarRootSlot } from \"./range-calendar.slots\";\nimport { RangeCalendarGrids } from \"./components/range-calendar.grids\";\nimport { RangeCalendarHeader } from \"./components/range-calendar.header\";\nimport { rangeCalendarSlotRecipe } from \"./range-calendar.recipe\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils\";\nimport { RangeCalendarCustomContext } from \"./components/range-calendar.custom-context\";\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"],"names":["withProvider","withContext","createSlotRecipeContext","RangeCalendarRootSlot","RangeCalendarHeaderSlot","RangeCalendarGridsSlot","RangeCalendarMonthTitleSlot","RangeCalendarGridSlot","RangeCalendarGridHeaderSlot","RangeCalendarHeaderCellSlot","RangeCalendarGridBodySlot","RangeCalendarCellSlot","RangeCalendarGrids","locale","useLocale","context","useSlottedContext","RangeCalendarContext","calendarState","useContext","RangeCalendarStateContext","visibleMonthsCount","todayDate","today","getLocalTimeZone","showMonthTitles","jsx","_","index","gridDate","monthName","jsxs","Box","RaCalendarGrid","RaCalendarGridHeader","day","RaCalendarHeaderCell","RaCalendarGridBody","date","isToday","RaCalendarCell","RangeCalendarHeader","showRangeLabel","Flex","Stack","VisuallyHidden","Heading","IconButton","KeyboardArrowLeft","Text","KeyboardArrowRight","messages","defineMessages","RangeCalendarCustomContext","children","intl","useIntl","buttonContext","ButtonContext","textContext","TextContext","buttonSlots","monthLabel","monthRangeLabel","yearLabel","textSlots","Provider","RangeCalendar","props","recipe","useRecipe","rangeCalendarSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","RaRangeCalendar"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),r=require("./Heading-kcnZ-PKv.cjs.js"),w=require("@chakra-ui/react"),$=require("react"),c=require("./useDateFormatter-WCaFojul.cjs.js"),p=require("./utils-DVb3jcp5.cjs.js"),R=require("./context-CyT9C4U4.cjs.js"),S=require("./box-CWni3A32.cjs.js"),u=require("@commercetools/nimbus-icons"),M=require("@chakra-ui/react/flex"),C=require("./stack-CIN13EDn.cjs.js"),D=require("./visually-hidden-BjtXUoFK.cjs.js"),h=require("./icon-button-C_itb6iA.cjs.js"),y=require("./text-BtRhIklG.cjs.js"),I=require("./index-8m2zx8YL.cjs.js"),T=require("@chakra-ui/react/styled-system"),B=require("./extract-style-props-B6-o20G1.cjs.js"),j=require("./Button-DLCecw8f.cjs.js"),v=require("./Text-BWSfeB9p.cjs.js"),P=require("react-intl"),{withProvider:N,withContext:i}=w.createSlotRecipeContext({key:"rangeCalendar"}),H=N("div","root"),A=i("div","header"),F=i("div","grids"),G=i("div","monthTitle"),L=i("table","grid"),Y=i("thead","gridHeader"),k=i("th","headerCell"),z=i("tbody","gridBody"),K=i("td","bodyCell"),V=()=>{const{locale:d}=R.$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(F,{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(S.Box,{width:o==1?"full":"auto",children:[a&&e.jsx(G,{children:x}),e.jsx(L,{asChild:!0,children:e.jsxs(r.$dfd62f934fc76fed$export$5bd780d491cfc46c,{offset:{months:f},weekdayStyle:"short",children:[e.jsx(Y,{asChild:!0,children:e.jsx(r.$dfd62f934fc76fed$export$22e2d15eaa4d2377,{children:l=>e.jsx(k,{asChild:!0,children:e.jsx(r.$dfd62f934fc76fed$export$ad2135cac3a11b3d,{children:l})})})}),e.jsx(z,{asChild:!0,children:e.jsx(r.$dfd62f934fc76fed$export$e11f8ba65d857bff,{children:l=>{const q=l.compare(s)===0;return e.jsx(K,{asChild:!0,"data-today":q,children:e.jsx(r.$dfd62f934fc76fed$export$5d847498420df57b,{date:l})})}})})]})})]},x)})})},W=()=>{const t=(p.$64fa3d84918910a7$export$fabf2dc03a41866e(r.$dfd62f934fc76fed$export$233dd9682e1ad64b)?.visibleDuration?.months||1)>1;return e.jsx(A,{children:e.jsxs(M.Flex,{children:[e.jsxs(C.Stack,{direction:"row",alignItems:"center",children:[e.jsx(D.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(y.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(S.Box,{flexGrow:"1"}),e.jsxs(C.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(y.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,{})})]})]})})},b=P.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"}}),_=({children:d})=>{const n=P.useIntl(),{locale:t}=R.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),o=$.useContext(j.$d2b4bc8c273e7be6$export$24d547caef80ccd1),s=$.useContext(v.$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:[[j.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{...o,slots:{...o&&typeof o=="object"&&"slots"in o?o.slots:{},...m}}],[v.$514c0188e459b4c0$export$9afb8bc826b033ea,{...s,slots:{...s&&typeof s=="object"&&"slots"in s?s.slots:{},...l}}]],children:d})},E=d=>{const n=T.useRecipe({recipe:I.rangeCalendarSlotRecipe}),[t,o]=n.splitVariantProps(d),[s,a]=B.extractStyleProps(o);return e.jsx(H,{...t,...s,asChild:!0,children:e.jsx(r.$dfd62f934fc76fed$export$a4f5c8b89d277a8d,{...a,children:e.jsxs(_,{children:[e.jsx(W,{}),e.jsx(V,{})]})})})};exports.RangeCalendar=E;
+//# sourceMappingURL=range-calendar-DhKTQPnz.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"range-calendar-DhKTQPnz.cjs.js","sources":["../../src/components/range-calendar/range-calendar.slots.tsx","../../src/components/range-calendar/components/range-calendar.grids.tsx","../../src/components/range-calendar/components/range-calendar.header.tsx","../../src/components/range-calendar/range-calendar.i18n.ts","../../src/components/range-calendar/components/range-calendar.custom-context.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 { 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\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 {\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\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 { 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 type { RangeCalendarProps } from \"./range-calendar.types\";\nimport type { DateValue } from \"@internationalized/date\";\n\nimport { RangeCalendar as RaRangeCalendar } from \"react-aria-components\";\n\nimport { RangeCalendarRootSlot } from \"./range-calendar.slots\";\nimport { RangeCalendarGrids } from \"./components/range-calendar.grids\";\nimport { RangeCalendarHeader } from \"./components/range-calendar.header\";\nimport { rangeCalendarSlotRecipe } from \"./range-calendar.recipe\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils\";\nimport { RangeCalendarCustomContext } from \"./components/range-calendar.custom-context\";\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"],"names":["withProvider","withContext","createSlotRecipeContext","RangeCalendarRootSlot","RangeCalendarHeaderSlot","RangeCalendarGridsSlot","RangeCalendarMonthTitleSlot","RangeCalendarGridSlot","RangeCalendarGridHeaderSlot","RangeCalendarHeaderCellSlot","RangeCalendarGridBodySlot","RangeCalendarCellSlot","RangeCalendarGrids","locale","useLocale","context","useSlottedContext","RangeCalendarContext","calendarState","useContext","RangeCalendarStateContext","visibleMonthsCount","todayDate","today","getLocalTimeZone","showMonthTitles","jsx","_","index","gridDate","monthName","jsxs","Box","RaCalendarGrid","RaCalendarGridHeader","day","RaCalendarHeaderCell","RaCalendarGridBody","date","isToday","RaCalendarCell","RangeCalendarHeader","showRangeLabel","Flex","Stack","VisuallyHidden","Heading","IconButton","KeyboardArrowLeft","Text","KeyboardArrowRight","messages","defineMessages","RangeCalendarCustomContext","children","intl","useIntl","buttonContext","ButtonContext","textContext","TextContext","buttonSlots","monthLabel","monthRangeLabel","yearLabel","textSlots","Provider","RangeCalendar","props","recipe","useRecipe","rangeCalendarSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","RaRangeCalendar"],"mappings":"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"}

package/dist/chunks/{rich-text-input-rd0Z_BZN.cjs.js → rich-text-input-CViBsj3Y.cjs.js}

@@ -1,4 +1,4 @@
-"use strict";const s=require("react/jsx-runtime"),f=require("react"),te=require("@chakra-ui/react"),we=require("./extract-style-props-CBaCGha4.cjs.js"),c=require("slate"),I=require("slate-react"),Ee=require("slate-history"),Ie=require("./useObjectRef-4v2MxSjQ.cjs.js"),re=require("react-intl"),ne=require("./group-Cjq5lNQD.cjs.js"),w=require("@commercetools/nimbus-icons"),E=require("./menu-KGSl9Em7.cjs.js"),b=require("./tooltip-Aar_qzmT.cjs.js"),Z=require("./icon-button-DJZJwO7E.cjs.js"),O=require("./box-CWni3A32.cjs.js"),A=require("./text-BtRhIklG.cjs.js"),Ce=require("./toolbar-CNqSGtQi.cjs.js"),oe=require("./separator-D75V0Oga.cjs.js"),ie=require("./toggle-button-group-BQczQ6D_.cjs.js"),$=require("./icon-toggle-button-CUmglgfA.cjs.js"),V=require("./visually-hidden-BjtXUoFK.cjs.js"),ve=require("./index-CFfbr5i_.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");/*!
+"use strict";const s=require("react/jsx-runtime"),f=require("react"),te=require("@chakra-ui/react"),we=require("./extract-style-props-B6-o20G1.cjs.js"),c=require("slate"),I=require("slate-react"),Ee=require("slate-history"),Ie=require("./useObjectRef-4v2MxSjQ.cjs.js"),re=require("react-intl"),ne=require("./group-Cjq5lNQD.cjs.js"),w=require("@commercetools/nimbus-icons"),E=require("./menu-CJeqjRAs.cjs.js"),b=require("./tooltip-Aar_qzmT.cjs.js"),Z=require("./icon-button-C_itb6iA.cjs.js"),O=require("./box-CWni3A32.cjs.js"),A=require("./text-BtRhIklG.cjs.js"),Ce=require("./toolbar-Df-6gFqW.cjs.js"),oe=require("./separator-TrQT9Pcb.cjs.js"),ie=require("./toggle-button-group-Lfn3zYmC.cjs.js"),$=require("./icon-toggle-button-D562D8WP.cjs.js"),V=require("./visually-hidden-BjtXUoFK.cjs.js"),ve=require("./index-8m2zx8YL.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");/*!
  * escape-html
  * Copyright(c) 2012-2013 TJ Holowaychuk
  * Copyright(c) 2015 Andreas Lubbe
@@ -7,4 +7,4 @@
  */var Y,ae;function He(){if(ae)return Y;ae=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 Le=He();const U=se(Le),le={"mod+b":"bold","mod+i":"italic","mod+u":"underline","mod+`":"code"},G={placeholder:"Start typing...",isDisabled:!1,isReadOnly:!1,autoFocus:!1},ce={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"},ue={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"},Ke=[W.STRIKETHROUGH,W.CODE],qe=[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"}}),Oe=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"}}],Be=["heading-one","heading-two","heading-three","heading-four","heading-five","block-quote"],me=`​
 `,H=()=>[{type:"paragraph",children:[{text:""}]}],Pe=t=>t.map(xe).join(""),xe=t=>{if(c.Text.isText(t)){const o=t;let n=U(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(me,"g"),"<br>"),n}const e=t.children.map(xe).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="${U(l)}"`}let n="";if(r.htmlAttributes&&typeof r.htmlAttributes=="object")for(const[l,d]of Object.entries(r.htmlAttributes))l.toLowerCase().startsWith("on")||(n+=` ${U(l)}="${U(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(be).filter(Boolean);return Te(o)}else return[{type:"paragraph",children:[{text:t}]}]}catch(e){return console.warn("Failed to parse HTML:",e),H()}},be=t=>{if(t.nodeType===Node.TEXT_NODE)return(t.textContent||"").replace(/<br\s*\/?>/gi,me);if(t.nodeType!==Node.ELEMENT_NODE)return null;const e=t,r=e.tagName.toLowerCase(),o=Array.from(e.childNodes).map(be).filter(Boolean);if(r in ce){const l=ce[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 ue){const l=ue[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},ye=t=>t.children.map(e=>c.Text.isText(e)?e.text:c.Element.isElement(e)?ye(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?ye(e):String(e||"")).join(""),Ve=t=>{const e=String(t).trim().toLowerCase();return e.startsWith("javascript:")||e.startsWith("data:")||e.startsWith("vbscript:")?"#":String(t)},Te=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:`​
 `};var k={},fe;function Ze(){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 et=Ze();const tt=se(et),rt=({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 le)if(tt(o,r)){r.preventDefault();const n=le[o];F(t,n);return}if(r.shiftKey&&r.key==="Enter"){r.preventDefault(),t.insertText(Je.placeholderCharacter);return}},[t])}),Me=function({ref:e,value:r,onChange:o,onFocus:n,onBlur:l,placeholder:d=G.placeholder,isDisabled:p=G.isDisabled,isReadOnly:h=G.isReadOnly,autoFocus:m=G.autoFocus,toolbar:j}){const g=f.useRef(null),a=Ie.$df56164dff5785e2$export$4338b53315abf666(te.mergeRefs(g,e)),i=f.useMemo(()=>{const x=c.createEditor();return We(Ee.withHistory(I.withReact(x)))},[]),{handleKeyDown:y}=rt({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"})})]})};Me.displayName="RichTextEditor";const je=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]),st=({withPreservedSelection:t,textStyles:e})=>{const r=I.useSlate(),o=f.useMemo(()=>Be.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}},nt=({withPreservedSelection:t})=>{const e=I.useSlate(),r=f.useMemo(()=>{const d=[];return Ke.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 qe.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}},ot=({isDisabled:t=!1})=>{const e=re.useIntl(),r=I.useSlate(),o=je(r),{allSelectedKeys:n,handleAllSelectionChange:l}=nt({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)})]})})]})]})},Se=({isDisabled:t=!1})=>{const e=re.useIntl(),r=I.useSlate(),o=je(r),n=Oe(e),{currentTextStyle:l,selectedTextStyleLabel:d,handleTextStyleChange:p,handleListToggle:h,selectedFormatKeys:m,selectedListKeys:j,hasUndos:g,hasRedos:a}=st({withPreservedSelection:o,textStyles:n});return s.jsxs(Ce.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(ot,{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:ve.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=Te(C);return s.jsx(Ae,{role:"group",...y,...M,...L,...N,ref:e,children:s.jsx(Me,{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-rd0Z_BZN.cjs.js.map
+//# sourceMappingURL=rich-text-input-CViBsj3Y.cjs.js.map