@commercetools/nimbus 3.7.0 → 3.8.0

package/dist/chunks/data-table.manager.lazy-DTj_ye13.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"data-table.manager.lazy-DTj_ye13.cjs.js","names":["_jsx","ForwardRef","forwardRef","_jsx","ForwardRef","forwardRef","_jsx","ForwardRef","forwardRef","_jsx","ForwardRef","forwardRef","_jsx","ForwardRef","forwardRef","_jsx","ForwardRef","forwardRef","_jsx","ForwardRef","forwardRef","_jsx","ForwardRef","forwardRef","_jsx","ForwardRef","forwardRef","_jsx","forwardRef","useState","useLocalizedStringFormatter","dataTableMessagesStrings","useMemo","useCallback","Stack","SimpleGrid","Box","VisibilityOff","Text","SearchInput","Separator","DraggableList","Visibility","Button","Refresh","DensitySmall","DensityMedium","DensityLarge","HorizontalRule","useLocalizedStringFormatter","dataTableMessagesStrings","useStableDataTableContext","UPDATE_ACTIONS","SimpleGrid","Text","ToggleButtonGroup","WrapText","ShortText","Select","Box","useState","useStableDataTableContext","useLocalizedStringFormatter","dataTableMessagesStrings","useCustomSettingsContext","useRef","useMemo","useCallback","_Fragment","Tooltip","IconButton","Settings","Drawer","Tabs","ViewWeek","ViewDay","Box","require_select","require_tooltip","require_search_input","require_constants","require_tabs","require_draggable_list","require_visibility_off","require_normalize_messages","require_box","require_icon_button","require_text","require_simple_grid","require_stack","require_separator","require_toggle_button_group","require_drawer","require_button","react","react_jsx_runtime","ForwardRef$9","props","ForwardRef$8","ForwardRef$7","ForwardRef$6","ForwardRef$5","ForwardRef$4","ForwardRef$3","ForwardRef$2","ForwardRef$1","ForwardRef","hasRemoveItem","item","VisibleColumnsPanel","searchValue","setSearchValue","msg","searchedHiddenItems","hiddenItems","handleSearch","value","handleHiddenColumnsListUpdate","currentHiddenIds","updatedSearchedIds","updatedSearchedItems","removedFromHidden","addedToHidden","newVisibleItems","visibleItems","addedIds","handleVisibleColumnsUpdate","handleVisibleColumnsListUpdate","updatedVisibleItems","handleResetColumns","SIZE_LABEL_KEYS","SIZE_ICONS","SIZE_OPTIONS","LayoutSettingsPanel","context","textVisibility","size","sizeOptions","keys","onSettingsChange","key","SizeIcon","option","label","DataTableManagerImpl","isOpen","setIsOpen","hiddenColumns","columns","visibleColumns","col","columnsRef","initialColumnsRef","initialVisibleColumnsRef","lastNotifiedColumnsRef","updatedIds","updatedItems","id","index","columnMap","updatedColumns","onColumnsChangeRef","onColumnsChange","initialVisibleCols","restoredColumns","handleSettingsChange","args","onSettingsChangeRef","customSettings","tab"],"sources":["../../../nimbus-icons/dist/esm/material-icons/density-large.js","../../../nimbus-icons/dist/esm/material-icons/density-medium.js","../../../nimbus-icons/dist/esm/material-icons/density-small.js","../../../nimbus-icons/dist/esm/material-icons/horizontal-rule.js","../../../nimbus-icons/dist/esm/material-icons/refresh.js","../../../nimbus-icons/dist/esm/material-icons/settings.js","../../../nimbus-icons/dist/esm/material-icons/short-text.js","../../../nimbus-icons/dist/esm/material-icons/view-day.js","../../../nimbus-icons/dist/esm/material-icons/view-week.js","../../../nimbus-icons/dist/esm/material-icons/wrap-text.js","../../src/components/data-table/components/data-table.visible-columns-panel.tsx","../../src/components/data-table/components/data-table.layout-settings-panel.tsx","../../src/components/data-table/components/data-table.manager.lazy.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from \"react\";\nconst SvgDensityLarge = (props, ref) => (_jsx(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", \"aria-hidden\": \"true\", fill: \"currentColor\", ref: ref, ...props, children: _jsx(\"path\", { d: \"M3 3h18v2H3zm0 16h18v2H3z\" }) }));\nconst ForwardRef = forwardRef(SvgDensityLarge);\nexport default ForwardRef;\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from \"react\";\nconst SvgDensityMedium = (props, ref) => (_jsx(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", \"aria-hidden\": \"true\", fill: \"currentColor\", ref: ref, ...props, children: _jsx(\"path\", { d: \"M3 3h18v2H3zm0 16h18v2H3zm0-8h18v2H3z\" }) }));\nconst ForwardRef = forwardRef(SvgDensityMedium);\nexport default ForwardRef;\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from \"react\";\nconst SvgDensitySmall = (props, ref) => (_jsx(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", \"aria-hidden\": \"true\", fill: \"currentColor\", ref: ref, ...props, children: _jsx(\"path\", { d: \"M3 2h18v2H3zm0 18h18v2H3zm0-6h18v2H3zm0-6h18v2H3z\" }) }));\nconst ForwardRef = forwardRef(SvgDensitySmall);\nexport default ForwardRef;\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from \"react\";\nconst SvgHorizontalRule = (props, ref) => (_jsx(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", \"aria-hidden\": \"true\", fill: \"currentColor\", ref: ref, ...props, children: _jsx(\"path\", { fillRule: \"evenodd\", d: \"M4 11h16v2H4z\" }) }));\nconst ForwardRef = forwardRef(SvgHorizontalRule);\nexport default ForwardRef;\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from \"react\";\nconst SvgRefresh = (props, ref) => (_jsx(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", \"aria-hidden\": \"true\", fill: \"currentColor\", ref: ref, ...props, children: _jsx(\"path\", { d: \"M17.65 6.35A7.96 7.96 0 0 0 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0 1 12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z\" }) }));\nconst ForwardRef = forwardRef(SvgRefresh);\nexport default ForwardRef;\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from \"react\";\nconst SvgSettings = (props, ref) => (_jsx(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", \"aria-hidden\": \"true\", fill: \"currentColor\", ref: ref, ...props, children: _jsx(\"path\", { d: \"M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46a.5.5 0 0 0-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65A.49.49 0 0 0 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1a.6.6 0 0 0-.18-.03c-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46a.5.5 0 0 0 .61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1q.09.03.18.03c.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64zm-1.98-1.71c.04.31.05.52.05.73s-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4m0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2\" }) }));\nconst ForwardRef = forwardRef(SvgSettings);\nexport default ForwardRef;\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from \"react\";\nconst SvgShortText = (props, ref) => (_jsx(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", \"aria-hidden\": \"true\", fill: \"currentColor\", ref: ref, ...props, children: _jsx(\"path\", { d: \"M4 9h16v2H4zm0 4h10v2H4z\" }) }));\nconst ForwardRef = forwardRef(SvgShortText);\nexport default ForwardRef;\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from \"react\";\nconst SvgViewDay = (props, ref) => (_jsx(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", \"aria-hidden\": \"true\", fill: \"currentColor\", ref: ref, ...props, children: _jsx(\"path\", { d: \"M21 18H2v2h19zm-2-8v4H4v-4zm1-2H3c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h17c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1m1-4H2v2h19z\" }) }));\nconst ForwardRef = forwardRef(SvgViewDay);\nexport default ForwardRef;\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from \"react\";\nconst SvgViewWeek = (props, ref) => (_jsx(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", \"aria-hidden\": \"true\", fill: \"currentColor\", ref: ref, ...props, children: _jsx(\"path\", { d: \"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2M8 18H4V6h4zm6 0h-4V6h4zm6 0h-4V6h4z\" }) }));\nconst ForwardRef = forwardRef(SvgViewWeek);\nexport default ForwardRef;\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from \"react\";\nconst SvgWrapText = (props, ref) => (_jsx(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", \"aria-hidden\": \"true\", fill: \"currentColor\", ref: ref, ...props, children: _jsx(\"path\", { d: \"M4 19h6v-2H4zM20 5H4v2h16zm-3 6H4v2h13.25c1.1 0 2 .9 2 2s-.9 2-2 2H15v-2l-3 3 3 3v-2h2c2.21 0 4-1.79 4-4s-1.79-4-4-4\" }) }));\nconst ForwardRef = forwardRef(SvgWrapText);\nexport default ForwardRef;\n","import { useCallback, useState, useMemo } from \"react\";\nimport type { Key } from \"react-aria-components\";\nimport {\n  Button,\n  SimpleGrid,\n  Stack,\n  Box,\n  Text,\n  DraggableList,\n  SearchInput,\n  Separator,\n} from \"@/components\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport {\n  Refresh,\n  VisibilityOff,\n  Visibility,\n} from \"@commercetools/nimbus-icons\";\nimport type { ColumnManagerListItem } from \"../data-table.types\";\nimport { dataTableMessagesStrings } from \"../data-table.messages\";\n\n// Type for items with onRemoveItem provided by DraggableList.Root\ntype TColumnListItemWithRemove = ColumnManagerListItem & {\n  onRemoveItem?: (key: Key) => void;\n};\n\n// Type guard to check if item has onRemoveItem\nfunction hasRemoveItem(\n  item: ColumnManagerListItem\n): item is TColumnListItemWithRemove {\n  return \"onRemoveItem\" in item && typeof item.onRemoveItem === \"function\";\n}\n\nexport const VisibleColumnsPanel = ({\n  hiddenItems,\n  visibleItems,\n  handleVisibleColumnsUpdate,\n  handleResetColumns,\n}: {\n  hiddenItems: ColumnManagerListItem[];\n  visibleItems: ColumnManagerListItem[];\n  handleVisibleColumnsUpdate: (updatedItems: ColumnManagerListItem[]) => void;\n  handleResetColumns: () => void;\n}) => {\n  const [searchValue, setSearchValue] = useState(\"\");\n  const msg = useLocalizedStringFormatter(dataTableMessagesStrings);\n\n  // Derive searched items from hiddenItems and searchValue using useMemo\n  // This ensures searchedHiddenItems is always in sync on every render\n  const searchedHiddenItems = useMemo(() => {\n    return hiddenItems.filter((item) =>\n      item.label?.toString().toLowerCase().includes(searchValue.toLowerCase())\n    );\n  }, [hiddenItems, searchValue]);\n\n  const handleSearch = (value: string) => {\n    setSearchValue(value);\n  };\n\n  /**\n   * Handles updates to the hidden columns list when items are dragged between lists\n   * updatedSearchedItems - The updated list of items in the hidden columns (filtered by search)\n   */\n  const handleHiddenColumnsListUpdate = useCallback(\n    (updatedSearchedItems: ColumnManagerListItem[]) => {\n      const currentHiddenIds = new Set(hiddenItems.map((item) => item.id));\n      const updatedSearchedIds = new Set(\n        updatedSearchedItems.map((item) => item.id)\n      );\n\n      // Find items that were removed from hidden (dragged to visible)\n      const removedFromHidden = hiddenItems.filter(\n        (item) => !updatedSearchedIds.has(item.id)\n      );\n\n      // Find items that were added to hidden (dragged from visible)\n      const addedToHidden = updatedSearchedItems.filter(\n        (item) => !currentHiddenIds.has(item.id)\n      );\n\n      // Calculate new visible items list\n      let newVisibleItems = [...visibleItems];\n\n      // Items removed from hidden should be added to visible\n      if (removedFromHidden.length > 0) {\n        newVisibleItems = [...newVisibleItems, ...removedFromHidden];\n      }\n\n      // Items added to hidden should be removed from visible\n      if (addedToHidden.length > 0) {\n        const addedIds = new Set(addedToHidden.map((item) => item.id));\n        newVisibleItems = newVisibleItems.filter(\n          (item) => !addedIds.has(item.id)\n        );\n      }\n\n      // Update parent with new visible items\n      handleVisibleColumnsUpdate(newVisibleItems);\n    },\n    [hiddenItems, visibleItems, handleVisibleColumnsUpdate]\n  );\n\n  /**\n   * Handles updates to the visible columns list when items are:\n   * - Reordered within the list\n   * - Dragged from hidden to visible\n   * - Dragged from visible to hidden\n   * - Removed via the remove button (handled by DraggableList.Root)\n   * updatedVisibleItems - The updated list of visible column items with new order/content\n   */\n  const handleVisibleColumnsListUpdate = useCallback(\n    (updatedVisibleItems: ColumnManagerListItem[]) => {\n      // Simply pass through the updated list - this preserves the new order from reordering\n      // or updates from drag-and-drop operations between lists\n      handleVisibleColumnsUpdate(updatedVisibleItems);\n    },\n    [handleVisibleColumnsUpdate]\n  );\n\n  if (!hiddenItems || !visibleItems) {\n    return null;\n  }\n\n  return (\n    <Stack mt=\"800\">\n      <SimpleGrid gap=\"400\" width=\"100%\" columns={2}>\n        {/* Hidden Columns Section */}\n        <Box>\n          <Stack direction=\"row\" alignItems=\"center\" mb=\"200\">\n            <VisibilityOff />\n            <Text fontWeight=\"700\" fontSize=\"sm\" w=\"full\">\n              {msg.format(\"hiddenColumns\")}\n            </Text>\n          </Stack>\n          <Stack\n            colorPalette=\"primary\"\n            border=\"{sizes.25} solid\"\n            borderColor=\"colorPalette.3\"\n            borderRadius=\"200\"\n            gap=\"200\"\n            p=\"300\"\n            h=\"lg\"\n          >\n            <SearchInput\n              w=\"full\"\n              size=\"sm\"\n              variant=\"ghost\"\n              placeholder={msg.format(\"searchHiddenColumns\")}\n              aria-label={msg.format(\"searchHiddenColumns\")}\n              onChange={handleSearch}\n              value={searchValue}\n              data-testid=\"search-hidden-columns\"\n            />\n            <Separator\n              colorPalette=\"primary\"\n              border=\"{sizes.25} solid\"\n              borderColor=\"colorPalette.3\"\n            />\n            <DraggableList.Root\n              border=\"none\"\n              borderColor=\"none\"\n              h=\"full\"\n              w=\"full\"\n              overflowY=\"auto\"\n              items={searchedHiddenItems}\n              onUpdateItems={handleHiddenColumnsListUpdate}\n              aria-label={msg.format(\"hiddenColumnsAriaLabel\")}\n              data-testid=\"hidden-columns-list\"\n              renderEmptyState={\n                <Text fontSize=\"sm\" color=\"gray.9\">\n                  {msg.format(\"noHiddenColumns\")}\n                </Text>\n              }\n            >\n              {(item) => (\n                <DraggableList.Item\n                  py=\"100\"\n                  key={item.id}\n                  id={item.id}\n                  aria-label={item.label?.toString() ?? item.id}\n                >\n                  {item.label}\n                </DraggableList.Item>\n              )}\n            </DraggableList.Root>\n          </Stack>\n        </Box>\n\n        {/* Visible Columns Section */}\n        <Box>\n          <Stack direction=\"row\" alignItems=\"center\" mb=\"200\">\n            <Visibility />\n            <Text fontWeight=\"700\" fontSize=\"sm\">\n              {msg.format(\"visibleColumnsList\")}\n            </Text>\n          </Stack>\n          <DraggableList.Root\n            removableItems\n            p=\"300\"\n            h=\"lg\"\n            overflowY=\"auto\"\n            items={visibleItems}\n            onUpdateItems={handleVisibleColumnsListUpdate}\n            aria-label={msg.format(\"visibleColumnsAria\")}\n            data-testid=\"visible-columns-list\"\n          >\n            {(item) => (\n              <DraggableList.Item\n                py=\"100\"\n                key={item.id}\n                id={item.id}\n                onRemoveItem={\n                  hasRemoveItem(item) ? item.onRemoveItem : undefined\n                }\n                removeButtonLabel={msg.format(\"hideColumn\")}\n                aria-label={item.label?.toString() ?? item.id}\n              >\n                {item.label}\n              </DraggableList.Item>\n            )}\n          </DraggableList.Root>\n        </Box>\n      </SimpleGrid>\n\n      {/* Reset Button */}\n      <Box>\n        <Button\n          variant=\"ghost\"\n          colorPalette=\"primary\"\n          size=\"xs\"\n          onPress={handleResetColumns}\n          aria-label={msg.format(\"reset\")}\n        >\n          <Refresh />\n          {msg.format(\"reset\")}\n        </Button>\n      </Box>\n    </Stack>\n  );\n};\n","import { Box, ToggleButtonGroup, Select, Text, SimpleGrid } from \"@/components\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport type { Key } from \"react-aria-components\";\nimport { UPDATE_ACTIONS } from \"../constants\";\nimport {\n  WrapText,\n  ShortText,\n  DensitySmall,\n  DensityMedium,\n  DensityLarge,\n  HorizontalRule,\n} from \"@commercetools/nimbus-icons\";\nimport { dataTableMessagesStrings } from \"../data-table.messages\";\nimport { useStableDataTableContext } from \"./data-table.context\";\nimport type { DataTableProps, DataTableSize } from \"../data-table.types\";\n\nconst SIZE_LABEL_KEYS = {\n  sm: \"compact\",\n  md: \"standard\",\n  lg: \"comfortable\",\n  xl: \"spacious\",\n} as const satisfies Record<DataTableSize, string>;\n\n// Fewer lines mean more space between rows: 4 lines for `sm`, one line for `xl`.\nconst SIZE_ICONS = {\n  sm: DensitySmall,\n  md: DensityMedium,\n  lg: DensityLarge,\n  xl: HorizontalRule,\n} as const satisfies Record<DataTableSize, unknown>;\n\n// The deprecated `xl` is offered only to a table that has been on it, so a\n// table that was never on `xl` does not offer it.\nconst SIZE_OPTIONS: Record<\"withXl\" | \"withoutXl\", DataTableSize[]> = {\n  withXl: [\"xl\", \"lg\", \"md\", \"sm\"],\n  withoutXl: [\"lg\", \"md\", \"sm\"],\n};\n\nexport const LayoutSettingsPanel = ({\n  onSettingsChange,\n}: {\n  onSettingsChange?: DataTableProps[\"onSettingsChange\"];\n}) => {\n  const msg = useLocalizedStringFormatter(dataTableMessagesStrings);\n  const context = useStableDataTableContext();\n\n  const textVisibility = context.isTruncated ?? false;\n  const size = context.size;\n  const sizeOptions = context.hasBeenXl\n    ? SIZE_OPTIONS.withXl\n    : SIZE_OPTIONS.withoutXl;\n\n  const handleTextVisibilityChange = (keys: Set<string | number>) => {\n    const selected = Array.from(keys)[0] as \"full\" | \"preview\";\n    if (selected) {\n      onSettingsChange?.(UPDATE_ACTIONS.TOGGLE_TEXT_VISIBILITY);\n    }\n  };\n\n  const handleSizeChange = (key: Key | null) => {\n    if (key !== null && key !== size) {\n      onSettingsChange?.(UPDATE_ACTIONS.CHANGE_SIZE, key as DataTableSize);\n    }\n  };\n\n  return (\n    <SimpleGrid\n      role=\"group\"\n      aria-label={msg.format(\"layoutSettingsAriaLabel\")}\n      templateColumns=\"repeat(4, 1fr)\"\n      columnGap=\"400\"\n      rowGap=\"600\"\n      mt=\"800\"\n      alignItems=\"center\"\n    >\n      {/* Text visibility section */}\n      <SimpleGrid.Item colSpan={1}>\n        <Text fontWeight=\"500\">{msg.format(\"textVisibility\")}</Text>\n      </SimpleGrid.Item>\n      <SimpleGrid.Item colSpan={3}>\n        <ToggleButtonGroup.Root\n          size=\"xs\"\n          w=\"full\"\n          selectedKeys={textVisibility ? [\"preview\"] : [\"full\"]}\n          onSelectionChange={handleTextVisibilityChange}\n          aria-label={msg.format(\"textVisibilityAriaLabel\")}\n        >\n          <ToggleButtonGroup.Button id=\"full\" flex=\"1\">\n            <WrapText />\n            {msg.format(\"fullText\")}\n          </ToggleButtonGroup.Button>\n          <ToggleButtonGroup.Button id=\"preview\" flex=\"1\">\n            <ShortText />\n            {msg.format(\"textPreviews\")}\n          </ToggleButtonGroup.Button>\n        </ToggleButtonGroup.Root>\n      </SimpleGrid.Item>\n      {/* Row density section */}\n      <SimpleGrid.Item colSpan={1}>\n        <Text fontWeight=\"500\">{msg.format(\"rowDensity\")}</Text>\n      </SimpleGrid.Item>\n      <SimpleGrid.Item colSpan={3}>\n        <Select.Root\n          size=\"sm\"\n          w=\"full\"\n          isClearable={false}\n          selectedKey={size}\n          onSelectionChange={handleSizeChange}\n          aria-label={msg.format(\"rowDensityAriaLabel\")}\n        >\n          <Select.Options>\n            {sizeOptions.map((option) => {\n              const SizeIcon = SIZE_ICONS[option];\n              const label = msg.format(SIZE_LABEL_KEYS[option]);\n              return (\n                <Select.Option key={option} id={option} textValue={label}>\n                  {/* The wrapper keeps the gap in the closed select too, which\n                      shows only the content of the selected option. */}\n                  <Box\n                    as=\"span\"\n                    display=\"inline-flex\"\n                    alignItems=\"center\"\n                    gap=\"200\"\n                  >\n                    <SizeIcon />\n                    {label}\n                  </Box>\n                </Select.Option>\n              );\n            })}\n          </Select.Options>\n        </Select.Root>\n      </SimpleGrid.Item>\n    </SimpleGrid>\n  );\n};\n","import { useMemo, useState, useCallback, useRef, useEffect } from \"react\";\nimport { IconButton, Drawer, Tabs, Tooltip, Box } from \"@/components\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { Settings, ViewWeek, ViewDay } from \"@commercetools/nimbus-icons\";\nimport { VisibleColumnsPanel } from \"./data-table.visible-columns-panel\";\nimport { LayoutSettingsPanel } from \"./data-table.layout-settings-panel\";\nimport {\n  useStableDataTableContext,\n  useCustomSettingsContext,\n} from \"./data-table.context\";\nimport type { DataTableColumnItem } from \"../data-table.types\";\nimport { dataTableMessagesStrings } from \"../data-table.messages\";\n\n/**\n * Implementation of DataTable.Manager, code-split into its own chunk.\n *\n * Rendered through the Suspense wrapper in `data-table.tsx`, which is what\n * consumers reach as `DataTable.Manager`. Keeping the implementation here keeps\n * Drawer, Tabs, DraggableList and SearchInput out of the core DataTable chunk.\n */\nexport default function DataTableManagerImpl() {\n  const [isOpen, setIsOpen] = useState(false);\n  const context = useStableDataTableContext();\n  const msg = useLocalizedStringFormatter(dataTableMessagesStrings);\n\n  const { columns, visibleColumns, onColumnsChangeRef, onSettingsChangeRef } =\n    context;\n  const hiddenColumns = columns.filter(\n    (col) => !visibleColumns?.includes(col.id)\n  );\n\n  const { customSettings } = useCustomSettingsContext();\n\n  // Store columns in a ref to avoid recreating the callback\n  const columnsRef = useRef(columns);\n  useEffect(() => {\n    columnsRef.current = columns;\n  }, [columns]);\n\n  // Store initial columns state for reset functionality\n  const initialColumnsRef =\n    useRef<DataTableColumnItem<Record<string, unknown>>[]>(columns);\n  const initialVisibleColumnsRef = useRef<string[] | undefined>(visibleColumns);\n\n  // Track last notified columns to prevent calling onColumnsChange unnecessarily\n  const lastNotifiedColumnsRef = useRef<string[]>(visibleColumns || []);\n\n  // Handle when visible columns are updated (reordered or removed)\n  // Memoized to prevent infinite re-renders in child components\n  const handleVisibleColumnsUpdate = useMemo(() => {\n    return (\n      updatedItems: { id: string; key?: string; label?: React.ReactNode }[]\n    ) => {\n      const updatedIds = updatedItems.map((item) => item.id);\n\n      // Check if IDs or order has actually changed\n      const hasChanged =\n        updatedIds.length !== lastNotifiedColumnsRef.current.length ||\n        updatedIds.some(\n          (id, index) => id !== lastNotifiedColumnsRef.current[index]\n        );\n\n      if (!hasChanged) {\n        // No changes, skip update\n        return;\n      }\n\n      // Convert simplified items back to full column objects\n      const columnMap = new Map(columnsRef.current.map((col) => [col.id, col]));\n      const updatedColumns = updatedItems\n        .map((item) => columnMap.get(item.id))\n        .filter(\n          (col): col is DataTableColumnItem<Record<string, unknown>> =>\n            col !== undefined\n        );\n\n      // Update the ref with new IDs\n      lastNotifiedColumnsRef.current = updatedIds;\n\n      onColumnsChangeRef.current?.(updatedColumns);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const hiddenItems = useMemo(() => {\n    return columns\n      .filter((item) => !visibleColumns?.includes(item.id))\n      .map((item) => ({\n        key: item.id,\n        id: item.id,\n        label: item.header,\n      }));\n  }, [visibleColumns, columns]);\n\n  // Create a map of column IDs to preserve order from visibleColumns\n  const visibleItems = useMemo(() => {\n    if (!visibleColumns || visibleColumns.length === 0) {\n      return [];\n    }\n\n    const columnMap = new Map(columns.map((col) => [col.id, col]));\n\n    // Map visible column IDs to their full column data, preserving order\n    return visibleColumns\n      .map((id) => {\n        const col = columnMap.get(id);\n        return col\n          ? {\n              key: col.id,\n              id: col.id,\n              label: col.header,\n            }\n          : null;\n      })\n      .filter((item): item is NonNullable<typeof item> => item !== null);\n  }, [columns, visibleColumns]);\n\n  const handleResetColumns = useCallback(() => {\n    const onColumnsChange = onColumnsChangeRef.current;\n    if (!onColumnsChange) return;\n\n    const initialVisibleCols = initialVisibleColumnsRef.current;\n\n    if (initialVisibleCols && initialVisibleCols.length > 0) {\n      const columnMap = new Map(\n        initialColumnsRef.current.map((col) => [col.id, col])\n      );\n\n      const restoredColumns = initialVisibleCols\n        .map((id) => columnMap.get(id))\n        .filter(\n          (col): col is DataTableColumnItem<Record<string, unknown>> =>\n            col !== undefined\n        );\n\n      lastNotifiedColumnsRef.current = initialVisibleCols;\n      onColumnsChange(restoredColumns);\n    } else {\n      lastNotifiedColumnsRef.current = initialColumnsRef.current.map(\n        (col) => col.id\n      );\n      onColumnsChange(initialColumnsRef.current);\n    }\n    // Stable identity — delegates through refs so children never re-render\n    // due to a new callback reference.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handleSettingsChange = useCallback(\n    (...args: Parameters<NonNullable<typeof onSettingsChangeRef.current>>) => {\n      onSettingsChangeRef.current?.(...args);\n    },\n    // Stable identity — delegates through refs.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    []\n  );\n\n  if (!visibleColumns || !hiddenColumns) {\n    return null;\n  }\n\n  return (\n    <>\n      <Tooltip.Root>\n        <Tooltip.Content placement=\"top\">\n          {msg.format(\"settings\")}\n        </Tooltip.Content>\n        <IconButton\n          variant=\"ghost\"\n          colorPalette=\"primary\"\n          size=\"xs\"\n          aria-label={msg.format(\"settings\")}\n          onPress={() => setIsOpen(true)}\n        >\n          <Settings />\n        </IconButton>\n      </Tooltip.Root>\n      <Drawer.Root\n        isOpen={isOpen}\n        onOpenChange={setIsOpen}\n        placement=\"right\"\n        data-testid=\"data-table-manager-drawer\"\n      >\n        <Drawer.Content\n          width=\"2xl\"\n          data-testid=\"data-table-manager-drawer\"\n          aria-label={msg.format(\"settings\")}\n        >\n          <Drawer.Header>\n            <Drawer.Title>{msg.format(\"settings\")}</Drawer.Title>\n            <Drawer.CloseTrigger />\n          </Drawer.Header>\n\n          <Drawer.Body>\n            <Tabs.Root\n              tabListAriaLabel={msg.format(\"settingsTabsAriaLabel\")}\n              tabs={[\n                {\n                  id: \"visible-columns\",\n                  tabLabel: (\n                    <>\n                      <ViewWeek />\n                      {msg.format(\"visibleColumns\")}\n                    </>\n                  ),\n                  panelContent: (\n                    <VisibleColumnsPanel\n                      hiddenItems={hiddenItems}\n                      visibleItems={visibleItems}\n                      handleVisibleColumnsUpdate={handleVisibleColumnsUpdate}\n                      handleResetColumns={handleResetColumns}\n                    />\n                  ),\n                },\n                {\n                  id: \"layout-settings\",\n                  tabLabel: (\n                    <>\n                      <ViewDay />\n                      {msg.format(\"layoutSettings\")}\n                    </>\n                  ),\n                  panelContent: (\n                    <LayoutSettingsPanel\n                      onSettingsChange={handleSettingsChange}\n                    />\n                  ),\n                },\n                customSettings\n                  ? {\n                      id: \"custom-settings\",\n                      tabLabel: (\n                        <>\n                          {customSettings?.icon ?? null}\n                          {customSettings?.label}\n                        </>\n                      ),\n                      panelContent: <Box mt=\"800\">{customSettings.panel}</Box>,\n                    }\n                  : null,\n                // Filter out null values when no custom settings are provided\n              ].filter((tab): tab is NonNullable<typeof tab> => tab !== null)}\n            />\n          </Drawer.Body>\n        </Drawer.Content>\n      </Drawer.Root>\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/chunks/date-input-B3OtLvdj.cjs

@@ -1,2 +0,0 @@
-const e=require("./DateField-CyBo0Hmx.cjs"),t=require("./theme-C3kkZqCt.cjs"),n=require("./extract-style-props-e57WhXBe.cjs");let r=require("react/jsx-runtime"),i=require("@chakra-ui/react/styled-system");var{withProvider:a,withContext:o}=(0,i.createSlotRecipeContext)({key:`nimbusDateInput`}),s=a(`div`,`root`),c=o(`div`,`leadingElement`),l=o(`div`,`trailingElement`),u=o(`div`,`segmentGroup`),d=o(`div`,`segment`),f=a=>{let o=(0,i.useRecipe)({recipe:t.v}),{leadingElement:f,trailingElement:p,...m}=a,[h,g]=o.splitVariantProps({...m}),[_,v]=n.t(g);return(0,r.jsx)(s,{...h,..._,asChild:!0,children:(0,r.jsx)(e.o,{...v,children:(0,r.jsxs)(r.Fragment,{children:[f&&(0,r.jsx)(c,{children:f}),(0,r.jsx)(u,{asChild:!0,children:(0,r.jsx)(e.i,{children:t=>(0,r.jsx)(d,{asChild:!0,children:(0,r.jsx)(e.t,{segment:t})})})}),p&&(0,r.jsx)(l,{children:p})]})})})};f.displayName=`DateInput`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});
-//# sourceMappingURL=date-input-B3OtLvdj.cjs.map

