@servicetitan/anvil2 1.44.2 → 1.45.0

package/dist/ThemeProvider.js

@@ -1,2 +1,3 @@
-export { T as ThemeProvider, T as default } from './ThemeProvider-DwJqkbiU.js';
+export { T as ThemeProvider } from './ThemeProvider-Be3Pvtpz.js';
+export { u as useTheme } from './useTheme-B4i6a3bM.js';
 //# sourceMappingURL=ThemeProvider.js.map

package/dist/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ThemeProvider.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/ThemeProviderContext-l52GohYT.js

@@ -0,0 +1,8 @@
+import { createContext } from 'react';
+
+const ThemeProviderContext = createContext(
+  {}
+);
+
+export { ThemeProviderContext as T };
+//# sourceMappingURL=ThemeProviderContext-l52GohYT.js.map

package/dist/ThemeProviderContext-l52GohYT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProviderContext-l52GohYT.js","sources":["../src/providers/ThemeProvider/internal/ThemeProviderContext.ts"],"sourcesContent":["import { createContext } from \"react\";\nimport { CustomThemeType } from \"../ThemeProvider\";\n\nexport type ThemeProviderContextProps = {\n  theme?: CustomThemeType;\n  mode?: \"light\" | \"dark\";\n};\n\nexport const ThemeProviderContext = createContext<ThemeProviderContextProps>(\n  {},\n);\n"],"names":[],"mappings":";;AAQO,MAAM,oBAAuB,GAAA,aAAA;AAAA,EAClC;AACF;;;;"}

package/dist/{TimeField-tA9uo4lK.js → TimeField-CfhyRfX9.js}

@@ -1,46 +1,22 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
-import { forwardRef, useState, useRef, useEffect, useMemo, useCallback, useImperativeHandle } from 'react';
-import { useTrackingId } from './useTrackingId.js';
-import { c as childrenToString } from './childrenToString-Bz9MqbHb-Bz9MqbHb.js';
-import { T as TextField } from './TextField-DoPP1CQ--UWAOTYiv.js';
-import { u as useMaskito, d as maskitoTimeOptionsGenerator, a as maskitoWithPlaceholder } from './index.esm-dyoPQhi6.js';
-import { I as Icon } from './Icon-B6HmlQiR-BxQkO3X5.js';
+import { forwardRef, useState, useRef, useMemo, useEffect, useCallback, useImperativeHandle } from 'react';
+import { g as maskitoTimeOptionsGenerator, a as maskitoWithPlaceholder, u as useMaskito } from './index.esm-D889iexm.js';
+import { I as Icon } from './Icon-D8SPKeO4.js';
+import { T as TextField } from './TextField-DlsZEkS0.js';
 import { c as cx } from './index-tZvMCc77.js';
-import { u as useMergeRefs } from './useMergeRefs-Bde85AWI-Bde85AWI.js';
-import { P as Popover } from './Popover-CU2cGVD8-Casl3vM1.js';
-import { b as Listbox } from './Listbox-B-WUuj-_-BWWeWtLW.js';
-import { u as usePopoverSupport } from './usePopoverSupport-B9Lsqryr-CYJxXiun.js';
-import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L-DbDuos5L.js';
-import { u as usePopoverCloseDelayWorkaround } from './usePopoverCloseDelayWorkaround-BZcjPkvT-BZcjPkvT.js';
+import { u as useMergeRefs } from './useMergeRefs-Bde85AWI.js';
+import { P as Popover } from './Popover-r26xMIfm.js';
+import { L as Listbox } from './Listbox-CUhMbFm2.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjD5IMh0.js';
+import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
+import { u as usePopoverSupport } from './usePopoverSupport-DIjjfodl.js';
+import { u as usePopoverCloseDelayWorkaround } from './usePopoverCloseDelayWorkaround-BZcjPkvT.js';
+import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
+import { useTrackingId } from './useTrackingId.js';
 
 import './TimeField.css';const SvgAccessTime = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm-.22-13h-.06c-.4 0-.72.32-.72.72v4.72c0 .35.18.68.49.86l4.15 2.49c.34.2.78.1.98-.24a.71.71 0 0 0-.25-.99l-3.87-2.3V7.72c0-.4-.32-.72-.72-.72z" }));
 
