@commercetools/nimbus 0.0.11 → 0.0.12-rc1

package/dist/chunks/date-picker-BrkP7f-J.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-picker-BrkP7f-J.cjs.js","sources":["../../src/components/date-picker/date-picker.slots.tsx","../../src/components/date-picker/components/date-picker.time-input.tsx","../../src/components/date-picker/components/date-picker.custom-context.tsx","../../src/components/date-picker/date-picker.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react\";\n\nimport { datePickerSlotRecipe } from \"./date-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 DatePickerRecipeProps 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 DatePickerRootProps\n  extends HTMLChakraProps<\"div\", DatePickerRecipeProps> {}\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: datePickerSlotRecipe,\n});\n\n/**\n * Root component that provides the styling context for the DatePicker component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const DatePickerRootSlot = withProvider<\n  HTMLDivElement,\n  DatePickerRootProps\n>(\"div\", \"root\");\n\n/**\n * Slot component for the input group containing the DateInput and trigger button.\n */\nexport const DatePickerGroupSlot = 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 DatePickerTriggerSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"trigger\");\n\n/**\n * Slot component for the popover container.\n */\nexport const DatePickerPopoverSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"popover\");\n\n/**\n * Slot component for the calendar container within the popover.\n */\nexport const DatePickerCalendarSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"calendar\");\n\n/**\n * Slot component for the calendar header.\n */\nexport const DatePickerCalendarHeaderSlot = withContext<\n  HTMLElement,\n  HTMLChakraProps<\"header\">\n>(\"header\", \"calendarHeader\");\n\n/**\n * Slot component for the calendar grid.\n */\nexport const DatePickerCalendarGridSlot = withContext<\n  HTMLTableElement,\n  HTMLChakraProps<\"table\">\n>(\"table\", \"calendarGrid\");\n\n/**\n * Slot component for individual calendar cells.\n */\nexport const DatePickerCalendarCellSlot = 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 { DatePickerStateContext } from \"react-aria-components\";\nimport type { DatePickerTimeInputProps } from \"../date-picker.types\";\n\nexport const DatePickerTimeInput = ({\n  hideTimeZone,\n  hourCycle,\n}: DatePickerTimeInputProps) => {\n  const { locale } = useLocale();\n  const datePickerState = useContext(DatePickerStateContext);\n  const { granularity, dateValue } = datePickerState!;\n  const timeInputRef = useRef<HTMLDivElement>(null);\n  const previousDateRef = useRef(dateValue);\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 changes (user selects a date from calendar)\n  useEffect(() => {\n    // Check if date changed\n    if (dateValue && previousDateRef.current?.compare(dateValue) !== 0) {\n      // Small delay to ensure the DOM is ready\n      setTimeout(() => {\n        // Find the first focusable segment within the time input container\n        const container = timeInputRef.current;\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    previousDateRef.current = dateValue;\n  }, [dateValue]);\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      {/* TODO: translate hardcoded string */}\n      <Text textStyle=\"xs\" fontWeight=\"500\" color=\"neutral.12\">\n        Start time\n      </Text>\n      <TimeInput\n        slot=\"timeInput\"\n        locale={locale}\n        variant=\"ghost\"\n        size=\"sm\"\n        hideTimeZone={hideTimeZone}\n        hourCycle={hourCycle}\n      />\n    </Flex>\n  );\n};\n","import { useContext } from \"react\";\nimport {\n  Provider,\n  ButtonContext,\n  DatePickerStateContext,\n  TimeFieldContext,\n  useSlottedContext,\n} from \"react-aria-components\";\nimport type { PressEvent, TimeValue } from \"react-aria\";\n\nexport const DatePickerCustomContext = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const buttonContext = useSlottedContext(ButtonContext) || {};\n  const datePickerState = useContext(DatePickerStateContext);\n  const noInputValue = datePickerState?.dateValue === null;\n\n  // eslint-disable-next-line @typescript-eslint/unbound-method\n  const { timeValue, setTimeValue, granularity } = datePickerState!;\n\n  // Try to get disabled state from the button context\n  const isDatePickerDisabled = buttonContext?.isDisabled;\n\n  // Generate default aria-label based on granularity if not provided\n  const getDefaultTimeInputAriaLabel = () => {\n    switch (granularity) {\n      case \"hour\":\n        return \"Enter time (hour)\";\n      case \"minute\":\n        return \"Enter time (hour and minute)\";\n      case \"second\":\n        return \"Enter time (hour, minute, and second)\";\n      default:\n        return \"Enter 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    /** clears the input value */\n    clear: {\n      onPress: () => datePickerState?.setValue(null),\n      \"aria-label\": \"Clear input value\",\n      isDisabled: noInputValue || isDatePickerDisabled,\n    },\n  };\n\n  /**\n   * TimeInput slots\n   * ================================\n   */\n\n  const timeInputSlots = {\n    timeInput: {\n      value: timeValue,\n      onChange: (value: TimeValue | null) => {\n        if (value !== null) {\n          setTimeValue(value);\n        }\n      },\n      granularity: granularity === \"day\" ? undefined : granularity,\n      \"aria-label\": getDefaultTimeInputAriaLabel(),\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  DatePickerRootSlot,\n  DatePickerGroupSlot,\n  DatePickerTriggerSlot,\n  DatePickerPopoverSlot,\n  DatePickerCalendarSlot,\n} from \"./date-picker.slots\";\n\nimport { CalendarMonth, Close } from \"@commercetools/nimbus-icons\";\n\nimport {\n  DatePicker as ReactAriaDatePicker,\n  Group,\n  Popover,\n  Dialog,\n} from \"react-aria-components\";\nimport { useSlotRecipe } from \"@chakra-ui/react\";\nimport { datePickerSlotRecipe } from \"./date-picker.recipe\";\nimport type { DatePickerProps } from \"./date-picker.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { DateInput, Calendar, IconButton } from \"@/components\";\nimport { DatePickerTimeInput } from \"./components/date-picker.time-input\";\nimport { DatePickerCustomContext } from \"./components/date-picker.custom-context\";\n\n/**\n * DatePicker\n * ============================================================\n * Combines a DateInput with a Calendar popover for date selection.\n * Users can either type a date directly or select from the calendar.\n */\nexport const DatePicker = (props: DatePickerProps) => {\n  const {\n    size = \"md\",\n    variant,\n    granularity = \"day\",\n    hideTimeZone,\n    hourCycle,\n  } = props;\n  const recipe = useSlotRecipe({ recipe: datePickerSlotRecipe });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\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    <DatePickerRootSlot {...recipeProps} {...styleProps} asChild>\n      <ReactAriaDatePicker\n        {...otherProps}\n        shouldCloseOnSelect={shouldCloseOnSelect}\n      >\n        <DatePickerCustomContext>\n          <DatePickerGroupSlot asChild>\n            <Group>\n              <DateInput\n                size={size}\n                variant={variant}\n                width=\"full\"\n                hideTimeZone={hideTimeZone}\n                hourCycle={hourCycle}\n              />\n              <DatePickerTriggerSlot>\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              </DatePickerTriggerSlot>\n            </Group>\n          </DatePickerGroupSlot>\n          <DatePickerPopoverSlot asChild>\n            <Popover placement=\"bottom end\">\n              <Dialog>\n                <DatePickerCalendarSlot>\n                  <Calendar />\n                </DatePickerCalendarSlot>\n                <DatePickerTimeInput\n                  hideTimeZone={hideTimeZone}\n                  hourCycle={hourCycle}\n                />\n              </Dialog>\n            </Popover>\n          </DatePickerPopoverSlot>\n        </DatePickerCustomContext>\n      </ReactAriaDatePicker>\n    </DatePickerRootSlot>\n  );\n};\n\nDatePicker.displayName = \"DatePicker\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","datePickerSlotRecipe","DatePickerRootSlot","DatePickerGroupSlot","DatePickerTriggerSlot","DatePickerPopoverSlot","DatePickerCalendarSlot","DatePickerTimeInput","hideTimeZone","hourCycle","locale","useLocale","datePickerState","useContext","DatePickerStateContext","granularity","dateValue","timeInputRef","useRef","previousDateRef","useEffect","container","firstSegment","jsxs","Flex","jsx","Text","TimeInput","DatePickerCustomContext","children","buttonContext","useSlottedContext","ButtonContext","noInputValue","timeValue","setTimeValue","isDatePickerDisabled","getDefaultTimeInputAriaLabel","buttonSlots","event","activeElement","timeInputSlots","value","Provider","TimeFieldContext","DatePicker","props","size","variant","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","overlayButtonSize","shouldCloseOnSelect","ReactAriaDatePicker","Group","DateInput","IconButton","Close","CalendarMonth","Popover","Dialog","Calendar"],"mappings":"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"}