package/dist/chunks/date-input-B3OtLvdj.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-input-B3OtLvdj.cjs.js","names":["createSlotRecipeContext","useRecipe","dateInputSlotRecipe","extractStyleProps","DateField","_Fragment","DateInputField","DateSegment","require_DateField","require_theme","require_extract_style_props","react_jsx_runtime","_chakra_ui_react_styled_system","DateInputRootSlot","withProvider","DateInputLeadingElementSlot","withContext","DateInputTrailingElementSlot","DateInputSegmentGroupSlot","DateInputSegmentSlot","DateInput","recipe","rest","props","recipeProps","recipeFreeProps","styleProps","functionalProps","leadingElement","trailingElement"],"sources":["../../src/components/date-input/date-input.slots.tsx","../../src/components/date-input/date-input.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\nimport type { DateInputRootSlotProps } from \"./date-input.types\";\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusDateInput\",\n});\n\n/**\n * Root component that provides the styling context for the DateInput component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const DateInputRootSlot = withProvider<\n  HTMLDivElement,\n  DateInputRootSlotProps\n>(\"div\", \"root\");\n\nexport const DateInputLeadingElementSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"leadingElement\");\n\nexport const DateInputTrailingElementSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"trailingElement\");\n\n/**\n * Slot component for the DateField part of the DateInput.\n */\nexport const DateInputSegmentGroupSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"segmentGroup\");\n\n/**\n * Slot component for the DateField part of the DateInput.\n */\nexport const DateInputSegmentSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"segment\");\n","import {\n  DateInputLeadingElementSlot,\n  DateInputRootSlot,\n  DateInputSegmentGroupSlot,\n  DateInputSegmentSlot,\n  DateInputTrailingElementSlot,\n} from \"./date-input.slots\";\n\nimport {\n  DateField,\n  DateInput as DateInputField,\n  DateSegment,\n} from \"react-aria-components\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { dateInputSlotRecipe } from \"./date-input.recipe\";\nimport type { DateInputProps } from \"./date-input.types\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * # DateInput\n *\n * allows entering a date\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/dateinput}\n * @supportsStyleProps\n */\nexport const DateInput = (props: DateInputProps) => {\n  const recipe = useRecipe({ recipe: dateInputSlotRecipe });\n  const { leadingElement, trailingElement, ...rest } = props;\n  const [recipeProps, recipeFreeProps] = recipe.splitVariantProps({ ...rest });\n  const [styleProps, functionalProps] = extractStyleProps(recipeFreeProps);\n\n  return (\n    <DateInputRootSlot {...recipeProps} {...styleProps} asChild>\n      <DateField {...functionalProps}>\n        <>\n          {leadingElement && (\n            <DateInputLeadingElementSlot>\n              {leadingElement}\n            </DateInputLeadingElementSlot>\n          )}\n          <DateInputSegmentGroupSlot asChild>\n            <DateInputField>\n              {(segment) => (\n                <DateInputSegmentSlot asChild>\n                  <DateSegment segment={segment} />\n                </DateInputSegmentSlot>\n              )}\n            </DateInputField>\n          </DateInputSegmentGroupSlot>\n          {trailingElement && (\n            <DateInputTrailingElementSlot>\n              {trailingElement}\n            </DateInputTrailingElementSlot>\n          )}\n        </>\n      </DateField>\n    </DateInputRootSlot>\n  );\n};\n\nDateInput.displayName = \"DateInput\";\n"],"mappings":"sNAOA,GAAM,CAAE,eAAc,gBAAA,EAAgBA,EAAAA,wBAAAA,CAAwB,CAC5D,IAAK,iBACP,CAAC,EAMYa,EAAoBC,EAG/B,MAAO,MAAM,EAEFC,EAA8BC,EAGzC,MAAO,gBAAgB,EAEZC,EAA+BD,EAG1C,MAAO,iBAAiB,EAKbE,EAA4BF,EAGvC,MAAO,cAAc,EAKVG,EAAuBH,EAGlC,MAAO,SAAS,EClBLI,EAAa,GAA0B,CAClD,IAAMC,GAAA,EAASpB,EAAAA,UAAAA,CAAU,CAAE,OAAQC,EAAAA,CAAoB,CAAC,EAClD,CAAE,iBAAgB,kBAAiB,GAAGoB,GAASC,EAC/C,CAACC,EAAaC,GAAmBJ,EAAO,kBAAkB,CAAE,GAAGC,CAAK,CAAC,EACrE,CAACI,EAAYC,GAAmBxB,EAAAA,EAAkBsB,CAAe,EAEvE,OACE,EAAAd,EAAA,IAAA,CAACE,EAAD,CAAmB,GAAIW,EAAa,GAAIE,EAAY,QAAA,GAClD,UAAA,EAAAf,EAAA,IAAA,CAACP,EAAAA,EAAD,CAAW,GAAIuB,EACb,UAAA,EAAAhB,EAAA,KAAA,CAAAN,EAAAA,SAAA,CAAA,SAAA,CACGuB,IACC,EAAAjB,EAAA,IAAA,CAACI,EAAD,CAAA,SACGa,CAC0B,CAAA,GAE/B,EAAAjB,EAAA,IAAA,CAACO,EAAD,CAA2B,QAAA,GACzB,UAAA,EAAAP,EAAA,IAAA,CAACL,EAAAA,EAAD,CAAA,SACI,IACA,EAAAK,EAAA,IAAA,CAACQ,EAAD,CAAsB,QAAA,GACpB,UAAA,EAAAR,EAAA,IAAA,CAACJ,EAAAA,EAAD,CAAsB,SAAU,CAAA,CACZ,CAAA,CAEV,CAAA,CACS,CAAA,EAC1BsB,IACC,EAAAlB,EAAA,IAAA,CAACM,EAAD,CAAA,SACGY,CAC2B,CAAA,CAEhC,CAAA,CAAA,CACO,CAAA,CACM,CAAA,CAEvB,EAEA,EAAU,YAAc"}

