@skbkontur/react-ui 6.2.0 → 6.3.0

package/internal/TimePicker/useTimePickerDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimePickerDropdown.js","sourceRoot":"","sources":["useTimePickerDropdown.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport {\n  isHighlightableMenuItem,\n  isTimeMenuItem,\n  type TimeItemValue,\n  type TimePickerMenuItem,\n} from '../../components/TimePicker/helpers/TimePicker.shared.js';\n\ninterface UseTimePickerDropdownOptions<T extends TimeItemValue> {\n  hasDropdown: boolean;\n  disabled?: boolean;\n  items: Array<TimePickerMenuItem<T>>;\n  selectedItemIndex: number | null;\n  autoHighlightKey: string | null;\n  /**\n   * Состоянием открытости владеет компонент: от него зависит запрос элементов,\n   * а элементы, в свою очередь, нужны этому хуку для навигации.\n   */\n  isDropdownOpened: boolean;\n  setIsDropdownOpened(isOpened: boolean): void;\n}\n\ninterface UseTimePickerDropdownResult {\n  highlightedItemIndex: number | null;\n  openDropdown(): void;\n  closeDropdown(): void;\n  resetHighlightedItem(): void;\n  tryNavigateItems(step: 1 | -1): boolean;\n}\n\nexport const useTimePickerDropdown = <T extends TimeItemValue>(\n  options: UseTimePickerDropdownOptions<T>,\n): UseTimePickerDropdownResult => {\n  const { hasDropdown, disabled, items, selectedItemIndex, autoHighlightKey, isDropdownOpened, setIsDropdownOpened } =\n    options;\n\n  const [highlightedItemIndex, setHighlightedItemIndex] = useState<number | null>(null);\n  const lastAutoHighlightKeyRef = useRef<string | null>(null);\n\n  const openDropdown = useCallback(() => {\n    if (!hasDropdown || disabled) {\n      return;\n    }\n\n    setIsDropdownOpened(true);\n  }, [disabled, hasDropdown, setIsDropdownOpened]);\n\n  const closeDropdown = useCallback(() => {\n    setIsDropdownOpened(false);\n    setHighlightedItemIndex(null);\n  }, [setIsDropdownOpened]);\n\n  const resetHighlightedItem = useCallback(() => {\n    setHighlightedItemIndex(null);\n  }, []);\n\n  useEffect(() => {\n    if (lastAutoHighlightKeyRef.current === autoHighlightKey) {\n      return;\n    }\n\n    lastAutoHighlightKeyRef.current = autoHighlightKey;\n\n    if (autoHighlightKey === null) {\n      setHighlightedItemIndex(null);\n      return;\n    }\n\n    const firstEnabledItemIndex = items.findIndex((item) => isTimeMenuItem(item) && !item.disabled);\n    setHighlightedItemIndex(firstEnabledItemIndex >= 0 ? firstEnabledItemIndex : null);\n  }, [autoHighlightKey, items]);\n\n  useEffect(() => {\n    setHighlightedItemIndex((current) => {\n      if (current === null) {\n        return current;\n      }\n\n      const item = items[current];\n\n      return !item || !isHighlightableMenuItem(item) ? null : current;\n    });\n  }, [items]);\n\n  const tryNavigateItems = useCallback(\n    (step: 1 | -1) => {\n      if (!hasDropdown || !isDropdownOpened) {\n        return false;\n      }\n\n      const enabledIndexes = items.flatMap((item, index) => (isHighlightableMenuItem(item) ? index : []));\n\n      if (enabledIndexes.length === 0) {\n        return false;\n      }\n\n      /**\n       * Навигация идет от выделенного элемента, а если его нет — от выбранного значения.\n       * Отсутствующий и заблокированный элементы дают `-1`, и тогда шаг вниз попадает на первый элемент,\n       * а шаг вверх выходит за начало и по фолбэку ниже уходит на последний.\n       */\n      const currentIndex = enabledIndexes.indexOf(highlightedItemIndex ?? selectedItemIndex ?? -1);\n\n      setHighlightedItemIndex(\n        enabledIndexes[currentIndex + step] ??\n          (step > 0 ? enabledIndexes[0] : enabledIndexes[enabledIndexes.length - 1]),\n      );\n\n      return true;\n    },\n    [hasDropdown, highlightedItemIndex, isDropdownOpened, selectedItemIndex, items],\n  );\n\n  return {\n    highlightedItemIndex,\n    openDropdown,\n    closeDropdown,\n    resetHighlightedItem,\n    tryNavigateItems,\n  };\n};\n"]}

package/internal/TimePicker/useTimePickerSelection.d.ts

@@ -0,0 +1,18 @@
+import type { TimeFormat, TimeSegment } from '../../components/TimePicker/helpers/TimePicker.shared.js';
+import type { TimeInputRef } from '../TimeInput/index.js';
+type TimePickerSelection = TimeSegment | 'all';
+interface UseTimePickerSelectionOptions {
+    isInputFocused: boolean;
+    format: TimeFormat;
+    getInput: () => TimeInputRef | null;
+    displayValue: string;
+}
+interface UseTimePickerSelectionResult {
+    selection: TimePickerSelection;
+    selectedSegment: TimeSegment;
+    selectSegment: (segment: TimeSegment) => void;
+    selectAll: () => void;
+    syncSelectionWithDOM: () => boolean;
+}
+export declare const useTimePickerSelection: (options: UseTimePickerSelectionOptions) => UseTimePickerSelectionResult;
+export {};

package/internal/TimePicker/useTimePickerSelection.js

