react-miui 0.34.0 → 0.36.0

package/.claude/settings.local.json

@@ -12,7 +12,8 @@
       "Bash(pnpm run *)",
       "Bash(pnpm typecheck *)",
       "Bash(pnpm add *)",
-      "Bash(node /tmp/extract_tools.mjs)"
+      "Bash(node /tmp/extract_tools.mjs)",
+      "Bash(curl *)"
     ]
   }
 }

package/CHANGELOG.md

@@ -3,6 +3,23 @@ All notable changes to this project will be documented in this file.
 The format is based on [EZEZ Changelog](https://ezez.dev/guidelines/changelog/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
+## [0.36.0] - 2026-05-24
+### Added
+- ripple effect on click on most clickable elements (fallback to color on reduced motion preference)
+
+## [0.35.0] - 2026-05-23
+### Added
+- `clock` icon
+- `TimePicker` component
+### Changed
+- `Modal` many accessibility improvements
+- `Modal` will trap focus now
+### Fixed
+- `Input` component native error did not highlight in red
+- some elements look broen when focused from keyboard
+- `Modal` not scrolling if content too long
+- `Modal` not accepting extra props
+
 ## [0.34.0] - 2026-05-18
 ### Added
 - `Tooltip` component

package/dist/components/form/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./input/Input";
+export * from "./timepicker/TimePicker";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC"}

package/dist/components/form/index.js

@@ -15,4 +15,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./input/Input"), exports);
+__exportStar(require("./timepicker/TimePicker"), exports);
 //# sourceMappingURL=index.js.map

package/dist/components/form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/form/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/form/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,0DAAwC"}

package/dist/components/form/input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAY9D,UAAU,WAAW,CAAC,CAAC,SAAS,MAAM;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IAMf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9B,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE,wBAAwB,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1G;AAED,KAAK,KAAK,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,QAAQ,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;AAgI5G,QAAA,MAAM,KAAK,EAAe,CAAC,CAAC,SAAS,MAAM,EACvC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KACtD,KAAK,CAAC,YAAY,CAAC;AAExB,QAAA,MAAM,sBAAsB,QAAkC,CAAC;AAC/D,QAAA,MAAM,kBAAkB,QAAyB,CAAC;AAClD,QAAA,MAAM,kBAAkB,QAAyB,CAAC;AAClD,QAAA,MAAM,mBAAmB,QAA0B,CAAC;AACpD,QAAA,MAAM,mBAAmB,QAA0B,CAAC;AAEpD,OAAO,EACH,KAAK,EACL,sBAAsB,EACtB,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,GACtB,CAAC;AAEF,YAAY,EACR,KAAK,IAAI,UAAU,EACnB,WAAW,IAAI,gBAAgB,GAClC,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAa9D,UAAU,WAAW,CAAC,CAAC,SAAS,MAAM;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IAMf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9B,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE,wBAAwB,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1G;AAED,KAAK,KAAK,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,QAAQ,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;AAqI5G,QAAA,MAAM,KAAK,EAAe,CAAC,CAAC,SAAS,MAAM,EACvC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KACtD,KAAK,CAAC,YAAY,CAAC;AAExB,QAAA,MAAM,sBAAsB,QAAkC,CAAC;AAC/D,QAAA,MAAM,kBAAkB,QAAyB,CAAC;AAClD,QAAA,MAAM,kBAAkB,QAAyB,CAAC;AAClD,QAAA,MAAM,mBAAmB,QAA0B,CAAC;AACpD,QAAA,MAAM,mBAAmB,QAA0B,CAAC;AAEpD,OAAO,EACH,KAAK,EACL,sBAAsB,EACtB,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,GACtB,CAAC;AAEF,YAAY,EACR,KAAK,IAAI,UAAU,EACnB,WAAW,IAAI,gBAAgB,GAClC,CAAC"}

package/dist/components/form/input/Input.js

@@ -46,6 +46,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputSuffixSelector = exports.InputPrefixSelector = exports.InputInputSelector = exports.InputLabelSelector = exports.InputContainerSelector = exports.Input = void 0;
 const react_1 = __importStar(require("react"));
+const utils_1 = require("../../../utils");
 const Suggestions_1 = require("../Suggestions");
 const Input_styled_1 = require("./Input.styled");
 const InputInner = (_a, ref) => {
@@ -57,6 +58,7 @@ const InputInner = (_a, ref) => {
     });
     const isControlled = props.value !== undefined;
     const hasValue = isControlled ? Boolean(props.value) : internalHasValue;
+    const validity = (0, utils_1.useNativeValidity)(error);
     const suggestionsId = (0, react_1.useId)();
     const generatedInputId = (0, react_1.useId)();
     const inputId = id !== null && id !== void 0 ? id : (label ? generatedInputId : undefined);
@@ -67,8 +69,9 @@ const InputInner = (_a, ref) => {
     }, [onFocus]);
     const handleBlur = (0, react_1.useCallback)((e) => {
         setFocused(false);
+        validity.onBlur(e);
         onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
-    }, [onBlur]);
+    }, [onBlur, validity]);
     const handleKeyDown = (0, react_1.useCallback)((e) => {
         if (e.code === undefined) {
             infoRef.current.picked = true;
@@ -79,6 +82,7 @@ const InputInner = (_a, ref) => {
         if (!isControlled) {
             setInternalHasValue(Boolean(e.currentTarget.value));
         }
+        validity.onChange(e);
         if (!suggestions) {
             onChange === null || onChange === void 0 ? void 0 : onChange(e);
             return;
@@ -95,7 +99,7 @@ const InputInner = (_a, ref) => {
         }
         infoRef.current.picked = false;
         onChange === null || onChange === void 0 ? void 0 : onChange(e);
-    }, [isControlled, suggestions, onChange, onSuggestionMatch]);
+    }, [isControlled, suggestions, onChange, onSuggestionMatch, validity]);
     const prefixElem = prefix ? react_1.default.createElement(Input_styled_1.StyledPrefix, null, prefix) : null;
     const suffixElem = suffix ? react_1.default.createElement(Input_styled_1.StyledSuffix, null, suffix) : null;
     const extraProps = {};
@@ -106,13 +110,13 @@ const InputInner = (_a, ref) => {
     const showPlaceholder = !label || floating;
     const effectivePlaceholder = showPlaceholder ? placeholder : undefined;
     const labelElem = label
-        ? (react_1.default.createElement(Input_styled_1.StyledLabel, { htmlFor: inputId, floating: floating, error: Boolean(error) }, label))
+        ? (react_1.default.createElement(Input_styled_1.StyledLabel, { htmlFor: inputId, floating: floating, error: validity.finalError }, label))
         : null;
-    return (react_1.default.createElement(Input_styled_1.StyledWrapper, { className: className, focused: focused, disabled: Boolean(props.disabled), readOnly: Boolean(props.readOnly), error: Boolean(error) },
+    return (react_1.default.createElement(Input_styled_1.StyledWrapper, { className: className, focused: focused, disabled: Boolean(props.disabled), readOnly: Boolean(props.readOnly), error: validity.finalError },
         prefixElem,
         react_1.default.createElement(Input_styled_1.StyledInputContainer, null,
             labelElem,
-            react_1.default.createElement(Input_styled_1.StyledInput, Object.assign({ ref: ref }, props, extraProps, { id: inputId, placeholder: effectivePlaceholder, onChange: handleChange, onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, "data-error": Boolean(error) })),
+            react_1.default.createElement(Input_styled_1.StyledInput, Object.assign({ ref: ref }, props, extraProps, { id: inputId, placeholder: effectivePlaceholder, onChange: handleChange, onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, onInvalid: validity.onInvalid, "data-error": validity.finalError })),
             react_1.default.createElement(Suggestions_1.Suggestions, { id: suggestionsId, suggestions: suggestions })),
         suffixElem));
 };

package/dist/components/form/input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/form/input/Input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/form/input/Input.tsx"],"names":[],"mappings":"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"}

package/dist/components/form/timepicker/TimePicker.css.d.ts

@@ -0,0 +1,99 @@
+declare const ITEM_HEIGHT_PX = 200;
+declare const VISIBLE_ITEMS = 5;
+declare const wheelViewport: {
+    position: "relative";
+    height: string;
+    width: string;
+    overflowY: "scroll";
+    scrollSnapType: "y mandatory";
+    scrollbarWidth: "none";
+    WebkitMaskImage: string;
+    maskImage: string;
+    overscrollBehavior: "contain";
+    "&::-webkit-scrollbar": {
+        display: "none";
+    };
+    "&:focus": {
+        outline: "none";
+    };
+};
+declare const wheelWrapper: {
+    position: "relative";
+    display: "flex";
+};
+declare const wheelFocusRing: {
+    position: "absolute";
+    top: "50%";
+    left: number;
+    right: number;
+    height: string;
+    transform: "translateY(-50%)";
+    pointerEvents: "none";
+    border: `${string} solid transparent`;
+    borderRadius: string;
+    boxSizing: "border-box";
+    transition: "border-color 0.15s";
+};
+declare const wheelPadder: {
+    height: string;
+};
+declare const wheelItem: {
+    height: string;
+    display: "flex";
+    alignItems: "center";
+    justifyContent: "center";
+    scrollSnapAlign: "center";
+    scrollSnapStop: "always";
+    fontSize: string;
+    fontVariantNumeric: "tabular-nums";
+    color: "$text";
+    userSelect: "none";
+    fontWeight: number;
+};
+declare const wheelHighlight: {
+    position: "absolute";
+    top: "50%";
+    left: number;
+    right: number;
+    height: string;
+    transform: "translateY(-50%)";
+    pointerEvents: "none";
+    borderTop: "1px solid $border";
+    borderBottom: "1px solid $border";
+};
+declare const wheelsContainer: {
+    display: "flex";
+    justifyContent: "center";
+    alignItems: "center";
+    gap: string;
+    position: "relative";
+};
+declare const wheelSeparator: {
+    fontSize: string;
+    color: "$text";
+    fontWeight: number;
+    userSelect: "none";
+    pointerEvents: "none";
+};
+declare const suffixButton: {
+    display: "flex";
+    alignItems: "center";
+    justifyContent: "center";
+    background: "none";
+    border: "none";
+    padding: string;
+    margin: `0 -${string}`;
+    cursor: "pointer";
+    color: "$text";
+    "&:disabled": {
+        cursor: "not-allowed";
+        opacity: number;
+    };
+};
+declare const timeInput: {
+    fontVariantNumeric: "tabular-nums";
+    letterSpacing: "0.05em";
+    caretColor: "$mainColor";
+};
+export { ITEM_HEIGHT_PX, VISIBLE_ITEMS, wheelViewport, wheelWrapper, wheelFocusRing, wheelPadder, wheelItem, wheelHighlight, wheelsContainer, wheelSeparator, suffixButton, timeInput, };
+//# sourceMappingURL=TimePicker.css.d.ts.map

package/dist/components/form/timepicker/TimePicker.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.css.d.ts","sourceRoot":"","sources":["../../../../src/components/form/timepicker/TimePicker.css.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,cAAc,MAAM,CAAC;AAC3B,QAAA,MAAM,aAAa,IAAI,CAAC;AAExB,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;CAqBC,CAAC;AAErB,QAAA,MAAM,YAAY;;;CAGE,CAAC;AAErB,QAAA,MAAM,cAAc;;;;;;;;;;;;CAYA,CAAC;AAErB,QAAA,MAAM,WAAW;;CAEG,CAAC;AAErB,QAAA,MAAM,SAAS;;;;;;;;;;;;CAYK,CAAC;AAErB,QAAA,MAAM,cAAc;;;;;;;;;;CAUA,CAAC;AAErB,QAAA,MAAM,eAAe;;;;;;CAMD,CAAC;AAErB,QAAA,MAAM,cAAc;;;;;;CAMA,CAAC;AAErB,QAAA,MAAM,YAAY;;;;;;;;;;;;;;CAeE,CAAC;AAErB,QAAA,MAAM,SAAS;;;;CAIK,CAAC;AAErB,OAAO,EACH,cAAc,EACd,aAAa,EACb,aAAa,EACb,YAAY,EACZ,cAAc,EACd,WAAW,EACX,SAAS,EACT,cAAc,EACd,eAAe,EACf,cAAc,EACd,YAAY,EACZ,SAAS,GACZ,CAAC"}

package/dist/components/form/timepicker/TimePicker.css.js

@@ -0,0 +1,116 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.timeInput = exports.suffixButton = exports.wheelSeparator = exports.wheelsContainer = exports.wheelHighlight = exports.wheelItem = exports.wheelPadder = exports.wheelFocusRing = exports.wheelWrapper = exports.wheelViewport = exports.VISIBLE_ITEMS = exports.ITEM_HEIGHT_PX = void 0;
+const theme_1 = require("../../../theme");
+const ITEM_HEIGHT_PX = 200;
+exports.ITEM_HEIGHT_PX = ITEM_HEIGHT_PX;
+const VISIBLE_ITEMS = 5;
+exports.VISIBLE_ITEMS = VISIBLE_ITEMS;
+const wheelViewport = {
+    "position": "relative",
+    "height": (0, theme_1.dimensionsPxToRem)(ITEM_HEIGHT_PX * VISIBLE_ITEMS),
+    "width": (0, theme_1.dimensionsPxToRem)(360),
+    "overflowY": "scroll",
+    "scrollSnapType": "y mandatory",
+    "scrollbarWidth": "none",
+    "WebkitMaskImage": "linear-gradient(to bottom, transparent 0%, transparent 10%, black 45%,"
+        + " black 55%, transparent 90%, transparent 100%)",
+    "maskImage": "linear-gradient(to bottom, transparent 0%, transparent 10%, black 45%,"
+        + " black 55%, transparent 90%, transparent 100%)",
+    "overscrollBehavior": "contain",
+    "&::-webkit-scrollbar": {
+        display: "none",
+    },
+    "&:focus": {
+        outline: "none",
+    },
+};
+exports.wheelViewport = wheelViewport;
+const wheelWrapper = {
+    position: "relative",
+    display: "flex",
+};
+exports.wheelWrapper = wheelWrapper;
+const wheelFocusRing = {
+    position: "absolute",
+    top: "50%",
+    left: 0,
+    right: 0,
+    height: (0, theme_1.dimensionsPxToRem)(ITEM_HEIGHT_PX),
+    transform: "translateY(-50%)",
+    pointerEvents: "none",
+    border: `${(0, theme_1.borderPxToRem)(2)} solid transparent`,
+    borderRadius: (0, theme_1.dimensionsPxToRem)(16),
+    boxSizing: "border-box",
+    transition: "border-color 0.15s",
+};
+exports.wheelFocusRing = wheelFocusRing;
+const wheelPadder = {
+    height: (0, theme_1.dimensionsPxToRem)(ITEM_HEIGHT_PX * 2),
+};
+exports.wheelPadder = wheelPadder;
+const wheelItem = {
+    height: (0, theme_1.dimensionsPxToRem)(ITEM_HEIGHT_PX),
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    scrollSnapAlign: "center",
+    scrollSnapStop: "always",
+    fontSize: (0, theme_1.fontPxToRem)(80),
+    fontVariantNumeric: "tabular-nums",
+    color: "$text",
+    userSelect: "none",
+    fontWeight: 500,
+};
+exports.wheelItem = wheelItem;
+const wheelHighlight = {
+    position: "absolute",
+    top: "50%",
+    left: 0,
+    right: 0,
+    height: (0, theme_1.dimensionsPxToRem)(ITEM_HEIGHT_PX),
+    transform: "translateY(-50%)",
+    pointerEvents: "none",
+    borderTop: "1px solid $border",
+    borderBottom: "1px solid $border",
+};
+exports.wheelHighlight = wheelHighlight;
+const wheelsContainer = {
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    gap: (0, theme_1.dimensionsPxToRem)(36),
+    position: "relative",
+};
+exports.wheelsContainer = wheelsContainer;
+const wheelSeparator = {
+    fontSize: (0, theme_1.fontPxToRem)(80),
+    color: "$text",
+    fontWeight: 500,
+    userSelect: "none",
+    pointerEvents: "none",
+};
+exports.wheelSeparator = wheelSeparator;
+const suffixButton = {
+    "display": "flex",
+    "alignItems": "center",
+    "justifyContent": "center",
+    "background": "none",
+    "border": "none",
+    "padding": (0, theme_1.dimensionsPxToRem)(24),
+    "margin": `0 -${(0, theme_1.dimensionsPxToRem)(24)}`,
+    "cursor": "pointer",
+    "color": "$text",
+    "&:disabled": {
+        cursor: "not-allowed",
+        opacity: 0.5,
+    },
+};
+exports.suffixButton = suffixButton;
+const timeInput = {
+    fontVariantNumeric: "tabular-nums",
+    letterSpacing: "0.05em",
+    caretColor: "$mainColor",
+};
+exports.timeInput = timeInput;
+//# sourceMappingURL=TimePicker.css.js.map

package/dist/components/form/timepicker/TimePicker.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.css.js","sourceRoot":"","sources":["../../../../src/components/form/timepicker/TimePicker.css.ts"],"names":[],"mappings":"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"}

package/dist/components/form/timepicker/TimePicker.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+interface CustomProps {
+    children?: never;
+    label?: string;
+    pinnedLabel?: boolean;
+    error?: boolean;
+    withSeconds?: boolean;
+    minuteStep?: number;
+    secondStep?: number;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    modalTitle?: React.ReactNode;
+    okLabel?: React.ReactNode;
+    cancelLabel?: React.ReactNode;
+}
+type InputAttrs = Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "defaultValue" | "onChange" | "type" | "prefix" | "pattern" | "placeholder" | "maxLength">;
+type Props = InputAttrs & CustomProps;
+declare const TimePicker: React.ForwardRefExoticComponent<InputAttrs & CustomProps & React.RefAttributes<HTMLInputElement>>;
+export { TimePicker };
+export type { Props as TimePickerProps };
+//# sourceMappingURL=TimePicker.d.ts.map

package/dist/components/form/timepicker/TimePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/form/timepicker/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AA+Bf,UAAU,WAAW;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,KAAK,UAAU,GAAG,IAAI,CAClB,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,aAAa,GAAG,WAAW,CACtG,CAAC;AAEF,KAAK,KAAK,GAAG,UAAU,GAAG,WAAW,CAAC;AAsKtC,QAAA,MAAM,UAAU,mGAAgB,CAAC;AAEjC,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,YAAY,EAAE,KAAK,IAAI,eAAe,EAAE,CAAC"}

package/dist/components/form/timepicker/TimePicker.js

@@ -0,0 +1,141 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TimePicker = void 0;
+const react_1 = __importStar(require("react"));
+const use_forwarded_ref_1 = require("@bedrock-layout/use-forwarded-ref");
+const useNativeValidity_1 = require("../../../utils/useNativeValidity");
+const Clock_1 = require("../../icons/Clock");
+const Input_styled_1 = require("../input/Input.styled");
+const TimePicker_styled_1 = require("./TimePicker.styled");
+const TimePickerModal_1 = require("./TimePickerModal");
+const PATTERN_HHMM = "(?:[01]\\d|2[0-3]):[0-5]\\d";
+const PATTERN_HHMMSS = "(?:[01]\\d|2[0-3]):[0-5]\\d:[0-5]\\d";
+const MAX_LEN_HHMM = 5;
+const MAX_LEN_HHMMSS = 8;
+const assertStep = (name, step) => {
+    if (!Number.isInteger(step) || step < 1 || step > 60) {
+        throw new Error(`TimePicker: \`${name}\` must be an integer between 1 and 60, got ${String(step)}`);
+    }
+};
+const TimePickerInner = (_a, ref) => {
+    var { className, label, pinnedLabel = false, error, withSeconds = false, minuteStep = 1, secondStep = 1, value, defaultValue, onChange, onFocus, onBlur, disabled, readOnly, id, modalTitle, okLabel = "OK", cancelLabel = "Cancel" } = _a, rest = __rest(_a, ["className", "label", "pinnedLabel", "error", "withSeconds", "minuteStep", "secondStep", "value", "defaultValue", "onChange", "onFocus", "onBlur", "disabled", "readOnly", "id", "modalTitle", "okLabel", "cancelLabel"]);
+    assertStep("minuteStep", minuteStep);
+    if (withSeconds) {
+        assertStep("secondStep", secondStep);
+    }
+    const isControlled = value !== undefined;
+    const [internalValue, setInternalValue] = (0, react_1.useState)(defaultValue !== null && defaultValue !== void 0 ? defaultValue : "");
+    const currentValue = isControlled ? (value !== null && value !== void 0 ? value : "") : internalValue;
+    const [focused, setFocused] = (0, react_1.useState)(false);
+    const validity = (0, useNativeValidity_1.useNativeValidity)(error);
+    const { revalidate } = validity;
+    const inputRef = (0, use_forwarded_ref_1.useForwardedRef)(ref);
+    const generatedId = (0, react_1.useId)();
+    const inputId = id !== null && id !== void 0 ? id : (label ? generatedId : undefined);
+    const [modalOpen, setModalOpen] = (0, react_1.useState)(false);
+    const handleChange = (0, react_1.useCallback)((e) => {
+        const next = e.target.value;
+        if (!isControlled) {
+            setInternalValue(next);
+        }
+        validity.onChange(e);
+        onChange === null || onChange === void 0 ? void 0 : onChange(next);
+    }, [isControlled, onChange, validity]);
+    const handleFocus = (0, react_1.useCallback)((e) => {
+        setFocused(true);
+        onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+    }, [onFocus]);
+    const handleBlur = (0, react_1.useCallback)((e) => {
+        setFocused(false);
+        validity.onBlur(e);
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+    }, [onBlur, validity]);
+    (0, react_1.useEffect)(() => {
+        revalidate(inputRef.current);
+    }, [currentValue, revalidate, inputRef]);
+    const openModal = (0, react_1.useCallback)(() => {
+        setModalOpen(true);
+    }, []);
+    const closeModal = (0, react_1.useCallback)(() => {
+        var _a;
+        setModalOpen(false);
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, [inputRef]);
+    const confirmModal = (0, react_1.useCallback)((next) => {
+        var _a;
+        if (!isControlled) {
+            setInternalValue(next);
+        }
+        onChange === null || onChange === void 0 ? void 0 : onChange(next);
+        setModalOpen(false);
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, [isControlled, onChange, inputRef]);
+    const hasValue = currentValue.length > 0;
+    const floating = Boolean(label) && (pinnedLabel || focused || hasValue);
+    const placeholder = withSeconds ? "--:--:--" : "--:--";
+    const pattern = withSeconds ? PATTERN_HHMMSS : PATTERN_HHMM;
+    const maxLength = withSeconds ? MAX_LEN_HHMMSS : MAX_LEN_HHMM;
+    const finalError = validity.finalError;
+    const labelElem = label
+        ? (react_1.default.createElement(Input_styled_1.StyledLabel, { htmlFor: inputId, floating: floating, error: finalError }, label))
+        : null;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Input_styled_1.StyledWrapper, { className: className, focused: focused, disabled: Boolean(disabled), readOnly: Boolean(readOnly), error: finalError },
+            react_1.default.createElement(Input_styled_1.StyledInputContainer, null,
+                labelElem,
+                react_1.default.createElement(TimePicker_styled_1.StyledTimeInput, Object.assign({ ref: inputRef }, rest, { id: inputId, type: "text", inputMode: "numeric", autoComplete: "off", value: currentValue, placeholder: placeholder, pattern: pattern, maxLength: maxLength, disabled: disabled, readOnly: readOnly, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, onInvalid: validity.onInvalid, "data-error": finalError }))),
+            react_1.default.createElement(Input_styled_1.StyledSuffix, null,
+                react_1.default.createElement(TimePicker_styled_1.StyledSuffixButton, { type: "button", onClick: openModal, disabled: disabled, "aria-label": "Open time picker" },
+                    react_1.default.createElement(Clock_1.Clock, null)))),
+        react_1.default.createElement(TimePickerModal_1.TimePickerModal, { isOpen: modalOpen, initialValue: currentValue, withSeconds: withSeconds, minuteStep: minuteStep, secondStep: secondStep, readOnly: Boolean(readOnly), title: modalTitle, okLabel: okLabel, cancelLabel: cancelLabel, onClose: closeModal, onConfirm: confirmModal })));
+};
+const TimePickerRef = (0, react_1.forwardRef)(TimePickerInner);
+TimePickerRef.displayName = "TimePicker";
+TimePickerRef.toString = () => Input_styled_1.StyledWrapper.toString();
+const TimePicker = TimePickerRef;
+exports.TimePicker = TimePicker;
+//# sourceMappingURL=TimePicker.js.map

package/dist/components/form/timepicker/TimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../../src/components/form/timepicker/TimePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAMe;AAEf,yEAAoE;AAEpE,wEAAqE;AACrE,6CAA0C;AAC1C,wDAK+B;AAC/B,2DAG6B;AAC7B,uDAAoD;AAEpD,MAAM,YAAY,GAAG,6BAA6B,CAAC;AACnD,MAAM,cAAc,GAAG,sCAAsC,CAAC;AAC9D,MAAM,YAAY,GAAG,CAAC,CAAC;AACvB,MAAM,cAAc,GAAG,CAAC,CAAC;AAEzB,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,IAAY,EAAQ,EAAE;IACpD,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,IAAI,GAAG,CAAC,IAAI,IAAI,GAAG,EAAE,EAAE,CAAC;QACnD,MAAM,IAAI,KAAK,CACX,iBAAiB,IAAI,+CAA+C,MAAM,CAAC,IAAI,CAAC,EAAE,CACrF,CAAC;IACN,CAAC;AACL,CAAC,CAAC;AA0BF,MAAM,eAAe,GAAG,CAAC,EAoBjB,EAAE,GAAgC,EAAE,EAAE;QApBrB,EACrB,SAAS,EACT,KAAK,EACL,WAAW,GAAG,KAAK,EACnB,KAAK,EACL,WAAW,GAAG,KAAK,EACnB,UAAU,GAAG,CAAC,EACd,UAAU,GAAG,CAAC,EACd,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,UAAU,EACV,OAAO,GAAG,IAAI,EACd,WAAW,GAAG,QAAQ,OAElB,EADD,IAAI,cAnBc,yNAoBxB,CADU;IAEP,UAAU,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;IACrC,IAAI,WAAW,EAAE,CAAC;QACd,UAAU,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC;IAED,MAAM,YAAY,GAAG,KAAK,KAAK,SAAS,CAAC;IACzC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,CAAC,CAAC;IACvE,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;IAElE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,QAAQ,GAAG,IAAA,qCAAiB,EAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,EAAE,UAAU,EAAE,GAAG,QAAQ,CAAC;IAChC,MAAM,QAAQ,GAAG,IAAA,mCAAe,EAAC,GAAG,CAAC,CAAC;IACtC,MAAM,WAAW,GAAG,IAAA,aAAK,GAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAExD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAElD,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,CAAC,CAAsC,EAAE,EAAE;QACxE,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAC5B,IAAI,CAAC,YAAY,EAAE,CAAC;YAChB,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC;QACD,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACrB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,IAAI,CAAC,CAAC;IACrB,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEvC,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,CAAC,CAAqC,EAAE,EAAE;QACtE,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,UAAU,GAAG,IAAA,mBAAW,EAAC,CAAC,CAAqC,EAAE,EAAE;QACrE,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QACnB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,CAAC,CAAC,CAAC;IAChB,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEvB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,YAAY,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzC,MAAM,SAAS,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/B,YAAY,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;;QAChC,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;IAC9B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,CAAC,IAAY,EAAE,EAAE;;QAC9C,IAAI,CAAC,YAAY,EAAE,CAAC;YAChB,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC;QACD,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,IAAI,CAAC,CAAC;QACjB,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;IAC9B,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEvC,MAAM,QAAQ,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC;IACzC,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,IAAI,OAAO,IAAI,QAAQ,CAAC,CAAC;IACxE,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC;IACvD,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC;IAC5D,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC;IAC9D,MAAM,UAAU,GAAG,QAAQ,CAAC,UAAU,CAAC;IAEvC,MAAM,SAAS,GAAG,KAAK;QACnB,CAAC,CAAC,CACE,8BAAC,0BAAW,IACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,UAAU,IAEhB,KAAK,CACI,CACjB;QACD,CAAC,CAAC,IAAI,CAAC;IAEX,OAAO,CACH;QACI,8BAAC,4BAAa,IACV,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC3B,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC3B,KAAK,EAAE,UAAU;YAEjB,8BAAC,mCAAoB;gBAChB,SAAS;gBACV,8BAAC,mCAAe,kBACZ,GAAG,EAAE,QAAQ,IACT,IAAI,IACR,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,KAAK,EACnB,KAAK,EAAE,YAAY,EACnB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,QAAQ,CAAC,SAAS,gBACjB,UAAU,IACxB,CACiB;YACvB,8BAAC,2BAAY;gBACT,8BAAC,sCAAkB,IACf,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,QAAQ,gBACN,kBAAkB;oBAE9B,8BAAC,aAAK,OAAG,CACQ,CACV,CACH;QAChB,8BAAC,iCAAe,IACZ,MAAM,EAAE,SAAS,EACjB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC3B,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,YAAY,GACzB,CACH,CACN,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,eAAe,CAAC,CAAC;AAClD,aAAa,CAAC,WAAW,GAAG,YAAY,CAAC;AACzC,aAAa,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,4BAAa,CAAC,QAAQ,EAAE,CAAC;AAExD,MAAM,UAAU,GAAG,aAAa,CAAC;AAExB,gCAAU"}