package/dist/chunks/date-input-DCMLA8cD.es.js

@@ -1,33 +0,0 @@
-import { i as e, o as t, t as n } from "./DateField-wVQgLG8H.es.js";
-import { v as r } from "./theme-B5nhOybu.es.js";
-import { t as i } from "./extract-style-props-YWZOestG.es.js";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-import { createSlotRecipeContext as c, useRecipe as l } from "@chakra-ui/react/styled-system";
-//#region src/components/date-input/date-input.slots.tsx
-var { withProvider: u, withContext: d } = c({ key: "nimbusDateInput" }), f = u("div", "root"), p = d("div", "leadingElement"), m = d("div", "trailingElement"), h = d("div", "segmentGroup"), g = d("div", "segment"), _ = (c) => {
-	let u = l({ recipe: r }), { leadingElement: d, trailingElement: _, ...v } = c, [y, b] = u.splitVariantProps({ ...v }), [x, S] = i(b);
-	return /* @__PURE__ */ o(f, {
-		...y,
-		...x,
-		asChild: !0,
-		children: /* @__PURE__ */ o(t, {
-			...S,
-			children: /* @__PURE__ */ s(a, { children: [
-				d && /* @__PURE__ */ o(p, { children: d }),
-				/* @__PURE__ */ o(h, {
-					asChild: !0,
-					children: /* @__PURE__ */ o(e, { children: (e) => /* @__PURE__ */ o(g, {
-						asChild: !0,
-						children: /* @__PURE__ */ o(n, { segment: e })
-					}) })
-				}),
-				_ && /* @__PURE__ */ o(m, { children: _ })
-			] })
-		})
-	});
-};
-_.displayName = "DateInput";
-//#endregion
-export { _ as t };
-
-//# sourceMappingURL=date-input-DCMLA8cD.es.js.map

