xmlui 0.10.8 → 0.10.11

package/dist/scripts/src/components/TimeInput/TimeInput.js

@@ -88,11 +88,6 @@ exports.TimeInputMd = (0, metadata_helpers_1.createMetadata)({
                 "set, the gap declared by the current theme is used.",
             valueType: "string",
         },
-        mute: {
-            description: "Whether to mute the beep sound while still firing the beep event",
-            valueType: "boolean",
-            defaultValue: TimeInputNative_1.defaultProps.mute,
-        },
         emptyCharacter: {
             description: "Character to use as placeholder for empty time values. If longer than 1 character, uses the first character. Defaults to '-'",
             valueType: "string",
@@ -104,7 +99,6 @@ exports.TimeInputMd = (0, metadata_helpers_1.createMetadata)({
         gotFocus: (0, metadata_helpers_1.dGotFocus)(COMP),
         lostFocus: (0, metadata_helpers_1.dLostFocus)(COMP),
         invalidTime: (0, metadata_helpers_1.d)("Fired when the user enters an invalid time"),
-        beep: (0, metadata_helpers_1.d)("Fired when a beep sound is played due to invalid input, allowing custom feedback implementations"),
     },
     apis: {
         focus: {
@@ -122,10 +116,16 @@ exports.TimeInputMd = (0, metadata_helpers_1.createMetadata)({
                 value: "The new time value to set for the time picker.",
             },
         },
+        isoValue: {
+            description: `Get the current time value formatted in ISO standard (HH:MM:SS) using 24-hour format, suitable for JSON serialization.`,
+            signature: "isoValue(): string | null",
+        },
     },
     themeVars: (0, themeVars_1.parseScssVar)(TimeInput_module_scss_1.default.themeVars),
     defaultThemeVars: {
         // TimeInput specific theme variables
+        [`paddingHorizontal-${COMP}`]: "$space-2",
+        [`paddingVertical-${COMP}`]: "$space-2",
         [`color-divider-${COMP}`]: "$textColor-secondary",
         [`spacing-divider-${COMP}`]: "1px 0",
         [`width-input-${COMP}`]: "1.8em",
@@ -135,19 +135,19 @@ exports.TimeInputMd = (0, metadata_helpers_1.createMetadata)({
         [`fontSize-input-${COMP}`]: "inherit",
         [`borderRadius-input-${COMP}`]: "$borderRadius",
         [`backgroundColor-input-${COMP}-invalid`]: "rgba(220, 53, 69, 0.15)",
-        [`padding-button-${COMP}`]: "4px 6px",
+        [`padding-button-${COMP}`]: "4px 4px",
         [`borderRadius-button-${COMP}`]: "$borderRadius",
         [`hoverColor-button-${COMP}`]: "$color-surface-800",
         [`disabledColor-button-${COMP}`]: "$textColor-disabled",
         [`outlineColor-button-${COMP}--focused`]: "$color-accent-500",
         [`outlineWidth-button-${COMP}--focused`]: "2px",
-        [`outlineOffset-button-${COMP}--focused`]: "2px",
-        [`minWidth-ampm-${COMP}`]: "2em",
+        [`outlineOffset-button-${COMP}--focused`]: "0",
+        [`minWidth-ampm-${COMP}`]: "2.2em",
         [`fontSize-ampm-${COMP}`]: "inherit",
     },
 });
 exports.timeInputComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.TimeInputMd, ({ node, state, updateState, extractValue, className, lookupEventHandler, registerComponentApi, }) => {
     const extractedInitialValue = extractValue(node.props.initialValue);
     const stateValue = state === null || state === void 0 ? void 0 : state.value;
-    return ((0, jsx_runtime_1.jsx)(TimeInputNative_1.TimeInputNative, { className: className, initialValue: extractedInitialValue, value: stateValue, updateState: updateState, registerComponentApi: registerComponentApi, enabled: extractValue.asOptionalBoolean(node.props.enabled, TimeInputNative_1.defaultProps.enabled), autoFocus: extractValue.asOptionalBoolean(node.props.autoFocus, TimeInputNative_1.defaultProps.autoFocus), readOnly: extractValue.asOptionalBoolean(node.props.readOnly, TimeInputNative_1.defaultProps.readOnly), validationStatus: extractValue(node.props.validationStatus), hour24: extractValue.asOptionalBoolean(node.props.hour24, TimeInputNative_1.defaultProps.hour24), seconds: extractValue.asOptionalBoolean(node.props.seconds, TimeInputNative_1.defaultProps.seconds), minTime: extractValue(node.props.minTime), maxTime: extractValue(node.props.maxTime), clearable: extractValue.asOptionalBoolean(node.props.clearable, TimeInputNative_1.defaultProps.clearable), clearIcon: extractValue(node.props.clearIcon), clearToInitialValue: extractValue.asOptionalBoolean(node.props.clearToInitialValue, TimeInputNative_1.defaultProps.clearToInitialValue), required: extractValue.asOptionalBoolean(node.props.required, TimeInputNative_1.defaultProps.required), label: extractValue(node.props.label), labelPosition: extractValue(node.props.labelPosition), labelWidth: extractValue(node.props.labelWidth), labelBreak: extractValue.asOptionalBoolean(node.props.labelBreak, TimeInputNative_1.defaultProps.labelBreak), startText: extractValue(node.props.startText), startIcon: extractValue(node.props.startIcon), endText: extractValue(node.props.endText), endIcon: extractValue(node.props.endIcon), gap: extractValue.asOptionalString(node.props.gap), mute: extractValue.asOptionalBoolean(node.props.mute, TimeInputNative_1.defaultProps.mute), emptyCharacter: extractValue.asOptionalString(node.props.emptyCharacter, TimeInputNative_1.defaultProps.emptyCharacter), onDidChange: lookupEventHandler("didChange"), onFocus: lookupEventHandler("gotFocus"), onBlur: lookupEventHandler("lostFocus"), onInvalidChange: lookupEventHandler("invalidTime"), onBeep: lookupEventHandler("beep") }));
+    return ((0, jsx_runtime_1.jsx)(TimeInputNative_1.TimeInputNative, { className: className, initialValue: extractedInitialValue, value: stateValue, updateState: updateState, registerComponentApi: registerComponentApi, enabled: extractValue.asOptionalBoolean(node.props.enabled, TimeInputNative_1.defaultProps.enabled), autoFocus: extractValue.asOptionalBoolean(node.props.autoFocus, TimeInputNative_1.defaultProps.autoFocus), readOnly: extractValue.asOptionalBoolean(node.props.readOnly, TimeInputNative_1.defaultProps.readOnly), validationStatus: extractValue(node.props.validationStatus), hour24: extractValue.asOptionalBoolean(node.props.hour24, TimeInputNative_1.defaultProps.hour24), seconds: extractValue.asOptionalBoolean(node.props.seconds, TimeInputNative_1.defaultProps.seconds), minTime: extractValue(node.props.minTime), maxTime: extractValue(node.props.maxTime), clearable: extractValue.asOptionalBoolean(node.props.clearable, TimeInputNative_1.defaultProps.clearable), clearIcon: extractValue(node.props.clearIcon), clearToInitialValue: extractValue.asOptionalBoolean(node.props.clearToInitialValue, TimeInputNative_1.defaultProps.clearToInitialValue), required: extractValue.asOptionalBoolean(node.props.required, TimeInputNative_1.defaultProps.required), label: extractValue(node.props.label), labelPosition: extractValue(node.props.labelPosition), labelWidth: extractValue(node.props.labelWidth), labelBreak: extractValue.asOptionalBoolean(node.props.labelBreak, TimeInputNative_1.defaultProps.labelBreak), startText: extractValue(node.props.startText), startIcon: extractValue(node.props.startIcon), endText: extractValue(node.props.endText), endIcon: extractValue(node.props.endIcon), gap: extractValue.asOptionalString(node.props.gap), emptyCharacter: extractValue.asOptionalString(node.props.emptyCharacter, TimeInputNative_1.defaultProps.emptyCharacter), onDidChange: lookupEventHandler("didChange"), onFocus: lookupEventHandler("gotFocus"), onBlur: lookupEventHandler("lostFocus"), onInvalidChange: lookupEventHandler("invalidTime") }));
 });

package/dist/scripts/src/components/TimeInput/TimeInputNative.js

@@ -22,13 +22,11 @@ const TimeInput_module_scss_1 = __importDefault(require("./TimeInput.module.scss
 const PartialInput_1 = require("../Input/PartialInput");
 const InputDivider_1 = require("../Input/InputDivider");
 const misc_1 = require("../../components-core/utils/misc");
-const audio_utils_1 = require("../../components-core/utils/audio-utils");
 const InputAdornment_1 = require("../Input/InputAdornment");
 const ItemWithLabel_1 = require("../FormItem/ItemWithLabel");
 const IconNative_1 = __importDefault(require("../Icon/IconNative"));
 // Import utilities and types from merged utils file
 const utils_1 = require("./utils");
-const parts_1 = require("../../components-core/parts");
 // Component part names
 const PART_HOUR = "hour";
 const PART_MINUTE = "minute";
@@ -47,11 +45,10 @@ exports.defaultProps = {
     readOnly: false,
     autoFocus: false,
     labelBreak: false,
-    mute: false,
     emptyCharacter: "-",
 };
 exports.TimeInputNative = (0, react_1.forwardRef)(function TimeInputNative(_a, ref) {
-    var { id, initialValue, value: controlledValue, enabled = exports.defaultProps.enabled, updateState, style, className, onDidChange, onFocus, onBlur, onInvalidChange, onBeep, validationStatus = exports.defaultProps.validationStatus, registerComponentApi, hour24 = exports.defaultProps.hour24, seconds = exports.defaultProps.seconds, minTime, maxTime, clearable = exports.defaultProps.clearable, clearIcon, clearToInitialValue = exports.defaultProps.clearToInitialValue, required = exports.defaultProps.required, startText, startIcon, endText, endIcon, gap, label, labelPosition = exports.defaultProps.labelPosition, labelWidth, labelBreak = exports.defaultProps.labelBreak, readOnly = exports.defaultProps.readOnly, autoFocus = exports.defaultProps.autoFocus, mute = exports.defaultProps.mute, emptyCharacter = exports.defaultProps.emptyCharacter } = _a, rest = __rest(_a, ["id", "initialValue", "value", "enabled", "updateState", "style", "className", "onDidChange", "onFocus", "onBlur", "onInvalidChange", "onBeep", "validationStatus", "registerComponentApi", "hour24", "seconds", "minTime", "maxTime", "clearable", "clearIcon", "clearToInitialValue", "required", "startText", "startIcon", "endText", "endIcon", "gap", "label", "labelPosition", "labelWidth", "labelBreak", "readOnly", "autoFocus", "mute", "emptyCharacter"]);
+    var { id, initialValue, value: controlledValue, enabled = exports.defaultProps.enabled, updateState, style, className, onDidChange, onFocus, onBlur, onInvalidChange, validationStatus = exports.defaultProps.validationStatus, registerComponentApi, hour24 = exports.defaultProps.hour24, seconds = exports.defaultProps.seconds, minTime, maxTime, clearable = exports.defaultProps.clearable, clearIcon, clearToInitialValue = exports.defaultProps.clearToInitialValue, required = exports.defaultProps.required, startText, startIcon, endText, endIcon, gap, label, labelPosition = exports.defaultProps.labelPosition, labelWidth, labelBreak = exports.defaultProps.labelBreak, readOnly = exports.defaultProps.readOnly, autoFocus = exports.defaultProps.autoFocus, emptyCharacter = exports.defaultProps.emptyCharacter } = _a, rest = __rest(_a, ["id", "initialValue", "value", "enabled", "updateState", "style", "className", "onDidChange", "onFocus", "onBlur", "onInvalidChange", "validationStatus", "registerComponentApi", "hour24", "seconds", "minTime", "maxTime", "clearable", "clearIcon", "clearToInitialValue", "required", "startText", "startIcon", "endText", "endIcon", "gap", "label", "labelPosition", "labelWidth", "labelBreak", "readOnly", "autoFocus", "emptyCharacter"]);
     const timeInputRef = (0, react_1.useRef)(null);
     // Refs for auto-tabbing between inputs
     const hourInputRef = (0, react_1.useRef)(null);
@@ -105,7 +102,7 @@ exports.TimeInputNative = (0, react_1.forwardRef)(function TimeInputNative(_a, r
     // Parse value into individual components
     (0, react_1.useEffect)(() => {
         if (localValue) {
-            const { amPm: parsedAmPm, hour: hourStr, minute: minuteStr, second: secondStr, } = parseTimeString(String(localValue), is12HourFormat);
+            const { amPm: parsedAmPm, hour: hourStr, minute: minuteStr, second: secondStr, } = parseTimeString(localValue, is12HourFormat);
             setAmPm(parsedAmPm);
             setHour(hourStr);
             setMinute(minuteStr);
@@ -128,15 +125,6 @@ exports.TimeInputNative = (0, react_1.forwardRef)(function TimeInputNative(_a, r
         }
         onDidChange === null || onDidChange === void 0 ? void 0 : onDidChange(newValue);
     });
-    // Method to handle beeping - both sound and event
-    const handleBeep = (0, react_1.useCallback)(() => {
-        // Play the beep sound only if not muted
-        if (!mute) {
-            (0, audio_utils_1.beep)(440, 50);
-        }
-        // Always fire the beep event for alternative implementations
-        onBeep === null || onBeep === void 0 ? void 0 : onBeep();
-    }, [onBeep, mute]);
     // Helper function to format the complete time value
     const formatTimeValue = (0, react_1.useCallback)((h, m, s, ap, is12Hour) => {
         if (!h || !m) {
@@ -184,10 +172,6 @@ exports.TimeInputNative = (0, react_1.forwardRef)(function TimeInputNative(_a, r
         const normalizedValue = normalizeFn(currentValue);
         // Check if the current value was invalid (needed normalization or couldn't be normalized)
         const wasInvalid = currentValue !== "" && (normalizedValue === null || normalizedValue !== currentValue);
-        if (wasInvalid) {
-            // Play beep sound and fire beep event when manually tabbing out of invalid input
-            handleBeep();
-        }
         if (normalizedValue !== null && normalizedValue !== currentValue) {
             setValue(normalizedValue);
             setInvalid(false); // Clear invalid state after normalization
@@ -214,7 +198,7 @@ exports.TimeInputNative = (0, react_1.forwardRef)(function TimeInputNative(_a, r
             const timeString = formatTimeValue(timeValues.hour, timeValues.minute, timeValues.second, amPm, is12HourFormat);
             handleChange(timeString);
         }
-    }, [hour, minute, second, amPm, is12HourFormat, handleChange, handleBeep]);
+    }, [hour, minute, second, amPm, is12HourFormat, handleChange]);
     // Handle changes from individual inputs
     const handleHourChange = (0, react_1.useMemo)(() => createInputChangeHandler("hour", setHour, setIsHourCurrentlyInvalid, (value) => isHourInvalid(value, !is12HourFormat)), [createInputChangeHandler, is12HourFormat]);
     const handleHourBlur = (0, react_1.useMemo)(() => createInputBlurHandler("hour", setHour, setIsHourCurrentlyInvalid, (value) => normalizeHour(value, !is12HourFormat)), [createInputBlurHandler, is12HourFormat]);
@@ -283,7 +267,9 @@ exports.TimeInputNative = (0, react_1.forwardRef)(function TimeInputNative(_a, r
                         amPmButtonRef.current.focus();
                     }
                 }
-                else if (currentTarget === secondInputRef.current && is12HourFormat && amPmButtonRef.current) {
+                else if (currentTarget === secondInputRef.current &&
+                    is12HourFormat &&
+                    amPmButtonRef.current) {
                     amPmButtonRef.current.focus();
                 }
             }
@@ -361,6 +347,32 @@ exports.TimeInputNative = (0, react_1.forwardRef)(function TimeInputNative(_a, r
     const setValue = (0, misc_1.useEvent)((newValue) => {
         handleChange(newValue);
     });
+    // Function to get ISO formatted time value (HH:MM:SS in 24-hour format)
+    const getIsoValue = (0, react_1.useCallback)(() => {
+        if (!hour || !minute) {
+            return null;
+        }
+        // Convert to 24-hour format if currently in 12-hour format
+        let hour24;
+        if (is12HourFormat && amPm) {
+            const hourInt = parseInt(hour, 10);
+            if (amPm === "am") {
+                hour24 = hourInt === 12 ? 0 : hourInt;
+            }
+            else {
+                // pm
+                hour24 = hourInt === 12 ? 12 : hourInt + 12;
+            }
+        }
+        else {
+            hour24 = parseInt(hour, 10);
+        }
+        // Format as ISO time string (HH:MM:SS)
+        const h24 = hour24.toString().padStart(2, "0");
+        const m24 = minute.padStart(2, "0");
+        const s24 = (second || "00").padStart(2, "0");
+        return `${h24}:${m24}:${s24}`;
+    }, [hour, minute, second, amPm, is12HourFormat]);
     // Component API registration
     (0, react_1.useImperativeHandle)(ref, () => timeInputRef.current);
     (0, react_1.useEffect)(() => {
@@ -368,9 +380,10 @@ exports.TimeInputNative = (0, react_1.forwardRef)(function TimeInputNative(_a, r
             registerComponentApi({
                 focus,
                 setValue,
+                isoValue: getIsoValue,
             });
         }
-    }, [registerComponentApi, focus, setValue]);
+    }, [registerComponentApi, focus, setValue, getIsoValue]);
     // Custom clear icon
     const clearIconElement = (0, react_1.useMemo)(() => {
         if (clearIcon === null || clearIcon === "null")
@@ -393,15 +406,13 @@ exports.TimeInputNative = (0, react_1.forwardRef)(function TimeInputNative(_a, r
         }
         return null;
     }, [endIcon, endText]);
-    // Create placeholder using processed empty character
-    const placeholder = processedEmptyCharacter.repeat(2);
     const timeInputComponent = ((0, jsx_runtime_1.jsxs)("div", Object.assign({ ref: timeInputRef, className: (0, classnames_1.default)(TimeInput_module_scss_1.default.timeInputWrapper, {
             [TimeInput_module_scss_1.default.error]: validationStatus === "error",
             [TimeInput_module_scss_1.default.warning]: validationStatus === "warning",
             [TimeInput_module_scss_1.default.valid]: validationStatus === "valid",
             [TimeInput_module_scss_1.default.disabled]: !enabled,
             [TimeInput_module_scss_1.default.readOnly]: readOnly,
-        }, className), style: Object.assign(Object.assign({}, style), { gap }), onFocusCapture: handleComponentFocus, onBlur: handleComponentBlur, "data-validation-status": validationStatus }, rest, { children: [startAdornment, (0, jsx_runtime_1.jsxs)("div", { className: TimeInput_module_scss_1.default.wrapper, children: [(0, jsx_runtime_1.jsxs)("div", { className: TimeInput_module_scss_1.default.inputGroup, children: [(0, jsx_runtime_1.jsx)(HourInput, { amPm: amPm, autoFocus: autoFocus, disabled: !enabled, inputRef: hourInputRef, nextInputRef: minuteInputRef, maxTime: maxTime, minTime: minTime, onChange: handleHourChange, onBlur: handleHourBlur, onKeyDown: handleArrowKeys, readOnly: readOnly, required: required, value: hour, isInvalid: isHourCurrentlyInvalid, is24Hour: !is12HourFormat, emptyCharacter: processedEmptyCharacter, onBeep: handleBeep }), (0, jsx_runtime_1.jsx)(InputDivider_1.InputDivider, { separator: ":", className: TimeInput_module_scss_1.default.divider }), (0, jsx_runtime_1.jsx)(MinuteInput, { disabled: !enabled, hour: hour, inputRef: minuteInputRef, nextInputRef: showSeconds ? secondInputRef : undefined, nextButtonRef: showSeconds ? undefined : is12HourFormat ? amPmButtonRef : undefined, maxTime: maxTime, minTime: minTime, onChange: handleMinuteChange, onBlur: handleMinuteBlur, onKeyDown: handleArrowKeys, readOnly: readOnly, required: required, showLeadingZeros: showLeadingZeros, value: minute, isInvalid: isMinuteCurrentlyInvalid, emptyCharacter: processedEmptyCharacter, onBeep: handleBeep }), showSeconds && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(InputDivider_1.InputDivider, { separator: ":", className: TimeInput_module_scss_1.default.divider }), (0, jsx_runtime_1.jsx)(SecondInput, { disabled: !enabled, hour: hour, inputRef: secondInputRef, nextButtonRef: is12HourFormat ? amPmButtonRef : undefined, maxTime: maxTime, minTime: minTime, minute: minute, onChange: handleSecondChange, onBlur: handleSecondBlur, onKeyDown: handleArrowKeys, readOnly: readOnly, required: required, showLeadingZeros: showLeadingZeros, value: second, isInvalid: isSecondCurrentlyInvalid, emptyCharacter: processedEmptyCharacter, onBeep: handleBeep })] })), is12HourFormat && ((0, jsx_runtime_1.jsx)(AmPmButton, { className: "timeinput", disabled: !enabled, buttonRef: amPmButtonRef, maxTime: maxTime, minTime: minTime, onClick: handleAmPmToggle, onAmPmSet: handleAmPmSet, onKeyDown: handleArrowKeys, value: amPm }))] }), clearable && ((0, jsx_runtime_1.jsx)("button", { className: (0, classnames_1.default)((0, parts_1.partClassName)(PART_CLEAR_BUTTON), TimeInput_module_scss_1.default.clearButton, TimeInput_module_scss_1.default.button), disabled: !enabled, onClick: clear, onFocus: stopPropagation, type: "button", children: clearIconElement }))] }), endAdornment] })));
+        }, className), style: Object.assign(Object.assign({}, style), { gap }), onFocusCapture: handleComponentFocus, onBlur: handleComponentBlur, "data-validation-status": validationStatus }, rest, { children: [startAdornment, (0, jsx_runtime_1.jsxs)("div", { className: TimeInput_module_scss_1.default.wrapper, children: [(0, jsx_runtime_1.jsxs)("div", { className: TimeInput_module_scss_1.default.inputGroup, children: [(0, jsx_runtime_1.jsx)(HourInput, { amPm: amPm, autoFocus: autoFocus, disabled: !enabled, inputRef: hourInputRef, nextInputRef: minuteInputRef, maxTime: maxTime, minTime: minTime, onChange: handleHourChange, onBlur: handleHourBlur, onKeyDown: handleArrowKeys, readOnly: readOnly, required: required, value: hour, isInvalid: isHourCurrentlyInvalid, is24Hour: !is12HourFormat, emptyCharacter: processedEmptyCharacter }), (0, jsx_runtime_1.jsx)(InputDivider_1.InputDivider, { separator: ":" }), (0, jsx_runtime_1.jsx)(MinuteInput, { disabled: !enabled, hour: hour, inputRef: minuteInputRef, nextInputRef: showSeconds ? secondInputRef : undefined, nextButtonRef: showSeconds ? undefined : is12HourFormat ? amPmButtonRef : undefined, maxTime: maxTime, minTime: minTime, onChange: handleMinuteChange, onBlur: handleMinuteBlur, onKeyDown: handleArrowKeys, readOnly: readOnly, required: required, showLeadingZeros: showLeadingZeros, value: minute, isInvalid: isMinuteCurrentlyInvalid, emptyCharacter: processedEmptyCharacter }), showSeconds && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(InputDivider_1.InputDivider, { separator: ":", className: TimeInput_module_scss_1.default.divider }), (0, jsx_runtime_1.jsx)(SecondInput, { disabled: !enabled, hour: hour, inputRef: secondInputRef, nextButtonRef: is12HourFormat ? amPmButtonRef : undefined, maxTime: maxTime, minTime: minTime, minute: minute, onChange: handleSecondChange, onBlur: handleSecondBlur, onKeyDown: handleArrowKeys, readOnly: readOnly, required: required, showLeadingZeros: showLeadingZeros, value: second, isInvalid: isSecondCurrentlyInvalid, emptyCharacter: processedEmptyCharacter })] })), is12HourFormat && ((0, jsx_runtime_1.jsx)(AmPmButton, { className: "timeinput", disabled: !enabled, buttonRef: amPmButtonRef, maxTime: maxTime, minTime: minTime, onClick: handleAmPmToggle, onAmPmSet: handleAmPmSet, onKeyDown: handleArrowKeys, value: amPm }))] }), clearable && ((0, jsx_runtime_1.jsx)("button", { "data-part-id": PART_CLEAR_BUTTON, className: (0, classnames_1.default)(TimeInput_module_scss_1.default.clearButton, TimeInput_module_scss_1.default.button), disabled: !enabled, onClick: clear, onFocus: stopPropagation, type: "button", children: clearIconElement }))] }), endAdornment] })));
     // Wrap with label if needed
     if (label) {
         return ((0, jsx_runtime_1.jsx)(ItemWithLabel_1.ItemWithLabel, { label: label, labelPosition: labelPosition, labelWidth: labelWidth, labelBreak: labelBreak, required: required, children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [startAdornment, timeInputComponent, endAdornment] }) }));
@@ -434,10 +445,10 @@ function AmPmButton({ ariaLabel, autoFocus, className, disabled, locale, maxTime
             onAmPmSet("pm");
         }
     }, [onKeyDown, disabled, onAmPmSet, value, amDisabled, pmDisabled]);