package/dist/chunks/date-picker-CTGHoJdV.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-picker-CTGHoJdV.es.js","sources":["../../src/components/date-picker/date-picker.slots.tsx","../../src/components/date-picker/components/date-picker.time-input.tsx","../../src/components/date-picker/components/date-picker.custom-context.tsx","../../src/components/date-picker/date-picker.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react\";\n\nimport { datePickerSlotRecipe } from \"./date-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 DatePickerRecipeProps 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 DatePickerRootProps\n  extends HTMLChakraProps<\"div\", DatePickerRecipeProps> {}\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: datePickerSlotRecipe,\n});\n\n/**\n * Root component that provides the styling context for the DatePicker component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const DatePickerRootSlot = withProvider<\n  HTMLDivElement,\n  DatePickerRootProps\n>(\"div\", \"root\");\n\n/**\n * Slot component for the input group containing the DateInput and trigger button.\n */\nexport const DatePickerGroupSlot = 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 DatePickerTriggerSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"trigger\");\n\n/**\n * Slot component for the popover container.\n */\nexport const DatePickerPopoverSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"popover\");\n\n/**\n * Slot component for the calendar container within the popover.\n */\nexport const DatePickerCalendarSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"calendar\");\n\n/**\n * Slot component for the calendar header.\n */\nexport const DatePickerCalendarHeaderSlot = withContext<\n  HTMLElement,\n  HTMLChakraProps<\"header\">\n>(\"header\", \"calendarHeader\");\n\n/**\n * Slot component for the calendar grid.\n */\nexport const DatePickerCalendarGridSlot = withContext<\n  HTMLTableElement,\n  HTMLChakraProps<\"table\">\n>(\"table\", \"calendarGrid\");\n\n/**\n * Slot component for individual calendar cells.\n */\nexport const DatePickerCalendarCellSlot = 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 { DatePickerStateContext } from \"react-aria-components\";\nimport type { DatePickerTimeInputProps } from \"../date-picker.types\";\n\nexport const DatePickerTimeInput = ({\n  hideTimeZone,\n  hourCycle,\n}: DatePickerTimeInputProps) => {\n  const { locale } = useLocale();\n  const datePickerState = useContext(DatePickerStateContext);\n  const { granularity, dateValue } = datePickerState!;\n  const timeInputRef = useRef<HTMLDivElement>(null);\n  const previousDateRef = useRef(dateValue);\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 changes (user selects a date from calendar)\n  useEffect(() => {\n    // Check if date changed\n    if (dateValue && previousDateRef.current?.compare(dateValue) !== 0) {\n      // Small delay to ensure the DOM is ready\n      setTimeout(() => {\n        // Find the first focusable segment within the time input container\n        const container = timeInputRef.current;\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    previousDateRef.current = dateValue;\n  }, [dateValue]);\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      {/* TODO: translate hardcoded string */}\n      <Text textStyle=\"xs\" fontWeight=\"500\" color=\"neutral.12\">\n        Start time\n      </Text>\n      <TimeInput\n        slot=\"timeInput\"\n        locale={locale}\n        variant=\"ghost\"\n        size=\"sm\"\n        hideTimeZone={hideTimeZone}\n        hourCycle={hourCycle}\n      />\n    </Flex>\n  );\n};\n","import { useContext } from \"react\";\nimport {\n  Provider,\n  ButtonContext,\n  DatePickerStateContext,\n  TimeFieldContext,\n  useSlottedContext,\n} from \"react-aria-components\";\nimport type { PressEvent, TimeValue } from \"react-aria\";\n\nexport const DatePickerCustomContext = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const buttonContext = useSlottedContext(ButtonContext) || {};\n  const datePickerState = useContext(DatePickerStateContext);\n  const noInputValue = datePickerState?.dateValue === null;\n\n  // eslint-disable-next-line @typescript-eslint/unbound-method\n  const { timeValue, setTimeValue, granularity } = datePickerState!;\n\n  // Try to get disabled state from the button context\n  const isDatePickerDisabled = buttonContext?.isDisabled;\n\n  // Generate default aria-label based on granularity if not provided\n  const getDefaultTimeInputAriaLabel = () => {\n    switch (granularity) {\n      case \"hour\":\n        return \"Enter time (hour)\";\n      case \"minute\":\n        return \"Enter time (hour and minute)\";\n      case \"second\":\n        return \"Enter time (hour, minute, and second)\";\n      default:\n        return \"Enter 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    /** clears the input value */\n    clear: {\n      onPress: () => datePickerState?.setValue(null),\n      \"aria-label\": \"Clear input value\",\n      isDisabled: noInputValue || isDatePickerDisabled,\n    },\n  };\n\n  /**\n   * TimeInput slots\n   * ================================\n   */\n\n  const timeInputSlots = {\n    timeInput: {\n      value: timeValue,\n      onChange: (value: TimeValue | null) => {\n        if (value !== null) {\n          setTimeValue(value);\n        }\n      },\n      granularity: granularity === \"day\" ? undefined : granularity,\n      \"aria-label\": getDefaultTimeInputAriaLabel(),\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  DatePickerRootSlot,\n  DatePickerGroupSlot,\n  DatePickerTriggerSlot,\n  DatePickerPopoverSlot,\n  DatePickerCalendarSlot,\n} from \"./date-picker.slots\";\n\nimport { CalendarMonth, Close } from \"@commercetools/nimbus-icons\";\n\nimport {\n  DatePicker as ReactAriaDatePicker,\n  Group,\n  Popover,\n  Dialog,\n} from \"react-aria-components\";\nimport { useSlotRecipe } from \"@chakra-ui/react\";\nimport { datePickerSlotRecipe } from \"./date-picker.recipe\";\nimport type { DatePickerProps } from \"./date-picker.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { DateInput, Calendar, IconButton } from \"@/components\";\nimport { DatePickerTimeInput } from \"./components/date-picker.time-input\";\nimport { DatePickerCustomContext } from \"./components/date-picker.custom-context\";\n\n/**\n * DatePicker\n * ============================================================\n * Combines a DateInput with a Calendar popover for date selection.\n * Users can either type a date directly or select from the calendar.\n */\nexport const DatePicker = (props: DatePickerProps) => {\n  const {\n    size = \"md\",\n    variant,\n    granularity = \"day\",\n    hideTimeZone,\n    hourCycle,\n  } = props;\n  const recipe = useSlotRecipe({ recipe: datePickerSlotRecipe });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\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    <DatePickerRootSlot {...recipeProps} {...styleProps} asChild>\n      <ReactAriaDatePicker\n        {...otherProps}\n        shouldCloseOnSelect={shouldCloseOnSelect}\n      >\n        <DatePickerCustomContext>\n          <DatePickerGroupSlot asChild>\n            <Group>\n              <DateInput\n                size={size}\n                variant={variant}\n                width=\"full\"\n                hideTimeZone={hideTimeZone}\n                hourCycle={hourCycle}\n              />\n              <DatePickerTriggerSlot>\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              </DatePickerTriggerSlot>\n            </Group>\n          </DatePickerGroupSlot>\n          <DatePickerPopoverSlot asChild>\n            <Popover placement=\"bottom end\">\n              <Dialog>\n                <DatePickerCalendarSlot>\n                  <Calendar />\n                </DatePickerCalendarSlot>\n                <DatePickerTimeInput\n                  hideTimeZone={hideTimeZone}\n                  hourCycle={hourCycle}\n                />\n              </Dialog>\n            </Popover>\n          </DatePickerPopoverSlot>\n        </DatePickerCustomContext>\n      </ReactAriaDatePicker>\n    </DatePickerRootSlot>\n  );\n};\n\nDatePicker.displayName = \"DatePicker\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","datePickerSlotRecipe","DatePickerRootSlot","DatePickerGroupSlot","DatePickerTriggerSlot","DatePickerPopoverSlot","DatePickerCalendarSlot","DatePickerTimeInput","hideTimeZone","hourCycle","locale","useLocale","datePickerState","useContext","DatePickerStateContext","granularity","dateValue","timeInputRef","useRef","previousDateRef","useEffect","container","firstSegment","jsxs","Flex","jsx","Text","TimeInput","DatePickerCustomContext","children","buttonContext","useSlottedContext","ButtonContext","noInputValue","timeValue","setTimeValue","isDatePickerDisabled","getDefaultTimeInputAriaLabel","buttonSlots","event","activeElement","timeInputSlots","value","Provider","TimeFieldContext","DatePicker","props","size","variant","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","overlayButtonSize","shouldCloseOnSelect","ReactAriaDatePicker","Group","DateInput","IconButton","Close","CalendarMonth","Popover","Dialog","Calendar"],"mappings":"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"}

