@skbkontur/react-ui 6.1.1-9752b.0 → 6.1.2-bea94.0

package/components/TimePicker/hooks/useTimePickerSelection.d.ts

@@ -0,0 +1,18 @@
+import type { TimeFormat, TimeSegment } from '../helpers/TimePicker.shared.js';
+import type { TimeInputRef } from '../TimeInput.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/components/TimePicker/hooks/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 === 'minute') {
+            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/components/TimePicker/hooks/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 '../helpers/TimePicker.shared.js';\nimport type { TimeInputRef } from '../TimeInput.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 === 'minute') {\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/components/TimePicker/hooks/useTimePickerValue.d.ts

@@ -0,0 +1,18 @@
+import type { RefObject } from 'react';
+import type { TimeFormat } from '../helpers/TimePicker.shared.js';
+interface UseTimePickerValueOptions {
+    isInputFocused: boolean;
+    value?: string;
+    format: TimeFormat;
+    onValueChange?(value: string): void;
+}
+interface UseTimePickerValueResult {
+    editingValue: string;
+    editingValueRef: RefObject<string>;
+    setEditingValue(value: string): void;
+    updateEditingValue(value: string): void;
+    commitEditingValue(): string;
+    clearEditingValue(): void;
+}
+export declare const useTimePickerValue: (options: UseTimePickerValueOptions) => UseTimePickerValueResult;
+export {};

package/components/TimePicker/hooks/useTimePickerValue.js

@@ -0,0 +1,58 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { EMPTY_VALUE } from '../helpers/TimePicker.constants.js';
+import { isTimeDisplayEmpty, normalizeTimeValue } from '../helpers/TimePicker.value.js';
+export var useTimePickerValue = function (options) {
+    var value = options.value, format = options.format, isInputFocused = options.isInputFocused, onValueChange = options.onValueChange;
+    var committedValue = normalizeTimeValue(value !== null && value !== void 0 ? value : EMPTY_VALUE, format);
+    var _a = useState(committedValue), editingValue = _a[0], setEditingValueState = _a[1];
+    var editingValueRef = useRef(editingValue);
+    var emittedValueRef = useRef(committedValue);
+    var setEditingValue = useCallback(function (nextEditingValue) {
+        editingValueRef.current = nextEditingValue;
+        setEditingValueState(nextEditingValue);
+    }, []);
+    var emitValue = useCallback(function (nextValue) {
+        if (emittedValueRef.current !== nextValue) {
+            emittedValueRef.current = nextValue;
+            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(nextValue);
+        }
+    }, [onValueChange]);
+    var updateEditingValue = useCallback(function (nextEditingValue) {
+        setEditingValue(nextEditingValue);
+        emitValue(normalizeTimeValue(nextEditingValue, format));
+    }, [emitValue, format, setEditingValue]);
+    var clearEditingValue = useCallback(function () {
+        setEditingValue(EMPTY_VALUE);
+    }, [setEditingValue]);
+    var commitEditingValue = useCallback(function () {
+        var currentEditingValue = editingValueRef.current;
+        if (isTimeDisplayEmpty(currentEditingValue)) {
+            clearEditingValue();
+            return EMPTY_VALUE;
+        }
+        var nextValue = normalizeTimeValue(currentEditingValue, format);
+        setEditingValue(nextValue);
+        emitValue(nextValue);
+        return nextValue;
+    }, [clearEditingValue, editingValueRef, emitValue, format, setEditingValue]);
+    useEffect(function () {
+        if (!isInputFocused) {
+            setEditingValue(committedValue);
+        }
+        else if (committedValue !== emittedValueRef.current) {
+            setEditingValue(committedValue);
+        }
+    }, [committedValue, isInputFocused, setEditingValue]);
+    useEffect(function () {
+        emittedValueRef.current = committedValue;
+    }, [committedValue]);
+    return {
+        editingValue: editingValue,
+        editingValueRef: editingValueRef,
+        setEditingValue: setEditingValue,
+        updateEditingValue: updateEditingValue,
+        commitEditingValue: commitEditingValue,
+        clearEditingValue: clearEditingValue,
+    };
+};
+//# sourceMappingURL=useTimePickerValue.js.map