@@ -0,0 +1,66 @@
+import { useCallback, useLayoutEffect, useState } from 'react';
+export var useTimePickerSelection = function (options) {
+    var isInputFocused = options.isInputFocused, format = options.format, displayValue = options.displayValue, getInput = options.getInput;
+    var _a = useState('hours'), selection = _a[0], setSelectionState = _a[1];
+    var selectedSegment = selection === 'all' ? 'hours' : selection;
+    var applySelectionToInput = useCallback(function (nextSelection) {
+        var currentInput = getInput();
+        if (!currentInput) {
+            return;
+        }
+        var node = currentInput.getNode();
+        var isInputActive = (node === null || node === void 0 ? void 0 : node.ownerDocument.activeElement) === node;
+        var applySelection = function (input) {
+            if (nextSelection === 'all') {
+                input.selectAll();
+                return;
+            }
+            input.selectSegment(nextSelection);
+        };
+        if (isInputActive) {
+            applySelection(currentInput);
+            return;
+        }
+        setTimeout(function () {
+            var nextInput = getInput();
+            if (!nextInput) {
+                return;
+            }
+            nextInput.focus();
+            applySelection(nextInput);
+        }, 0);
+    }, [getInput]);
+    var selectSegment = useCallback(function (segment) {
+        if (segment === 'seconds' && format === 'HH:mm') {
+            return;
+        }
+        setSelectionState(segment);
+        applySelectionToInput(segment);
+    }, [applySelectionToInput, format]);
+    var selectAll = useCallback(function () {
+        setSelectionState('all');
+        applySelectionToInput('all');
+    }, [applySelectionToInput]);
+    var syncSelectionWithDOM = useCallback(function () {
+        var _a;
+        if (!((_a = getInput()) === null || _a === void 0 ? void 0 : _a.isAllSelected())) {
+            return false;
+        }
+        setSelectionState('all');
+        return true;
+    }, [getInput]);
+    useLayoutEffect(function () {
+        if (!isInputFocused || !getInput()) {
+            return;
+        }
+        applySelectionToInput(selection);
+    }, [applySelectionToInput, displayValue, getInput, isInputFocused, selection]);
+    return {
+        selection: selection,
+        selectedSegment: selectedSegment,
+        selectSegment: selectSegment,
+        selectAll: selectAll,
+        syncSelectionWithDOM: syncSelectionWithDOM,
+    };
+};
+//# sourceMappingURL=useTimePickerSelection.js.map

package/internal/TimePicker/useTimePickerSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimePickerSelection.js","sourceRoot":"","sources":["useTimePickerSelection.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useLayoutEffect, useState } from 'react';\n\nimport type { TimeFormat, TimeSegment } from '../../components/TimePicker/helpers/TimePicker.shared.js';\nimport type { TimeInputRef } from '../TimeInput/index.js';\n\ntype TimePickerSelection = TimeSegment | 'all';\n\ninterface UseTimePickerSelectionOptions {\n  isInputFocused: boolean;\n  format: TimeFormat;\n  getInput: () => TimeInputRef | null;\n  displayValue: string;\n}\ninterface UseTimePickerSelectionResult {\n  selection: TimePickerSelection;\n  selectedSegment: TimeSegment;\n  selectSegment: (segment: TimeSegment) => void;\n  selectAll: () => void;\n  syncSelectionWithDOM: () => boolean;\n}\nexport const useTimePickerSelection = (options: UseTimePickerSelectionOptions): UseTimePickerSelectionResult => {\n  const { isInputFocused, format, displayValue, getInput } = options;\n\n  const [selection, setSelectionState] = useState<TimePickerSelection>('hours');\n\n  const selectedSegment = selection === 'all' ? 'hours' : selection;\n\n  const applySelectionToInput = useCallback(\n    (nextSelection: TimePickerSelection) => {\n      const currentInput = getInput();\n\n      if (!currentInput) {\n        return;\n      }\n\n      const node = currentInput.getNode();\n      const isInputActive = node?.ownerDocument.activeElement === node;\n\n      const applySelection = (input: TimeInputRef) => {\n        if (nextSelection === 'all') {\n          input.selectAll();\n          return;\n        }\n\n        input.selectSegment(nextSelection);\n      };\n\n      if (isInputActive) {\n        applySelection(currentInput);\n        return;\n      }\n\n      setTimeout(() => {\n        const nextInput = getInput();\n\n        if (!nextInput) {\n          return;\n        }\n\n        nextInput.focus();\n        applySelection(nextInput);\n      }, 0);\n    },\n    [getInput],\n  );\n\n  const selectSegment = useCallback(\n    (segment: TimeSegment) => {\n      if (segment === 'seconds' && format === 'HH:mm') {\n        return;\n      }\n\n      setSelectionState(segment);\n      applySelectionToInput(segment);\n    },\n    [applySelectionToInput, format],\n  );\n\n  const selectAll = useCallback(() => {\n    setSelectionState('all');\n    applySelectionToInput('all');\n  }, [applySelectionToInput]);\n\n  const syncSelectionWithDOM = useCallback(() => {\n    if (!getInput()?.isAllSelected()) {\n      return false;\n    }\n\n    setSelectionState('all');\n    return true;\n  }, [getInput]);\n\n  useLayoutEffect(() => {\n    if (!isInputFocused || !getInput()) {\n      return;\n    }\n\n    applySelectionToInput(selection);\n  }, [applySelectionToInput, displayValue, getInput, isInputFocused, selection]);\n\n  return {\n    selection,\n    selectedSegment,\n    selectSegment,\n    selectAll,\n    syncSelectionWithDOM,\n  };\n};\n"]}

package/internal/TimePicker/useTimePickerSource.d.ts