-const timePlaceholderMask = ({
-  format,
-  placeholder
-}) => {
-  const timeOptions = maskitoTimeOptionsGenerator({
-    mode: format === 12 ? "HH:MM AA" : "HH:MM",
-    step: 0
-    // We handle step logic in your business layer
-  });
-  const { plugins, removePlaceholder, ...placeholderOptions } = maskitoWithPlaceholder(placeholder);
-  const timePlaceholderMask2 = {
-    ...timeOptions,
-    plugins: plugins.concat(timeOptions.plugins || []),
-    preprocessors: [
-      ...placeholderOptions.preprocessors,
-      ...timeOptions.preprocessors
-    ],
-    postprocessors: [
-      ...timeOptions.postprocessors,
-      ...placeholderOptions.postprocessors
-    ]
-  };
-  return { options: timePlaceholderMask2, removePlaceholder };
-};
-
 const TIME_CONSTANTS = {
   /** Minutes in a full day (24 hours * 60 minutes) */
   MINUTES_IN_DAY: 1440,
@@ -271,6 +247,40 @@ function parseInputValue(value, format, removePlaceholder, min, max) {
   };
 }
 
+function generateTimeOptions({
+  step = 30,
+  min,
+  max,
+  format
+}) {
+  const options = [];
+  const minMinutes = min ? timeToMinutes(min) : 0;
+  const maxMinutes = max ? timeToMinutes(max) : TIME_CONSTANTS.MINUTES_IN_DAY - 1;
+  for (let minutes = 0; minutes < TIME_CONSTANTS.MINUTES_IN_DAY; minutes += step) {
+    if (minutes < minMinutes || minutes > maxMinutes) {
+      continue;
+    }
+    const hours = Math.floor(minutes / 60);
+    const mins = minutes % 60;
+    options.push(formatTimeString(hours, mins, format));
+  }
+  return options;
+}
+function normalizeTimeString(str) {
+  return str.replace(/[–_:]/g, "").replace(/\s+/g, "").toLowerCase();
+}
+function filterTimeOptions(options, userInput) {
+  if (!userInput || userInput === TIME_FORMAT_PLACEHOLDERS[12] || userInput === TIME_FORMAT_PLACEHOLDERS[24]) {
+    return options;
+  }
+  const normalizedInput = normalizeTimeString(userInput);
+  const filtered = options.filter((option) => {
+    const normalizedOption = normalizeTimeString(option);
+    return normalizedOption.startsWith(normalizedInput);
+  });
+  return filtered;
+}
+
 function isTimeOnStep(time, step) {
   if (!step || step <= 0) return true;
   const totalMinutes = timeToMinutes(time);
@@ -323,13 +333,110 @@ function isPartialInputPotentiallyValid(inputValue, format, min, max) {
   return false;
 }
 
+function getNextFutureStep(time, step, format) {
+  if (!step || step <= 0) return time;
+  const totalMinutes = timeToMinutes(time);
+  const nextStep = Math.ceil(totalMinutes / step) * step;
+  const hours = Math.floor(nextStep / 60);
+  const minutes = nextStep % 60;
+  return formatTimeString(hours, minutes, format);
+}
+function handleAutoRounding(time, options) {
+  const { autoround, step, format } = options;
+  if (!autoround || !time) return time;
+  const stepValue = step ?? 30;
+  if (isTimeOnStep(time, stepValue)) {
+    return time;
+  }
+  return getNextFutureStep(time, stepValue, format);
+}
+function generateAmPmVariants(currentTime, step, inputValue) {
+  const hasAM = inputValue.toUpperCase().includes("AM");
+  const hasPM = inputValue.toUpperCase().includes("PM");
+  const getNextStepForTime = (time) => {
+    const currentMinutes = timeToMinutes(time);
+    const nextStepMinutes = Math.ceil(currentMinutes / step) * step;
+    const finalMinutes = nextStepMinutes === currentMinutes ? nextStepMinutes + step : nextStepMinutes;
+    const hours = Math.floor(finalMinutes / 60);
+    const minutes = finalMinutes % 60;
+    return formatTimeString(hours, minutes, 12);
+  };
+  const nextStep = getNextFutureStep(currentTime, step, 12);
+  if (hasAM || hasPM) {
+    return [nextStep];
+  } else {
+    const currentMinutes = timeToMinutes(currentTime);
+    const pmMinutes = currentMinutes + 12 * 60;
+    const pmHours = Math.floor(pmMinutes / 60);
+    const pmMins = pmMinutes % 60;
+    const pmVersion = getNextStepForTime(formatTimeString(pmHours, pmMins, 24));
+    return [nextStep, pmVersion];
+  }
+}
+function generatePmInterpretation(currentTime, step, inputValue) {
+  if (inputValue.toUpperCase().includes("AM") || inputValue.toUpperCase().includes("PM")) {
+    return [];
+  }
+  const currentMinutes = timeToMinutes(currentTime);
+  const pmMinutes = currentMinutes + 12 * 60;
+  const pmHours = Math.floor(pmMinutes / 60);
+  const pmMins = pmMinutes % 60;
+  const pmTime = formatTimeString(pmHours, pmMins, 12);
+  if (isValidTime(pmTime)) {
+    const pmNextStep = getNextFutureStep(pmTime, step, 12);
+    return [pmNextStep];
+  }
+  return [];
+}
+function getAutoRoundingOptions(currentTime, step, format, inputValue, min) {
+  if (!currentTime) {
+    return [];
+  }
+  if (!isValidTime(currentTime)) {
+    if (format === 12) {
+      return generatePmInterpretation(currentTime, step, inputValue);
+    }
+    return [];
+  }
+  const nextStep = getNextFutureStep(currentTime, step, format);
+  if (format === 12 && !min) {
+    return generateAmPmVariants(currentTime, step, inputValue);
+  }
+  return [nextStep];
+}
+
+const timePlaceholderMask = ({
+  format,
+  placeholder
+}) => {
+  const timeOptions = maskitoTimeOptionsGenerator({
+    mode: format === 12 ? "HH:MM AA" : "HH:MM",
+    step: 0
+    // We handle step logic in your business layer
+  });
+  const { plugins, removePlaceholder, ...placeholderOptions } = maskitoWithPlaceholder(placeholder);
+  const timePlaceholderMask2 = {
+    ...timeOptions,
+    plugins: plugins.concat(timeOptions.plugins || []),
+    preprocessors: [
+      ...placeholderOptions.preprocessors,
+      ...timeOptions.preprocessors
+    ],
+    postprocessors: [
+      ...timeOptions.postprocessors,
+      ...placeholderOptions.postprocessors
+    ]
+  };
+  return { options: timePlaceholderMask2, removePlaceholder };
+};
+
 const styles = {
 	"time-field": "_time-field_11xzw_2"
 };
 
 const MaskedTimeInput = forwardRef(
   ({
-    lastValidTime,
+    selectedTime,
     format,
     placeholder,
     min,
@@ -337,6 +444,7 @@ const MaskedTimeInput = forwardRef(
     onInputChange,
     onKeyDown,
     onFocus,
+    onBlur,
     className,
     ...props
   }, ref) => {
@@ -348,7 +456,6 @@ const MaskedTimeInput = forwardRef(
     const maskedInputRef = useMaskito({ options });
     const inputRef = useRef(null);
     const combinedRef = useMergeRefs([maskedInputRef, inputRef, ref]);
-    const previousTimeRef = useRef(null);
     const isUserTypingRef = useRef(false);
     const inputValueRef = useRef(placeholder);
     const previousPlaceholderRef = useRef(placeholder);
@@ -362,23 +469,20 @@ const MaskedTimeInput = forwardRef(
       previousPlaceholderRef.current = placeholder;
     }, [placeholder]);
     useEffect(() => {
-      if (lastValidTime === void 0) return;
-      if (lastValidTime === previousTimeRef.current) return;
-      if (isUserTypingRef.current) return;
-      const newInputValue = lastValidTime ? convertTimeFormat(lastValidTime, format) : placeholder;
-      setInputValue(newInputValue);
-      inputValueRef.current = newInputValue;
-      previousTimeRef.current = lastValidTime;
-    }, [lastValidTime, format, placeholder]);
+      if (selectedTime !== void 0 && !isUserTypingRef.current) {
+        const newInputValue = selectedTime ? convertTimeFormat(selectedTime, format) : placeholder;
+        setInputValue(newInputValue);
+        inputValueRef.current = newInputValue;
+      }
+    }, [selectedTime, format, placeholder]);
     useEffect(() => {
       if (placeholder === previousPlaceholderRef.current) return;
-      if (lastValidTime && inputValue === lastValidTime) return;
       const isOldPlaceholder = inputValue === TIME_FORMAT_PLACEHOLDERS[12] || inputValue === TIME_FORMAT_PLACEHOLDERS[24];
       if (isOldPlaceholder) {
         setInputValue(placeholder);
       }
       previousPlaceholderRef.current = placeholder;
-    }, [placeholder, lastValidTime, inputValue]);
+    }, [placeholder, inputValue]);
     const handleChange = useCallback(
       (event) => {
         isUserTypingRef.current = true;
@@ -411,6 +515,19 @@ const MaskedTimeInput = forwardRef(
     const resetTypingFlag = useCallback(() => {
       isUserTypingRef.current = false;
     }, []);
+    const handleBlur = useCallback(
+      (event) => {
+        if (currentParsedData.time && currentParsedData.isInputValid) {
+          const completedValue = convertTimeFormat(
+            currentParsedData.time,
+            format
+          );
+          setInputValue(completedValue);
+        }
+        onBlur?.(event);
+      },
+      [currentParsedData, format, onBlur]
+    );
     useImperativeHandle(
       ref,
       () => ({
@@ -435,6 +552,7 @@ const MaskedTimeInput = forwardRef(
         autoComplete: "off",
         onKeyDown,
         onFocus,
+        onBlur: handleBlur,
         className: classNames,
         ...props
       }
@@ -443,133 +561,28 @@ const MaskedTimeInput = forwardRef(
 );
 MaskedTimeInput.displayName = "MaskedTimeInput";
 
-function generateTimeOptions({
-  step = 30,
-  min,
-  max,
-  format
-}) {
-  const options = [];
-  const minMinutes = min ? timeToMinutes(min) : 0;
-  const maxMinutes = max ? timeToMinutes(max) : TIME_CONSTANTS.MINUTES_IN_DAY - 1;
-  for (let minutes = 0; minutes < TIME_CONSTANTS.MINUTES_IN_DAY; minutes += step) {
-    if (minutes < minMinutes || minutes > maxMinutes) {
-      continue;
-    }
-    const hours = Math.floor(minutes / 60);
-    const mins = minutes % 60;
-    options.push(formatTimeString(hours, mins, format));
-  }
-  return options;
-}
-function normalizeTimeString(str) {
-  return str.replace(/[–_:]/g, "").replace(/\s+/g, "").toLowerCase();
-}
-function filterTimeOptions(options, userInput) {
-  if (!userInput || userInput === TIME_FORMAT_PLACEHOLDERS[12] || userInput === TIME_FORMAT_PLACEHOLDERS[24]) {
-    return options;
-  }
-  const normalizedInput = normalizeTimeString(userInput);
-  const filtered = options.filter((option) => {
-    const normalizedOption = normalizeTimeString(option);
-    return normalizedOption.startsWith(normalizedInput);
-  });
-  return filtered;
-}
-
-function getNextFutureStep(time, step, format) {
-  if (!step || step <= 0) return time;
-  const totalMinutes = timeToMinutes(time);
-  const nextStep = Math.ceil(totalMinutes / step) * step;
-  const hours = Math.floor(nextStep / 60);
-  const minutes = nextStep % 60;
-  return formatTimeString(hours, minutes, format);
-}
-function handleAutoRounding(time, options) {
-  const { autoround, step, format } = options;
-  if (!autoround || !time) return time;
-  const stepValue = step ?? 30;
-  if (isTimeOnStep(time, stepValue)) {
-    return time;
-  }
-  return getNextFutureStep(time, stepValue, format);
-}
-function generateAmPmVariants(currentTime, step, inputValue) {
-  const hasAM = inputValue.toUpperCase().includes("AM");
-  const hasPM = inputValue.toUpperCase().includes("PM");
-  const getNextStepForTime = (time) => {
-    const currentMinutes = timeToMinutes(time);
-    const nextStepMinutes = Math.ceil(currentMinutes / step) * step;
-    const finalMinutes = nextStepMinutes === currentMinutes ? nextStepMinutes + step : nextStepMinutes;
-    const hours = Math.floor(finalMinutes / 60);
-    const minutes = finalMinutes % 60;
-    return formatTimeString(hours, minutes, 12);
-  };
-  const nextStep = getNextFutureStep(currentTime, step, 12);
-  if (hasAM || hasPM) {
-    return [nextStep];
-  } else {
-    const currentMinutes = timeToMinutes(currentTime);
-    const pmMinutes = currentMinutes + 12 * 60;
-    const pmHours = Math.floor(pmMinutes / 60);
-    const pmMins = pmMinutes % 60;
-    const pmVersion = getNextStepForTime(formatTimeString(pmHours, pmMins, 24));
-    return [nextStep, pmVersion];
-  }
-}
-function generatePmInterpretation(currentTime, step, inputValue) {
-  if (inputValue.toUpperCase().includes("AM") || inputValue.toUpperCase().includes("PM")) {
-    return [];
-  }
-  const currentMinutes = timeToMinutes(currentTime);
-  const pmMinutes = currentMinutes + 12 * 60;
-  const pmHours = Math.floor(pmMinutes / 60);
-  const pmMins = pmMinutes % 60;
-  const pmTime = formatTimeString(pmHours, pmMins, 12);
-  if (isValidTime(pmTime)) {
-    const pmNextStep = getNextFutureStep(pmTime, step, 12);
-    return [pmNextStep];
-  }
-  return [];
-}
-function getAutoRoundingOptions(currentTime, step, format, inputValue, min) {
-  if (!currentTime) {
-    return [];
-  }
-  if (!isValidTime(currentTime)) {
-    if (format === 12) {
-      return generatePmInterpretation(currentTime, step, inputValue);
-    }
-    return [];
-  }
-  const nextStep = getNextFutureStep(currentTime, step, format);
-  if (format === 12 && !min) {
-    return generateAmPmVariants(currentTime, step, inputValue);
-  }
-  return [nextStep];
-}
-
-const TimeFieldElement = forwardRef(
-  function TimeField2({
-    value: valueProp,
-    defaultValue,
-    min,
-    max,
-    onChange,
-    format = 12,
-    step = 30,
-    required,
-    description,
-    error: errorProp,
-    disableSuggestions = false,
-    autoround = false,
-    className,
-    ...rest
-  }, ref) {
-    const [lastValidTime, setLastValidTime] = useOptionallyControlledState({
-      controlledValue: valueProp,
-      defaultValue: defaultValue ?? null
-    });
+const TimeField = forwardRef(
+  (props, ref) => {
+    const { componentProps } = useLayoutPropsUtil(props);
+    const {
+      label,
+      labelProps,
+      size,
+      value: valueProp,
+      defaultValue,
+      min,
+      max,
+      onChange,
+      format = 12,
+      step = 30,
+      required,
+      description,
+      error: errorProp,
+      disableSuggestions = false,
+      autoround = false,
+      className,
+      ...rest
+    } = componentProps;
     const [isDropdownOpen, setIsDropdownOpenRaw] = useState(false);
     const setIsDropdownOpen = (open) => {
       setIsDropdownOpenRaw(open);
@@ -579,6 +592,10 @@ const TimeFieldElement = forwardRef(
     const [currentParsedTime, setCurrentParsedTime] = useState(
       null
     );
+    const [selectedTime, setSelectedTime] = useOptionallyControlledState({
+      controlledValue: valueProp,
+      defaultValue: defaultValue ?? null
+    });
     const [inputParsedData, setInputParsedData] = useState({ time: null, isInputValid: false, isInputEmpty: true });
     const lastOnChangeCallRef = useRef(null);
     const isDropdownClickingRef = useRef(false);
@@ -663,15 +680,16 @@ const TimeFieldElement = forwardRef(
         const isInputEmpty = input.dataset.inputEmpty === "true";
         let finalTime = parsedInputTime;
         if (autoround && finalTime && isInputValid) {
+          const beforeRounding = finalTime;
           finalTime = handleAutoRounding(finalTime, {
             autoround,
             step,
             format
           });
-        }
-        if (finalTime) {
-          inputRef.current?.resetTypingFlag?.();
-          setLastValidTime(finalTime);
+          if (finalTime !== beforeRounding) {
+            inputRef.current?.resetTypingFlag?.();
+            setSelectedTime(finalTime);
+          }
         }
         const currentChange = {
           time: finalTime,
@@ -713,6 +731,7 @@ const TimeFieldElement = forwardRef(
       });
       setSelectedOptionIndex(0);
       setJustSelected(false);
+      setSelectedTime(null);
     };
     const scrollToSelectedOption = useCallback(() => {
       if (!popoverContentRef.current || selectedOptionIndex < 0) return;
@@ -720,7 +739,7 @@ const TimeFieldElement = forwardRef(
       const targetElement = optionElements[selectedOptionIndex];
       if (targetElement) {
         targetElement.scrollIntoView({
-          block: "center",
+          block: "nearest",
           behavior: "auto"
         });
       }
@@ -731,17 +750,17 @@ const TimeFieldElement = forwardRef(
       }
     }, [selectedOptionIndex, isDropdownOpen, scrollToSelectedOption]);
     const handleOptionSelect = useCallback(
-      (selectedTime) => {
+      (selectedTime2) => {
         if (inputRef.current?.resetTypingFlag) {
           inputRef.current.resetTypingFlag();
         }
         setIsDropdownOpen(false);
         setSelectedOptionIndex(0);
         setJustSelected(true);
-        setLastValidTime(selectedTime);
-        setCurrentParsedTime(selectedTime);
+        setCurrentParsedTime(selectedTime2);
+        setSelectedTime(selectedTime2);
         const changeData = {
-          time: selectedTime,
+          time: selectedTime2,
           isInputValid: true,
           isInputEmpty: false
         };
@@ -796,11 +815,29 @@ const TimeFieldElement = forwardRef(
       ]
     );
     const popoverDisabled = disableSuggestions || !popoverSupported;
+    const data = {
+      label: childrenToString(label),
+      labelProps,
+      description: childrenToString(description),
+      size,
+      format,
+      step,
+      min,
+      max,
+      autoround,
+      disableSuggestions
+    };
+    const trackingId = useTrackingId({
+      name: "TimeField",
+      data,
+      hasOverride: !!rest["data-tracking-id"]
+    });
     const justTheInput = /* @__PURE__ */ jsx(
       MaskedTimeInput,
       {
+        "data-tracking-id": trackingId,
         ref: combinedRef,
-        lastValidTime,
+        selectedTime,
         format,
         placeholder,
         min,
@@ -809,6 +846,9 @@ const TimeFieldElement = forwardRef(
         onKeyDown: handleKeyDown,
         onBlur: handleBlur,
         onFocus: handleFocus,
+        label,
+        labelProps,
+        size,
         description,
         error: errorProp,
         className: popoverDisabled ? className : void 0,
@@ -835,6 +875,7 @@ const TimeFieldElement = forwardRef(
           setIsDropdownOpen(false);
         },
         fitScreen: true,
+        maxHeight: 205,
         children: [
           /* @__PURE__ */ jsx(Popover.Trigger, { children: ({ ref: popoverRef }) => /* @__PURE__ */ jsx(
             "div",
@@ -881,34 +922,7 @@ const TimeFieldElement = forwardRef(
     );
   }
 );
-const TimeField$1 = Object.assign(TimeFieldElement, {});
-TimeField$1.displayName = "TimeField";
-
-const TimeField = forwardRef(
-  (props, ref) => {
-    const data = {
-      label: childrenToString(props.label),
-      labelProps: props.labelProps,
-      prefix: childrenToString(props.prefix),
-      hint: childrenToString(props.hint),
-      description: childrenToString(props.description),
-      size: props.size,
-      format: props.format,
-      step: props.step,
-      min: props.min,
-      max: props.max,
-      autoround: props.autoround,
-      disableSuggestions: props.disableSuggestions
-    };
-    const trackingId = useTrackingId({
-      name: "TimeField",
-      data,
-      hasOverride: !!props["data-tracking-id"]
-    });
-    return /* @__PURE__ */ jsx(TimeField$1, { ref, "data-tracking-id": trackingId, ...props });
-  }
-);
-TimeField.displayName = TimeField$1.displayName;
+TimeField.displayName = "TimeField";
 
 export { TimeField as T };
-//# sourceMappingURL=TimeField-tA9uo4lK.js.map
+//# sourceMappingURL=TimeField-CfhyRfX9.js.map