package/dist/chunks/date-picker.recipe-5Avb06qp.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const a=require("@chakra-ui/react"),e=a.defineSlotRecipe({className:"nimbus-date-picker",slots:["root","group","trigger","popover","calendar","calendarHeader","calendarGrid","calendarCell"],base:{root:{display:"inline-block",overflow:"hidden"},group:{position:"relative"},trigger:{position:"absolute",right:"400",top:"100"},popover:{bg:"neutral.1",boxShadow:"4",borderRadius:"300",overflow:"auto","&[data-entering]":{animationName:"fade-in, scale-in",animationDuration:"fast"},"&[data-exiting]":{animationName:"fade-out, scale-out",animationDuration:"faster"}}},variants:{size:{sm:{group:{"& .nimbus-date-input__root":{mr:"1400"}},trigger:{top:"50"}},md:{group:{"& .nimbus-date-input__root":{mr:"calc({spacing.1600} + {spacing.200})"}},trigger:{top:"100"}}},variant:{solid:{},ghost:{}}},defaultVariants:{size:"md"}});exports.datePickerSlotRecipe=e;
-//# sourceMappingURL=date-picker.recipe-5Avb06qp.cjs.js.map

package/dist/chunks/date-picker.recipe-5Avb06qp.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-picker.recipe-5Avb06qp.cjs.js","sources":["../../src/components/date-picker/date-picker.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react\";\n\n/**\n * Recipe configuration for the DatePicker component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const datePickerSlotRecipe = defineSlotRecipe({\n  // Unique class name prefix for the component\n  className: \"nimbus-date-picker\",\n  slots: [\n    \"root\",\n    \"group\",\n    \"trigger\",\n    \"popover\",\n    \"calendar\",\n    \"calendarHeader\",\n    \"calendarGrid\",\n    \"calendarCell\",\n  ],\n\n  // Base styles applied to all instances of the component\n  base: {\n    root: {\n      display: \"inline-block\",\n      overflow: \"hidden\",\n    },\n    group: {\n      position: \"relative\",\n    },\n    trigger: {\n      position: \"absolute\",\n      right: \"400\",\n      top: \"100\",\n    },\n    popover: {\n      bg: \"neutral.1\",\n      boxShadow: \"4\",\n      borderRadius: \"300\",\n      overflow: \"auto\",\n\n      \"&[data-entering]\": {\n        animationName: \"fade-in, scale-in\",\n        animationDuration: \"fast\",\n      },\n\n      \"&[data-exiting]\": {\n        animationName: \"fade-out, scale-out\",\n        animationDuration: \"faster\",\n      },\n    },\n  },\n  variants: {\n    // Size variants from smallest to largest\n    size: {\n      sm: {\n        group: {\n          \"& .nimbus-date-input__root\": {\n            mr: \"1400\",\n          },\n        },\n        trigger: {\n          top: \"50\",\n        },\n      },\n      md: {\n        group: {\n          \"& .nimbus-date-input__root\": {\n            // combine 2 tokens cause there is no token for this crooked value\n            mr: \"calc({spacing.1600} + {spacing.200})\",\n          },\n        },\n        trigger: {\n          top: \"100\",\n        },\n      },\n    },\n    variant: {\n      // those need to exist, as the date-input has and needs those variants\n      solid: {},\n      ghost: {},\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n"],"names":["datePickerSlotRecipe","defineSlotRecipe"],"mappings":"iDAMaA,EAAuBC,EAAAA,iBAAiB,CAEnD,UAAW,qBACX,MAAO,CACL,OACA,QACA,UACA,UACA,WACA,iBACA,eACA,cAAA,EAIF,KAAM,CACJ,KAAM,CACJ,QAAS,eACT,SAAU,QAAA,EAEZ,MAAO,CACL,SAAU,UAAA,EAEZ,QAAS,CACP,SAAU,WACV,MAAO,MACP,IAAK,KAAA,EAEP,QAAS,CACP,GAAI,YACJ,UAAW,IACX,aAAc,MACd,SAAU,OAEV,mBAAoB,CAClB,cAAe,oBACf,kBAAmB,MAAA,EAGrB,kBAAmB,CACjB,cAAe,sBACf,kBAAmB,QAAA,CACrB,CACF,EAEF,SAAU,CAER,KAAM,CACJ,GAAI,CACF,MAAO,CACL,6BAA8B,CAC5B,GAAI,MAAA,CACN,EAEF,QAAS,CACP,IAAK,IAAA,CACP,EAEF,GAAI,CACF,MAAO,CACL,6BAA8B,CAE5B,GAAI,sCAAA,CACN,EAEF,QAAS,CACP,IAAK,KAAA,CACP,CACF,EAEF,QAAS,CAEP,MAAO,CAAA,EACP,MAAO,CAAA,CAAC,CACV,EAEF,gBAAiB,CACf,KAAM,IAAA,CAEV,CAAC"}

