@commercetools/nimbus 2.9.1 → 2.10.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"range-calendar-BvYi1Gty.cjs.js","sources":["../../src/components/range-calendar/range-calendar.slots.tsx","../../src/components/range-calendar/intl/en.ts","../../src/components/range-calendar/intl/de.ts","../../src/components/range-calendar/intl/es.ts","../../src/components/range-calendar/intl/fr-FR.ts","../../src/components/range-calendar/intl/pt-BR.ts","../../src/components/range-calendar/range-calendar.messages.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/styled-system\";\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: \"nimbusRangeCalendar\",\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","/**\n * Pre-compiled en messages for RangeCalendar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  nextMonth: `Next month`,\n  nextYear: `Next year`,\n  previousMonth: `Previous month`,\n  previousYear: `Previous year`,\n};\n","/**\n * Pre-compiled de messages for RangeCalendar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  nextMonth: `Nächsten Monat`,\n  nextYear: `Nächstes Jahr`,\n  previousMonth: `Letzten Monat`,\n  previousYear: `Letztes Jahr`,\n};\n","/**\n * Pre-compiled es messages for RangeCalendar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  nextMonth: `Mes próximo`,\n  nextYear: `Año próximo`,\n  previousMonth: `Mes anterior`,\n  previousYear: `Año anterior`,\n};\n","/**\n * Pre-compiled fr-FR messages for RangeCalendar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  nextMonth: `Mois suivant`,\n  nextYear: `Année suivante`,\n  previousMonth: `Mois précédent`,\n  previousYear: `Année précédente`,\n};\n","/**\n * Pre-compiled pt-BR messages for RangeCalendar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  nextMonth: `Próximo mês`,\n  nextYear: `Próximo ano`,\n  previousMonth: `Mês anterior`,\n  previousYear: `Ano anterior`,\n};\n","/**\n * Pre-compiled localized messages for RangeCalendar component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport rangeCalendarMessages_en from \"./intl/en\";\nimport rangeCalendarMessages_de from \"./intl/de\";\nimport rangeCalendarMessages_es from \"./intl/es\";\nimport rangeCalendarMessages_fr from \"./intl/fr-FR\";\nimport rangeCalendarMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const rangeCalendarMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(rangeCalendarMessages_en),\n  de: normalizeMessages(rangeCalendarMessages_de),\n  es: normalizeMessages(rangeCalendarMessages_es),\n  \"fr-FR\": normalizeMessages(rangeCalendarMessages_fr),\n  \"pt-BR\": normalizeMessages(rangeCalendarMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for RangeCalendar component\n */\nexport type RangeCalendarMessageKey =\n  | \"nextMonth\"\n  | \"nextYear\"\n  | \"previousMonth\"\n  | \"previousYear\";\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 { useLocalizedStringFormatter } from \"@/hooks\";\nimport { rangeCalendarMessagesStrings } from \"../range-calendar.messages\";\n\nexport const RangeCalendarCustomContext = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const { locale } = useLocale();\n  const msg = useLocalizedStringFormatter(rangeCalendarMessagesStrings);\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\": msg.format(\"nextMonth\"),\n    },\n    \"previous-month\": {\n      onPress: () => calendarState.focusPreviousSection(),\n      \"aria-label\": msg.format(\"previousMonth\"),\n    },\n    \"next-year\": {\n      onPress: () => calendarState.focusNextSection(true),\n      \"aria-label\": msg.format(\"nextYear\"),\n    },\n    \"previous-year\": {\n      onPress: () => calendarState.focusPreviousSection(true),\n      \"aria-label\": msg.format(\"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          <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          <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          <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          <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","rangeCalendarMessages_en","rangeCalendarMessages_de","rangeCalendarMessages_es","rangeCalendarMessages_fr","rangeCalendarMessages_pt","rangeCalendarMessagesStrings","normalizeMessages","RangeCalendarCustomContext","children","locale","useLocale","msg","useLocalizedStringFormatter","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":"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"}

package/dist/chunks/range-calendar-Cc8nVJ9O.es.js

