@embeddable.com/remarkable-ui 0.0.13 → 0.0.15

package/dist/{index-B7vfUPY1.js.map → index-CfwN2oS1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-B7vfUPY1.js","sources":["../src/remarkable-ui/shared/Button/Button.tsx","../node_modules/@tabler/icons-react/dist/esm/icons/IconSquare.mjs","../node_modules/@tabler/icons-react/dist/esm/icons/IconSquareCheckFilled.mjs","../src/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.tsx","../src/remarkable-pro/components/editors/MultiSelectFieldPro/index.tsx"],"sourcesContent":["import { TablerIcon } from '@tabler/icons-react';\nimport clsx from 'clsx';\nimport styles from './Button.module.css';\nimport { Typography } from '../Typography/Typography';\n\ntype ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  startIcon?: TablerIcon;\n  endIcon?: TablerIcon;\n  children: string;\n  variant: 'primary' | 'secondary';\n  size: 'small' | 'medium';\n};\n\nexport const Button: React.FC<ButtonProps> = ({\n  variant,\n  startIcon: StartIcon,\n  endIcon: EndIcon,\n  size,\n  className,\n  children,\n  ...props\n}) => {\n  return (\n    <button {...props} className={clsx(styles.button, styles[variant], styles[size], className)}>\n      {StartIcon && <StartIcon />}\n      <Typography as=\"span\">{children}</Typography>\n      {EndIcon && <EndIcon />}\n    </button>\n  );\n};\n","/**\n * @license @tabler/icons-react v3.34.1 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M3 3m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z\", \"key\": \"svg-0\" }]];\nconst IconSquare = createReactComponent(\"outline\", \"square\", \"Square\", __iconNode);\n\nexport { __iconNode, IconSquare as default };\n//# sourceMappingURL=IconSquare.mjs.map\n","/**\n * @license @tabler/icons-react v3.34.1 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M18.333 2c1.96 0 3.56 1.537 3.662 3.472l.005 .195v12.666c0 1.96 -1.537 3.56 -3.472 3.662l-.195 .005h-12.666a3.667 3.667 0 0 1 -3.662 -3.472l-.005 -.195v-12.666c0 -1.96 1.537 -3.56 3.472 -3.662l.195 -.005h12.666zm-2.626 7.293a1 1 0 0 0 -1.414 0l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.32 1.497l2 2l.094 .083a1 1 0 0 0 1.32 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z\", \"key\": \"svg-0\" }]];\nconst IconSquareCheckFilled = createReactComponent(\"filled\", \"square-check-filled\", \"SquareCheckFilled\", __iconNode);\n\nexport { __iconNode, IconSquareCheckFilled as default };\n//# sourceMappingURL=IconSquareCheckFilled.mjs.map\n","import { FC, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  SelectListOption,\n  SelectListOptionProps,\n} from '../shared/SelectList/SelectListOptions/SelectListOption/SelectListOption';\nimport { debounce } from '../../../utils/debounce.utils';\nimport { Dropdown } from '../../../shared/Dropdown/Dropdown';\nimport { SelectButton } from '../shared/SelectButton/SelectButton';\nimport { SelectList } from '../shared/SelectList/SelectList';\nimport { TextField } from '../../TextField/TextField';\nimport { SelectListOptions } from '../shared/SelectList/SelectListOptions/SelectListOptions';\nimport { IconSearch, IconSquare, IconSquareCheckFilled } from '@tabler/icons-react';\nimport { Button } from '../../../shared/Button/Button';\nimport styles from './MultiSelectField.module.css';\nimport { useSelectSearchFocus } from '../shared/useSelectSearchFocus.hook';\n\nexport type MultiSelectFieldProps = {\n  disabled?: boolean;\n  isClearable?: boolean;\n  isLoading?: boolean;\n  isSearchable?: boolean;\n  noOptionsMessage?: string;\n  options: SelectListOptionProps[];\n  placeholder?: string;\n  submitLabel?: string;\n  values?: string[];\n  onChange: (value: string[]) => void;\n  onSearch?: (search: string) => void;\n};\n\nexport const MultiSelectField: FC<MultiSelectFieldProps> = ({\n  disabled,\n  isClearable,\n  isLoading,\n  isSearchable,\n  noOptionsMessage,\n  options,\n  placeholder,\n  submitLabel = 'Apply',\n  values = [],\n  onChange,\n  onSearch,\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [searchValue, setSearchValue] = useState<string>('');\n  const [preValues, setPreValues] = useState<string[]>(values);\n  const [selectedLabel, setSelectedLabel] = useState<string>('');\n\n  const searchFieldRef = useRef<HTMLInputElement>(null);\n  useSelectSearchFocus(isOpen, searchFieldRef);\n\n  useEffect(() => {\n    setPreValues(values);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [JSON.stringify(values)]);\n\n  useEffect(() => {\n    if (isLoading) {\n      return;\n    }\n\n    if (!values || values.length === 0) {\n      setSelectedLabel('');\n      return;\n    }\n    const selectedOptions = values.map(\n      (value) => options.find((o) => o.value === value)?.label ?? value,\n    );\n\n    if (selectedOptions.length > 0) {\n      const newLabel = selectedOptions.join(', ');\n      setSelectedLabel(`(${selectedOptions.length}) ${newLabel}`);\n    }\n  }, [values, options, isLoading]);\n\n  const debouncedSearch = useMemo(() => (onSearch ? debounce(onSearch) : undefined), [onSearch]);\n\n  const displayOptions =\n    isSearchable && !onSearch\n      ? options.filter((option) => option.label.toLowerCase().includes(searchValue.toLowerCase()))\n      : options;\n\n  const isSubmitDisabled =\n    preValues.every((preValue) => values.includes(preValue)) &&\n    values.every((value) => preValues.includes(value));\n\n  const handleSelectOption = (\n    e: React.MouseEvent<HTMLDivElement, MouseEvent>,\n    newValue?: string,\n  ) => {\n    e.preventDefault();\n\n    if (!newValue) return;\n\n    if (preValues.includes(newValue)) {\n      setPreValues(preValues.filter((v) => v !== newValue));\n    } else {\n      setPreValues([...preValues, newValue]);\n    }\n  };\n\n  const handleSearch = (newSearch: string) => {\n    setSearchValue(newSearch);\n    debouncedSearch?.(newSearch);\n  };\n\n  const handleSave = (newValues: string[]) => {\n    onChange(newValues);\n    setIsOpen(false);\n    setSearchValue('');\n    onSearch?.('');\n  };\n\n  const handleClearAll = () => {\n    setSearchValue('');\n    onSearch?.('');\n    onChange([]);\n  };\n\n  return (\n    <Dropdown\n      open={isOpen}\n      onOpenChange={setIsOpen}\n      disabled={disabled}\n      triggerComponent={\n        <SelectButton\n          aria-label=\"Select options\"\n          placeholder={placeholder}\n          disabled={disabled}\n          valueLabel={selectedLabel}\n          onClear={handleClearAll}\n          isClearable={isClearable}\n          isLoading={isLoading}\n        />\n      }\n    >\n      <SelectList>\n        {isSearchable && (\n          <TextField\n            ref={searchFieldRef}\n            startIcon={IconSearch}\n            aria-label=\"Search options\"\n            placeholder=\"Search…\"\n            role=\"searchbox\"\n            value={searchValue}\n            onKeyDown={(e) => e.stopPropagation()}\n            onChange={handleSearch}\n          />\n        )}\n        <SelectListOptions disabled={isLoading}>\n          {displayOptions.map((option) => (\n            <SelectListOption\n              key={option?.value ?? option.label}\n              onClick={(e) => handleSelectOption(e, option.value)}\n              startIcon={\n                preValues.includes(option.value!) ? <IconSquareCheckFilled /> : <IconSquare />\n              }\n              {...option}\n            />\n          ))}\n          {noOptionsMessage && <SelectListOption disabled value=\"empty\" label={noOptionsMessage} />}\n        </SelectListOptions>\n        <Button\n          className={styles.submitButton}\n          disabled={isSubmitDisabled || isLoading}\n          variant=\"primary\"\n          size=\"medium\"\n          onClick={() => handleSave(preValues)}\n          role=\"button\"\n        >\n          {submitLabel}\n        </Button>\n      </SelectList>\n    </Dropdown>\n  );\n};\n","import { DataResponse, Dimension } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../theme/theme.types';\nimport { EditorCard } from '../shared/EditorCard/EditorCard';\nimport { resolveI18nProps } from '../../component.utils';\nimport { i18n } from '../../../theme/i18n/i18n';\nimport { MultiSelectField } from '../../../../remarkable-ui';\n\nexport const MAX_OPTIONS = 200;\n\ntype MultiSelectFieldProProps = {\n  title?: string;\n  description?: string;\n  dimension: Dimension;\n  optionalSecondDimension?: Dimension;\n  placeholder?: string;\n  results: DataResponse;\n  selectedValues: string[];\n  maxOptions?: number;\n  setSearchValue: (search: string) => void;\n  onChange?: (newValues: string[]) => void;\n};\n\nconst MultiSelectFieldPro = (props: MultiSelectFieldProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  const themeFormatter = getThemeFormatter(theme);\n  const {\n    title,\n    description,\n    dimension,\n    optionalSecondDimension,\n    placeholder,\n    results,\n    selectedValues,\n    setSearchValue,\n    onChange,\n  } = resolveI18nProps(props);\n\n  const options =\n    results.data?.map((data) => {\n      return {\n        value: optionalSecondDimension ? data[optionalSecondDimension.name] : data[dimension.name],\n        label: themeFormatter.data(dimension, data[dimension.name]),\n      };\n    }) ?? [];\n\n  const showNoOptionsMessage = Boolean(!results.isLoading && (results.data?.length ?? 0) === 0);\n\n  return (\n    <EditorCard title={title} subtitle={description}>\n      <MultiSelectField\n        isClearable\n        isSearchable\n        isLoading={results.isLoading}\n        values={selectedValues ?? []}\n        options={options}\n        placeholder={placeholder}\n        noOptionsMessage={showNoOptionsMessage ? i18n.t('common.noOptionsFound') : undefined}\n        onChange={(newValues) => onChange?.(newValues)}\n        onSearch={setSearchValue}\n      />\n    </EditorCard>\n  );\n};\n\nexport default MultiSelectFieldPro;\n"],"names":["Button","variant","StartIcon","EndIcon","size","className","children","props","jsxs","clsx","styles","jsx","Typography","__iconNode","IconSquare","createReactComponent","IconSquareCheckFilled","MultiSelectField","disabled","isClearable","isLoading","isSearchable","noOptionsMessage","options","placeholder","submitLabel","values","onChange","onSearch","isOpen","setIsOpen","useState","searchValue","setSearchValue","preValues","setPreValues","selectedLabel","setSelectedLabel","searchFieldRef","useRef","useSelectSearchFocus","useEffect","selectedOptions","value","_a","o","newLabel","debouncedSearch","useMemo","debounce","displayOptions","option","isSubmitDisabled","preValue","handleSelectOption","newValue","v","handleSearch","newSearch","handleSave","newValues","handleClearAll","Dropdown","SelectButton","SelectList","TextField","IconSearch","SelectListOptions","SelectListOption","e","MAX_OPTIONS","MultiSelectFieldPro","theme","useTheme","themeFormatter","getThemeFormatter","title","description","dimension","optionalSecondDimension","results","selectedValues","resolveI18nProps","data","showNoOptionsMessage","_b","EditorCard","i18n"],"mappings":"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","x_google_ignoreList":[1,2]}
+{"version":3,"file":"index-CfwN2oS1.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconSquare.mjs","../node_modules/@tabler/icons-react/dist/esm/icons/IconSquareCheckFilled.mjs","../src/remarkable-ui/shared/Button/Button.tsx","../src/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.tsx","../src/remarkable-pro/components/editors/MultiSelectFieldPro/index.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.34.1 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M3 3m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z\", \"key\": \"svg-0\" }]];\nconst IconSquare = createReactComponent(\"outline\", \"square\", \"Square\", __iconNode);\n\nexport { __iconNode, IconSquare as default };\n//# sourceMappingURL=IconSquare.mjs.map\n","/**\n * @license @tabler/icons-react v3.34.1 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M18.333 2c1.96 0 3.56 1.537 3.662 3.472l.005 .195v12.666c0 1.96 -1.537 3.56 -3.472 3.662l-.195 .005h-12.666a3.667 3.667 0 0 1 -3.662 -3.472l-.005 -.195v-12.666c0 -1.96 1.537 -3.56 3.472 -3.662l.195 -.005h12.666zm-2.626 7.293a1 1 0 0 0 -1.414 0l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.32 1.497l2 2l.094 .083a1 1 0 0 0 1.32 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z\", \"key\": \"svg-0\" }]];\nconst IconSquareCheckFilled = createReactComponent(\"filled\", \"square-check-filled\", \"SquareCheckFilled\", __iconNode);\n\nexport { __iconNode, IconSquareCheckFilled as default };\n//# sourceMappingURL=IconSquareCheckFilled.mjs.map\n","import { TablerIcon } from '@tabler/icons-react';\nimport clsx from 'clsx';\nimport styles from './Button.module.css';\nimport { Typography } from '../Typography/Typography';\n\ntype ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  startIcon?: TablerIcon;\n  endIcon?: TablerIcon;\n  children: string;\n  variant: 'primary' | 'secondary';\n  size: 'small' | 'medium';\n};\n\nexport const Button: React.FC<ButtonProps> = ({\n  variant,\n  startIcon: StartIcon,\n  endIcon: EndIcon,\n  size,\n  className,\n  children,\n  ...props\n}) => {\n  return (\n    <button {...props} className={clsx(styles.button, styles[variant], styles[size], className)}>\n      {StartIcon && <StartIcon />}\n      <Typography as=\"span\">{children}</Typography>\n      {EndIcon && <EndIcon />}\n    </button>\n  );\n};\n","import { FC, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  SelectListOption,\n  SelectListOptionProps,\n} from '../shared/SelectList/SelectListOptions/SelectListOption/SelectListOption';\nimport { debounce } from '../../../utils/debounce.utils';\nimport { Dropdown } from '../../../shared/Dropdown/Dropdown';\nimport { SelectButton } from '../shared/SelectButton/SelectButton';\nimport { SelectList } from '../shared/SelectList/SelectList';\nimport { TextField } from '../../TextField/TextField';\nimport { SelectListOptions } from '../shared/SelectList/SelectListOptions/SelectListOptions';\nimport { IconSearch, IconSquare, IconSquareCheckFilled } from '@tabler/icons-react';\nimport { Button } from '../../../shared/Button/Button';\nimport styles from './MultiSelectField.module.css';\nimport { useSelectSearchFocus } from '../shared/useSelectSearchFocus.hook';\n\nexport type MultiSelectFieldProps = {\n  disabled?: boolean;\n  isClearable?: boolean;\n  isLoading?: boolean;\n  isSearchable?: boolean;\n  noOptionsMessage?: string;\n  options: SelectListOptionProps[];\n  placeholder?: string;\n  submitLabel?: string;\n  values?: string[];\n  onChange: (value: string[]) => void;\n  onSearch?: (search: string) => void;\n};\n\nexport const MultiSelectField: FC<MultiSelectFieldProps> = ({\n  disabled,\n  isClearable,\n  isLoading,\n  isSearchable,\n  noOptionsMessage,\n  options,\n  placeholder,\n  submitLabel = 'Apply',\n  values = [],\n  onChange,\n  onSearch,\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [searchValue, setSearchValue] = useState<string>('');\n  const [preValues, setPreValues] = useState<string[]>(values);\n  const [selectedLabel, setSelectedLabel] = useState<string>('');\n\n  const searchFieldRef = useRef<HTMLInputElement>(null);\n  useSelectSearchFocus(isOpen, searchFieldRef);\n\n  useEffect(() => {\n    setPreValues(values);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [JSON.stringify(values)]);\n\n  useEffect(() => {\n    if (isLoading) {\n      return;\n    }\n\n    if (!values || values.length === 0) {\n      setSelectedLabel('');\n      return;\n    }\n    const selectedOptions = values.map(\n      (value) => options.find((o) => o.value === value)?.label ?? value,\n    );\n\n    if (selectedOptions.length > 0) {\n      const newLabel = selectedOptions.join(', ');\n      setSelectedLabel(`(${selectedOptions.length}) ${newLabel}`);\n    }\n  }, [values, options, isLoading]);\n\n  const debouncedSearch = useMemo(() => (onSearch ? debounce(onSearch) : undefined), [onSearch]);\n\n  const displayOptions =\n    isSearchable && !onSearch\n      ? options.filter((option) => option.label.toLowerCase().includes(searchValue.toLowerCase()))\n      : options;\n\n  const isSubmitDisabled =\n    preValues.every((preValue) => values.includes(preValue)) &&\n    values.every((value) => preValues.includes(value));\n\n  const handleSelectOption = (\n    e: React.MouseEvent<HTMLDivElement, MouseEvent>,\n    newValue?: string,\n  ) => {\n    e.preventDefault();\n\n    if (!newValue) return;\n\n    if (preValues.includes(newValue)) {\n      setPreValues(preValues.filter((v) => v !== newValue));\n    } else {\n      setPreValues([...preValues, newValue]);\n    }\n  };\n\n  const handleSearch = (newSearch: string) => {\n    setSearchValue(newSearch);\n    debouncedSearch?.(newSearch);\n  };\n\n  const handleSave = (newValues: string[]) => {\n    onChange(newValues);\n    setIsOpen(false);\n    setSearchValue('');\n    onSearch?.('');\n  };\n\n  const handleClearAll = () => {\n    setSearchValue('');\n    onSearch?.('');\n    onChange([]);\n  };\n\n  return (\n    <Dropdown\n      open={isOpen}\n      onOpenChange={setIsOpen}\n      disabled={disabled}\n      triggerComponent={\n        <SelectButton\n          aria-label=\"Select options\"\n          placeholder={placeholder}\n          disabled={disabled}\n          valueLabel={selectedLabel}\n          onClear={handleClearAll}\n          isClearable={isClearable}\n          isLoading={isLoading}\n        />\n      }\n    >\n      <SelectList>\n        {isSearchable && (\n          <TextField\n            ref={searchFieldRef}\n            startIcon={IconSearch}\n            aria-label=\"Search options\"\n            placeholder=\"Search…\"\n            role=\"searchbox\"\n            value={searchValue}\n            onKeyDown={(e) => e.stopPropagation()}\n            onChange={handleSearch}\n          />\n        )}\n        <SelectListOptions disabled={isLoading}>\n          {displayOptions.map((option) => (\n            <SelectListOption\n              key={option?.value ?? option.label}\n              onClick={(e) => handleSelectOption(e, option.value)}\n              startIcon={\n                preValues.includes(option.value!) ? <IconSquareCheckFilled /> : <IconSquare />\n              }\n              {...option}\n            />\n          ))}\n          {noOptionsMessage && <SelectListOption disabled value=\"empty\" label={noOptionsMessage} />}\n        </SelectListOptions>\n        <Button\n          className={styles.submitButton}\n          disabled={isSubmitDisabled || isLoading}\n          variant=\"primary\"\n          size=\"medium\"\n          onClick={() => handleSave(preValues)}\n          role=\"button\"\n        >\n          {submitLabel}\n        </Button>\n      </SelectList>\n    </Dropdown>\n  );\n};\n","import { DataResponse, Dimension } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../theme/theme.types';\nimport { EditorCard } from '../shared/EditorCard/EditorCard';\nimport { resolveI18nProps } from '../../component.utils';\nimport { i18n } from '../../../theme/i18n/i18n';\nimport { MultiSelectField } from '../../../../remarkable-ui';\n\nexport const MAX_OPTIONS = 200;\n\ntype MultiSelectFieldProProps = {\n  title?: string;\n  description?: string;\n  dimension: Dimension;\n  optionalSecondDimension?: Dimension;\n  placeholder?: string;\n  results: DataResponse;\n  selectedValues: string[];\n  maxOptions?: number;\n  setSearchValue: (search: string) => void;\n  onChange?: (newValues: string[]) => void;\n};\n\nconst MultiSelectFieldPro = (props: MultiSelectFieldProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  const themeFormatter = getThemeFormatter(theme);\n  const {\n    title,\n    description,\n    dimension,\n    optionalSecondDimension,\n    placeholder,\n    results,\n    selectedValues,\n    setSearchValue,\n    onChange,\n  } = resolveI18nProps(props);\n\n  const options =\n    results.data?.map((data) => {\n      return {\n        value: optionalSecondDimension ? data[optionalSecondDimension.name] : data[dimension.name],\n        label: themeFormatter.data(dimension, data[dimension.name]),\n      };\n    }) ?? [];\n\n  const showNoOptionsMessage = Boolean(!results.isLoading && (results.data?.length ?? 0) === 0);\n\n  return (\n    <EditorCard title={title} subtitle={description}>\n      <MultiSelectField\n        isClearable\n        isSearchable\n        isLoading={results.isLoading}\n        values={selectedValues ?? []}\n        options={options}\n        placeholder={placeholder}\n        noOptionsMessage={showNoOptionsMessage ? i18n.t('common.noOptionsFound') : undefined}\n        onChange={(newValues) => onChange?.(newValues)}\n        onSearch={setSearchValue}\n      />\n    </EditorCard>\n  );\n};\n\nexport default MultiSelectFieldPro;\n"],"names":["__iconNode","IconSquare","createReactComponent","IconSquareCheckFilled","Button","variant","StartIcon","EndIcon","size","className","children","props","jsxs","clsx","styles","jsx","Typography","MultiSelectField","disabled","isClearable","isLoading","isSearchable","noOptionsMessage","options","placeholder","submitLabel","values","onChange","onSearch","isOpen","setIsOpen","useState","searchValue","setSearchValue","preValues","setPreValues","selectedLabel","setSelectedLabel","searchFieldRef","useRef","useSelectSearchFocus","useEffect","selectedOptions","value","_a","o","newLabel","debouncedSearch","useMemo","debounce","displayOptions","option","isSubmitDisabled","preValue","handleSelectOption","newValue","v","handleSearch","newSearch","handleSave","newValues","handleClearAll","Dropdown","SelectButton","SelectList","TextField","IconSearch","SelectListOptions","SelectListOption","e","MAX_OPTIONS","MultiSelectFieldPro","theme","useTheme","themeFormatter","getThemeFormatter","title","description","dimension","optionalSecondDimension","results","selectedValues","resolveI18nProps","data","showNoOptionsMessage","_b","EditorCard","i18n"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/{index-BmX2mh4Y.js → index-D63sy5ao.js}

@@ -1,9 +1,9 @@
-import { L as nt, r as it, J as P, k as ot } from "./component.constants-DLcmipcp.js";
+import { aa as nt, r as it, j as P, l as ot } from "./component.constants-gz--XNdD.js";
 import { useTheme as K } from "@embeddable.com/react";
 import { useState as st, useEffect as X } from "react";
-import { S as at } from "./SingleSelectField-BMXt2zwl.js";
+import { S as at } from "./SingleSelectField-SswXqqUp.js";
 import { g as ut } from "./_commonjsHelpers-C6fGbg64.js";
-import { E as ht } from "./EditorCard-Cj1V2vRg.js";
+import { E as ht } from "./EditorCard-0MZ3LzXU.js";
 /**
  * @license @tabler/icons-react v3.34.1 - MIT
  *
@@ -20,12 +20,12 @@ function ft() {
       var l = 1e3, v = 6e4, b = 36e5, S = "millisecond", w = "second", k = "minute", _ = "hour", T = "day", C = "week", g = "month", H = "quarter", d = "year", D = "date", z = "Invalid Date", R = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, tt = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, et = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(o) {
         var n = ["th", "st", "nd", "rd"], e = o % 100;
         return "[" + o + (n[(e - 20) % 10] || n[e] || n[0]) + "]";
-      } }, J = function(o, n, e) {
+      } }, q = function(o, n, e) {
         var i = String(o);
         return !i || i.length >= n ? o : "" + Array(n + 1 - i.length).join(e) + o;
-      }, rt = { s: J, z: function(o) {
+      }, rt = { s: q, z: function(o) {
         var n = -o.utcOffset(), e = Math.abs(n), i = Math.floor(e / 60), r = e % 60;
-        return (n <= 0 ? "+" : "-") + J(i, 2, "0") + ":" + J(r, 2, "0");
+        return (n <= 0 ? "+" : "-") + q(i, 2, "0") + ":" + q(r, 2, "0");
       }, m: function o(n, e) {
         if (n.date() < e.date()) return -o(e, n);
         var i = 12 * (e.year() - n.year()) + (e.month() - n.month()), r = n.clone().add(i, g), s = e - r < 0, a = n.clone().add(i + (s ? -1 : 1), g);
@@ -36,29 +36,29 @@ function ft() {
         return { M: g, y: d, w: C, d: T, D, h: _, m: k, s: w, ms: S, Q: H }[o] || String(o || "").toLowerCase().replace(/s$/, "");
       }, u: function(o) {
         return o === void 0;
-      } }, W = "en", j = {};
-      j[W] = et;
-      var Z = "$isDayjsObject", q = function(o) {
+      } }, W = "en", L = {};
+      L[W] = et;
+      var Z = "$isDayjsObject", J = function(o) {
         return o instanceof F || !(!o || !o[Z]);
       }, E = function o(n, e, i) {
         var r;
         if (!n) return W;
         if (typeof n == "string") {
           var s = n.toLowerCase();
-          j[s] && (r = s), e && (j[s] = e, r = s);
+          L[s] && (r = s), e && (L[s] = e, r = s);
           var a = n.split("-");
           if (!r && a.length > 1) return o(a[0]);
         } else {
           var c = n.name;
-          j[c] = n, r = c;
+          L[c] = n, r = c;
         }
         return !i && r && (W = r), r || !i && W;
       }, f = function(o, n) {
-        if (q(o)) return o.clone();
+        if (J(o)) return o.clone();
         var e = typeof n == "object" ? n : {};
         return e.date = o, e.args = arguments, new F(e);
       }, h = rt;
-      h.l = E, h.i = q, h.w = function(o, n) {
+      h.l = E, h.i = J, h.w = function(o, n) {
         return f(o, { locale: n.$L, utc: n.$u, x: n.$x, $offset: n.$offset });
       };
       var F = (function() {
@@ -103,8 +103,8 @@ function ft() {
           return this.$d.getTime();
         }, n.startOf = function(e, i) {
           var r = this, s = !!h.u(i) || i, a = h.p(e), c = function(x, y) {
-            var L = h.w(r.$u ? Date.UTC(r.$y, y, x) : new Date(r.$y, y, x), r);
-            return s ? L : L.endOf(T);
+            var j = h.w(r.$u ? Date.UTC(r.$y, y, x) : new Date(r.$y, y, x), r);
+            return s ? j : j.endOf(T);
           }, m = function(x, y) {
             return h.w(r.toDate()[x].apply(r.toDate("s"), (s ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(y)), r);
           }, p = this.$W, $ = this.$M, M = this.$D, Y = "set" + (this.$u ? "UTC" : "");
@@ -159,16 +159,16 @@ function ft() {
         }, n.format = function(e) {
           var i = this, r = this.$locale();
           if (!this.isValid()) return r.invalidDate || z;
-          var s = e || "YYYY-MM-DDTHH:mm:ssZ", a = h.z(this), c = this.$H, m = this.$m, p = this.$M, $ = r.weekdays, M = r.months, Y = r.meridiem, O = function(y, L, A, N) {
-            return y && (y[L] || y(i, s)) || A[L].slice(0, N);
+          var s = e || "YYYY-MM-DDTHH:mm:ssZ", a = h.z(this), c = this.$H, m = this.$m, p = this.$M, $ = r.weekdays, M = r.months, Y = r.meridiem, O = function(y, j, A, N) {
+            return y && (y[j] || y(i, s)) || A[j].slice(0, N);
           }, I = function(y) {
             return h.s(c % 12 || 12, y, "0");
-          }, x = Y || function(y, L, A) {
+          }, x = Y || function(y, j, A) {
             var N = y < 12 ? "AM" : "PM";
             return A ? N.toLowerCase() : N;
           };
-          return s.replace(tt, (function(y, L) {
-            return L || (function(A) {
+          return s.replace(tt, (function(y, j) {
+            return j || (function(A) {
               switch (A) {
                 case "YY":
                   return String(i.$y).slice(-2);
@@ -260,7 +260,7 @@ function ft() {
         }, n.daysInMonth = function() {
           return this.endOf(g).$D;
         }, n.$locale = function() {
-          return j[this.$L];
+          return L[this.$L];
         }, n.locale = function(e, i) {
           if (!e) return this.$L;
           var r = this.clone(), s = E(e, i, !0);
@@ -283,116 +283,116 @@ function ft() {
         };
       })), f.extend = function(o, n) {
         return o.$i || (o(n, F, f), o.$i = !0), f;
-      }, f.locale = E, f.isDayjs = q, f.unix = function(o) {
+      }, f.locale = E, f.isDayjs = J, f.unix = function(o) {
         return f(1e3 * o);
-      }, f.en = j[W], f.Ls = j, f.p = {}, f;
+      }, f.en = L[W], f.Ls = L, f.p = {}, f;
     }));
   })(U)), U.exports;
 }
 var pt = ft();
 const V = /* @__PURE__ */ ut(pt), dt = {
-  af: () => import("./af-BhfMDw8q.js").then((t) => t.a),
-  am: () => import("./am-BjJbr8ur.js").then((t) => t.a),
-  ar: () => import("./ar-DCDfA1wT.js").then((t) => t.a),
-  az: () => import("./az-CShdpsdC.js").then((t) => t.a),
-  be: () => import("./be-DZiff6qe.js").then((t) => t.b),
-  bg: () => import("./bg-1YeeQnum.js").then((t) => t.b),
-  bi: () => import("./bi-jQnTBWfm.js").then((t) => t.b),
-  bm: () => import("./bm-Bhx4gJQv.js").then((t) => t.b),
-  bn: () => import("./bn-Dev7MWng.js").then((t) => t.b),
-  bo: () => import("./bo-CsXzcRTS.js").then((t) => t.b),
-  br: () => import("./br-DhLvGbV2.js").then((t) => t.b),
-  bs: () => import("./bs-BT_F43XP.js").then((t) => t.b),
-  ca: () => import("./ca-Dv_fZafJ.js").then((t) => t.c),
-  cs: () => import("./cs-CLFbAyW1.js").then((t) => t.c),
-  cv: () => import("./cv-D0Czu-6r.js").then((t) => t.c),
-  cy: () => import("./cy-B_wVnK-y.js").then((t) => t.c),
-  da: () => import("./da-BxMy_zm_.js").then((t) => t.d),
-  de: () => import("./de-BHXLG6wr.js").then((t) => t.d),
-  dv: () => import("./dv-C3gTB9Zk.js").then((t) => t.d),
-  el: () => import("./el-CG21BzZX.js").then((t) => t.e),
+  af: () => import("./af-o9kpAKNK.js").then((t) => t.a),
+  am: () => import("./am-CWxX7Rkd.js").then((t) => t.a),
+  ar: () => import("./ar-BeFtYhw9.js").then((t) => t.a),
+  az: () => import("./az-BIR9ezfm.js").then((t) => t.a),
+  be: () => import("./be-B8F8aByh.js").then((t) => t.b),
+  bg: () => import("./bg-Dt2o64Ux.js").then((t) => t.b),
+  bi: () => import("./bi-lGGO4w2f.js").then((t) => t.b),
+  bm: () => import("./bm-BvCCJMtI.js").then((t) => t.b),
+  bn: () => import("./bn-5BOn18NI.js").then((t) => t.b),
+  bo: () => import("./bo-DNg4sY1K.js").then((t) => t.b),
+  br: () => import("./br-C1BlCBKw.js").then((t) => t.b),
+  bs: () => import("./bs-DEX94Ohe.js").then((t) => t.b),
+  ca: () => import("./ca-Dtu-b89X.js").then((t) => t.c),
+  cs: () => import("./cs-BIQptCGh.js").then((t) => t.c),
+  cv: () => import("./cv-D1_Gu_Z2.js").then((t) => t.c),
+  cy: () => import("./cy-Cs4FofAm.js").then((t) => t.c),
+  da: () => import("./da-D1qyKOpK.js").then((t) => t.d),
+  de: () => import("./de-CwMJBtdf.js").then((t) => t.d),
+  dv: () => import("./dv-CLYOtWnV.js").then((t) => t.d),
+  el: () => import("./el-CBxS_gxJ.js").then((t) => t.e),
   en: () => import("./en-C1HUnsN2.js").then((t) => t.e),
-  eo: () => import("./eo-CObbWYhD.js").then((t) => t.e),
-  es: () => import("./es-DBZo2F5V.js").then((t) => t.e),
-  et: () => import("./et-CJAeg1JB.js").then((t) => t.e),
-  eu: () => import("./eu-DCRIlmYt.js").then((t) => t.e),
-  fa: () => import("./fa-B4hoY4oS.js").then((t) => t.f),
-  fi: () => import("./fi-DOQ0xjWd.js").then((t) => t.f),
-  fo: () => import("./fo-CqS3QH9j.js").then((t) => t.f),
-  fr: () => import("./fr-CjnMVjLr.js").then((t) => t.f),
-  fy: () => import("./fy-BkekyfC-.js").then((t) => t.f),
-  ga: () => import("./ga-xjHcugWk.js").then((t) => t.g),
-  gd: () => import("./gd-CHWHS_I3.js").then((t) => t.g),
-  gl: () => import("./gl-eWmZ6FHC.js").then((t) => t.g),
-  gu: () => import("./gu-COsQBXK7.js").then((t) => t.g),
-  he: () => import("./he-DLvUNboB.js").then((t) => t.h),
-  hi: () => import("./hi-Da5pD4GI.js").then((t) => t.h),
-  hr: () => import("./hr-DXVM0gXv.js").then((t) => t.h),
-  ht: () => import("./ht-B8-Py-HQ.js").then((t) => t.h),
-  hu: () => import("./hu-Zd8eveQl.js").then((t) => t.h),
-  id: () => import("./id-DDUOZsRo.js").then((t) => t.i),
-  is: () => import("./is-CQKuukSi.js").then((t) => t.i),
-  it: () => import("./it-ZAAdZCse.js").then((t) => t.i),
-  ja: () => import("./ja-X3YaEu35.js").then((t) => t.j),
-  jv: () => import("./jv-COUYhfxd.js").then((t) => t.j),
-  ka: () => import("./ka-DcSzBOtD.js").then((t) => t.k),
-  kk: () => import("./kk-BnFZ9yt2.js").then((t) => t.k),
-  km: () => import("./km-oOECmZvW.js").then((t) => t.k),
-  kn: () => import("./kn-5VbSc-Xl.js").then((t) => t.k),
-  ko: () => import("./ko-DxyA5dD5.js").then((t) => t.k),
-  ku: () => import("./ku-C5gxuDIG.js").then((t) => t.k),
-  ky: () => import("./ky-DbXWI25O.js").then((t) => t.k),
-  lb: () => import("./lb-ByjhlbkX.js").then((t) => t.l),
-  lo: () => import("./lo-BjI-Lfpf.js").then((t) => t.l),
-  lt: () => import("./lt-HCNck3Za.js").then((t) => t.l),
-  lv: () => import("./lv-9808AvWq.js").then((t) => t.l),
-  me: () => import("./me-CxrVKVBG.js").then((t) => t.m),
-  mi: () => import("./mi-DccdzN32.js").then((t) => t.m),
-  mk: () => import("./mk-C0g3urNN.js").then((t) => t.m),
-  ml: () => import("./ml-lkwE1bio.js").then((t) => t.m),
-  mn: () => import("./mn-DBmTVPcC.js").then((t) => t.m),
-  mr: () => import("./mr-B_CwTksP.js").then((t) => t.m),
-  ms: () => import("./ms-tLnwFvK6.js").then((t) => t.m),
-  mt: () => import("./mt-CDpISvbh.js").then((t) => t.m),
-  my: () => import("./my-DbH-RMmr.js").then((t) => t.m),
-  nb: () => import("./nb-Bcabn212.js").then((t) => t.n),
-  ne: () => import("./ne-BSpGZCmC.js").then((t) => t.n),
-  nl: () => import("./nl-D0PM8iiO.js").then((t) => t.n),
-  nn: () => import("./nn-BEGtt44r.js").then((t) => t.n),
-  pl: () => import("./pl-Jv6epPSa.js").then((t) => t.p),
-  pt: () => import("./pt-Bqb4ZtLb.js").then((t) => t.p),
-  ro: () => import("./ro-B60UYPWI.js").then((t) => t.r),
-  ru: () => import("./ru-BDaoimxM.js").then((t) => t.r),
-  rw: () => import("./rw-53-Qeep7.js").then((t) => t.r),
-  sd: () => import("./sd-CihopPZv.js").then((t) => t.s),
-  se: () => import("./se-CiORo9oT.js").then((t) => t.s),
-  si: () => import("./si-D9-FchNu.js").then((t) => t.s),
-  sk: () => import("./sk-cSVf0-Qd.js").then((t) => t.s),
-  sl: () => import("./sl-DvP99d6y.js").then((t) => t.s),
-  sq: () => import("./sq-jH3I6hZo.js").then((t) => t.s),
-  sr: () => import("./sr-Czm5xdQS.js").then((t) => t.s),
-  ss: () => import("./ss-CjgaUbOs.js").then((t) => t.s),
-  sv: () => import("./sv-DF8UWfY0.js").then((t) => t.s),
-  sw: () => import("./sw-Epb_4Vqo.js").then((t) => t.s),
-  ta: () => import("./ta-B6RaXgYk.js").then((t) => t.t),
-  te: () => import("./te-BjDGjlAW.js").then((t) => t.t),
-  tet: () => import("./tet-Be4QuQ3p.js").then((t) => t.t),
-  tg: () => import("./tg-CXgY5CET.js").then((t) => t.t),
-  th: () => import("./th-BRy_dLr1.js").then((t) => t.t),
-  tk: () => import("./tk-CNg7472O.js").then((t) => t.t),
-  tlh: () => import("./tlh-BAyqgZEI.js").then((t) => t.t),
-  tr: () => import("./tr-LB0QUPJj.js").then((t) => t.t),
-  tzl: () => import("./tzl-CugVukzH.js").then((t) => t.t),
-  tzm: () => import("./tzm-DTrrvjek.js").then((t) => t.t),
-  uk: () => import("./uk-dHAt2WWZ.js").then((t) => t.u),
-  ur: () => import("./ur-CNJQ_KNF.js").then((t) => t.u),
-  uz: () => import("./uz-CBUPUaJ4.js").then((t) => t.u),
-  vi: () => import("./vi-BkNVKvdt.js").then((t) => t.v),
-  x_pseudo: () => import("./x-pseudo-C_C40Mnl.js").then((t) => t.x),
-  yo: () => import("./yo-Dxrnyk_o.js").then((t) => t.y),
-  zh_cn: () => import("./zh-cn-DnC1woAW.js").then((t) => t.z),
-  zh_hk: () => import("./zh-hk-CgYDV_9G.js").then((t) => t.z),
-  zh_tw: () => import("./zh-tw-BmG-MybT.js").then((t) => t.z)
+  eo: () => import("./eo-sOIcinhV.js").then((t) => t.e),
+  es: () => import("./es-Bgi_4JWO.js").then((t) => t.e),
+  et: () => import("./et-DtnO3dA5.js").then((t) => t.e),
+  eu: () => import("./eu-9Q0fvNpl.js").then((t) => t.e),
+  fa: () => import("./fa-BBrK6bYs.js").then((t) => t.f),
+  fi: () => import("./fi-Bj_8DLZG.js").then((t) => t.f),
+  fo: () => import("./fo-wEStW099.js").then((t) => t.f),
+  fr: () => import("./fr-l4dPdp4w.js").then((t) => t.f),
+  fy: () => import("./fy-Bk4xT1hy.js").then((t) => t.f),
+  ga: () => import("./ga-CQdQRRcU.js").then((t) => t.g),
+  gd: () => import("./gd-96V1jHt9.js").then((t) => t.g),
+  gl: () => import("./gl-DlZ2o7n9.js").then((t) => t.g),
+  gu: () => import("./gu-BFOwv3MG.js").then((t) => t.g),
+  he: () => import("./he-GdxKgtqy.js").then((t) => t.h),
+  hi: () => import("./hi-B5Dr5fjd.js").then((t) => t.h),
+  hr: () => import("./hr-Cz17W5ee.js").then((t) => t.h),
+  ht: () => import("./ht-BAGVzl1C.js").then((t) => t.h),
+  hu: () => import("./hu-D1pCdgnJ.js").then((t) => t.h),
+  id: () => import("./id-BZTEbxJf.js").then((t) => t.i),
+  is: () => import("./is-BV4aXSG3.js").then((t) => t.i),
+  it: () => import("./it-VM668P0_.js").then((t) => t.i),
+  ja: () => import("./ja-ZrWID1nf.js").then((t) => t.j),
+  jv: () => import("./jv-BKkaW18G.js").then((t) => t.j),
+  ka: () => import("./ka-M64wOO9K.js").then((t) => t.k),
+  kk: () => import("./kk-ux-7TST5.js").then((t) => t.k),
+  km: () => import("./km-CASgKCqI.js").then((t) => t.k),
+  kn: () => import("./kn-BjGcMLz0.js").then((t) => t.k),
+  ko: () => import("./ko-DiD2gx53.js").then((t) => t.k),
+  ku: () => import("./ku-Nvizwv1F.js").then((t) => t.k),
+  ky: () => import("./ky-CJk2VYY9.js").then((t) => t.k),
+  lb: () => import("./lb-1E5NicNA.js").then((t) => t.l),
+  lo: () => import("./lo-Cv5jjkM7.js").then((t) => t.l),
+  lt: () => import("./lt-1jFApExx.js").then((t) => t.l),
+  lv: () => import("./lv-DhN4x0ib.js").then((t) => t.l),
+  me: () => import("./me-Dq2iDLug.js").then((t) => t.m),
+  mi: () => import("./mi-zzAPAsKp.js").then((t) => t.m),
+  mk: () => import("./mk-sBEr_P_o.js").then((t) => t.m),
+  ml: () => import("./ml-DJNk_grx.js").then((t) => t.m),
+  mn: () => import("./mn-DZdXSn5u.js").then((t) => t.m),
+  mr: () => import("./mr-DbzU0Lta.js").then((t) => t.m),
+  ms: () => import("./ms-B6toXEws.js").then((t) => t.m),
+  mt: () => import("./mt-BB5WmfNJ.js").then((t) => t.m),
+  my: () => import("./my-C-cULTCA.js").then((t) => t.m),
+  nb: () => import("./nb-BEkSFpGP.js").then((t) => t.n),
+  ne: () => import("./ne-DIXS4hvn.js").then((t) => t.n),
+  nl: () => import("./nl-BqzCmfpv.js").then((t) => t.n),
+  nn: () => import("./nn-B7sU3HHu.js").then((t) => t.n),
+  pl: () => import("./pl-QDssiSGm.js").then((t) => t.p),
+  pt: () => import("./pt-92yM-EXc.js").then((t) => t.p),
+  ro: () => import("./ro-mPihkTq-.js").then((t) => t.r),
+  ru: () => import("./ru-C_QHy_eF.js").then((t) => t.r),
+  rw: () => import("./rw-CyvOPvh5.js").then((t) => t.r),
+  sd: () => import("./sd-CTyAukCY.js").then((t) => t.s),
+  se: () => import("./se-Cr2YUFf5.js").then((t) => t.s),
+  si: () => import("./si-DODI64kW.js").then((t) => t.s),
+  sk: () => import("./sk-DxTUhqBR.js").then((t) => t.s),
+  sl: () => import("./sl-wk5XbOmT.js").then((t) => t.s),
+  sq: () => import("./sq-BXTm0zY9.js").then((t) => t.s),
+  sr: () => import("./sr-CoRu4YjB.js").then((t) => t.s),
+  ss: () => import("./ss-BvBZxpNa.js").then((t) => t.s),
+  sv: () => import("./sv-BwlMTjUy.js").then((t) => t.s),
+  sw: () => import("./sw-C2fP1nks.js").then((t) => t.s),
+  ta: () => import("./ta-Dpl1otal.js").then((t) => t.t),
+  te: () => import("./te-D9_tdit4.js").then((t) => t.t),
+  tet: () => import("./tet-B9jL5dXy.js").then((t) => t.t),
+  tg: () => import("./tg-FkvCR6k1.js").then((t) => t.t),
+  th: () => import("./th-DvEoNi8r.js").then((t) => t.t),
+  tk: () => import("./tk-B7s1wmlq.js").then((t) => t.t),
+  tlh: () => import("./tlh-CwpWZuAJ.js").then((t) => t.t),
+  tr: () => import("./tr-ri5ZxpSt.js").then((t) => t.t),
+  tzl: () => import("./tzl-DfIsG3WW.js").then((t) => t.t),
+  tzm: () => import("./tzm-RQG2SIrZ.js").then((t) => t.t),
+  uk: () => import("./uk-BQ9uVWQZ.js").then((t) => t.u),
+  ur: () => import("./ur-aFdDJUmF.js").then((t) => t.u),
+  uz: () => import("./uz-DoBDY4Ju.js").then((t) => t.u),
+  vi: () => import("./vi-C9X7AkFt.js").then((t) => t.v),
+  x_pseudo: () => import("./x-pseudo-BctGTU_4.js").then((t) => t.x),
+  yo: () => import("./yo-DGGCmvLO.js").then((t) => t.y),
+  zh_cn: () => import("./zh-cn-B5oOSlf9.js").then((t) => t.z),
+  zh_hk: () => import("./zh-hk-BcEAVUjY.js").then((t) => t.z),
+  zh_tw: () => import("./zh-tw-DS9Fsnfv.js").then((t) => t.z)
 };
 async function $t(t) {
   const u = dt[t.toLowerCase()];
@@ -410,7 +410,7 @@ const vt = () => {
       l(!1), await $t(t.formatter.locale), l(!0);
     })();
   }, [t.formatter.locale]), { dayjsLocaleReady: u };
-}, Lt = (t) => {
+}, jt = (t) => {
   const u = t.getTimezoneOffset() * 6e4;
   return new Date(t.getTime() - u);
 }, G = (t) => {
@@ -465,14 +465,14 @@ const vt = () => {
       noOptionsMessage: ot.t("common.noOptionsAvailable")
     }
   ) });
-}, jt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Mt
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   Mt as D,
-  jt as i,
-  Lt as l,
+  Lt as i,
+  jt as l,
   ft as r
 };
-//# sourceMappingURL=index-BmX2mh4Y.js.map
+//# sourceMappingURL=index-D63sy5ao.js.map