package/dist/chunks/date-picker.recipe-Dy6NmKHA.es.js

@@ -1,82 +0,0 @@
-import { defineSlotRecipe as a } from "@chakra-ui/react";
-const i = /* @__PURE__ */ a({
-  // Unique class name prefix for the component
-  className: "nimbus-date-picker",
-  slots: [
-    "root",
-    "group",
-    "trigger",
-    "popover",
-    "calendar",
-    "calendarHeader",
-    "calendarGrid",
-    "calendarCell"
-  ],
-  // Base styles applied to all instances of the component
-  base: {
-    root: {
-      display: "inline-block",
-      overflow: "hidden"
-    },
-    group: {
-      position: "relative"
-    },
-    trigger: {
-      position: "absolute",
-      right: "400",
-      top: "100"
-    },
-    popover: {
-      bg: "neutral.1",
-      boxShadow: "4",
-      borderRadius: "300",
-      overflow: "auto",
-      "&[data-entering]": {
-        animationName: "fade-in, scale-in",
-        animationDuration: "fast"
-      },
-      "&[data-exiting]": {
-        animationName: "fade-out, scale-out",
-        animationDuration: "faster"
-      }
-    }
-  },
-  variants: {
-    // Size variants from smallest to largest
-    size: {
-      sm: {
-        group: {
-          "& .nimbus-date-input__root": {
-            mr: "1400"
-          }
-        },
-        trigger: {
-          top: "50"
-        }
-      },
-      md: {
-        group: {
-          "& .nimbus-date-input__root": {
-            // combine 2 tokens cause there is no token for this crooked value
-            mr: "calc({spacing.1600} + {spacing.200})"
-          }
-        },
-        trigger: {
-          top: "100"
-        }
-      }
-    },
-    variant: {
-      // those need to exist, as the date-input has and needs those variants
-      solid: {},
-      ghost: {}
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-});
-export {
-  i as d
-};
-//# sourceMappingURL=date-picker.recipe-Dy6NmKHA.es.js.map

package/dist/chunks/date-picker.recipe-Dy6NmKHA.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-picker.recipe-Dy6NmKHA.es.js","sources":["../../src/components/date-picker/date-picker.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react\";\n\n/**\n * Recipe configuration for the DatePicker component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const datePickerSlotRecipe = defineSlotRecipe({\n  // Unique class name prefix for the component\n  className: \"nimbus-date-picker\",\n  slots: [\n    \"root\",\n    \"group\",\n    \"trigger\",\n    \"popover\",\n    \"calendar\",\n    \"calendarHeader\",\n    \"calendarGrid\",\n    \"calendarCell\",\n  ],\n\n  // Base styles applied to all instances of the component\n  base: {\n    root: {\n      display: \"inline-block\",\n      overflow: \"hidden\",\n    },\n    group: {\n      position: \"relative\",\n    },\n    trigger: {\n      position: \"absolute\",\n      right: \"400\",\n      top: \"100\",\n    },\n    popover: {\n      bg: \"neutral.1\",\n      boxShadow: \"4\",\n      borderRadius: \"300\",\n      overflow: \"auto\",\n\n      \"&[data-entering]\": {\n        animationName: \"fade-in, scale-in\",\n        animationDuration: \"fast\",\n      },\n\n      \"&[data-exiting]\": {\n        animationName: \"fade-out, scale-out\",\n        animationDuration: \"faster\",\n      },\n    },\n  },\n  variants: {\n    // Size variants from smallest to largest\n    size: {\n      sm: {\n        group: {\n          \"& .nimbus-date-input__root\": {\n            mr: \"1400\",\n          },\n        },\n        trigger: {\n          top: \"50\",\n        },\n      },\n      md: {\n        group: {\n          \"& .nimbus-date-input__root\": {\n            // combine 2 tokens cause there is no token for this crooked value\n            mr: \"calc({spacing.1600} + {spacing.200})\",\n          },\n        },\n        trigger: {\n          top: \"100\",\n        },\n      },\n    },\n    variant: {\n      // those need to exist, as the date-input has and needs those variants\n      solid: {},\n      ghost: {},\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n"],"names":["datePickerSlotRecipe","defineSlotRecipe"],"mappings":";AAMO,MAAMA,IAAuB,gBAAAC,EAAiB;AAAA;AAAA,EAEnD,WAAW;AAAA,EACX,OAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA;AAAA,EAIF,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,UAAU;AAAA,IAAA;AAAA,IAEZ,OAAO;AAAA,MACL,UAAU;AAAA,IAAA;AAAA,IAEZ,SAAS;AAAA,MACP,UAAU;AAAA,MACV,OAAO;AAAA,MACP,KAAK;AAAA,IAAA;AAAA,IAEP,SAAS;AAAA,MACP,IAAI;AAAA,MACJ,WAAW;AAAA,MACX,cAAc;AAAA,MACd,UAAU;AAAA,MAEV,oBAAoB;AAAA,QAClB,eAAe;AAAA,QACf,mBAAmB;AAAA,MAAA;AAAA,MAGrB,mBAAmB;AAAA,QACjB,eAAe;AAAA,QACf,mBAAmB;AAAA,MAAA;AAAA,IACrB;AAAA,EACF;AAAA,EAEF,UAAU;AAAA;AAAA,IAER,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,OAAO;AAAA,UACL,8BAA8B;AAAA,YAC5B,IAAI;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,SAAS;AAAA,UACP,KAAK;AAAA,QAAA;AAAA,MACP;AAAA,MAEF,IAAI;AAAA,QACF,OAAO;AAAA,UACL,8BAA8B;AAAA;AAAA,YAE5B,IAAI;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,SAAS;AAAA,UACP,KAAK;AAAA,QAAA;AAAA,MACP;AAAA,IACF;AAAA,IAEF,SAAS;AAAA;AAAA,MAEP,OAAO,CAAA;AAAA,MACP,OAAO,CAAA;AAAA,IAAC;AAAA,EACV;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC;"}

