@commercetools/nimbus 0.0.12-rc3 → 0.0.12-rc4

package/dist/chunks/{date-range-picker-Dh-F7d4e.es.js → date-range-picker-Dtji64Q9.es.js}

@@ -1,19 +1,19 @@
 import { jsxs as m, jsx as n } from "react/jsx-runtime";
-import { g as T } from "./index-Dvel3Oj5.es.js";
-import { c as V, u as E } from "./create-slot-recipe-context--T0CaFjW.es.js";
+import { createSlotRecipeContext as V, useSlotRecipe as E } from "@chakra-ui/react/styled-system";
+import { g as T } from "./index-jAeaCpRm.es.js";
 import { Close as w, CalendarMonth as z } from "@commercetools/nimbus-icons";
-import { b as I, c as F } from "./DatePicker-BthC1bZ_.es.js";
-import { $ as W, a as j } from "./Dialog-BeQ6Z6l2.es.js";
+import { b as I, c as W } from "./DatePicker-BthC1bZ_.es.js";
+import { $ as j, a as F } from "./Dialog-BeQ6Z6l2.es.js";
 import { $ as A } from "./Group-Cfixd-fh.es.js";
-import { e as B } from "./extractStyleProps-D6vCCKog.es.js";
-import { I as y } from "./icon-button-EonZGbth.es.js";
-import { T as S } from "./text-DSjt3Sqv.es.js";
-import { D as C } from "./date-input-BR6daiWa.es.js";
-import { R as G } from "./range-calendar-DxPBRKpW.es.js";
-import { T as D } from "./time-input-Us0JugnD.es.js";
+import { e as B } from "./extractStyleProps-vA4cNUoc.es.js";
+import { I as y } from "./icon-button-C20Gw8gQ.es.js";
+import { T as S } from "./text-DfQpupDi.es.js";
+import { D as C } from "./date-input-D5unoyMt.es.js";
+import { R as G } from "./range-calendar-BOP_J_5a.es.js";
+import { T as D } from "./time-input-CI_HoOGU.es.js";
 import { useContext as k, useRef as P, useEffect as O } from "react";
 import { $ as q } from "./context-R4YUlO9Y.es.js";
-import { F as x } from "./flex-BFC_f5BH.es.js";
+import { Flex as x } from "@chakra-ui/react/flex";
 import { $ as R } from "./Button-CNBS3n5a.es.js";
 import { c as H, d as L } from "./utils-BkdW_cdL.es.js";
 import { d as M } from "./DateField-Dm2Qlhbk.es.js";
@@ -199,7 +199,7 @@ const { withProvider: N, withContext: $ } = /* @__PURE__ */ V({
 }, _ = (o) => {
   const { granularity: i = "day", hideTimeZone: e, hourCycle: s } = o, p = E({ recipe: T }), [r, f] = p.splitVariantProps(o), [c, d] = B(f), { size: u = "md" } = r, l = u === "md" ? "xs" : "2xs", h = i === "day" ? o.shouldCloseOnSelect : !1;
   return /* @__PURE__ */ n(J, { ...r, ...c, asChild: !0, children: /* @__PURE__ */ n(
-    F,
+    W,
     {
       ...d,
       shouldCloseOnSelect: h,
@@ -262,7 +262,7 @@ const { withProvider: N, withContext: $ } = /* @__PURE__ */ V({
             )
           ] })
         ] }) }),