package/dist/chunks/date-input-DCMLA8cD.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-input-DCMLA8cD.es.js","names":["DateField","_Fragment","DateInputField","DateSegment","$5400c097f4765e59$export$7edc06cf1783b30f","$5400c097f4765e59$export$d9781c7894a82487","$5400c097f4765e59$export$336ab7fa954c4b5f","dateInputSlotRecipe","extractStyleProps","createSlotRecipeContext","DateInputRootSlot","withProvider","DateInputLeadingElementSlot","withContext","DateInputTrailingElementSlot","DateInputSegmentGroupSlot","DateInputSegmentSlot","DateInput","recipe","useRecipe","rest","props","recipeProps","recipeFreeProps","styleProps","functionalProps","Fragment","leadingElement","trailingElement"],"sources":["../../src/components/date-input/date-input.slots.tsx","../../src/components/date-input/date-input.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\nimport type { DateInputRootSlotProps } from \"./date-input.types\";\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusDateInput\",\n});\n\n/**\n * Root component that provides the styling context for the DateInput component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const DateInputRootSlot = withProvider<\n  HTMLDivElement,\n  DateInputRootSlotProps\n>(\"div\", \"root\");\n\nexport const DateInputLeadingElementSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"leadingElement\");\n\nexport const DateInputTrailingElementSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"trailingElement\");\n\n/**\n * Slot component for the DateField part of the DateInput.\n */\nexport const DateInputSegmentGroupSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"segmentGroup\");\n\n/**\n * Slot component for the DateField part of the DateInput.\n */\nexport const DateInputSegmentSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"segment\");\n","import {\n  DateInputLeadingElementSlot,\n  DateInputRootSlot,\n  DateInputSegmentGroupSlot,\n  DateInputSegmentSlot,\n  DateInputTrailingElementSlot,\n} from \"./date-input.slots\";\n\nimport {\n  DateField,\n  DateInput as DateInputField,\n  DateSegment,\n} from \"react-aria-components\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { dateInputSlotRecipe } from \"./date-input.recipe\";\nimport type { DateInputProps } from \"./date-input.types\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * # DateInput\n *\n * allows entering a date\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/dateinput}\n * @supportsStyleProps\n */\nexport const DateInput = (props: DateInputProps) => {\n  const recipe = useRecipe({ recipe: dateInputSlotRecipe });\n  const { leadingElement, trailingElement, ...rest } = props;\n  const [recipeProps, recipeFreeProps] = recipe.splitVariantProps({ ...rest });\n  const [styleProps, functionalProps] = extractStyleProps(recipeFreeProps);\n\n  return (\n    <DateInputRootSlot {...recipeProps} {...styleProps} asChild>\n      <DateField {...functionalProps}>\n        <>\n          {leadingElement && (\n            <DateInputLeadingElementSlot>\n              {leadingElement}\n            </DateInputLeadingElementSlot>\n          )}\n          <DateInputSegmentGroupSlot asChild>\n            <DateInputField>\n              {(segment) => (\n                <DateInputSegmentSlot asChild>\n                  <DateSegment segment={segment} />\n                </DateInputSegmentSlot>\n              )}\n            </DateInputField>\n          </DateInputSegmentGroupSlot>\n          {trailingElement && (\n            <DateInputTrailingElementSlot>\n              {trailingElement}\n            </DateInputTrailingElementSlot>\n          )}\n        </>\n      </DateField>\n    </DateInputRootSlot>\n  );\n};\n\nDateInput.displayName = \"DateInput\";\n"],"mappings":";;;;;;AAOA,IAAM,EAAE,iBAAc,mBAAgBS,EAAwB,EAC5D,KAAK,kBACP,CAAC,GAMYC,IAAoBC,EAG/B,OAAO,MAAM,GAEFC,IAA8BC,EAGzC,OAAO,gBAAgB,GAEZC,IAA+BD,EAG1C,OAAO,iBAAiB,GAKbE,IAA4BF,EAGvC,OAAO,cAAc,GAKVG,IAAuBH,EAGlC,OAAO,SAAS,GClBLI,KAAa,MAA0B;CAClD,IAAMC,IAASC,EAAU,EAAE,QAAQZ,EAAoB,CAAC,GAClD,EAAE,mBAAgB,oBAAiB,GAAGa,MAASC,GAC/C,CAACC,GAAaC,KAAmBL,EAAO,kBAAkB,EAAE,GAAGE,EAAK,CAAC,GACrE,CAACI,GAAYC,KAAmBjB,EAAkBe,CAAe;CAEvE,OACE,kBAACb,GAAD;EAAmB,GAAIY;EAAa,GAAIE;EAAY,SAAA;EAClD,UAAA,kBAACxB,GAAD;GAAW,GAAIyB;GACb,UAAA,kBAAAxB,GAAA,EAAA,UAAA;IACG0B,KACC,kBAACf,GAAD,EAAA,UACGe,EAC0B,CAAA;IAE/B,kBAACZ,GAAD;KAA2B,SAAA;KACzB,UAAA,kBAACb,GAAD,EAAA,WACI,MACA,kBAACc,GAAD;MAAsB,SAAA;MACpB,UAAA,kBAACb,GAAD,EAAsB,WAAU,CAAA;KACZ,CAAA,EAEV,CAAA;IACS,CAAA;IAC1ByB,KACC,kBAACd,GAAD,EAAA,UACGc,EAC2B,CAAA;GAEhC,EAAA,CAAA;EACO,CAAA;CACM,CAAA;AAEvB;AAEA,EAAU,cAAc"}