@@ -0,0 +1,29 @@
+import type { TimeFormat, TimeItemValue, TimePickerExtendedItem, TimePickerSource } from '../../components/TimePicker/helpers/TimePicker.shared.js';
+interface UseTimePickerSourceOptions<T extends TimeItemValue> {
+    source?: TimePickerSource<T>;
+    format: TimeFormat;
+    isDropdownOpened: boolean;
+    /** Текущий запрос: введенные цифры сегментов с сохранением их позиций. */
+    filterQuery: string;
+}
+interface UseTimePickerSourceResult<T extends TimeItemValue> {
+    /** Элементы источника, готовые к фильтрации и отрисовке. */
+    items: Array<TimePickerExtendedItem<T>>;
+    /** Запрос, для которого получены текущие элементы функции-источника. */
+    fetchedQuery: string | null;
+    isLoading: boolean;
+    isFailed: boolean;
+    retry: () => void;
+}
+/**
+ * Отдает элементы выпадающего списка из массива или функции-источника.
+ *
+ * Функция вызывается только для открытого меню и на каждый новый запрос;
+ * ответ на устаревший запрос отбрасывается, а отказ можно повторить через `retry`.
+ * При закрытии меню результаты функции сбрасываются, чтобы следующее открытие
+ * не показывало элементы для старого запроса.
+ * Замена самой функции уже открытый список не перезапрашивает: актуальная функция
+ * используется при следующем запросе.
+ */
+export declare const useTimePickerSource: <T extends TimeItemValue>(options: UseTimePickerSourceOptions<T>) => UseTimePickerSourceResult<T>;
+export {};

package/internal/TimePicker/useTimePickerSource.js

@@ -0,0 +1,67 @@
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { sanitizeTimeItems } from '../../components/TimePicker/helpers/TimePicker.value.js';
+/** Общая пустая коллекция элементов: не создает новую ссылку на каждый рендер. */
+var EMPTY_ITEMS = [];
+/**
+ * Отдает элементы выпадающего списка из массива или функции-источника.
+ *
+ * Функция вызывается только для открытого меню и на каждый новый запрос;
+ * ответ на устаревший запрос отбрасывается, а отказ можно повторить через `retry`.
+ * При закрытии меню результаты функции сбрасываются, чтобы следующее открытие
+ * не показывало элементы для старого запроса.
+ * Замена самой функции уже открытый список не перезапрашивает: актуальная функция
+ * используется при следующем запросе.
+ */
+export var useTimePickerSource = function (options) {
+    var source = options.source, format = options.format, isDropdownOpened = options.isDropdownOpened, filterQuery = options.filterQuery;
+    var isSourceFunction = typeof source === 'function';
+    var _a = useState([]), fetchedItems = _a[0], setFetchedItems = _a[1];
+    var _b = useState(null), fetchedQuery = _b[0], setFetchedQuery = _b[1];
+    var _c = useState(false), isLoading = _c[0], setIsLoading = _c[1];
+    var _d = useState(false), isFailed = _d[0], setIsFailed = _d[1];
+    var _e = useState(0), requestVersion = _e[0], setRequestVersion = _e[1];
+    var sourceRef = useRef(source);
+    sourceRef.current = source;
+    useEffect(function () {
+        var currentSource = sourceRef.current;
+        if (typeof currentSource !== 'function' || !isDropdownOpened) {
+            setIsLoading(false);
+            setIsFailed(false);
+            return;
+        }
+        var cancelled = false;
+        setIsLoading(true);
+        setIsFailed(false);
+        new Promise(function (resolve) { return resolve(currentSource(filterQuery)); }).then(function (nextItems) {
+            if (!cancelled) {
+                setFetchedItems(nextItems);
+                setFetchedQuery(filterQuery);
+                setIsLoading(false);
+                setIsFailed(false);
+            }
+        }, function () {
+            if (!cancelled) {
+                setFetchedItems([]);
+                setFetchedQuery(null);
+                setIsLoading(false);
+                setIsFailed(true);
+            }
+        });
+        return function () {
+            cancelled = true;
+        };
+    }, [filterQuery, isDropdownOpened, isSourceFunction, requestVersion]);
+    useEffect(function () {
+        if (isDropdownOpened || !isSourceFunction) {
+            return;
+        }
+        setFetchedItems(EMPTY_ITEMS);
+        setFetchedQuery(null);
+    }, [isDropdownOpened, isSourceFunction]);
+    // Ссылка стабильна и без мемоизации: у массива это он сам, у функции — общая пустая коллекция.
+    var sourceItems = Array.isArray(source) ? source : EMPTY_ITEMS;
+    var items = useMemo(function () { return sanitizeTimeItems(isSourceFunction ? fetchedItems : sourceItems, format); }, [fetchedItems, format, isSourceFunction, sourceItems]);
+    var retry = useCallback(function () { return setRequestVersion(function (version) { return version + 1; }); }, []);
+    return { items: items, fetchedQuery: fetchedQuery, isLoading: isLoading, isFailed: isFailed, retry: retry };
+};
+//# sourceMappingURL=useTimePickerSource.js.map