-        /* @__PURE__ */ n(U, { asChild: !0, children: /* @__PURE__ */ n(W, { placement: "bottom end", children: /* @__PURE__ */ m(j, { children: [
+        /* @__PURE__ */ n(U, { asChild: !0, children: /* @__PURE__ */ n(j, { placement: "bottom end", children: /* @__PURE__ */ m(F, { children: [
           /* @__PURE__ */ n(X, { children: /* @__PURE__ */ n(G, {}) }),
           /* @__PURE__ */ n(
             Y,
@@ -280,4 +280,4 @@ _.displayName = "DateRangePicker";
 export {
   _ as D
 };
-//# sourceMappingURL=date-range-picker-Dh-F7d4e.es.js.map
+//# sourceMappingURL=date-range-picker-Dtji64Q9.es.js.map

package/dist/chunks/{date-range-picker-Dh-F7d4e.es.js.map → date-range-picker-Dtji64Q9.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"date-range-picker-Dh-F7d4e.es.js","sources":["../../src/components/date-range-picker/date-range-picker.slots.tsx","../../src/components/date-range-picker/components/date-range-picker.time-input.tsx","../../src/components/date-range-picker/components/date-range-picker.custom-context.tsx","../../src/components/date-range-picker/date-range-picker.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { dateRangePickerSlotRecipe } from \"./date-range-picker.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\ninterface DateRangePickerRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface DateRangePickerRootProps\n  extends HTMLChakraProps<\"div\", DateRangePickerRecipeProps> {}\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: dateRangePickerSlotRecipe,\n});\n\n/**\n * Root component that provides the styling context for the DateRangePicker component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const DateRangePickerRootSlot = withProvider<\n  HTMLDivElement,\n  DateRangePickerRootProps\n>(\"div\", \"root\");\n\n/**\n * Slot component for the input group containing the DateInput and trigger button.\n */\nexport const DateRangePickerGroupSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"group\");\n\n/**\n * Slot component for the trigger button that opens the calendar popover.\n */\nexport const DateRangePickerTriggerSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"trigger\");\n\n/**\n * Slot component for the popover container.\n */\nexport const DateRangePickerPopoverSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"popover\");\n\n/**\n * Slot component for the calendar container within the popover.\n */\nexport const DateRangePickerCalendarSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"calendar\");\n\n/**\n * Slot component for the calendar header.\n */\nexport const DateRangePickerCalendarHeaderSlot = withContext<\n  HTMLElement,\n  HTMLChakraProps<\"header\">\n>(\"header\", \"calendarHeader\");\n\n/**\n * Slot component for the calendar grid.\n */\nexport const DateRangePickerCalendarGridSlot = withContext<\n  HTMLTableElement,\n  HTMLChakraProps<\"table\">\n>(\"table\", \"calendarGrid\");\n\n/**\n * Slot component for individual calendar cells.\n */\nexport const DateRangePickerCalendarCellSlot = withContext<\n  HTMLTableCellElement,\n  HTMLChakraProps<\"td\">\n>(\"td\", \"calendarCell\");\n","import { Flex, Text, TimeInput } from \"@/components\";\nimport { useContext, useRef, useEffect } from \"react\";\nimport { useLocale } from \"react-aria\";\nimport { DateRangePickerStateContext } from \"react-aria-components\";\nimport type { DateRangePickerTimeInputProps } from \"../date-range-picker.types\";\n\nexport const DateRangePickerTimeInput = ({\n  hideTimeZone,\n  hourCycle,\n}: DateRangePickerTimeInputProps) => {\n  const { locale } = useLocale();\n  const dateRangePickerState = useContext(DateRangePickerStateContext);\n  const { granularity, value } = dateRangePickerState!;\n  const timeInputRef = useRef<HTMLDivElement>(null);\n  const previousValueRef = useRef(value);\n\n  // do not show up to the party if you're not invited\n  if (granularity === \"day\") {\n    return null;\n  }\n\n  // Focus the time input when date range changes (user selects dates from calendar)\n  useEffect(() => {\n    let timeoutId: ReturnType<typeof setTimeout> | undefined;\n\n    // Check if date range changed by comparing start and end dates\n    const hasValueChanged =\n      (value?.start &&\n        previousValueRef.current?.start?.compare(value.start) !== 0) ||\n      (value?.end && previousValueRef.current?.end?.compare(value.end) !== 0);\n\n    if (hasValueChanged) {\n      // Only auto-focus if no time input segment currently has focus\n      // This prevents stealing focus during user interaction with time segments\n      const container = timeInputRef.current;\n      const activeElement = document.activeElement;\n      const hasTimeSegmentFocus =\n        container?.contains(activeElement) &&\n        activeElement?.getAttribute(\"role\") === \"spinbutton\";\n\n      if (!hasTimeSegmentFocus) {\n        // Small delay to ensure the DOM is ready\n        timeoutId = setTimeout(() => {\n          // Find the first focusable segment within the time input container\n          if (container) {\n            const firstSegment = container.querySelector(\n              '[role=\"spinbutton\"]'\n            ) as HTMLElement;\n\n            if (firstSegment) {\n              firstSegment.focus();\n            }\n          }\n        }, 50);\n      }\n    }\n\n    previousValueRef.current = value;\n\n    // Cleanup timeout on effect re-run or unmount to prevent memory leaks\n    return () => {\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n    };\n  }, [value]);\n\n  return (\n    <Flex\n      ref={timeInputRef}\n      borderTop=\"solid-25\"\n      borderColor=\"neutral.3\"\n      py=\"300\"\n      px=\"400\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      gap=\"200\"\n    >\n      {/* Start DateInput with separate label */}\n      <Flex alignItems=\"center\" gap=\"200\">\n        {/* TODO: translate hardcoded string */}\n        <Text\n          textStyle=\"xs\"\n          fontWeight=\"500\"\n          color=\"neutral.12\"\n          minWidth=\"fit-content\"\n        >\n          Start time\n        </Text>\n        <TimeInput\n          slot=\"startTimeInput\"\n          locale={locale}\n          variant=\"ghost\"\n          size=\"sm\"\n          hideTimeZone={hideTimeZone}\n          hourCycle={hourCycle}\n        />\n      </Flex>\n\n      {/* End DateInput with separate label */}\n      <Flex alignItems=\"center\" gap=\"200\">\n        {/* TODO: translate hardcoded string */}\n        <Text\n          textStyle=\"xs\"\n          fontWeight=\"500\"\n          color=\"neutral.12\"\n          minWidth=\"fit-content\"\n        >\n          End time\n        </Text>\n        <TimeInput\n          slot=\"endTimeInput\"\n          locale={locale}\n          variant=\"ghost\"\n          size=\"sm\"\n          hideTimeZone={hideTimeZone}\n          hourCycle={hourCycle}\n        />\n      </Flex>\n    </Flex>\n  );\n};\n","import { useContext, type ReactNode } from \"react\";\nimport {\n  Provider,\n  ButtonContext,\n  DateRangePickerStateContext,\n  TimeFieldContext,\n  useSlottedContext,\n} from \"react-aria-components\";\nimport type { PressEvent, TimeValue } from \"react-aria\";\n\nexport const DateRangePickerCustomContext = ({\n  children,\n}: {\n  children: ReactNode;\n}) => {\n  const buttonContext = useSlottedContext(ButtonContext) || {};\n  const dateRangePickerState = useContext(DateRangePickerStateContext);\n\n  // Check if all 6 segments (start: day, month, year; end: day, month, year) have values\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const hasCompleteRangeDate = (date: any) =>\n    date?.day && date?.month && date?.year;\n\n  const incompleteValue =\n    !dateRangePickerState?.value ||\n    !hasCompleteRangeDate(dateRangePickerState.value.start) ||\n    !hasCompleteRangeDate(dateRangePickerState.value.end);\n\n  const { granularity } = dateRangePickerState!;\n\n  // Extract time values from start and end dates separately\n  const startTimeValue =\n    dateRangePickerState?.value?.start &&\n    \"hour\" in dateRangePickerState.value.start\n      ? dateRangePickerState.value.start\n      : null;\n  const endTimeValue =\n    dateRangePickerState?.value?.end && \"hour\" in dateRangePickerState.value.end\n      ? dateRangePickerState.value.end\n      : null;\n\n  // Try to get disabled state from the button context\n  const isDateRangePickerDisabled = buttonContext?.isDisabled;\n\n  // Generate default aria-label based on granularity if not provided\n  const getDefaultTimeInputAriaLabel = (type: \"start\" | \"end\") => {\n    const prefix = type === \"start\" ? \"Start\" : \"End\";\n    switch (granularity) {\n      case \"hour\":\n        return `${prefix} time (hour)`;\n      case \"minute\":\n        return `${prefix} time (hour and minute)`;\n      case \"second\":\n        return `${prefix} time (hour, minute, and second)`;\n      default:\n        return `${prefix} time`;\n    }\n  };\n\n  /**\n   * Button slots\n   * ================================\n   */\n  const buttonSlots = {\n    /** toggles the calendar popover */\n    calendarToggle: {\n      ...buttonContext,\n      onPress: (event: PressEvent) => {\n        // Ensure any active input (e.g., date picker segment) loses focus\n        // because blurring the input will close the popover if it's open (or was just opened)\n        const activeElement = document?.activeElement as HTMLElement | null;\n\n        if (activeElement) {\n          activeElement.blur();\n        }\n\n        buttonContext.onPress?.(event);\n      },\n    },\n    /** Clear button that displays when there's a value in each segment - hidden from both visual and screen readers when there's no value */\n    clear: {\n      // Clear both start and end values\n      onPress: () => dateRangePickerState?.setValue(null),\n      \"aria-label\": \"Clear input value\",\n      isDisabled: isDateRangePickerDisabled,\n      // Hide the button when there's no value\n      style: incompleteValue ? { display: \"none\" } : undefined,\n      \"aria-hidden\": incompleteValue ? true : undefined,\n    },\n  };\n\n  /**\n   * TimeInput slots\n   * ================================\n   */\n\n  // Separate time input slots for start and end times\n  const timeInputSlots = {\n    startTimeInput: {\n      value: startTimeValue,\n      onChange: (value: TimeValue | null) => {\n        if (value !== null && dateRangePickerState?.value?.start) {\n          // Update the start date with the new time\n          const currentValue = dateRangePickerState.value;\n          const startDate = currentValue.start;\n          const endDate = currentValue.end;\n          if (startDate && endDate) {\n            const newStartDate = startDate.set({\n              hour: value.hour,\n              minute: value.minute || 0,\n              second: value.second || 0,\n              millisecond: value.millisecond || 0,\n            });\n\n            dateRangePickerState.setValue({\n              start: newStartDate,\n              end: endDate,\n            });\n          }\n        }\n      },\n      granularity: granularity === \"day\" ? undefined : granularity,\n      \"aria-label\": getDefaultTimeInputAriaLabel(\"start\"),\n    },\n    endTimeInput: {\n      value: endTimeValue,\n      onChange: (value: TimeValue | null) => {\n        if (value !== null && dateRangePickerState?.value?.end) {\n          // Update the end date with the new time\n          const currentValue = dateRangePickerState.value;\n          const startDate = currentValue.start;\n          const endDate = currentValue.end;\n          if (startDate && endDate) {\n            const newEndDate = endDate.set({\n              hour: value.hour,\n              minute: value.minute || 0,\n              second: value.second || 0,\n              millisecond: value.millisecond || 0,\n            });\n\n            dateRangePickerState.setValue({\n              start: startDate,\n              end: newEndDate,\n            });\n          }\n        }\n      },\n      granularity: granularity === \"day\" ? undefined : granularity,\n      \"aria-label\": getDefaultTimeInputAriaLabel(\"end\"),\n    },\n  };\n\n  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          {\n            slots: buttonSlots,\n          },\n        ],\n        [TimeFieldContext, { slots: timeInputSlots }],\n      ]}\n    >\n      {children}\n    </Provider>\n  );\n};\n","import {\n  DateRangePickerRootSlot,\n  DateRangePickerGroupSlot,\n  DateRangePickerTriggerSlot,\n  DateRangePickerPopoverSlot,\n  DateRangePickerCalendarSlot,\n} from \"./date-range-picker.slots\";\n\nimport { CalendarMonth, Close } from \"@commercetools/nimbus-icons\";\n\nimport {\n  DateRangePicker as ReactAriaDateRangePicker,\n  Group,\n  Popover,\n  Dialog,\n} from \"react-aria-components\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { dateRangePickerSlotRecipe } from \"./date-range-picker.recipe\";\nimport type { DateRangePickerProps } from \"./date-range-picker.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { DateInput, RangeCalendar, IconButton, Text } from \"@/components\";\nimport { DateRangePickerTimeInput } from \"./components/date-range-picker.time-input\";\nimport { DateRangePickerCustomContext } from \"./components/date-range-picker.custom-context\";\n\n/**\n * DateRangePicker\n * ============================================================\n * Combines a DateInput with a RangeCalendar popover for date range selection.\n * Users can either type a date range directly or select from the calendar.\n */\nexport const DateRangePicker = (props: DateRangePickerProps) => {\n  // Forward hideTimeZone and hourCycle to child components (footer time inputs)\n  const { granularity = \"day\", hideTimeZone, hourCycle } = props;\n  const recipe = useSlotRecipe({ recipe: dateRangePickerSlotRecipe });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n  // Extract size and variant from recipe props to pass to DateInputs\n  const { size = \"md\" } = recipeProps;\n\n  // the size of the buttons overlaying the input\n  const overlayButtonSize = size === \"md\" ? \"xs\" : \"2xs\";\n\n  // When granularity is \"day\", use the prop value (defaults to true if not provided)\n  // For other granularities (time-based), force to false so users can set both date and time\n  const shouldCloseOnSelect =\n    granularity === \"day\" ? props.shouldCloseOnSelect : false;\n\n  return (\n    <DateRangePickerRootSlot {...recipeProps} {...styleProps} asChild>\n      <ReactAriaDateRangePicker\n        {...otherProps}\n        shouldCloseOnSelect={shouldCloseOnSelect}\n      >\n        <DateRangePickerCustomContext>\n          <DateRangePickerGroupSlot asChild>\n            <Group>\n              <DateInput\n                slot=\"start\"\n                size={size}\n                variant=\"plain\"\n                width=\"auto\"\n                hideTimeZone={hideTimeZone}\n                hourCycle={hourCycle}\n              />\n              <Text\n                as=\"span\"\n                px=\"150\"\n                color=\"neutral.11\"\n                userSelect=\"none\"\n                aria-hidden=\"true\"\n                slot={null}\n              >\n                –\n              </Text>\n              <DateInput\n                slot=\"end\"\n                size={size}\n                variant=\"plain\"\n                width=\"auto\"\n                hideTimeZone={hideTimeZone}\n                hourCycle={hourCycle}\n              />\n              <DateRangePickerTriggerSlot>\n                {/* @ts-expect-error react aria is adding the aria-label prop */}\n                <IconButton\n                  tone=\"primary\"\n                  variant=\"ghost\"\n                  size={overlayButtonSize}\n                  slot=\"clear\"\n                >\n                  <Close />\n                </IconButton>\n                {/* @ts-expect-error react aria is adding the aria-label prop */}\n                <IconButton\n                  tone=\"primary\"\n                  variant=\"ghost\"\n                  size={overlayButtonSize}\n                  slot=\"calendarToggle\"\n                >\n                  <CalendarMonth />\n                </IconButton>\n              </DateRangePickerTriggerSlot>\n            </Group>\n          </DateRangePickerGroupSlot>\n          <DateRangePickerPopoverSlot asChild>\n            <Popover placement=\"bottom end\">\n              <Dialog>\n                <DateRangePickerCalendarSlot>\n                  <RangeCalendar />\n                </DateRangePickerCalendarSlot>\n                <DateRangePickerTimeInput\n                  hideTimeZone={hideTimeZone}\n                  hourCycle={hourCycle}\n                />\n              </Dialog>\n            </Popover>\n          </DateRangePickerPopoverSlot>\n        </DateRangePickerCustomContext>\n      </ReactAriaDateRangePicker>\n    </DateRangePickerRootSlot>\n  );\n};\n\nDateRangePicker.displayName = \"DateRangePicker\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","dateRangePickerSlotRecipe","DateRangePickerRootSlot","DateRangePickerGroupSlot","DateRangePickerTriggerSlot","DateRangePickerPopoverSlot","DateRangePickerCalendarSlot","DateRangePickerTimeInput","hideTimeZone","hourCycle","locale","useLocale","dateRangePickerState","useContext","DateRangePickerStateContext","granularity","value","timeInputRef","useRef","previousValueRef","useEffect","timeoutId","container","activeElement","firstSegment","jsxs","Flex","jsx","Text","TimeInput","DateRangePickerCustomContext","children","buttonContext","useSlottedContext","ButtonContext","hasCompleteRangeDate","date","incompleteValue","startTimeValue","endTimeValue","isDateRangePickerDisabled","getDefaultTimeInputAriaLabel","type","prefix","buttonSlots","event","timeInputSlots","currentValue","startDate","endDate","newStartDate","newEndDate","Provider","TimeFieldContext","DateRangePicker","props","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","size","overlayButtonSize","shouldCloseOnSelect","ReactAriaDateRangePicker","Group","DateInput","IconButton","Close","CalendarMonth","Popover","Dialog","RangeCalendar"],"mappings":"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"}
+{"version":3,"file":"date-range-picker-Dtji64Q9.es.js","sources":["../../src/components/date-range-picker/date-range-picker.slots.tsx","../../src/components/date-range-picker/components/date-range-picker.time-input.tsx","../../src/components/date-range-picker/components/date-range-picker.custom-context.tsx","../../src/components/date-range-picker/date-range-picker.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { dateRangePickerSlotRecipe } from \"./date-range-picker.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\ninterface DateRangePickerRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface DateRangePickerRootProps\n  extends HTMLChakraProps<\"div\", DateRangePickerRecipeProps> {}\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: dateRangePickerSlotRecipe,\n});\n\n/**\n * Root component that provides the styling context for the DateRangePicker component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const DateRangePickerRootSlot = withProvider<\n  HTMLDivElement,\n  DateRangePickerRootProps\n>(\"div\", \"root\");\n\n/**\n * Slot component for the input group containing the DateInput and trigger button.\n */\nexport const DateRangePickerGroupSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"group\");\n\n/**\n * Slot component for the trigger button that opens the calendar popover.\n */\nexport const DateRangePickerTriggerSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"trigger\");\n\n/**\n * Slot component for the popover container.\n */\nexport const DateRangePickerPopoverSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"popover\");\n\n/**\n * Slot component for the calendar container within the popover.\n */\nexport const DateRangePickerCalendarSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"calendar\");\n\n/**\n * Slot component for the calendar header.\n */\nexport const DateRangePickerCalendarHeaderSlot = withContext<\n  HTMLElement,\n  HTMLChakraProps<\"header\">\n>(\"header\", \"calendarHeader\");\n\n/**\n * Slot component for the calendar grid.\n */\nexport const DateRangePickerCalendarGridSlot = withContext<\n  HTMLTableElement,\n  HTMLChakraProps<\"table\">\n>(\"table\", \"calendarGrid\");\n\n/**\n * Slot component for individual calendar cells.\n */\nexport const DateRangePickerCalendarCellSlot = withContext<\n  HTMLTableCellElement,\n  HTMLChakraProps<\"td\">\n>(\"td\", \"calendarCell\");\n","import { Flex, Text, TimeInput } from \"@/components\";\nimport { useContext, useRef, useEffect } from \"react\";\nimport { useLocale } from \"react-aria\";\nimport { DateRangePickerStateContext } from \"react-aria-components\";\nimport type { DateRangePickerTimeInputProps } from \"../date-range-picker.types\";\n\nexport const DateRangePickerTimeInput = ({\n  hideTimeZone,\n  hourCycle,\n}: DateRangePickerTimeInputProps) => {\n  const { locale } = useLocale();\n  const dateRangePickerState = useContext(DateRangePickerStateContext);\n  const { granularity, value } = dateRangePickerState!;\n  const timeInputRef = useRef<HTMLDivElement>(null);\n  const previousValueRef = useRef(value);\n\n  // do not show up to the party if you're not invited\n  if (granularity === \"day\") {\n    return null;\n  }\n\n  // Focus the time input when date range changes (user selects dates from calendar)\n  useEffect(() => {\n    let timeoutId: ReturnType<typeof setTimeout> | undefined;\n\n    // Check if date range changed by comparing start and end dates\n    const hasValueChanged =\n      (value?.start &&\n        previousValueRef.current?.start?.compare(value.start) !== 0) ||\n      (value?.end && previousValueRef.current?.end?.compare(value.end) !== 0);\n\n    if (hasValueChanged) {\n      // Only auto-focus if no time input segment currently has focus\n      // This prevents stealing focus during user interaction with time segments\n      const container = timeInputRef.current;\n      const activeElement = document.activeElement;\n      const hasTimeSegmentFocus =\n        container?.contains(activeElement) &&\n        activeElement?.getAttribute(\"role\") === \"spinbutton\";\n\n      if (!hasTimeSegmentFocus) {\n        // Small delay to ensure the DOM is ready\n        timeoutId = setTimeout(() => {\n          // Find the first focusable segment within the time input container\n          if (container) {\n            const firstSegment = container.querySelector(\n              '[role=\"spinbutton\"]'\n            ) as HTMLElement;\n\n            if (firstSegment) {\n              firstSegment.focus();\n            }\n          }\n        }, 50);\n      }\n    }\n\n    previousValueRef.current = value;\n\n    // Cleanup timeout on effect re-run or unmount to prevent memory leaks\n    return () => {\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n    };\n  }, [value]);\n\n  return (\n    <Flex\n      ref={timeInputRef}\n      borderTop=\"solid-25\"\n      borderColor=\"neutral.3\"\n      py=\"300\"\n      px=\"400\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      gap=\"200\"\n    >\n      {/* Start DateInput with separate label */}\n      <Flex alignItems=\"center\" gap=\"200\">\n        {/* TODO: translate hardcoded string */}\n        <Text\n          textStyle=\"xs\"\n          fontWeight=\"500\"\n          color=\"neutral.12\"\n          minWidth=\"fit-content\"\n        >\n          Start time\n        </Text>\n        <TimeInput\n          slot=\"startTimeInput\"\n          locale={locale}\n          variant=\"ghost\"\n          size=\"sm\"\n          hideTimeZone={hideTimeZone}\n          hourCycle={hourCycle}\n        />\n      </Flex>\n\n      {/* End DateInput with separate label */}\n      <Flex alignItems=\"center\" gap=\"200\">\n        {/* TODO: translate hardcoded string */}\n        <Text\n          textStyle=\"xs\"\n          fontWeight=\"500\"\n          color=\"neutral.12\"\n          minWidth=\"fit-content\"\n        >\n          End time\n        </Text>\n        <TimeInput\n          slot=\"endTimeInput\"\n          locale={locale}\n          variant=\"ghost\"\n          size=\"sm\"\n          hideTimeZone={hideTimeZone}\n          hourCycle={hourCycle}\n        />\n      </Flex>\n    </Flex>\n  );\n};\n","import { useContext, type ReactNode } from \"react\";\nimport {\n  Provider,\n  ButtonContext,\n  DateRangePickerStateContext,\n  TimeFieldContext,\n  useSlottedContext,\n} from \"react-aria-components\";\nimport type { PressEvent, TimeValue } from \"react-aria\";\n\nexport const DateRangePickerCustomContext = ({\n  children,\n}: {\n  children: ReactNode;\n}) => {\n  const buttonContext = useSlottedContext(ButtonContext) || {};\n  const dateRangePickerState = useContext(DateRangePickerStateContext);\n\n  // Check if all 6 segments (start: day, month, year; end: day, month, year) have values\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const hasCompleteRangeDate = (date: any) =>\n    date?.day && date?.month && date?.year;\n\n  const incompleteValue =\n    !dateRangePickerState?.value ||\n    !hasCompleteRangeDate(dateRangePickerState.value.start) ||\n    !hasCompleteRangeDate(dateRangePickerState.value.end);\n\n  const { granularity } = dateRangePickerState!;\n\n  // Extract time values from start and end dates separately\n  const startTimeValue =\n    dateRangePickerState?.value?.start &&\n    \"hour\" in dateRangePickerState.value.start\n      ? dateRangePickerState.value.start\n      : null;\n  const endTimeValue =\n    dateRangePickerState?.value?.end && \"hour\" in dateRangePickerState.value.end\n      ? dateRangePickerState.value.end\n      : null;\n\n  // Try to get disabled state from the button context\n  const isDateRangePickerDisabled = buttonContext?.isDisabled;\n\n  // Generate default aria-label based on granularity if not provided\n  const getDefaultTimeInputAriaLabel = (type: \"start\" | \"end\") => {\n    const prefix = type === \"start\" ? \"Start\" : \"End\";\n    switch (granularity) {\n      case \"hour\":\n        return `${prefix} time (hour)`;\n      case \"minute\":\n        return `${prefix} time (hour and minute)`;\n      case \"second\":\n        return `${prefix} time (hour, minute, and second)`;\n      default:\n        return `${prefix} time`;\n    }\n  };\n\n  /**\n   * Button slots\n   * ================================\n   */\n  const buttonSlots = {\n    /** toggles the calendar popover */\n    calendarToggle: {\n      ...buttonContext,\n      onPress: (event: PressEvent) => {\n        // Ensure any active input (e.g., date picker segment) loses focus\n        // because blurring the input will close the popover if it's open (or was just opened)\n        const activeElement = document?.activeElement as HTMLElement | null;\n\n        if (activeElement) {\n          activeElement.blur();\n        }\n\n        buttonContext.onPress?.(event);\n      },\n    },\n    /** Clear button that displays when there's a value in each segment - hidden from both visual and screen readers when there's no value */\n    clear: {\n      // Clear both start and end values\n      onPress: () => dateRangePickerState?.setValue(null),\n      \"aria-label\": \"Clear input value\",\n      isDisabled: isDateRangePickerDisabled,\n      // Hide the button when there's no value\n      style: incompleteValue ? { display: \"none\" } : undefined,\n      \"aria-hidden\": incompleteValue ? true : undefined,\n    },\n  };\n\n  /**\n   * TimeInput slots\n   * ================================\n   */\n\n  // Separate time input slots for start and end times\n  const timeInputSlots = {\n    startTimeInput: {\n      value: startTimeValue,\n      onChange: (value: TimeValue | null) => {\n        if (value !== null && dateRangePickerState?.value?.start) {\n          // Update the start date with the new time\n          const currentValue = dateRangePickerState.value;\n          const startDate = currentValue.start;\n          const endDate = currentValue.end;\n          if (startDate && endDate) {\n            const newStartDate = startDate.set({\n              hour: value.hour,\n              minute: value.minute || 0,\n              second: value.second || 0,\n              millisecond: value.millisecond || 0,\n            });\n\n            dateRangePickerState.setValue({\n              start: newStartDate,\n              end: endDate,\n            });\n          }\n        }\n      },\n      granularity: granularity === \"day\" ? undefined : granularity,\n      \"aria-label\": getDefaultTimeInputAriaLabel(\"start\"),\n    },\n    endTimeInput: {\n      value: endTimeValue,\n      onChange: (value: TimeValue | null) => {\n        if (value !== null && dateRangePickerState?.value?.end) {\n          // Update the end date with the new time\n          const currentValue = dateRangePickerState.value;\n          const startDate = currentValue.start;\n          const endDate = currentValue.end;\n          if (startDate && endDate) {\n            const newEndDate = endDate.set({\n              hour: value.hour,\n              minute: value.minute || 0,\n              second: value.second || 0,\n              millisecond: value.millisecond || 0,\n            });\n\n            dateRangePickerState.setValue({\n              start: startDate,\n              end: newEndDate,\n            });\n          }\n        }\n      },\n      granularity: granularity === \"day\" ? undefined : granularity,\n      \"aria-label\": getDefaultTimeInputAriaLabel(\"end\"),\n    },\n  };\n\n  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          {\n            slots: buttonSlots,\n          },\n        ],\n        [TimeFieldContext, { slots: timeInputSlots }],\n      ]}\n    >\n      {children}\n    </Provider>\n  );\n};\n","import {\n  DateRangePickerRootSlot,\n  DateRangePickerGroupSlot,\n  DateRangePickerTriggerSlot,\n  DateRangePickerPopoverSlot,\n  DateRangePickerCalendarSlot,\n} from \"./date-range-picker.slots\";\n\nimport { CalendarMonth, Close } from \"@commercetools/nimbus-icons\";\n\nimport {\n  DateRangePicker as ReactAriaDateRangePicker,\n  Group,\n  Popover,\n  Dialog,\n} from \"react-aria-components\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { dateRangePickerSlotRecipe } from \"./date-range-picker.recipe\";\nimport type { DateRangePickerProps } from \"./date-range-picker.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { DateInput, RangeCalendar, IconButton, Text } from \"@/components\";\nimport { DateRangePickerTimeInput } from \"./components/date-range-picker.time-input\";\nimport { DateRangePickerCustomContext } from \"./components/date-range-picker.custom-context\";\n\n/**\n * DateRangePicker\n * ============================================================\n * Combines a DateInput with a RangeCalendar popover for date range selection.\n * Users can either type a date range directly or select from the calendar.\n */\nexport const DateRangePicker = (props: DateRangePickerProps) => {\n  // Forward hideTimeZone and hourCycle to child components (footer time inputs)\n  const { granularity = \"day\", hideTimeZone, hourCycle } = props;\n  const recipe = useSlotRecipe({ recipe: dateRangePickerSlotRecipe });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n  // Extract size and variant from recipe props to pass to DateInputs\n  const { size = \"md\" } = recipeProps;\n\n  // the size of the buttons overlaying the input\n  const overlayButtonSize = size === \"md\" ? \"xs\" : \"2xs\";\n\n  // When granularity is \"day\", use the prop value (defaults to true if not provided)\n  // For other granularities (time-based), force to false so users can set both date and time\n  const shouldCloseOnSelect =\n    granularity === \"day\" ? props.shouldCloseOnSelect : false;\n\n  return (\n    <DateRangePickerRootSlot {...recipeProps} {...styleProps} asChild>\n      <ReactAriaDateRangePicker\n        {...otherProps}\n        shouldCloseOnSelect={shouldCloseOnSelect}\n      >\n        <DateRangePickerCustomContext>\n          <DateRangePickerGroupSlot asChild>\n            <Group>\n              <DateInput\n                slot=\"start\"\n                size={size}\n                variant=\"plain\"\n                width=\"auto\"\n                hideTimeZone={hideTimeZone}\n                hourCycle={hourCycle}\n              />\n              <Text\n                as=\"span\"\n                px=\"150\"\n                color=\"neutral.11\"\n                userSelect=\"none\"\n                aria-hidden=\"true\"\n                slot={null}\n              >\n                –\n              </Text>\n              <DateInput\n                slot=\"end\"\n                size={size}\n                variant=\"plain\"\n                width=\"auto\"\n                hideTimeZone={hideTimeZone}\n                hourCycle={hourCycle}\n              />\n              <DateRangePickerTriggerSlot>\n                {/* @ts-expect-error react aria is adding the aria-label prop */}\n                <IconButton\n                  tone=\"primary\"\n                  variant=\"ghost\"\n                  size={overlayButtonSize}\n                  slot=\"clear\"\n                >\n                  <Close />\n                </IconButton>\n                {/* @ts-expect-error react aria is adding the aria-label prop */}\n                <IconButton\n                  tone=\"primary\"\n                  variant=\"ghost\"\n                  size={overlayButtonSize}\n                  slot=\"calendarToggle\"\n                >\n                  <CalendarMonth />\n                </IconButton>\n              </DateRangePickerTriggerSlot>\n            </Group>\n          </DateRangePickerGroupSlot>\n          <DateRangePickerPopoverSlot asChild>\n            <Popover placement=\"bottom end\">\n              <Dialog>\n                <DateRangePickerCalendarSlot>\n                  <RangeCalendar />\n                </DateRangePickerCalendarSlot>\n                <DateRangePickerTimeInput\n                  hideTimeZone={hideTimeZone}\n                  hourCycle={hourCycle}\n                />\n              </Dialog>\n            </Popover>\n          </DateRangePickerPopoverSlot>\n        </DateRangePickerCustomContext>\n      </ReactAriaDateRangePicker>\n    </DateRangePickerRootSlot>\n  );\n};\n\nDateRangePicker.displayName = \"DateRangePicker\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","dateRangePickerSlotRecipe","DateRangePickerRootSlot","DateRangePickerGroupSlot","DateRangePickerTriggerSlot","DateRangePickerPopoverSlot","DateRangePickerCalendarSlot","DateRangePickerTimeInput","hideTimeZone","hourCycle","locale","useLocale","dateRangePickerState","useContext","DateRangePickerStateContext","granularity","value","timeInputRef","useRef","previousValueRef","useEffect","timeoutId","container","activeElement","firstSegment","jsxs","Flex","jsx","Text","TimeInput","DateRangePickerCustomContext","children","buttonContext","useSlottedContext","ButtonContext","hasCompleteRangeDate","date","incompleteValue","startTimeValue","endTimeValue","isDateRangePickerDisabled","getDefaultTimeInputAriaLabel","type","prefix","buttonSlots","event","timeInputSlots","currentValue","startDate","endDate","newStartDate","newEndDate","Provider","TimeFieldContext","DateRangePicker","props","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","size","overlayButtonSize","shouldCloseOnSelect","ReactAriaDateRangePicker","Group","DateInput","IconButton","Close","CalendarMonth","Popover","Dialog","RangeCalendar"],"mappings":"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"}

package/dist/chunks/dialog-CVa-E9-A.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime"),o=require("@chakra-ui/react/dialog"),s=require("@chakra-ui/react/portal"),c=function(e){const{children:r,portalled:t=!0,portalRef:l,backdrop:a=!0,ref:g,...n}=e;return i.jsxs(s.Portal,{disabled:!t,container:l,children:[a&&i.jsx(o.Dialog.Backdrop,{}),i.jsx(o.Dialog.Positioner,{children:i.jsx(o.Dialog.Content,{ref:g,...n,asChild:!1,children:r})})]})},D={Root:o.Dialog.Root,Trigger:o.Dialog.Trigger,Content:c,Backdrop:o.Dialog.Backdrop,Positioner:o.Dialog.Positioner,Title:o.Dialog.Title,Description:o.Dialog.Description,Body:o.Dialog.Body,Footer:o.Dialog.Footer,Header:o.Dialog.Header,CloseTrigger:o.Dialog.CloseTrigger,ActionTrigger:o.Dialog.ActionTrigger};exports.Dialog=D;
+//# sourceMappingURL=dialog-CVa-E9-A.cjs.js.map

package/dist/chunks/dialog-CVa-E9-A.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-CVa-E9-A.cjs.js","sources":["../../src/components/dialog/dialog.tsx"],"sourcesContent":["import { Dialog as ChakraDialog } from \"@chakra-ui/react/dialog\";\nimport { Portal } from \"@chakra-ui/react/portal\";\n\ninterface DialogContentProps extends ChakraDialog.ContentProps {\n  portalled?: boolean;\n  portalRef?: React.RefObject<HTMLElement>;\n  backdrop?: boolean;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nconst DialogContent = function DialogContent(props: DialogContentProps) {\n  const {\n    children,\n    portalled = true,\n    portalRef,\n    backdrop = true,\n    ref,\n    ...rest\n  } = props;\n\n  return (\n    <Portal disabled={!portalled} container={portalRef}>\n      {backdrop && <ChakraDialog.Backdrop />}\n      <ChakraDialog.Positioner>\n        <ChakraDialog.Content ref={ref} {...rest} asChild={false}>\n          {children}\n        </ChakraDialog.Content>\n      </ChakraDialog.Positioner>\n    </Portal>\n  );\n};\n\n// Create a type-safe composite object with explicit component definitions\ninterface DialogComponents {\n  Root: typeof ChakraDialog.Root;\n  Trigger: typeof ChakraDialog.Trigger;\n  Content: typeof DialogContent;\n  Backdrop: typeof ChakraDialog.Backdrop;\n  Positioner: typeof ChakraDialog.Positioner;\n  Title: typeof ChakraDialog.Title;\n  Description: typeof ChakraDialog.Description;\n  Body: typeof ChakraDialog.Body;\n  Footer: typeof ChakraDialog.Footer;\n  Header: typeof ChakraDialog.Header;\n  CloseTrigger: typeof ChakraDialog.CloseTrigger;\n  ActionTrigger: typeof ChakraDialog.ActionTrigger;\n}\n\n/**\n * # Dialog\n *\n * displays a dialog\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/feedback/dialog}\n *\n * @experimental This component is experimental and may change or be removed in future versions.\n */\n// Export the Dialog composite with proper typing\nexport const Dialog: DialogComponents = {\n  Root: ChakraDialog.Root,\n  Trigger: ChakraDialog.Trigger,\n  Content: DialogContent,\n  Backdrop: ChakraDialog.Backdrop,\n  Positioner: ChakraDialog.Positioner,\n  Title: ChakraDialog.Title,\n  Description: ChakraDialog.Description,\n  Body: ChakraDialog.Body,\n  Footer: ChakraDialog.Footer,\n  Header: ChakraDialog.Header,\n  CloseTrigger: ChakraDialog.CloseTrigger,\n  ActionTrigger: ChakraDialog.ActionTrigger,\n};\n"],"names":["DialogContent","props","children","portalled","portalRef","backdrop","ref","rest","Portal","jsx","ChakraDialog","Dialog"],"mappings":"4HAUMA,EAAgB,SAAuBC,EAA2B,CACtE,KAAM,CACJ,SAAAC,EACA,UAAAC,EAAY,GACZ,UAAAC,EACA,SAAAC,EAAW,GACX,IAAAC,EACA,GAAGC,CAAA,EACDN,EAEJ,cACGO,EAAAA,OAAA,CAAO,SAAU,CAACL,EAAW,UAAWC,EACtC,SAAA,CAAAC,GAAYI,EAAAA,IAACC,SAAa,SAAb,CAAA,CAAsB,EACpCD,EAAAA,IAACC,EAAAA,OAAa,WAAb,CACC,eAACA,EAAAA,OAAa,QAAb,CAAqB,IAAAJ,EAAW,GAAGC,EAAM,QAAS,GAChD,SAAAL,EACH,CAAA,CACF,CAAA,EACF,CAEJ,EA4BaS,EAA2B,CACtC,KAAMD,EAAAA,OAAa,KACnB,QAASA,EAAAA,OAAa,QACtB,QAASV,EACT,SAAUU,EAAAA,OAAa,SACvB,WAAYA,EAAAA,OAAa,WACzB,MAAOA,EAAAA,OAAa,MACpB,YAAaA,EAAAA,OAAa,YAC1B,KAAMA,EAAAA,OAAa,KACnB,OAAQA,EAAAA,OAAa,OACrB,OAAQA,EAAAA,OAAa,OACrB,aAAcA,EAAAA,OAAa,aAC3B,cAAeA,EAAAA,OAAa,aAC9B"}

package/dist/chunks/dialog-DTSuKnyk.es.js

@@ -0,0 +1,34 @@
+import { jsxs as g, jsx as r } from "react/jsx-runtime";
+import { Dialog as o } from "@chakra-ui/react/dialog";
+import { Portal as c } from "@chakra-ui/react/portal";
+const d = function(e) {
+  const {
+    children: t,
+    portalled: i = !0,
+    portalRef: n,
+    backdrop: a = !0,
+    ref: l,
+    ...s
+  } = e;
+  return /* @__PURE__ */ g(c, { disabled: !i, container: n, children: [
+    a && /* @__PURE__ */ r(o.Backdrop, {}),
+    /* @__PURE__ */ r(o.Positioner, { children: /* @__PURE__ */ r(o.Content, { ref: l, ...s, asChild: !1, children: t }) })
+  ] });
+}, C = {
+  Root: o.Root,
+  Trigger: o.Trigger,
+  Content: d,
+  Backdrop: o.Backdrop,
+  Positioner: o.Positioner,
+  Title: o.Title,
+  Description: o.Description,
+  Body: o.Body,
+  Footer: o.Footer,
+  Header: o.Header,
+  CloseTrigger: o.CloseTrigger,
+  ActionTrigger: o.ActionTrigger
+};
+export {
+  C as D
+};
+//# sourceMappingURL=dialog-DTSuKnyk.es.js.map

package/dist/chunks/dialog-DTSuKnyk.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-DTSuKnyk.es.js","sources":["../../src/components/dialog/dialog.tsx"],"sourcesContent":["import { Dialog as ChakraDialog } from \"@chakra-ui/react/dialog\";\nimport { Portal } from \"@chakra-ui/react/portal\";\n\ninterface DialogContentProps extends ChakraDialog.ContentProps {\n  portalled?: boolean;\n  portalRef?: React.RefObject<HTMLElement>;\n  backdrop?: boolean;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nconst DialogContent = function DialogContent(props: DialogContentProps) {\n  const {\n    children,\n    portalled = true,\n    portalRef,\n    backdrop = true,\n    ref,\n    ...rest\n  } = props;\n\n  return (\n    <Portal disabled={!portalled} container={portalRef}>\n      {backdrop && <ChakraDialog.Backdrop />}\n      <ChakraDialog.Positioner>\n        <ChakraDialog.Content ref={ref} {...rest} asChild={false}>\n          {children}\n        </ChakraDialog.Content>\n      </ChakraDialog.Positioner>\n    </Portal>\n  );\n};\n\n// Create a type-safe composite object with explicit component definitions\ninterface DialogComponents {\n  Root: typeof ChakraDialog.Root;\n  Trigger: typeof ChakraDialog.Trigger;\n  Content: typeof DialogContent;\n  Backdrop: typeof ChakraDialog.Backdrop;\n  Positioner: typeof ChakraDialog.Positioner;\n  Title: typeof ChakraDialog.Title;\n  Description: typeof ChakraDialog.Description;\n  Body: typeof ChakraDialog.Body;\n  Footer: typeof ChakraDialog.Footer;\n  Header: typeof ChakraDialog.Header;\n  CloseTrigger: typeof ChakraDialog.CloseTrigger;\n  ActionTrigger: typeof ChakraDialog.ActionTrigger;\n}\n\n/**\n * # Dialog\n *\n * displays a dialog\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/feedback/dialog}\n *\n * @experimental This component is experimental and may change or be removed in future versions.\n */\n// Export the Dialog composite with proper typing\nexport const Dialog: DialogComponents = {\n  Root: ChakraDialog.Root,\n  Trigger: ChakraDialog.Trigger,\n  Content: DialogContent,\n  Backdrop: ChakraDialog.Backdrop,\n  Positioner: ChakraDialog.Positioner,\n  Title: ChakraDialog.Title,\n  Description: ChakraDialog.Description,\n  Body: ChakraDialog.Body,\n  Footer: ChakraDialog.Footer,\n  Header: ChakraDialog.Header,\n  CloseTrigger: ChakraDialog.CloseTrigger,\n  ActionTrigger: ChakraDialog.ActionTrigger,\n};\n"],"names":["DialogContent","props","children","portalled","portalRef","backdrop","ref","rest","Portal","jsx","ChakraDialog","Dialog"],"mappings":";;;AAUA,MAAMA,IAAgB,SAAuBC,GAA2B;AACtE,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,WAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDN;AAEJ,2BACGO,GAAA,EAAO,UAAU,CAACL,GAAW,WAAWC,GACtC,UAAA;AAAA,IAAAC,KAAY,gBAAAI,EAACC,EAAa,UAAb,CAAA,CAAsB;AAAA,IACpC,gBAAAD,EAACC,EAAa,YAAb,EACC,4BAACA,EAAa,SAAb,EAAqB,KAAAJ,GAAW,GAAGC,GAAM,SAAS,IAChD,UAAAL,GACH,EAAA,CACF;AAAA,EAAA,GACF;AAEJ,GA4BaS,IAA2B;AAAA,EACtC,MAAMD,EAAa;AAAA,EACnB,SAASA,EAAa;AAAA,EACtB,SAASV;AAAA,EACT,UAAUU,EAAa;AAAA,EACvB,YAAYA,EAAa;AAAA,EACzB,OAAOA,EAAa;AAAA,EACpB,aAAaA,EAAa;AAAA,EAC1B,MAAMA,EAAa;AAAA,EACnB,QAAQA,EAAa;AAAA,EACrB,QAAQA,EAAa;AAAA,EACrB,cAAcA,EAAa;AAAA,EAC3B,eAAeA,EAAa;AAC9B;"}

package/dist/chunks/{divider-Cjs3ESH7.es.js → divider--BAm3ca4.es.js}

@@ -1,12 +1,11 @@
 import { jsx as c } from "react/jsx-runtime";
 import { useRef as d } from "react";
-import { mergeRefs as m } from "@chakra-ui/react";
-import { d as l } from "./config-ufbQ08Vi.es.js";
-import { c as p } from "./create-recipe-context-CrNaylZN.es.js";
+import { mergeRefs as l } from "@chakra-ui/react";
+import { defineRecipe as m, createRecipeContext as p } from "@chakra-ui/react/styled-system";
 import { $ as h } from "./useObjectRef-CaJ5pgjX.es.js";
 import { $ } from "./mergeProps-B_9syxhT.es.js";
 import { $ as b } from "./useSeparator-Dg70ACBm.es.js";
-const v = /* @__PURE__ */ l({
+const v = /* @__PURE__ */ m({
   className: "nimbus-divider",
   // Base styles applied to all instances of the component
   base: {
@@ -33,15 +32,15 @@ const v = /* @__PURE__ */ l({
     orientation: "horizontal"
   }
 }), { withContext: x } = /* @__PURE__ */ p({ recipe: v }), R = /* @__PURE__ */ x("div"), u = (r) => {
-  const { ref: t, as: i, orientation: e = "horizontal", ...o } = r, a = d(null), n = h(m(a, t)), s = i || e === "vertical" ? "div" : "hr", { separatorProps: f } = b({
+  const { ref: t, as: i, orientation: e = "horizontal", ...o } = r, a = d(null), n = h(l(a, t)), f = i || e === "vertical" ? "div" : "hr", { separatorProps: s } = b({
     orientation: e,
     ...o
   });
   return /* @__PURE__ */ c(
     R,
     {
-      as: s,
-      ...$(o, { ref: n, orientation: e }, f, {
+      as: f,
+      ...$(o, { ref: n, orientation: e }, s, {
         "aria-orientation": e
       })
     }
@@ -51,4 +50,4 @@ u.displayName = "Divider";
 export {
   u as D
 };
-//# sourceMappingURL=divider-Cjs3ESH7.es.js.map
+//# sourceMappingURL=divider--BAm3ca4.es.js.map

package/dist/chunks/{divider-Cjs3ESH7.es.js.map → divider--BAm3ca4.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"divider-Cjs3ESH7.es.js","sources":["../../src/components/divider/divider.recipe.ts","../../src/components/divider/divider.slots.tsx","../../src/components/divider/divider.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n\n/**\n * Recipe configuration for the Divider component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const dividerRecipe = defineRecipe({\n  className: \"nimbus-divider\",\n\n  // Base styles applied to all instances of the component\n  base: {\n    border: \"0\",\n    flexShrink: \"0\",\n    colorPalette: \"neutral\",\n    backgroundColor: \"colorPalette.6\",\n  },\n\n  // Available variants for customizing the component's appearance\n  variants: {\n    orientation: {\n      horizontal: {\n        width: \"100%\",\n        height: \"25\",\n      },\n      vertical: {\n        width: \"25\",\n        height: \"100%\",\n      },\n    },\n  },\n\n  // Default variant values when not explicitly specified\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n","import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\n\nimport { dividerRecipe } from \"./divider.recipe\";\nimport type { DividerRootProps } from \"./divider.types\";\n\nconst { withContext } = createRecipeContext({ recipe: dividerRecipe });\n\nexport const DividerRoot = withContext<HTMLDivElement, DividerRootProps>(\"div\");\n","import { useRef } from \"react\";\nimport { useSeparator, useObjectRef, mergeProps } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { DividerRoot } from \"./divider.slots\";\nimport type { DividerProps } from \"./divider.types\";\n\n/**\n * Divider\n * ============================================================\n * A visual separator that divides content sections\n *\n * Features:\n *\n * - allows forwarding refs to the underlying DOM element\n * - accepts all native html 'HTMLDivElement' attributes (including aria- & data-attributes)\n * - supports 'variants', 'orientation', etc. configured in the recipe\n * - allows overriding styles by using style-props\n * - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)\n * - built with React Aria for accessibility\n */\n\nexport const Divider = (props: DividerProps) => {\n  const { ref: forwardedRef, as, orientation = \"horizontal\", ...rest } = props;\n\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  const elementType = as || orientation === \"vertical\" ? \"div\" : \"hr\";\n\n  // Use React Aria's useSeparator hook for accessibility\n  const { separatorProps } = useSeparator({\n    orientation,\n    ...rest,\n  });\n\n  return (\n    <DividerRoot\n      as={elementType}\n      {...mergeProps(rest, { ref, orientation }, separatorProps, {\n        \"aria-orientation\": orientation,\n      })}\n    />\n  );\n};\n\nDivider.displayName = \"Divider\";\n"],"names":["dividerRecipe","defineRecipe","withContext","createRecipeContext","DividerRoot","Divider","props","forwardedRef","as","orientation","rest","localRef","useRef","ref","useObjectRef","mergeRefs","elementType","separatorProps","useSeparator","jsx","mergeProps"],"mappings":";;;;;;;;AAMO,MAAMA,IAAgB,gBAAAC,EAAa;AAAA,EACxC,WAAW;AAAA;AAAA,EAGX,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,iBAAiB;AAAA,EAAA;AAAA;AAAA,EAInB,UAAU;AAAA,IACR,aAAa;AAAA,MACX,YAAY;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,MAEV,UAAU;AAAA,QACR,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,EACF;AAAA;AAAA,EAIF,iBAAiB;AAAA,IACf,aAAa;AAAA,EAAA;AAEjB,CAAC,GC9BK,EAAE,aAAAC,EAAA,IAAgB,gBAAAC,EAAoB,EAAE,QAAQH,GAAe,GAExDI,IAAc,gBAAAF,EAA8C,KAAK,GCcjEG,IAAU,CAACC,MAAwB;AAC9C,QAAM,EAAE,KAAKC,GAAc,IAAAC,GAAI,aAAAC,IAAc,cAAc,GAAGC,MAASJ,GAEjEK,IAAWC,EAAuB,IAAI,GACtCC,IAAMC,EAAaC,EAAUJ,GAAUJ,CAAY,CAAC,GAEpDS,IAAcR,KAAMC,MAAgB,aAAa,QAAQ,MAGzD,EAAE,gBAAAQ,EAAA,IAAmBC,EAAa;AAAA,IACtC,aAAAT;AAAA,IACA,GAAGC;AAAA,EAAA,CACJ;AAED,SACE,gBAAAS;AAAA,IAACf;AAAA,IAAA;AAAA,MACC,IAAIY;AAAA,MACH,GAAGI,EAAWV,GAAM,EAAE,KAAAG,GAAK,aAAAJ,EAAA,GAAeQ,GAAgB;AAAA,QACzD,oBAAoBR;AAAA,MAAA,CACrB;AAAA,IAAA;AAAA,EAAA;AAGP;AAEAJ,EAAQ,cAAc;"}
+{"version":3,"file":"divider--BAm3ca4.es.js","sources":["../../src/components/divider/divider.recipe.ts","../../src/components/divider/divider.slots.tsx","../../src/components/divider/divider.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n\n/**\n * Recipe configuration for the Divider component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const dividerRecipe = defineRecipe({\n  className: \"nimbus-divider\",\n\n  // Base styles applied to all instances of the component\n  base: {\n    border: \"0\",\n    flexShrink: \"0\",\n    colorPalette: \"neutral\",\n    backgroundColor: \"colorPalette.6\",\n  },\n\n  // Available variants for customizing the component's appearance\n  variants: {\n    orientation: {\n      horizontal: {\n        width: \"100%\",\n        height: \"25\",\n      },\n      vertical: {\n        width: \"25\",\n        height: \"100%\",\n      },\n    },\n  },\n\n  // Default variant values when not explicitly specified\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n","import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\n\nimport { dividerRecipe } from \"./divider.recipe\";\nimport type { DividerRootProps } from \"./divider.types\";\n\nconst { withContext } = createRecipeContext({ recipe: dividerRecipe });\n\nexport const DividerRoot = withContext<HTMLDivElement, DividerRootProps>(\"div\");\n","import { useRef } from \"react\";\nimport { useSeparator, useObjectRef, mergeProps } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { DividerRoot } from \"./divider.slots\";\nimport type { DividerProps } from \"./divider.types\";\n\n/**\n * Divider\n * ============================================================\n * A visual separator that divides content sections\n *\n * Features:\n *\n * - allows forwarding refs to the underlying DOM element\n * - accepts all native html 'HTMLDivElement' attributes (including aria- & data-attributes)\n * - supports 'variants', 'orientation', etc. configured in the recipe\n * - allows overriding styles by using style-props\n * - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)\n * - built with React Aria for accessibility\n */\n\nexport const Divider = (props: DividerProps) => {\n  const { ref: forwardedRef, as, orientation = \"horizontal\", ...rest } = props;\n\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  const elementType = as || orientation === \"vertical\" ? \"div\" : \"hr\";\n\n  // Use React Aria's useSeparator hook for accessibility\n  const { separatorProps } = useSeparator({\n    orientation,\n    ...rest,\n  });\n\n  return (\n    <DividerRoot\n      as={elementType}\n      {...mergeProps(rest, { ref, orientation }, separatorProps, {\n        \"aria-orientation\": orientation,\n      })}\n    />\n  );\n};\n\nDivider.displayName = \"Divider\";\n"],"names":["dividerRecipe","defineRecipe","withContext","createRecipeContext","DividerRoot","Divider","props","forwardedRef","as","orientation","rest","localRef","useRef","ref","useObjectRef","mergeRefs","elementType","separatorProps","useSeparator","jsx","mergeProps"],"mappings":";;;;;;;AAMO,MAAMA,IAAgB,gBAAAC,EAAa;AAAA,EACxC,WAAW;AAAA;AAAA,EAGX,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,iBAAiB;AAAA,EAAA;AAAA;AAAA,EAInB,UAAU;AAAA,IACR,aAAa;AAAA,MACX,YAAY;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,MAEV,UAAU;AAAA,QACR,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,EACF;AAAA;AAAA,EAIF,iBAAiB;AAAA,IACf,aAAa;AAAA,EAAA;AAEjB,CAAC,GC9BK,EAAE,aAAAC,EAAA,IAAgB,gBAAAC,EAAoB,EAAE,QAAQH,GAAe,GAExDI,IAAc,gBAAAF,EAA8C,KAAK,GCcjEG,IAAU,CAACC,MAAwB;AAC9C,QAAM,EAAE,KAAKC,GAAc,IAAAC,GAAI,aAAAC,IAAc,cAAc,GAAGC,MAASJ,GAEjEK,IAAWC,EAAuB,IAAI,GACtCC,IAAMC,EAAaC,EAAUJ,GAAUJ,CAAY,CAAC,GAEpDS,IAAcR,KAAMC,MAAgB,aAAa,QAAQ,MAGzD,EAAE,gBAAAQ,EAAA,IAAmBC,EAAa;AAAA,IACtC,aAAAT;AAAA,IACA,GAAGC;AAAA,EAAA,CACJ;AAED,SACE,gBAAAS;AAAA,IAACf;AAAA,IAAA;AAAA,MACC,IAAIY;AAAA,MACH,GAAGI,EAAWV,GAAM,EAAE,KAAAG,GAAK,aAAAJ,EAAA,GAAeQ,GAAgB;AAAA,QACzD,oBAAoBR;AAAA,MAAA,CACrB;AAAA,IAAA;AAAA,EAAA;AAGP;AAEAJ,EAAQ,cAAc;"}

package/dist/chunks/divider-BuizjeAj.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const l=require("react/jsx-runtime"),u=require("react"),p=require("@chakra-ui/react"),r=require("@chakra-ui/react/styled-system"),h=require("./useObjectRef-dXOJdONs.cjs.js"),b=require("./mergeProps-BA5Cwf5w.cjs.js"),v=require("./useSeparator-B-OtWwE7.cjs.js"),R=r.defineRecipe({className:"nimbus-divider",base:{border:"0",flexShrink:"0",colorPalette:"neutral",backgroundColor:"colorPalette.6"},variants:{orientation:{horizontal:{width:"100%",height:"25"},vertical:{width:"25",height:"100%"}}},defaultVariants:{orientation:"horizontal"}}),{withContext:$}=r.createRecipeContext({recipe:R}),m=$("div"),i=o=>{const{ref:n,as:a,orientation:e="horizontal",...t}=o,s=u.useRef(null),c=h.$df56164dff5785e2$export$4338b53315abf666(p.mergeRefs(s,n)),d=a||e==="vertical"?"div":"hr",{separatorProps:f}=v.$f4b273590fab9f93$export$52210f68a14655d0({orientation:e,...t});return l.jsx(m,{as:d,...b.$3ef42575df84b30b$export$9d1611c77c2fe928(t,{ref:c,orientation:e},f,{"aria-orientation":e})})};i.displayName="Divider";exports.Divider=i;
+//# sourceMappingURL=divider-BuizjeAj.cjs.js.map

package/dist/chunks/{divider-DU351gdE.cjs.js.map → divider-BuizjeAj.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"divider-DU351gdE.cjs.js","sources":["../../src/components/divider/divider.recipe.ts","../../src/components/divider/divider.slots.tsx","../../src/components/divider/divider.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n\n/**\n * Recipe configuration for the Divider component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const dividerRecipe = defineRecipe({\n  className: \"nimbus-divider\",\n\n  // Base styles applied to all instances of the component\n  base: {\n    border: \"0\",\n    flexShrink: \"0\",\n    colorPalette: \"neutral\",\n    backgroundColor: \"colorPalette.6\",\n  },\n\n  // Available variants for customizing the component's appearance\n  variants: {\n    orientation: {\n      horizontal: {\n        width: \"100%\",\n        height: \"25\",\n      },\n      vertical: {\n        width: \"25\",\n        height: \"100%\",\n      },\n    },\n  },\n\n  // Default variant values when not explicitly specified\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n","import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\n\nimport { dividerRecipe } from \"./divider.recipe\";\nimport type { DividerRootProps } from \"./divider.types\";\n\nconst { withContext } = createRecipeContext({ recipe: dividerRecipe });\n\nexport const DividerRoot = withContext<HTMLDivElement, DividerRootProps>(\"div\");\n","import { useRef } from \"react\";\nimport { useSeparator, useObjectRef, mergeProps } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { DividerRoot } from \"./divider.slots\";\nimport type { DividerProps } from \"./divider.types\";\n\n/**\n * Divider\n * ============================================================\n * A visual separator that divides content sections\n *\n * Features:\n *\n * - allows forwarding refs to the underlying DOM element\n * - accepts all native html 'HTMLDivElement' attributes (including aria- & data-attributes)\n * - supports 'variants', 'orientation', etc. configured in the recipe\n * - allows overriding styles by using style-props\n * - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)\n * - built with React Aria for accessibility\n */\n\nexport const Divider = (props: DividerProps) => {\n  const { ref: forwardedRef, as, orientation = \"horizontal\", ...rest } = props;\n\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  const elementType = as || orientation === \"vertical\" ? \"div\" : \"hr\";\n\n  // Use React Aria's useSeparator hook for accessibility\n  const { separatorProps } = useSeparator({\n    orientation,\n    ...rest,\n  });\n\n  return (\n    <DividerRoot\n      as={elementType}\n      {...mergeProps(rest, { ref, orientation }, separatorProps, {\n        \"aria-orientation\": orientation,\n      })}\n    />\n  );\n};\n\nDivider.displayName = \"Divider\";\n"],"names":["dividerRecipe","defineRecipe","withContext","createRecipeContext","DividerRoot","Divider","props","forwardedRef","as","orientation","rest","localRef","useRef","ref","useObjectRef","mergeRefs","elementType","separatorProps","useSeparator","jsx","mergeProps"],"mappings":"gUAMaA,EAAgBC,EAAAA,aAAa,CACxC,UAAW,iBAGX,KAAM,CACJ,OAAQ,IACR,WAAY,IACZ,aAAc,UACd,gBAAiB,gBAAA,EAInB,SAAU,CACR,YAAa,CACX,WAAY,CACV,MAAO,OACP,OAAQ,IAAA,EAEV,SAAU,CACR,MAAO,KACP,OAAQ,MAAA,CACV,CACF,EAIF,gBAAiB,CACf,YAAa,YAAA,CAEjB,CAAC,EC9BK,CAAE,YAAAC,CAAA,EAAgBC,EAAAA,oBAAoB,CAAE,OAAQH,EAAe,EAExDI,EAAcF,EAA8C,KAAK,ECcjEG,EAAWC,GAAwB,CAC9C,KAAM,CAAE,IAAKC,EAAc,GAAAC,EAAI,YAAAC,EAAc,aAAc,GAAGC,GAASJ,EAEjEK,EAAWC,EAAAA,OAAuB,IAAI,EACtCC,EAAMC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUJ,CAAY,CAAC,EAEpDS,EAAcR,GAAMC,IAAgB,WAAa,MAAQ,KAGzD,CAAE,eAAAQ,CAAA,EAAmBC,4CAAa,CACtC,YAAAT,EACA,GAAGC,CAAA,CACJ,EAED,OACES,EAAAA,IAACf,EAAA,CACC,GAAIY,EACH,GAAGI,EAAAA,0CAAWV,EAAM,CAAE,IAAAG,EAAK,YAAAJ,CAAA,EAAeQ,EAAgB,CACzD,mBAAoBR,CAAA,CACrB,CAAA,CAAA,CAGP,EAEAJ,EAAQ,YAAc"}
+{"version":3,"file":"divider-BuizjeAj.cjs.js","sources":["../../src/components/divider/divider.recipe.ts","../../src/components/divider/divider.slots.tsx","../../src/components/divider/divider.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n\n/**\n * Recipe configuration for the Divider component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const dividerRecipe = defineRecipe({\n  className: \"nimbus-divider\",\n\n  // Base styles applied to all instances of the component\n  base: {\n    border: \"0\",\n    flexShrink: \"0\",\n    colorPalette: \"neutral\",\n    backgroundColor: \"colorPalette.6\",\n  },\n\n  // Available variants for customizing the component's appearance\n  variants: {\n    orientation: {\n      horizontal: {\n        width: \"100%\",\n        height: \"25\",\n      },\n      vertical: {\n        width: \"25\",\n        height: \"100%\",\n      },\n    },\n  },\n\n  // Default variant values when not explicitly specified\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n","import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\n\nimport { dividerRecipe } from \"./divider.recipe\";\nimport type { DividerRootProps } from \"./divider.types\";\n\nconst { withContext } = createRecipeContext({ recipe: dividerRecipe });\n\nexport const DividerRoot = withContext<HTMLDivElement, DividerRootProps>(\"div\");\n","import { useRef } from \"react\";\nimport { useSeparator, useObjectRef, mergeProps } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { DividerRoot } from \"./divider.slots\";\nimport type { DividerProps } from \"./divider.types\";\n\n/**\n * Divider\n * ============================================================\n * A visual separator that divides content sections\n *\n * Features:\n *\n * - allows forwarding refs to the underlying DOM element\n * - accepts all native html 'HTMLDivElement' attributes (including aria- & data-attributes)\n * - supports 'variants', 'orientation', etc. configured in the recipe\n * - allows overriding styles by using style-props\n * - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)\n * - built with React Aria for accessibility\n */\n\nexport const Divider = (props: DividerProps) => {\n  const { ref: forwardedRef, as, orientation = \"horizontal\", ...rest } = props;\n\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  const elementType = as || orientation === \"vertical\" ? \"div\" : \"hr\";\n\n  // Use React Aria's useSeparator hook for accessibility\n  const { separatorProps } = useSeparator({\n    orientation,\n    ...rest,\n  });\n\n  return (\n    <DividerRoot\n      as={elementType}\n      {...mergeProps(rest, { ref, orientation }, separatorProps, {\n        \"aria-orientation\": orientation,\n      })}\n    />\n  );\n};\n\nDivider.displayName = \"Divider\";\n"],"names":["dividerRecipe","defineRecipe","withContext","createRecipeContext","DividerRoot","Divider","props","forwardedRef","as","orientation","rest","localRef","useRef","ref","useObjectRef","mergeRefs","elementType","separatorProps","useSeparator","jsx","mergeProps"],"mappings":"iRAMaA,EAAgBC,EAAAA,aAAa,CACxC,UAAW,iBAGX,KAAM,CACJ,OAAQ,IACR,WAAY,IACZ,aAAc,UACd,gBAAiB,gBAAA,EAInB,SAAU,CACR,YAAa,CACX,WAAY,CACV,MAAO,OACP,OAAQ,IAAA,EAEV,SAAU,CACR,MAAO,KACP,OAAQ,MAAA,CACV,CACF,EAIF,gBAAiB,CACf,YAAa,YAAA,CAEjB,CAAC,EC9BK,CAAE,YAAAC,CAAA,EAAgBC,EAAAA,oBAAoB,CAAE,OAAQH,EAAe,EAExDI,EAAcF,EAA8C,KAAK,ECcjEG,EAAWC,GAAwB,CAC9C,KAAM,CAAE,IAAKC,EAAc,GAAAC,EAAI,YAAAC,EAAc,aAAc,GAAGC,GAASJ,EAEjEK,EAAWC,EAAAA,OAAuB,IAAI,EACtCC,EAAMC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUJ,CAAY,CAAC,EAEpDS,EAAcR,GAAMC,IAAgB,WAAa,MAAQ,KAGzD,CAAE,eAAAQ,CAAA,EAAmBC,4CAAa,CACtC,YAAAT,EACA,GAAGC,CAAA,CACJ,EAED,OACES,EAAAA,IAACf,EAAA,CACC,GAAIY,EACH,GAAGI,EAAAA,0CAAWV,EAAM,CAAE,IAAAG,EAAK,YAAAJ,CAAA,EAAeQ,EAAgB,CACzD,mBAAoBR,CAAA,CACrB,CAAA,CAAA,CAGP,EAEAJ,EAAQ,YAAc"}

package/dist/chunks/emotion-is-prop-valid.esm-Bb7Ou5_X.cjs.js

@@ -0,0 +1,2 @@
+"use strict";function r(e){var i=Object.create(null);return function(t){return i[t]===void 0&&(i[t]=e(t)),i[t]}}var n=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,a=r(function(e){return n.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91});exports.isPropValid=a;
+//# sourceMappingURL=emotion-is-prop-valid.esm-Bb7Ou5_X.cjs.js.map

package/dist/chunks/emotion-is-prop-valid.esm-Bb7Ou5_X.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emotion-is-prop-valid.esm-Bb7Ou5_X.cjs.js","sources":["../../../../node_modules/.pnpm/@emotion+memoize@0.9.0/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js","../../../../node_modules/.pnpm/@emotion+is-prop-valid@1.3.1/node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js"],"sourcesContent":["function memoize(fn) {\n  var cache = Object.create(null);\n  return function (arg) {\n    if (cache[arg] === undefined) cache[arg] = fn(arg);\n    return cache[arg];\n  };\n}\n\nexport { memoize as default };\n","import memoize from '@emotion/memoize';\n\n// eslint-disable-next-line no-undef\nvar reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23\n\nvar isPropValid = /* #__PURE__ */memoize(function (prop) {\n  return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111\n  /* o */\n  && prop.charCodeAt(1) === 110\n  /* n */\n  && prop.charCodeAt(2) < 91;\n}\n/* Z+1 */\n);\n\nexport { isPropValid as default };\n"],"names":["memoize","fn","cache","arg","reactPropsRegex","isPropValid","prop"],"mappings":"aAAA,SAASA,EAAQC,EAAI,CACnB,IAAIC,EAAQ,OAAO,OAAO,IAAI,EAC9B,OAAO,SAAUC,EAAK,CACpB,OAAID,EAAMC,CAAG,IAAM,SAAWD,EAAMC,CAAG,EAAIF,EAAGE,CAAG,GAC1CD,EAAMC,CAAG,CAClB,CACF,CCHA,IAAIC,EAAkB,sgIAElBC,EAA6BL,EAAQ,SAAUM,EAAM,CACvD,OAAOF,EAAgB,KAAKE,CAAI,GAAKA,EAAK,WAAW,CAAC,IAAM,KAEzDA,EAAK,WAAW,CAAC,IAAM,KAEvBA,EAAK,WAAW,CAAC,EAAI,EAC1B,CAEA","x_google_ignoreList":[0,1]}

package/dist/chunks/emotion-is-prop-valid.esm-qvxbqhmq.es.js

@@ -0,0 +1,16 @@
+function r(e) {
+  var i = /* @__PURE__ */ Object.create(null);
+  return function(t) {
+    return i[t] === void 0 && (i[t] = e(t)), i[t];
+  };
+}
+var n = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, a = /* @__PURE__ */ r(
+  function(e) {
+    return n.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+  }
+  /* Z+1 */
+);
+export {
+  a as i
+};
+//# sourceMappingURL=emotion-is-prop-valid.esm-qvxbqhmq.es.js.map

package/dist/chunks/emotion-is-prop-valid.esm-qvxbqhmq.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emotion-is-prop-valid.esm-qvxbqhmq.es.js","sources":["../../../../node_modules/.pnpm/@emotion+memoize@0.9.0/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js","../../../../node_modules/.pnpm/@emotion+is-prop-valid@1.3.1/node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js"],"sourcesContent":["function memoize(fn) {\n  var cache = Object.create(null);\n  return function (arg) {\n    if (cache[arg] === undefined) cache[arg] = fn(arg);\n    return cache[arg];\n  };\n}\n\nexport { memoize as default };\n","import memoize from '@emotion/memoize';\n\n// eslint-disable-next-line no-undef\nvar reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23\n\nvar isPropValid = /* #__PURE__ */memoize(function (prop) {\n  return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111\n  /* o */\n  && prop.charCodeAt(1) === 110\n  /* n */\n  && prop.charCodeAt(2) < 91;\n}\n/* Z+1 */\n);\n\nexport { isPropValid as default };\n"],"names":["memoize","fn","cache","arg","reactPropsRegex","isPropValid","prop"],"mappings":"AAAA,SAASA,EAAQC,GAAI;AACnB,MAAIC,IAAQ,uBAAO,OAAO,IAAI;AAC9B,SAAO,SAAUC,GAAK;AACpB,WAAID,EAAMC,CAAG,MAAM,WAAWD,EAAMC,CAAG,IAAIF,EAAGE,CAAG,IAC1CD,EAAMC,CAAG;AAAA,EAClB;AACF;ACHA,IAAIC,IAAkB,ugIAElBC,IAA6B,gBAAAL;AAAA,EAAQ,SAAUM,GAAM;AACvD,WAAOF,EAAgB,KAAKE,CAAI,KAAKA,EAAK,WAAW,CAAC,MAAM,OAEzDA,EAAK,WAAW,CAAC,MAAM,OAEvBA,EAAK,WAAW,CAAC,IAAI;AAAA,EAC1B;AAAA;AAEA;","x_google_ignoreList":[0,1]}

package/dist/chunks/{extractStyleProps-BsLft3q1.cjs.js → extractStyleProps-CZpHKp1I.cjs.js}

@@ -1,2 +1,2 @@
-"use strict";const c=require("./index-BsmdMT4w.cjs.js");function o(e){const r={},s={...e};return Object.keys(e).forEach(t=>{Object.prototype.hasOwnProperty.call(e,t)&&c.system.isValidProperty(t)&&(r[t]=e[t],delete s[t])}),[r,s]}exports.extractStyleProps=o;
-//# sourceMappingURL=extractStyleProps-BsLft3q1.cjs.js.map
+"use strict";const c=require("./index-C8Yrk__l.cjs.js");function o(e){const r={},s={...e};return Object.keys(e).forEach(t=>{Object.prototype.hasOwnProperty.call(e,t)&&c.system.isValidProperty(t)&&(r[t]=e[t],delete s[t])}),[r,s]}exports.extractStyleProps=o;
+//# sourceMappingURL=extractStyleProps-CZpHKp1I.cjs.js.map

package/dist/chunks/{extractStyleProps-BsLft3q1.cjs.js.map → extractStyleProps-CZpHKp1I.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"extractStyleProps-BsLft3q1.cjs.js","sources":["../../src/utils/extractStyleProps.ts"],"sourcesContent":["import { system } from \"@/theme\";\n\n/**\n * Extracts chakra-ui style-props from an object, separating them from other props\n * @param props The props object to separate\n * @returns A tuple containing [styleProps, otherProps]\n */\nexport function extractStyleProps<T extends object>(\n  props: T\n): [Record<string, unknown>, Omit<T, string>] {\n  const styleProps: Record<string, unknown> = {};\n  const otherProps = { ...props } as Record<string, unknown>;\n\n  // Process only own properties\n  Object.keys(props).forEach((key) => {\n    if (\n      Object.prototype.hasOwnProperty.call(props, key) &&\n      system.isValidProperty(key)\n    ) {\n      styleProps[key] = props[key as keyof T];\n      delete otherProps[key];\n    }\n  });\n\n  return [styleProps, otherProps as Omit<T, string>];\n}\n"],"names":["extractStyleProps","props","styleProps","otherProps","key","system"],"mappings":"wDAOO,SAASA,EACdC,EAC4C,CAC5C,MAAMC,EAAsC,CAAA,EACtCC,EAAa,CAAE,GAAGF,CAAA,EAGxB,cAAO,KAAKA,CAAK,EAAE,QAASG,GAAQ,CAEhC,OAAO,UAAU,eAAe,KAAKH,EAAOG,CAAG,GAC/CC,EAAAA,OAAO,gBAAgBD,CAAG,IAE1BF,EAAWE,CAAG,EAAIH,EAAMG,CAAc,EACtC,OAAOD,EAAWC,CAAG,EAEzB,CAAC,EAEM,CAACF,EAAYC,CAA6B,CACnD"}
+{"version":3,"file":"extractStyleProps-CZpHKp1I.cjs.js","sources":["../../src/utils/extractStyleProps.ts"],"sourcesContent":["import { system } from \"@/theme\";\n\n/**\n * Extracts chakra-ui style-props from an object, separating them from other props\n * @param props The props object to separate\n * @returns A tuple containing [styleProps, otherProps]\n */\nexport function extractStyleProps<T extends object>(\n  props: T\n): [Record<string, unknown>, Omit<T, string>] {\n  const styleProps: Record<string, unknown> = {};\n  const otherProps = { ...props } as Record<string, unknown>;\n\n  // Process only own properties\n  Object.keys(props).forEach((key) => {\n    if (\n      Object.prototype.hasOwnProperty.call(props, key) &&\n      system.isValidProperty(key)\n    ) {\n      styleProps[key] = props[key as keyof T];\n      delete otherProps[key];\n    }\n  });\n\n  return [styleProps, otherProps as Omit<T, string>];\n}\n"],"names":["extractStyleProps","props","styleProps","otherProps","key","system"],"mappings":"wDAOO,SAASA,EACdC,EAC4C,CAC5C,MAAMC,EAAsC,CAAA,EACtCC,EAAa,CAAE,GAAGF,CAAA,EAGxB,cAAO,KAAKA,CAAK,EAAE,QAASG,GAAQ,CAEhC,OAAO,UAAU,eAAe,KAAKH,EAAOG,CAAG,GAC/CC,EAAAA,OAAO,gBAAgBD,CAAG,IAE1BF,EAAWE,CAAG,EAAIH,EAAMG,CAAc,EACtC,OAAOD,EAAWC,CAAG,EAEzB,CAAC,EAEM,CAACF,EAAYC,CAA6B,CACnD"}

package/dist/chunks/{extractStyleProps-D6vCCKog.es.js → extractStyleProps-vA4cNUoc.es.js}

@@ -1,4 +1,4 @@
-import { s } from "./index-Dvel3Oj5.es.js";
+import { s } from "./index-jAeaCpRm.es.js";
 function a(e) {
   const r = {}, o = { ...e };
   return Object.keys(e).forEach((t) => {
@@ -8,4 +8,4 @@ function a(e) {
 export {
   a as e
 };
-//# sourceMappingURL=extractStyleProps-D6vCCKog.es.js.map
+//# sourceMappingURL=extractStyleProps-vA4cNUoc.es.js.map

package/dist/chunks/{extractStyleProps-D6vCCKog.es.js.map → extractStyleProps-vA4cNUoc.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"extractStyleProps-D6vCCKog.es.js","sources":["../../src/utils/extractStyleProps.ts"],"sourcesContent":["import { system } from \"@/theme\";\n\n/**\n * Extracts chakra-ui style-props from an object, separating them from other props\n * @param props The props object to separate\n * @returns A tuple containing [styleProps, otherProps]\n */\nexport function extractStyleProps<T extends object>(\n  props: T\n): [Record<string, unknown>, Omit<T, string>] {\n  const styleProps: Record<string, unknown> = {};\n  const otherProps = { ...props } as Record<string, unknown>;\n\n  // Process only own properties\n  Object.keys(props).forEach((key) => {\n    if (\n      Object.prototype.hasOwnProperty.call(props, key) &&\n      system.isValidProperty(key)\n    ) {\n      styleProps[key] = props[key as keyof T];\n      delete otherProps[key];\n    }\n  });\n\n  return [styleProps, otherProps as Omit<T, string>];\n}\n"],"names":["extractStyleProps","props","styleProps","otherProps","key","system"],"mappings":";AAOO,SAASA,EACdC,GAC4C;AAC5C,QAAMC,IAAsC,CAAA,GACtCC,IAAa,EAAE,GAAGF,EAAA;AAGxB,gBAAO,KAAKA,CAAK,EAAE,QAAQ,CAACG,MAAQ;AAClC,IACE,OAAO,UAAU,eAAe,KAAKH,GAAOG,CAAG,KAC/CC,EAAO,gBAAgBD,CAAG,MAE1BF,EAAWE,CAAG,IAAIH,EAAMG,CAAc,GACtC,OAAOD,EAAWC,CAAG;AAAA,EAEzB,CAAC,GAEM,CAACF,GAAYC,CAA6B;AACnD;"}
+{"version":3,"file":"extractStyleProps-vA4cNUoc.es.js","sources":["../../src/utils/extractStyleProps.ts"],"sourcesContent":["import { system } from \"@/theme\";\n\n/**\n * Extracts chakra-ui style-props from an object, separating them from other props\n * @param props The props object to separate\n * @returns A tuple containing [styleProps, otherProps]\n */\nexport function extractStyleProps<T extends object>(\n  props: T\n): [Record<string, unknown>, Omit<T, string>] {\n  const styleProps: Record<string, unknown> = {};\n  const otherProps = { ...props } as Record<string, unknown>;\n\n  // Process only own properties\n  Object.keys(props).forEach((key) => {\n    if (\n      Object.prototype.hasOwnProperty.call(props, key) &&\n      system.isValidProperty(key)\n    ) {\n      styleProps[key] = props[key as keyof T];\n      delete otherProps[key];\n    }\n  });\n\n  return [styleProps, otherProps as Omit<T, string>];\n}\n"],"names":["extractStyleProps","props","styleProps","otherProps","key","system"],"mappings":";AAOO,SAASA,EACdC,GAC4C;AAC5C,QAAMC,IAAsC,CAAA,GACtCC,IAAa,EAAE,GAAGF,EAAA;AAGxB,gBAAO,KAAKA,CAAK,EAAE,QAAQ,CAACG,MAAQ;AAClC,IACE,OAAO,UAAU,eAAe,KAAKH,GAAOG,CAAG,KAC/CC,EAAO,gBAAgBD,CAAG,MAE1BF,EAAWE,CAAG,IAAIH,EAAMG,CAAc,GACtC,OAAOD,EAAWC,CAAG;AAAA,EAEzB,CAAC,GAEM,CAACF,GAAYC,CAA6B;AACnD;"}