package/dist/chunks/date-range-picker-BZ7e2THh.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),f=require("@chakra-ui/react"),q=require("./date-range-picker.recipe-BARriKKl.cjs.js"),P=require("@commercetools/nimbus-icons"),j=require("./DatePicker-BD8RjPSL.cjs.js"),R=require("./Dialog-Btds5x4W.cjs.js"),k=require("./Group-apcpZquv.cjs.js"),V=require("./extractStyleProps-lyk7D-zN.cjs.js"),S=require("./icon-button-QwpNTUZ8.cjs.js"),v=require("./text--fhvW47o.cjs.js"),D=require("./date-input-B3VEJdpa.cjs.js"),w=require("./range-calendar-CsS-i222.cjs.js"),C=require("./time-input-BH0G5PFd.cjs.js"),g=require("react"),z=require("./context-DURpz5en.cjs.js"),y=require("./Button-BjOgrRmH.cjs.js"),I=require("./utils-sWqo2nmW.cjs.js"),E=require("./DateField-G0i9Cflc.cjs.js"),{withProvider:B,withContext:b}=f.createSlotRecipeContext({recipe:q.dateRangePickerSlotRecipe}),F=B("div","root"),W=b("div","group"),G=b("div","trigger"),O=b("div","popover"),A=b("div","calendar"),H=({hideTimeZone:o,hourCycle:i})=>{const{locale:t}=z.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),l=g.useContext(j.$06d5b8ec9ee5d538$export$80d7ae1f804790be),{granularity:s,value:a}=l,d=g.useRef(null),u=g.useRef(a);return s==="day"?null:(g.useEffect(()=>{(a?.start&&u.current?.start?.compare(a.start)!==0||a?.end&&u.current?.end?.compare(a.end)!==0)&&setTimeout(()=>{const c=d.current;if(c){const x=c.querySelector('[role="spinbutton"]');x&&x.focus()}},50),u.current=a},[a]),e.jsxs(f.Flex,{ref:d,borderTop:"solid-25",borderColor:"neutral.3",py:"300",px:"400",alignItems:"center",justifyContent:"center",gap:"200",children:[e.jsxs(f.Flex,{alignItems:"center",gap:"200",children:[e.jsx(v.Text,{textStyle:"xs",fontWeight:"500",color:"neutral.12",minWidth:"fit-content",children:"Start time"}),e.jsx(C.TimeInput,{slot:"startTimeInput",locale:t,variant:"ghost",size:"sm",hideTimeZone:o,hourCycle:i})]}),e.jsxs(f.Flex,{alignItems:"center",gap:"200",children:[e.jsx(v.Text,{textStyle:"xs",fontWeight:"500",color:"neutral.12",minWidth:"fit-content",children:"End time"}),e.jsx(C.TimeInput,{slot:"endTimeInput",locale:t,variant:"ghost",size:"sm",hideTimeZone:o,hourCycle:i})]})]}))},L=({children:o})=>{const i=I.$64fa3d84918910a7$export$fabf2dc03a41866e(y.$d2b4bc8c273e7be6$export$24d547caef80ccd1)||{},t=g.useContext(j.$06d5b8ec9ee5d538$export$80d7ae1f804790be),l=!t?.value||!t.value.start&&!t.value.end,{granularity:s}=t,a=t?.value?.start&&"hour"in t.value.start?t.value.start:null,d=t?.value?.end&&"hour"in t.value.end?t.value.end:null,u=i?.isDisabled,p=n=>{const r=n==="start"?"Start":"End";switch(s){case"hour":return`${r} time (hour)`;case"minute":return`${r} time (hour and minute)`;case"second":return`${r} time (hour, minute, and second)`;default:return`${r} time`}},c={calendarToggle:{...i,onPress:n=>{const r=document?.activeElement;r&&r.blur(),i.onPress?.(n)}},clear:{onPress:()=>t?.setValue(null),"aria-label":"Clear input value",isDisabled:l||u}},x={startTimeInput:{value:a,onChange:n=>{if(n!==null&&t?.value?.start){const r=t.value,h=r.start,m=r.end;if(h&&m){const $=h.set({hour:n.hour,minute:n.minute||0,second:n.second||0,millisecond:n.millisecond||0});t.setValue({start:$,end:m})}}},granularity:s==="day"?void 0:s,"aria-label":p("start")},endTimeInput:{value:d,onChange:n=>{if(n!==null&&t?.value?.end){const r=t.value,h=r.start,m=r.end;if(h&&m){const $=m.set({hour:n.hour,minute:n.minute||0,second:n.second||0,millisecond:n.millisecond||0});t.setValue({start:h,end:$})}}},granularity:s==="day"?void 0:s,"aria-label":p("end")}};return e.jsx(I.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[y.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{slots:c}],[E.$40825cdb76e74f70$export$8e17ddc448e87c1e,{slots:x}]],children:o})},T=o=>{const{granularity:i="day",hideTimeZone:t,hourCycle:l}=o,s=f.useSlotRecipe({recipe:q.dateRangePickerSlotRecipe}),[a,d]=s.splitVariantProps(o),[u,p]=V.extractStyleProps(d),{size:c="md",variant:x}=a,n=c==="md"?"xs":"2xs",r=i==="day"?o.shouldCloseOnSelect:!1;return e.jsx(F,{...a,...u,asChild:!0,children:e.jsx(j.$06d5b8ec9ee5d538$export$17334619f3ac2224,{...p,shouldCloseOnSelect:r,children:e.jsxs(L,{children:[e.jsx(W,{asChild:!0,children:e.jsxs(k.$a049562f99e7db0e$export$eb2fcfdbd7ba97d4,{children:[e.jsx(D.DateInput,{slot:"start",size:c,variant:"plain",width:"auto",hideTimeZone:t,hourCycle:l}),e.jsx(v.Text,{as:"span",px:"150",color:"neutral.11",userSelect:"none","aria-hidden":"true",slot:null,children:"–"}),e.jsx(D.DateInput,{slot:"end",size:c,variant:"plain",width:"auto",hideTimeZone:t,hourCycle:l}),e.jsxs(G,{children:[e.jsx(S.IconButton,{tone:"primary",variant:"ghost",size:n,slot:"clear",children:e.jsx(P.Close,{})}),e.jsx(S.IconButton,{tone:"primary",variant:"ghost",size:n,slot:"calendarToggle",children:e.jsx(P.CalendarMonth,{})})]})]})}),e.jsx(O,{asChild:!0,children:e.jsx(R.$07b14b47974efb58$export$5b6b19405a83ff9d,{placement:"bottom end",children:e.jsxs(R.$de32f1b87079253c$export$3ddf2d174ce01153,{children:[e.jsx(A,{children:e.jsx(w.RangeCalendar,{})}),e.jsx(H,{hideTimeZone:t,hourCycle:l})]})})})]})})})};T.displayName="DateRangePicker";exports.DateRangePicker=T;
-//# sourceMappingURL=date-range-picker-BZ7e2THh.cjs.js.map