package/components/TimePicker/hooks/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';\n\nimport { EMPTY_VALUE } from '../helpers/TimePicker.constants.js';\nimport type { TimeFormat } from '../helpers/TimePicker.shared.js';\nimport { isTimeDisplayEmpty, normalizeTimeValue } from '../helpers/TimePicker.value.js';\n\ninterface UseTimePickerValueOptions {\n  isInputFocused: boolean;\n  value?: string;\n  format: TimeFormat;\n  onValueChange?(value: string): void;\n}\n\ninterface UseTimePickerValueResult {\n  editingValue: string;\n  editingValueRef: RefObject<string>;\n  setEditingValue(value: string): void;\n  updateEditingValue(value: string): void;\n  commitEditingValue(): string;\n  clearEditingValue(): void;\n}\n\nexport const useTimePickerValue = (options: UseTimePickerValueOptions): UseTimePickerValueResult => {\n  const { value, format, isInputFocused, onValueChange } = options;\n\n  const committedValue = normalizeTimeValue(value ?? EMPTY_VALUE, format);\n\n  const [editingValue, setEditingValueState] = useState<string>(committedValue);\n\n  const editingValueRef = useRef(editingValue);\n  const emittedValueRef = useRef(committedValue);\n\n  const setEditingValue = useCallback((nextEditingValue: string) => {\n    editingValueRef.current = nextEditingValue;\n    setEditingValueState(nextEditingValue);\n  }, []);\n\n  const emitValue = useCallback(\n    (nextValue: string) => {\n      if (emittedValueRef.current !== nextValue) {\n        emittedValueRef.current = nextValue;\n        onValueChange?.(nextValue);\n      }\n    },\n    [onValueChange],\n  );\n\n  const updateEditingValue = useCallback(\n    (nextEditingValue: string) => {\n      setEditingValue(nextEditingValue);\n      emitValue(normalizeTimeValue(nextEditingValue, format));\n    },\n    [emitValue, format, setEditingValue],\n  );\n\n  const clearEditingValue = useCallback(() => {\n    setEditingValue(EMPTY_VALUE);\n  }, [setEditingValue]);\n\n  const commitEditingValue = useCallback((): string => {\n    const currentEditingValue = editingValueRef.current;\n\n    if (isTimeDisplayEmpty(currentEditingValue)) {\n      clearEditingValue();\n      return EMPTY_VALUE;\n    }\n\n    const nextValue = normalizeTimeValue(currentEditingValue, format);\n\n    setEditingValue(nextValue);\n    emitValue(nextValue);\n\n    return nextValue;\n  }, [clearEditingValue, editingValueRef, emitValue, format, setEditingValue]);\n\n  useEffect(() => {\n    if (!isInputFocused) {\n      setEditingValue(committedValue);\n    } else if (committedValue !== emittedValueRef.current) {\n      setEditingValue(committedValue);\n    }\n  }, [committedValue, isInputFocused, setEditingValue]);\n\n  useEffect(() => {\n    emittedValueRef.current = committedValue;\n  }, [committedValue]);\n\n  return {\n    editingValue,\n    editingValueRef,\n    setEditingValue,\n    updateEditingValue,\n    commitEditingValue,\n    clearEditingValue,\n  };\n};\n"]}

package/components/TimePicker/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TimePicker.js';
+export type { TimeFormat, TimeSegment, TimeSlot } from './helpers/TimePicker.shared.js';

package/components/TimePicker/index.js

@@ -0,0 +1,2 @@
+export * from './TimePicker.js';
+//# sourceMappingURL=index.js.map