-    return ((0, jsx_runtime_1.jsx)("button", { type: "button", "aria-label": ariaLabel || "Toggle AM/PM (Press A for AM, P for PM)", autoFocus: autoFocus, className: (0, classnames_1.default)((0, parts_1.partClassName)(PART_AMPM), TimeInput_module_scss_1.default.amPmButton, TimeInput_module_scss_1.default.button, className), disabled: isDisabled, onClick: onClick, onKeyDown: handleKeyDown, ref: buttonRef, children: (0, jsx_runtime_1.jsx)("span", { className: TimeInput_module_scss_1.default.amPmValue, children: value ? (value === "am" ? amLabel : pmLabel) : "--" }) }));
+    return ((0, jsx_runtime_1.jsx)("button", { type: "button", "data-part-id": PART_AMPM, "aria-label": ariaLabel || "Toggle AM/PM (Press A for AM, P for PM)", autoFocus: autoFocus, className: (0, classnames_1.default)(TimeInput_module_scss_1.default.amPmButton, TimeInput_module_scss_1.default.button, className), disabled: isDisabled, onClick: onClick, onKeyDown: handleKeyDown, ref: buttonRef, children: (0, jsx_runtime_1.jsx)("span", { className: TimeInput_module_scss_1.default.amPmValue, children: value ? (value === "am" ? amLabel : pmLabel) : "--" }) }));
 }
 function HourInput(_a) {
-    var { amPm, maxTime, minTime, value, isInvalid = false, is24Hour = false, emptyCharacter = "-", onBeep } = _a, otherProps = __rest(_a, ["amPm", "maxTime", "minTime", "value", "isInvalid", "is24Hour", "emptyCharacter", "onBeep"]);
+    var { amPm, maxTime, minTime, value, isInvalid = false, is24Hour = false, emptyCharacter = "-" } = _a, otherProps = __rest(_a, ["amPm", "maxTime", "minTime", "value", "isInvalid", "is24Hour", "emptyCharacter"]);
     // Calculate min/max based on format
     const { minHour, maxHour } = (() => {
         if (is24Hour) {
@@ -476,52 +487,90 @@ function HourInput(_a) {
     // Always show the raw value during typing, no conversion
     // This allows users to see invalid input like "23" before it gets normalized on blur
     const displayValue = value || "";
-    return ((0, jsx_runtime_1.jsx)(PartialInput_1.PartialInput, { value: displayValue, emptyCharacter: emptyCharacter, placeholderLength: 2, max: maxHour, min: minHour, maxLength: 2, validateFn: (val) => isHourInvalid(val, is24Hour), onBeep: onBeep, onChange: otherProps.onChange, onBlur: (direction, event) => {
+    return ((0, jsx_runtime_1.jsx)(PartialInput_1.PartialInput, { "data-part-id": PART_HOUR, value: displayValue, emptyCharacter: emptyCharacter, placeholderLength: 2, max: maxHour, min: minHour, maxLength: 2, validateFn: (val) => isHourInvalid(val, is24Hour), onChange: otherProps.onChange, onBlur: (direction, event) => {
             // PartialInput provides direction, but the current onBlur expects just the event
             if (otherProps.onBlur) {
                 otherProps.onBlur(event);
             }
-        }, onKeyDown: otherProps.onKeyDown, className: (0, classnames_1.default)((0, parts_1.partClassName)(PART_HOUR), TimeInput_module_scss_1.default.input, TimeInput_module_scss_1.default.hour), invalidClassName: TimeInput_module_scss_1.default.invalid, disabled: otherProps.disabled, readOnly: otherProps.readOnly, required: otherProps.required, autoFocus: otherProps.autoFocus, inputRef: otherProps.inputRef, nextInputRef: otherProps.nextInputRef, nextButtonRef: otherProps.nextButtonRef, name: is24Hour ? "hour24" : "hour12", ariaLabel: otherProps.ariaLabel, isInvalid: isInvalid }));
+        }, onKeyDown: otherProps.onKeyDown, className: (0, classnames_1.default)(TimeInput_module_scss_1.default.input, TimeInput_module_scss_1.default.hour), invalidClassName: TimeInput_module_scss_1.default.invalid, disabled: otherProps.disabled, readOnly: otherProps.readOnly, required: otherProps.required, autoFocus: otherProps.autoFocus, inputRef: otherProps.inputRef, nextInputRef: otherProps.nextInputRef, nextButtonRef: otherProps.nextButtonRef, name: is24Hour ? "hour24" : "hour12", ariaLabel: otherProps.ariaLabel, isInvalid: isInvalid }));
 }
 function MinuteInput(_a) {
-    var { hour, maxTime, minTime, showLeadingZeros = true, value, isInvalid = false, emptyCharacter = "-", onBeep } = _a, otherProps = __rest(_a, ["hour", "maxTime", "minTime", "showLeadingZeros", "value", "isInvalid", "emptyCharacter", "onBeep"]);
+    var { hour, maxTime, minTime, showLeadingZeros = true, value, isInvalid = false, emptyCharacter = "-" } = _a, otherProps = __rest(_a, ["hour", "maxTime", "minTime", "showLeadingZeros", "value", "isInvalid", "emptyCharacter"]);
     function isSameHour(date) {
         return hour === (0, utils_1.getHours)(date).toString();
     }
     const maxMinute = (0, utils_1.safeMin)(59, maxTime && isSameHour(maxTime) && (0, utils_1.getMinutes)(maxTime));
     const minMinute = (0, utils_1.safeMax)(0, minTime && isSameHour(minTime) && (0, utils_1.getMinutes)(minTime));
-    return ((0, jsx_runtime_1.jsx)(PartialInput_1.PartialInput, { max: maxMinute, min: minMinute, name: "minute", value: value, validateFn: isMinuteOrSecondInvalid, onBeep: onBeep, emptyCharacter: emptyCharacter, placeholderLength: 2, maxLength: 2, onChange: otherProps.onChange, onBlur: (direction, event) => {
+    return ((0, jsx_runtime_1.jsx)(PartialInput_1.PartialInput, { "data-part-id": PART_MINUTE, max: maxMinute, min: minMinute, name: "minute", value: value, validateFn: isMinuteOrSecondInvalid, emptyCharacter: emptyCharacter, placeholderLength: 2, maxLength: 2, onChange: otherProps.onChange, onBlur: (direction, event) => {
             // PartialInput provides direction, but the current onBlur expects just the event
             if (otherProps.onBlur) {
                 otherProps.onBlur(event);
             }
-        }, onKeyDown: otherProps.onKeyDown, className: (0, classnames_1.default)((0, parts_1.partClassName)(PART_MINUTE), TimeInput_module_scss_1.default.input, TimeInput_module_scss_1.default.minute), invalidClassName: TimeInput_module_scss_1.default.invalid, disabled: otherProps.disabled, readOnly: otherProps.readOnly, required: otherProps.required, autoFocus: otherProps.autoFocus, inputRef: otherProps.inputRef, nextInputRef: otherProps.nextInputRef, nextButtonRef: otherProps.nextButtonRef, ariaLabel: otherProps.ariaLabel, isInvalid: isInvalid }));
+        }, onKeyDown: otherProps.onKeyDown, className: (0, classnames_1.default)(TimeInput_module_scss_1.default.input, TimeInput_module_scss_1.default.minute), invalidClassName: TimeInput_module_scss_1.default.invalid, disabled: otherProps.disabled, readOnly: otherProps.readOnly, required: otherProps.required, autoFocus: otherProps.autoFocus, inputRef: otherProps.inputRef, nextInputRef: otherProps.nextInputRef, nextButtonRef: otherProps.nextButtonRef, ariaLabel: otherProps.ariaLabel, isInvalid: isInvalid }));
 }
 function SecondInput(_a) {
-    var { hour, maxTime, minTime, minute, showLeadingZeros = true, value, isInvalid = false, emptyCharacter = "-", onBeep } = _a, otherProps = __rest(_a, ["hour", "maxTime", "minTime", "minute", "showLeadingZeros", "value", "isInvalid", "emptyCharacter", "onBeep"]);
+    var { hour, maxTime, minTime, minute, showLeadingZeros = true, value, isInvalid = false, emptyCharacter = "-" } = _a, otherProps = __rest(_a, ["hour", "maxTime", "minTime", "minute", "showLeadingZeros", "value", "isInvalid", "emptyCharacter"]);
     function isSameMinute(date) {
         return hour === (0, utils_1.getHours)(date).toString() && minute === (0, utils_1.getMinutes)(date).toString();
     }
     const maxSecond = (0, utils_1.safeMin)(59, maxTime && isSameMinute(maxTime) && (0, utils_1.getSeconds)(maxTime));
     const minSecond = (0, utils_1.safeMax)(0, minTime && isSameMinute(minTime) && (0, utils_1.getSeconds)(minTime));
-    return ((0, jsx_runtime_1.jsx)(PartialInput_1.PartialInput, { max: maxSecond, min: minSecond, name: "second", value: value, validateFn: isMinuteOrSecondInvalid, onBeep: onBeep, emptyCharacter: emptyCharacter, placeholderLength: 2, maxLength: 2, onChange: otherProps.onChange, onBlur: (direction, event) => {
+    return ((0, jsx_runtime_1.jsx)(PartialInput_1.PartialInput, { "data-part-id": PART_SECOND, max: maxSecond, min: minSecond, name: "second", value: value, validateFn: isMinuteOrSecondInvalid, emptyCharacter: emptyCharacter, placeholderLength: 2, maxLength: 2, onChange: otherProps.onChange, onBlur: (direction, event) => {
             // PartialInput provides direction, but the current onBlur expects just the event
             if (otherProps.onBlur) {
                 otherProps.onBlur(event);
             }
-        }, onKeyDown: otherProps.onKeyDown, className: (0, classnames_1.default)((0, parts_1.partClassName)(PART_SECOND), TimeInput_module_scss_1.default.input, TimeInput_module_scss_1.default.second), invalidClassName: TimeInput_module_scss_1.default.invalid, disabled: otherProps.disabled, readOnly: otherProps.readOnly, required: otherProps.required, autoFocus: otherProps.autoFocus, inputRef: otherProps.inputRef, nextInputRef: otherProps.nextInputRef, nextButtonRef: otherProps.nextButtonRef, ariaLabel: otherProps.ariaLabel, isInvalid: isInvalid }));
+        }, onKeyDown: otherProps.onKeyDown, className: (0, classnames_1.default)(TimeInput_module_scss_1.default.input, TimeInput_module_scss_1.default.second), invalidClassName: TimeInput_module_scss_1.default.invalid, disabled: otherProps.disabled, readOnly: otherProps.readOnly, required: otherProps.required, autoFocus: otherProps.autoFocus, inputRef: otherProps.inputRef, nextInputRef: otherProps.nextInputRef, nextButtonRef: otherProps.nextButtonRef, ariaLabel: otherProps.ariaLabel, isInvalid: isInvalid }));
 }
 // Utility function to parse time string into components
-function parseTimeString(timeString, targetIs12Hour = false) {
+function parseTimeString(timeValue, targetIs12Hour = false) {
+    // Handle non-string values gracefully
+    if (timeValue == null || timeValue === undefined) {
+        return {
+            amPm: null,
+            hour: "",
+            minute: "",
+            second: "",
+        };
+    }
+    // If not a string, return empty values for type safety
+    if (typeof timeValue !== "string") {
+        return {
+            amPm: null,
+            hour: "",
+            minute: "",
+            second: "",
+        };
+    }
+    const timeString = timeValue;
     const normalizedTimeString = timeString.toLowerCase();
     // Check if the time string contains AM/PM
     const hasAmPm = normalizedTimeString.includes("am") || normalizedTimeString.includes("pm");
     const isAmPmPm = normalizedTimeString.includes("pm");
     // Extract just the time part (remove AM/PM suffix)
     const timePart = normalizedTimeString.replace(/\s*(am|pm)\s*$/i, "").trim();
-    const parsedHour = (0, utils_1.getHours)(timePart);
-    const parsedMinute = (0, utils_1.getMinutes)(timePart);
-    const parsedSecond = (0, utils_1.getSeconds)(timePart);
+    let parsedHour = (0, utils_1.getHours)(timePart);
+    let parsedMinute = (0, utils_1.getMinutes)(timePart);
+    let parsedSecond = (0, utils_1.getSeconds)(timePart);
+    // If parsing with the current format fails (all zeros), try ISO time format
+    if (parsedHour === 0 &&
+        parsedMinute === 0 &&
+        parsedSecond === 0 &&
+        timePart !== "00:00:00" &&
+        timePart !== "00:00") {
+        try {
+            // Try parsing as ISO time format using Date constructor
+            const isoDate = new Date(`1970-01-01T${timePart}`);
+            if (!isNaN(isoDate.getTime())) {
+                parsedHour = isoDate.getHours();
+                parsedMinute = isoDate.getMinutes();
+                parsedSecond = isoDate.getSeconds();
+            }
+        }
+        catch (_a) {
+            // If ISO parsing fails, keep the original parsed values (zeros)
+        }
+    }
     // Set AM/PM based on the actual string content or convert from 24-hour
     let amPmValue = null;
     let displayHour = parsedHour;

package/dist/scripts/src/components/Toggle/Toggle.js

@@ -66,7 +66,7 @@ exports.defaultProps = {
     indeterminate: false,
 };
 exports.Toggle = (0, react_3.forwardRef)(function Toggle(_a, forwardedRef) {
-    var { id, initialValue = exports.defaultProps.initialValue, value = exports.defaultProps.value, enabled = exports.defaultProps.enabled, style, readOnly, validationStatus = exports.defaultProps.validationStatus, updateState = constants_1.noop, onDidChange = constants_1.noop, onFocus = constants_1.noop, onBlur = constants_1.noop, variant = "checkbox", indeterminate = exports.defaultProps.indeterminate, className, label, labelPosition = "end", labelWidth, labelBreak, required, autoFocus, registerComponentApi, inputRenderer } = _a, rest = __rest(_a, ["id", "initialValue", "value", "enabled", "style", "readOnly", "validationStatus", "updateState", "onDidChange", "onFocus", "onBlur", "variant", "indeterminate", "className", "label", "labelPosition", "labelWidth", "labelBreak", "required", "autoFocus", "registerComponentApi", "inputRenderer"]);
+    var { id, initialValue = exports.defaultProps.initialValue, value = exports.defaultProps.value, enabled = exports.defaultProps.enabled, style, readOnly, validationStatus = exports.defaultProps.validationStatus, updateState = constants_1.noop, onClick = constants_1.noop, onDidChange = constants_1.noop, onFocus = constants_1.noop, onBlur = constants_1.noop, variant = "checkbox", indeterminate = exports.defaultProps.indeterminate, className, label, labelPosition = "end", labelWidth, labelBreak, required, autoFocus, registerComponentApi, inputRenderer } = _a, rest = __rest(_a, ["id", "initialValue", "value", "enabled", "style", "readOnly", "validationStatus", "updateState", "onClick", "onDidChange", "onFocus", "onBlur", "variant", "indeterminate", "className", "label", "labelPosition", "labelWidth", "labelBreak", "required", "autoFocus", "registerComponentApi", "inputRenderer"]);
     const generatedId = (0, react_1.useId)();
     const inputId = id || generatedId;
     const innerRef = react_3.default.useRef(null);
@@ -139,7 +139,7 @@ exports.Toggle = (0, react_3.forwardRef)(function Toggle(_a, forwardedRef) {
     }, [focus, registerComponentApi, setValue]);
     const input = (0, react_2.useMemo)(() => {
         const legitValue = transformToLegitValue(value);
-        return ((0, jsx_runtime_1.jsx)("input", { id: inputId, ref: innerRef, type: "checkbox", role: variant, checked: legitValue, disabled: !enabled, required: required, readOnly: readOnly, "aria-readonly": readOnly, "aria-checked": indeterminate ? "mixed" : legitValue, "aria-required": required, "aria-disabled": !enabled, onChange: onInputChange, onFocus: handleOnFocus, onBlur: handleOnBlur, autoFocus: autoFocus, className: (0, classnames_1.default)((0, parts_1.partClassName)(parts_1.PART_INPUT), Toggle_module_scss_1.default.resetAppearance, {
+        return ((0, jsx_runtime_1.jsx)("input", { id: inputId, "data-part-id": parts_1.PART_INPUT, ref: innerRef, type: "checkbox", role: variant, checked: legitValue, disabled: !enabled, required: required, readOnly: readOnly, "aria-readonly": readOnly, "aria-checked": indeterminate ? "mixed" : legitValue, "aria-required": required, "aria-disabled": !enabled, onClick: onClick, onChange: onInputChange, onFocus: handleOnFocus, onBlur: handleOnBlur, autoFocus: autoFocus, className: (0, classnames_1.default)(Toggle_module_scss_1.default.resetAppearance, {
                 [Toggle_module_scss_1.default.checkbox]: variant === "checkbox",
                 [Toggle_module_scss_1.default.switch]: variant === "switch",
                 [Toggle_module_scss_1.default.error]: validationStatus === "error",

package/dist/scripts/src/components/Tooltip/Tooltip.js

@@ -33,49 +33,49 @@ exports.TooltipMd = (0, metadata_helpers_1.createMetadata)({
         delayDuration: {
             description: "The duration from when the mouse enters a tooltip trigger until the tooltip opens (in ms)",
             type: "number",
-            defaultValue: TooltipNative_1.defaultProps.delayDuration,
+            defaultValue: 700,
         },
         skipDelayDuration: {
             description: "How much time a user has to enter another trigger without incurring a delay again (in ms)",
             type: "number",
-            defaultValue: TooltipNative_1.defaultProps.skipDelayDuration,
+            defaultValue: 300,
         },
         defaultOpen: {
             description: "The open state of the tooltip when it is initially rendered",
             type: "boolean",
-            defaultValue: TooltipNative_1.defaultProps.defaultOpen,
+            defaultValue: false,
         },
         showArrow: {
             description: "Whether to show the arrow pointing to the trigger element",
             type: "boolean",
-            defaultValue: TooltipNative_1.defaultProps.showArrow,
+            defaultValue: false,
         },
         side: {
             description: "The preferred side of the trigger to render against when open",
             type: "string",
             availableValues: ["top", "right", "bottom", "left"],
-            defaultValue: TooltipNative_1.defaultProps.side,
+            defaultValue: "top",
         },
         align: {
             description: "The preferred alignment against the trigger",
             type: "string",
             availableValues: ["start", "center", "end"],
-            defaultValue: TooltipNative_1.defaultProps.align,
+            defaultValue: "center",
         },
         sideOffset: {
             description: "The distance in pixels from the trigger",
             type: "number",
-            defaultValue: TooltipNative_1.defaultProps.sideOffset,
+            defaultValue: 4,
         },
         alignOffset: {
             description: "An offset in pixels from the 'start' or 'end' alignment options",
             type: "number",
-            defaultValue: TooltipNative_1.defaultProps.alignOffset,
+            defaultValue: 0,
         },
         avoidCollisions: {
             description: "When true, overrides the side and align preferences to prevent collisions with boundary edges",
             type: "boolean",
-            defaultValue: TooltipNative_1.defaultProps.avoidCollisions,
+            defaultValue: true,
         },
     },
     events: {},

package/dist/scripts/src/components/Tooltip/TooltipNative.js

@@ -39,6 +39,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tooltip = exports.defaultProps = void 0;
 exports.parseTooltipOptions = parseTooltipOptions;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const RadixTooltip = __importStar(require("@radix-ui/react-tooltip"));
 const lodash_es_1 = require("lodash-es");
 const Tooltip_module_scss_1 = __importDefault(require("./Tooltip.module.scss"));
@@ -55,12 +56,11 @@ exports.defaultProps = {
     alignOffset: 0,
     avoidCollisions: true,
 };
-const Tooltip = function Tooltip({ text, markdown, tooltipTemplate, delayDuration = exports.defaultProps.delayDuration, skipDelayDuration = exports.defaultProps.skipDelayDuration, defaultOpen = exports.defaultProps.defaultOpen, showArrow = exports.defaultProps.showArrow, side = exports.defaultProps.side, align = exports.defaultProps.align, sideOffset = exports.defaultProps.sideOffset, alignOffset = exports.defaultProps.alignOffset, avoidCollisions = exports.defaultProps.avoidCollisions, children, }) {
+exports.Tooltip = (0, react_1.forwardRef)(function Tooltip({ text, markdown, tooltipTemplate, delayDuration = exports.defaultProps.delayDuration, skipDelayDuration = exports.defaultProps.skipDelayDuration, defaultOpen = exports.defaultProps.defaultOpen, showArrow = exports.defaultProps.showArrow, side = exports.defaultProps.side, align = exports.defaultProps.align, sideOffset = exports.defaultProps.sideOffset, alignOffset = exports.defaultProps.alignOffset, avoidCollisions = exports.defaultProps.avoidCollisions, children, open, }, ref) {
     const { root } = (0, ThemeContext_1.useTheme)();
     const showTooltip = !!(text || markdown || tooltipTemplate);
-    return ((0, jsx_runtime_1.jsx)(RadixTooltip.Provider, { delayDuration: delayDuration, skipDelayDuration: skipDelayDuration, children: (0, jsx_runtime_1.jsxs)(RadixTooltip.Root, { defaultOpen: defaultOpen, children: [(0, jsx_runtime_1.jsx)(RadixTooltip.Trigger, { asChild: true, children: children }), (0, jsx_runtime_1.jsx)(RadixTooltip.Portal, { container: root, children: showTooltip && ((0, jsx_runtime_1.jsxs)(RadixTooltip.Content, { className: Tooltip_module_scss_1.default.content, side: side, align: align, sideOffset: sideOffset, alignOffset: alignOffset, avoidCollisions: avoidCollisions, children: [tooltipTemplate ? (tooltipTemplate) : markdown ? ((0, jsx_runtime_1.jsx)(Markdown_1.Markdown, { children: markdown })) : (text), showArrow && (0, jsx_runtime_1.jsx)(RadixTooltip.Arrow, { className: Tooltip_module_scss_1.default.arrow })] })) })] }) }));
-};
-exports.Tooltip = Tooltip;
+    return ((0, jsx_runtime_1.jsx)(RadixTooltip.Provider, { delayDuration: delayDuration, skipDelayDuration: skipDelayDuration, children: (0, jsx_runtime_1.jsxs)(RadixTooltip.Root, { defaultOpen: defaultOpen, open: open, children: [(0, jsx_runtime_1.jsx)(RadixTooltip.Trigger, { asChild: true, children: children }), (0, jsx_runtime_1.jsx)(RadixTooltip.Portal, { container: root, children: showTooltip && ((0, jsx_runtime_1.jsxs)(RadixTooltip.Content, { ref: ref, className: Tooltip_module_scss_1.default.content, side: side, align: align, sideOffset: sideOffset, alignOffset: alignOffset, avoidCollisions: avoidCollisions, "data-tooltip-container": true, children: [tooltipTemplate ? (tooltipTemplate) : markdown ? ((0, jsx_runtime_1.jsx)(Markdown_1.Markdown, { children: markdown })) : (text), showArrow && (0, jsx_runtime_1.jsx)(RadixTooltip.Arrow, { className: Tooltip_module_scss_1.default.arrow })] })) })] }) }));
+});
 /**
  * Parses tooltip options from any input and returns an object containing only the option properties
  * of Tooltip (excludes non-option properties like text, triggerRef, and children)

package/dist/scripts/src/components/abstractions.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.httpMethodNames = exports.VariantPropsKeys = exports.variantOptionsMd = exports.TextVariantElement = exports.orderingValues = exports.scrollAnchoringNames = exports.scrollAnchoringValues = exports.validationStatusMd = exports.validationStatusNames = exports.validationStatusValues = exports.triggerPositionNames = exports.labelPositionMd = exports.labelPositionNames = exports.labelPositionValues = exports.placementMd = exports.placementNames = exports.statusColorMd = exports.statusColorNames = exports.iconPositionMd = exports.iconPositionNames = exports.iconPositionValues = exports.orientationOptionMd = exports.orientationOptionValues = exports.alignmentOptionMd = exports.alignmentOptionNames = exports.alignmentOptionValues = exports.buttonAriaNames = exports.buttonVariantMd = exports.buttonVariantNames = exports.buttonVariantValues = exports.buttonTypesMd = exports.buttonTypeNames = exports.buttonTypeValues = exports.buttonThemeMd = exports.buttonThemeNames = exports.buttonThemeValues = exports.sizeMd = exports.sizeNames = exports.viewportSizeNames = exports.viewportSizeMd = exports.LinkTargetMd = exports.LinkTargetNames = void 0;
+exports.httpMethodNames = exports.VariantPropsKeys = exports.variantOptionsMd = exports.TextVariantElement = exports.orderingValues = exports.scrollAnchoringNames = exports.scrollAnchoringValues = exports.validationStatusMd = exports.validationStatusNames = exports.validationStatusValues = exports.triggerPositionNames = exports.labelPositionMd = exports.labelPositionNames = exports.labelPositionValues = exports.placementMd = exports.placementNames = exports.statusColorMd = exports.statusColorNames = exports.iconPositionMd = exports.iconPositionNames = exports.iconPositionValues = exports.orientationOptionMd = exports.orientationOptionValues = exports.alignmentOptionMd = exports.alignmentOptionNames = exports.alignmentOptionValues = exports.buttonAriaNames = exports.buttonVariantMd = exports.buttonVariantNames = exports.buttonVariantValues = exports.buttonTypesMd = exports.buttonTypeNames = exports.buttonTypeValues = exports.buttonThemeMd = exports.buttonThemeNames = exports.buttonThemeValues = exports.sizeMd = exports.sizeValues = exports.viewportSizeNames = exports.viewportSizeMd = exports.LinkTargetMd = exports.LinkTargetNames = void 0;
+exports.isSizeType = isSizeType;
 exports.LinkTargetNames = ["_self", "_blank", "_parent", "_top", "_unfencedTop"];
 exports.LinkTargetMd = [
     {
@@ -38,14 +39,17 @@ exports.viewportSizeMd = [
 ];
 exports.viewportSizeNames = Object.keys(exports.viewportSizeMd);
 // --- Available button sizes
-exports.sizeNames = ["xs", "sm", "md", "lg"];
+exports.sizeValues = ["xs", "sm", "md", "lg", "xl"];
 exports.sizeMd = [
     { value: "xs", description: "Extra small" },
     { value: "sm", description: "Small" },
     { value: "md", description: "Medium" },
     { value: "lg", description: "Large" },
+    { value: "xl", description: "Extra large" },
 ];
-const sizeValues = Object.keys(exports.sizeMd);
+function isSizeType(value) {
+    return exports.sizeValues.includes(value);
+}
 // --- Available button themes
 exports.buttonThemeValues = ["attention", "primary", "secondary"];
 exports.buttonThemeNames = [...exports.buttonThemeValues];