package/internal/TimePicker/useTimePickerSource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimePickerSource.js","sourceRoot":"","sources":["useTimePickerSource.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport type {\n  TimeFormat,\n  TimeItemValue,\n  TimePickerExtendedItem,\n  TimePickerSource,\n} from '../../components/TimePicker/helpers/TimePicker.shared.js';\nimport { sanitizeTimeItems } from '../../components/TimePicker/helpers/TimePicker.value.js';\n\n/** Общая пустая коллекция элементов: не создает новую ссылку на каждый рендер. */\nconst EMPTY_ITEMS: never[] = [];\n\ninterface UseTimePickerSourceOptions<T extends TimeItemValue> {\n  source?: TimePickerSource<T>;\n  format: TimeFormat;\n  isDropdownOpened: boolean;\n  /** Текущий запрос: введенные цифры сегментов с сохранением их позиций. */\n  filterQuery: string;\n}\n\ninterface UseTimePickerSourceResult<T extends TimeItemValue> {\n  /** Элементы источника, готовые к фильтрации и отрисовке. */\n  items: Array<TimePickerExtendedItem<T>>;\n  /** Запрос, для которого получены текущие элементы функции-источника. */\n  fetchedQuery: string | null;\n  isLoading: boolean;\n  isFailed: boolean;\n  retry: () => void;\n}\n\n/**\n * Отдает элементы выпадающего списка из массива или функции-источника.\n *\n * Функция вызывается только для открытого меню и на каждый новый запрос;\n * ответ на устаревший запрос отбрасывается, а отказ можно повторить через `retry`.\n * При закрытии меню результаты функции сбрасываются, чтобы следующее открытие\n * не показывало элементы для старого запроса.\n * Замена самой функции уже открытый список не перезапрашивает: актуальная функция\n * используется при следующем запросе.\n */\nexport const useTimePickerSource = <T extends TimeItemValue>(\n  options: UseTimePickerSourceOptions<T>,\n): UseTimePickerSourceResult<T> => {\n  const { source, format, isDropdownOpened, filterQuery } = options;\n\n  const isSourceFunction = typeof source === 'function';\n\n  const [fetchedItems, setFetchedItems] = useState<Array<TimePickerExtendedItem<T>>>([]);\n  const [fetchedQuery, setFetchedQuery] = useState<string | null>(null);\n  const [isLoading, setIsLoading] = useState(false);\n  const [isFailed, setIsFailed] = useState(false);\n  const [requestVersion, setRequestVersion] = useState(0);\n\n  const sourceRef = useRef(source);\n  sourceRef.current = source;\n\n  useEffect(() => {\n    const currentSource = sourceRef.current;\n\n    if (typeof currentSource !== 'function' || !isDropdownOpened) {\n      setIsLoading(false);\n      setIsFailed(false);\n      return;\n    }\n\n    let cancelled = false;\n\n    setIsLoading(true);\n    setIsFailed(false);\n\n    new Promise<Array<TimePickerExtendedItem<T>>>((resolve) => resolve(currentSource(filterQuery))).then(\n      (nextItems) => {\n        if (!cancelled) {\n          setFetchedItems(nextItems);\n          setFetchedQuery(filterQuery);\n          setIsLoading(false);\n          setIsFailed(false);\n        }\n      },\n      () => {\n        if (!cancelled) {\n          setFetchedItems([]);\n          setFetchedQuery(null);\n          setIsLoading(false);\n          setIsFailed(true);\n        }\n      },\n    );\n\n    return () => {\n      cancelled = true;\n    };\n  }, [filterQuery, isDropdownOpened, isSourceFunction, requestVersion]);\n\n  useEffect(() => {\n    if (isDropdownOpened || !isSourceFunction) {\n      return;\n    }\n\n    setFetchedItems(EMPTY_ITEMS);\n    setFetchedQuery(null);\n  }, [isDropdownOpened, isSourceFunction]);\n\n  // Ссылка стабильна и без мемоизации: у массива это он сам, у функции — общая пустая коллекция.\n  const sourceItems = Array.isArray(source) ? source : EMPTY_ITEMS;\n\n  const items = useMemo(\n    () => sanitizeTimeItems(isSourceFunction ? fetchedItems : sourceItems, format),\n    [fetchedItems, format, isSourceFunction, sourceItems],\n  );\n\n  const retry = useCallback(() => setRequestVersion((version) => version + 1), []);\n\n  return { items, fetchedQuery, isLoading, isFailed, retry };\n};\n"]}

package/internal/TimePicker/useTimePickerValue.d.ts

@@ -0,0 +1,35 @@
+import type { RefObject } from 'react';
+import type { TimeFormat } from '../../components/TimePicker/helpers/TimePicker.shared.js';
+interface UseTimePickerValueOptions {
+    isInputFocused: boolean;
+    /** Внешнее значение, приведенное к строке времени. */
+    externalValue: string;
+    /**
+     * Значением управляет родитель: проп `value` задан.
+     * Если проп не задан, компонент неконтролируемый и хранит значение сам,
+     * поэтому внешнее пустое значение не должно затирать введенное пользователем.
+     */
+    isValueControlled: boolean;
+    format: TimeFormat;
+    /** Вызывается при коммите значения: получает нормализованное время. */
+    onCommitValue?(value: string): void;
+    onInputValueChange?(value: string): void;
+}
+interface UseTimePickerValueResult {
+    editingValue: string;
+    editingValueRef: RefObject<string>;
+    /**
+     * Последнее закоммиченное время в нормализованной форме.
+     * Правка значения его не меняет, поэтому в меню отмечено выбранным именно значение поля,
+     * а не время, которое пользователь набирает.
+     */
+    committedValue: string;
+    updateEditingValue(value: string): void;
+    commitEditingValue(): void;
+    /** Коммитит значение, введенное пользователем. Не эмитит повторно то же самое время. */
+    commitValue(value: string): void;
+    /** Коммитит время, выбранное в выпадающем меню. Эмитит всегда, так как это явное действие пользователя. */
+    commitSelectedValue(value: string): void;
+}
+export declare const useTimePickerValue: (options: UseTimePickerValueOptions) => UseTimePickerValueResult;
+export {};

package/internal/TimePicker/useTimePickerValue.js

@@ -0,0 +1,94 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+import warning from 'warning';
+import { getExternalTimeDisplayValue, normalizeTimeValue, serializeTimeValue, } from '../../components/TimePicker/helpers/TimePicker.value.js';
+export var useTimePickerValue = function (options) {
+    var externalValue = options.externalValue, isValueControlled = options.isValueControlled, format = options.format, isInputFocused = options.isInputFocused, onCommitValue = options.onCommitValue, onInputValueChange = options.onInputValueChange;
+    var externalEditingValue = getExternalTimeDisplayValue(externalValue, format);
+    var _a = useState(externalEditingValue), editingValue = _a[0], setEditingValueState = _a[1];
+    var _b = useState(function () { return normalizeTimeValue(externalValue, format); }), committedValue = _b[0], setCommittedValue = _b[1];
+    var editingValueRef = useRef(editingValue);
+    /** Последнее значение, отданное в `onInputValueChange`, — как есть, без нормализации. */
+    var emittedInputValueRef = useRef(externalValue);
+    /**
+     * Последнее закоммиченное время в нормализованной форме.
+     * Форма именно нормализованная, иначе внешнее `9:00` или `09:00:00` в формате `HH:mm`
+     * выглядело бы как изменение и поле коммитило бы его заново, собирая элемент вместо исходного.
+     */
+    var emittedValueRef = useRef(externalValue);
+    var syncEmittedValues = useCallback(function (nextValue) {
+        emittedInputValueRef.current = nextValue;
+        emittedValueRef.current = normalizeTimeValue(nextValue, format);
+    }, [format]);
+    var setEditingValue = useCallback(function (nextEditingValue) {
+        editingValueRef.current = nextEditingValue;
+        setEditingValueState(nextEditingValue);
+    }, []);
+    var emitInputValue = useCallback(function (nextValue) {
+        if (emittedInputValueRef.current !== nextValue) {
+            emittedInputValueRef.current = nextValue;
+            onInputValueChange === null || onInputValueChange === void 0 ? void 0 : onInputValueChange(nextValue);
+        }
+    }, [onInputValueChange]);
+    var emitValue = useCallback(function (nextValue) {
+        emittedInputValueRef.current = nextValue;
+        emittedValueRef.current = nextValue;
+        onCommitValue === null || onCommitValue === void 0 ? void 0 : onCommitValue(nextValue);
+    }, [onCommitValue]);
+    var updateEditingValue = useCallback(function (nextEditingValue) {
+        setEditingValue(nextEditingValue);
+        emitInputValue(serializeTimeValue(nextEditingValue, format));
+    }, [emitInputValue, format, setEditingValue]);
+    var commitValue = useCallback(function (nextValue) {
+        var normalizedValue = normalizeTimeValue(nextValue, format);
+        setEditingValue(normalizedValue);
+        setCommittedValue(normalizedValue);
+        if (emittedValueRef.current !== normalizedValue) {
+            emitValue(normalizedValue);
+        }
+    }, [emitValue, format, setEditingValue]);
+    var commitSelectedValue = useCallback(function (nextValue) {
+        var normalizedValue = normalizeTimeValue(nextValue, format);
+        setEditingValue(normalizedValue);
+        setCommittedValue(normalizedValue);
+        emitValue(normalizedValue);
+    }, [emitValue, format, setEditingValue]);
+    var commitEditingValue = useCallback(function () {
+        commitValue(editingValueRef.current);
+    }, [commitValue, editingValueRef]);
+    var initialIsValueControlledRef = useRef(isValueControlled);
+    useEffect(function () {
+        warning(initialIsValueControlledRef.current === isValueControlled, isValueControlled
+            ? '[TimePicker]: a component is changing an uncontrolled value to be controlled. ' +
+                'Decide between using a controlled or uncontrolled value for the lifetime of the component.'
+            : '[TimePicker]: a component is changing a controlled value to be uncontrolled. ' +
+                'Pass an empty string or null instead of undefined to keep the value controlled.');
+    }, [isValueControlled]);
+    useEffect(function () {
+        if (!isValueControlled) {
+            return;
+        }
+        if (!isInputFocused || externalValue !== emittedInputValueRef.current) {
+            setEditingValue(externalEditingValue);
+        }
+        setCommittedValue(normalizeTimeValue(externalValue, format));
+        syncEmittedValues(externalValue);
+    }, [
+        externalEditingValue,
+        externalValue,
+        format,
+        isInputFocused,
+        isValueControlled,
+        setEditingValue,
+        syncEmittedValues,
+    ]);
+    return {
+        editingValue: editingValue,
+        editingValueRef: editingValueRef,
+        committedValue: committedValue,
+        updateEditingValue: updateEditingValue,
+        commitEditingValue: commitEditingValue,
+        commitValue: commitValue,
+        commitSelectedValue: commitSelectedValue,
+    };
+};
+//# sourceMappingURL=useTimePickerValue.js.map

package/internal/TimePicker/useTimePickerValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimePickerValue.js","sourceRoot":"","sources":["useTimePickerValue.ts"],"names":[],"mappings":"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","sourcesContent":["import type { RefObject } from 'react';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport warning from 'warning';\n\nimport type { TimeFormat } from '../../components/TimePicker/helpers/TimePicker.shared.js';\nimport {\n  getExternalTimeDisplayValue,\n  normalizeTimeValue,\n  serializeTimeValue,\n} from '../../components/TimePicker/helpers/TimePicker.value.js';\n\ninterface UseTimePickerValueOptions {\n  isInputFocused: boolean;\n  /** Внешнее значение, приведенное к строке времени. */\n  externalValue: string;\n  /**\n   * Значением управляет родитель: проп `value` задан.\n   * Если проп не задан, компонент неконтролируемый и хранит значение сам,\n   * поэтому внешнее пустое значение не должно затирать введенное пользователем.\n   */\n  isValueControlled: boolean;\n  format: TimeFormat;\n  /** Вызывается при коммите значения: получает нормализованное время. */\n  onCommitValue?(value: string): void;\n  onInputValueChange?(value: string): void;\n}\n\ninterface UseTimePickerValueResult {\n  editingValue: string;\n  editingValueRef: RefObject<string>;\n  /**\n   * Последнее закоммиченное время в нормализованной форме.\n   * Правка значения его не меняет, поэтому в меню отмечено выбранным именно значение поля,\n   * а не время, которое пользователь набирает.\n   */\n  committedValue: string;\n  updateEditingValue(value: string): void;\n  commitEditingValue(): void;\n  /** Коммитит значение, введенное пользователем. Не эмитит повторно то же самое время. */\n  commitValue(value: string): void;\n  /** Коммитит время, выбранное в выпадающем меню. Эмитит всегда, так как это явное действие пользователя. */\n  commitSelectedValue(value: string): void;\n}\n\nexport const useTimePickerValue = (options: UseTimePickerValueOptions): UseTimePickerValueResult => {\n  const { externalValue, isValueControlled, format, isInputFocused, onCommitValue, onInputValueChange } = options;\n\n  const externalEditingValue = getExternalTimeDisplayValue(externalValue, format);\n\n  const [editingValue, setEditingValueState] = useState<string>(externalEditingValue);\n  const [committedValue, setCommittedValue] = useState<string>(() => normalizeTimeValue(externalValue, format));\n\n  const editingValueRef = useRef(editingValue);\n  /** Последнее значение, отданное в `onInputValueChange`, — как есть, без нормализации. */\n  const emittedInputValueRef = useRef(externalValue);\n  /**\n   * Последнее закоммиченное время в нормализованной форме.\n   * Форма именно нормализованная, иначе внешнее `9:00` или `09:00:00` в формате `HH:mm`\n   * выглядело бы как изменение и поле коммитило бы его заново, собирая элемент вместо исходного.\n   */\n  const emittedValueRef = useRef(externalValue);\n\n  const syncEmittedValues = useCallback(\n    (nextValue: string) => {\n      emittedInputValueRef.current = nextValue;\n      emittedValueRef.current = normalizeTimeValue(nextValue, format);\n    },\n    [format],\n  );\n\n  const setEditingValue = useCallback((nextEditingValue: string) => {\n    editingValueRef.current = nextEditingValue;\n    setEditingValueState(nextEditingValue);\n  }, []);\n\n  const emitInputValue = useCallback(\n    (nextValue: string) => {\n      if (emittedInputValueRef.current !== nextValue) {\n        emittedInputValueRef.current = nextValue;\n        onInputValueChange?.(nextValue);\n      }\n    },\n    [onInputValueChange],\n  );\n\n  const emitValue = useCallback(\n    (nextValue: string) => {\n      emittedInputValueRef.current = nextValue;\n      emittedValueRef.current = nextValue;\n      onCommitValue?.(nextValue);\n    },\n    [onCommitValue],\n  );\n\n  const updateEditingValue = useCallback(\n    (nextEditingValue: string) => {\n      setEditingValue(nextEditingValue);\n      emitInputValue(serializeTimeValue(nextEditingValue, format));\n    },\n    [emitInputValue, format, setEditingValue],\n  );\n\n  const commitValue = useCallback(\n    (nextValue: string) => {\n      const normalizedValue = normalizeTimeValue(nextValue, format);\n\n      setEditingValue(normalizedValue);\n      setCommittedValue(normalizedValue);\n\n      if (emittedValueRef.current !== normalizedValue) {\n        emitValue(normalizedValue);\n      }\n    },\n    [emitValue, format, setEditingValue],\n  );\n\n  const commitSelectedValue = useCallback(\n    (nextValue: string) => {\n      const normalizedValue = normalizeTimeValue(nextValue, format);\n\n      setEditingValue(normalizedValue);\n      setCommittedValue(normalizedValue);\n      emitValue(normalizedValue);\n    },\n    [emitValue, format, setEditingValue],\n  );\n\n  const commitEditingValue = useCallback(() => {\n    commitValue(editingValueRef.current);\n  }, [commitValue, editingValueRef]);\n\n  const initialIsValueControlledRef = useRef(isValueControlled);\n\n  useEffect(() => {\n    warning(\n      initialIsValueControlledRef.current === isValueControlled,\n      isValueControlled\n        ? '[TimePicker]: a component is changing an uncontrolled value to be controlled. ' +\n            'Decide between using a controlled or uncontrolled value for the lifetime of the component.'\n        : '[TimePicker]: a component is changing a controlled value to be uncontrolled. ' +\n            'Pass an empty string or null instead of undefined to keep the value controlled.',\n    );\n  }, [isValueControlled]);\n\n  useEffect(() => {\n    if (!isValueControlled) {\n      return;\n    }\n\n    if (!isInputFocused || externalValue !== emittedInputValueRef.current) {\n      setEditingValue(externalEditingValue);\n    }\n\n    setCommittedValue(normalizeTimeValue(externalValue, format));\n    syncEmittedValues(externalValue);\n  }, [\n    externalEditingValue,\n    externalValue,\n    format,\n    isInputFocused,\n    isValueControlled,\n    setEditingValue,\n    syncEmittedValues,\n  ]);\n\n  return {\n    editingValue,\n    editingValueRef,\n    committedValue,\n    updateEditingValue,\n    commitEditingValue,\n    commitValue,\n    commitSelectedValue,\n  };\n};\n"]}

package/internal/icons2022/TimeClockIcon/TimeClockIcon16Light.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from '../BaseIcon.js';
+export declare const TimeClockIcon16Light: import("../../../lib/forwardRefAndName.js").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/TimeClockIcon/TimeClockIcon16Light.js

@@ -0,0 +1,20 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import { forwardRefAndName } from '../../../lib/forwardRefAndName.js';
+import { BaseIcon } from '../BaseIcon.js';
+export var TimeClockIcon16Light = forwardRefAndName('TimeClockIcon16Light', function (props, ref) {
+    return (React.createElement(BaseIcon, __assign({ ref: ref }, props),
+        React.createElement("path", { d: "M8 4.40234C8 4.1262 7.77614 3.90234 7.5 3.90234C7.22386 3.90234 7 4.1262 7 4.40234V6.7274C7 7.39025 7.3745 7.99621 7.96738 8.29265L10.2764 9.44716C10.5234 9.57065 10.8237 9.47054 10.9472 9.22355C11.0707 8.97656 10.9706 8.67623 10.7236 8.55273L8.41459 7.39822C8.1605 7.27118 8 7.01148 8 6.7274V4.40234Z" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.5 1C3.91015 1 1 3.91015 1 7.5C1 11.0899 3.91015 14 7.5 14C11.0899 14 14 11.0899 14 7.5C14 3.91015 11.0899 1 7.5 1ZM2 7.5C2 4.46243 4.46243 2 7.5 2C10.5376 2 13 4.46243 13 7.5C13 10.5376 10.5376 13 7.5 13C4.46243 13 2 10.5376 2 7.5Z" })));
+});
+//# sourceMappingURL=TimeClockIcon16Light.js.map

package/internal/icons2022/TimeClockIcon/TimeClockIcon16Light.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeClockIcon16Light.js","sourceRoot":"","sources":["TimeClockIcon16Light.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,MAAM,CAAC,IAAM,oBAAoB,GAAG,iBAAiB,CACnD,sBAAsB,EACtB,UAAC,KAAK,EAAE,GAAG;IACT,OAAO,CACL,oBAAC,QAAQ,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK;QAC3B,8BAAM,CAAC,EAAC,+SAA+S,GAAG;QAC1T,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,4OAA4O,GAC9O,CACO,CACZ,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName.js';\nimport type { IconProps } from '../BaseIcon.js';\nimport { BaseIcon } from '../BaseIcon.js';\n\nexport const TimeClockIcon16Light = forwardRefAndName<SVGSVGElement, IconProps>(\n  'TimeClockIcon16Light',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} {...props}>\n        <path d=\"M8 4.40234C8 4.1262 7.77614 3.90234 7.5 3.90234C7.22386 3.90234 7 4.1262 7 4.40234V6.7274C7 7.39025 7.3745 7.99621 7.96738 8.29265L10.2764 9.44716C10.5234 9.57065 10.8237 9.47054 10.9472 9.22355C11.0707 8.97656 10.9706 8.67623 10.7236 8.55273L8.41459 7.39822C8.1605 7.27118 8 7.01148 8 6.7274V4.40234Z\" />\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M7.5 1C3.91015 1 1 3.91015 1 7.5C1 11.0899 3.91015 14 7.5 14C11.0899 14 14 11.0899 14 7.5C14 3.91015 11.0899 1 7.5 1ZM2 7.5C2 4.46243 4.46243 2 7.5 2C10.5376 2 13 4.46243 13 7.5C13 10.5376 10.5376 13 7.5 13C4.46243 13 2 10.5376 2 7.5Z\"\n        />\n      </BaseIcon>\n    );\n  },\n);\n"]}

package/internal/icons2022/TimeClockIcon/TimeClockIcon20Light.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from '../BaseIcon.js';
+export declare const TimeClockIcon20Light: import("../../../lib/forwardRefAndName.js").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/TimeClockIcon/TimeClockIcon20Light.js

@@ -0,0 +1,20 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import { forwardRefAndName } from '../../../lib/forwardRefAndName.js';
+import { BaseIcon } from '../BaseIcon.js';
+export var TimeClockIcon20Light = forwardRefAndName('TimeClockIcon20Light', function (props, ref) {
+    return (React.createElement(BaseIcon, __assign({ ref: ref, viewBoxSize: 20 }, props),
+        React.createElement("path", { d: "M10.0033 6.50463C10.0033 6.22849 9.77943 6.00464 9.50329 6.00464C9.22715 6.00464 9.00329 6.2285 9.0033 6.50464L9.00332 9.47699C9.00332 10.1394 9.3774 10.7451 9.96974 11.0417L12.7761 12.4471C13.023 12.5707 13.3234 12.4708 13.4471 12.2239C13.5707 11.977 13.4708 11.6766 13.2239 11.5529L10.4175 10.1476C10.1636 10.0205 10.0033 9.76089 10.0033 9.47698L10.0033 6.50463Z" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2ZM3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10Z" })));
+});
+//# sourceMappingURL=TimeClockIcon20Light.js.map

package/internal/icons2022/TimeClockIcon/TimeClockIcon20Light.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeClockIcon20Light.js","sourceRoot":"","sources":["TimeClockIcon20Light.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,MAAM,CAAC,IAAM,oBAAoB,GAAG,iBAAiB,CACnD,sBAAsB,EACtB,UAAC,KAAK,EAAE,GAAG;IACT,OAAO,CACL,oBAAC,QAAQ,aAAC,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,EAAE,IAAM,KAAK;QAC5C,8BAAM,CAAC,EAAC,8WAA8W,GAAG;QACzX,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,8NAA8N,GAChO,CACO,CACZ,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName.js';\nimport type { IconProps } from '../BaseIcon.js';\nimport { BaseIcon } from '../BaseIcon.js';\n\nexport const TimeClockIcon20Light = forwardRefAndName<SVGSVGElement, IconProps>(\n  'TimeClockIcon20Light',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} viewBoxSize={20} {...props}>\n        <path d=\"M10.0033 6.50463C10.0033 6.22849 9.77943 6.00464 9.50329 6.00464C9.22715 6.00464 9.00329 6.2285 9.0033 6.50464L9.00332 9.47699C9.00332 10.1394 9.3774 10.7451 9.96974 11.0417L12.7761 12.4471C13.023 12.5707 13.3234 12.4708 13.4471 12.2239C13.5707 11.977 13.4708 11.6766 13.2239 11.5529L10.4175 10.1476C10.1636 10.0205 10.0033 9.76089 10.0033 9.47698L10.0033 6.50463Z\" />\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2ZM3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10Z\"\n        />\n      </BaseIcon>\n    );\n  },\n);\n"]}

package/internal/icons2022/TimeClockIcon/TimeClockIcon24Regular.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from '../BaseIcon.js';
+export declare const TimeClockIcon24Regular: import("../../../lib/forwardRefAndName.js").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/TimeClockIcon/TimeClockIcon24Regular.js

@@ -0,0 +1,20 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import { forwardRefAndName } from '../../../lib/forwardRefAndName.js';
+import { BaseIcon } from '../BaseIcon.js';
+export var TimeClockIcon24Regular = forwardRefAndName('TimeClockIcon24Regular', function (props, ref) {
+    return (React.createElement(BaseIcon, __assign({ ref: ref, viewBoxSize: 24 }, props),
+        React.createElement("path", { d: "M12.5 7.3125C12.5 6.89829 12.1642 6.5625 11.75 6.5625C11.3358 6.5625 11 6.89829 11 7.3125V11.2604C11 12.1127 11.4815 12.8918 12.2438 13.2729L15.5396 14.9208C15.9101 15.1061 16.3606 14.9559 16.5458 14.5854C16.7311 14.2149 16.5809 13.7644 16.2104 13.5792L12.9146 11.9313C12.6605 11.8042 12.5 11.5445 12.5 11.2604V7.3125Z" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25ZM3.75 12C3.75 7.44365 7.44365 3.75 12 3.75C16.5563 3.75 20.25 7.44365 20.25 12C20.25 16.5563 16.5563 20.25 12 20.25C7.44365 20.25 3.75 16.5563 3.75 12Z" })));
+});
+//# sourceMappingURL=TimeClockIcon24Regular.js.map

package/internal/icons2022/TimeClockIcon/TimeClockIcon24Regular.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeClockIcon24Regular.js","sourceRoot":"","sources":["TimeClockIcon24Regular.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,MAAM,CAAC,IAAM,sBAAsB,GAAG,iBAAiB,CACrD,wBAAwB,EACxB,UAAC,KAAK,EAAE,GAAG;IACT,OAAO,CACL,oBAAC,QAAQ,aAAC,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,EAAE,IAAM,KAAK;QAC5C,8BAAM,CAAC,EAAC,gUAAgU,GAAG;QAC3U,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gTAAgT,GAClT,CACO,CACZ,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName.js';\nimport type { IconProps } from '../BaseIcon.js';\nimport { BaseIcon } from '../BaseIcon.js';\n\nexport const TimeClockIcon24Regular = forwardRefAndName<SVGSVGElement, IconProps>(\n  'TimeClockIcon24Regular',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} viewBoxSize={24} {...props}>\n        <path d=\"M12.5 7.3125C12.5 6.89829 12.1642 6.5625 11.75 6.5625C11.3358 6.5625 11 6.89829 11 7.3125V11.2604C11 12.1127 11.4815 12.8918 12.2438 13.2729L15.5396 14.9208C15.9101 15.1061 16.3606 14.9559 16.5458 14.5854C16.7311 14.2149 16.5809 13.7644 16.2104 13.5792L12.9146 11.9313C12.6605 11.8042 12.5 11.5445 12.5 11.2604V7.3125Z\" />\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25ZM3.75 12C3.75 7.44365 7.44365 3.75 12 3.75C16.5563 3.75 20.25 7.44365 20.25 12C20.25 16.5563 16.5563 20.25 12 20.25C7.44365 20.25 3.75 16.5563 3.75 12Z\"\n        />\n      </BaseIcon>\n    );\n  },\n);\n"]}

package/internal/themes/BasicTheme.d.ts

@@ -764,6 +764,40 @@ export declare class BasicThemeClass {
     static mobileCalendarCellFontSize: string;
     static mobileCalendarGridRowSpacing: string;
     static mobileCalendarWrapperHeight: string;
+    static timePickerItemGapSmall: string;
+    static timePickerItemGapMedium: string;
+    static timePickerItemGapLarge: string;
+    static timePickerSuffixGapSmall: string;
+    static timePickerSuffixGapMedium: string;
+    static timePickerSuffixGapLarge: string;
+    static timePickerInputMinWidthSmall: string;
+    static timePickerInputMinWidthMedium: string;
+    static timePickerInputMinWidthLarge: string;
+    static timePickerInputMinWidthWithSecondsSmall: string;
+    static timePickerInputMinWidthWithSecondsMedium: string;
+    static timePickerInputMinWidthWithSecondsLarge: string;
+    static timePickerInputMinWidthWithIconSmall: string;
+    static timePickerInputMinWidthWithIconMedium: string;
+    static timePickerInputMinWidthWithIconLarge: string;
+    static timePickerInputMinWidthWithIconAndSecondsSmall: string;
+    static timePickerInputMinWidthWithIconAndSecondsMedium: string;
+    static timePickerInputMinWidthWithIconAndSecondsLarge: string;
+    static timePickerSeparatorOffsetTopSmall: string;
+    static timePickerSeparatorOffsetTopMedium: string;
+    static timePickerSeparatorOffsetTopLarge: string;
+    static timePickerSeparatorPaddingXSmall: string;
+    static timePickerSeparatorPaddingXMedium: string;
+    static timePickerSeparatorPaddingXLarge: string;
+    static timePickerPopupBg: string;
+    static get timePickerPopupBorderRadius(): string;
+    static get timePickerPopupShadow(): string;
+    static get timePickerMaskColor(): string;
+    static timePickerSelectedBgColor: string;
+    static timePickerSelectedTextColor: string;
+    static get timePickerMenuOffsetY(): string;
+    static get timePickerMenuMaxHeightSmall(): string;
+    static get timePickerMenuMaxHeightMedium(): string;
+    static get timePickerMenuMaxHeightLarge(): string;
     static rangeCalendarCellBg: string;
     static rangeCalendarCellEndBg: string;
     static rangeCalendarCellEndColor: string;