package/components/TimePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC","sourcesContent":["export * from './TimePicker.js';\nexport type { TimeFormat, TimeSegment, TimeSlot } from './helpers/TimePicker.shared.js';\n"]}

package/index.d.ts

@@ -39,6 +39,7 @@ export * from './components/Sticky/index.js';
 export * from './components/Switcher/index.js';
 export * from './components/Tabs/index.js';
 export * from './components/Textarea/index.js';
+export * from './components/TimePicker/index.js';
 export * from './components/Toast/index.js';
 export * from './components/SingleToast/index.js';
 export * from './components/Toggle/index.js';

package/index.js

@@ -39,6 +39,7 @@ export * from './components/Sticky/index.js';
 export * from './components/Switcher/index.js';
 export * from './components/Tabs/index.js';
 export * from './components/Textarea/index.js';
+export * from './components/TimePicker/index.js';
 export * from './components/Toast/index.js';
 export * from './components/SingleToast/index.js';
 export * from './components/Toggle/index.js';

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAC;AACnD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qCAAqC,CAAC;AACpD,cAAc,qCAAqC,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AACtD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AACnD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qCAAqC,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AACtD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kCAAkC,CAAC;AACjD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wCAAwC,CAAC;AACvD,cAAc,mCAAmC,CAAC;AAClD,cAAc,oCAAoC,CAAC;AACnD,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAE1C,OAAO,KAAK,cAAc,MAAM,gCAAgC,CAAC;AACjE,OAAO,KAAK,kBAAkB,MAAM,oCAAoC,CAAC","sourcesContent":["export * from './components/Autocomplete/index.js';\nexport * from './components/Button/index.js';\nexport * from './components/Calendar/index.js';\nexport * from './components/Center/index.js';\nexport * from './components/Checkbox/index.js';\nexport * from './components/ComboBox/index.js';\nexport * from './components/CurrencyInput/index.js';\nexport * from './components/CurrencyLabel/index.js';\nexport * from './components/DateInput/index.js';\nexport * from './components/DatePicker/index.js';\nexport * from './components/DateRangePicker/index.js';\nexport * from './components/Dropdown/index.js';\nexport * from './components/DropdownMenu/index.js';\nexport * from './components/FileUploader/index.js';\nexport * from './components/FxInput/index.js';\nexport * from './components/Gapped/index.js';\nexport * from './components/GlobalLoader/index.js';\nexport * from './components/Group/index.js';\nexport * from './components/Hint/index.js';\nexport * from './components/Input/index.js';\nexport * from './components/Kebab/index.js';\nexport * from './components/Link/index.js';\nexport * from './components/Loader/index.js';\nexport * from './components/MenuFooter/index.js';\nexport * from './components/MenuHeader/index.js';\nexport * from './components/MenuItem/index.js';\nexport * from './components/MenuSeparator/index.js';\nexport * from './components/MiniModal/index.js';\nexport * from './components/Modal/index.js';\nexport * from './components/Paging/index.js';\nexport * from './components/PasswordInput/index.js';\nexport * from './components/Radio/index.js';\nexport * from './components/RadioGroup/index.js';\nexport * from './components/ScrollContainer/index.js';\nexport * from './components/Select/index.js';\nexport * from './components/SidePage/index.js';\nexport * from './components/Spinner/index.js';\nexport * from './components/Sticky/index.js';\nexport * from './components/Switcher/index.js';\nexport * from './components/Tabs/index.js';\nexport * from './components/Textarea/index.js';\nexport * from './components/Toast/index.js';\nexport * from './components/SingleToast/index.js';\nexport * from './components/Toggle/index.js';\nexport * from './components/Token/index.js';\nexport * from './components/TokenInput/index.js';\nexport * from './components/Tooltip/index.js';\nexport * from './components/TooltipMenu/index.js';\nexport * from './components/ResponsiveLayout/index.js';\nexport * from './components/MaskedInput/index.js';\nexport * from './lib/featureFlagsContext/index.js';\nexport * from './lib/locale/index.js';\nexport * from './lib/size/index.js';\nexport * from './lib/theming/ThemeContext.js';\nexport * from './lib/theming/ThemeFactory.js';\nexport * from './lib/theming/themes/LightTheme.js';\nexport * from './lib/theming/themes/DarkTheme.js';\nexport * from './lib/types/props.js';\nexport * from './internal/Popup/types.js';\nexport type { PopupMenuCaptionProps } from './internal/PopupMenu/index.js';\nexport * as ColorFunctions from './lib/styles/ColorFunctions.js';\nexport * as DimensionFunctions from './lib/styles/DimensionFunctions.js';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAC;AACnD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qCAAqC,CAAC;AACpD,cAAc,qCAAqC,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AACtD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AACnD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qCAAqC,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AACtD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kCAAkC,CAAC;AACjD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wCAAwC,CAAC;AACvD,cAAc,mCAAmC,CAAC;AAClD,cAAc,oCAAoC,CAAC;AACnD,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAE1C,OAAO,KAAK,cAAc,MAAM,gCAAgC,CAAC;AACjE,OAAO,KAAK,kBAAkB,MAAM,oCAAoC,CAAC","sourcesContent":["export * from './components/Autocomplete/index.js';\nexport * from './components/Button/index.js';\nexport * from './components/Calendar/index.js';\nexport * from './components/Center/index.js';\nexport * from './components/Checkbox/index.js';\nexport * from './components/ComboBox/index.js';\nexport * from './components/CurrencyInput/index.js';\nexport * from './components/CurrencyLabel/index.js';\nexport * from './components/DateInput/index.js';\nexport * from './components/DatePicker/index.js';\nexport * from './components/DateRangePicker/index.js';\nexport * from './components/Dropdown/index.js';\nexport * from './components/DropdownMenu/index.js';\nexport * from './components/FileUploader/index.js';\nexport * from './components/FxInput/index.js';\nexport * from './components/Gapped/index.js';\nexport * from './components/GlobalLoader/index.js';\nexport * from './components/Group/index.js';\nexport * from './components/Hint/index.js';\nexport * from './components/Input/index.js';\nexport * from './components/Kebab/index.js';\nexport * from './components/Link/index.js';\nexport * from './components/Loader/index.js';\nexport * from './components/MenuFooter/index.js';\nexport * from './components/MenuHeader/index.js';\nexport * from './components/MenuItem/index.js';\nexport * from './components/MenuSeparator/index.js';\nexport * from './components/MiniModal/index.js';\nexport * from './components/Modal/index.js';\nexport * from './components/Paging/index.js';\nexport * from './components/PasswordInput/index.js';\nexport * from './components/Radio/index.js';\nexport * from './components/RadioGroup/index.js';\nexport * from './components/ScrollContainer/index.js';\nexport * from './components/Select/index.js';\nexport * from './components/SidePage/index.js';\nexport * from './components/Spinner/index.js';\nexport * from './components/Sticky/index.js';\nexport * from './components/Switcher/index.js';\nexport * from './components/Tabs/index.js';\nexport * from './components/Textarea/index.js';\nexport * from './components/TimePicker/index.js';\nexport * from './components/Toast/index.js';\nexport * from './components/SingleToast/index.js';\nexport * from './components/Toggle/index.js';\nexport * from './components/Token/index.js';\nexport * from './components/TokenInput/index.js';\nexport * from './components/Tooltip/index.js';\nexport * from './components/TooltipMenu/index.js';\nexport * from './components/ResponsiveLayout/index.js';\nexport * from './components/MaskedInput/index.js';\nexport * from './lib/featureFlagsContext/index.js';\nexport * from './lib/locale/index.js';\nexport * from './lib/size/index.js';\nexport * from './lib/theming/ThemeContext.js';\nexport * from './lib/theming/ThemeFactory.js';\nexport * from './lib/theming/themes/LightTheme.js';\nexport * from './lib/theming/themes/DarkTheme.js';\nexport * from './lib/types/props.js';\nexport * from './internal/Popup/types.js';\nexport type { PopupMenuCaptionProps } from './internal/PopupMenu/index.js';\nexport * as ColorFunctions from './lib/styles/ColorFunctions.js';\nexport * as DimensionFunctions from './lib/styles/DimensionFunctions.js';\n"]}