@@ -0,0 +1,229 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { b as R, $ as S, c as T, d as A, e as F, f as I, g as z, h as L } from "./Calendar-BGX_ecv9.es.js";
+import { createSlotRecipeContext as N, useRecipe as j } from "@chakra-ui/react/styled-system";
+import { j as B } from "./index-B5W9PQbq.es.js";
+import { e as G } from "./extract-style-props-D_NsrT_t.es.js";
+import { c, d as H } from "./useDateFormatter-BOTFx29q.es.js";
+import { useContext as u } from "react";
+import { $ as b } from "./Button-i3wfJjZy.es.js";
+import { e as _, d as P } from "./utils-BBrLCz2b.es.js";
+import { $ } from "./Text-DOcU1ycg.es.js";
+import { $ as w } from "./I18nProvider-BuwVdK1A.es.js";
+import { n as m, u as k } from "./normalize-messages-CeN1NEyM.es.js";
+import { a as V } from "./Heading-DWbEoN88.es.js";
+import { KeyboardArrowLeft as C, KeyboardArrowRight as v } from "@commercetools/nimbus-icons";
+import { B as D } from "./box-DuBoAZvq.es.js";
+import { F as J } from "./flex-BqxAMF-7.es.js";
+import { S as y } from "./stack-CoNreM7B.es.js";
+import { V as K } from "./visually-hidden-D7g0JQ0T.es.js";
+import { I as p } from "./icon-button-DwOSMjvL.es.js";
+import { T as M } from "./text-Ci0HmiFd.es.js";
+const { withProvider: W, withContext: s } = /* @__PURE__ */ N({
+  key: "nimbusRangeCalendar"
+}), q = /* @__PURE__ */ W("div", "root"), E = /* @__PURE__ */ s("div", "header"), O = /* @__PURE__ */ s("div", "grids"), Q = /* @__PURE__ */ s("div", "monthTitle"), U = /* @__PURE__ */ s("table", "grid"), X = /* @__PURE__ */ s("thead", "gridHeader"), Z = /* @__PURE__ */ s("th", "headerCell"), ee = /* @__PURE__ */ s("tbody", "gridBody"), te = /* @__PURE__ */ s("td", "bodyCell"), ae = {
+  nextMonth: "Next month",
+  nextYear: "Next year",
+  previousMonth: "Previous month",
+  previousYear: "Previous year"
+}, oe = {
+  nextMonth: "Nächsten Monat",
+  nextYear: "Nächstes Jahr",
+  previousMonth: "Letzten Monat",
+  previousYear: "Letztes Jahr"
+}, re = {
+  nextMonth: "Mes próximo",
+  nextYear: "Año próximo",
+  previousMonth: "Mes anterior",
+  previousYear: "Año anterior"
+}, ne = {
+  nextMonth: "Mois suivant",
+  nextYear: "Année suivante",
+  previousMonth: "Mois précédent",
+  previousYear: "Année précédente"
+}, se = {
+  nextMonth: "Próximo mês",
+  nextYear: "Próximo ano",
+  previousMonth: "Mês anterior",
+  previousYear: "Ano anterior"
+}, ie = {
+  en: /* @__PURE__ */ m(ae),
+  de: /* @__PURE__ */ m(oe),
+  es: /* @__PURE__ */ m(re),
+  "fr-FR": /* @__PURE__ */ m(ne),
+  "pt-BR": /* @__PURE__ */ m(se)
+}, le = ({
+  children: i
+}) => {
+  const { locale: r } = w(), t = k(ie), o = u(b), n = u($), a = u(R), g = {
+    "next-month": {
+      onPress: () => a.focusNextSection(),
+      "aria-label": t.format("nextMonth")
+    },
+    "previous-month": {
+      onPress: () => a.focusPreviousSection(),
+      "aria-label": t.format("previousMonth")
+    },
+    "next-year": {
+      onPress: () => a.focusNextSection(!0),
+      "aria-label": t.format("nextYear")
+    },
+    "previous-year": {
+      onPress: () => a.focusPreviousSection(!0),
+      "aria-label": t.format("previousYear")
+    }
+  }, h = new Intl.DateTimeFormat(r, {
+    month: "long"
+  }).format(a.focusedDate.toDate(c())), x = [
+    new Intl.DateTimeFormat(r, {
+      month: "long"
+    }).format(a.visibleRange.start.toDate(c())),
+    new Intl.DateTimeFormat(r, {
+      month: "long"
+    }).format(a.visibleRange.end.toDate(c()))
+  ].join(" - "), f = new Intl.DateTimeFormat(r, {
+    year: "numeric"
+  }).format(a.focusedDate.toDate(c())), l = {
+    month: { children: h },
+    monthRange: { children: x },
+    year: { children: f }
+  };
+  return /* @__PURE__ */ e(
+    _,
+    {
+      values: [
+        [
+          b,
+          {
+            ...o,
+            slots: {
+              ...o && typeof o == "object" && "slots" in o ? o.slots : {},
+              ...g
+            }
+          }
+        ],
+        [
+          $,
+          {
+            ...n,
+            slots: {
+              ...n && typeof n == "object" && "slots" in n ? n.slots : {},
+              ...l
+            }
+          }
+        ]
+      ],
+      children: i
+    }
+  );
+}, ce = () => {
+  const t = (P(S)?.visibleDuration?.months || 1) > 1;
+  return /* @__PURE__ */ e(E, { children: /* @__PURE__ */ d(J, { children: [
+    /* @__PURE__ */ d(y, { direction: "row", alignItems: "center", children: [
+      /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(V, {}) }),
+      /* @__PURE__ */ e(
+        p,
+        {
+          slot: t ? "previous" : "previous-month",
+          size: "xs",
+          variant: "ghost",
+          colorPalette: "primary",
+          children: /* @__PURE__ */ e(C, {})
+        }
+      ),
+      /* @__PURE__ */ e(
+        M,
+        {
+          textStyle: "sm",
+          fontWeight: "500",
+          color: "neutral.11",
+          width: t ? "4000" : "2000",
+          textAlign: "center",
+          "aria-hidden": "true",
+          slot: t ? "monthRange" : "month"
+        }
+      ),
+      /* @__PURE__ */ e(
+        p,
+        {
+          slot: t ? "next" : "next-month",
+          size: "xs",
+          variant: "ghost",
+          colorPalette: "primary",
+          children: /* @__PURE__ */ e(v, {})
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(D, { flexGrow: "1" }),
+    /* @__PURE__ */ d(y, { direction: "row", alignItems: "center", children: [
+      /* @__PURE__ */ e(
+        p,
+        {
+          slot: "previous-year",
+          size: "xs",
+          variant: "ghost",
+          colorPalette: "primary",
+          children: /* @__PURE__ */ e(C, {})
+        }
+      ),
+      /* @__PURE__ */ e(
+        M,
+        {
+          textStyle: "sm",
+          fontWeight: "500",
+          color: "neutral.11",
+          width: "1400",
+          textAlign: "center",
+          "aria-hidden": "true",
+          slot: "year"
+        }
+      ),
+      /* @__PURE__ */ e(
+        p,
+        {
+          slot: "next-year",
+          size: "xs",
+          variant: "ghost",
+          colorPalette: "primary",
+          children: /* @__PURE__ */ e(v, {})
+        }
+      )
+    ] })
+  ] }) });
+}, de = () => {
+  const { locale: i } = w(), r = P(S), t = u(R), o = r?.visibleDuration?.months || 1, n = H(c()), a = o > 1;
+  return /* @__PURE__ */ e(O, { children: Array.from({ length: o }, (g, h) => {
+    const x = t.visibleRange.start.add({
+      months: h
+    }), f = new Intl.DateTimeFormat(i, {
+      month: "long"
+    }).format(x.toDate(c()));
+    return /* @__PURE__ */ d(
+      D,
+      {
+        width: o == 1 ? "full" : "auto",
+        children: [
+          a && /* @__PURE__ */ e(Q, { children: f }),
+          /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ d(T, { offset: { months: h }, weekdayStyle: "short", children: [
+            /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e(A, { children: (l) => /* @__PURE__ */ e(Z, { asChild: !0, children: /* @__PURE__ */ e(F, { children: l }) }) }) }),
+            /* @__PURE__ */ e(ee, { asChild: !0, children: /* @__PURE__ */ e(I, { children: (l) => {
+              const Y = l.compare(n) === 0;
+              return /* @__PURE__ */ e(te, { asChild: !0, "data-today": Y, children: /* @__PURE__ */ e(z, { date: l }) });
+            } }) })
+          ] }) })
+        ]
+      },
+      f
+    );
+  }) });
+}, me = (i) => {
+  const r = j({ recipe: B }), [t, o] = r.splitVariantProps(i), [n, a] = G(o);
+  return /* @__PURE__ */ e(q, { ...t, ...n, asChild: !0, children: /* @__PURE__ */ e(L, { ...a, children: /* @__PURE__ */ d(le, { children: [
+    /* @__PURE__ */ e(ce, {}),
+    /* @__PURE__ */ e(de, {})
+  ] }) }) });
+};
+me.displayName = "RangeCalendar";
+export {
+  me as R
+};
+//# sourceMappingURL=range-calendar-Cc8nVJ9O.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"range-calendar-Cc8nVJ9O.es.js","sources":["../../src/components/range-calendar/range-calendar.slots.tsx","../../src/components/range-calendar/intl/en.ts","../../src/components/range-calendar/intl/de.ts","../../src/components/range-calendar/intl/es.ts","../../src/components/range-calendar/intl/fr-FR.ts","../../src/components/range-calendar/intl/pt-BR.ts","../../src/components/range-calendar/range-calendar.messages.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/styled-system\";\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: \"nimbusRangeCalendar\",\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","/**\n * Pre-compiled en messages for RangeCalendar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  nextMonth: `Next month`,\n  nextYear: `Next year`,\n  previousMonth: `Previous month`,\n  previousYear: `Previous year`,\n};\n","/**\n * Pre-compiled de messages for RangeCalendar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  nextMonth: `Nächsten Monat`,\n  nextYear: `Nächstes Jahr`,\n  previousMonth: `Letzten Monat`,\n  previousYear: `Letztes Jahr`,\n};\n","/**\n * Pre-compiled es messages for RangeCalendar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  nextMonth: `Mes próximo`,\n  nextYear: `Año próximo`,\n  previousMonth: `Mes anterior`,\n  previousYear: `Año anterior`,\n};\n","/**\n * Pre-compiled fr-FR messages for RangeCalendar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  nextMonth: `Mois suivant`,\n  nextYear: `Année suivante`,\n  previousMonth: `Mois précédent`,\n  previousYear: `Année précédente`,\n};\n","/**\n * Pre-compiled pt-BR messages for RangeCalendar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  nextMonth: `Próximo mês`,\n  nextYear: `Próximo ano`,\n  previousMonth: `Mês anterior`,\n  previousYear: `Ano anterior`,\n};\n","/**\n * Pre-compiled localized messages for RangeCalendar component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport rangeCalendarMessages_en from \"./intl/en\";\nimport rangeCalendarMessages_de from \"./intl/de\";\nimport rangeCalendarMessages_es from \"./intl/es\";\nimport rangeCalendarMessages_fr from \"./intl/fr-FR\";\nimport rangeCalendarMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const rangeCalendarMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(rangeCalendarMessages_en),\n  de: normalizeMessages(rangeCalendarMessages_de),\n  es: normalizeMessages(rangeCalendarMessages_es),\n  \"fr-FR\": normalizeMessages(rangeCalendarMessages_fr),\n  \"pt-BR\": normalizeMessages(rangeCalendarMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for RangeCalendar component\n */\nexport type RangeCalendarMessageKey =\n  | \"nextMonth\"\n  | \"nextYear\"\n  | \"previousMonth\"\n  | \"previousYear\";\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 { useLocalizedStringFormatter } from \"@/hooks\";\nimport { rangeCalendarMessagesStrings } from \"../range-calendar.messages\";\n\nexport const RangeCalendarCustomContext = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const { locale } = useLocale();\n  const msg = useLocalizedStringFormatter(rangeCalendarMessagesStrings);\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\": msg.format(\"nextMonth\"),\n    },\n    \"previous-month\": {\n      onPress: () => calendarState.focusPreviousSection(),\n      \"aria-label\": msg.format(\"previousMonth\"),\n    },\n    \"next-year\": {\n      onPress: () => calendarState.focusNextSection(true),\n      \"aria-label\": msg.format(\"nextYear\"),\n    },\n    \"previous-year\": {\n      onPress: () => calendarState.focusPreviousSection(true),\n      \"aria-label\": msg.format(\"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          <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          <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          <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          <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","rangeCalendarMessages_en","rangeCalendarMessages_de","rangeCalendarMessages_es","rangeCalendarMessages_fr","rangeCalendarMessages_pt","rangeCalendarMessagesStrings","normalizeMessages","RangeCalendarCustomContext","children","locale","useLocale","msg","useLocalizedStringFormatter","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":"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"}

