@commercetools/nimbus 0.0.11 → 0.0.12-rc1

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

@@ -0,0 +1 @@
+{"version":3,"file":"range-calendar-CREtOSp1.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/components/range-calendar.custom-context.tsx","../../src/components/range-calendar/range-calendar.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n} from \"@chakra-ui/react/styled-system\";\nimport { rangeCalendarSlotRecipe } from \"./range-calendar.recipe\";\nimport type { RangeCalendarProps } from \"react-aria-components\";\nimport type { DateValue } from \"@internationalized/date\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"rangeCalendar\",\n});\n\nexport interface RangeCalendarRootSlotProps\n  extends HTMLChakraProps<\n    \"div\",\n    RecipeVariantProps<typeof rangeCalendarSlotRecipe> &\n      RangeCalendarProps<DateValue>\n  > {}\nexport const RangeCalendarRootSlot = withProvider<\n  HTMLDivElement,\n  RangeCalendarRootSlotProps\n>(\"div\", \"root\");\n\nexport interface RangeCalendarHeaderSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const RangeCalendarHeaderSlot = withContext<\n  HTMLDivElement,\n  RangeCalendarHeaderSlotProps\n>(\"div\", \"header\");\n\nexport interface RangeCalendarGridsSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const RangeCalendarGridsSlot = withContext<\n  HTMLDivElement,\n  RangeCalendarGridsSlotProps\n>(\"div\", \"grids\");\n\nexport interface RangeCalendarMonthTitleSlotProps\n  extends HTMLChakraProps<\"div\"> {}\nexport const RangeCalendarMonthTitleSlot = withContext<\n  HTMLDivElement,\n  RangeCalendarMonthTitleSlotProps\n>(\"div\", \"monthTitle\");\n\nexport interface RangeCalendarGridSlotProps extends HTMLChakraProps<\"table\"> {}\nexport const RangeCalendarGridSlot = withContext<\n  HTMLTableElement,\n  RangeCalendarGridSlotProps\n>(\"table\", \"grid\");\n\nexport interface RangeCalendarGridHeaderSlotProps\n  extends HTMLChakraProps<\"thead\"> {}\nexport const RangeCalendarGridHeaderSlot = withContext<\n  HTMLTableSectionElement,\n  RangeCalendarGridHeaderSlotProps\n>(\"thead\", \"gridHeader\");\n\nexport interface RangeCalendarHeaderCellSlotProps\n  extends HTMLChakraProps<\"th\"> {}\nexport const RangeCalendarHeaderCellSlot = withContext<\n  HTMLTableCellElement,\n  RangeCalendarHeaderCellSlotProps\n>(\"th\", \"headerCell\");\n\nexport interface RangeCalendarGridBodySlotProps\n  extends HTMLChakraProps<\"tbody\"> {}\nexport const RangeCalendarGridBodySlot = withContext<\n  HTMLTableSectionElement,\n  RangeCalendarGridBodySlotProps\n>(\"tbody\", \"gridBody\");\n\nexport interface RangeCalendarCellSlotProps extends HTMLChakraProps<\"td\"> {}\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            tone=\"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            tone=\"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            tone=\"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 slot=\"next-year\" size=\"xs\" variant=\"ghost\" tone=\"primary\">\n            <KeyboardArrowRight />\n          </IconButton>\n        </Stack>\n      </Flex>\n    </RangeCalendarHeaderSlot>\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\";\n\nexport const RangeCalendarCustomContext = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\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\": \"Next month\",\n    },\n    \"previous-month\": {\n      onPress: () => calendarState.focusPreviousSection(),\n      \"aria-label\": \"Previous month\",\n    },\n    \"next-year\": {\n      onPress: () => calendarState.focusNextSection(true),\n      \"aria-label\": \"Next year\",\n    },\n    \"previous-year\": {\n      onPress: () => calendarState.focusPreviousSection(true),\n      \"aria-label\": \"Previous year\",\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/extractStyleProps\";\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","RangeCalendarCustomContext","children","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/{select-wZ584ENo.es.js → select-C-s_r1_Z.es.js}

@@ -1,43 +1,45 @@
 import { jsx as c, jsxs as g } from "react/jsx-runtime";
 import p, { useMemo as k, useRef as K, useState as O, forwardRef as Z, createContext as V, useContext as U, useCallback as qe } from "react";
-import { createSlotRecipeContext as Te, useSlotRecipe as je, chakra as Ne, Flex as I } from "@chakra-ui/react";
-import { Close as Ge, Loop as Ue, KeyboardArrowDown as _e } from "@commercetools/nimbus-icons";
-import { B as N } from "./box-DD4jYgS7.es.js";
-import { $ as _, a as We } from "./Button-BsN1D5Hi.es.js";
-import { k as He, b as Je, c as Xe, l as Ye, $ as Qe } from "./Dialog-CFERgD91.es.js";
-import { $ as W, c as H, a as J, b as eo, e as oo, d as ro } from "./utils-CEdpnSRC.es.js";
-import { $ as ao, a as lo } from "./Form-yBl0QZl8.es.js";
-import { $ as X } from "./Label-p7LXqne0.es.js";
-import { a as to, b as io, c as uo, d as so, e as co } from "./ListBox-CiN7qgxV.es.js";
+import { Close as Te, Loop as je, KeyboardArrowDown as Ne } from "@commercetools/nimbus-icons";
+import { B as N } from "./box-Cd4iddEV.es.js";
+import { $ as _, a as Ge } from "./Button-BLHXvl6m.es.js";
+import { k as Ue, b as _e, c as We, l as He, $ as Je } from "./Dialog-CTf0VB6B.es.js";
+import { $ as W, c as H, a as J, b as Xe, e as Ye, d as Qe } from "./utils-C4ruQppN.es.js";
+import { $ as eo, a as oo } from "./Form-yBl0QZl8.es.js";
+import { $ as X } from "./Label-BhU-HP65.es.js";
+import { a as ro, b as ao, c as lo, d as to, e as io } from "./ListBox-0C7L4Sat.es.js";
 import { $ as M } from "./Text-DOcU1ycg.es.js";
-import { m as no, r as bo, h as fo, q as po, i as $o } from "./Separator-CBgksjWN.es.js";
+import { m as uo, r as so, h as co, q as no, i as bo } from "./Separator-ChieGwKF.es.js";
 import { $ as q } from "./filterDOMProps-HzsCnE3d.es.js";
-import { $ as mo, a as vo } from "./OverlayArrow-BEiPDprB.es.js";
-import { $ as ho } from "./useLocalizedStringFormatter-B_O_C-A0.es.js";
-import { a as Po, $ as xo } from "./useFormValidation-D4duh8Fb.es.js";
-import { $ as So } from "./useSingleSelectListState-Dtne-c12.es.js";
-import { $ as Do } from "./useFocusRing-BOPRvfsD.es.js";
-import { $ as G, a as Co, f as zo } from "./mergeProps-Bn6EInU5.es.js";
-import { c as yo } from "./useFocus-DyrL604F.es.js";
-import { $ as Bo } from "./useCollator-BhJcleP-.es.js";
-import { $ as Ro } from "./useField-BGOhsACE.es.js";
-import { $ as go } from "./useFormReset-CC4XkaS0.es.js";
-import { a as ko } from "./VisuallyHidden-CE-SZFGa.es.js";
-import { I as Eo } from "./icon-button-CPBzhg2C.es.js";
-import { s as Fo } from "./select.recipe-CNH8aWdo.es.js";
-import { e as Y } from "./extractStyleProps-CxgBrz3O.es.js";
+import { $ as fo, a as po } from "./OverlayArrow-C1hn2WBd.es.js";
+import { $ as $o } from "./useLocalizedStringFormatter-B_O_C-A0.es.js";
+import { a as mo, $ as vo } from "./useFormValidation-x8TYT3v1.es.js";
+import { $ as ho } from "./useSingleSelectListState-IunZbRoh.es.js";
+import { $ as Po } from "./useFocusRing-BOPRvfsD.es.js";
+import { $ as G, a as xo, e as So } from "./mergeProps-C0OSi2w3.es.js";
+import { c as Do } from "./useFocus-DyrL604F.es.js";
+import { $ as Co } from "./useCollator-BhJcleP-.es.js";
+import { $ as zo } from "./useField-Bj5XOvuD.es.js";
+import { $ as yo } from "./useFormReset-B_4kzDrc.es.js";
+import { a as Bo } from "./VisuallyHidden-vVsCehgl.es.js";
+import { c as Ro, u as go } from "./create-slot-recipe-context-Cv3lncUO.es.js";
+import { I as ko } from "./icon-button-C7MMcLBN.es.js";
+import { h as Eo } from "./index--oJQaJZy.es.js";
+import { e as Y } from "./extractStyleProps-KcWE_ep4.es.js";
+import { c as Fo } from "./factory-BpGQXckI.es.js";
+import { F as I } from "./flex-DgabwPpo.es.js";
 const Q = /* @__PURE__ */ new WeakMap();
 function wo(e, o, i) {
-  let { keyboardDelegate: t, isDisabled: r, isRequired: u, name: d, validationBehavior: a = "aria" } = e, s = Bo({
+  let { keyboardDelegate: t, isDisabled: r, isRequired: u, name: d, validationBehavior: a = "aria" } = e, s = Co({
     usage: "search",
     sensitivity: "base"
-  }), l = k(() => t || new no(o.collection, o.disabledKeys, i, s), [
+  }), l = k(() => t || new uo(o.collection, o.disabledKeys, i, s), [
     t,
     o.collection,
     o.disabledKeys,
     s,
     i
-  ]), { menuTriggerProps: n, menuProps: b } = He({
+  ]), { menuTriggerProps: n, menuProps: b } = Ue({
     isDisabled: r,
     type: "listbox"
   }, o, i), v = (f) => {
@@ -57,13 +59,13 @@ function wo(e, o, i) {
         break;
       }
     }
-  }, { typeSelectProps: m } = bo({
+  }, { typeSelectProps: m } = so({
     keyboardDelegate: l,
     selectionManager: o.selectionManager,
     onTypeSelect(f) {
       o.setSelectedKey(f);
     }
-  }), { isInvalid: h, validationErrors: D, validationDetails: B } = o.displayValidation, { labelProps: E, fieldProps: C, descriptionProps: P, errorMessageProps: F } = Ro({
+  }), { isInvalid: h, validationErrors: D, validationDetails: B } = o.displayValidation, { labelProps: E, fieldProps: C, descriptionProps: P, errorMessageProps: F } = zo({
     ...e,
     labelElementType: "span",
     isInvalid: h,
@@ -72,7 +74,7 @@ function wo(e, o, i) {
   m.onKeyDown = m.onKeyDownCapture, delete m.onKeyDownCapture;
   let w = q(e, {
     labelable: !0
-  }), $ = G(m, n, C), R = Co();
+  }), $ = G(m, n, C), R = xo();
   return Q.set(o, {
     isDisabled: r,
     isRequired: u,
@@ -84,14 +86,14 @@ function wo(e, o, i) {
       onClick: () => {
         if (!e.isDisabled) {
           var f;
-          (f = i.current) === null || f === void 0 || f.focus(), yo("keyboard");
+          (f = i.current) === null || f === void 0 || f.focus(), Do("keyboard");
         }
       }
     },
     triggerProps: G(w, {
       ...$,
       isDisabled: r,
-      onKeyDown: zo($.onKeyDown, v, e.onKeyDown),
+      onKeyDown: So($.onKeyDown, v, e.onKeyDown),
       onKeyUp: e.onKeyUp,
       "aria-labelledby": [
         R,
@@ -131,8 +133,8 @@ function wo(e, o, i) {
   };
 }
 function Ao(e, o, i) {
-  let t = Q.get(o) || {}, { autoComplete: r, name: u = t.name, isDisabled: d = t.isDisabled } = e, { validationBehavior: a, isRequired: s } = t, { visuallyHiddenProps: l } = ko();
-  go(e.selectRef, o.selectedKey, o.setSelectedKey), Po({
+  let t = Q.get(o) || {}, { autoComplete: r, name: u = t.name, isDisabled: d = t.isDisabled } = e, { validationBehavior: a, isRequired: s } = t, { visuallyHiddenProps: l } = Bo();
+  yo(e.selectRef, o.selectedKey, o.setSelectedKey), mo({
     validationBehavior: a,
     focus: () => {
       var b;
@@ -194,12 +196,12 @@ function Lo(e) {
   }) : null;
 }
 function Io(e) {
-  let o = mo(e), [i, t] = O(null), r = So({
+  let o = fo(e), [i, t] = O(null), r = ho({
     ...e,
     onSelectionChange: (l) => {
       e.onSelectionChange != null && e.onSelectionChange(l), o.close(), u.commitValidation();
     }
-  }), u = xo({
+  }), u = vo({
     ...e,
     value: r.selectedKey
   }), [d, a] = O(!1), s = k(() => {
@@ -517,7 +519,7 @@ const T = /* @__PURE__ */ V(null), j = /* @__PURE__ */ V(null), Oo = /* @__PURE_
     u,
     d
   ]);
-  return /* @__PURE__ */ p.createElement(fo, {
+  return /* @__PURE__ */ p.createElement(co, {
     content: a
   }, (s) => /* @__PURE__ */ p.createElement(Vo, {
     props: o,
@@ -530,17 +532,17 @@ const T = /* @__PURE__ */ V(null), j = /* @__PURE__ */ V(null), Oo = /* @__PURE_
   M
 ];
 function Vo({ props: e, selectRef: o, collection: i }) {
-  let { validationBehavior: t } = H(ao) || {};
+  let { validationBehavior: t } = H(eo) || {};
   var r, u;
   let d = (u = (r = e.validationBehavior) !== null && r !== void 0 ? r : t) !== null && u !== void 0 ? u : "native", a = Io({
     ...e,
     collection: i,
     children: void 0,
     validationBehavior: d
-  }), { isFocusVisible: s, focusProps: l } = Do({
+  }), { isFocusVisible: s, focusProps: l } = Po({
     within: !0
-  }), n = K(null), [b, v] = eo(!e["aria-label"] && !e["aria-labelledby"]), { labelProps: m, triggerProps: h, valueProps: D, menuProps: B, descriptionProps: E, errorMessageProps: C, ...P } = wo({
-    ...oo(e),
+  }), n = K(null), [b, v] = Xe(!e["aria-label"] && !e["aria-labelledby"]), { labelProps: m, triggerProps: h, valueProps: D, menuProps: B, descriptionProps: E, errorMessageProps: C, ...P } = wo({
+    ...Ye(e),
     label: v,
     validationBehavior: d
   }, a, n), [F, w] = O(null), $ = qe(() => {
@@ -548,7 +550,7 @@ function Vo({ props: e, selectRef: o, collection: i }) {
   }, [
     n
   ]);
-  vo({
+  po({
     ref: n,
     onResize: $
   });
@@ -573,7 +575,7 @@ function Vo({ props: e, selectRef: o, collection: i }) {
   }), x = q(e);
   delete x.id;
   let S = K(null);
-  return /* @__PURE__ */ p.createElement(ro, {
+  return /* @__PURE__ */ p.createElement(Qe, {
     values: [
       [
         T,
@@ -605,11 +607,11 @@ function Vo({ props: e, selectRef: o, collection: i }) {
         }
       ],
       [
-        Je,
+        _e,
         a
       ],
       [
-        Xe,
+        We,
         {
           trigger: "Select",
           triggerRef: n,
@@ -623,14 +625,14 @@ function Vo({ props: e, selectRef: o, collection: i }) {
         }
       ],
       [
-        to,
+        ro,
         {
           ...B,
           ref: S
         }
       ],
       [
-        io,
+        ao,
         a
       ],
       [
@@ -643,7 +645,7 @@ function Vo({ props: e, selectRef: o, collection: i }) {
         }
       ],
       [
-        lo,
+        oo,
         P
       ]
     ]
@@ -682,7 +684,7 @@ const Ie = /* @__PURE__ */ V(null), Mo = /* @__PURE__ */ Z(function(o, i) {
     selectionMode: "single",
     selectionBehavior: "toggle"
   }));
-  let l = ho(Ko(Le), "react-aria-components");
+  let l = $o(Ko(Le), "react-aria-components");
   var n, b, v;
   let m = J({
     ...o,
@@ -702,15 +704,15 @@ const Ie = /* @__PURE__ */ V(null), Mo = /* @__PURE__ */ Z(function(o, i) {
   }, /* @__PURE__ */ p.createElement(M.Provider, {
     value: void 0
   }, m.children));
-}), { withProvider: qo, withContext: y } = /* @__PURE__ */ Te({
+}), { withProvider: qo, withContext: y } = /* @__PURE__ */ Ro({
   key: "select"
 }), To = /* @__PURE__ */ qo(
   "div",
   "root"
 ), jo = /* @__PURE__ */ y("button", "trigger"), No = /* @__PURE__ */ y("span", "triggerLabel"), Go = /* @__PURE__ */ y("div", "options"), Uo = /* @__PURE__ */ y("div", "option"), _o = /* @__PURE__ */ y("div", "optionGroup"), Ke = () => {
   const e = U(j);
-  return e?.selectedKey ? /* @__PURE__ */ c(Ye, { children: /* @__PURE__ */ c(
-    Eo,
+  return e?.selectedKey ? /* @__PURE__ */ c(He, { children: /* @__PURE__ */ c(
+    ko,
     {
       pointerEvents: "all",
       size: "2xs",
@@ -720,20 +722,20 @@ const Ie = /* @__PURE__ */ V(null), Mo = /* @__PURE__ */ Z(function(o, i) {
       onPress: () => {
         e?.setSelectedKey(null);
       },
-      children: /* @__PURE__ */ c(Ge, {})
+      children: /* @__PURE__ */ c(Te, {})
     }
   ) }) : null;
 };
 Ke.displayName = "Select.ClearButton";
 const Oe = /* @__PURE__ */ Z(
   ({ children: e, isLoading: o, isDisabled: i, ...t }, r) => {
-    const u = je({ recipe: Fo }), [d, a] = u.splitVariantProps(t), [s, l] = Y(a), n = {
+    const u = go({ recipe: Eo }), [d, a] = u.splitVariantProps(t), [s, l] = Y(a), n = {
       ...l,
       isDisabled: o || i
     };
     return /* @__PURE__ */ c(To, { asChild: !0, ref: r, ...d, ...s, children: /* @__PURE__ */ g(Oo, { ...n, children: [
-      /* @__PURE__ */ g(Ne.div, { position: "relative", children: [
-        /* @__PURE__ */ c(jo, { zIndex: 0, asChild: !0, children: /* @__PURE__ */ c(We, { children: /* @__PURE__ */ c(No, { asChild: !0, children: /* @__PURE__ */ c(Mo, {}) }) }) }),
+      /* @__PURE__ */ g(Fo.div, { position: "relative", children: [
+        /* @__PURE__ */ c(jo, { zIndex: 0, asChild: !0, children: /* @__PURE__ */ c(Ge, { children: /* @__PURE__ */ c(No, { asChild: !0, children: /* @__PURE__ */ c(Mo, {}) }) }) }),
         /* @__PURE__ */ g(
           I,
           {
@@ -745,24 +747,24 @@ const Oe = /* @__PURE__ */ Z(
             pointerEvents: "none",
             children: [
               /* @__PURE__ */ c(I, { width: "600", my: "auto", children: /* @__PURE__ */ c(Ke, {}) }),
-              /* @__PURE__ */ c(I, { my: "auto", w: "600", h: "600", pointerEvents: "none", children: /* @__PURE__ */ c(N, { color: "neutral.9", asChild: !0, m: "auto", w: "400", h: "400", children: o ? /* @__PURE__ */ c(N, { asChild: !0, animation: "spin", animationDuration: "slowest", children: /* @__PURE__ */ c(Ue, {}) }) : /* @__PURE__ */ c(_e, {}) }) })
+              /* @__PURE__ */ c(I, { my: "auto", w: "600", h: "600", pointerEvents: "none", children: /* @__PURE__ */ c(N, { color: "neutral.9", asChild: !0, m: "auto", w: "400", h: "400", children: o ? /* @__PURE__ */ c(N, { asChild: !0, animation: "spin", animationDuration: "slowest", children: /* @__PURE__ */ c(je, {}) }) : /* @__PURE__ */ c(Ne, {}) }) })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ c(Qe, { children: e })
+      /* @__PURE__ */ c(Je, { children: e })
     ] }) });
   }
 );
 Oe.displayName = "Select.Root";
 const Ze = (e) => {
   const { ref: o, ...i } = e, [t, r] = Y(i);
-  return /* @__PURE__ */ c(Go, { asChild: !0, ...t, children: /* @__PURE__ */ c(uo, { ref: o, ...r }) });
+  return /* @__PURE__ */ c(Go, { asChild: !0, ...t, children: /* @__PURE__ */ c(lo, { ref: o, ...r }) });
 };
 Ze.displayName = "Select.Options";
 const Ve = (e) => {
   const { ref: o, ...i } = e;
-  return /* @__PURE__ */ c(Uo, { asChild: !0, ref: o, children: /* @__PURE__ */ c(so, { ...i }) });
+  return /* @__PURE__ */ c(Uo, { asChild: !0, ref: o, children: /* @__PURE__ */ c(to, { ...i }) });
 };
 Ve.displayName = "Select.Option";
 const Me = (e) => {
@@ -771,23 +773,23 @@ const Me = (e) => {
     throw new Error(
       'SelectOptionGroup: When "items" is provided, "children" must be a function'
     );
-  return /* @__PURE__ */ g(co, { ref: o, ...u, children: [
-    /* @__PURE__ */ c(_o, { asChild: !0, children: /* @__PURE__ */ c(po, { children: i }) }),
-    t ? /* @__PURE__ */ c($o, { items: t, children: (d) => typeof r == "function" ? r(d) : null }) : r
+  return /* @__PURE__ */ g(io, { ref: o, ...u, children: [
+    /* @__PURE__ */ c(_o, { asChild: !0, children: /* @__PURE__ */ c(no, { children: i }) }),
+    t ? /* @__PURE__ */ c(bo, { items: t, children: (d) => typeof r == "function" ? r(d) : null }) : r
   ] });
 };
 Me.displayName = "Select.OptionGroup";
-const Dr = {
+const zr = {
   Root: Oe,
   Options: Ze,
   Option: Ve,
   OptionGroup: Me
 };
 export {
-  Dr as S,
+  zr as S,
   Oe as a,
   Ze as b,
   Ve as c,
   Me as d
 };
-//# sourceMappingURL=select-wZ584ENo.es.js.map
+//# sourceMappingURL=select-C-s_r1_Z.es.js.map