package/internal/NativeTimeInput/NativeTimeInput.d.ts

@@ -0,0 +1,16 @@
+import type { TimeFormat } from '../../components/TimePicker/index.js';
+import type { Nullable } from '../../typings/utility-types.js';
+export interface NativeTimeInputProps {
+    'data-tid'?: string;
+    disabled?: boolean;
+    format: TimeFormat;
+    value: Nullable<string>;
+    minTime?: Nullable<string>;
+    maxTime?: Nullable<string>;
+    onValueChange?(value: string): void;
+}
+export interface NativeTimeInputRef {
+    focus(): void;
+    click(): void;
+}
+export declare const NativeTimeInput: import("../../lib/forwardRefAndName.js").ReactUIComponentWithRef<NativeTimeInputRef, NativeTimeInputProps> & Record<never, never>;

package/internal/NativeTimeInput/NativeTimeInput.js

@@ -0,0 +1,25 @@
+import React, { useImperativeHandle, useRef } from 'react';
+import { forwardRefAndName } from '../../lib/forwardRefAndName.js';
+import { useEmotion } from '../../lib/renderEnvironment/index.js';
+import { getJsStyles } from './NativeTimeInput.styles.js';
+import { getDefaultMaxTime, getDefaultMinTime, getNativeTimeStep, getTimeForComponent, getTimeForNative, } from './NativeTimeInput.utils.js';
+export var NativeTimeInput = forwardRefAndName('NativeTimeInput', function (props, ref) {
+    var _a;
+    var value = props.value, minTime = props.minTime, maxTime = props.maxTime, format = props.format, disabled = props.disabled, onValueChange = props.onValueChange, dataTid = props["data-tid"];
+    var jsStyles = getJsStyles(useEmotion());
+    var inputRef = useRef(null);
+    useImperativeHandle(ref, function () { return ({
+        focus: function () {
+            var _a;
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        },
+        click: function () {
+            var _a;
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+        },
+    }); }, []);
+    return (React.createElement("input", { type: 'time', "data-tid": dataTid, ref: inputRef, disabled: disabled, className: jsStyles.inputTypeTime(), tabIndex: -1, step: getNativeTimeStep(format), min: minTime ? getTimeForNative(minTime, format) : getDefaultMinTime(format), max: maxTime ? getTimeForNative(maxTime, format) : getDefaultMaxTime(format), value: (_a = getTimeForNative(value, format)) !== null && _a !== void 0 ? _a : '', onChange: function (event) {
+            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(getTimeForComponent(event.target.value, format));
+        } }));
+});
+//# sourceMappingURL=NativeTimeInput.js.map

