@neo4j-ndl/react 4.3.6 → 4.4.1

package/lib/esm/timezone-picker/TimeZonePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeZonePicker.js","sourceRoot":"","sources":["../../../src/timezone-picker/TimeZonePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport {\n  autoUpdate,\n  flip,\n  FloatingFocusManager,\n  FloatingPortal,\n  offset,\n  shift,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  useMergeRefs,\n  useTransitionStyles,\n} from '@floating-ui/react';\nimport { ChevronDownIcon } from '@heroicons/react/24/outline';\nimport { tokens } from '@neo4j-ndl/base';\nimport classNames from 'classnames';\nimport type React from 'react';\nimport {\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { type CommonProps } from '../_common/types';\nimport { ConditionalWrap } from '../conditional-wrap';\nimport { useIsInsideDialog } from '../dialog/dialog-context';\nimport { ExclamationCircleIconSolid } from '../icons';\nimport { useNeedleTheme } from '../theme';\nimport { Typography } from '../typography';\nimport {\n  formatTimeZone,\n  generateTimeZoneOptions,\n  generateUTCTimeZoneOptions,\n  isValidUTCFormat,\n  parseCustomUTCOffset,\n} from './generate-timezone-options';\nimport {\n  useKeyboardNavigation,\n  useTimeZonePickerPopover,\n} from './timezone-picker-hooks';\n\nexport type TimeZonePickerProps = {\n  /** The value of the timezone picker (IANA timezone identifier) */\n  value?: string;\n  /** Whether the timezone picker is fluid */\n  isFluid?: boolean;\n  /** Whether the timezone picker is read only */\n  isReadOnly?: boolean;\n  /** Whether the timezone picker is required */\n  isRequired?: boolean;\n  /** Whether the timezone picker is disabled */\n  isDisabled?: boolean;\n  /** The label of the timezone picker */\n  label?: string;\n  /** The size of the timezone picker */\n  size?: 'small' | 'medium' | 'large';\n  /** Manually set the error text */\n  errorText?: string;\n  /** Callback function triggered when the timezone picker value changes */\n  onChange?: (timezone: string) => void;\n  /** Callback function triggered when the timezone picker encounters an error */\n  onError?: (error: string, timezone: string) => void;\n  /**\n   * Strategy for the dropdown floating element.\n   * By default it is absolute, but if the component is inside of a needle Dialog, it is set to fixed.\n   * If this prop is set, no auto-detection of Dialog is done.\n   */\n  floatingStrategy?: 'absolute' | 'fixed';\n  /** Whether the dropdown element is rendered in a portal. */\n  isPortaled?: boolean;\n  /** Reference date for calculating timezone offsets (useful for DST-aware offset display) */\n  referenceDate?: Date;\n  /**\n   * Display mode: 'city', 'utc', or 'both'\n   * 'city' - shows city-based timezones, This should be used when the user needs to select a timezone for themselves or if they are selecting a timezone that's related to a date.\n   * 'utc' - shows UTC timezones, This should be used when the user needs to select a timezone for a database entry or a technical application.\n   * 'both' - shows both city-based and UTC timezones in separate sections, This should be used when the user needs to select a timezone for a database entry or a technical application, but also wants to see the city-based timezones for context for example a zoned date time.\n   * @default 'city'\n   * @example\n   * <TimeZonePicker mode=\"city\" />\n   * <TimeZonePicker mode=\"utc\" />\n   * <TimeZonePicker mode=\"both\" />\n   */\n  mode?: 'city' | 'utc' | 'both';\n};\n\nexport const TimeZonePicker = ({\n  isDisabled,\n  isFluid,\n  isReadOnly,\n  isRequired,\n  value,\n  label,\n  onChange,\n  className,\n  onError,\n  style,\n  size = 'medium',\n  errorText,\n  htmlAttributes,\n  floatingStrategy,\n  isPortaled: isPortaledProp,\n  referenceDate,\n  mode = 'city',\n  ref,\n  ...restProps\n}: CommonProps<'input', TimeZonePickerProps>) => {\n  const [inputValue, setInputValue] = useState<string>(\n    value\n      ? formatTimeZone(value, referenceDate)\n      : formatTimeZone(\n          new Date().toISOString().split('T')[1].split('.')[0],\n          referenceDate,\n        ),\n  );\n  const [searchQuery, setSearchQuery] = useState<string>('');\n  const listRef = useRef<HTMLUListElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n  useImperativeHandle(ref, () => inputRef.current as HTMLInputElement, []);\n  const [error, setError] = useState<string | undefined>(undefined);\n\n  const timezoneOptions = useMemo(() => {\n    if (mode === 'utc') {\n      return generateUTCTimeZoneOptions(referenceDate);\n    } else if (mode === 'city') {\n      return generateTimeZoneOptions(referenceDate);\n    } else {\n      // 'both' mode - combine both lists, excluding UTC from city list to avoid duplication\n      return [\n        ...generateUTCTimeZoneOptions(referenceDate),\n        ...generateTimeZoneOptions(referenceDate, true), // excludeUTC = true\n      ];\n    }\n  }, [referenceDate]);\n\n  const { themeClassName } = useNeedleTheme();\n  const { isPopoverOpen, setIsPopoverOpen } = useTimeZonePickerPopover(false);\n\n  // Filter options based on search query\n  const filteredOptions = useMemo(() => {\n    if (!searchQuery) {\n      return timezoneOptions;\n    }\n\n    const query = searchQuery.toLowerCase();\n    return timezoneOptions.filter(\n      (option) =>\n        option.label.toLowerCase().includes(query) ||\n        option.value.toLowerCase().includes(query),\n    );\n  }, [timezoneOptions, searchQuery]);\n\n  // Split options into UTC and city-based sections for 'both' mode\n  const { utcOptions, cityOptions } = useMemo(() => {\n    if (mode !== 'both') {\n      return { utcOptions: [], cityOptions: filteredOptions };\n    }\n\n    const utc: typeof filteredOptions = [];\n    const city: typeof filteredOptions = [];\n\n    filteredOptions.forEach((option) => {\n      // UTC options are those that start with \"UTC\" in their value or label\n      if (\n        option.value.toUpperCase().startsWith('UTC') ||\n        option.label.toUpperCase().startsWith('UTC')\n      ) {\n        utc.push(option);\n      } else {\n        city.push(option);\n      }\n    });\n\n    return { cityOptions: city, utcOptions: utc };\n  }, [filteredOptions, mode]);\n\n  const { focusedIndex, setFocusedIndex, handleArrowNavigation } =\n    useKeyboardNavigation(filteredOptions.length);\n\n  const classes = {\n    'ndl-small': size === 'small',\n    'ndl-medium': size === 'medium',\n    'ndl-large': size === 'large',\n    'ndl-error': error !== undefined,\n    'ndl-fluid': isFluid,\n    'ndl-disabled': isDisabled,\n    'ndl-read-only': isReadOnly,\n  };\n\n  const inputWidth = isFluid === true ? '100%' : '16rem';\n\n  const errorToShow =\n    errorText !== undefined && errorText !== '' ? errorText : error;\n\n  useEffect(() => {\n    if (error !== undefined) {\n      onError?.(error, inputValue);\n    }\n  }, [error, inputValue, onError]);\n\n  useEffect(() => {\n    setInputValue(value ? formatTimeZone(value, referenceDate) : '');\n  }, [value, referenceDate]);\n\n  useEffect(() => {\n    if (isPopoverOpen) {\n      setTimeout(() => {\n        listRef.current?.children[focusedIndex]?.scrollIntoView({\n          block: 'center',\n          inline: 'nearest',\n        });\n      }, 0);\n    } else {\n      setTimeout(() => {\n        inputRef.current?.blur();\n        const selectedIndex =\n          filteredOptions.findIndex((opt) => opt.value === value) ?? 0;\n        setFocusedIndex(selectedIndex >= 0 ? selectedIndex : 0);\n        setSearchQuery('');\n      }, 0);\n    }\n  }, [focusedIndex, isPopoverOpen, value, setFocusedIndex, filteredOptions]);\n\n  const handleOnClick = (timezone: string) => {\n    if (onChange) {\n      onChange(timezone);\n    }\n    setError(undefined);\n    setInputValue(formatTimeZone(timezone, referenceDate));\n    setIsPopoverOpen(false);\n    setSearchQuery('');\n  };\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const query = e.target.value;\n    setSearchQuery(query);\n    setInputValue(query);\n\n    // In UTC mode (utc or both), validate custom UTC input\n    if (\n      (mode === 'utc' || mode === 'both') &&\n      query.trim().toUpperCase().startsWith('UTC')\n    ) {\n      if (isValidUTCFormat(query.trim())) {\n        setError(undefined);\n      } else {\n        setError('Invalid UTC format. Use UTC+H:MM or UTC-H:MM');\n      }\n      return;\n    }\n\n    // Try to find a matching timezone\n    const matchingOption = timezoneOptions.find(\n      (opt) =>\n        opt.label.toLowerCase().includes(query.toLowerCase()) ||\n        opt.value.toLowerCase().includes(query.toLowerCase()),\n    );\n\n    if (matchingOption) {\n      setError(undefined);\n    }\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (isReadOnly === true || isDisabled === true) {\n      e.preventDefault();\n      return;\n    }\n\n    if (e.key === 'Escape') {\n      setIsPopoverOpen(false);\n      setSearchQuery('');\n      setInputValue(value ? formatTimeZone(value, referenceDate) : '');\n    }\n\n    setIsPopoverOpen(true);\n\n    if (e.key === 'Enter') {\n      // In UTC mode (utc or both), allow custom UTC input\n      if (\n        (mode === 'utc' || mode === 'both') &&\n        inputValue.trim().toUpperCase().startsWith('UTC')\n      ) {\n        const parsedOffset = parseCustomUTCOffset(inputValue.trim());\n        if (parsedOffset) {\n          handleOnClick(parsedOffset);\n          return;\n        }\n      }\n\n      if (filteredOptions.length > 0) {\n        const selectedOption = filteredOptions[focusedIndex];\n        if (selectedOption) {\n          handleOnClick(selectedOption.value);\n        }\n      }\n    } else if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n      e.preventDefault();\n      handleArrowNavigation(e.key);\n    }\n  };\n\n  /** Custom floating ui solution */\n  const isInsideDialog = useIsInsideDialog();\n  const isPortaled = isPortaledProp ?? !isInsideDialog;\n  const containerRef = useRef<HTMLDivElement>(null);\n  const { refs, floatingStyles, context } = useFloating({\n    elements: {\n      reference: containerRef.current,\n    },\n    middleware: [\n      offset(10),\n      flip({\n        fallbackPlacements: ['top'],\n        fallbackStrategy: 'bestFit',\n      }),\n      shift({ padding: 5 }),\n    ],\n    onOpenChange: (open) => {\n      setIsPopoverOpen(open);\n    },\n    open: isDisabled !== true && isReadOnly !== true && isPopoverOpen,\n    placement: 'bottom',\n    strategy: floatingStrategy ?? (isInsideDialog ? 'fixed' : 'absolute'),\n    whileElementsMounted: autoUpdate,\n  });\n  const dismiss = useDismiss(context);\n  const { getReferenceProps, getFloatingProps } = useInteractions([dismiss]);\n  const { styles: transitionStyles } = useTransitionStyles(context, {\n    duration: Number.parseInt(tokens.motion.duration.quick) ?? 0,\n  });\n\n  const mergedRef = useMergeRefs([refs.setReference, containerRef]);\n\n  return (\n    <>\n      <div\n        className={classNames('ndl-timezone-picker', className, {\n          ...classes,\n        })}\n        ref={mergedRef}\n        {...getReferenceProps()}\n        style={{\n          width: isFluid === true ? '100%' : 'fit-content',\n        }}\n      >\n        <label className=\"ndl-timezone-picker-label\">\n          {label !== undefined && (\n            <Typography\n              variant={size === 'large' ? 'body-large' : 'body-medium'}\n            >\n              {label}\n            </Typography>\n          )}\n          <div\n            className=\"ndl-timezone-picker-input-wrapper\"\n            style={{\n              width: inputWidth,\n              ...style,\n            }}\n          >\n            <input\n              aria-label={label}\n              className=\"ndl-timezone-picker-input\"\n              type=\"text\"\n              ref={inputRef}\n              value={inputValue}\n              disabled={isDisabled}\n              readOnly={isReadOnly}\n              required={isRequired}\n              onChange={handleInputChange}\n              onKeyDown={handleKeyDown}\n              onClick={(e) => {\n                if (isReadOnly === true || isDisabled === true) {\n                  return;\n                }\n                setIsPopoverOpen(true);\n                // Select all text on click for easy searching\n                e.currentTarget.select();\n              }}\n              onFocus={(e) => {\n                if (isReadOnly === true || isDisabled === true) {\n                  return;\n                }\n                // Select all text on focus for easy searching\n                e.currentTarget.select();\n              }}\n              onBlur={(e) => {\n                if (isReadOnly === true || isDisabled === true) {\n                  return;\n                }\n\n                if (\n                  e.relatedTarget?.classList.contains(\n                    'ndl-timezone-picker-popover-item',\n                  ) === true\n                ) {\n                  return;\n                }\n\n                // In UTC mode (utc or both), try to parse custom input on blur\n                if (\n                  (mode === 'utc' || mode === 'both') &&\n                  inputValue.trim().toUpperCase().startsWith('UTC')\n                ) {\n                  const parsedOffset = parseCustomUTCOffset(inputValue.trim());\n                  if (parsedOffset) {\n                    handleOnClick(parsedOffset);\n                    setError(undefined);\n                    return;\n                  }\n                }\n\n                // Reset to the current value if no valid selection was made\n                if (value) {\n                  setInputValue(formatTimeZone(value, referenceDate));\n                } else {\n                  setInputValue('');\n                }\n                setSearchQuery('');\n                setError(undefined);\n              }}\n              placeholder={\n                mode === 'city'\n                  ? 'Select timezone'\n                  : mode === 'utc'\n                    ? 'Select or type UTC offset (e.g., UTC+5:30)'\n                    : 'Select timezone or type UTC offset'\n              }\n              {...htmlAttributes}\n              {...restProps}\n            />\n            <ChevronDownIcon className=\"ndl-icon-svg ndl-timezone-picker-icon\" />\n          </div>\n        </label>\n        {errorToShow !== undefined && (\n          <div className=\"ndl-timezone-picker-error-wrapper\">\n            <ExclamationCircleIconSolid className=\"ndl-timezone-picker-error-icon\" />\n            <Typography\n              variant={size === 'large' ? 'body-medium' : 'body-small'}\n              className=\"ndl-timezone-picker-error-text\"\n            >\n              {errorToShow}\n            </Typography>\n          </div>\n        )}\n      </div>\n\n      {context.open && (\n        <ConditionalWrap\n          shouldWrap={isPortaled}\n          wrap={(wrapChildren) => (\n            <FloatingPortal>{wrapChildren}</FloatingPortal>\n          )}\n        >\n          <FloatingFocusManager\n            context={context}\n            modal={false}\n            initialFocus={-1}\n          >\n            <div\n              ref={refs.setFloating}\n              className={classNames(\n                themeClassName,\n                'ndl-timezone-picker-popover',\n                {\n                  ...classes,\n                },\n              )}\n              style={{\n                ...transitionStyles,\n                ...floatingStyles,\n                width:\n                  isFluid === true\n                    ? containerRef.current?.clientWidth\n                    : undefined,\n              }}\n              {...getFloatingProps()}\n            >\n              <ul ref={listRef} tabIndex={-1}>\n                {mode === 'both' ? (\n                  <>\n                    {utcOptions.length > 0 && (\n                      <>\n                        <li className=\"ndl-timezone-picker-section-header\">\n                          UTC Offsets\n                        </li>\n                        {utcOptions.map((option, i) => (\n                          <li\n                            key={option.value}\n                            role=\"option\"\n                            aria-selected={value === option.value}\n                            value={option.value}\n                            onClick={(e) => {\n                              e.stopPropagation();\n                              e.preventDefault();\n                              handleOnClick(option.value);\n                              setIsPopoverOpen(false);\n                            }}\n                            onMouseDown={(e) => {\n                              e.stopPropagation();\n                              e.preventDefault();\n                            }}\n                            tabIndex={-1}\n                            className={classNames(\n                              focusedIndex === i ? 'focused' : '',\n                              'ndl-timezone-picker-popover-item',\n                            )}\n                            onKeyDown={(e) => {\n                              if (e.key === 'Enter') {\n                                e.stopPropagation();\n                                handleOnClick(option.value);\n                              }\n                            }}\n                          >\n                            {option.label}\n                          </li>\n                        ))}\n                      </>\n                    )}\n                    {cityOptions.length > 0 && (\n                      <>\n                        <li className=\"ndl-timezone-picker-section-header\">\n                          City-Based Timezones\n                        </li>\n                        {cityOptions.map((option, i) => {\n                          const adjustedIndex = i + utcOptions.length;\n                          return (\n                            <li\n                              key={option.value}\n                              role=\"option\"\n                              aria-selected={value === option.value}\n                              value={option.value}\n                              onClick={(e) => {\n                                e.stopPropagation();\n                                e.preventDefault();\n                                handleOnClick(option.value);\n                                setIsPopoverOpen(false);\n                              }}\n                              onMouseDown={(e) => {\n                                e.stopPropagation();\n                                e.preventDefault();\n                              }}\n                              tabIndex={-1}\n                              className={classNames(\n                                focusedIndex === adjustedIndex ? 'focused' : '',\n                                'ndl-timezone-picker-popover-item',\n                              )}\n                              onKeyDown={(e) => {\n                                if (e.key === 'Enter') {\n                                  e.stopPropagation();\n                                  handleOnClick(option.value);\n                                }\n                              }}\n                            >\n                              {option.label}\n                            </li>\n                          );\n                        })}\n                      </>\n                    )}\n                    {utcOptions.length === 0 && cityOptions.length === 0 && (\n                      <li className=\"ndl-timezone-picker-popover-item ndl-timezone-picker-no-results\">\n                        No timezones found\n                      </li>\n                    )}\n                  </>\n                ) : (\n                  <>\n                    {filteredOptions.length > 0 ? (\n                      filteredOptions.map((option, i) => (\n                        <li\n                          key={option.value}\n                          role=\"option\"\n                          aria-selected={value === option.value}\n                          value={option.value}\n                          onClick={(e) => {\n                            e.stopPropagation();\n                            e.preventDefault();\n                            handleOnClick(option.value);\n                            setIsPopoverOpen(false);\n                          }}\n                          onMouseDown={(e) => {\n                            e.stopPropagation();\n                            e.preventDefault();\n                          }}\n                          tabIndex={-1}\n                          className={classNames(\n                            focusedIndex === i ? 'focused' : '',\n                            'ndl-timezone-picker-popover-item',\n                          )}\n                          onKeyDown={(e) => {\n                            if (e.key === 'Enter') {\n                              e.stopPropagation();\n                              handleOnClick(option.value);\n                            }\n                          }}\n                        >\n                          {option.label}\n                        </li>\n                      ))\n                    ) : (\n                      <li className=\"ndl-timezone-picker-popover-item ndl-timezone-picker-no-results\">\n                        No timezones found\n                      </li>\n                    )}\n                  </>\n                )}\n              </ul>\n            </div>\n          </FloatingFocusManager>\n        </ConditionalWrap>\n      )}\n    </>\n  );\n};\n"]}
+{"version":3,"file":"TimeZonePicker.js","sourceRoot":"","sources":["../../../src/timezone-picker/TimeZonePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EACL,UAAU,EACV,IAAI,EACJ,oBAAoB,EACpB,cAAc,EACd,MAAM,EACN,KAAK,EACL,UAAU,EACV,WAAW,EACX,eAAe,EACf,YAAY,EACZ,mBAAmB,GACpB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EACL,SAAS,EACT,mBAAmB,EACnB,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EACL,cAAc,EACd,uBAAuB,EACvB,0BAA0B,EAC1B,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,qBAAqB,EACrB,wBAAwB,GACzB,MAAM,yBAAyB,CAAC;AA+CjC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAoBa,EAAE,EAAE;;QApBjB,EAC7B,UAAU,EACV,OAAO,EACP,UAAU,EACV,UAAU,EACV,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAO,EACP,KAAK,EACL,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,cAAc,EACd,gBAAgB,EAChB,UAAU,EAAE,cAAc,EAC1B,aAAa,EACb,IAAI,GAAG,MAAM,EACb,GAAG,OAEuC,EADvC,SAAS,cAnBiB,6NAoB9B,CADa;IAEZ,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAC1C,KAAK;QACH,CAAC,CAAC,cAAc,CAAC,KAAK,EAAE,aAAa,CAAC;QACtC,CAAC,CAAC,cAAc,CACZ,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EACpD,aAAa,CACd,CACN,CAAC;IACF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC3D,MAAM,OAAO,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAC/C,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAA2B,EAAE,EAAE,CAAC,CAAC;IACzE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAElE,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE;QACnC,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;YACnB,OAAO,0BAA0B,CAAC,aAAa,CAAC,CAAC;QACnD,CAAC;aAAM,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;YAC3B,OAAO,uBAAuB,CAAC,aAAa,CAAC,CAAC;QAChD,CAAC;aAAM,CAAC;YACN,sFAAsF;YACtF,OAAO;gBACL,GAAG,0BAA0B,CAAC,aAAa,CAAC;gBAC5C,GAAG,uBAAuB,CAAC,aAAa,EAAE,IAAI,CAAC,EAAE,oBAAoB;aACtE,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAC;IAC5C,MAAM,EAAE,aAAa,EAAE,gBAAgB,EAAE,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;IAE5E,uCAAuC;IACvC,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE;QACnC,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,OAAO,eAAe,CAAC;QACzB,CAAC;QAED,MAAM,KAAK,GAAG,WAAW,CAAC,WAAW,EAAE,CAAC;QACxC,OAAO,eAAe,CAAC,MAAM,CAC3B,CAAC,MAAM,EAAE,EAAE,CACT,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;YAC1C,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAC7C,CAAC;IACJ,CAAC,EAAE,CAAC,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC;IAEnC,iEAAiE;IACjE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/C,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;YACpB,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC;QAC1D,CAAC;QAED,MAAM,GAAG,GAA2B,EAAE,CAAC;QACvC,MAAM,IAAI,GAA2B,EAAE,CAAC;QAExC,eAAe,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;YACjC,sEAAsE;YACtE,IACE,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC;gBAC5C,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAC5C,CAAC;gBACD,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACnB,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACpB,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC;IAChD,CAAC,EAAE,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC;IAE5B,MAAM,EAAE,YAAY,EAAE,eAAe,EAAE,qBAAqB,EAAE,GAC5D,qBAAqB,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;IAEhD,MAAM,OAAO,GAAG;QACd,cAAc,EAAE,UAAU;QAC1B,WAAW,EAAE,KAAK,KAAK,SAAS;QAChC,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,eAAe,EAAE,UAAU;QAC3B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC;IAEF,MAAM,UAAU,GAAG,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAEvD,MAAM,WAAW,GACf,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC;IAElE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,EAAE,UAAU,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAEjC,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACnE,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,aAAa,EAAE,CAAC;YAClB,UAAU,CAAC,GAAG,EAAE;;gBACd,MAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,QAAQ,CAAC,YAAY,CAAC,0CAAE,cAAc,CAAC;oBACtD,KAAK,EAAE,QAAQ;oBACf,MAAM,EAAE,SAAS;iBAClB,CAAC,CAAC;YACL,CAAC,EAAE,CAAC,CAAC,CAAC;QACR,CAAC;aAAM,CAAC;YACN,UAAU,CAAC,GAAG,EAAE;;gBACd,MAAA,QAAQ,CAAC,OAAO,0CAAE,IAAI,EAAE,CAAC;gBACzB,MAAM,aAAa,GACjB,MAAA,eAAe,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC,mCAAI,CAAC,CAAC;gBAC/D,eAAe,CAAC,aAAa,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACxD,cAAc,CAAC,EAAE,CAAC,CAAC;YACrB,CAAC,EAAE,CAAC,CAAC,CAAC;QACR,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,aAAa,EAAE,KAAK,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC;IAE3E,MAAM,aAAa,GAAG,CAAC,QAAgB,EAAE,EAAE;QACzC,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACrB,CAAC;QACD,QAAQ,CAAC,SAAS,CAAC,CAAC;QACpB,aAAa,CAAC,cAAc,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC;QACvD,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACxB,cAAc,CAAC,EAAE,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,CAAsC,EAAE,EAAE;QACnE,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAC7B,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,aAAa,CAAC,KAAK,CAAC,CAAC;QAErB,uDAAuD;QACvD,IACE,CAAC,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,MAAM,CAAC;YACnC,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAC5C,CAAC;YACD,IAAI,gBAAgB,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC;gBACnC,QAAQ,CAAC,SAAS,CAAC,CAAC;YACtB,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,8CAA8C,CAAC,CAAC;YAC3D,CAAC;YACD,OAAO;QACT,CAAC;QAED,kCAAkC;QAClC,MAAM,cAAc,GAAG,eAAe,CAAC,IAAI,CACzC,CAAC,GAAG,EAAE,EAAE,CACN,GAAG,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;YACrD,GAAG,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CACxD,CAAC;QAEF,IAAI,cAAc,EAAE,CAAC;YACnB,QAAQ,CAAC,SAAS,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,CAAwC,EAAE,EAAE;QACjE,IAAI,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;YAC/C,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;YACvB,gBAAgB,CAAC,KAAK,CAAC,CAAC;YACxB,cAAc,CAAC,EAAE,CAAC,CAAC;YACnB,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACnE,CAAC;QAED,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAEvB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACtB,oDAAoD;YACpD,IACE,CAAC,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,MAAM,CAAC;gBACnC,UAAU,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EACjD,CAAC;gBACD,MAAM,YAAY,GAAG,oBAAoB,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC;gBAC7D,IAAI,YAAY,EAAE,CAAC;oBACjB,aAAa,CAAC,YAAY,CAAC,CAAC;oBAC5B,OAAO;gBACT,CAAC;YACH,CAAC;YAED,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC/B,MAAM,cAAc,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;gBACrD,IAAI,cAAc,EAAE,CAAC;oBACnB,aAAa,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;gBACtC,CAAC;YACH,CAAC;QACH,CAAC;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;YACxD,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,qBAAqB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,CAAC;IAEF,kCAAkC;IAClC,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAC3C,MAAM,UAAU,GAAG,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,CAAC,cAAc,CAAC;IACrD,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,WAAW,CAAC;QACpD,QAAQ,EAAE;YACR,SAAS,EAAE,YAAY,CAAC,OAAO;SAChC;QACD,UAAU,EAAE;YACV,MAAM,CAAC,EAAE,CAAC;YACV,IAAI,CAAC;gBACH,kBAAkB,EAAE,CAAC,KAAK,CAAC;gBAC3B,gBAAgB,EAAE,SAAS;aAC5B,CAAC;YACF,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;SACtB;QACD,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;YACrB,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC;QACD,IAAI,EAAE,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,IAAI,IAAI,aAAa;QACjE,SAAS,EAAE,QAAQ;QACnB,QAAQ,EAAE,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC;QACrE,oBAAoB,EAAE,UAAU;KACjC,CAAC,CAAC;IACH,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,GAAG,eAAe,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3E,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,mBAAmB,CAAC,OAAO,EAAE;QAChE,QAAQ,EAAE,MAAA,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,mCAAI,CAAC;KAC7D,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC;IAElE,OAAO,CACL,8BACE,6BACE,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,SAAS,oBACjD,OAAO,EACV,EACF,GAAG,EAAE,SAAS,IACV,iBAAiB,EAAE,IACvB,KAAK,EAAE;oBACL,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa;iBACjD,aAED,iBAAO,SAAS,EAAC,2BAA2B,aACzC,KAAK,KAAK,SAAS,IAAI,CACtB,KAAC,UAAU,IACT,OAAO,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,YAEvD,KAAK,GACK,CACd,EACD,eACE,SAAS,EAAC,mCAAmC,EAC7C,KAAK,kBACH,KAAK,EAAE,UAAU,IACd,KAAK,cAGV,4CACc,KAAK,EACjB,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,iBAAiB,EAC3B,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4CACb,IAAI,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;gDAC/C,OAAO;4CACT,CAAC;4CACD,gBAAgB,CAAC,IAAI,CAAC,CAAC;4CACvB,8CAA8C;4CAC9C,CAAC,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC;wCAC3B,CAAC,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4CACb,IAAI,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;gDAC/C,OAAO;4CACT,CAAC;4CACD,8CAA8C;4CAC9C,CAAC,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC;wCAC3B,CAAC,EACD,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE;;4CACZ,IAAI,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;gDAC/C,OAAO;4CACT,CAAC;4CAED,IACE,CAAA,MAAA,CAAC,CAAC,aAAa,0CAAE,SAAS,CAAC,QAAQ,CACjC,kCAAkC,CACnC,MAAK,IAAI,EACV,CAAC;gDACD,OAAO;4CACT,CAAC;4CAED,+DAA+D;4CAC/D,IACE,CAAC,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,MAAM,CAAC;gDACnC,UAAU,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EACjD,CAAC;gDACD,MAAM,YAAY,GAAG,oBAAoB,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC;gDAC7D,IAAI,YAAY,EAAE,CAAC;oDACjB,aAAa,CAAC,YAAY,CAAC,CAAC;oDAC5B,QAAQ,CAAC,SAAS,CAAC,CAAC;oDACpB,OAAO;gDACT,CAAC;4CACH,CAAC;4CAED,4DAA4D;4CAC5D,IAAI,KAAK,EAAE,CAAC;gDACV,aAAa,CAAC,cAAc,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC;4CACtD,CAAC;iDAAM,CAAC;gDACN,aAAa,CAAC,EAAE,CAAC,CAAC;4CACpB,CAAC;4CACD,cAAc,CAAC,EAAE,CAAC,CAAC;4CACnB,QAAQ,CAAC,SAAS,CAAC,CAAC;wCACtB,CAAC,EACD,WAAW,EACT,IAAI,KAAK,MAAM;4CACb,CAAC,CAAC,iBAAiB;4CACnB,CAAC,CAAC,IAAI,KAAK,KAAK;gDACd,CAAC,CAAC,4CAA4C;gDAC9C,CAAC,CAAC,oCAAoC,IAExC,cAAc,EACd,SAAS,EACb,EACF,KAAC,eAAe,IAAC,SAAS,EAAC,uCAAuC,GAAG,IACjE,IACA,EACP,WAAW,KAAK,SAAS,IAAI,CAC5B,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,0BAA0B,IAAC,SAAS,EAAC,gCAAgC,GAAG,EACzE,KAAC,UAAU,IACT,OAAO,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,EACxD,SAAS,EAAC,gCAAgC,YAEzC,WAAW,GACD,IACT,CACP,KACG,EAEL,OAAO,CAAC,IAAI,IAAI,CACf,KAAC,eAAe,IACd,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,CACtB,KAAC,cAAc,cAAE,YAAY,GAAkB,CAChD,YAED,KAAC,oBAAoB,IACnB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,CAAC,CAAC,YAEhB,4BACE,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,SAAS,EAAE,UAAU,CACnB,cAAc,EACd,6BAA6B,oBAExB,OAAO,EAEb,EACD,KAAK,gDACA,gBAAgB,GAChB,cAAc,KACjB,KAAK,EACH,OAAO,KAAK,IAAI;gCACd,CAAC,CAAC,MAAA,YAAY,CAAC,OAAO,0CAAE,WAAW;gCACnC,CAAC,CAAC,SAAS,OAEb,gBAAgB,EAAE,cAEtB,aAAI,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,YAC3B,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CACjB,8BACG,UAAU,CAAC,MAAM,GAAG,CAAC,IAAI,CACxB,8BACE,aAAI,SAAS,EAAC,oCAAoC,4BAE7C,EACJ,UAAU,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7B,aAEE,IAAI,EAAC,QAAQ,mBACE,KAAK,KAAK,MAAM,CAAC,KAAK,EACrC,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oDACb,CAAC,CAAC,eAAe,EAAE,CAAC;oDACpB,CAAC,CAAC,cAAc,EAAE,CAAC;oDACnB,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oDAC5B,gBAAgB,CAAC,KAAK,CAAC,CAAC;gDAC1B,CAAC,EACD,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;oDACjB,CAAC,CAAC,eAAe,EAAE,CAAC;oDACpB,CAAC,CAAC,cAAc,EAAE,CAAC;gDACrB,CAAC,EACD,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAE,UAAU,CACnB,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EACnC,kCAAkC,CACnC,EACD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;oDACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;wDACtB,CAAC,CAAC,eAAe,EAAE,CAAC;wDACpB,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oDAC9B,CAAC;gDACH,CAAC,YAEA,MAAM,CAAC,KAAK,IA1BR,MAAM,CAAC,KAAK,CA2Bd,CACN,CAAC,IACD,CACJ,EACA,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACzB,8BACE,aAAI,SAAS,EAAC,oCAAoC,qCAE7C,EACJ,WAAW,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gDAC7B,MAAM,aAAa,GAAG,CAAC,GAAG,UAAU,CAAC,MAAM,CAAC;gDAC5C,OAAO,CACL,aAEE,IAAI,EAAC,QAAQ,mBACE,KAAK,KAAK,MAAM,CAAC,KAAK,EACrC,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;wDACb,CAAC,CAAC,eAAe,EAAE,CAAC;wDACpB,CAAC,CAAC,cAAc,EAAE,CAAC;wDACnB,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;wDAC5B,gBAAgB,CAAC,KAAK,CAAC,CAAC;oDAC1B,CAAC,EACD,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;wDACjB,CAAC,CAAC,eAAe,EAAE,CAAC;wDACpB,CAAC,CAAC,cAAc,EAAE,CAAC;oDACrB,CAAC,EACD,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAE,UAAU,CACnB,YAAY,KAAK,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAC/C,kCAAkC,CACnC,EACD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;wDACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;4DACtB,CAAC,CAAC,eAAe,EAAE,CAAC;4DACpB,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;wDAC9B,CAAC;oDACH,CAAC,YAEA,MAAM,CAAC,KAAK,IA1BR,MAAM,CAAC,KAAK,CA2Bd,CACN,CAAC;4CACJ,CAAC,CAAC,IACD,CACJ,EACA,UAAU,CAAC,MAAM,KAAK,CAAC,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,IAAI,CACtD,aAAI,SAAS,EAAC,iEAAiE,mCAE1E,CACN,IACA,CACJ,CAAC,CAAC,CAAC,CACF,4BACG,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC5B,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CACjC,aAEE,IAAI,EAAC,QAAQ,mBACE,KAAK,KAAK,MAAM,CAAC,KAAK,EACrC,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;wCACb,CAAC,CAAC,eAAe,EAAE,CAAC;wCACpB,CAAC,CAAC,cAAc,EAAE,CAAC;wCACnB,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;wCAC5B,gBAAgB,CAAC,KAAK,CAAC,CAAC;oCAC1B,CAAC,EACD,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;wCACjB,CAAC,CAAC,eAAe,EAAE,CAAC;wCACpB,CAAC,CAAC,cAAc,EAAE,CAAC;oCACrB,CAAC,EACD,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAE,UAAU,CACnB,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EACnC,kCAAkC,CACnC,EACD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;wCACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;4CACtB,CAAC,CAAC,eAAe,EAAE,CAAC;4CACpB,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;wCAC9B,CAAC;oCACH,CAAC,YAEA,MAAM,CAAC,KAAK,IA1BR,MAAM,CAAC,KAAK,CA2Bd,CACN,CAAC,CACH,CAAC,CAAC,CAAC,CACF,aAAI,SAAS,EAAC,iEAAiE,mCAE1E,CACN,GACA,CACJ,GACE,IACD,GACe,GACP,CACnB,IACA,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport {\n  autoUpdate,\n  flip,\n  FloatingFocusManager,\n  FloatingPortal,\n  offset,\n  shift,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  useMergeRefs,\n  useTransitionStyles,\n} from '@floating-ui/react';\nimport { ChevronDownIcon } from '@heroicons/react/24/outline';\nimport { tokens } from '@neo4j-ndl/base';\nimport classNames from 'classnames';\nimport type React from 'react';\nimport {\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { type CommonProps } from '../_common/types';\nimport { ConditionalWrap } from '../conditional-wrap';\nimport { useIsInsideDialog } from '../dialog/dialog-context';\nimport { ExclamationCircleIconSolid } from '../icons';\nimport { useNeedleTheme } from '../theme';\nimport { Typography } from '../typography';\nimport {\n  formatTimeZone,\n  generateTimeZoneOptions,\n  generateUTCTimeZoneOptions,\n  isValidUTCFormat,\n  parseCustomUTCOffset,\n} from './generate-timezone-options';\nimport {\n  useKeyboardNavigation,\n  useTimeZonePickerPopover,\n} from './timezone-picker-hooks';\n\nexport type TimeZonePickerProps = {\n  /** The value of the timezone picker (IANA timezone identifier) */\n  value?: string;\n  /** Whether the timezone picker is fluid */\n  isFluid?: boolean;\n  /** Whether the timezone picker is read only */\n  isReadOnly?: boolean;\n  /** Whether the timezone picker is required */\n  isRequired?: boolean;\n  /** Whether the timezone picker is disabled */\n  isDisabled?: boolean;\n  /** The label of the timezone picker */\n  label?: string;\n  /** The size of the timezone picker */\n  size?: 'small' | 'medium' | 'large';\n  /** Manually set the error text */\n  errorText?: string;\n  /** Callback function triggered when the timezone picker value changes */\n  onChange?: (timezone: string) => void;\n  /** Callback function triggered when the timezone picker encounters an error */\n  onError?: (error: string, timezone: string) => void;\n  /**\n   * Strategy for the dropdown floating element.\n   * By default it is absolute, but if the component is inside of a needle Dialog, it is set to fixed.\n   * If this prop is set, no auto-detection of Dialog is done.\n   */\n  floatingStrategy?: 'absolute' | 'fixed';\n  /** Whether the dropdown element is rendered in a portal. */\n  isPortaled?: boolean;\n  /** Reference date for calculating timezone offsets (useful for DST-aware offset display) */\n  referenceDate?: Date;\n  /**\n   * Display mode: 'city', 'utc', or 'both'\n   * 'city' - shows city-based timezones, This should be used when the user needs to select a timezone for themselves or if they are selecting a timezone that's related to a date.\n   * 'utc' - shows UTC timezones, This should be used when the user needs to select a timezone for a database entry or a technical application.\n   * 'both' - shows both city-based and UTC timezones in separate sections, This should be used when the user needs to select a timezone for a database entry or a technical application, but also wants to see the city-based timezones for context for example a zoned date time.\n   * @default 'city'\n   * @example\n   * <TimeZonePicker mode=\"city\" />\n   * <TimeZonePicker mode=\"utc\" />\n   * <TimeZonePicker mode=\"both\" />\n   */\n  mode?: 'city' | 'utc' | 'both';\n};\n\nexport const TimeZonePicker = ({\n  isDisabled,\n  isFluid,\n  isReadOnly,\n  isRequired,\n  value,\n  label,\n  onChange,\n  className,\n  onError,\n  style,\n  size = 'medium',\n  errorText,\n  htmlAttributes,\n  floatingStrategy,\n  isPortaled: isPortaledProp,\n  referenceDate,\n  mode = 'city',\n  ref,\n  ...restProps\n}: CommonProps<'input', TimeZonePickerProps>) => {\n  const [inputValue, setInputValue] = useState<string>(\n    value\n      ? formatTimeZone(value, referenceDate)\n      : formatTimeZone(\n          new Date().toISOString().split('T')[1].split('.')[0],\n          referenceDate,\n        ),\n  );\n  const [searchQuery, setSearchQuery] = useState<string>('');\n  const listRef = useRef<HTMLUListElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n  useImperativeHandle(ref, () => inputRef.current as HTMLInputElement, []);\n  const [error, setError] = useState<string | undefined>(undefined);\n\n  const timezoneOptions = useMemo(() => {\n    if (mode === 'utc') {\n      return generateUTCTimeZoneOptions(referenceDate);\n    } else if (mode === 'city') {\n      return generateTimeZoneOptions(referenceDate);\n    } else {\n      // 'both' mode - combine both lists, excluding UTC from city list to avoid duplication\n      return [\n        ...generateUTCTimeZoneOptions(referenceDate),\n        ...generateTimeZoneOptions(referenceDate, true), // excludeUTC = true\n      ];\n    }\n  }, [referenceDate]);\n\n  const { themeClassName } = useNeedleTheme();\n  const { isPopoverOpen, setIsPopoverOpen } = useTimeZonePickerPopover(false);\n\n  // Filter options based on search query\n  const filteredOptions = useMemo(() => {\n    if (!searchQuery) {\n      return timezoneOptions;\n    }\n\n    const query = searchQuery.toLowerCase();\n    return timezoneOptions.filter(\n      (option) =>\n        option.label.toLowerCase().includes(query) ||\n        option.value.toLowerCase().includes(query),\n    );\n  }, [timezoneOptions, searchQuery]);\n\n  // Split options into UTC and city-based sections for 'both' mode\n  const { utcOptions, cityOptions } = useMemo(() => {\n    if (mode !== 'both') {\n      return { cityOptions: filteredOptions, utcOptions: [] };\n    }\n\n    const utc: typeof filteredOptions = [];\n    const city: typeof filteredOptions = [];\n\n    filteredOptions.forEach((option) => {\n      // UTC options are those that start with \"UTC\" in their value or label\n      if (\n        option.value.toUpperCase().startsWith('UTC') ||\n        option.label.toUpperCase().startsWith('UTC')\n      ) {\n        utc.push(option);\n      } else {\n        city.push(option);\n      }\n    });\n\n    return { cityOptions: city, utcOptions: utc };\n  }, [filteredOptions, mode]);\n\n  const { focusedIndex, setFocusedIndex, handleArrowNavigation } =\n    useKeyboardNavigation(filteredOptions.length);\n\n  const classes = {\n    'ndl-disabled': isDisabled,\n    'ndl-error': error !== undefined,\n    'ndl-fluid': isFluid,\n    'ndl-large': size === 'large',\n    'ndl-medium': size === 'medium',\n    'ndl-read-only': isReadOnly,\n    'ndl-small': size === 'small',\n  };\n\n  const inputWidth = isFluid === true ? '100%' : '16rem';\n\n  const errorToShow =\n    errorText !== undefined && errorText !== '' ? errorText : error;\n\n  useEffect(() => {\n    if (error !== undefined) {\n      onError?.(error, inputValue);\n    }\n  }, [error, inputValue, onError]);\n\n  useEffect(() => {\n    setInputValue(value ? formatTimeZone(value, referenceDate) : '');\n  }, [value, referenceDate]);\n\n  useEffect(() => {\n    if (isPopoverOpen) {\n      setTimeout(() => {\n        listRef.current?.children[focusedIndex]?.scrollIntoView({\n          block: 'center',\n          inline: 'nearest',\n        });\n      }, 0);\n    } else {\n      setTimeout(() => {\n        inputRef.current?.blur();\n        const selectedIndex =\n          filteredOptions.findIndex((opt) => opt.value === value) ?? 0;\n        setFocusedIndex(selectedIndex >= 0 ? selectedIndex : 0);\n        setSearchQuery('');\n      }, 0);\n    }\n  }, [focusedIndex, isPopoverOpen, value, setFocusedIndex, filteredOptions]);\n\n  const handleOnClick = (timezone: string) => {\n    if (onChange) {\n      onChange(timezone);\n    }\n    setError(undefined);\n    setInputValue(formatTimeZone(timezone, referenceDate));\n    setIsPopoverOpen(false);\n    setSearchQuery('');\n  };\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const query = e.target.value;\n    setSearchQuery(query);\n    setInputValue(query);\n\n    // In UTC mode (utc or both), validate custom UTC input\n    if (\n      (mode === 'utc' || mode === 'both') &&\n      query.trim().toUpperCase().startsWith('UTC')\n    ) {\n      if (isValidUTCFormat(query.trim())) {\n        setError(undefined);\n      } else {\n        setError('Invalid UTC format. Use UTC+H:MM or UTC-H:MM');\n      }\n      return;\n    }\n\n    // Try to find a matching timezone\n    const matchingOption = timezoneOptions.find(\n      (opt) =>\n        opt.label.toLowerCase().includes(query.toLowerCase()) ||\n        opt.value.toLowerCase().includes(query.toLowerCase()),\n    );\n\n    if (matchingOption) {\n      setError(undefined);\n    }\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (isReadOnly === true || isDisabled === true) {\n      e.preventDefault();\n      return;\n    }\n\n    if (e.key === 'Escape') {\n      setIsPopoverOpen(false);\n      setSearchQuery('');\n      setInputValue(value ? formatTimeZone(value, referenceDate) : '');\n    }\n\n    setIsPopoverOpen(true);\n\n    if (e.key === 'Enter') {\n      // In UTC mode (utc or both), allow custom UTC input\n      if (\n        (mode === 'utc' || mode === 'both') &&\n        inputValue.trim().toUpperCase().startsWith('UTC')\n      ) {\n        const parsedOffset = parseCustomUTCOffset(inputValue.trim());\n        if (parsedOffset) {\n          handleOnClick(parsedOffset);\n          return;\n        }\n      }\n\n      if (filteredOptions.length > 0) {\n        const selectedOption = filteredOptions[focusedIndex];\n        if (selectedOption) {\n          handleOnClick(selectedOption.value);\n        }\n      }\n    } else if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n      e.preventDefault();\n      handleArrowNavigation(e.key);\n    }\n  };\n\n  /** Custom floating ui solution */\n  const isInsideDialog = useIsInsideDialog();\n  const isPortaled = isPortaledProp ?? !isInsideDialog;\n  const containerRef = useRef<HTMLDivElement>(null);\n  const { refs, floatingStyles, context } = useFloating({\n    elements: {\n      reference: containerRef.current,\n    },\n    middleware: [\n      offset(10),\n      flip({\n        fallbackPlacements: ['top'],\n        fallbackStrategy: 'bestFit',\n      }),\n      shift({ padding: 5 }),\n    ],\n    onOpenChange: (open) => {\n      setIsPopoverOpen(open);\n    },\n    open: isDisabled !== true && isReadOnly !== true && isPopoverOpen,\n    placement: 'bottom',\n    strategy: floatingStrategy ?? (isInsideDialog ? 'fixed' : 'absolute'),\n    whileElementsMounted: autoUpdate,\n  });\n  const dismiss = useDismiss(context);\n  const { getReferenceProps, getFloatingProps } = useInteractions([dismiss]);\n  const { styles: transitionStyles } = useTransitionStyles(context, {\n    duration: Number.parseInt(tokens.motion.duration.quick) ?? 0,\n  });\n\n  const mergedRef = useMergeRefs([refs.setReference, containerRef]);\n\n  return (\n    <>\n      <div\n        className={classNames('ndl-timezone-picker', className, {\n          ...classes,\n        })}\n        ref={mergedRef}\n        {...getReferenceProps()}\n        style={{\n          width: isFluid === true ? '100%' : 'fit-content',\n        }}\n      >\n        <label className=\"ndl-timezone-picker-label\">\n          {label !== undefined && (\n            <Typography\n              variant={size === 'large' ? 'body-large' : 'body-medium'}\n            >\n              {label}\n            </Typography>\n          )}\n          <div\n            className=\"ndl-timezone-picker-input-wrapper\"\n            style={{\n              width: inputWidth,\n              ...style,\n            }}\n          >\n            <input\n              aria-label={label}\n              className=\"ndl-timezone-picker-input\"\n              type=\"text\"\n              ref={inputRef}\n              value={inputValue}\n              disabled={isDisabled}\n              readOnly={isReadOnly}\n              required={isRequired}\n              onChange={handleInputChange}\n              onKeyDown={handleKeyDown}\n              onClick={(e) => {\n                if (isReadOnly === true || isDisabled === true) {\n                  return;\n                }\n                setIsPopoverOpen(true);\n                // Select all text on click for easy searching\n                e.currentTarget.select();\n              }}\n              onFocus={(e) => {\n                if (isReadOnly === true || isDisabled === true) {\n                  return;\n                }\n                // Select all text on focus for easy searching\n                e.currentTarget.select();\n              }}\n              onBlur={(e) => {\n                if (isReadOnly === true || isDisabled === true) {\n                  return;\n                }\n\n                if (\n                  e.relatedTarget?.classList.contains(\n                    'ndl-timezone-picker-popover-item',\n                  ) === true\n                ) {\n                  return;\n                }\n\n                // In UTC mode (utc or both), try to parse custom input on blur\n                if (\n                  (mode === 'utc' || mode === 'both') &&\n                  inputValue.trim().toUpperCase().startsWith('UTC')\n                ) {\n                  const parsedOffset = parseCustomUTCOffset(inputValue.trim());\n                  if (parsedOffset) {\n                    handleOnClick(parsedOffset);\n                    setError(undefined);\n                    return;\n                  }\n                }\n\n                // Reset to the current value if no valid selection was made\n                if (value) {\n                  setInputValue(formatTimeZone(value, referenceDate));\n                } else {\n                  setInputValue('');\n                }\n                setSearchQuery('');\n                setError(undefined);\n              }}\n              placeholder={\n                mode === 'city'\n                  ? 'Select timezone'\n                  : mode === 'utc'\n                    ? 'Select or type UTC offset (e.g., UTC+5:30)'\n                    : 'Select timezone or type UTC offset'\n              }\n              {...htmlAttributes}\n              {...restProps}\n            />\n            <ChevronDownIcon className=\"ndl-icon-svg ndl-timezone-picker-icon\" />\n          </div>\n        </label>\n        {errorToShow !== undefined && (\n          <div className=\"ndl-timezone-picker-error-wrapper\">\n            <ExclamationCircleIconSolid className=\"ndl-timezone-picker-error-icon\" />\n            <Typography\n              variant={size === 'large' ? 'body-medium' : 'body-small'}\n              className=\"ndl-timezone-picker-error-text\"\n            >\n              {errorToShow}\n            </Typography>\n          </div>\n        )}\n      </div>\n\n      {context.open && (\n        <ConditionalWrap\n          shouldWrap={isPortaled}\n          wrap={(wrapChildren) => (\n            <FloatingPortal>{wrapChildren}</FloatingPortal>\n          )}\n        >\n          <FloatingFocusManager\n            context={context}\n            modal={false}\n            initialFocus={-1}\n          >\n            <div\n              ref={refs.setFloating}\n              className={classNames(\n                themeClassName,\n                'ndl-timezone-picker-popover',\n                {\n                  ...classes,\n                },\n              )}\n              style={{\n                ...transitionStyles,\n                ...floatingStyles,\n                width:\n                  isFluid === true\n                    ? containerRef.current?.clientWidth\n                    : undefined,\n              }}\n              {...getFloatingProps()}\n            >\n              <ul ref={listRef} tabIndex={-1}>\n                {mode === 'both' ? (\n                  <>\n                    {utcOptions.length > 0 && (\n                      <>\n                        <li className=\"ndl-timezone-picker-section-header\">\n                          UTC Offsets\n                        </li>\n                        {utcOptions.map((option, i) => (\n                          <li\n                            key={option.value}\n                            role=\"option\"\n                            aria-selected={value === option.value}\n                            value={option.value}\n                            onClick={(e) => {\n                              e.stopPropagation();\n                              e.preventDefault();\n                              handleOnClick(option.value);\n                              setIsPopoverOpen(false);\n                            }}\n                            onMouseDown={(e) => {\n                              e.stopPropagation();\n                              e.preventDefault();\n                            }}\n                            tabIndex={-1}\n                            className={classNames(\n                              focusedIndex === i ? 'focused' : '',\n                              'ndl-timezone-picker-popover-item',\n                            )}\n                            onKeyDown={(e) => {\n                              if (e.key === 'Enter') {\n                                e.stopPropagation();\n                                handleOnClick(option.value);\n                              }\n                            }}\n                          >\n                            {option.label}\n                          </li>\n                        ))}\n                      </>\n                    )}\n                    {cityOptions.length > 0 && (\n                      <>\n                        <li className=\"ndl-timezone-picker-section-header\">\n                          City-Based Timezones\n                        </li>\n                        {cityOptions.map((option, i) => {\n                          const adjustedIndex = i + utcOptions.length;\n                          return (\n                            <li\n                              key={option.value}\n                              role=\"option\"\n                              aria-selected={value === option.value}\n                              value={option.value}\n                              onClick={(e) => {\n                                e.stopPropagation();\n                                e.preventDefault();\n                                handleOnClick(option.value);\n                                setIsPopoverOpen(false);\n                              }}\n                              onMouseDown={(e) => {\n                                e.stopPropagation();\n                                e.preventDefault();\n                              }}\n                              tabIndex={-1}\n                              className={classNames(\n                                focusedIndex === adjustedIndex ? 'focused' : '',\n                                'ndl-timezone-picker-popover-item',\n                              )}\n                              onKeyDown={(e) => {\n                                if (e.key === 'Enter') {\n                                  e.stopPropagation();\n                                  handleOnClick(option.value);\n                                }\n                              }}\n                            >\n                              {option.label}\n                            </li>\n                          );\n                        })}\n                      </>\n                    )}\n                    {utcOptions.length === 0 && cityOptions.length === 0 && (\n                      <li className=\"ndl-timezone-picker-popover-item ndl-timezone-picker-no-results\">\n                        No timezones found\n                      </li>\n                    )}\n                  </>\n                ) : (\n                  <>\n                    {filteredOptions.length > 0 ? (\n                      filteredOptions.map((option, i) => (\n                        <li\n                          key={option.value}\n                          role=\"option\"\n                          aria-selected={value === option.value}\n                          value={option.value}\n                          onClick={(e) => {\n                            e.stopPropagation();\n                            e.preventDefault();\n                            handleOnClick(option.value);\n                            setIsPopoverOpen(false);\n                          }}\n                          onMouseDown={(e) => {\n                            e.stopPropagation();\n                            e.preventDefault();\n                          }}\n                          tabIndex={-1}\n                          className={classNames(\n                            focusedIndex === i ? 'focused' : '',\n                            'ndl-timezone-picker-popover-item',\n                          )}\n                          onKeyDown={(e) => {\n                            if (e.key === 'Enter') {\n                              e.stopPropagation();\n                              handleOnClick(option.value);\n                            }\n                          }}\n                        >\n                          {option.label}\n                        </li>\n                      ))\n                    ) : (\n                      <li className=\"ndl-timezone-picker-popover-item ndl-timezone-picker-no-results\">\n                        No timezones found\n                      </li>\n                    )}\n                  </>\n                )}\n              </ul>\n            </div>\n          </FloatingFocusManager>\n        </ConditionalWrap>\n      )}\n    </>\n  );\n};\n"]}

package/lib/esm/timezone-picker/stories/timezone-picker-dst-aware.story.js

@@ -28,20 +28,20 @@ const Component = () => {
     // Create summer and winter dates for DST demonstration
     const summerDate = new Date('2024-07-15T12:00:00'); // July (DST in effect)
     const winterDate = new Date('2024-01-15T12:00:00'); // January (Standard time)
-    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '2rem' }, children: [_jsxs("div", { children: [_jsx("h3", { style: { marginBottom: '1rem' }, children: "DST-Aware Timezone Picker Demo" }), _jsx("p", { style: { marginBottom: '1rem', color: '#666' }, children: "The timezone offsets change based on the reference date to account for Daylight Saving Time." })] }), _jsxs("div", { style: { display: 'flex', gap: '1rem', marginBottom: '1rem' }, children: [_jsx("button", { onClick: () => setReferenceDate(summerDate), style: {
-                            padding: '0.5rem 1rem',
+    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '2rem' }, children: [_jsxs("div", { children: [_jsx("h3", { style: { marginBottom: '1rem' }, children: "DST-Aware Timezone Picker Demo" }), _jsx("p", { style: { color: '#666', marginBottom: '1rem' }, children: "The timezone offsets change based on the reference date to account for Daylight Saving Time." })] }), _jsxs("div", { style: { display: 'flex', gap: '1rem', marginBottom: '1rem' }, children: [_jsx("button", { onClick: () => setReferenceDate(summerDate), style: {
+                            backgroundColor: referenceDate === summerDate ? '#0066cc' : 'white',
                             border: '1px solid #ccc',
                             borderRadius: '4px',
-                            cursor: 'pointer',
-                            backgroundColor: referenceDate === summerDate ? '#0066cc' : 'white',
                             color: referenceDate === summerDate ? 'white' : 'black',
-                        }, children: "Summer Date (July 15, 2024)" }), _jsx("button", { onClick: () => setReferenceDate(winterDate), style: {
+                            cursor: 'pointer',
                             padding: '0.5rem 1rem',
+                        }, children: "Summer Date (July 15, 2024)" }), _jsx("button", { onClick: () => setReferenceDate(winterDate), style: {
+                            backgroundColor: referenceDate === winterDate ? '#0066cc' : 'white',
                             border: '1px solid #ccc',
                             borderRadius: '4px',
-                            cursor: 'pointer',
-                            backgroundColor: referenceDate === winterDate ? '#0066cc' : 'white',
                             color: referenceDate === winterDate ? 'white' : 'black',
+                            cursor: 'pointer',
+                            padding: '0.5rem 1rem',
                         }, children: "Winter Date (January 15, 2024)" })] }), _jsx(TimeZonePicker, { label: "Select Timezone", value: selectedTimeZone, onChange: setSelectedTimeZone, referenceDate: referenceDate }), _jsxs("div", { style: {
                     backgroundColor: '#f5f5f5',
                     borderRadius: '4px',

package/lib/esm/timezone-picker/stories/timezone-picker-dst-aware.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"timezone-picker-dst-aware.story.js","sourceRoot":"","sources":["../../../../src/timezone-picker/stories/timezone-picker-dst-aware.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAC3C,QAAQ,CAAS,kBAAkB,CAAC,CAAC;IACvC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,IAAI,IAAI,CAAC,YAAY,CAAC,CACvB,CAAC;IAEF,uDAAuD;IACvD,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,uBAAuB;IAC3E,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,0BAA0B;IAE9E,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aACnE,0BACE,aAAI,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,+CAAqC,EACxE,YAAG,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,6GAG7C,IACA,EAEN,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,aAChE,iBACE,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,UAAU,CAAC,EAC3C,KAAK,EAAE;4BACL,OAAO,EAAE,aAAa;4BACtB,MAAM,EAAE,gBAAgB;4BACxB,YAAY,EAAE,KAAK;4BACnB,MAAM,EAAE,SAAS;4BACjB,eAAe,EAAE,aAAa,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;4BACnE,KAAK,EAAE,aAAa,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;yBACxD,4CAGM,EACT,iBACE,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,UAAU,CAAC,EAC3C,KAAK,EAAE;4BACL,OAAO,EAAE,aAAa;4BACtB,MAAM,EAAE,gBAAgB;4BACxB,YAAY,EAAE,KAAK;4BACnB,MAAM,EAAE,SAAS;4BACjB,eAAe,EAAE,aAAa,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;4BACnE,KAAK,EAAE,aAAa,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;yBACxD,+CAGM,IACL,EAEN,KAAC,cAAc,IACb,KAAK,EAAC,iBAAiB,EACvB,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,mBAAmB,EAC7B,aAAa,EAAE,aAAa,GAC5B,EAEF,eACE,KAAK,EAAE;oBACL,eAAe,EAAE,SAAS;oBAC1B,YAAY,EAAE,KAAK;oBAEnB,OAAO,EAAE,MAAM;iBAChB,aAED,wBACE,kDAAmC,OAAE,gBAAgB,IACnD,EACJ,wBACE,+CAAgC,OAAE,aAAa,CAAC,kBAAkB,EAAE,IAClE,EACJ,wBACE,wCAAyB,uEAEvB,IACA,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { TimeZonePicker } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [selectedTimeZone, setSelectedTimeZone] =\n    useState<string>('Europe/Stockholm');\n  const [referenceDate, setReferenceDate] = useState<Date>(\n    new Date('2025-01-01'),\n  );\n\n  // Create summer and winter dates for DST demonstration\n  const summerDate = new Date('2024-07-15T12:00:00'); // July (DST in effect)\n  const winterDate = new Date('2024-01-15T12:00:00'); // January (Standard time)\n\n  return (\n    <div style={{ display: 'flex', flexDirection: 'column', gap: '2rem' }}>\n      <div>\n        <h3 style={{ marginBottom: '1rem' }}>DST-Aware Timezone Picker Demo</h3>\n        <p style={{ marginBottom: '1rem', color: '#666' }}>\n          The timezone offsets change based on the reference date to account for\n          Daylight Saving Time.\n        </p>\n      </div>\n\n      <div style={{ display: 'flex', gap: '1rem', marginBottom: '1rem' }}>\n        <button\n          onClick={() => setReferenceDate(summerDate)}\n          style={{\n            padding: '0.5rem 1rem',\n            border: '1px solid #ccc',\n            borderRadius: '4px',\n            cursor: 'pointer',\n            backgroundColor: referenceDate === summerDate ? '#0066cc' : 'white',\n            color: referenceDate === summerDate ? 'white' : 'black',\n          }}\n        >\n          Summer Date (July 15, 2024)\n        </button>\n        <button\n          onClick={() => setReferenceDate(winterDate)}\n          style={{\n            padding: '0.5rem 1rem',\n            border: '1px solid #ccc',\n            borderRadius: '4px',\n            cursor: 'pointer',\n            backgroundColor: referenceDate === winterDate ? '#0066cc' : 'white',\n            color: referenceDate === winterDate ? 'white' : 'black',\n          }}\n        >\n          Winter Date (January 15, 2024)\n        </button>\n      </div>\n\n      <TimeZonePicker\n        label=\"Select Timezone\"\n        value={selectedTimeZone}\n        onChange={setSelectedTimeZone}\n        referenceDate={referenceDate}\n      />\n\n      <div\n        style={{\n          backgroundColor: '#f5f5f5',\n          borderRadius: '4px',\n\n          padding: '1rem',\n        }}\n      >\n        <p>\n          <strong>Selected Timezone:</strong> {selectedTimeZone}\n        </p>\n        <p>\n          <strong>Reference Date:</strong> {referenceDate.toLocaleDateString()}\n        </p>\n        <p>\n          <strong>Example:</strong> New York shows GMT-4 in summer (EDT) and\n          GMT-5 in winter (EST)\n        </p>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"timezone-picker-dst-aware.story.js","sourceRoot":"","sources":["../../../../src/timezone-picker/stories/timezone-picker-dst-aware.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAC3C,QAAQ,CAAS,kBAAkB,CAAC,CAAC;IACvC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,IAAI,IAAI,CAAC,YAAY,CAAC,CACvB,CAAC;IAEF,uDAAuD;IACvD,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,uBAAuB;IAC3E,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,0BAA0B;IAE9E,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aACnE,0BACE,aAAI,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,+CAAqC,EACxE,YAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,6GAG7C,IACA,EAEN,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,aAChE,iBACE,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,UAAU,CAAC,EAC3C,KAAK,EAAE;4BACL,eAAe,EAAE,aAAa,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;4BACnE,MAAM,EAAE,gBAAgB;4BACxB,YAAY,EAAE,KAAK;4BACnB,KAAK,EAAE,aAAa,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;4BACvD,MAAM,EAAE,SAAS;4BACjB,OAAO,EAAE,aAAa;yBACvB,4CAGM,EACT,iBACE,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,UAAU,CAAC,EAC3C,KAAK,EAAE;4BACL,eAAe,EAAE,aAAa,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;4BACnE,MAAM,EAAE,gBAAgB;4BACxB,YAAY,EAAE,KAAK;4BACnB,KAAK,EAAE,aAAa,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;4BACvD,MAAM,EAAE,SAAS;4BACjB,OAAO,EAAE,aAAa;yBACvB,+CAGM,IACL,EAEN,KAAC,cAAc,IACb,KAAK,EAAC,iBAAiB,EACvB,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,mBAAmB,EAC7B,aAAa,EAAE,aAAa,GAC5B,EAEF,eACE,KAAK,EAAE;oBACL,eAAe,EAAE,SAAS;oBAC1B,YAAY,EAAE,KAAK;oBAEnB,OAAO,EAAE,MAAM;iBAChB,aAED,wBACE,kDAAmC,OAAE,gBAAgB,IACnD,EACJ,wBACE,+CAAgC,OAAE,aAAa,CAAC,kBAAkB,EAAE,IAClE,EACJ,wBACE,wCAAyB,uEAEvB,IACA,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { TimeZonePicker } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [selectedTimeZone, setSelectedTimeZone] =\n    useState<string>('Europe/Stockholm');\n  const [referenceDate, setReferenceDate] = useState<Date>(\n    new Date('2025-01-01'),\n  );\n\n  // Create summer and winter dates for DST demonstration\n  const summerDate = new Date('2024-07-15T12:00:00'); // July (DST in effect)\n  const winterDate = new Date('2024-01-15T12:00:00'); // January (Standard time)\n\n  return (\n    <div style={{ display: 'flex', flexDirection: 'column', gap: '2rem' }}>\n      <div>\n        <h3 style={{ marginBottom: '1rem' }}>DST-Aware Timezone Picker Demo</h3>\n        <p style={{ color: '#666', marginBottom: '1rem' }}>\n          The timezone offsets change based on the reference date to account for\n          Daylight Saving Time.\n        </p>\n      </div>\n\n      <div style={{ display: 'flex', gap: '1rem', marginBottom: '1rem' }}>\n        <button\n          onClick={() => setReferenceDate(summerDate)}\n          style={{\n            backgroundColor: referenceDate === summerDate ? '#0066cc' : 'white',\n            border: '1px solid #ccc',\n            borderRadius: '4px',\n            color: referenceDate === summerDate ? 'white' : 'black',\n            cursor: 'pointer',\n            padding: '0.5rem 1rem',\n          }}\n        >\n          Summer Date (July 15, 2024)\n        </button>\n        <button\n          onClick={() => setReferenceDate(winterDate)}\n          style={{\n            backgroundColor: referenceDate === winterDate ? '#0066cc' : 'white',\n            border: '1px solid #ccc',\n            borderRadius: '4px',\n            color: referenceDate === winterDate ? 'white' : 'black',\n            cursor: 'pointer',\n            padding: '0.5rem 1rem',\n          }}\n        >\n          Winter Date (January 15, 2024)\n        </button>\n      </div>\n\n      <TimeZonePicker\n        label=\"Select Timezone\"\n        value={selectedTimeZone}\n        onChange={setSelectedTimeZone}\n        referenceDate={referenceDate}\n      />\n\n      <div\n        style={{\n          backgroundColor: '#f5f5f5',\n          borderRadius: '4px',\n\n          padding: '1rem',\n        }}\n      >\n        <p>\n          <strong>Selected Timezone:</strong> {selectedTimeZone}\n        </p>\n        <p>\n          <strong>Reference Date:</strong> {referenceDate.toLocaleDateString()}\n        </p>\n        <p>\n          <strong>Example:</strong> New York shows GMT-4 in summer (EDT) and\n          GMT-5 in winter (EST)\n        </p>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/timezone-picker/stories/timezone-picker-fluid.story.js

@@ -22,7 +22,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 import { TimeZonePicker } from '@neo4j-ndl/react';
 const Component = () => {
-    return (_jsx("div", { style: { width: '100%', maxWidth: '400px' }, children: _jsx(TimeZonePicker, { label: "Select Timezone", isFluid: true }) }));
+    return (_jsx("div", { style: { maxWidth: '400px', width: '100%' }, children: _jsx(TimeZonePicker, { label: "Select Timezone", isFluid: true }) }));
 };
 export default Component;
 //# sourceMappingURL=timezone-picker-fluid.story.js.map

package/lib/esm/timezone-picker/stories/timezone-picker-fluid.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"timezone-picker-fluid.story.js","sourceRoot":"","sources":["../../../../src/timezone-picker/stories/timezone-picker-fluid.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,YAC9C,KAAC,cAAc,IAAC,KAAK,EAAC,iBAAiB,EAAC,OAAO,SAAG,GAC9C,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { TimeZonePicker } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <div style={{ width: '100%', maxWidth: '400px' }}>\n      <TimeZonePicker label=\"Select Timezone\" isFluid />\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"timezone-picker-fluid.story.js","sourceRoot":"","sources":["../../../../src/timezone-picker/stories/timezone-picker-fluid.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,YAC9C,KAAC,cAAc,IAAC,KAAK,EAAC,iBAAiB,EAAC,OAAO,SAAG,GAC9C,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { TimeZonePicker } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <div style={{ maxWidth: '400px', width: '100%' }}>\n      <TimeZonePicker label=\"Select Timezone\" isFluid />\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/toast/Toast.js

@@ -101,19 +101,25 @@ function createToast(text, props, variant, icon) {
     return sonnerToast.custom((id) => (_jsx(Toast, Object.assign({}, restProps, { ref: ref, id: id, text: text, variant: variant, icon: icon, onClose: onClose, onAction: onAction }))), Object.assign({}, getProps(onClose, shouldAutoClose, onAutoClose, onAction, sonnerToastProps, variant)));
 }
 const toast = {
+    close: (id) => {
+        var _a;
+        sonnerToast.dismiss(id);
+        onCloseCallback((_a = sonnerToast.needle[id]) === null || _a === void 0 ? void 0 : _a.onClose, id);
+    },
+    danger: (text, props = {}) => createToast(text, props, 'danger', _jsx(ExclamationCircleIconSolid, {})),
     neutral: (text, props = {}) => {
         const { icon } = props, restProps = __rest(props, ["icon"]);
         return createToast(text, restProps, 'neutral', icon);
     },
-    success: (text, props = {}) => {
-        const icon = _jsx(CheckCircleIconSolid, {});
-        return createToast(text, props, 'success', icon);
-    },
-    danger: (text, props = {}) => createToast(text, props, 'danger', _jsx(ExclamationCircleIconSolid, {})),
     progressBar: (text, props = {}) => {
         const { icon } = props, restProps = __rest(props, ["icon"]);
         return createToast(text, restProps, 'progress-bar', icon);
     },
+    sonnerToast,
+    success: (text, props = {}) => {
+        const icon = _jsx(CheckCircleIconSolid, {});
+        return createToast(text, props, 'success', icon);
+    },
     updateProgressBarValue: (id, givenValue) => {
         const value = givenValue > 100 ? 100 : givenValue < 0 ? 0 : givenValue;
         // Unable to use the sonner toast.update on custom toasts.
@@ -129,13 +135,7 @@ const toast = {
             return;
         }
         progressBarElement.style.setProperty('width', widthValue);
-    },
-    close: (id) => {
-        var _a;
-        sonnerToast.dismiss(id);
-        onCloseCallback((_a = sonnerToast.needle[id]) === null || _a === void 0 ? void 0 : _a.onClose, id);
-    },
-    sonnerToast, // If devs wish to directly access sonner toast.
+    }, // If devs wish to directly access sonner toast.
 };
 export { Toaster, toast };
 //# sourceMappingURL=Toast.js.map

package/lib/esm/toast/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../src/toast/Toast.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport classNames from 'classnames';\nimport { type ReactNode } from 'react';\nimport {\n  type ExternalToast as SonnerExternalToast,\n  toast as sonnerToast,\n  Toaster as SonnerToaster,\n  type ToasterProps as SonnerToasterProps,\n  type ToastT as SonnerToastT,\n} from 'sonner';\n\nimport { type CommonProps } from '../_common/types';\nimport { CleanIconButton } from '../clean-icon-button';\nimport {\n  CheckCircleIconSolid,\n  ExclamationCircleIconSolid,\n  XMarkIconOutline,\n} from '../icons';\nimport { OutlinedButton } from '../outlined-button';\nimport { ProgressBar } from '../progress-bar';\n\ntype ToastVariants = 'neutral' | 'success' | 'danger' | 'progress-bar';\n\ntype ToastCommandVariants = 'neutral' | 'success' | 'danger' | 'progressBar';\n\ntype ToastId = string | number;\n\ntype BaseToastProps = CommonProps<\n  'div',\n  {\n    /** If `true` a close button will be displayed in the toast. */\n    isCloseable?: boolean;\n    /** If `true` the toast will close when the action button is triggered. */\n    shouldCloseOnAction?: boolean;\n    /** Function that will be called when the toast is closed. */\n    onClose?: (id: ToastId) => void;\n    /** If true the toast will close automatically after a certain time. */\n    shouldAutoClose?: boolean;\n    /** Function that will be called when the toast is automatically closed. */\n    onAutoClose?: (id: ToastId) => void;\n    /** If set an action button will be displayed. The value here will be displayed\n     * in the action button. If this is set the toast property `shouldAutoClose` will\n     * automatically be set to `false` unless overridden. */\n    actionLabel?: string;\n    /** Function that will be called when the action button is clicked. */\n    onAction?: (id: ToastId) => void;\n    /** If a dev wishes to set the underlying framework props (Sonner Toast).\n     *  https://sonner.emilkowal.ski/toast#api-reference */\n    sonnerToastProps?: SonnerExternalToast;\n    /** If true the toast is controlled by the parent. */\n    isControlled?: boolean;\n  }\n>;\n\ninterface ToastNeutralProps extends BaseToastProps {\n  icon?: ReactNode;\n}\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\ninterface ToastSuccessProps extends BaseToastProps {}\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\ninterface ToastDangerProps extends BaseToastProps {}\n\ninterface ToastProgressBarProps extends BaseToastProps {\n  icon?: ReactNode;\n  initialProgressBarValue?: number;\n}\n\ntype ToastVariantsProps =\n  | ToastNeutralProps\n  | ToastSuccessProps\n  | ToastDangerProps\n  | ToastProgressBarProps;\n\ninterface ToasterProps\n  extends Pick<SonnerToasterProps, 'position' | 'visibleToasts' | 'className'> {\n  sonnerToasterProps?: SonnerToasterProps;\n}\n\nconst Toaster = (props: ToasterProps) => {\n  const {\n    position = 'bottom-left',\n    visibleToasts = 1,\n    className,\n    sonnerToasterProps,\n  } = props;\n\n  const classes = classNames('ndl-toast-container', className);\n\n  return (\n    <SonnerToaster\n      className={classes}\n      position={position}\n      visibleToasts={visibleToasts}\n      {...sonnerToasterProps}\n    />\n  );\n};\n\ntype SonnerToast = typeof sonnerToast;\ninterface CustomSonnerToast extends SonnerToast {\n  needle: Record<string, { onClose?: (id: ToastId) => void }>;\n}\n\nfunction onCloseCallback(\n  callback: ((id: ToastId) => void) | undefined,\n  id: ToastId,\n) {\n  if (callback) {\n    callback(id);\n    // Cleanup\n    delete (sonnerToast as CustomSonnerToast).needle[id];\n  }\n}\n\ntype ToastElement = ToastVariantsProps & {\n  icon: ReactNode;\n  id: ToastId;\n  variant: ToastVariants;\n  text: ReactNode;\n  initialProgressBarValue?: number;\n  isControlled?: boolean;\n};\n\nconst Toast = ({\n  icon,\n  id,\n  text,\n  variant,\n  isCloseable,\n  onClose,\n  actionLabel,\n  onAction,\n  shouldCloseOnAction,\n  initialProgressBarValue,\n  isControlled,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: ToastElement) => {\n  const isProgressBar = variant === 'progress-bar';\n\n  const handleOnClose = () => {\n    if (isControlled === true) {\n      onCloseCallback(onClose, id);\n      return;\n    }\n    sonnerToast.dismiss(id);\n    onCloseCallback(onClose, id);\n  };\n\n  const handleOnAction = () => {\n    if (onAction) {\n      onAction(id);\n    }\n    if (shouldCloseOnAction === true) {\n      sonnerToast.dismiss(id);\n      onCloseCallback(onClose, id);\n    }\n  };\n\n  return (\n    <div\n      id={String(id)}\n      className=\"ndl-toast\"\n      tabIndex={-1}\n      ref={ref}\n      data-variant={variant}\n      data-testid=\"ndl-toast\"\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <div className=\"ndl-toast-content\" tabIndex={-1}>\n        {icon && (\n          <div className={`ndl-toast-icon ndl-toast-${variant}`}>{icon}</div>\n        )}\n        <div className=\"ndl-toast-text\">{text}</div>\n        {actionLabel && (\n          <OutlinedButton\n            className=\"ndl-toast-action\"\n            size=\"small\"\n            onClick={handleOnAction}\n          >\n            {actionLabel}\n          </OutlinedButton>\n        )}\n        {(isCloseable || actionLabel || isProgressBar) && (\n          <CleanIconButton\n            className=\"ndl-toast-close-button\"\n            onClick={handleOnClose}\n            description={null}\n            size=\"small\"\n            htmlAttributes={{\n              'aria-label': 'Close',\n            }}\n          >\n            <XMarkIconOutline />\n          </CleanIconButton>\n        )}\n      </div>\n      {isProgressBar && (\n        <ProgressBar size=\"small\" value={initialProgressBarValue ?? 0} />\n      )}\n    </div>\n  );\n};\n\nfunction getProps(\n  onClose: ((id: ToastId) => void) | undefined,\n  shouldAutoClose: boolean | undefined,\n  onAutoClose: ((id: ToastId) => void) | undefined,\n  onAction: ((id: ToastId) => void) | undefined,\n  sonnerToastProps: SonnerExternalToast | undefined,\n  variant: ToastVariants,\n) {\n  const isProgressBar = variant === 'progress-bar';\n  // https://sonner.emilkowal.ski/toast#api-reference\n  return {\n    duration:\n      !isProgressBar && shouldAutoClose ? (!onAction ? 5000 : 8000) : Infinity,\n    unstyled: true,\n    onDismiss: (toast: SonnerToastT) => {\n      onCloseCallback(onClose, toast.id);\n    },\n    onAutoClose: (toast: SonnerToastT) => {\n      if (onAutoClose) {\n        return onAutoClose(toast.id);\n      }\n    },\n    ...sonnerToastProps,\n  };\n}\n\nfunction createToast(\n  text: ReactNode,\n  props: ToastVariantsProps,\n  variant: ToastVariants,\n  icon: ReactNode,\n) {\n  const {\n    ref,\n    sonnerToastProps = {},\n    onClose,\n    shouldAutoClose,\n    onAutoClose,\n    onAction,\n    ...restProps\n  } = props;\n\n  const { id: sonnerToastPropsId } = sonnerToastProps;\n  sonnerToastProps.id = sonnerToastPropsId ?? `ndl-toast-${Date.now()}`;\n\n  // Unfortunately calling sonnerToast.dismiss does not trigger the onDismiss\n  // callback (weird). So we need to save the onClose callback and call it manually\n  // when calling dismiss manually as we want an onClose callback.\n  // https://sonner.emilkowal.ski/toast#on-close-callback\n  // https://github.com/emilkowalski/sonner/blob/main/src/index.tsx#L320\n  // https://github.com/emilkowalski/sonner/blob/main/src/index.tsx#L359\n  (sonnerToast as CustomSonnerToast).needle = {\n    [String(sonnerToastProps.id)]: {\n      onClose,\n    },\n  };\n\n  return sonnerToast.custom(\n    (id: ToastId) => (\n      <Toast\n        {...restProps}\n        ref={ref}\n        id={id}\n        text={text}\n        variant={variant}\n        icon={icon}\n        onClose={onClose}\n        onAction={onAction}\n      />\n    ),\n    {\n      ...getProps(\n        onClose,\n        shouldAutoClose,\n        onAutoClose,\n        onAction,\n        sonnerToastProps,\n        variant,\n      ),\n    },\n  );\n}\n\n// eslint-disable-next-line no-redeclare\ninterface Toast {\n  neutral: (text: ReactNode, props?: ToastNeutralProps) => ToastId;\n  success: (text: ReactNode, props?: ToastSuccessProps) => ToastId;\n  danger: (text: ReactNode, props?: ToastDangerProps) => ToastId;\n  progressBar: (text: ReactNode, props?: ToastProgressBarProps) => ToastId;\n  updateProgressBarValue: (id: ToastId, value: number) => void;\n  close: (id: ToastId) => void;\n  sonnerToast: typeof sonnerToast;\n}\n\nconst toast: Toast = {\n  neutral: (text, props = {}) => {\n    const { icon, ...restProps } = props;\n    return createToast(text, restProps, 'neutral', icon);\n  },\n  success: (text: ReactNode, props = {}) => {\n    const icon = <CheckCircleIconSolid />;\n    return createToast(text, props, 'success', icon);\n  },\n  danger: (text: ReactNode, props = {}) =>\n    createToast(text, props, 'danger', <ExclamationCircleIconSolid />),\n  progressBar: (text: ReactNode, props = {}) => {\n    const { icon, ...restProps } = props;\n    return createToast(text, restProps, 'progress-bar', icon);\n  },\n  updateProgressBarValue: (id, givenValue) => {\n    const value = givenValue > 100 ? 100 : givenValue < 0 ? 0 : givenValue;\n\n    // Unable to use the sonner toast.update on custom toasts.\n    const widthValue = `${value}%`;\n    const toastElement = document.getElementById(String(id)) as HTMLDivElement;\n\n    if (!toastElement) {\n      return;\n    }\n\n    const progressBarContainerElement = toastElement.querySelector(\n      '.ndl-progress-bar-container',\n    ) as HTMLDivElement;\n    progressBarContainerElement.ariaValueNow = String(value);\n    const progressBarElement = progressBarContainerElement.querySelector(\n      '.ndl-progress-bar',\n    ) as HTMLDivElement;\n\n    if (!progressBarContainerElement) {\n      return;\n    }\n\n    progressBarElement.style.setProperty('width', widthValue);\n  },\n  close: (id) => {\n    sonnerToast.dismiss(id);\n    onCloseCallback((sonnerToast as CustomSonnerToast).needle[id]?.onClose, id);\n  },\n  sonnerToast, // If devs wish to directly access sonner toast.\n};\n\nexport { Toaster, toast };\nexport type {\n  ToasterProps,\n  ToastVariants,\n  ToastCommandVariants,\n  ToastNeutralProps,\n  ToastSuccessProps,\n  ToastDangerProps,\n  ToastProgressBarProps,\n  ToastVariantsProps,\n  ToastElement,\n  ToastId,\n};\n"]}
+{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../src/toast/Toast.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport classNames from 'classnames';\nimport { type ReactNode } from 'react';\nimport {\n  type ExternalToast as SonnerExternalToast,\n  toast as sonnerToast,\n  Toaster as SonnerToaster,\n  type ToasterProps as SonnerToasterProps,\n  type ToastT as SonnerToastT,\n} from 'sonner';\n\nimport { type CommonProps } from '../_common/types';\nimport { CleanIconButton } from '../clean-icon-button';\nimport {\n  CheckCircleIconSolid,\n  ExclamationCircleIconSolid,\n  XMarkIconOutline,\n} from '../icons';\nimport { OutlinedButton } from '../outlined-button';\nimport { ProgressBar } from '../progress-bar';\n\ntype ToastVariants = 'neutral' | 'success' | 'danger' | 'progress-bar';\n\ntype ToastCommandVariants = 'neutral' | 'success' | 'danger' | 'progressBar';\n\ntype ToastId = string | number;\n\ntype BaseToastProps = CommonProps<\n  'div',\n  {\n    /** If `true` a close button will be displayed in the toast. */\n    isCloseable?: boolean;\n    /** If `true` the toast will close when the action button is triggered. */\n    shouldCloseOnAction?: boolean;\n    /** Function that will be called when the toast is closed. */\n    onClose?: (id: ToastId) => void;\n    /** If true the toast will close automatically after a certain time. */\n    shouldAutoClose?: boolean;\n    /** Function that will be called when the toast is automatically closed. */\n    onAutoClose?: (id: ToastId) => void;\n    /** If set an action button will be displayed. The value here will be displayed\n     * in the action button. If this is set the toast property `shouldAutoClose` will\n     * automatically be set to `false` unless overridden. */\n    actionLabel?: string;\n    /** Function that will be called when the action button is clicked. */\n    onAction?: (id: ToastId) => void;\n    /** If a dev wishes to set the underlying framework props (Sonner Toast).\n     *  https://sonner.emilkowal.ski/toast#api-reference */\n    sonnerToastProps?: SonnerExternalToast;\n    /** If true the toast is controlled by the parent. */\n    isControlled?: boolean;\n  }\n>;\n\ninterface ToastNeutralProps extends BaseToastProps {\n  icon?: ReactNode;\n}\n// oxlint-disable-next-line @typescript-eslint/no-empty-object-type\ninterface ToastSuccessProps extends BaseToastProps {}\n// oxlint-disable-next-line @typescript-eslint/no-empty-object-type\ninterface ToastDangerProps extends BaseToastProps {}\n\ninterface ToastProgressBarProps extends BaseToastProps {\n  icon?: ReactNode;\n  initialProgressBarValue?: number;\n}\n\ntype ToastVariantsProps =\n  | ToastNeutralProps\n  | ToastSuccessProps\n  | ToastDangerProps\n  | ToastProgressBarProps;\n\ninterface ToasterProps\n  extends Pick<SonnerToasterProps, 'position' | 'visibleToasts' | 'className'> {\n  sonnerToasterProps?: SonnerToasterProps;\n}\n\nconst Toaster = (props: ToasterProps) => {\n  const {\n    position = 'bottom-left',\n    visibleToasts = 1,\n    className,\n    sonnerToasterProps,\n  } = props;\n\n  const classes = classNames('ndl-toast-container', className);\n\n  return (\n    <SonnerToaster\n      className={classes}\n      position={position}\n      visibleToasts={visibleToasts}\n      {...sonnerToasterProps}\n    />\n  );\n};\n\ntype SonnerToast = typeof sonnerToast;\ninterface CustomSonnerToast extends SonnerToast {\n  needle: Record<string, { onClose?: (id: ToastId) => void }>;\n}\n\nfunction onCloseCallback(\n  callback: ((id: ToastId) => void) | undefined,\n  id: ToastId,\n) {\n  if (callback) {\n    callback(id);\n    // Cleanup\n    delete (sonnerToast as CustomSonnerToast).needle[id];\n  }\n}\n\ntype ToastElement = ToastVariantsProps & {\n  icon: ReactNode;\n  id: ToastId;\n  variant: ToastVariants;\n  text: ReactNode;\n  initialProgressBarValue?: number;\n  isControlled?: boolean;\n};\n\nconst Toast = ({\n  icon,\n  id,\n  text,\n  variant,\n  isCloseable,\n  onClose,\n  actionLabel,\n  onAction,\n  shouldCloseOnAction,\n  initialProgressBarValue,\n  isControlled,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: ToastElement) => {\n  const isProgressBar = variant === 'progress-bar';\n\n  const handleOnClose = () => {\n    if (isControlled === true) {\n      onCloseCallback(onClose, id);\n      return;\n    }\n    sonnerToast.dismiss(id);\n    onCloseCallback(onClose, id);\n  };\n\n  const handleOnAction = () => {\n    if (onAction) {\n      onAction(id);\n    }\n    if (shouldCloseOnAction === true) {\n      sonnerToast.dismiss(id);\n      onCloseCallback(onClose, id);\n    }\n  };\n\n  return (\n    <div\n      id={String(id)}\n      className=\"ndl-toast\"\n      tabIndex={-1}\n      ref={ref}\n      data-variant={variant}\n      data-testid=\"ndl-toast\"\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <div className=\"ndl-toast-content\" tabIndex={-1}>\n        {icon && (\n          <div className={`ndl-toast-icon ndl-toast-${variant}`}>{icon}</div>\n        )}\n        <div className=\"ndl-toast-text\">{text}</div>\n        {actionLabel && (\n          <OutlinedButton\n            className=\"ndl-toast-action\"\n            size=\"small\"\n            onClick={handleOnAction}\n          >\n            {actionLabel}\n          </OutlinedButton>\n        )}\n        {(isCloseable || actionLabel || isProgressBar) && (\n          <CleanIconButton\n            className=\"ndl-toast-close-button\"\n            onClick={handleOnClose}\n            description={null}\n            size=\"small\"\n            htmlAttributes={{\n              'aria-label': 'Close',\n            }}\n          >\n            <XMarkIconOutline />\n          </CleanIconButton>\n        )}\n      </div>\n      {isProgressBar && (\n        <ProgressBar size=\"small\" value={initialProgressBarValue ?? 0} />\n      )}\n    </div>\n  );\n};\n\nfunction getProps(\n  onClose: ((id: ToastId) => void) | undefined,\n  shouldAutoClose: boolean | undefined,\n  onAutoClose: ((id: ToastId) => void) | undefined,\n  onAction: ((id: ToastId) => void) | undefined,\n  sonnerToastProps: SonnerExternalToast | undefined,\n  variant: ToastVariants,\n) {\n  const isProgressBar = variant === 'progress-bar';\n  // https://sonner.emilkowal.ski/toast#api-reference\n  return {\n    duration:\n      !isProgressBar && shouldAutoClose ? (!onAction ? 5000 : 8000) : Infinity,\n    unstyled: true,\n    onDismiss: (toast: SonnerToastT) => {\n      onCloseCallback(onClose, toast.id);\n    },\n    onAutoClose: (toast: SonnerToastT) => {\n      if (onAutoClose) {\n        return onAutoClose(toast.id);\n      }\n    },\n    ...sonnerToastProps,\n  };\n}\n\nfunction createToast(\n  text: ReactNode,\n  props: ToastVariantsProps,\n  variant: ToastVariants,\n  icon: ReactNode,\n) {\n  const {\n    ref,\n    sonnerToastProps = {},\n    onClose,\n    shouldAutoClose,\n    onAutoClose,\n    onAction,\n    ...restProps\n  } = props;\n\n  const { id: sonnerToastPropsId } = sonnerToastProps;\n  sonnerToastProps.id = sonnerToastPropsId ?? `ndl-toast-${Date.now()}`;\n\n  // Unfortunately calling sonnerToast.dismiss does not trigger the onDismiss\n  // callback (weird). So we need to save the onClose callback and call it manually\n  // when calling dismiss manually as we want an onClose callback.\n  // https://sonner.emilkowal.ski/toast#on-close-callback\n  // https://github.com/emilkowalski/sonner/blob/main/src/index.tsx#L320\n  // https://github.com/emilkowalski/sonner/blob/main/src/index.tsx#L359\n  (sonnerToast as CustomSonnerToast).needle = {\n    [String(sonnerToastProps.id)]: {\n      onClose,\n    },\n  };\n\n  return sonnerToast.custom(\n    (id: ToastId) => (\n      <Toast\n        {...restProps}\n        ref={ref}\n        id={id}\n        text={text}\n        variant={variant}\n        icon={icon}\n        onClose={onClose}\n        onAction={onAction}\n      />\n    ),\n    {\n      ...getProps(\n        onClose,\n        shouldAutoClose,\n        onAutoClose,\n        onAction,\n        sonnerToastProps,\n        variant,\n      ),\n    },\n  );\n}\n\n// eslint-disable-next-line no-redeclare\ninterface Toast {\n  neutral: (text: ReactNode, props?: ToastNeutralProps) => ToastId;\n  success: (text: ReactNode, props?: ToastSuccessProps) => ToastId;\n  danger: (text: ReactNode, props?: ToastDangerProps) => ToastId;\n  progressBar: (text: ReactNode, props?: ToastProgressBarProps) => ToastId;\n  updateProgressBarValue: (id: ToastId, value: number) => void;\n  close: (id: ToastId) => void;\n  sonnerToast: typeof sonnerToast;\n}\n\nconst toast: Toast = {\n  close: (id) => {\n    sonnerToast.dismiss(id);\n    onCloseCallback((sonnerToast as CustomSonnerToast).needle[id]?.onClose, id);\n  },\n  danger: (text: ReactNode, props = {}) =>\n    createToast(text, props, 'danger', <ExclamationCircleIconSolid />),\n  neutral: (text, props = {}) => {\n    const { icon, ...restProps } = props;\n    return createToast(text, restProps, 'neutral', icon);\n  },\n  progressBar: (text: ReactNode, props = {}) => {\n    const { icon, ...restProps } = props;\n    return createToast(text, restProps, 'progress-bar', icon);\n  },\n  sonnerToast,\n  success: (text: ReactNode, props = {}) => {\n    const icon = <CheckCircleIconSolid />;\n    return createToast(text, props, 'success', icon);\n  },\n  updateProgressBarValue: (id, givenValue) => {\n    const value = givenValue > 100 ? 100 : givenValue < 0 ? 0 : givenValue;\n\n    // Unable to use the sonner toast.update on custom toasts.\n    const widthValue = `${value}%`;\n    const toastElement = document.getElementById(String(id)) as HTMLDivElement;\n\n    if (!toastElement) {\n      return;\n    }\n\n    const progressBarContainerElement = toastElement.querySelector(\n      '.ndl-progress-bar-container',\n    ) as HTMLDivElement;\n    progressBarContainerElement.ariaValueNow = String(value);\n    const progressBarElement = progressBarContainerElement.querySelector(\n      '.ndl-progress-bar',\n    ) as HTMLDivElement;\n\n    if (!progressBarContainerElement) {\n      return;\n    }\n\n    progressBarElement.style.setProperty('width', widthValue);\n  }, // If devs wish to directly access sonner toast.\n};\n\nexport { Toaster, toast };\nexport type {\n  ToasterProps,\n  ToastVariants,\n  ToastCommandVariants,\n  ToastNeutralProps,\n  ToastSuccessProps,\n  ToastDangerProps,\n  ToastProgressBarProps,\n  ToastVariantsProps,\n  ToastElement,\n  ToastId,\n};\n"]}

package/lib/esm/toast/stories/toast-action-story.js

@@ -25,10 +25,10 @@ const Component = () => {
     return (_jsxs("div", { className: "n-flex n-flex-row n-justify-center", children: [_jsx(Toaster, {}), _jsx(FilledButton, { onClick: () => {
                     toast.neutral('Hello', {
                         actionLabel: 'Action',
-                        shouldCloseOnAction: true,
                         onAction: () => {
                             console.info('action');
                         },
+                        shouldCloseOnAction: true,
                     });
                 }, children: "Press to show a Toast" })] }));
 };

package/lib/esm/toast/stories/toast-action-story.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast-action-story.js","sourceRoot":"","sources":["../../../../src/toast/stories/toast-action-story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEhE,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,oCAAoC,aAEjD,KAAC,OAAO,KAAG,EACX,KAAC,YAAY,IACX,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE;wBACrB,WAAW,EAAE,QAAQ;wBACrB,mBAAmB,EAAE,IAAI;wBACzB,QAAQ,EAAE,GAAG,EAAE;4BACb,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;wBACzB,CAAC;qBACF,CAAC,CAAC;gBACL,CAAC,sCAGY,IACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { FilledButton, toast, Toaster } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <div className=\"n-flex n-flex-row n-justify-center\">\n      {/* Toaster should be at the root of the app */}\n      <Toaster />\n      <FilledButton\n        onClick={() => {\n          toast.neutral('Hello', {\n            actionLabel: 'Action',\n            shouldCloseOnAction: true,\n            onAction: () => {\n              console.info('action');\n            },\n          });\n        }}\n      >\n        Press to show a Toast\n      </FilledButton>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"toast-action-story.js","sourceRoot":"","sources":["../../../../src/toast/stories/toast-action-story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEhE,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,oCAAoC,aAEjD,KAAC,OAAO,KAAG,EACX,KAAC,YAAY,IACX,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE;wBACrB,WAAW,EAAE,QAAQ;wBACrB,QAAQ,EAAE,GAAG,EAAE;4BACb,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;wBACzB,CAAC;wBACD,mBAAmB,EAAE,IAAI;qBAC1B,CAAC,CAAC;gBACL,CAAC,sCAGY,IACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { FilledButton, toast, Toaster } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <div className=\"n-flex n-flex-row n-justify-center\">\n      {/* Toaster should be at the root of the app */}\n      <Toaster />\n      <FilledButton\n        onClick={() => {\n          toast.neutral('Hello', {\n            actionLabel: 'Action',\n            onAction: () => {\n              console.info('action');\n            },\n            shouldCloseOnAction: true,\n          });\n        }}\n      >\n        Press to show a Toast\n      </FilledButton>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/toast/stories/toast-controlled-story.js

@@ -29,11 +29,11 @@ const Component = () => {
                         ...toasts,
                         {
                             id: '1',
-                            text: 'Hi there!',
-                            variant: 'neutral',
                             onClose: () => {
                                 setToasts(toasts.filter((toast) => toast.id !== '1'));
                             },
+                            text: 'Hi there!',
+                            variant: 'neutral',
                         },
                     ]);
                 }, children: "Press to show a Toast" })] }));

package/lib/esm/toast/stories/toast-controlled-story.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast-controlled-story.js","sourceRoot":"","sources":["../../../../src/toast/stories/toast-controlled-story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAElC,EAAE,CAAC,CAAC;IAEN,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,aAEtC,KAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,EACrC,KAAC,YAAY,IACX,OAAO,EAAE,GAAG,EAAE;oBACZ,SAAS,CAAC;wBACR,GAAG,MAAM;wBACT;4BACE,EAAE,EAAE,GAAG;4BACP,IAAI,EAAE,WAAW;4BACjB,OAAO,EAAE,SAAS;4BAClB,OAAO,EAAE,GAAG,EAAE;gCACZ,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;4BACxD,CAAC;yBACF;qBACF,CAAC,CAAC;gBACL,CAAC,sCAGY,IACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { FilledButton, ToasterControlled } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [toasts, setToasts] = useState<\n    React.ComponentProps<typeof ToasterControlled>['toasts']\n  >([]);\n\n  return (\n    <div className=\"n-flex n-justify-center\">\n      {/* Toaster should be at the root of the app */}\n      <ToasterControlled toasts={toasts} />\n      <FilledButton\n        onClick={() => {\n          setToasts([\n            ...toasts,\n            {\n              id: '1',\n              text: 'Hi there!',\n              variant: 'neutral',\n              onClose: () => {\n                setToasts(toasts.filter((toast) => toast.id !== '1'));\n              },\n            },\n          ]);\n        }}\n      >\n        Press to show a Toast\n      </FilledButton>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"toast-controlled-story.js","sourceRoot":"","sources":["../../../../src/toast/stories/toast-controlled-story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAElC,EAAE,CAAC,CAAC;IAEN,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,aAEtC,KAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,EACrC,KAAC,YAAY,IACX,OAAO,EAAE,GAAG,EAAE;oBACZ,SAAS,CAAC;wBACR,GAAG,MAAM;wBACT;4BACE,EAAE,EAAE,GAAG;4BACP,OAAO,EAAE,GAAG,EAAE;gCACZ,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;4BACxD,CAAC;4BACD,IAAI,EAAE,WAAW;4BACjB,OAAO,EAAE,SAAS;yBACnB;qBACF,CAAC,CAAC;gBACL,CAAC,sCAGY,IACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { FilledButton, ToasterControlled } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [toasts, setToasts] = useState<\n    React.ComponentProps<typeof ToasterControlled>['toasts']\n  >([]);\n\n  return (\n    <div className=\"n-flex n-justify-center\">\n      {/* Toaster should be at the root of the app */}\n      <ToasterControlled toasts={toasts} />\n      <FilledButton\n        onClick={() => {\n          setToasts([\n            ...toasts,\n            {\n              id: '1',\n              onClose: () => {\n                setToasts(toasts.filter((toast) => toast.id !== '1'));\n              },\n              text: 'Hi there!',\n              variant: 'neutral',\n            },\n          ]);\n        }}\n      >\n        Press to show a Toast\n      </FilledButton>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/toast/stories/toast-progress-bar.js

@@ -29,12 +29,12 @@ const Component = () => {
                     const id = toast.progressBar('Hello', {
                         icon: _jsx(CloudArrowDownIconSolid, {}),
                         isCloseable: true,
-                        shouldCloseOnAction: true,
                         onClose: () => {
                             setProgressBarId(null);
                             console.info('close');
                         },
                         shouldAutoClose: false,
+                        shouldCloseOnAction: true,
                     });
                     setProgressBarId(id);
                 }, children: "Press to show a Toast" }), _jsx(OutlinedButton, { onClick: () => {

package/lib/esm/toast/stories/toast-progress-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast-progress-bar.js","sourceRoot":"","sources":["../../../../src/toast/stories/toast-progress-bar.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAChF,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,IAAI,CACL,CAAC;IACF,OAAO,CACL,eAAK,SAAS,EAAC,iCAAiC,aAE9C,KAAC,OAAO,KAAG,EACX,KAAC,YAAY,IACX,OAAO,EAAE,GAAG,EAAE;oBACZ,MAAM,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE;wBACpC,IAAI,EAAE,KAAC,uBAAuB,KAAG;wBACjC,WAAW,EAAE,IAAI;wBACjB,mBAAmB,EAAE,IAAI;wBACzB,OAAO,EAAE,GAAG,EAAE;4BACZ,gBAAgB,CAAC,IAAI,CAAC,CAAC;4BACvB,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;wBACxB,CAAC;wBACD,eAAe,EAAE,KAAK;qBACvB,CAAC,CAAC;oBACH,gBAAgB,CAAC,EAAE,CAAC,CAAC;gBACvB,CAAC,sCAGY,EACf,KAAC,cAAc,IACb,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,aAAa,EAAE,CAAC;wBAClB,KAAK,CAAC,sBAAsB,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;oBAClD,CAAC;gBACH,CAAC,oCAGc,IACb,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { FilledButton, OutlinedButton, toast, Toaster } from '@neo4j-ndl/react';\nimport { CloudArrowDownIconSolid } from '@neo4j-ndl/react/icons';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [progressBarId, setProgressBarId] = useState<string | number | null>(\n    null,\n  );\n  return (\n    <div className=\"n-flex n-justify-center n-gap-4\">\n      {/* Toaster should be at the root of the app */}\n      <Toaster />\n      <FilledButton\n        onClick={() => {\n          const id = toast.progressBar('Hello', {\n            icon: <CloudArrowDownIconSolid />,\n            isCloseable: true,\n            shouldCloseOnAction: true,\n            onClose: () => {\n              setProgressBarId(null);\n              console.info('close');\n            },\n            shouldAutoClose: false,\n          });\n          setProgressBarId(id);\n        }}\n      >\n        Press to show a Toast\n      </FilledButton>\n      <OutlinedButton\n        onClick={() => {\n          if (progressBarId) {\n            toast.updateProgressBarValue(progressBarId, 50);\n          }\n        }}\n      >\n        Update progress bar\n      </OutlinedButton>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"toast-progress-bar.js","sourceRoot":"","sources":["../../../../src/toast/stories/toast-progress-bar.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAChF,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,IAAI,CACL,CAAC;IACF,OAAO,CACL,eAAK,SAAS,EAAC,iCAAiC,aAE9C,KAAC,OAAO,KAAG,EACX,KAAC,YAAY,IACX,OAAO,EAAE,GAAG,EAAE;oBACZ,MAAM,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE;wBACpC,IAAI,EAAE,KAAC,uBAAuB,KAAG;wBACjC,WAAW,EAAE,IAAI;wBACjB,OAAO,EAAE,GAAG,EAAE;4BACZ,gBAAgB,CAAC,IAAI,CAAC,CAAC;4BACvB,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;wBACxB,CAAC;wBACD,eAAe,EAAE,KAAK;wBACtB,mBAAmB,EAAE,IAAI;qBAC1B,CAAC,CAAC;oBACH,gBAAgB,CAAC,EAAE,CAAC,CAAC;gBACvB,CAAC,sCAGY,EACf,KAAC,cAAc,IACb,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,aAAa,EAAE,CAAC;wBAClB,KAAK,CAAC,sBAAsB,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;oBAClD,CAAC;gBACH,CAAC,oCAGc,IACb,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { FilledButton, OutlinedButton, toast, Toaster } from '@neo4j-ndl/react';\nimport { CloudArrowDownIconSolid } from '@neo4j-ndl/react/icons';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [progressBarId, setProgressBarId] = useState<string | number | null>(\n    null,\n  );\n  return (\n    <div className=\"n-flex n-justify-center n-gap-4\">\n      {/* Toaster should be at the root of the app */}\n      <Toaster />\n      <FilledButton\n        onClick={() => {\n          const id = toast.progressBar('Hello', {\n            icon: <CloudArrowDownIconSolid />,\n            isCloseable: true,\n            onClose: () => {\n              setProgressBarId(null);\n              console.info('close');\n            },\n            shouldAutoClose: false,\n            shouldCloseOnAction: true,\n          });\n          setProgressBarId(id);\n        }}\n      >\n        Press to show a Toast\n      </FilledButton>\n      <OutlinedButton\n        onClick={() => {\n          if (progressBarId) {\n            toast.updateProgressBarValue(progressBarId, 50);\n          }\n        }}\n      >\n        Update progress bar\n      </OutlinedButton>\n    </div>\n  );\n};\n\nexport default Component;\n"]}