package/dist/chunks/date-range-picker-BZ7e2THh.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-range-picker-BZ7e2THh.cjs.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\";\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  // DateRangePicker-specific: Focus the time input when date range changes (user selects dates from calendar)\n  useEffect(() => {\n    // DateRangePicker-specific: 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      // Small delay to ensure the DOM is ready\n      setTimeout(() => {\n        // Find the first focusable segment within the time input container\n        const container = timeInputRef.current;\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    // DateRangePicker-specific: Update previous value reference for range comparison\n    previousValueRef.current = value;\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      {/* DateRangePicker-specific: 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      {/* DateRangePicker-specific: 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  // DateRangePicker-specific: Check if both start and end values are empty for clear button state\n  const noInputValue =\n    !dateRangePickerState?.value ||\n    (!dateRangePickerState.value.start && !dateRangePickerState.value.end);\n\n  // eslint-disable-next-line @typescript-eslint/unbound-method\n  const { granularity } = dateRangePickerState!;\n\n  // DateRangePicker-specific: 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    /** clears the input value */\n    clear: {\n      // DateRangePicker-specific: Clear both start and end values\n      onPress: () => dateRangePickerState?.setValue(null),\n      \"aria-label\": \"Clear input value\",\n      isDisabled: noInputValue || isDateRangePickerDisabled,\n    },\n  };\n\n  /**\n   * TimeInput slots\n   * ================================\n   */\n\n  // DateRangePicker-specific: 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          // DateRangePicker-specific: 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          // DateRangePicker-specific: 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\";\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\", variant } = 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","container","firstSegment","jsxs","Flex","jsx","Text","TimeInput","DateRangePickerCustomContext","children","buttonContext","useSlottedContext","ButtonContext","noInputValue","startTimeValue","endTimeValue","isDateRangePickerDisabled","getDefaultTimeInputAriaLabel","type","prefix","buttonSlots","event","activeElement","timeInputSlots","currentValue","startDate","endDate","newStartDate","newEndDate","Provider","TimeFieldContext","DateRangePicker","props","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","size","variant","overlayButtonSize","shouldCloseOnSelect","ReactAriaDateRangePicker","Group","DateInput","IconButton","Close","CalendarMonth","Popover","Dialog","RangeCalendar"],"mappings":"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"}

package/dist/chunks/date-range-picker-DYAE8hY-.es.js

@@ -1,273 +0,0 @@
-import { jsxs as u, jsx as t } from "react/jsx-runtime";
-import { createSlotRecipeContext as k, Flex as v, useSlotRecipe as V } from "@chakra-ui/react";
-import { d as y } from "./date-range-picker.recipe-CuI7inaU.es.js";
-import { Close as w, CalendarMonth as z } from "@commercetools/nimbus-icons";
-import { b as T, c as E } from "./DatePicker-3TZ8oKaR.es.js";
-import { $ as W, a as j } from "./Dialog-CFERgD91.es.js";
-import { $ as B } from "./Group-Brffs0pl.es.js";
-import { e as G } from "./extractStyleProps-CxgBrz3O.es.js";
-import { I as P } from "./icon-button-CPBzhg2C.es.js";
-import { T as x } from "./text-CFsPSPPs.es.js";
-import { D as S } from "./date-input-TeYMF5Hb.es.js";
-import { R as O } from "./range-calendar-DEpcpGLw.es.js";
-import { T as C } from "./time-input-DeYvqDoa.es.js";
-import { useContext as I, useRef as D, useEffect as q } from "react";
-import { $ as A } from "./context-D3RF-nTI.es.js";
-import { $ as R } from "./Button-BsN1D5Hi.es.js";
-import { c as F, d as H } from "./utils-CEdpnSRC.es.js";
-import { d as L } from "./DateField-BozrMa9v.es.js";
-const { withProvider: M, withContext: b } = /* @__PURE__ */ k({
-  recipe: y
-}), N = /* @__PURE__ */ M("div", "root"), J = /* @__PURE__ */ b("div", "group"), K = /* @__PURE__ */ b("div", "trigger"), Q = /* @__PURE__ */ b("div", "popover"), U = /* @__PURE__ */ b("div", "calendar"), X = ({
-  hideTimeZone: s,
-  hourCycle: i
-}) => {
-  const { locale: e } = A(), c = I(T), { granularity: o, value: a } = c, m = D(null), d = D(a);
-  return o === "day" ? null : (q(() => {
-    (a?.start && d.current?.start?.compare(a.start) !== 0 || a?.end && d.current?.end?.compare(a.end) !== 0) && setTimeout(() => {
-      const l = m.current;
-      if (l) {
-        const f = l.querySelector(
-          '[role="spinbutton"]'
-        );
-        f && f.focus();
-      }
-    }, 50), d.current = a;
-  }, [a]), /* @__PURE__ */ u(
-    v,
-    {
-      ref: m,
-      borderTop: "solid-25",
-      borderColor: "neutral.3",
-      py: "300",
-      px: "400",
-      alignItems: "center",
-      justifyContent: "center",
-      gap: "200",
-      children: [
-        /* @__PURE__ */ u(v, { alignItems: "center", gap: "200", children: [
-          /* @__PURE__ */ t(
-            x,
-            {
-              textStyle: "xs",
-              fontWeight: "500",
-              color: "neutral.12",
-              minWidth: "fit-content",
-              children: "Start time"
-            }
-          ),
-          /* @__PURE__ */ t(
-            C,
-            {
-              slot: "startTimeInput",
-              locale: e,
-              variant: "ghost",
-              size: "sm",
-              hideTimeZone: s,
-              hourCycle: i
-            }
-          )
-        ] }),
-        /* @__PURE__ */ u(v, { alignItems: "center", gap: "200", children: [
-          /* @__PURE__ */ t(
-            x,
-            {
-              textStyle: "xs",
-              fontWeight: "500",
-              color: "neutral.12",
-              minWidth: "fit-content",
-              children: "End time"
-            }
-          ),
-          /* @__PURE__ */ t(
-            C,
-            {
-              slot: "endTimeInput",
-              locale: e,
-              variant: "ghost",
-              size: "sm",
-              hideTimeZone: s,
-              hourCycle: i
-            }
-          )
-        ] })
-      ]
-    }
-  ));
-}, Y = ({
-  children: s
-}) => {
-  const i = F(R) || {}, e = I(T), c = !e?.value || !e.value.start && !e.value.end, { granularity: o } = e, a = e?.value?.start && "hour" in e.value.start ? e.value.start : null, m = e?.value?.end && "hour" in e.value.end ? e.value.end : null, d = i?.isDisabled, p = (n) => {
-    const r = n === "start" ? "Start" : "End";
-    switch (o) {
-      case "hour":
-        return `${r} time (hour)`;
-      case "minute":
-        return `${r} time (hour and minute)`;
-      case "second":
-        return `${r} time (hour, minute, and second)`;
-      default:
-        return `${r} time`;
-    }
-  }, l = {
-    /** toggles the calendar popover */
-    calendarToggle: {
-      ...i,
-      onPress: (n) => {
-        const r = document?.activeElement;
-        r && r.blur(), i.onPress?.(n);
-      }
-    },
-    /** clears the input value */
-    clear: {
-      // DateRangePicker-specific: Clear both start and end values
-      onPress: () => e?.setValue(null),
-      "aria-label": "Clear input value",
-      isDisabled: c || d
-    }
-  }, f = {
-    startTimeInput: {
-      value: a,
-      onChange: (n) => {
-        if (n !== null && e?.value?.start) {
-          const r = e.value, h = r.start, g = r.end;
-          if (h && g) {
-            const $ = h.set({
-              hour: n.hour,
-              minute: n.minute || 0,
-              second: n.second || 0,
-              millisecond: n.millisecond || 0
-            });
-            e.setValue({
-              start: $,
-              end: g
-            });
-          }
-        }
-      },
-      granularity: o === "day" ? void 0 : o,
-      "aria-label": p("start")
-    },
-    endTimeInput: {
-      value: m,
-      onChange: (n) => {
-        if (n !== null && e?.value?.end) {
-          const r = e.value, h = r.start, g = r.end;
-          if (h && g) {
-            const $ = g.set({
-              hour: n.hour,
-              minute: n.minute || 0,
-              second: n.second || 0,
-              millisecond: n.millisecond || 0
-            });
-            e.setValue({
-              start: h,
-              end: $
-            });
-          }
-        }
-      },
-      granularity: o === "day" ? void 0 : o,
-      "aria-label": p("end")
-    }
-  };
-  return /* @__PURE__ */ t(
-    H,
-    {
-      values: [
-        [
-          R,
-          {
-            slots: l
-          }
-        ],
-        [L, { slots: f }]
-      ],
-      children: s
-    }
-  );
-}, Z = (s) => {
-  const { granularity: i = "day", hideTimeZone: e, hourCycle: c } = s, o = V({ recipe: y }), [a, m] = o.splitVariantProps(s), [d, p] = G(m), { size: l = "md", variant: f } = a, n = l === "md" ? "xs" : "2xs", r = i === "day" ? s.shouldCloseOnSelect : !1;
-  return /* @__PURE__ */ t(N, { ...a, ...d, asChild: !0, children: /* @__PURE__ */ t(
-    E,
-    {
-      ...p,
-      shouldCloseOnSelect: r,
-      children: /* @__PURE__ */ u(Y, { children: [
-        /* @__PURE__ */ t(J, { asChild: !0, children: /* @__PURE__ */ u(B, { children: [
-          /* @__PURE__ */ t(
-            S,
-            {
-              slot: "start",
-              size: l,
-              variant: "plain",
-              width: "auto",
-              hideTimeZone: e,
-              hourCycle: c
-            }
-          ),
-          /* @__PURE__ */ t(
-            x,
-            {
-              as: "span",
-              px: "150",
-              color: "neutral.11",
-              userSelect: "none",
-              "aria-hidden": "true",
-              slot: null,
-              children: "–"
-            }
-          ),
-          /* @__PURE__ */ t(
-            S,
-            {
-              slot: "end",
-              size: l,
-              variant: "plain",
-              width: "auto",
-              hideTimeZone: e,
-              hourCycle: c
-            }
-          ),
-          /* @__PURE__ */ u(K, { children: [
-            /* @__PURE__ */ t(
-              P,
-              {
-                tone: "primary",
-                variant: "ghost",
-                size: n,
-                slot: "clear",
-                children: /* @__PURE__ */ t(w, {})
-              }
-            ),
-            /* @__PURE__ */ t(
-              P,
-              {
-                tone: "primary",
-                variant: "ghost",
-                size: n,
-                slot: "calendarToggle",
-                children: /* @__PURE__ */ t(z, {})
-              }
-            )
-          ] })
-        ] }) }),
-        /* @__PURE__ */ t(Q, { asChild: !0, children: /* @__PURE__ */ t(W, { placement: "bottom end", children: /* @__PURE__ */ u(j, { children: [
-          /* @__PURE__ */ t(U, { children: /* @__PURE__ */ t(O, {}) }),
-          /* @__PURE__ */ t(
-            X,
-            {
-              hideTimeZone: e,
-              hourCycle: c
-            }
-          )
-        ] }) }) })
-      ] })
-    }
-  ) });
-};
-Z.displayName = "DateRangePicker";
-export {
-  Z as D
-};
-//# sourceMappingURL=date-range-picker-DYAE8hY-.es.js.map