package/internal/NativeTimeInput/NativeTimeInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeTimeInput.js","sourceRoot":"","sources":["NativeTimeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAElE,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,4BAA4B,CAAC;AAiBpC,MAAM,CAAC,IAAM,eAAe,GAAG,iBAAiB,CAC9C,iBAAiB,EACjB,UAAC,KAAK,EAAE,GAAG;;IACD,IAAA,KAAK,GAA6E,KAAK,MAAlF,EAAE,OAAO,GAAoE,KAAK,QAAzE,EAAE,OAAO,GAA2D,KAAK,QAAhE,EAAE,MAAM,GAAmD,KAAK,OAAxD,EAAE,QAAQ,GAAyC,KAAK,SAA9C,EAAE,aAAa,GAA0B,KAAK,cAA/B,EAAc,OAAO,GAAK,KAAK,YAAV,CAAW;IAEhG,IAAM,QAAQ,GAAG,WAAW,CAAC,UAAU,EAAE,CAAC,CAAC;IAC3C,IAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAEvD,mBAAmB,CACjB,GAAG,EACH,cAAM,OAAA,CAAC;QACL,KAAK;;YACH,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;QAC5B,CAAC;QACD,KAAK;;YACH,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;QAC5B,CAAC;KACF,CAAC,EAPI,CAOJ,EACF,EAAE,CACH,CAAC;IAEF,OAAO,CACL,+BACE,IAAI,EAAE,MAAM,cACF,OAAO,EACjB,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,QAAQ,CAAC,aAAa,EAAE,EACnC,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,EAC/B,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAC5E,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAC5E,KAAK,EAAE,MAAA,gBAAgB,CAAC,KAAK,EAAE,MAAM,CAAC,mCAAI,EAAE,EAC5C,QAAQ,EAAE,UAAC,KAAK;YACd,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;QACnE,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["import React, { useImperativeHandle, useRef } from 'react';\n\nimport type { TimeFormat } from '../../components/TimePicker/index.js';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName.js';\nimport { useEmotion } from '../../lib/renderEnvironment/index.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { getJsStyles } from './NativeTimeInput.styles.js';\nimport {\n  getDefaultMaxTime,\n  getDefaultMinTime,\n  getNativeTimeStep,\n  getTimeForComponent,\n  getTimeForNative,\n} from './NativeTimeInput.utils.js';\n\nexport interface NativeTimeInputProps {\n  'data-tid'?: string;\n  disabled?: boolean;\n  format: TimeFormat;\n  value: Nullable<string>;\n  minTime?: Nullable<string>;\n  maxTime?: Nullable<string>;\n  onValueChange?(value: string): void;\n}\n\nexport interface NativeTimeInputRef {\n  focus(): void;\n  click(): void;\n}\n\nexport const NativeTimeInput = forwardRefAndName<NativeTimeInputRef, NativeTimeInputProps>(\n  'NativeTimeInput',\n  (props, ref) => {\n    const { value, minTime, maxTime, format, disabled, onValueChange, 'data-tid': dataTid } = props;\n\n    const jsStyles = getJsStyles(useEmotion());\n    const inputRef = useRef<HTMLInputElement | null>(null);\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        focus() {\n          inputRef.current?.focus();\n        },\n        click() {\n          inputRef.current?.click();\n        },\n      }),\n      [],\n    );\n\n    return (\n      <input\n        type={'time'}\n        data-tid={dataTid}\n        ref={inputRef}\n        disabled={disabled}\n        className={jsStyles.inputTypeTime()}\n        tabIndex={-1}\n        step={getNativeTimeStep(format)}\n        min={minTime ? getTimeForNative(minTime, format) : getDefaultMinTime(format)}\n        max={maxTime ? getTimeForNative(maxTime, format) : getDefaultMaxTime(format)}\n        value={getTimeForNative(value, format) ?? ''}\n        onChange={(event) => {\n          onValueChange?.(getTimeForComponent(event.target.value, format));\n        }}\n      />\n    );\n  },\n);\n"]}