package/dist/chunks/date-picker-CC1bWz5s.es.js

@@ -1,183 +0,0 @@
-import { n as e, u as t } from "./Dialog-CfU1e9yP.es.js";
-import { a as n } from "./DateField-wVQgLG8H.es.js";
-import { i as r, r as i, t as a } from "./calendar-month-DKjI70rl.es.js";
-import { c as o, t as s } from "./utils-ChZxBMXR.es.js";
-import { t as c } from "./Button-BeWWdVxO.es.js";
-import { t as l } from "./Group-kYoU23uf.es.js";
-import { t as u } from "./close-CzuqwrnN.es.js";
-import { n as d, t as f } from "./normalize-messages-DMFgMK8l.es.js";
-import { t as p } from "./box-CZyqYgLL.es.js";
-import { t as m } from "./icon-button-BDAGhNlL.es.js";
-import { t as h } from "./flex-BB3-rbwF.es.js";
-import { _ as g } from "./theme-B5nhOybu.es.js";
-import { t as _ } from "./text-DDzW9CtD.es.js";
-import { t as v } from "./time-input-tCw4ejOu.es.js";
-import { t as y } from "./date-input-DCMLA8cD.es.js";
-import { t as b } from "./calendar-BIHK3l7R.es.js";
-import { t as x } from "./extract-style-props-YWZOestG.es.js";
-import { useContext as S, useEffect as C, useRef as w } from "react";
-import { jsx as T, jsxs as E } from "react/jsx-runtime";
-import { createSlotRecipeContext as D, useSlotRecipe as O } from "@chakra-ui/react/styled-system";
-//#region src/components/date-picker/date-picker.slots.tsx
-var { withProvider: k, withContext: A } = D({ key: "nimbusDatePicker" }), j = k("div", "root"), M = A("div", "group"), N = A("div", "popover"), P = A("div", "calendar");
-A("header", "calendarHeader"), A("table", "calendarGrid"), A("td", "calendarCell");
-//#endregion
-//#region src/components/date-picker/date-picker.messages.ts
-var F = {
-	en: f({
-		"Time.enterTime": "Enter time",
-		"Time.enterTimeHour": "Enter time (hour)",
-		"Time.enterTimeHourMinute": "Enter time (hour and minute)",
-		"Time.enterTimeHourMinuteSecond": "Enter time (hour, minute, and second)",
-		"Time.startTime": "Start time",
-		clearInput: "Clear input value"
-	}),
-	de: f({
-		"Time.enterTime": "Zeit eingeben",
-		"Time.enterTimeHour": "Zeit eingeben (Stunde)",
-		"Time.enterTimeHourMinute": "Zeit eingeben (Stunde und Minute)",
-		"Time.enterTimeHourMinuteSecond": "Zeit eingeben (Stunde, Minute und Sekunde)",
-		"Time.startTime": "Startzeit",
-		clearInput: "Eingabewert löschen"
-	}),
-	es: f({
-		"Time.enterTime": "Indicar tiempo",
-		"Time.enterTimeHour": "Indicar tiempo (hora)",
-		"Time.enterTimeHourMinute": "Indicar tiempo (hora y minuto)",
-		"Time.enterTimeHourMinuteSecond": "Indicar tiempo (hora, minuto y segundo)",
-		"Time.startTime": "Iniciar tiempo",
-		clearInput: "Eliminar valor de entrada"
-	}),
-	"fr-FR": f({
-		"Time.enterTime": "Saisir l'heure",
-		"Time.enterTimeHour": "Saisir l'heure (heure)",
-		"Time.enterTimeHourMinute": "Saisir l'heure (heure et minute)",
-		"Time.enterTimeHourMinuteSecond": "Saisir l'heure (heure, minute et seconde)",
-		"Time.startTime": "Heure de début",
-		clearInput: "Effacer la valeur saisie"
-	}),
-	"pt-BR": f({
-		"Time.enterTime": "Inserir hora",
-		"Time.enterTimeHour": "Inserir hora (hora)",
-		"Time.enterTimeHourMinute": "Inserir hora (hora e minutos)",
-		"Time.enterTimeHourMinuteSecond": "Inserir hora (hora, minutos e segundos)",
-		"Time.startTime": "Hora de início",
-		clearInput: "Limpar valores inseridos"
-	})
-}, I = ({ children: e }) => {
-	let t = d(F), r = o(c) || {}, a = S(i), l = a?.dateValue === null, { timeValue: u, setTimeValue: f, granularity: p } = a, m = r?.isDisabled, h = () => {
-		switch (p) {
-			case "hour": return t.format("Time.enterTimeHour");
-			case "minute": return t.format("Time.enterTimeHourMinute");
-			case "second": return t.format("Time.enterTimeHourMinuteSecond");
-			default: return t.format("Time.enterTime");
-		}
-	}, g = {
-		calendarToggle: {
-			...r,
-			onPress: (e) => {
-				let t = document?.activeElement;
-				t && t.blur(), r.onPress?.(e);
-			}
-		},
-		clear: {
-			onPress: () => a?.setValue(null),
-			"aria-label": t.format("clearInput"),
-			isDisabled: m,
-			style: l ? { display: "none" } : void 0,
-			"aria-hidden": l ? !0 : void 0
-		}
-	}, _ = { timeInput: {
-		value: u,
-		onChange: (e) => {
-			e !== null && f(e);
-		},
-		granularity: p === "day" ? void 0 : p,
-		"aria-label": h()
-	} };
-	return /* @__PURE__ */ T(s, {
-		values: [[c, { slots: g }], [n, { slots: _ }]],
-		children: e
-	});
-}, L = ({ hideTimeZone: e, hourCycle: t }) => {
-	let n = d(F), { granularity: r, dateValue: a } = S(i), o = w(null), s = w(a);
-	return C(() => {
-		let e;
-		if (a && s.current?.compare(a) !== 0) {
-			let t = o.current, n = document.activeElement;
-			t?.contains(n) && n?.getAttribute("role") === "spinbutton" || (e = setTimeout(() => {
-				t && t.querySelector("[role=\"spinbutton\"]")?.focus();
-			}, 50));
-		}
-		return s.current = a, () => {
-			e && clearTimeout(e);
-		};
-	}, [a]), r === "day" ? null : /* @__PURE__ */ E(h, {
-		ref: o,
-		borderTop: "solid-25",
-		borderColor: "neutral.3",
-		py: "300",
-		px: "400",
-		alignItems: "center",
-		justifyContent: "center",
-		gap: "200",
-		children: [/* @__PURE__ */ T(_, {
-			textStyle: "xs",
-			fontWeight: "500",
-			color: "neutral.12",
-			children: n.format("Time.startTime")
-		}), /* @__PURE__ */ T(v, {
-			slot: "timeInput",
-			variant: "ghost",
-			size: "sm",
-			hideTimeZone: e,
-			hourCycle: t
-		})]
-	});
-}, R = (n) => {
-	let { size: i = "md", variant: o, granularity: s = "day", hideTimeZone: c, hourCycle: d } = n, [f, h] = O({ recipe: g }).splitVariantProps(n), [_, v] = x(h), S = i === "md" ? "xs" : "2xs", C = s === "day" && n.shouldCloseOnSelect;
-	return /* @__PURE__ */ T(j, {
-		...f,
-		..._,
-		asChild: !0,
-		children: /* @__PURE__ */ T(r, {
-			...v,
-			shouldCloseOnSelect: C,
-			children: /* @__PURE__ */ E(I, { children: [/* @__PURE__ */ T(M, {
-				asChild: !0,
-				children: /* @__PURE__ */ T(l, { children: /* @__PURE__ */ T(y, {
-					size: i,
-					variant: o,
-					width: "full",
-					hideTimeZone: c,
-					hourCycle: d,
-					trailingElement: /* @__PURE__ */ E(p, { children: [/* @__PURE__ */ T(m, {
-						variant: "ghost",
-						size: S,
-						slot: "clear",
-						children: /* @__PURE__ */ T(u, {})
-					}), /* @__PURE__ */ T(m, {
-						variant: "ghost",
-						size: S,
-						slot: "calendarToggle",
-						children: /* @__PURE__ */ T(a, {})
-					})] })
-				}) })
-			}), /* @__PURE__ */ T(N, {
-				asChild: !0,
-				children: /* @__PURE__ */ T(t, {
-					placement: "bottom end",
-					children: /* @__PURE__ */ E(e, { children: [/* @__PURE__ */ T(P, { children: /* @__PURE__ */ T(b, {}) }), /* @__PURE__ */ T(L, {
-						hideTimeZone: c,
-						hourCycle: d
-					})] })
-				})
-			})] })
-		})
-	});
-};
-R.displayName = "DatePicker";
-//#endregion
-export { R as t };
-
-//# sourceMappingURL=date-picker-CC1bWz5s.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"date-picker-CC1bWz5s.es.js","names":["datePickerMessages_en","datePickerMessages_de","datePickerMessages_es","datePickerMessages_fr","datePickerMessages_pt","useSlottedContext","ButtonContext","DatePickerStateContext","Provider","TimeFieldContext","DatePickerStateContext","ReactAriaDatePicker","Group","Close","CalendarMonth","Popover","Dialog","$f2ff30fde7b014be$export$3ddf2d174ce01153","$542a13ca2fa5b484$export$5b6b19405a83ff9d","$5400c097f4765e59$export$8e17ddc448e87c1e","$e539d00f123fdfd8$export$5109c6dd95d8fb00","$e539d00f123fdfd8$export$50a10c048fdcdee9","ForwardRef","$7230ffa83bc0c2cf$export$fabf2dc03a41866e","$7230ffa83bc0c2cf$export$2881499e37b75b9a","$7705c033048f6da7$export$24d547caef80ccd1","$3a442827418ebe87$export$eb2fcfdbd7ba97d4","ForwardRef$1","useLocalizedStringFormatter","normalizeMessages","Box","IconButton","Flex","datePickerSlotRecipe","Text","TimeInput","DateInput","Calendar","extractStyleProps","createSlotRecipeContext","DatePickerRootSlot","withProvider","DatePickerGroupSlot","withContext","DatePickerPopoverSlot","DatePickerCalendarSlot","datePickerMessagesStrings","DatePickerCustomContext","msg","buttonContext","datePickerState","useContext","noInputValue","isDatePickerDisabled","getDefaultTimeInputAriaLabel","granularity","buttonSlots","activeElement","event","timeInputSlots","timeValue","value","setTimeValue","DatePickerTimeInput","timeInputRef","useRef","previousDateRef","dateValue","useEffect","timeoutId","container","DatePicker","props","recipeProps","remainingProps","useSlotRecipe","styleProps","otherProps","overlayButtonSize","size","shouldCloseOnSelect"],"sources":["../../src/components/date-picker/date-picker.slots.tsx","../../src/components/date-picker/intl/en.ts","../../src/components/date-picker/intl/de.ts","../../src/components/date-picker/intl/es.ts","../../src/components/date-picker/intl/fr-FR.ts","../../src/components/date-picker/intl/pt-BR.ts","../../src/components/date-picker/date-picker.messages.ts","../../src/components/date-picker/components/date-picker.custom-context.tsx","../../src/components/date-picker/components/date-picker.time-input.tsx","../../src/components/date-picker/date-picker.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\nimport type { DatePickerRootSlotProps } from \"./date-picker.types\";\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusDatePicker\",\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  DatePickerRootSlotProps\n>(\"div\", \"root\");\n\n/**\n * Slot component for the input group containing the DateInput.\n */\nexport const DatePickerGroupSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"group\");\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","/**\n * Pre-compiled en messages for DatePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  \"Time.enterTime\": `Enter time`,\n  \"Time.enterTimeHour\": `Enter time (hour)`,\n  \"Time.enterTimeHourMinute\": `Enter time (hour and minute)`,\n  \"Time.enterTimeHourMinuteSecond\": `Enter time (hour, minute, and second)`,\n  \"Time.startTime\": `Start time`,\n  clearInput: `Clear input value`,\n};\n","/**\n * Pre-compiled de messages for DatePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  \"Time.enterTime\": `Zeit eingeben`,\n  \"Time.enterTimeHour\": `Zeit eingeben (Stunde)`,\n  \"Time.enterTimeHourMinute\": `Zeit eingeben (Stunde und Minute)`,\n  \"Time.enterTimeHourMinuteSecond\": `Zeit eingeben (Stunde, Minute und Sekunde)`,\n  \"Time.startTime\": `Startzeit`,\n  clearInput: `Eingabewert löschen`,\n};\n","/**\n * Pre-compiled es messages for DatePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  \"Time.enterTime\": `Indicar tiempo`,\n  \"Time.enterTimeHour\": `Indicar tiempo (hora)`,\n  \"Time.enterTimeHourMinute\": `Indicar tiempo (hora y minuto)`,\n  \"Time.enterTimeHourMinuteSecond\": `Indicar tiempo (hora, minuto y segundo)`,\n  \"Time.startTime\": `Iniciar tiempo`,\n  clearInput: `Eliminar valor de entrada`,\n};\n","/**\n * Pre-compiled fr-FR messages for DatePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  \"Time.enterTime\": `Saisir l'heure`,\n  \"Time.enterTimeHour\": `Saisir l'heure (heure)`,\n  \"Time.enterTimeHourMinute\": `Saisir l'heure (heure et minute)`,\n  \"Time.enterTimeHourMinuteSecond\": `Saisir l'heure (heure, minute et seconde)`,\n  \"Time.startTime\": `Heure de début`,\n  clearInput: `Effacer la valeur saisie`,\n};\n","/**\n * Pre-compiled pt-BR messages for DatePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  \"Time.enterTime\": `Inserir hora`,\n  \"Time.enterTimeHour\": `Inserir hora (hora)`,\n  \"Time.enterTimeHourMinute\": `Inserir hora (hora e minutos)`,\n  \"Time.enterTimeHourMinuteSecond\": `Inserir hora (hora, minutos e segundos)`,\n  \"Time.startTime\": `Hora de início`,\n  clearInput: `Limpar valores inseridos`,\n};\n","/**\n * Pre-compiled localized messages for DatePicker component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport datePickerMessages_en from \"./intl/en\";\nimport datePickerMessages_de from \"./intl/de\";\nimport datePickerMessages_es from \"./intl/es\";\nimport datePickerMessages_fr from \"./intl/fr-FR\";\nimport datePickerMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const datePickerMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(datePickerMessages_en),\n  de: normalizeMessages(datePickerMessages_de),\n  es: normalizeMessages(datePickerMessages_es),\n  \"fr-FR\": normalizeMessages(datePickerMessages_fr),\n  \"pt-BR\": normalizeMessages(datePickerMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for DatePicker component\n */\nexport type DatePickerMessageKey =\n  | \"Time.enterTime\"\n  | \"Time.enterTimeHour\"\n  | \"Time.enterTimeHourMinute\"\n  | \"Time.enterTimeHourMinuteSecond\"\n  | \"Time.startTime\"\n  | \"clearInput\";\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\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { datePickerMessagesStrings } from \"../date-picker.messages\";\n\n/**\n * DatePickerCustomContext - Custom context provider for DatePicker\n *\n * Provides React Aria context overrides for button and time input slots,\n * enabling coordinated behavior between DatePicker parts.\n */\nexport const DatePickerCustomContext = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const msg = useLocalizedStringFormatter(datePickerMessagesStrings);\n  const buttonContext = useSlottedContext(ButtonContext) || {};\n  const datePickerState = useContext(DatePickerStateContext);\n  const noInputValue = datePickerState?.dateValue === null;\n\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 msg.format(\"Time.enterTimeHour\");\n      case \"minute\":\n        return msg.format(\"Time.enterTimeHourMinute\");\n      case \"second\":\n        return msg.format(\"Time.enterTimeHourMinuteSecond\");\n      default:\n        return msg.format(\"Time.enterTime\");\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      onPress: () => datePickerState?.setValue(null),\n      \"aria-label\": msg.format(\"clearInput\"),\n      isDisabled: isDatePickerDisabled,\n      // Hide the button when there's no value\n      style: noInputValue ? { display: \"none\" } : undefined,\n      \"aria-hidden\": noInputValue ? true : undefined,\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 { Flex, Text, TimeInput } from \"@/components\";\nimport { useContext, useRef, useEffect } from \"react\";\nimport { DatePickerStateContext } from \"react-aria-components\";\nimport type { DatePickerTimeInputProps } from \"../date-picker.types\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { datePickerMessagesStrings } from \"../date-picker.messages\";\n\n/**\n * DatePickerTimeInput - Time input component displayed in DatePicker popover footer\n *\n * Only renders when granularity requires time selection (hour, minute, second).\n * Automatically focuses when user selects a date from the calendar.\n *\n * @supportsStyleProps\n */\nexport const DatePickerTimeInput = ({\n  hideTimeZone,\n  hourCycle,\n}: DatePickerTimeInputProps) => {\n  const msg = useLocalizedStringFormatter(datePickerMessagesStrings);\n  const datePickerState = useContext(DatePickerStateContext);\n  const { granularity, dateValue } = datePickerState!;\n  const timeInputRef = useRef<HTMLDivElement>(null);\n  const previousDateRef = useRef(dateValue);\n\n  // Focus the time input when date changes (user selects a date from calendar)\n  useEffect(() => {\n    // Check if date changed\n    let timeoutId: ReturnType<typeof setTimeout> | undefined;\n\n    if (dateValue && previousDateRef.current?.compare(dateValue) !== 0) {\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            firstSegment?.focus();\n          }\n        }, 50);\n      }\n    }\n\n    previousDateRef.current = dateValue;\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  }, [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  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      <Text textStyle=\"xs\" fontWeight=\"500\" color=\"neutral.12\">\n        {msg.format(\"Time.startTime\")}\n      </Text>\n      <TimeInput\n        slot=\"timeInput\"\n        variant=\"ghost\"\n        size=\"sm\"\n        hideTimeZone={hideTimeZone}\n        hourCycle={hourCycle}\n      />\n    </Flex>\n  );\n};\n","import {\n  DatePickerRootSlot,\n  DatePickerGroupSlot,\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/styled-system\";\nimport { datePickerSlotRecipe } from \"./date-picker.recipe\";\nimport type { DatePickerProps } from \"./date-picker.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { DateInput, Calendar, IconButton, Box } from \"@/components\";\nimport { DatePickerTimeInput, DatePickerCustomContext } from \"./components\";\n\n/**\n * # DatePicker\n *\n * a UI component for users to enter or select a specific calendar date.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/datepicker}\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                trailingElement={\n                  <Box>\n                    <IconButton\n                      variant=\"ghost\"\n                      size={overlayButtonSize}\n                      slot=\"clear\"\n                    >\n                      <Close />\n                    </IconButton>\n                    <IconButton\n                      variant=\"ghost\"\n                      size={overlayButtonSize}\n                      slot=\"calendarToggle\"\n                    >\n                      <CalendarMonth />\n                    </IconButton>\n                  </Box>\n                }\n              />\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"],"mappings":"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"}