package/dist/chunks/date-range-picker-DYAE8hY-.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-range-picker-DYAE8hY-.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\";\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  // DateRangePicker-specific: Focus the time input when date range changes (user selects dates from calendar)\n  useEffect(() => {\n    // DateRangePicker-specific: 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      // Small delay to ensure the DOM is ready\n      setTimeout(() => {\n        // Find the first focusable segment within the time input container\n        const container = timeInputRef.current;\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    // DateRangePicker-specific: Update previous value reference for range comparison\n    previousValueRef.current = value;\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      {/* DateRangePicker-specific: 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      {/* DateRangePicker-specific: 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  // DateRangePicker-specific: Check if both start and end values are empty for clear button state\n  const noInputValue =\n    !dateRangePickerState?.value ||\n    (!dateRangePickerState.value.start && !dateRangePickerState.value.end);\n\n  // eslint-disable-next-line @typescript-eslint/unbound-method\n  const { granularity } = dateRangePickerState!;\n\n  // DateRangePicker-specific: 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    /** clears the input value */\n    clear: {\n      // DateRangePicker-specific: Clear both start and end values\n      onPress: () => dateRangePickerState?.setValue(null),\n      \"aria-label\": \"Clear input value\",\n      isDisabled: noInputValue || isDateRangePickerDisabled,\n    },\n  };\n\n  /**\n   * TimeInput slots\n   * ================================\n   */\n\n  // DateRangePicker-specific: 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          // DateRangePicker-specific: 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          // DateRangePicker-specific: 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\";\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\", variant } = 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","container","firstSegment","jsxs","Flex","jsx","Text","TimeInput","DateRangePickerCustomContext","children","buttonContext","useSlottedContext","ButtonContext","noInputValue","startTimeValue","endTimeValue","isDateRangePickerDisabled","getDefaultTimeInputAriaLabel","type","prefix","buttonSlots","event","activeElement","timeInputSlots","currentValue","startDate","endDate","newStartDate","newEndDate","Provider","TimeFieldContext","DateRangePicker","props","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","size","variant","overlayButtonSize","shouldCloseOnSelect","ReactAriaDateRangePicker","Group","DateInput","IconButton","Close","CalendarMonth","Popover","Dialog","RangeCalendar"],"mappings":"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"}