package/internal/NativeTimeInput/NativeTimeInput.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const getJsStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
+    inputTypeTime(): string;
+}>;

package/internal/NativeTimeInput/NativeTimeInput.styles.js

@@ -0,0 +1,15 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
+export var getJsStyles = memoizeGetStyles(function (_a) {
+    var css = _a.css;
+    return ({
+        inputTypeTime: function () {
+            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      width: 0;\n      height: 0;\n      padding: 0;\n      margin: 0;\n      line-height: 0;\n      transform: scale(0);\n      border: none;\n      overflow: hidden;\n      opacity: 0;\n    "], ["\n      width: 0;\n      height: 0;\n      padding: 0;\n      margin: 0;\n      line-height: 0;\n      transform: scale(0);\n      border: none;\n      overflow: hidden;\n      opacity: 0;\n    "])));
+        },
+    });
+});
+var templateObject_1;
+//# sourceMappingURL=NativeTimeInput.styles.js.map

package/internal/NativeTimeInput/NativeTimeInput.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeTimeInput.styles.js","sourceRoot":"","sources":["NativeTimeInput.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,MAAM,CAAC,IAAM,WAAW,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QACjE,aAAa;YACX,OAAO,GAAG,uQAAA,oMAUT,KAAC;QACJ,CAAC;KACF,CAAC;AAdgE,CAchE,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  inputTypeTime() {\n    return css`\n      width: 0;\n      height: 0;\n      padding: 0;\n      margin: 0;\n      line-height: 0;\n      transform: scale(0);\n      border: none;\n      overflow: hidden;\n      opacity: 0;\n    `;\n  },\n}));\n"]}