package/dist/chunks/date-picker-DbJjl74C.cjs

@@ -1,2 +0,0 @@
-const e=require("./Dialog-ti7AGH0J.cjs"),t=require("./DateField-CyBo0Hmx.cjs"),n=require("./calendar-month-DoIgWxHe.cjs"),r=require("./utils-tbrKoWZQ.cjs"),i=require("./Button-BB0G5V58.cjs"),a=require("./Group-D6s6YQXQ.cjs"),o=require("./close-MovqoOGD.cjs"),s=require("./normalize-messages-D3QZsMK8.cjs"),c=require("./box-B6vF0vdN.cjs"),l=require("./icon-button-Cn5NWWUa.cjs"),u=require("./flex-D_rZ56ps.cjs"),d=require("./theme-C3kkZqCt.cjs"),f=require("./text-HnY0tTzg.cjs"),p=require("./time-input-Bxm5Os-u.cjs"),m=require("./date-input-B3OtLvdj.cjs"),h=require("./calendar-EUe9gwRT.cjs"),g=require("./extract-style-props-e57WhXBe.cjs");let _=require("react"),v=require("react/jsx-runtime"),y=require("@chakra-ui/react/styled-system");var{withProvider:b,withContext:x}=(0,y.createSlotRecipeContext)({key:`nimbusDatePicker`}),S=b(`div`,`root`),C=x(`div`,`group`),w=x(`div`,`popover`),T=x(`div`,`calendar`);x(`header`,`calendarHeader`),x(`table`,`calendarGrid`),x(`td`,`calendarCell`);var E={en:s.t({"Time.enterTime":`Enter time`,"Time.enterTimeHour":`Enter time (hour)`,"Time.enterTimeHourMinute":`Enter time (hour and minute)`,"Time.enterTimeHourMinuteSecond":`Enter time (hour, minute, and second)`,"Time.startTime":`Start time`,clearInput:`Clear input value`}),de:s.t({"Time.enterTime":`Zeit eingeben`,"Time.enterTimeHour":`Zeit eingeben (Stunde)`,"Time.enterTimeHourMinute":`Zeit eingeben (Stunde und Minute)`,"Time.enterTimeHourMinuteSecond":`Zeit eingeben (Stunde, Minute und Sekunde)`,"Time.startTime":`Startzeit`,clearInput:`Eingabewert löschen`}),es:s.t({"Time.enterTime":`Indicar tiempo`,"Time.enterTimeHour":`Indicar tiempo (hora)`,"Time.enterTimeHourMinute":`Indicar tiempo (hora y minuto)`,"Time.enterTimeHourMinuteSecond":`Indicar tiempo (hora, minuto y segundo)`,"Time.startTime":`Iniciar tiempo`,clearInput:`Eliminar valor de entrada`}),"fr-FR":s.t({"Time.enterTime":`Saisir l'heure`,"Time.enterTimeHour":`Saisir l'heure (heure)`,"Time.enterTimeHourMinute":`Saisir l'heure (heure et minute)`,"Time.enterTimeHourMinuteSecond":`Saisir l'heure (heure, minute et seconde)`,"Time.startTime":`Heure de début`,clearInput:`Effacer la valeur saisie`}),"pt-BR":s.t({"Time.enterTime":`Inserir hora`,"Time.enterTimeHour":`Inserir hora (hora)`,"Time.enterTimeHourMinute":`Inserir hora (hora e minutos)`,"Time.enterTimeHourMinuteSecond":`Inserir hora (hora, minutos e segundos)`,"Time.startTime":`Hora de início`,clearInput:`Limpar valores inseridos`})},D=({children:e})=>{let a=s.n(E),o=r.c(i.t)||{},c=(0,_.useContext)(n.r),l=c?.dateValue===null,{timeValue:u,setTimeValue:d,granularity:f}=c,p=o?.isDisabled,m=()=>{switch(f){case`hour`:return a.format(`Time.enterTimeHour`);case`minute`:return a.format(`Time.enterTimeHourMinute`);case`second`:return a.format(`Time.enterTimeHourMinuteSecond`);default:return a.format(`Time.enterTime`)}},h={calendarToggle:{...o,onPress:e=>{let t=document?.activeElement;t&&t.blur(),o.onPress?.(e)}},clear:{onPress:()=>c?.setValue(null),"aria-label":a.format(`clearInput`),isDisabled:p,style:l?{display:`none`}:void 0,"aria-hidden":l?!0:void 0}},g={timeInput:{value:u,onChange:e=>{e!==null&&d(e)},granularity:f===`day`?void 0:f,"aria-label":m()}};return(0,v.jsx)(r.t,{values:[[i.t,{slots:h}],[t.a,{slots:g}]],children:e})},O=({hideTimeZone:e,hourCycle:t})=>{let r=s.n(E),{granularity:i,dateValue:a}=(0,_.useContext)(n.r),o=(0,_.useRef)(null),c=(0,_.useRef)(a);return(0,_.useEffect)(()=>{let e;if(a&&c.current?.compare(a)!==0){let t=o.current,n=document.activeElement;t?.contains(n)&&n?.getAttribute(`role`)===`spinbutton`||(e=setTimeout(()=>{t&&t.querySelector(`[role="spinbutton"]`)?.focus()},50))}return c.current=a,()=>{e&&clearTimeout(e)}},[a]),i===`day`?null:(0,v.jsxs)(u.t,{ref:o,borderTop:`solid-25`,borderColor:`neutral.3`,py:`300`,px:`400`,alignItems:`center`,justifyContent:`center`,gap:`200`,children:[(0,v.jsx)(f.t,{textStyle:`xs`,fontWeight:`500`,color:`neutral.12`,children:r.format(`Time.startTime`)}),(0,v.jsx)(p.t,{slot:`timeInput`,variant:`ghost`,size:`sm`,hideTimeZone:e,hourCycle:t})]})},k=t=>{let{size:r=`md`,variant:i,granularity:s=`day`,hideTimeZone:u,hourCycle:f}=t,[p,_]=(0,y.useSlotRecipe)({recipe:d._}).splitVariantProps(t),[b,x]=g.t(_),E=r===`md`?`xs`:`2xs`,k=s===`day`&&t.shouldCloseOnSelect;return(0,v.jsx)(S,{...p,...b,asChild:!0,children:(0,v.jsx)(n.i,{...x,shouldCloseOnSelect:k,children:(0,v.jsxs)(D,{children:[(0,v.jsx)(C,{asChild:!0,children:(0,v.jsx)(a.t,{children:(0,v.jsx)(m.t,{size:r,variant:i,width:`full`,hideTimeZone:u,hourCycle:f,trailingElement:(0,v.jsxs)(c.t,{children:[(0,v.jsx)(l.t,{variant:`ghost`,size:E,slot:`clear`,children:(0,v.jsx)(o.t,{})}),(0,v.jsx)(l.t,{variant:`ghost`,size:E,slot:`calendarToggle`,children:(0,v.jsx)(n.t,{})})]})})})}),(0,v.jsx)(w,{asChild:!0,children:(0,v.jsx)(e.u,{placement:`bottom end`,children:(0,v.jsxs)(e.n,{children:[(0,v.jsx)(T,{children:(0,v.jsx)(h.t,{})}),(0,v.jsx)(O,{hideTimeZone:u,hourCycle:f})]})})})]})})})};k.displayName=`DatePicker`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return k}});
-//# sourceMappingURL=date-picker-DbJjl74C.cjs.map