package/dist/chunks/rich-text-input-CpdpI-1n.cjs.js

@@ -0,0 +1,4 @@
+"use strict";const s=require("react/jsx-runtime"),p=require("react"),fe=require("@chakra-ui/react/styled-system"),c=require("slate"),k=require("slate-react"),Ce=require("slate-history"),we=require("./extract-style-props-MWsS2n9A.cjs.js"),Re=require("./index-CoMspoGo.cjs.js"),Me=require("./useObjectRef-mEu7QX6X.cjs.js"),ve=require("./merge-refs-D8liJcZz.cjs.js"),$=require("./icon-toggle-button-D1QCn8pM.cjs.js"),se=require("./group-CkyuWqOe.cjs.js"),R=require("@commercetools/nimbus-icons"),K=require("./normalize-messages-Dogs8lYA.cjs.js"),M=require("./menu-BKLx-WY2.cjs.js"),N=require("./box-CWni3A32.cjs.js"),m=require("./tooltip-DvXaymlZ.cjs.js"),Z=require("./icon-button-Dus3CyuU.cjs.js"),L=require("./text-D73rGEjF.cjs.js"),Fe=require("./toolbar-CCWWhVjS.cjs.js"),ne=require("./separator-CFwc0iIX.cjs.js"),oe=require("./toggle-button-group-MnK0Lz3x.cjs.js"),_=require("./visually-hidden-CXpij2Ju.cjs.js");function re(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}const{withProvider:Ie,withContext:ge}=fe.createSlotRecipeContext({key:"nimbusRichTextInput"}),Le=Ie("div","root"),Ae=ge("div","toolbar"),De=ge("div","editable"),me=t=>p.useCallback(e=>()=>{const{selection:r}=t;e(),r&&!t.selection&&c.Transforms.select(t,r),k.ReactEditor.isFocused(t)||k.ReactEditor.focus(t)},[t]),ie={"mod+b":"bold","mod+i":"italic","mod+u":"underline","mod+`":"code"},W={placeholder:"Start typing...",isDisabled:!1,isReadOnly:!1,autoFocus:!1},ae={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"},le={strong:"bold",b:"bold",em:"italic",i:"italic",u:"underline",code:"code",sup:"superscript",sub:"subscript",del:"strikethrough",s:"strikethrough"},X={STRIKETHROUGH:"strikethrough",CODE:"code",SUPERSCRIPT:"superscript",SUBSCRIPT:"subscript"},He=[X.STRIKETHROUGH,X.CODE],qe=[X.SUPERSCRIPT,X.SUBSCRIPT],Ke=t=>[{id:"paragraph",label:t("paragraph"),props:{textStyle:"md",fontWeight:"500"}},{id:"heading-one",label:t("headingOne"),props:{textStyle:"2xl",fontWeight:"500"}},{id:"heading-two",label:t("headingTwo"),props:{textStyle:"xl",fontWeight:"500"}},{id:"heading-three",label:t("headingThree"),props:{textStyle:"lg",fontWeight:"500"}},{id:"heading-four",label:t("headingFour"),props:{textStyle:"md",fontWeight:"500"}},{id:"heading-five",label:t("headingFive"),props:{textStyle:"xs",fontWeight:"500"}},{id:"block-quote",label:t("quote"),props:{textStyle:"md",fontWeight:"400"}}],Oe=["heading-one","heading-two","heading-three","heading-four","heading-five","block-quote"];var Y,ce;function Ne(){if(ce)return Y;ce=1;var t=/["'&<>]/;Y=e;function e(r){var o=""+r,n=t.exec(o);if(!n)return o;var a,h="",u=0,d=0;for(u=n.index;u<o.length;u++){switch(o.charCodeAt(u)){case 34:a="&quot;";break;case 38:a="&amp;";break;case 39:a="&#39;";break;case 60:a="&lt;";break;case 62:a="&gt;";break;default:continue}d!==u&&(h+=o.substring(d,u)),d=u+1,h+=a}return d!==u?h+o.substring(d,u):h}return Y}var Be=Ne();const G=re(Be),xe=`​
+`,H=()=>[{type:"paragraph",children:[{text:""}]}],Pe=t=>t.map(ye).join(""),ye=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(ye).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 a=$e(r.url);o=` href="${G(a)}"`}let n="";if(r.htmlAttributes&&typeof r.htmlAttributes=="object")for(const[a,h]of Object.entries(r.htmlAttributes))a.toLowerCase().startsWith("on")||(n+=` ${G(a)}="${G(String(h))}"`);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,xe);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 ae){const a=ae[r],h={type:a,children:[]};if(a==="link"){const u=e.getAttribute("href");u&&(h.url=u);const d={};Array.from(e.attributes).forEach(f=>{f.name!=="href"&&!f.name.toLowerCase().startsWith("on")&&(d[f.name]=f.value)}),Object.keys(d).length>0&&(h.htmlAttributes=d)}return h.children=ze(o),h}if(r in le){const a=le[r];return{text:J(o),[a]:!0}}return r==="span"?{text:J(o)}:{text:J(o)}},ze=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(""),J=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(""),$e=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)}]}),ue=t=>{try{const e=new URL(t);return e.protocol==="http:"||e.protocol==="https:"}catch{return!1}},de=["bulleted-list","numbered-list"],_e=["bold","code","italic","underline","superscript","subscript","strikethrough"],V=t=>_e.includes(t),Ve=(t,e)=>V(e)?t[e]===!0:!1,A=(t,e)=>{const{selection:r}=t;if(!r||c.Range.isCollapsed(r)){const o=c.Editor.marks(t);if(o&&V(e))return o[e]===!0;if(!r&&t.children.length>0){const n=t.children[0];if(n.children&&n.children.length>0){const a=n.children[0];if(c.Text.isText(a)&&V(e))return a[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||!V(e)?!1:n[e]===!0}return o.every(([n])=>Ve(n,e))}catch{const o=c.Editor.marks(t);return!o||!V(e)?!1:o[e]===!0}},O=(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},D=(t,e)=>{A(t,e)?c.Editor.removeMark(t,e):c.Editor.addMark(t,e,!0)},Q=(t,e)=>{const r=O(t,e),o=de.includes(e);c.Transforms.unwrapNodes(t,{match:a=>!c.Editor.isEditor(a)&&c.Element.isElement(a)&&de.includes(a.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 a={type:e,children:[]};c.Transforms.wrapNodes(t,a)}},Ue=t=>{k.ReactEditor.focus(t)},We=(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,[]))},Ge=t=>{const{insertData:e,insertText:r,isInline:o}=t;return t.isInline=n=>n.type==="link"?!0:o(n),t.insertText=n=>{n&&ue(n)?he(t,n):r(n)},t.insertData=n=>{const a=n.getData("text/plain");a&&ue(a)?he(t,a):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)=>{O(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})}},Je=({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})},Qe={placeholderCharacter:`​
+`},Ze=({withPreservedSelection:t})=>{const e=k.useSlate(),r=k.useSlateSelection(),o=p.useMemo(()=>{const u=[];return He.forEach(d=>{A(e,d)&&u.push(d)}),new Set(u)},[r,e.children,c.Editor.marks(e)]),n=p.useMemo(()=>{const u=[];return qe.forEach(d=>{A(e,d)&&u.push(d)}),new Set(u)},[r,e.children,c.Editor.marks(e)]),a=p.useMemo(()=>new Set([...Array.from(o),...Array.from(n)]),[o,n]),h=p.useCallback(u=>{if(u==="all")return;const d=Array.from(u),f=Array.from(a),j=d.filter(l=>!f.includes(l)),S=f.filter(l=>!d.includes(l));[...j,...S].forEach(l=>{l==="superscript"||l==="subscript"?t(()=>{const i=A(e,"superscript")?"superscript":A(e,"subscript")?"subscript":null;j.includes(l)&&i&&i!==l&&D(e,i),D(e,l)})():t(()=>D(e,l))()})},[e,a,t]);return{selectedKeys:o,selectedScriptKeys:n,allSelectedKeys:a,handleAllSelectionChange:h}},et={bold:"Bold",bulletedList:"Bulleted list",code:"Code",headingFive:"Heading 5",headingFour:"Heading 4",headingOne:"Heading 1",headingThree:"Heading 3",headingTwo:"Heading 2",italic:"Italic",listFormatting:"List formatting",moreFormattingOptions:"More formatting options",moreStyles:"More styles",numberedList:"Numbered list",paragraph:"Paragraph",quote:"Quote",redo:"Redo",strikethrough:"Strikethrough",subscript:"Subscript",superscript:"Superscript",textFormatting:"Text formatting",textStyle:"Text style",textStyleMenu:"Text style menu",underline:"Underline",undo:"Undo"},tt={bold:"Fett",bulletedList:"Aufzählungsliste",code:"Code",headingFive:"Überschrift 5",headingFour:"Überschrift 4",headingOne:"Überschrift 1",headingThree:"Überschrift 3",headingTwo:"Überschrift 2",italic:"Kursiv",listFormatting:"Listenformatierung",moreFormattingOptions:"Weitere Formatierungsoptionen",moreStyles:"Weitere Stile",numberedList:"Nummerierte Liste",paragraph:"Paragraph",quote:"Zitat",redo:"Wiederherstellen",strikethrough:"Durchstreichen",subscript:"Tiefgestellt",superscript:"Hochgestellt",textFormatting:"Textformatierung",textStyle:"Textstil",textStyleMenu:"Textstilmenü",underline:"Unterstreichen",undo:"Rückgängig machen"},rt={bold:"Negrita",bulletedList:"Lista no numerada",code:"Código",headingFive:"Encabezamiento 5",headingFour:"Encabezamiento 4",headingOne:"Encabezamiento 1",headingThree:"Encabezamiento 3",headingTwo:"Encabezamiento 2",italic:"Cursiva",listFormatting:"Formatear lista",moreFormattingOptions:"Más opciones de formato",moreStyles:"Más estilos",numberedList:"Lista numerada",paragraph:"Párrafo",quote:"Presupuesto",redo:"Repetir",strikethrough:"Tachado",subscript:"Subíndice",superscript:"Índice superior",textFormatting:"Formatear texto",textStyle:"Estilo de texto",textStyleMenu:"Menú de estilo de texto",underline:"Subrayar",undo:"Deshacer"},st={bold:"Gras",bulletedList:"Liste à puces",code:"Code",headingFive:"En-tête 5",headingFour:"En-tête 4",headingOne:"En-tête 1",headingThree:"En-tête 3",headingTwo:"En-tête 2",italic:"Italique",listFormatting:"Formatage de la liste",moreFormattingOptions:"Plus d'options de formatage",moreStyles:"Plus de styles",numberedList:"Liste numérotée",paragraph:"Paragraphe",quote:"Citation",redo:"Rétablir",strikethrough:"Barré",subscript:"Indice",superscript:"Exposant",textFormatting:"Formatage du texte",textStyle:"Style de texte",textStyleMenu:"Menu style de texte",underline:"Souligné",undo:"Annuler"},nt={bold:"Negrito",bulletedList:"Lista com marcadores",code:"Código",headingFive:"Cabeçalho 5",headingFour:"Cabeçalho 4",headingOne:"Cabeçalho 1",headingThree:"Cabeçalho 3",headingTwo:"Cabeçalho 2",italic:"Itálico",listFormatting:"Formatação de lista",moreFormattingOptions:"Mais opções de formatação",moreStyles:"Mais estilos",numberedList:"Lista numerada",paragraph:"Parágrafo",quote:"Cotação",redo:"Refazer",strikethrough:"Tachado",subscript:"Subscrito",superscript:"Sobrescrito",textFormatting:"Formatação de texto",textStyle:"Estilo de texto",textStyleMenu:"Menu de estilo de texto",underline:"Sublinhado",undo:"Desfazer"},Se={en:K.normalizeMessages(et),de:K.normalizeMessages(tt),es:K.normalizeMessages(rt),"fr-FR":K.normalizeMessages(st),"pt-BR":K.normalizeMessages(nt)},ot=({isDisabled:t=!1})=>{const e=K.useLocalizedStringFormatter(Se),r=k.useSlate(),o=me(r),{allSelectedKeys:n,handleAllSelectionChange:a}=Ze({withPreservedSelection:o});return s.jsxs(M.Menu.Root,{selectionMode:"multiple",selectedKeys:n,onSelectionChange:a,children:[s.jsxs(m.Tooltip.Root,{delay:0,closeDelay:0,children:[s.jsx(M.Menu.Trigger,{asChild:!0,children:s.jsx(Z.IconButton,{size:"xs",variant:"ghost","aria-label":e.format("moreFormattingOptions"),isDisabled:t,onMouseDown:h=>h.preventDefault(),children:s.jsx(R.MoreHoriz,{})})}),s.jsx(m.Tooltip.Content,{placement:"top",children:e.format("moreStyles")})]}),s.jsxs(M.Menu.Content,{children:[s.jsx(M.Menu.Item,{id:"strikethrough",children:s.jsxs(N.Box,{slot:"label",display:"flex",alignItems:"center",gap:"200",children:[s.jsx(R.FormatStrikethrough,{}),s.jsx(L.Text,{textStyle:"sm",children:e.format("strikethrough")})]})}),s.jsx(M.Menu.Item,{id:"code",children:s.jsxs(N.Box,{slot:"label",display:"flex",alignItems:"center",gap:"200",children:[s.jsx(R.Code,{}),s.jsx(L.Text,{textStyle:"sm",children:e.format("code")})]})}),s.jsx(M.Menu.Item,{id:"superscript",children:s.jsxs(N.Box,{slot:"label",display:"flex",alignItems:"center",gap:"200",children:[s.jsx(L.Text,{children:"X²"}),s.jsx(L.Text,{textStyle:"sm",children:e.format("superscript")})]})}),s.jsx(M.Menu.Item,{id:"subscript",children:s.jsxs(N.Box,{slot:"label",display:"flex",alignItems:"center",gap:"200",children:[s.jsx(L.Text,{children:"X₂"}),s.jsx(L.Text,{textStyle:"sm",children:e.format("subscript")})]})})]})]})};var w={},pe;function it(){if(pe)return w;pe=1,Object.defineProperty(w,"__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 a(l,i,x){i&&!("byKey"in i)&&(x=i,i=null),Array.isArray(l)||(l=[l]);var g=l.map(function(F){return d(F,i)}),T=function(b){return g.some(function(I){return f(I,b)})},q=x==null?T:T(x);return q}function h(l,i){return a(l,i)}function u(l,i){return a(l,{byKey:!0},i)}function d(l,i){var x=i&&i.byKey,g={};l=l.replace("++","+add");var T=l.split("+"),q=T.length;for(var F in e)g[e[F]]=!1;var b=!0,I=!1,y=void 0;try{for(var B=T[Symbol.iterator](),P;!(b=(P=B.next()).done);b=!0){var C=P.value,U=C.endsWith("?")&&C.length>1;U&&(C=C.slice(0,-1));var z=S(C),E=e[z];if(C.length>1&&!E&&!r[C]&&!o[z])throw new TypeError('Unknown modifier: "'+C+'"');(q===1||!E)&&(x?g.key=z:g.which=j(C)),E&&(g[E]=U?null:!0)}}catch(v){I=!0,y=v}finally{try{!b&&B.return&&B.return()}finally{if(I)throw y}}return g}function f(l,i){for(var x in l){var g=l[x],T=void 0;if(g!=null&&(x==="key"&&i.key!=null?T=i.key.toLowerCase():x==="which"?T=g===91&&i.which===93?91:i.which:T=i[x],!(T==null&&g===!1)&&T!==g))return!1}return!0}function j(l){l=S(l);var i=o[l]||l.toUpperCase().charCodeAt(0);return i}function S(l){return l=l.toLowerCase(),l=r[l]||l,l}return w.default=a,w.isHotkey=a,w.isCodeHotkey=h,w.isKeyHotkey=u,w.parseHotkey=d,w.compareHotkey=f,w.toKeyCode=j,w.toKeyName=S,w}var at=it();const lt=re(at),ct=({editor:t})=>({handleKeyDown:p.useCallback(r=>{if((r.metaKey||r.ctrlKey)&&r.key==="z"){r.preventDefault(),r.shiftKey?t.redo():t.undo();return}for(const o in ie)if(lt(o,r)){r.preventDefault();const n=ie[o];D(t,n);return}if(r.shiftKey&&r.key==="Enter"){r.preventDefault(),t.insertText(Qe.placeholderCharacter);return}},[t])}),je=function({ref:e,editor:r,initialValue:o,onChange:n,onFocus:a,onBlur:h,placeholder:u=W.placeholder,isDisabled:d=W.isDisabled,isReadOnly:f=W.isReadOnly,autoFocus:j=W.autoFocus,toolbar:S}){const l=p.useRef(null),i=Me.$03e8ab2d84d7657a$export$4338b53315abf666(ve.mergeRefs(l,e)),{handleKeyDown:x}=ct({editor:r}),g=p.useCallback(y=>{a&&a(y)},[a]),T=p.useCallback(y=>{h&&h(y)},[h]);p.useImperativeHandle(i,()=>({focus:()=>Ue(r),resetValue:y=>We(r,y)}),[r]);const q=p.useCallback(y=>s.jsx(Ye,{...y}),[]),F=p.useCallback(y=>s.jsx(Je,{...y}),[]),b=H(),I=Array.isArray(o)&&o.length>0?o:b;return s.jsxs(k.Slate,{editor:r,initialValue:I,onChange:n,children:[S&&s.jsx(Ae,{children:S}),s.jsx(De,{asChild:!0,children:s.jsx(k.Editable,{renderElement:q,renderLeaf:F,placeholder:u,autoFocus:j,readOnly:f||d,onKeyDown:x,onFocus:g,onBlur:T,"aria-label":"Rich text editor",role:"textbox","aria-multiline":"true"})})]})};je.displayName="RichTextEditor";const ut=({withPreservedSelection:t,textStyles:e})=>{const r=k.useSlate(),o=k.useSlateSelection(),n=p.useMemo(()=>Oe.find(i=>O(r,i))||"paragraph",[o,r.children]),a=e.find(i=>i.id===n),h=a?.label||"",u=p.useCallback(i=>{t(()=>{Q(r,i)})()},[r,t]),d=p.useCallback(i=>{t(()=>{const x=Array.from(i)[0],g=O(r,"bulleted-list")?"bulleted-list":O(r,"numbered-list")?"numbered-list":null;x?Q(r,x):g&&Q(r,g)})()},[r,t]),f=p.useMemo(()=>{const i=[];return A(r,"bold")&&i.push("bold"),A(r,"italic")&&i.push("italic"),A(r,"underline")&&i.push("underline"),new Set(i)},[o,r.children,c.Editor.marks(r)]),j=p.useMemo(()=>{const i=[];return O(r,"bulleted-list")&&i.push("bulleted-list"),O(r,"numbered-list")&&i.push("numbered-list"),new Set(i)},[o,r.children]),S=p.useMemo(()=>r.history&&r.history.undos.length>0,[o,r.children]),l=p.useMemo(()=>r.history&&r.history.redos.length>0,[o,r.children]);return{currentTextStyle:n,selectedTextStyle:a,selectedTextStyleLabel:h,handleTextStyleChange:u,handleListToggle:d,selectedFormatKeys:f,selectedListKeys:j,hasUndos:S,hasRedos:l}},Ee=({isDisabled:t=!1})=>{const e=K.useLocalizedStringFormatter(Se),r=k.useSlate(),o=me(r),n=Ke(e.format),{currentTextStyle:a,selectedTextStyleLabel:h,handleTextStyleChange:u,handleListToggle:d,selectedFormatKeys:f,selectedListKeys:j,hasUndos:S,hasRedos:l}=ut({withPreservedSelection:o,textStyles:n});return s.jsxs(Fe.Toolbar,{orientation:"horizontal","aria-label":e.format("textFormatting"),width:"full",overflow:"hidden",size:"xs",children:[s.jsx(se.Group,{children:s.jsxs(M.Menu.Root,{onAction:i=>u(String(i)),children:[s.jsxs(m.Tooltip.Root,{delay:0,closeDelay:0,children:[s.jsx(M.Menu.Trigger,{height:"800",width:"4000",bg:"primary.1",borderRadius:"200",_hover:{bg:"primary.2"},isDisabled:t,onMouseDown:i=>i.preventDefault(),"aria-label":e.format("textStyleMenu"),children:s.jsxs(N.Box,{display:"flex",alignItems:"center",gap:"200",px:"200",children:[s.jsx(N.Box,{display:"flex",alignItems:"center",gap:"200",flexGrow:"1",children:s.jsx(L.Text,{my:"auto",textStyle:"sm",fontWeight:"500",children:h})}),s.jsx(R.KeyboardArrowDown,{})]})}),s.jsx(m.Tooltip.Content,{placement:"top",children:e.format("textStyle")})]}),s.jsx(M.Menu.Content,{children:n.map(i=>s.jsx(M.Menu.Item,{id:i.id,...a===i.id&&{"data-state":"checked"},children:s.jsx(L.Text,{...i.props,children:i.label})},i.id))})]})}),s.jsx(ne.Separator,{orientation:"vertical"}),s.jsxs(oe.ToggleButtonGroup.Root,{selectionMode:"multiple",selectedKeys:f,isDisabled:t,children:[s.jsxs(m.Tooltip.Root,{delay:0,closeDelay:0,children:[s.jsxs($.IconToggleButton,{id:"bold",size:"xs",variant:"ghost","aria-label":e.format("bold"),isDisabled:t,onMouseDown:i=>i.preventDefault(),onPress:o(()=>D(r,"bold")),children:[s.jsx(R.FormatBold,{}),s.jsx(_.VisuallyHidden,{children:e.format("bold")})]}),s.jsx(m.Tooltip.Content,{placement:"top",children:e.format("bold")})]}),s.jsxs(m.Tooltip.Root,{delay:0,closeDelay:0,children:[s.jsxs($.IconToggleButton,{id:"italic",size:"xs",variant:"ghost","aria-label":e.format("italic"),isDisabled:t,onMouseDown:i=>i.preventDefault(),onPress:o(()=>D(r,"italic")),children:[s.jsx(R.FormatItalic,{}),s.jsx(_.VisuallyHidden,{children:e.format("italic")})]}),s.jsx(m.Tooltip.Content,{placement:"top",children:e.format("italic")})]}),s.jsxs(m.Tooltip.Root,{delay:0,closeDelay:0,children:[s.jsxs($.IconToggleButton,{id:"underline",size:"xs",variant:"ghost","aria-label":e.format("underline"),isDisabled:t,onMouseDown:i=>i.preventDefault(),onPress:o(()=>D(r,"underline")),children:[s.jsx(R.FormatUnderlined,{}),s.jsx(_.VisuallyHidden,{children:e.format("underline")})]}),s.jsx(m.Tooltip.Content,{placement:"top",children:e.format("underline")})]})]}),s.jsx(ot,{isDisabled:t}),s.jsx(ne.Separator,{orientation:"vertical"}),s.jsxs(oe.ToggleButtonGroup.Root,{selectionMode:"single",selectedKeys:j,onSelectionChange:d,"aria-label":e.format("listFormatting"),isDisabled:t,children:[s.jsxs(m.Tooltip.Root,{delay:0,closeDelay:0,children:[s.jsx($.IconToggleButton,{id:"bulleted-list",size:"xs",variant:"ghost","aria-label":e.format("bulletedList"),isDisabled:t,onMouseDown:i=>i.preventDefault(),children:s.jsx(R.FormatListBulleted,{})}),s.jsx(m.Tooltip.Content,{placement:"top",children:e.format("bulletedList")})]}),s.jsxs(m.Tooltip.Root,{delay:0,closeDelay:0,children:[s.jsx($.IconToggleButton,{id:"numbered-list",size:"xs",variant:"ghost","aria-label":e.format("numberedList"),isDisabled:t,onMouseDown:i=>i.preventDefault(),children:s.jsx(R.FormatListNumbered,{})}),s.jsx(m.Tooltip.Content,{placement:"top",children:e.format("numberedList")})]})]}),s.jsx(N.Box,{flexGrow:"1"}),s.jsxs(se.Group,{children:[s.jsxs(m.Tooltip.Root,{delay:0,closeDelay:0,children:[s.jsxs(Z.IconButton,{size:"xs",variant:"ghost","aria-label":e.format("undo"),isDisabled:!S||t,onPress:o(()=>r.undo()),onMouseDown:i=>i.preventDefault(),children:[s.jsx(R.Undo,{}),s.jsx(_.VisuallyHidden,{children:e.format("undo")})]}),s.jsx(m.Tooltip.Content,{placement:"top",children:e.format("undo")})]}),s.jsxs(m.Tooltip.Root,{delay:0,closeDelay:0,children:[s.jsxs(Z.IconButton,{size:"xs",variant:"ghost","aria-label":e.format("redo"),isDisabled:!l||t,onPress:o(()=>r.redo()),onMouseDown:i=>i.preventDefault(),children:[s.jsx(R.Redo,{}),s.jsx(_.VisuallyHidden,{children:e.format("redo")})]}),s.jsx(m.Tooltip.Content,{placement:"top",children:e.format("redo")})]})]})]})};Ee.displayName="RichTextToolbar";const ke=t=>{const{ref:e,value:r,defaultValue:o,onChange:n,onFocus:a,onBlur:h,placeholder:u="",isDisabled:d=!1,isReadOnly:f=!1,isInvalid:j=!1,autoFocus:S=!1,...l}=t,i=fe.useSlotRecipe({recipe:Re.richTextInputRecipe}),[x,g]=i.splitVariantProps({...l}),[T,q]=we.extractStyleProps(g),F={"data-disabled":d?"true":void 0,"data-invalid":j?"true":void 0,"data-readonly":f?"true":void 0},b=p.useMemo(()=>{const E=c.createEditor();return Ge(Ce.withHistory(k.withReact(E)))},[]),I=p.useMemo(()=>{const E=r??o??"";try{return E?ee(E):H()}catch(v){return console.warn("Failed to parse initial HTML, using empty value:",v),H()}},[]),[y,B]=p.useState(()=>r??o??""),P=p.useRef(!1),C=p.useRef(null);p.useEffect(()=>{if(P.current||r===void 0||r===y){P.current=!1;return}const E=r?ee(r):H(),v=te(E);b.children=v,b.selection=null,b.history&&(b.history.undos=[],b.history.redos=[]),B(r),b.onChange()},[r,y,b]);const U=p.useCallback(E=>{const v=Pe(E);v!==y&&(P.current=!0,B(v),n&&n(v))},[y,n]),z=te(I);return s.jsx(Le,{role:"group",...x,...T,...q,...F,ref:e,children:s.jsx(je,{ref:C,editor:b,initialValue:z,onChange:U,onFocus:a,onBlur:h,placeholder:u,isDisabled:d,isReadOnly:f,autoFocus:S,toolbar:f?null:s.jsx(Ee,{isDisabled:d})})})};ke.displayName="RichTextInput";exports.RichTextInput=ke;exports.getDefaultExportFromCjs=re;
+//# sourceMappingURL=rich-text-input-CpdpI-1n.cjs.js.map