package/internal/NativeTimeInput/NativeTimeInput.utils.d.ts

@@ -0,0 +1,7 @@
+import type { TimeFormat } from '../../components/TimePicker/index.js';
+import type { Nullable } from '../../typings/utility-types.js';
+export declare const getTimeForNative: (componentTime: Nullable<string>, format: TimeFormat) => string | undefined;
+export declare const getTimeForComponent: (nativeTime: Nullable<string>, format: TimeFormat) => string;
+export declare const getDefaultMinTime: (format: TimeFormat) => string;
+export declare const getDefaultMaxTime: (format: TimeFormat) => string;
+export declare const getNativeTimeStep: (format: TimeFormat) => number;

package/internal/NativeTimeInput/NativeTimeInput.utils.js

@@ -0,0 +1,28 @@
+var DEFAULT_NATIVE_MIN_TIME = '00:00:00';
+var DEFAULT_NATIVE_MAX_TIME = '23:59:59';
+var padTimePart = function (value) { return (value !== null && value !== void 0 ? value : '00').padStart(2, '0'); };
+var normalizeNativeTime = function (value, format) {
+    var _a = value.split(':'), hours = _a[0], minutes = _a[1], seconds = _a[2];
+    var normalizedTime = "".concat(padTimePart(hours), ":").concat(padTimePart(minutes), ":").concat(padTimePart(seconds));
+    return format === 'minute' ? normalizedTime.slice(0, 5) : normalizedTime;
+};
+export var getTimeForNative = function (componentTime, format) {
+    if (!componentTime) {
+        return undefined;
+    }
+    return normalizeNativeTime(componentTime, format);
+};
+export var getTimeForComponent = function (nativeTime, format) {
+    if (!nativeTime) {
+        return '';
+    }
+    return normalizeNativeTime(nativeTime, format);
+};
+export var getDefaultMinTime = function (format) {
+    return format === 'minute' ? DEFAULT_NATIVE_MIN_TIME.slice(0, 5) : DEFAULT_NATIVE_MIN_TIME;
+};
+export var getDefaultMaxTime = function (format) {
+    return format === 'minute' ? DEFAULT_NATIVE_MAX_TIME.slice(0, 5) : DEFAULT_NATIVE_MAX_TIME;
+};
+export var getNativeTimeStep = function (format) { return (format === 'minute' ? 60 : 1); };
+//# sourceMappingURL=NativeTimeInput.utils.js.map