package/dist/chunks/date-picker-DbJjl74C.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-picker-DbJjl74C.cjs.js","names":["createSlotRecipeContext","normalizeMessages","datePickerMessages_en","datePickerMessages_de","datePickerMessages_es","datePickerMessages_fr","datePickerMessages_pt","useLocalizedStringFormatter","useSlottedContext","ButtonContext","useContext","DatePickerStateContext","Provider","TimeFieldContext","useLocalizedStringFormatter","useContext","DatePickerStateContext","useRef","Flex","Text","TimeInput","useSlotRecipe","datePickerSlotRecipe","extractStyleProps","ReactAriaDatePicker","Group","DateInput","Box","IconButton","Close","CalendarMonth","Popover","Dialog","Calendar","require_Dialog","require_DateField","require_calendar_month","require_utils","require_Button","require_Group","require_close","require_normalize_messages","require_box","require_icon_button","require_flex","require_theme","require_text","require_time_input","require_date_input","require_calendar","require_extract_style_props","react","react_jsx_runtime","_chakra_ui_react_styled_system","DatePickerRootSlot","withProvider","DatePickerGroupSlot","withContext","DatePickerPopoverSlot","DatePickerCalendarSlot","datePickerMessagesStrings","DatePickerCustomContext","msg","buttonContext","datePickerState","noInputValue","isDatePickerDisabled","getDefaultTimeInputAriaLabel","granularity","buttonSlots","activeElement","event","timeInputSlots","timeValue","value","setTimeValue","DatePickerTimeInput","timeInputRef","previousDateRef","dateValue","timeoutId","container","DatePicker","props","recipeProps","remainingProps","styleProps","otherProps","overlayButtonSize","size","shouldCloseOnSelect"],"sources":["../../src/components/date-picker/date-picker.slots.tsx","../../src/components/date-picker/intl/en.ts","../../src/components/date-picker/intl/de.ts","../../src/components/date-picker/intl/es.ts","../../src/components/date-picker/intl/fr-FR.ts","../../src/components/date-picker/intl/pt-BR.ts","../../src/components/date-picker/date-picker.messages.ts","../../src/components/date-picker/components/date-picker.custom-context.tsx","../../src/components/date-picker/components/date-picker.time-input.tsx","../../src/components/date-picker/date-picker.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\nimport type { DatePickerRootSlotProps } from \"./date-picker.types\";\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusDatePicker\",\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  DatePickerRootSlotProps\n>(\"div\", \"root\");\n\n/**\n * Slot component for the input group containing the DateInput.\n */\nexport const DatePickerGroupSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"group\");\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","/**\n * Pre-compiled en messages for DatePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  \"Time.enterTime\": `Enter time`,\n  \"Time.enterTimeHour\": `Enter time (hour)`,\n  \"Time.enterTimeHourMinute\": `Enter time (hour and minute)`,\n  \"Time.enterTimeHourMinuteSecond\": `Enter time (hour, minute, and second)`,\n  \"Time.startTime\": `Start time`,\n  clearInput: `Clear input value`,\n};\n","/**\n * Pre-compiled de messages for DatePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  \"Time.enterTime\": `Zeit eingeben`,\n  \"Time.enterTimeHour\": `Zeit eingeben (Stunde)`,\n  \"Time.enterTimeHourMinute\": `Zeit eingeben (Stunde und Minute)`,\n  \"Time.enterTimeHourMinuteSecond\": `Zeit eingeben (Stunde, Minute und Sekunde)`,\n  \"Time.startTime\": `Startzeit`,\n  clearInput: `Eingabewert löschen`,\n};\n","/**\n * Pre-compiled es messages for DatePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  \"Time.enterTime\": `Indicar tiempo`,\n  \"Time.enterTimeHour\": `Indicar tiempo (hora)`,\n  \"Time.enterTimeHourMinute\": `Indicar tiempo (hora y minuto)`,\n  \"Time.enterTimeHourMinuteSecond\": `Indicar tiempo (hora, minuto y segundo)`,\n  \"Time.startTime\": `Iniciar tiempo`,\n  clearInput: `Eliminar valor de entrada`,\n};\n","/**\n * Pre-compiled fr-FR messages for DatePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  \"Time.enterTime\": `Saisir l'heure`,\n  \"Time.enterTimeHour\": `Saisir l'heure (heure)`,\n  \"Time.enterTimeHourMinute\": `Saisir l'heure (heure et minute)`,\n  \"Time.enterTimeHourMinuteSecond\": `Saisir l'heure (heure, minute et seconde)`,\n  \"Time.startTime\": `Heure de début`,\n  clearInput: `Effacer la valeur saisie`,\n};\n","/**\n * Pre-compiled pt-BR messages for DatePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  \"Time.enterTime\": `Inserir hora`,\n  \"Time.enterTimeHour\": `Inserir hora (hora)`,\n  \"Time.enterTimeHourMinute\": `Inserir hora (hora e minutos)`,\n  \"Time.enterTimeHourMinuteSecond\": `Inserir hora (hora, minutos e segundos)`,\n  \"Time.startTime\": `Hora de início`,\n  clearInput: `Limpar valores inseridos`,\n};\n","/**\n * Pre-compiled localized messages for DatePicker component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport datePickerMessages_en from \"./intl/en\";\nimport datePickerMessages_de from \"./intl/de\";\nimport datePickerMessages_es from \"./intl/es\";\nimport datePickerMessages_fr from \"./intl/fr-FR\";\nimport datePickerMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const datePickerMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(datePickerMessages_en),\n  de: normalizeMessages(datePickerMessages_de),\n  es: normalizeMessages(datePickerMessages_es),\n  \"fr-FR\": normalizeMessages(datePickerMessages_fr),\n  \"pt-BR\": normalizeMessages(datePickerMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for DatePicker component\n */\nexport type DatePickerMessageKey =\n  | \"Time.enterTime\"\n  | \"Time.enterTimeHour\"\n  | \"Time.enterTimeHourMinute\"\n  | \"Time.enterTimeHourMinuteSecond\"\n  | \"Time.startTime\"\n  | \"clearInput\";\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\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { datePickerMessagesStrings } from \"../date-picker.messages\";\n\n/**\n * DatePickerCustomContext - Custom context provider for DatePicker\n *\n * Provides React Aria context overrides for button and time input slots,\n * enabling coordinated behavior between DatePicker parts.\n */\nexport const DatePickerCustomContext = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const msg = useLocalizedStringFormatter(datePickerMessagesStrings);\n  const buttonContext = useSlottedContext(ButtonContext) || {};\n  const datePickerState = useContext(DatePickerStateContext);\n  const noInputValue = datePickerState?.dateValue === null;\n\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 msg.format(\"Time.enterTimeHour\");\n      case \"minute\":\n        return msg.format(\"Time.enterTimeHourMinute\");\n      case \"second\":\n        return msg.format(\"Time.enterTimeHourMinuteSecond\");\n      default:\n        return msg.format(\"Time.enterTime\");\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      onPress: () => datePickerState?.setValue(null),\n      \"aria-label\": msg.format(\"clearInput\"),\n      isDisabled: isDatePickerDisabled,\n      // Hide the button when there's no value\n      style: noInputValue ? { display: \"none\" } : undefined,\n      \"aria-hidden\": noInputValue ? true : undefined,\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 { Flex, Text, TimeInput } from \"@/components\";\nimport { useContext, useRef, useEffect } from \"react\";\nimport { DatePickerStateContext } from \"react-aria-components\";\nimport type { DatePickerTimeInputProps } from \"../date-picker.types\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { datePickerMessagesStrings } from \"../date-picker.messages\";\n\n/**\n * DatePickerTimeInput - Time input component displayed in DatePicker popover footer\n *\n * Only renders when granularity requires time selection (hour, minute, second).\n * Automatically focuses when user selects a date from the calendar.\n *\n * @supportsStyleProps\n */\nexport const DatePickerTimeInput = ({\n  hideTimeZone,\n  hourCycle,\n}: DatePickerTimeInputProps) => {\n  const msg = useLocalizedStringFormatter(datePickerMessagesStrings);\n  const datePickerState = useContext(DatePickerStateContext);\n  const { granularity, dateValue } = datePickerState!;\n  const timeInputRef = useRef<HTMLDivElement>(null);\n  const previousDateRef = useRef(dateValue);\n\n  // Focus the time input when date changes (user selects a date from calendar)\n  useEffect(() => {\n    // Check if date changed\n    let timeoutId: ReturnType<typeof setTimeout> | undefined;\n\n    if (dateValue && previousDateRef.current?.compare(dateValue) !== 0) {\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            firstSegment?.focus();\n          }\n        }, 50);\n      }\n    }\n\n    previousDateRef.current = dateValue;\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  }, [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  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      <Text textStyle=\"xs\" fontWeight=\"500\" color=\"neutral.12\">\n        {msg.format(\"Time.startTime\")}\n      </Text>\n      <TimeInput\n        slot=\"timeInput\"\n        variant=\"ghost\"\n        size=\"sm\"\n        hideTimeZone={hideTimeZone}\n        hourCycle={hourCycle}\n      />\n    </Flex>\n  );\n};\n","import {\n  DatePickerRootSlot,\n  DatePickerGroupSlot,\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/styled-system\";\nimport { datePickerSlotRecipe } from \"./date-picker.recipe\";\nimport type { DatePickerProps } from \"./date-picker.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { DateInput, Calendar, IconButton, Box } from \"@/components\";\nimport { DatePickerTimeInput, DatePickerCustomContext } from \"./components\";\n\n/**\n * # DatePicker\n *\n * a UI component for users to enter or select a specific calendar date.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/datepicker}\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                trailingElement={\n                  <Box>\n                    <IconButton\n                      variant=\"ghost\"\n                      size={overlayButtonSize}\n                      slot=\"clear\"\n                    >\n                      <Close />\n                    </IconButton>\n                    <IconButton\n                      variant=\"ghost\"\n                      size={overlayButtonSize}\n                      slot=\"calendarToggle\"\n                    >\n                      <CalendarMonth />\n                    </IconButton>\n                  </Box>\n                }\n              />\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"],"mappings":"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"}