package/dist/chunks/date-range-picker.recipe-BARriKKl.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const r=require("@chakra-ui/react"),e=r.defineSlotRecipe({className:"nimbus-date-range-picker",slots:["root","group","trigger","popover","calendar","calendarHeader","calendarGrid","calendarCell"],base:{root:{display:"inline-block"},group:{"--border-width":"{sizes.25}","--border-color":"{colors.neutral.7}",display:"flex",alignItems:"center",justifyContent:"flex-start",boxShadow:"inset 0 0 0 var(--border-width) var(--border-color)",borderRadius:"200",bg:"neutral.1",px:"300",gap:0,position:"relative",_hover:{bg:"primary.2"},_focusWithin:{outlineWidth:"var(--focus-ring-width)",outlineColor:"var(--focus-ring-color)",outlineStyle:"var(--focus-ring-style)",outlineOffset:"var(--focus-ring-offset)"},"&[data-invalid='true']":{"--border-width":"{sizes.50}","--border-color":"{colors.critical.7}",color:"critical.11",alignItems:"center"}},trigger:{position:"absolute",right:"400",top:"100"},popover:{bg:"neutral.1",boxShadow:"4",borderRadius:"300",overflow:"auto","&[data-entering]":{animationName:"fade-in, scale-in",animationDuration:"fast"},"&[data-exiting]":{animationName:"fade-out, scale-out",animationDuration:"faster"}}},variants:{size:{sm:{group:{height:"800",pr:"calc({spacing.1400} + {spacing.400})"},trigger:{top:"50"}},md:{group:{height:"1000",pr:"calc({spacing.1600} + {spacing.200} + {spacing.400})"},trigger:{top:"100"}}},variant:{solid:{},ghost:{group:{bg:"transparent",px:"300",_hover:{bg:"primary.2"}}}}},defaultVariants:{size:"md",variant:"solid"}});exports.dateRangePickerSlotRecipe=e;
-//# sourceMappingURL=date-range-picker.recipe-BARriKKl.cjs.js.map

package/dist/chunks/date-range-picker.recipe-BARriKKl.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-range-picker.recipe-BARriKKl.cjs.js","sources":["../../src/components/date-range-picker/date-range-picker.recipe.tsx"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react\";\n\nexport const dateRangePickerSlotRecipe = defineSlotRecipe({\n  className: \"nimbus-date-range-picker\",\n  slots: [\n    \"root\",\n    \"group\",\n    \"trigger\",\n    \"popover\",\n    \"calendar\",\n    \"calendarHeader\",\n    \"calendarGrid\",\n    \"calendarCell\",\n  ],\n  base: {\n    root: {\n      display: \"inline-block\",\n    },\n\n    group: {\n      \"--border-width\": \"{sizes.25}\",\n      \"--border-color\": \"{colors.neutral.7}\",\n      // ========================================\n      // BASE LAYOUT & VISUAL PROPERTIES\n      // ========================================\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"flex-start\",\n      boxShadow: \"inset 0 0 0 var(--border-width) var(--border-color)\",\n      borderRadius: \"200\",\n      bg: \"neutral.1\",\n      px: \"300\",\n      gap: 0,\n      position: \"relative\", // Ensure stacking context for border\n\n      // ========================================\n      // INTERACTIVE STATES\n      // ========================================\n      _hover: {\n        bg: \"primary.2\",\n      },\n      // Focus ring with transparent gap\n      _focusWithin: {\n        outlineWidth: \"var(--focus-ring-width)\",\n        outlineColor: \"var(--focus-ring-color)\",\n        outlineStyle: \"var(--focus-ring-style)\",\n        outlineOffset: \"var(--focus-ring-offset)\",\n      },\n\n      // ========================================\n      // DATA STATES\n      // ========================================\n      // Invalid state styling\n      \"&[data-invalid='true']\": {\n        \"--border-width\": \"{sizes.50}\",\n        \"--border-color\": \"{colors.critical.7}\",\n        color: \"critical.11\",\n        alignItems: \"center\",\n      },\n    },\n    trigger: {\n      position: \"absolute\",\n      right: \"400\",\n      top: \"100\",\n    },\n    popover: {\n      bg: \"neutral.1\",\n      boxShadow: \"4\",\n      borderRadius: \"300\",\n      overflow: \"auto\",\n\n      \"&[data-entering]\": {\n        animationName: \"fade-in, scale-in\",\n        animationDuration: \"fast\",\n      },\n\n      \"&[data-exiting]\": {\n        animationName: \"fade-out, scale-out\",\n        animationDuration: \"faster\",\n      },\n    },\n  },\n  variants: {\n    size: {\n      sm: {\n        group: {\n          height: \"800\", // Match DateInput sm height\n          pr: \"calc({spacing.1400} + {spacing.400})\", // Smaller right padding for sm size\n        },\n        trigger: {\n          top: \"50\",\n        },\n      },\n      md: {\n        group: {\n          height: \"1000\", // Match DateInput md height\n          pr: \"calc({spacing.1600} + {spacing.200} + {spacing.400})\", // Right padding for trigger buttons\n        },\n        trigger: {\n          top: \"100\",\n        },\n      },\n    },\n    variant: {\n      solid: {},\n      ghost: {\n        group: {\n          bg: \"transparent\",\n          px: \"300\",\n          _hover: {\n            bg: \"primary.2\",\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    variant: \"solid\",\n  },\n});\n"],"names":["dateRangePickerSlotRecipe","defineSlotRecipe"],"mappings":"iDAEaA,EAA4BC,EAAAA,iBAAiB,CACxD,UAAW,2BACX,MAAO,CACL,OACA,QACA,UACA,UACA,WACA,iBACA,eACA,cAAA,EAEF,KAAM,CACJ,KAAM,CACJ,QAAS,cAAA,EAGX,MAAO,CACL,iBAAkB,aAClB,iBAAkB,qBAIlB,QAAS,OACT,WAAY,SACZ,eAAgB,aAChB,UAAW,sDACX,aAAc,MACd,GAAI,YACJ,GAAI,MACJ,IAAK,EACL,SAAU,WAKV,OAAQ,CACN,GAAI,WAAA,EAGN,aAAc,CACZ,aAAc,0BACd,aAAc,0BACd,aAAc,0BACd,cAAe,0BAAA,EAOjB,yBAA0B,CACxB,iBAAkB,aAClB,iBAAkB,sBAClB,MAAO,cACP,WAAY,QAAA,CACd,EAEF,QAAS,CACP,SAAU,WACV,MAAO,MACP,IAAK,KAAA,EAEP,QAAS,CACP,GAAI,YACJ,UAAW,IACX,aAAc,MACd,SAAU,OAEV,mBAAoB,CAClB,cAAe,oBACf,kBAAmB,MAAA,EAGrB,kBAAmB,CACjB,cAAe,sBACf,kBAAmB,QAAA,CACrB,CACF,EAEF,SAAU,CACR,KAAM,CACJ,GAAI,CACF,MAAO,CACL,OAAQ,MACR,GAAI,sCAAA,EAEN,QAAS,CACP,IAAK,IAAA,CACP,EAEF,GAAI,CACF,MAAO,CACL,OAAQ,OACR,GAAI,sDAAA,EAEN,QAAS,CACP,IAAK,KAAA,CACP,CACF,EAEF,QAAS,CACP,MAAO,CAAA,EACP,MAAO,CACL,MAAO,CACL,GAAI,cACJ,GAAI,MACJ,OAAQ,CACN,GAAI,WAAA,CACN,CACF,CACF,CACF,EAEF,gBAAiB,CACf,KAAM,KACN,QAAS,OAAA,CAEb,CAAC"}