lizaui 9.0.2 → 9.0.4

package/dist/time-input/index.cjs.js

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const ReactDOM = require("react-dom");
-const clsx = require("../chunks/clsx-CBkIpawf.js");
-const styledComponents_browser_esm = require("../chunks/styled-components.browser.esm-DbYXI9h_.js");
-const utils = require("../chunks/utils-nIKS3WsJ.js");
-require("../chunks/textarea-CPHr2RpC.js");
-const labelError = require("../chunks/label-error-2QXnvbxJ.js");
-require("../chunks/button-BKebd9mx.js");
+const clsx = require("clsx");
+const styledComponents_browser_esm = require("../chunks/styled-components.browser.esm-CPR7VH_x.js");
+const utils = require("../chunks/utils-ij3i9zTT.js");
+require("../chunks/textarea-D2_KC-J4.js");
+const labelError = require("../chunks/label-error-C8lIsfXu.js");
+require("../chunks/button-d5z8H59K.js");
 function getHours(date) {
   if (date instanceof Date) {
     return date.getHours();
@@ -96,9 +96,9 @@ function getHoursMinutesSeconds(date) {
 }
 function Hand(_a) {
   var _b = _a.angle, angle = _b === void 0 ? 0 : _b, name = _a.name, _c = _a.length, length = _c === void 0 ? 100 : _c, _d = _a.oppositeLength, oppositeLength = _d === void 0 ? 10 : _d, _e = _a.width, width = _e === void 0 ? 1 : _e;
-  return require$$0.jsx("div", { className: "react-clock__hand react-clock__".concat(name, "-hand"), style: {
+  return jsxRuntime.jsx("div", { className: "react-clock__hand react-clock__".concat(name, "-hand"), style: {
     transform: "rotate(".concat(angle, "deg)")
-  }, children: require$$0.jsx("div", { className: "react-clock__hand__body react-clock__".concat(name, "-hand__body"), style: {
+  }, children: jsxRuntime.jsx("div", { className: "react-clock__hand__body react-clock__".concat(name, "-hand__body"), style: {
     width: "".concat(width, "px"),
     top: "".concat(50 - length / 2, "%"),
     bottom: "".concat(50 - oppositeLength / 2, "%")
@@ -106,9 +106,9 @@ function Hand(_a) {
 }
 var Mark = React.memo(function Mark2(_a) {
   var _b = _a.angle, angle = _b === void 0 ? 0 : _b, _c = _a.length, length = _c === void 0 ? 10 : _c, name = _a.name, _d = _a.width, width = _d === void 0 ? 1 : _d;
-  return require$$0.jsx("div", { className: "react-clock__mark react-clock__".concat(name, "-mark"), style: {
+  return jsxRuntime.jsx("div", { className: "react-clock__mark react-clock__".concat(name, "-mark"), style: {
     transform: "rotate(".concat(angle, "deg)")
-  }, children: require$$0.jsx("div", { className: "react-clock__mark__body react-clock__".concat(name, "-mark__body"), style: {
+  }, children: jsxRuntime.jsx("div", { className: "react-clock__mark__body react-clock__".concat(name, "-mark__body"), style: {
     width: "".concat(width, "px"),
     top: 0,
     bottom: "".concat(100 - length / 2, "%")
@@ -116,9 +116,9 @@ var Mark = React.memo(function Mark2(_a) {
 });
 var MarkNumber = React.memo(function MarkNumber2(_a) {
   var _b = _a.angle, angle = _b === void 0 ? 0 : _b, _c = _a.length, length = _c === void 0 ? 10 : _c, name = _a.name, number = _a.number;
-  return require$$0.jsx("div", { className: "react-clock__mark react-clock__".concat(name, "-mark"), style: {
+  return jsxRuntime.jsx("div", { className: "react-clock__mark react-clock__".concat(name, "-mark"), style: {
     transform: "rotate(".concat(angle, "deg)")
-  }, children: require$$0.jsx("div", { className: "react-clock__mark__number", style: {
+  }, children: jsxRuntime.jsx("div", { className: "react-clock__mark__number", style: {
     transform: "rotate(-".concat(angle, "deg)"),
     top: "".concat(length / 2, "%")
   }, children: number }) });
@@ -291,7 +291,7 @@ function Clock(_a) {
     for (var i = 1; i <= 60; i += 1) {
       var isHourMark = renderHourMarks && !(i % 5);
       if (!isHourMark) {
-        minuteMarks.push(require$$0.jsx(Mark, { angle: i * 6, length: minuteMarksLength, name: "minute", width: minuteMarksWidth }, "minute_".concat(i)));
+        minuteMarks.push(jsxRuntime.jsx(Mark, { angle: i * 6, length: minuteMarksLength, name: "minute", width: minuteMarksWidth }, "minute_".concat(i)));
       }
     }
     return minuteMarks;
@@ -302,7 +302,7 @@ function Clock(_a) {
     }
     var hourMarks = [];
     for (var i = 1; i <= 12; i += 1) {
-      hourMarks.push(require$$0.jsx(Mark, { angle: i * 30, length: hourMarksLength, name: "hour", width: hourMarksWidth }, "hour_".concat(i)));
+      hourMarks.push(jsxRuntime.jsx(Mark, { angle: i * 30, length: hourMarksLength, name: "hour", width: hourMarksWidth }, "hour_".concat(i)));
     }
     return hourMarks;
   }
@@ -312,32 +312,32 @@ function Clock(_a) {
     }
     var numbers = [];
     for (var i = 1; i <= 12; i += 1) {
-      numbers.push(require$$0.jsx(MarkNumber, { angle: i * 30, length: safeMax$1(renderHourMarks && hourMarksLength, renderMinuteMarks && minuteMarksLength, 0), name: "number", number: formatHour$1(locale, i) }, "number_".concat(i)));
+      numbers.push(jsxRuntime.jsx(MarkNumber, { angle: i * 30, length: safeMax$1(renderHourMarks && hourMarksLength, renderMinuteMarks && minuteMarksLength, 0), name: "number", number: formatHour$1(locale, i) }, "number_".concat(i)));
     }
     return numbers;
   }
   function renderFace() {
-    return require$$0.jsxs("div", { className: "react-clock__face", children: [renderMinuteMarksFn(), renderHourMarksFn(), renderNumbersFn()] });
+    return jsxRuntime.jsxs("div", { className: "react-clock__face", children: [renderMinuteMarksFn(), renderHourMarksFn(), renderNumbersFn()] });
   }
   function renderHourHandFn() {
     var angle = value ? getHours(value) * 30 + getMinutes(value) / 2 + getSeconds(value) / 120 + (useMillisecondPrecision ? getMilliseconds(value) / 12e4 : 0) : 0;
-    return require$$0.jsx(Hand, { angle, length: hourHandLength, name: "hour", oppositeLength: hourHandOppositeLength, width: hourHandWidth });
+    return jsxRuntime.jsx(Hand, { angle, length: hourHandLength, name: "hour", oppositeLength: hourHandOppositeLength, width: hourHandWidth });
   }
   function renderMinuteHandFn() {
     if (!renderMinuteHand) {
       return null;
     }
     var angle = value ? getHours(value) * 360 + getMinutes(value) * 6 + getSeconds(value) / 10 + (useMillisecondPrecision ? getMilliseconds(value) / 1e4 : 0) : 0;
-    return require$$0.jsx(Hand, { angle, length: minuteHandLength, name: "minute", oppositeLength: minuteHandOppositeLength, width: minuteHandWidth });
+    return jsxRuntime.jsx(Hand, { angle, length: minuteHandLength, name: "minute", oppositeLength: minuteHandOppositeLength, width: minuteHandWidth });
   }
   function renderSecondHandFn() {
     if (!renderSecondHand) {
       return null;
     }
     var angle = value ? getMinutes(value) * 360 + getSeconds(value) * 6 + (useMillisecondPrecision ? getMilliseconds(value) * 6e-3 : 0) : 0;
-    return require$$0.jsx(Hand, { angle, length: secondHandLength, name: "second", oppositeLength: secondHandOppositeLength, width: secondHandWidth });
+    return jsxRuntime.jsx(Hand, { angle, length: secondHandLength, name: "second", oppositeLength: secondHandOppositeLength, width: secondHandWidth });
   }
-  return require$$0.jsxs("time", { className: clsx.clsx("react-clock", className), dateTime: value instanceof Date ? (
+  return jsxRuntime.jsxs("time", { className: clsx("react-clock", className), dateTime: value instanceof Date ? (
     // Returns a string in the format "HH:MM" or "HH:MM:SS"
     value.toLocaleTimeString("en", {
       hourCycle: "h23",
@@ -351,7 +351,7 @@ function Clock(_a) {
   }, children: [renderFace(), renderHourHandFn(), renderMinuteHandFn(), renderSecondHandFn()] });
 }
 function Divider({ children }) {
-  return require$$0.jsx("span", { className: "react-time-picker__inputGroup__divider", children });
+  return jsxRuntime.jsx("span", { className: "react-time-picker__inputGroup__divider", children });
 }
 function convert12to24(hour12, amPm) {
   let hour24 = Number(hour12);
@@ -426,11 +426,11 @@ function AmPm({ ariaLabel, autoFocus, className, disabled, inputRef, locale, max
   const pmDisabled = maxTime ? convert24to12(getHours(maxTime))[1] === "am" : false;
   const name = "amPm";
   const [amLabel, pmLabel] = getAmPmLabels(locale);
-  return require$$0.jsxs("select", {
+  return jsxRuntime.jsxs("select", {
     "aria-label": ariaLabel,
     // biome-ignore lint/a11y/noAutofocus: This is up to developers' decision
     autoFocus,
-    className: clsx.clsx(`${className}__input`, `${className}__${name}`),
+    className: clsx(`${className}__input`, `${className}__${name}`),
     "data-input": "true",
     "data-select": "true",
     disabled,
@@ -441,7 +441,7 @@ function AmPm({ ariaLabel, autoFocus, className, disabled, inputRef, locale, max
     ref: inputRef,
     required,
     value: value !== null ? value : "",
-    children: [!value && require$$0.jsx("option", { value: "", children: "--" }), require$$0.jsx("option", { disabled: amDisabled, value: "am", children: amLabel }), require$$0.jsx("option", { disabled: pmDisabled, value: "pm", children: pmLabel })]
+    children: [!value && jsxRuntime.jsx("option", { value: "", children: "--" }), jsxRuntime.jsx("option", { disabled: amDisabled, value: "am", children: amLabel }), jsxRuntime.jsx("option", { disabled: pmDisabled, value: "pm", children: pmLabel })]
   });
 }
 var allowedVariants = ["normal", "small-caps"];
@@ -560,12 +560,12 @@ function Input({ ariaLabel, autoFocus, className, disabled, inputRef, max, min,
   }, [inputRef, value]);
   const hasLeadingZero = showLeadingZeros && value && Number(value) < 10 && (value === "0" || !value.toString().startsWith("0"));
   const maxLength = max ? max.toString().length : null;
-  return require$$0.jsxs(require$$0.Fragment, { children: [hasLeadingZero ? require$$0.jsx("span", { className: `${className}__leadingZero`, children: "0" }) : null, require$$0.jsx("input", {
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [hasLeadingZero ? jsxRuntime.jsx("span", { className: `${className}__leadingZero`, children: "0" }) : null, jsxRuntime.jsx("input", {
     "aria-label": ariaLabel,
     autoComplete: "off",
     // biome-ignore lint/a11y/noAutofocus: This is up to developers' decision
     autoFocus,
-    className: clsx.clsx(`${className}__input`, `${className}__${nameForClass || name}`, hasLeadingZero && `${className}__input--hasLeadingZero`),
+    className: clsx(`${className}__input`, `${className}__${nameForClass || name}`, hasLeadingZero && `${className}__input--hasLeadingZero`),
     "data-input": "true",
     disabled,
     inputMode: "numeric",
@@ -611,12 +611,12 @@ function Hour12Input({ amPm, maxTime, minTime, value, ...otherProps }) {
     return minHourResult;
   })());
   const value12 = value ? convert24to12(value)[0].toString() : "";
-  return require$$0.jsx(Input, { max: maxHour, min: minHour, name: "hour12", nameForClass: "hour", value: value12, ...otherProps });
+  return jsxRuntime.jsx(Input, { max: maxHour, min: minHour, name: "hour12", nameForClass: "hour", value: value12, ...otherProps });
 }
 function Hour24Input({ maxTime, minTime, ...otherProps }) {
   const maxHour = safeMin(23, maxTime && getHours(maxTime));
   const minHour = safeMax(0, minTime && getHours(minTime));
-  return require$$0.jsx(Input, { max: maxHour, min: minHour, name: "hour24", nameForClass: "hour", ...otherProps });
+  return jsxRuntime.jsx(Input, { max: maxHour, min: minHour, name: "hour24", nameForClass: "hour", ...otherProps });
 }
 function MinuteInput({ hour, maxTime, minTime, showLeadingZeros = true, ...otherProps }) {
   function isSameHour(date) {
@@ -624,7 +624,7 @@ function MinuteInput({ hour, maxTime, minTime, showLeadingZeros = true, ...other
   }
   const maxMinute = safeMin(59, maxTime && isSameHour(maxTime) && getMinutes(maxTime));
   const minMinute = safeMax(0, minTime && isSameHour(minTime) && getMinutes(minTime));
-  return require$$0.jsx(Input, { max: maxMinute, min: minMinute, name: "minute", showLeadingZeros, ...otherProps });
+  return jsxRuntime.jsx(Input, { max: maxMinute, min: minMinute, name: "minute", showLeadingZeros, ...otherProps });
 }
 function NativeInput({ ariaLabel, disabled, maxTime, minTime, name, onChange, required, value, valueType }) {
   const nativeValueParser = (() => {
@@ -654,7 +654,7 @@ function NativeInput({ ariaLabel, disabled, maxTime, minTime, name, onChange, re
   function stopPropagation(event) {
     event.stopPropagation();
   }
-  return require$$0.jsx("input", { "aria-label": ariaLabel, disabled, hidden: true, max: maxTime ? nativeValueParser(maxTime) : void 0, min: minTime ? nativeValueParser(minTime) : void 0, name, onChange, onFocus: stopPropagation, required, step, style: {
+  return jsxRuntime.jsx("input", { "aria-label": ariaLabel, disabled, hidden: true, max: maxTime ? nativeValueParser(maxTime) : void 0, min: minTime ? nativeValueParser(minTime) : void 0, name, onChange, onFocus: stopPropagation, required, step, style: {
     visibility: "hidden",
     position: "absolute",
     zIndex: "-999"
@@ -666,7 +666,7 @@ function SecondInput({ hour, maxTime, minTime, minute, showLeadingZeros = true,
   }
   const maxSecond = safeMin(59, maxTime && isSameMinute(maxTime) && getSeconds(maxTime));
   const minSecond = safeMax(0, minTime && isSameMinute(minTime) && getSeconds(minTime));
-  return require$$0.jsx(Input, { max: maxSecond, min: minSecond, name: "second", showLeadingZeros, ...otherProps });
+  return jsxRuntime.jsx(Input, { max: maxSecond, min: minSecond, name: "second", showLeadingZeros, ...otherProps });
 }
 const getFormatterOptionsCache = {};
 const allViews = ["hour", "minute", "second"];
@@ -691,7 +691,7 @@ function renderCustomInputs(placeholder, elementFunctions, allowMultipleInstance
   const matches = placeholder.match(pattern);
   return placeholder.split(pattern).reduce((arr, element, index) => {
     const divider = element && // biome-ignore lint/suspicious/noArrayIndexKey: index is stable here
-    require$$0.jsx(Divider, { children: element }, `separator_${index}`);
+    jsxRuntime.jsx(Divider, { children: element }, `separator_${index}`);
     arr.push(divider);
     const currentMatch = matches === null || matches === void 0 ? void 0 : matches[index];
     if (currentMatch) {
@@ -919,14 +919,14 @@ function TimeInput({ amPmAriaLabel, autoFocus, className, disabled, format, hour
       throw new Error(`Unsupported token: ${currentMatch}`);
     }
     const showLeadingZeros = currentMatch ? currentMatch.length === 2 : false;
-    return require$$0.jsx(Hour12Input, { ...commonInputProps, amPm, ariaLabel: hourAriaLabel, autoFocus: index === 0 && autoFocus, inputRef: hour12Input, placeholder: hourPlaceholder, showLeadingZeros, value: hour }, "hour12");
+    return jsxRuntime.jsx(Hour12Input, { ...commonInputProps, amPm, ariaLabel: hourAriaLabel, autoFocus: index === 0 && autoFocus, inputRef: hour12Input, placeholder: hourPlaceholder, showLeadingZeros, value: hour }, "hour12");
   }
   function renderHour24(currentMatch, index) {
     if (currentMatch && currentMatch.length > 2) {
       throw new Error(`Unsupported token: ${currentMatch}`);
     }
     const showLeadingZeros = currentMatch ? currentMatch.length === 2 : false;
-    return require$$0.jsx(Hour24Input, { ...commonInputProps, ariaLabel: hourAriaLabel, autoFocus: index === 0 && autoFocus, inputRef: hour24Input, placeholder: hourPlaceholder, showLeadingZeros, value: hour }, "hour24");
+    return jsxRuntime.jsx(Hour24Input, { ...commonInputProps, ariaLabel: hourAriaLabel, autoFocus: index === 0 && autoFocus, inputRef: hour24Input, placeholder: hourPlaceholder, showLeadingZeros, value: hour }, "hour24");
   }
   function renderHour(currentMatch, index) {
     if (/h/.test(currentMatch)) {
@@ -939,17 +939,17 @@ function TimeInput({ amPmAriaLabel, autoFocus, className, disabled, format, hour
       throw new Error(`Unsupported token: ${currentMatch}`);
     }
     const showLeadingZeros = currentMatch ? currentMatch.length === 2 : false;
-    return require$$0.jsx(MinuteInput, { ...commonInputProps, ariaLabel: minuteAriaLabel, autoFocus: index === 0 && autoFocus, hour, inputRef: minuteInput, placeholder: minutePlaceholder, showLeadingZeros, value: minute }, "minute");
+    return jsxRuntime.jsx(MinuteInput, { ...commonInputProps, ariaLabel: minuteAriaLabel, autoFocus: index === 0 && autoFocus, hour, inputRef: minuteInput, placeholder: minutePlaceholder, showLeadingZeros, value: minute }, "minute");
   }
   function renderSecond(currentMatch, index) {
     if (currentMatch && currentMatch.length > 2) {
       throw new Error(`Unsupported token: ${currentMatch}`);
     }
     const showLeadingZeros = currentMatch ? currentMatch.length === 2 : true;
-    return require$$0.jsx(SecondInput, { ...commonInputProps, ariaLabel: secondAriaLabel, autoFocus: index === 0 && autoFocus, hour, inputRef: secondInput, minute, placeholder: secondPlaceholder, showLeadingZeros, value: second }, "second");
+    return jsxRuntime.jsx(SecondInput, { ...commonInputProps, ariaLabel: secondAriaLabel, autoFocus: index === 0 && autoFocus, hour, inputRef: secondInput, minute, placeholder: secondPlaceholder, showLeadingZeros, value: second }, "second");
   }
   function renderAmPm(_currentMatch, index) {
-    return require$$0.jsx(AmPm, { ...commonInputProps, ariaLabel: amPmAriaLabel, autoFocus: index === 0 && autoFocus, inputRef: amPmInput, locale, onChange, value: amPm }, "ampm");
+    return jsxRuntime.jsx(AmPm, { ...commonInputProps, ariaLabel: amPmAriaLabel, autoFocus: index === 0 && autoFocus, inputRef: amPmInput, locale, onChange, value: amPm }, "ampm");
   }
   function renderCustomInputsInternal() {
     const elementFunctions = {
@@ -963,12 +963,12 @@ function TimeInput({ amPmAriaLabel, autoFocus, className, disabled, format, hour
     return renderCustomInputs(placeholder, elementFunctions, allowMultipleInstances);
   }
   function renderNativeInput() {
-    return require$$0.jsx(NativeInput, { ariaLabel: nativeInputAriaLabel, disabled, maxTime, minTime, name, onChange: onChangeNative, required, value, valueType }, "time");
+    return jsxRuntime.jsx(NativeInput, { ariaLabel: nativeInputAriaLabel, disabled, maxTime, minTime, name, onChange: onChangeNative, required, value, valueType }, "time");
   }
   return (
     // biome-ignore lint/a11y/useKeyWithClickEvents: This interaction is designed for mouse users only
     // biome-ignore lint/a11y/noStaticElementInteractions: This interaction is designed for mouse users only
-    require$$0.jsxs("div", { className, onClick, children: [renderNativeInput(), renderCustomInputsInternal()] })
+    jsxRuntime.jsxs("div", { className, onClick, children: [renderNativeInput(), renderCustomInputsInternal()] })
   );
 }
 const baseClassName = "react-time-picker";
@@ -981,8 +981,8 @@ const iconProps = {
   stroke: "black",
   strokeWidth: 2
 };
-const ClockIcon = require$$0.jsxs("svg", { ...iconProps, "aria-hidden": "true", className: `${baseClassName}__clock-button__icon ${baseClassName}__button__icon`, fill: "none", children: [require$$0.jsx("circle", { cx: "9.5", cy: "9.5", r: "7.5" }), require$$0.jsx("path", { d: "M9.5 4.5 v5 h4" })] });
-const ClearIcon = require$$0.jsxs("svg", { ...iconProps, "aria-hidden": "true", className: `${baseClassName}__clear-button__icon ${baseClassName}__button__icon`, children: [require$$0.jsx("line", { x1: "4", x2: "15", y1: "4", y2: "15" }), require$$0.jsx("line", { x1: "15", x2: "4", y1: "4", y2: "15" })] });
+const ClockIcon = jsxRuntime.jsxs("svg", { ...iconProps, "aria-hidden": "true", className: `${baseClassName}__clock-button__icon ${baseClassName}__button__icon`, fill: "none", children: [jsxRuntime.jsx("circle", { cx: "9.5", cy: "9.5", r: "7.5" }), jsxRuntime.jsx("path", { d: "M9.5 4.5 v5 h4" })] });
+const ClearIcon = jsxRuntime.jsxs("svg", { ...iconProps, "aria-hidden": "true", className: `${baseClassName}__clear-button__icon ${baseClassName}__button__icon`, children: [jsxRuntime.jsx("line", { x1: "4", x2: "15", y1: "4", y2: "15" }), jsxRuntime.jsx("line", { x1: "15", x2: "4", y1: "4", y2: "15" })] });
 function TimePicker(props) {
   const { amPmAriaLabel, autoFocus, className, clearAriaLabel, clearIcon = ClearIcon, clockAriaLabel, clockIcon = ClockIcon, closeClock: shouldCloseClockOnSelect = true, "data-testid": dataTestid, hourAriaLabel, hourPlaceholder, disableClock, disabled, format, id, isOpen: isOpenProps = null, locale, maxTime, maxDetail = "minute", minTime, minuteAriaLabel, minutePlaceholder, name = "time", nativeInputAriaLabel, onClockClose, onClockOpen, onChange: onChangeProps, onFocus: onFocusProps, onInvalidChange, openClockOnFocus = true, required, value, secondAriaLabel, secondPlaceholder, shouldCloseClock, shouldOpenClock, ...otherProps } = props;
   const [isOpen, setIsOpen] = React.useState(isOpenProps);
@@ -1093,7 +1093,7 @@ function TimePicker(props) {
       minutePlaceholder,
       secondPlaceholder
     };
-    return require$$0.jsxs("div", { className: `${baseClassName}__wrapper`, children: [require$$0.jsx(TimeInput, { ...ariaLabelProps, ...placeholderProps, autoFocus, className: `${baseClassName}__inputGroup`, disabled, format, isClockOpen: isOpen, locale, maxDetail, maxTime, minTime, name, onChange, onInvalidChange, required, value: valueFrom }), clearIcon !== null && require$$0.jsx("button", { "aria-label": clearAriaLabel, className: `${baseClassName}__clear-button ${baseClassName}__button`, disabled, onClick: clear, onFocus: stopPropagation, type: "button", children: typeof clearIcon === "function" ? React.createElement(clearIcon) : clearIcon }), clockIcon !== null && !disableClock && require$$0.jsx("button", { "aria-expanded": isOpen || false, "aria-label": clockAriaLabel, className: `${baseClassName}__clock-button ${baseClassName}__button`, disabled, onClick: toggleClock, onFocus: stopPropagation, type: "button", children: typeof clockIcon === "function" ? React.createElement(clockIcon) : clockIcon })] });
+    return jsxRuntime.jsxs("div", { className: `${baseClassName}__wrapper`, children: [jsxRuntime.jsx(TimeInput, { ...ariaLabelProps, ...placeholderProps, autoFocus, className: `${baseClassName}__inputGroup`, disabled, format, isClockOpen: isOpen, locale, maxDetail, maxTime, minTime, name, onChange, onInvalidChange, required, value: valueFrom }), clearIcon !== null && jsxRuntime.jsx("button", { "aria-label": clearAriaLabel, className: `${baseClassName}__clear-button ${baseClassName}__button`, disabled, onClick: clear, onFocus: stopPropagation, type: "button", children: typeof clearIcon === "function" ? React.createElement(clearIcon) : clearIcon }), clockIcon !== null && !disableClock && jsxRuntime.jsx("button", { "aria-expanded": isOpen || false, "aria-label": clockAriaLabel, className: `${baseClassName}__clock-button ${baseClassName}__button`, disabled, onClick: toggleClock, onFocus: stopPropagation, type: "button", children: typeof clockIcon === "function" ? React.createElement(clockIcon) : clockIcon })] });
   }
   function renderClock() {
     if (isOpen === null || disableClock) {
@@ -1101,10 +1101,10 @@ function TimePicker(props) {
     }
     const { clockProps, portalContainer, value: value2 } = props;
     const className2 = `${baseClassName}__clock`;
-    const classNames = clsx.clsx(className2, `${className2}--${isOpen ? "open" : "closed"}`);
+    const classNames = clsx(className2, `${className2}--${isOpen ? "open" : "closed"}`);
     const [valueFrom] = Array.isArray(value2) ? value2 : [value2];
-    const clock = require$$0.jsx(Clock, { locale, value: valueFrom, ...clockProps });
-    return portalContainer ? ReactDOM.createPortal(require$$0.jsx("div", { ref: clockWrapper, className: classNames, children: clock }), portalContainer) : require$$0.jsx(styledComponents_browser_esm.Fit, { children: require$$0.jsx("div", { ref: (ref) => {
+    const clock = jsxRuntime.jsx(Clock, { locale, value: valueFrom, ...clockProps });
+    return portalContainer ? ReactDOM.createPortal(jsxRuntime.jsx("div", { ref: clockWrapper, className: classNames, children: clock }), portalContainer) : jsxRuntime.jsx(styledComponents_browser_esm.Fit, { children: jsxRuntime.jsx("div", { ref: (ref) => {
       if (ref && !isOpen) {
         ref.removeAttribute("style");
       }
@@ -1117,7 +1117,7 @@ function TimePicker(props) {
   );
   return (
     // biome-ignore lint/a11y/noStaticElementInteractions: False positive caused by non interactive wrapper listening for bubbling events
-    require$$0.jsxs("div", { className: clsx.clsx(baseClassName, `${baseClassName}--${isOpen ? "open" : "closed"}`, `${baseClassName}--${disabled ? "disabled" : "enabled"}`, className), "data-testid": dataTestid, id, ...eventProps, onFocus: onFocus2, ref: wrapper, children: [renderInputs(), renderClock()] })
+    jsxRuntime.jsxs("div", { className: clsx(baseClassName, `${baseClassName}--${isOpen ? "open" : "closed"}`, `${baseClassName}--${disabled ? "disabled" : "enabled"}`, className), "data-testid": dataTestid, id, ...eventProps, onFocus: onFocus2, ref: wrapper, children: [renderInputs(), renderClock()] })
   );
 }
 const TimePickerInputStyled = styledComponents_browser_esm.dt.div`
@@ -1288,7 +1288,7 @@ const TimePickerInput = ({
       }
     };
   }, [handleAddTime, name]);
-  return /* @__PURE__ */ require$$0.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     TimePickerInputStyled,
     {
       ref: refTimePicker,
@@ -1296,12 +1296,12 @@ const TimePickerInput = ({
       className: "time-picker-input  relative flex flex-col",
       onBlurCapture: () => onBlurField?.(name),
       children: [
-        label && /* @__PURE__ */ require$$0.jsxs("label", { htmlFor: resolvedId, className: labelClass, children: [
+        label && /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: resolvedId, className: labelClass, children: [
           label,
           " ",
-          required && /* @__PURE__ */ require$$0.jsx("span", { className: "text-danger", children: "*" })
+          required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-danger", children: "*" })
         ] }),
-        /* @__PURE__ */ require$$0.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(
           TimePicker,
           {
             id: resolvedId,
@@ -1315,7 +1315,7 @@ const TimePickerInput = ({
             minutePlaceholder: "mm",
             disabled,
             required,
-            clearIcon: isClearable ? /* @__PURE__ */ require$$0.jsx("svg", { "aria-hidden": "true", focusable: "false", height: "1em", role: "presentation", viewBox: "0 0 24 24", width: "1em", children: /* @__PURE__ */ require$$0.jsx(
+            clearIcon: isClearable ? /* @__PURE__ */ jsxRuntime.jsx("svg", { "aria-hidden": "true", focusable: "false", height: "1em", role: "presentation", viewBox: "0 0 24 24", width: "1em", children: /* @__PURE__ */ jsxRuntime.jsx(
               "path",
               {
                 d: "M12 2a10 10 0 1010 10A10.016 10.016 0 0012 2zm3.36 12.3a.754.754 0 010 1.06.748.748 0 01-1.06 0l-2.3-2.3-2.3 2.3a.748.748 0 01-1.06 0 .754.754 0 010-1.06l2.3-2.3-2.3-2.3A.75.75 0 019.7 8.64l2.3 2.3 2.3-2.3a.75.75 0 011.06 1.06l-2.3 2.3z",
@@ -1325,7 +1325,7 @@ const TimePickerInput = ({
             ...rest
           }
         ),
-        !disabled && error && touched && isErrorText && /* @__PURE__ */ require$$0.jsx(labelError.LabelError, { text: error })
+        !disabled && error && touched && isErrorText && /* @__PURE__ */ jsxRuntime.jsx(labelError.LabelError, { text: error })
       ]
     }
   );