package/internal/NativeTimeInput/NativeTimeInput.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeTimeInput.utils.js","sourceRoot":"","sources":["NativeTimeInput.utils.ts"],"names":[],"mappings":"AAGA,IAAM,uBAAuB,GAAG,UAAU,CAAC;AAC3C,IAAM,uBAAuB,GAAG,UAAU,CAAC;AAE3C,IAAM,WAAW,GAAG,UAAC,KAAyB,IAAa,OAAA,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAhC,CAAgC,CAAC;AAE5F,IAAM,mBAAmB,GAAG,UAAC,KAAa,EAAE,MAAkB;IACtD,IAAA,KAA4B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAA3C,KAAK,QAAA,EAAE,OAAO,QAAA,EAAE,OAAO,QAAoB,CAAC;IAEnD,IAAM,cAAc,GAAG,UAAG,WAAW,CAAC,KAAK,CAAC,cAAI,WAAW,CAAC,OAAO,CAAC,cAAI,WAAW,CAAC,OAAO,CAAC,CAAE,CAAC;IAE/F,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC;AAC3E,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,aAA+B,EAAE,MAAkB;IAClF,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,OAAO,mBAAmB,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;AACpD,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,UAA4B,EAAE,MAAkB;IAClF,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO,mBAAmB,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AACjD,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,MAAkB;IAClD,OAAA,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,uBAAuB;AAAnF,CAAmF,CAAC;AAEtF,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,MAAkB;IAClD,OAAA,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,uBAAuB;AAAnF,CAAmF,CAAC;AAEtF,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,MAAkB,IAAa,OAAA,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAA9B,CAA8B,CAAC","sourcesContent":["import type { TimeFormat } from '../../components/TimePicker/index.js';\nimport type { Nullable } from '../../typings/utility-types.js';\n\nconst DEFAULT_NATIVE_MIN_TIME = '00:00:00';\nconst DEFAULT_NATIVE_MAX_TIME = '23:59:59';\n\nconst padTimePart = (value: string | undefined): string => (value ?? '00').padStart(2, '0');\n\nconst normalizeNativeTime = (value: string, format: TimeFormat): string => {\n  const [hours, minutes, seconds] = value.split(':');\n\n  const normalizedTime = `${padTimePart(hours)}:${padTimePart(minutes)}:${padTimePart(seconds)}`;\n\n  return format === 'minute' ? normalizedTime.slice(0, 5) : normalizedTime;\n};\n\nexport const getTimeForNative = (componentTime: Nullable<string>, format: TimeFormat): string | undefined => {\n  if (!componentTime) {\n    return undefined;\n  }\n\n  return normalizeNativeTime(componentTime, format);\n};\n\nexport const getTimeForComponent = (nativeTime: Nullable<string>, format: TimeFormat): string => {\n  if (!nativeTime) {\n    return '';\n  }\n\n  return normalizeNativeTime(nativeTime, format);\n};\n\nexport const getDefaultMinTime = (format: TimeFormat): string =>\n  format === 'minute' ? DEFAULT_NATIVE_MIN_TIME.slice(0, 5) : DEFAULT_NATIVE_MIN_TIME;\n\nexport const getDefaultMaxTime = (format: TimeFormat): string =>\n  format === 'minute' ? DEFAULT_NATIVE_MAX_TIME.slice(0, 5) : DEFAULT_NATIVE_MAX_TIME;\n\nexport const getNativeTimeStep = (format: TimeFormat): number => (format === 'minute' ? 60 : 1);\n"]}

package/internal/NativeTimeInput/index.d.ts

@@ -0,0 +1 @@
+export * from './NativeTimeInput.js';

package/internal/NativeTimeInput/index.js

@@ -0,0 +1,2 @@
+export * from './NativeTimeInput.js';
+//# sourceMappingURL=index.js.map

package/internal/NativeTimeInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC","sourcesContent":["export * from './NativeTimeInput.js';\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

@@ -595,6 +595,40 @@ export declare class BasicThemeClass {
     static mobileCalendarCellFontSize: string;
     static mobileCalendarGridRowSpacing: string;
     static mobileCalendarWrapperHeight: string;
+    static timePickerSlotGapSmall: string;
+    static timePickerSlotGapMedium: string;
+    static timePickerSlotGapLarge: 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 get 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;