@semcore/time-picker 4.49.13-prerelease.9 → 4.50.0-prerelease.12

package/CHANGELOG.md

@@ -2,11 +2,11 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [4.49.13] - 2025-02-28
+## [4.50.0] - 2025-03-14
 
-### Changed
+### Added
 
-- Version patch update due to children dependencies update (`@semcore/button` [5.41.2 ~> 5.42.0], `@semcore/flex-box` [5.40.1 ~> 5.41.0], `@semcore/input` [4.41.1 ~> 4.42.0], `@semcore/select` [4.49.5 ~> 4.49.6], `@semcore/utils` [4.45.1 ~> 4.47.1], `@semcore/core` [2.38.1 ~> 2.39.0]).
+- Build for ESM.
 
 ## [4.49.12] - 2025-02-05
 

package/lib/cjs/TimePicker.js

@@ -30,18 +30,18 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
 var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
 var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
 /*__reshadow-styles__:"./style/time-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STimePicker_1gkng_gg_{position:relative;width:auto;outline:0}.___STimePicker_1gkng_gg_.__keyboardFocused_1gkng_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_1gkng_gg_.__disabled_1gkng_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_1gkng_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_1gkng_gg_.__placeholder_1gkng_gg_{text-overflow:initial}.___SPickerInput_1gkng_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_1gkng_gg_._size_l_1gkng_gg_,.___SPickerInput_1gkng_gg_._size_m_1gkng_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_1gkng_gg_._size_l_1gkng_gg_{width:21px}.___SPickerFormat_1gkng_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_1gkng_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_1gkng_gg_.__active_1gkng_gg_,.___SPickerFormat_1gkng_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_1gkng_gg_:focus,.___SPickerFormat_1gkng_gg_:focus-visible{outline:0}.___SPickerFormat_1gkng_gg_._size_m_1gkng_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_1gkng_gg_._size_m_1gkng_gg_ .___SPickerFormatText_1gkng_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_1gkng_gg_._size_l_1gkng_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_1gkng_gg_._size_l_1gkng_gg_ .___SPickerFormatText_1gkng_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_1gkng_gg_.__disabled_1gkng_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_1gkng_gg_.__keyboardFocused_1gkng_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_1gkng_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_1gkng_gg_.__disabled_1gkng_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "1gkng_gg_") /*__reshadow_css_end__*/, {
-  "__STimePicker": "___STimePicker_1gkng_gg_",
-  "_keyboardFocused": "__keyboardFocused_1gkng_gg_",
-  "_disabled": "__disabled_1gkng_gg_",
-  "__SPickerInput": "___SPickerInput_1gkng_gg_",
-  "_size_m": "_size_m_1gkng_gg_",
-  "_size_l": "_size_l_1gkng_gg_",
-  "__SPickerFormat": "___SPickerFormat_1gkng_gg_",
-  "__STimePickerSeparator": "___STimePickerSeparator_1gkng_gg_",
-  "_placeholder": "__placeholder_1gkng_gg_",
-  "_active": "__active_1gkng_gg_",
-  "__SPickerFormatText": "___SPickerFormatText_1gkng_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STimePicker_c8c6u_gg_{position:relative;width:auto;outline:0}.___STimePicker_c8c6u_gg_.__keyboardFocused_c8c6u_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_c8c6u_gg_.__disabled_c8c6u_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_c8c6u_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_c8c6u_gg_.__placeholder_c8c6u_gg_{text-overflow:initial}.___SPickerInput_c8c6u_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_c8c6u_gg_._size_l_c8c6u_gg_,.___SPickerInput_c8c6u_gg_._size_m_c8c6u_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_c8c6u_gg_._size_l_c8c6u_gg_{width:21px}.___SPickerFormat_c8c6u_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_c8c6u_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_c8c6u_gg_.__active_c8c6u_gg_,.___SPickerFormat_c8c6u_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_c8c6u_gg_:focus,.___SPickerFormat_c8c6u_gg_:focus-visible{outline:0}.___SPickerFormat_c8c6u_gg_._size_m_c8c6u_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_c8c6u_gg_._size_m_c8c6u_gg_ .___SPickerFormatText_c8c6u_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_c8c6u_gg_._size_l_c8c6u_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_c8c6u_gg_._size_l_c8c6u_gg_ .___SPickerFormatText_c8c6u_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_c8c6u_gg_.__disabled_c8c6u_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_c8c6u_gg_.__keyboardFocused_c8c6u_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_c8c6u_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_c8c6u_gg_.__disabled_c8c6u_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "c8c6u_gg_") /*__reshadow_css_end__*/, {
+  "__STimePicker": "___STimePicker_c8c6u_gg_",
+  "_keyboardFocused": "__keyboardFocused_c8c6u_gg_",
+  "_disabled": "__disabled_c8c6u_gg_",
+  "__SPickerInput": "___SPickerInput_c8c6u_gg_",
+  "_size_m": "_size_m_c8c6u_gg_",
+  "_size_l": "_size_l_c8c6u_gg_",
+  "__SPickerFormat": "___SPickerFormat_c8c6u_gg_",
+  "__STimePickerSeparator": "___STimePickerSeparator_c8c6u_gg_",
+  "_placeholder": "__placeholder_c8c6u_gg_",
+  "_active": "__active_c8c6u_gg_",
+  "__SPickerFormatText": "___SPickerFormatText_c8c6u_gg_"
 });
 var MAP_MERIDIEM = {
   AM: 'PM',

package/lib/es6/TimePicker.js

@@ -18,18 +18,18 @@ import Format from './PickerFormat';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
 /*__reshadow-styles__:"./style/time-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STimePicker_1gkng_gg_{position:relative;width:auto;outline:0}.___STimePicker_1gkng_gg_.__keyboardFocused_1gkng_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_1gkng_gg_.__disabled_1gkng_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_1gkng_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_1gkng_gg_.__placeholder_1gkng_gg_{text-overflow:initial}.___SPickerInput_1gkng_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_1gkng_gg_._size_l_1gkng_gg_,.___SPickerInput_1gkng_gg_._size_m_1gkng_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_1gkng_gg_._size_l_1gkng_gg_{width:21px}.___SPickerFormat_1gkng_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_1gkng_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_1gkng_gg_.__active_1gkng_gg_,.___SPickerFormat_1gkng_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_1gkng_gg_:focus,.___SPickerFormat_1gkng_gg_:focus-visible{outline:0}.___SPickerFormat_1gkng_gg_._size_m_1gkng_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_1gkng_gg_._size_m_1gkng_gg_ .___SPickerFormatText_1gkng_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_1gkng_gg_._size_l_1gkng_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_1gkng_gg_._size_l_1gkng_gg_ .___SPickerFormatText_1gkng_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_1gkng_gg_.__disabled_1gkng_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_1gkng_gg_.__keyboardFocused_1gkng_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_1gkng_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_1gkng_gg_.__disabled_1gkng_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "1gkng_gg_") /*__reshadow_css_end__*/, {
-  "__STimePicker": "___STimePicker_1gkng_gg_",
-  "_keyboardFocused": "__keyboardFocused_1gkng_gg_",
-  "_disabled": "__disabled_1gkng_gg_",
-  "__SPickerInput": "___SPickerInput_1gkng_gg_",
-  "_size_m": "_size_m_1gkng_gg_",
-  "_size_l": "_size_l_1gkng_gg_",
-  "__SPickerFormat": "___SPickerFormat_1gkng_gg_",
-  "__STimePickerSeparator": "___STimePickerSeparator_1gkng_gg_",
-  "_placeholder": "__placeholder_1gkng_gg_",
-  "_active": "__active_1gkng_gg_",
-  "__SPickerFormatText": "___SPickerFormatText_1gkng_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STimePicker_c8c6u_gg_{position:relative;width:auto;outline:0}.___STimePicker_c8c6u_gg_.__keyboardFocused_c8c6u_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_c8c6u_gg_.__disabled_c8c6u_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_c8c6u_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_c8c6u_gg_.__placeholder_c8c6u_gg_{text-overflow:initial}.___SPickerInput_c8c6u_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_c8c6u_gg_._size_l_c8c6u_gg_,.___SPickerInput_c8c6u_gg_._size_m_c8c6u_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_c8c6u_gg_._size_l_c8c6u_gg_{width:21px}.___SPickerFormat_c8c6u_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_c8c6u_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_c8c6u_gg_.__active_c8c6u_gg_,.___SPickerFormat_c8c6u_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_c8c6u_gg_:focus,.___SPickerFormat_c8c6u_gg_:focus-visible{outline:0}.___SPickerFormat_c8c6u_gg_._size_m_c8c6u_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_c8c6u_gg_._size_m_c8c6u_gg_ .___SPickerFormatText_c8c6u_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_c8c6u_gg_._size_l_c8c6u_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_c8c6u_gg_._size_l_c8c6u_gg_ .___SPickerFormatText_c8c6u_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_c8c6u_gg_.__disabled_c8c6u_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_c8c6u_gg_.__keyboardFocused_c8c6u_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_c8c6u_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_c8c6u_gg_.__disabled_c8c6u_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "c8c6u_gg_") /*__reshadow_css_end__*/, {
+  "__STimePicker": "___STimePicker_c8c6u_gg_",
+  "_keyboardFocused": "__keyboardFocused_c8c6u_gg_",
+  "_disabled": "__disabled_c8c6u_gg_",
+  "__SPickerInput": "___SPickerInput_c8c6u_gg_",
+  "_size_m": "_size_m_c8c6u_gg_",
+  "_size_l": "_size_l_c8c6u_gg_",
+  "__SPickerFormat": "___SPickerFormat_c8c6u_gg_",
+  "__STimePickerSeparator": "___STimePickerSeparator_c8c6u_gg_",
+  "_placeholder": "__placeholder_c8c6u_gg_",
+  "_active": "__active_c8c6u_gg_",
+  "__SPickerFormatText": "___SPickerFormatText_c8c6u_gg_"
 });
 import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
 var MAP_MERIDIEM = {

package/lib/esm/PickerFormat.mjs

@@ -0,0 +1,60 @@
+import v from "@babel/runtime/helpers/esm/objectSpread2";
+import T from "@babel/runtime/helpers/esm/classCallCheck";
+import S from "@babel/runtime/helpers/esm/createClass";
+import p from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _ from "@babel/runtime/helpers/esm/inherits";
+import y from "@babel/runtime/helpers/esm/createSuper";
+import s from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as C, assignProps as k, Component as b } from "@semcore/core";
+import a from "react";
+import { ScreenReaderOnly as h, Box as x } from "@semcore/flex-box";
+import E from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
+import I from "@semcore/utils/lib/uniqueID";
+var N = /* @__PURE__ */ function(u) {
+  _(n, u);
+  var l = y(n);
+  function n() {
+    var t;
+    T(this, n);
+    for (var o = arguments.length, e = new Array(o), i = 0; i < o; i++)
+      e[i] = arguments[i];
+    return t = l.call.apply(l, [this].concat(e)), s(p(t), "state", {
+      changedFormatNotice: ""
+    }), s(p(t), "handleClick", function() {
+      setTimeout(function() {
+        var r = t.asProps, c = r.meridiem, m = r.getI18nText;
+        t.setState({
+          changedFormatNotice: m("changedFormatNotice", {
+            meridiem: c
+          })
+        });
+      }, 0), setTimeout(function() {
+        t.setState({
+          changedFormatNotice: ""
+        });
+      }, 2e3);
+    }), t;
+  }
+  return S(n, [{
+    key: "render",
+    value: function() {
+      var o = this.asProps, e, i = x, r = this.asProps, c = r.Children, m = r.meridiem, f = r.styles, g = r.getI18nText, d = r.uid, F = this.state.changedFormatNotice, P = "span";
+      return e = C(f), /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(i, e.cn("SPickerFormat", v({}, k({
+        type: "button",
+        tag: "button",
+        onClick: this.handleClick,
+        "aria-describedby": "".concat(d, "_describe")
+      }, o))), c.origin ? /* @__PURE__ */ a.createElement(c, e.cn("Children", {})) : /* @__PURE__ */ a.createElement(P, e.cn("SPickerFormatText", {}), m)), /* @__PURE__ */ a.createElement(h, e.cn("ScreenReaderOnly", {
+        role: "status",
+        "aria-live": "polite"
+      }), F), /* @__PURE__ */ a.createElement(h, e.cn("ScreenReaderOnly", {
+        "aria-hidden": "true",
+        id: "".concat(d, "_describe")
+      }), g("formatToggler")));
+    }
+  }]), n;
+}(b);
+s(N, "enhance", [E(), I()]);
+export {
+  N as default
+};

package/lib/esm/PickerInput.mjs

@@ -0,0 +1,196 @@
+import h from "@babel/runtime/helpers/esm/objectSpread2";
+import R from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import I from "@babel/runtime/helpers/esm/slicedToArray";
+import b from "@babel/runtime/helpers/esm/classCallCheck";
+import P from "@babel/runtime/helpers/esm/createClass";
+import l from "@babel/runtime/helpers/esm/assertThisInitialized";
+import x from "@babel/runtime/helpers/esm/inherits";
+import M from "@babel/runtime/helpers/esm/createSuper";
+import u from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as L, assignProps as $, Component as H } from "@semcore/core";
+import m from "react";
+import K from "@semcore/input";
+import d from "@semcore/select";
+import { withLeadingZero as B, intOrDefault as W } from "./TimePicker.mjs";
+import { callAllEventHandlers as E } from "@semcore/utils/lib/assignProps";
+var j = ["styles", "step", "onSelect", "time", "size", "disabled", "onVisibleChange"], F = {
+  hours: 0,
+  minutes: 1
+}, U = {
+  m: "m",
+  l: "l"
+};
+function Z(f, o) {
+  var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 1, e = Number(((o + 1 - f) / n).toFixed(0)), s = Array(e).fill(""), r = f;
+  return s.map(function(a, t) {
+    r = t === 0 ? r : r + n;
+    var i = B(String(r));
+    return /* @__PURE__ */ m.createElement(d.Option, {
+      value: i,
+      key: i
+    }, i);
+  });
+}
+var q = [-8, 4], p = /* @__PURE__ */ function(f) {
+  x(n, f);
+  var o = M(n);
+  function n() {
+    var e;
+    b(this, n);
+    for (var s = arguments.length, r = new Array(s), a = 0; a < s; a++)
+      r[a] = arguments[a];
+    return e = o.call.apply(o, [this].concat(r)), u(l(e), "inputRef", /* @__PURE__ */ m.createRef()), u(l(e), "state", {
+      dirtyValue: void 0,
+      visible: !1
+    }), u(l(e), "parseValueWithMinMax", function(t) {
+      var i = e.minMax(), c = I(i, 2), v = c[0], g = c[1];
+      return String(Math.max(v, Math.min(g, t)));
+    }), u(l(e), "handleChange", function(t, i) {
+      i.stopPropagation();
+      var c = W(Number(t), NaN);
+      Number.isNaN(c) || e.setState({
+        dirtyValue: t.slice(-2)
+      });
+    }), u(l(e), "handleBlur", function(t) {
+      return e.submitChanges(t);
+    }), u(l(e), "handleKeyDown", function() {
+    }), u(l(e), "handleSelect", function(t, i) {
+      e.dispatchOnChange(t, i);
+    }), u(l(e), "handleVisibleChange", function(t) {
+      return e.setState({
+        visible: t
+      });
+    }), u(l(e), "getAriaLabel", function() {
+      var t = e.asProps._getI18nText;
+      if (e.field === "hours") return t("hours");
+      if (e.field === "minutes") return t("minutes");
+    }), e;
+  }
+  return P(n, [{
+    key: "minMax",
+    value: function() {
+      return [];
+    }
+  }, {
+    key: "dispatchOnChange",
+    value: function(s, r) {
+      this.setState({
+        dirtyValue: void 0
+      }), this.asProps.$onValueChange(s, this.field, r);
+    }
+  }, {
+    key: "submitChanges",
+    value: function(s) {
+      var r = this.state.dirtyValue;
+      r !== void 0 && (r && (r = this.parseValueWithMinMax(r)), this.dispatchOnChange(r, s));
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var s = this.asProps, r, a = d.Trigger, t = this.asProps, i = t.styles, c = t.step, v = t.onSelect, g = t.time, y = t.size, k = t.disabled, A = t.onVisibleChange, D = R(t, j), C = this.state, V = C.dirtyValue, T = C.visible, S = g[F[this.field]], w = V === void 0 ? S : V, N = this.minMax(), _ = I(N, 2), z = _[0], O = _[1];
+      return r = L(i), /* @__PURE__ */ m.createElement(d, r.cn("Select", h(h({}, D), {}, {
+        interaction: "focus",
+        size: y ? U[y] : !1,
+        onChange: E(v, this.handleSelect),
+        onVisibleChange: E(A, this.handleVisibleChange),
+        visible: T,
+        value: S
+      })), /* @__PURE__ */ m.createElement(a, r.cn("SPickerInput", h({}, $({
+        tag: K.Value,
+        ref: this.inputRef,
+        inputMode: "numeric",
+        size: y,
+        disabled: k,
+        neighborLocation: !1,
+        value: w,
+        "aria-label": this.getAriaLabel(),
+        onChange: this.handleChange,
+        onBlur: this.handleBlur,
+        onKeyDown: this.handleKeyDown
+      }, s)))), /* @__PURE__ */ m.createElement(d.Menu, {
+        hMax: 180
+      }, Z(z, O, c)));
+    }
+  }]), n;
+}(H);
+u(p, "defaultProps", {
+  placeholder: "00",
+  offset: q
+});
+var G = /* @__PURE__ */ function(f) {
+  x(n, f);
+  var o = M(n);
+  function n() {
+    var e;
+    b(this, n);
+    for (var s = arguments.length, r = new Array(s), a = 0; a < s; a++)
+      r[a] = arguments[a];
+    return e = o.call.apply(o, [this].concat(r)), u(l(e), "field", "hours"), u(l(e), "handleKeyDown", function(t) {
+      var i = t.currentTarget;
+      t.key === "Enter" && e.submitChanges(t), t.key === "ArrowRight" && i.selectionStart >= i.value.length && i.selectionStart === i.selectionEnd && (t.preventDefault(), e.focusNext());
+    }), e;
+  }
+  return P(n, [{
+    key: "minMax",
+    value: function() {
+      var s = this.asProps.is12Hour;
+      return s ? [1, 12] : [0, 23];
+    }
+  }, {
+    key: "focusNext",
+    value: function() {
+      this.asProps.minutesInputRef.current && (this.setState({
+        visible: !1
+      }), this.asProps.minutesInputRef.current.focus());
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function(s, r) {
+      var a = this.state.dirtyValue;
+      r.dirtyValue === void 0 || a === void 0 || r.dirtyValue.length === 1 && a.length === 2 && this.focusNext();
+    }
+  }]), n;
+}(p);
+u(G, "defaultProps", function(f) {
+  var o = f.size;
+  return h(h({}, p.defaultProps), {}, {
+    ml: o === "l" ? 3 : void 0
+  });
+});
+var J = /* @__PURE__ */ function(f) {
+  x(n, f);
+  var o = M(n);
+  function n() {
+    var e;
+    b(this, n);
+    for (var s = arguments.length, r = new Array(s), a = 0; a < s; a++)
+      r[a] = arguments[a];
+    return e = o.call.apply(o, [this].concat(r)), u(l(e), "field", "minutes"), u(l(e), "handleKeyDown", function(t) {
+      var i = t.currentTarget;
+      t.key === "ArrowLeft" && i.selectionStart <= 0 && i.selectionStart === i.selectionEnd && (t.preventDefault(), e.focusPrev()), t.key === "Backspace" && i.value.length === 0 && (t.preventDefault(), e.focusPrev()), t.key === "Enter" && e.submitChanges(t);
+    }), e;
+  }
+  return P(n, [{
+    key: "minMax",
+    value: function() {
+      return [0, 59];
+    }
+  }, {
+    key: "focusPrev",
+    value: function() {
+      this.asProps.hoursInputRef.current && (this.setState({
+        visible: !1
+      }), this.asProps.hoursInputRef.current.focus());
+    }
+  }]), n;
+}(p);
+u(J, "defaultProps", function(f) {
+  var o = f.size;
+  return h(h({}, p.defaultProps), {}, {
+    mr: o === "l" ? 3 : void 0
+  });
+});
+export {
+  G as Hours,
+  J as Minutes
+};

package/lib/esm/TimePicker.mjs

@@ -0,0 +1,234 @@
+import x from "@babel/runtime/helpers/esm/objectSpread2";
+import b from "@babel/runtime/helpers/esm/slicedToArray";
+import z from "@babel/runtime/helpers/esm/classCallCheck";
+import H from "@babel/runtime/helpers/esm/createClass";
+import p from "@babel/runtime/helpers/esm/assertThisInitialized";
+import $ from "@babel/runtime/helpers/esm/inherits";
+import N from "@babel/runtime/helpers/esm/createSuper";
+import g from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as D } from "@semcore/utils/lib/core/index";
+import q, { sstyled as C, assignProps as R, Component as w } from "@semcore/core";
+import m from "react";
+import B from "@semcore/input";
+import { Box as L } from "@semcore/flex-box";
+import { Hours as O, Minutes as j } from "./PickerInput.mjs";
+import Z from "./PickerFormat.mjs";
+import { localizedMessages as E } from "./translations/__intergalactic-dynamic-locales.mjs";
+import G from "@semcore/utils/lib/enhances/i18nEnhance";
+import J from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
+var K = (
+  /*__reshadow_css_start__*/
+  (D.insert(
+    /*__inner_css_start__*/
+    ".___STimePicker_c8c6u_gg_{position:relative;width:auto;outline:0}.___STimePicker_c8c6u_gg_.__keyboardFocused_c8c6u_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_c8c6u_gg_.__disabled_c8c6u_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_c8c6u_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_c8c6u_gg_.__placeholder_c8c6u_gg_{text-overflow:initial}.___SPickerInput_c8c6u_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_c8c6u_gg_._size_l_c8c6u_gg_,.___SPickerInput_c8c6u_gg_._size_m_c8c6u_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_c8c6u_gg_._size_l_c8c6u_gg_{width:21px}.___SPickerFormat_c8c6u_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_c8c6u_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_c8c6u_gg_.__active_c8c6u_gg_,.___SPickerFormat_c8c6u_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_c8c6u_gg_:focus,.___SPickerFormat_c8c6u_gg_:focus-visible{outline:0}.___SPickerFormat_c8c6u_gg_._size_m_c8c6u_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_c8c6u_gg_._size_m_c8c6u_gg_ .___SPickerFormatText_c8c6u_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_c8c6u_gg_._size_l_c8c6u_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_c8c6u_gg_._size_l_c8c6u_gg_ .___SPickerFormatText_c8c6u_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_c8c6u_gg_.__disabled_c8c6u_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_c8c6u_gg_.__keyboardFocused_c8c6u_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_c8c6u_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_c8c6u_gg_.__disabled_c8c6u_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}",
+    "c8c6u_gg_"
+  ), {
+    __STimePicker: "___STimePicker_c8c6u_gg_",
+    _keyboardFocused: "__keyboardFocused_c8c6u_gg_",
+    _disabled: "__disabled_c8c6u_gg_",
+    __SPickerInput: "___SPickerInput_c8c6u_gg_",
+    _size_m: "_size_m_c8c6u_gg_",
+    _size_l: "_size_l_c8c6u_gg_",
+    __SPickerFormat: "___SPickerFormat_c8c6u_gg_",
+    __STimePickerSeparator: "___STimePickerSeparator_c8c6u_gg_",
+    _placeholder: "__placeholder_c8c6u_gg_",
+    _active: "__active_c8c6u_gg_",
+    __SPickerFormatText: "___SPickerFormatText_c8c6u_gg_"
+  })
+), Q = {
+  AM: "PM",
+  PM: "AM"
+}, U = {
+  hours: 0,
+  minutes: 1
+};
+function S(a) {
+  var u = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, _ = Number.parseInt(a);
+  return Number.isNaN(_) ? u : _;
+}
+function F(a) {
+  return a = String(a), a.length === 1 ? "0".concat(a) : String(a);
+}
+function W(a) {
+  return a >= 12 ? "PM" : "AM";
+}
+function M(a) {
+  var u = S(a, NaN);
+  return Number.isNaN(u) ? a : u === 0 ? 12 : u > 12 ? u - 12 : a;
+}
+function X(a, u) {
+  var _ = S(a, NaN);
+  return Number.isNaN(_) ? a : u === "AM" && _ === 12 ? 0 : u === "PM" && _ < 12 ? _ + 12 : a;
+}
+var T = /* @__PURE__ */ function(a) {
+  $(_, a);
+  var u = N(_);
+  function _() {
+    var e;
+    z(this, _);
+    for (var t = arguments.length, c = new Array(t), o = 0; o < t; o++)
+      c[o] = arguments[o];
+    return e = u.call.apply(u, [this].concat(c)), g(p(e), "hoursInputRef", /* @__PURE__ */ m.createRef()), g(p(e), "minutesInputRef", /* @__PURE__ */ m.createRef()), g(p(e), "_lastMeridiem", "AM"), g(p(e), "handleValueChange", function(r, n, i) {
+      var l = e.asProps.is12Hour, s = p(e), f = s.meridiem, d;
+      n ? (d = e.value.split(":"), d[U[n]] = r) : d = r.split(":");
+      var k = d, v = b(k, 2), h = v[0], P = h === void 0 ? "" : h, y = v[1], V = y === void 0 ? "" : y;
+      l && (P = String(M(P))), r = e.timeToValue([P, V], f), e.handlers.value(r, i);
+    }), g(p(e), "handleMeridiemClick", function(r) {
+      var n = e.asProps.is12Hour, i = p(e), l = i.value, s = i.meridiem, f = l.split(":"), d = b(f, 2), k = d[0], v = k === void 0 ? "" : k, h = d[1], P = h === void 0 ? "" : h;
+      n && (v = String(M(v))), l = e.timeToValue([v, P], Q[s]), e.handlers.value(l, r);
+    }), g(p(e), "_getHoursAndMinutesProps", function() {
+      var r = e.asProps, n = r.is12Hour, i = r.size, l = r.disabled, s = r.getI18nText, f = e.valueToTime(e.value);
+      return {
+        time: f,
+        size: i,
+        is12Hour: n,
+        disabled: l,
+        $onValueChange: e.handleValueChange,
+        minutesInputRef: e.minutesInputRef,
+        hoursInputRef: e.hoursInputRef,
+        _getI18nText: s
+      };
+    }), g(p(e), "getHoursProps", function() {
+      return x(x({}, e._getHoursAndMinutesProps()), {}, {
+        ref: e.hoursInputRef
+      });
+    }), g(p(e), "getMinutesProps", function() {
+      return x(x({}, e._getHoursAndMinutesProps()), {}, {
+        ref: e.minutesInputRef
+      });
+    }), e;
+  }
+  return H(_, [{
+    key: "uncontrolledProps",
+    value: (
+      // default AM
+      function() {
+        return {
+          value: null,
+          title: null
+        };
+      }
+    )
+  }, {
+    key: "componentDidMount",
+    value: function() {
+      var t, c = this.asProps, o = c.id, r = c["aria-describedby"], n = "[for=".concat(o, "]"), i = (t = document.querySelector(n)) !== null && t !== void 0 ? t : document.querySelector("#".concat(r));
+      i && this.handlers.title(i.textContent);
+    }
+  }, {
+    key: "value",
+    get: function() {
+      var t = this.asProps.value;
+      return t ?? ":";
+    }
+  }, {
+    key: "meridiem",
+    get: function() {
+      var t = this.asProps.value, c = t.split(":"), o = b(c, 1), r = o[0], n = r === void 0 ? "" : r, i = S(n, NaN);
+      return Number.isNaN(i) || (this._lastMeridiem = W(i)), this._lastMeridiem;
+    }
+  }, {
+    key: "valueToTime",
+    value: function(t) {
+      var c = this.asProps.is12Hour, o = t.split(":"), r = b(o, 2), n = r[0], i = n === void 0 ? "" : n, l = r[1], s = l === void 0 ? "" : l;
+      return c && (i = M(i)), i = F(i), s = F(s), [i, s];
+    }
+  }, {
+    key: "timeToValue",
+    value: function(t, c) {
+      var o = this.asProps.is12Hour, r = b(t, 2), n = r[0], i = n === void 0 ? "" : n, l = r[1], s = l === void 0 ? "" : l;
+      return i = S(i, i), s = S(s, s), o && (i = X(i, c)), "".concat(i, ":").concat(s);
+    }
+  }, {
+    key: "getSeparatorProps",
+    value: function() {
+      return {
+        disabled: this.asProps.disabled,
+        hoursInputRef: this.hoursInputRef
+      };
+    }
+  }, {
+    key: "getFormatProps",
+    value: function() {
+      var t = this.asProps, c = t.size, o = t.disabled, r = t.disablePortal, n = t.getI18nText;
+      return {
+        size: c,
+        disabled: o,
+        disablePortal: r,
+        meridiem: this.meridiem,
+        onClick: this.handleMeridiemClick,
+        getI18nText: n
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var t = this.asProps, c, o = B, r = this.asProps, n = r.styles, i = r.Children, l = r.value, s = r.is12Hour, f = r.getI18nText, d = r.title, k = this.valueToTime(this.value), v = b(k, 2), h = v[0], P = v[1], y = l ? "".concat(d, " ").concat(f("title", {
+        time: "".concat(h, ":").concat(F(P)),
+        meridiem: s ? this.meridiem : ""
+      })) : "".concat(d, " ").concat(f("titleEmpty"));
+      return c = C(n), /* @__PURE__ */ m.createElement(m.Fragment, null, /* @__PURE__ */ m.createElement(o, c.cn("STimePicker", x({}, R({
+        role: "group",
+        "aria-label": y,
+        __excludeProps: ["value", "title"]
+      }, t))), /* @__PURE__ */ m.createElement(i, c.cn("Children", {}))));
+    }
+  }]), _;
+}(w);
+g(T, "displayName", "TimePicker");
+g(T, "style", K);
+g(T, "enhance", [G(E), J()]);
+g(T, "defaultProps", function(a) {
+  var u = a.is12Hour;
+  return {
+    defaultValue: "",
+    size: "m",
+    children: /* @__PURE__ */ m.createElement(m.Fragment, null, /* @__PURE__ */ m.createElement(I.Hours, null), /* @__PURE__ */ m.createElement(I.Separator, null), /* @__PURE__ */ m.createElement(I.Minutes, null), u && /* @__PURE__ */ m.createElement(I.Format, null)),
+    i18n: E,
+    locale: "en",
+    defaultTitle: ""
+  };
+});
+var A = /* @__PURE__ */ function(a) {
+  $(_, a);
+  var u = N(_);
+  function _() {
+    var e;
+    z(this, _);
+    for (var t = arguments.length, c = new Array(t), o = 0; o < t; o++)
+      c[o] = arguments[o];
+    return e = u.call.apply(u, [this].concat(c)), g(p(e), "handlerClick", function() {
+      if (e.asProps.hoursInputRef.current) {
+        var r;
+        (r = e.asProps.hoursInputRef.current) === null || r === void 0 || r.focus();
+      }
+    }), e;
+  }
+  return H(_, [{
+    key: "render",
+    value: function() {
+      var t = this.asProps, c, o = L, r = this.asProps.styles;
+      return c = C(r), /* @__PURE__ */ m.createElement(o, c.cn("STimePickerSeparator", x({}, R({
+        onClick: this.handlerClick,
+        "aria-hidden": "true"
+      }, t))));
+    }
+  }]), _;
+}(w);
+g(A, "defaultProps", {
+  children: ":"
+});
+var I = q(T, {
+  Hours: O,
+  Minutes: j,
+  Separator: A,
+  Format: Z
+});
+export {
+  I as default,
+  M as formatHoursTo12,
+  X as formatHoursTo24,
+  S as intOrDefault,
+  W as meridiemByHours,
+  F as withLeadingZero
+};

package/lib/esm/index.mjs

@@ -0,0 +1,9 @@
+import { default as e, formatHoursTo12 as t, formatHoursTo24 as a, intOrDefault as f, meridiemByHours as i, withLeadingZero as m } from "./TimePicker.mjs";
+export {
+  e as default,
+  t as formatHoursTo12,
+  a as formatHoursTo24,
+  f as intOrDefault,
+  i as meridiemByHours,
+  m as withLeadingZero
+};

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -0,0 +1,33 @@
+import r from "./de.json.mjs";
+import o from "./en.json.mjs";
+import m from "./es.json.mjs";
+import t from "./fr.json.mjs";
+import i from "./it.json.mjs";
+import p from "./ja.json.mjs";
+import f from "./ko.json.mjs";
+import e from "./nl.json.mjs";
+import s from "./pt.json.mjs";
+import a from "./tr.json.mjs";
+import l from "./vi.json.mjs";
+import v from "./zh.json.mjs";
+import d from "./pl.json.mjs";
+import n from "./sv.json.mjs";
+var B = {
+  de: r,
+  en: o,
+  es: m,
+  fr: t,
+  it: i,
+  ja: p,
+  ko: f,
+  nl: e,
+  pt: s,
+  tr: a,
+  vi: l,
+  zh: v,
+  pl: d,
+  sv: n
+};
+export {
+  B as localizedMessages
+};

package/lib/esm/translations/de.json.mjs

@@ -0,0 +1,17 @@
+const t = "{time} {meridiem}", e = "Auswählen", o = "Stunden", n = "Minuten", i = "Zeitraum", m = "Zeitraum geändert auf {meridiem}", r = {
+  title: t,
+  titleEmpty: e,
+  hours: o,
+  minutes: n,
+  formatToggler: i,
+  changedFormatNotice: m
+};
+export {
+  m as changedFormatNotice,
+  r as default,
+  i as formatToggler,
+  o as hours,
+  n as minutes,
+  t as title,
+  e as titleEmpty
+};

package/lib/esm/translations/en.json.mjs

@@ -0,0 +1,17 @@
+const t = "{time} {meridiem}", e = "Select", o = "Hours", i = "Minutes", m = "Time period", n = "Time period changed to {meridiem}", r = {
+  title: t,
+  titleEmpty: e,
+  hours: o,
+  minutes: i,
+  formatToggler: m,
+  changedFormatNotice: n
+};
+export {
+  n as changedFormatNotice,
+  r as default,
+  m as formatToggler,
+  o as hours,
+  i as minutes,
+  t as title,
+  e as titleEmpty
+};

package/lib/esm/translations/es.json.mjs

@@ -0,0 +1,17 @@
+const t = "{time} {meridiem}", e = "Seleccionar", o = "Horas", i = "Minutos", m = "Período de tiempo", r = "Periodo de tiempo cambiado a {meridiem}", s = {
+  title: t,
+  titleEmpty: e,
+  hours: o,
+  minutes: i,
+  formatToggler: m,
+  changedFormatNotice: r
+};
+export {
+  r as changedFormatNotice,
+  s as default,
+  m as formatToggler,
+  o as hours,
+  i as minutes,
+  t as title,
+  e as titleEmpty
+};

package/lib/esm/translations/fr.json.mjs

@@ -0,0 +1,17 @@
+const t = "{time} {meridiem}", e = "Sélectionner", o = "Heures", i = "Minutes", r = "Période", n = "La période a été définie sur {meridiem}", s = {
+  title: t,
+  titleEmpty: e,
+  hours: o,
+  minutes: i,
+  formatToggler: r,
+  changedFormatNotice: n
+};
+export {
+  n as changedFormatNotice,
+  s as default,
+  r as formatToggler,
+  o as hours,
+  i as minutes,
+  t as title,
+  e as titleEmpty
+};

package/lib/esm/translations/it.json.mjs

@@ -0,0 +1,17 @@
+const t = "{time} {meridiem}", e = "Seleziona", o = "Ore", i = "Minuti", n = "Periodo", r = "Periodo indicato in {meridiem}", m = {
+  title: t,
+  titleEmpty: e,
+  hours: o,
+  minutes: i,
+  formatToggler: n,
+  changedFormatNotice: r
+};
+export {
+  r as changedFormatNotice,
+  m as default,
+  n as formatToggler,
+  o as hours,
+  i as minutes,
+  t as title,
+  e as titleEmpty
+};

package/lib/esm/translations/ja.json.mjs

@@ -0,0 +1,17 @@
+const t = "{time} {meridiem}", e = "選択", o = "時間", i = "分", m = "期間", s = "期間を {meridiem} に変更", c = {
+  title: t,
+  titleEmpty: e,
+  hours: o,
+  minutes: i,
+  formatToggler: m,
+  changedFormatNotice: s
+};
+export {
+  s as changedFormatNotice,
+  c as default,
+  m as formatToggler,
+  o as hours,
+  i as minutes,
+  t as title,
+  e as titleEmpty
+};

package/lib/esm/translations/ko.json.mjs

@@ -0,0 +1,17 @@
+const t = "{time} {meridiem}", e = "선택", o = "시", i = "분", m = "시간대", s = "시간대가 {meridiem}로 변경되었습니다", c = {
+  title: t,
+  titleEmpty: e,
+  hours: o,
+  minutes: i,
+  formatToggler: m,
+  changedFormatNotice: s
+};
+export {
+  s as changedFormatNotice,
+  c as default,
+  m as formatToggler,
+  o as hours,
+  i as minutes,
+  t as title,
+  e as titleEmpty
+};

package/lib/esm/translations/nl.json.mjs

@@ -0,0 +1,17 @@
+const t = "{time} {meridiem}", e = "Selecteren", o = "Uur", i = "Minuten", n = "Tijdzone", m = "Tijdzone gewijzigd in {meridiem}", r = {
+  title: t,
+  titleEmpty: e,
+  hours: o,
+  minutes: i,
+  formatToggler: n,
+  changedFormatNotice: m
+};
+export {
+  m as changedFormatNotice,
+  r as default,
+  n as formatToggler,
+  o as hours,
+  i as minutes,
+  t as title,
+  e as titleEmpty
+};

package/lib/esm/translations/pl.json.mjs

@@ -0,0 +1,17 @@
+const t = "{time} {meridiem}", o = "Wybierz", e = "Godziny", i = "Minuty", n = "Pora dnia", m = "Zmieniono porę dnia na {meridiem}", r = {
+  title: t,
+  titleEmpty: o,
+  hours: e,
+  minutes: i,
+  formatToggler: n,
+  changedFormatNotice: m
+};
+export {
+  m as changedFormatNotice,
+  r as default,
+  n as formatToggler,
+  e as hours,
+  i as minutes,
+  t as title,
+  o as titleEmpty
+};

package/lib/esm/translations/pt.json.mjs

@@ -0,0 +1,17 @@
+const t = "{time} {meridiem}", o = "Selecionar", e = "Horas", r = "Minutos", i = "Período", a = "Período alterado para {meridiem}", s = {
+  title: t,
+  titleEmpty: o,
+  hours: e,
+  minutes: r,
+  formatToggler: i,
+  changedFormatNotice: a
+};
+export {
+  a as changedFormatNotice,
+  s as default,
+  i as formatToggler,
+  e as hours,
+  r as minutes,
+  t as title,
+  o as titleEmpty
+};

package/lib/esm/translations/sv.json.mjs

@@ -0,0 +1,17 @@
+const t = "{time} {meridiem}", e = "Välj", i = "Timmar", o = "Minuter", r = "Tidsperiod", m = "Tidsperiod ändrad till {meridiem}", s = {
+  title: t,
+  titleEmpty: e,
+  hours: i,
+  minutes: o,
+  formatToggler: r,
+  changedFormatNotice: m
+};
+export {
+  m as changedFormatNotice,
+  s as default,
+  r as formatToggler,
+  i as hours,
+  o as minutes,
+  t as title,
+  e as titleEmpty
+};

package/lib/esm/translations/tr.json.mjs

@@ -0,0 +1,17 @@
+const t = "{time} {meridiem}", a = "Seç", e = "Saat", o = "Dakika", i = "Zaman aralığı", r = "Zaman aralığı {meridiem} olarak değiştirildi", m = {
+  title: t,
+  titleEmpty: a,
+  hours: e,
+  minutes: o,
+  formatToggler: i,
+  changedFormatNotice: r
+};
+export {
+  r as changedFormatNotice,
+  m as default,
+  i as formatToggler,
+  e as hours,
+  o as minutes,
+  t as title,
+  a as titleEmpty
+};

package/lib/esm/translations/vi.json.mjs

@@ -0,0 +1,17 @@
+const t = "{time} {meridiem}", i = "Chọn", e = "Giờ", o = "Phút", n = "Thời gian", m = "Thời gian đã đổi thành {meridiem}", s = {
+  title: t,
+  titleEmpty: i,
+  hours: e,
+  minutes: o,
+  formatToggler: n,
+  changedFormatNotice: m
+};
+export {
+  m as changedFormatNotice,
+  s as default,
+  n as formatToggler,
+  e as hours,
+  o as minutes,
+  t as title,
+  i as titleEmpty
+};

package/lib/esm/translations/zh.json.mjs

@@ -0,0 +1,17 @@
+const t = "{time} {meridiem}", e = "选择", o = "小时", i = "分钟", m = "时段", s = "时间段已更改为 {meridiem}", c = {
+  title: t,
+  titleEmpty: e,
+  hours: o,
+  minutes: i,
+  formatToggler: m,
+  changedFormatNotice: s
+};
+export {
+  s as changedFormatNotice,
+  c as default,
+  m as formatToggler,
+  o as hours,
+  i as minutes,
+  t as title,
+  e as titleEmpty
+};

package/package.json

@@ -1,22 +1,27 @@
 {
   "name": "@semcore/time-picker",
   "description": "Semrush TimePicker Component",
-  "version": "4.49.13-prerelease.9",
+  "version": "4.50.0-prerelease.12",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
   "sideEffects": false,
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
+  "exports": {
+    "require": "./lib/cjs/index.js",
+    "import": "./lib/esm/index.mjs",
+    "types": "./lib/types/index.d.ts"
+  },
   "dependencies": {
-    "@semcore/button": "5.42.0-prerelease.9",
-    "@semcore/flex-box": "5.41.0-prerelease.9",
-    "@semcore/input": "4.42.0-prerelease.9",
-    "@semcore/select": "4.49.6-prerelease.9",
-    "@semcore/utils": "4.47.1-prerelease.9"
+    "@semcore/button": "5.42.0-prerelease.12",
+    "@semcore/flex-box": "5.41.0-prerelease.12",
+    "@semcore/input": "4.42.0-prerelease.12",
+    "@semcore/select": "4.50.0-prerelease.12",
+    "@semcore/utils": "4.48.0-prerelease.12"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.39.0-prerelease.9",
+    "@semcore/core": "^2.39.0-prerelease.12",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },
@@ -30,6 +35,6 @@
     "@types/react": "18.0.21"
   },
   "scripts": {
-    "build": "pnpm semcore-builder --source=js"
+    "build": "pnpm semcore-builder --source=js && pnpm vite build"
   }
 }

package/vite.config.ts

@@ -0,0 +1,17 @@
+import { defineConfig, mergeConfig } from 'vite';
+
+import viteConfig from '../../commonVite.config';
+
+export default mergeConfig(
+  viteConfig,
+  defineConfig({
+    build: {
+      lib: {
+        entry: './src/index.js',
+      },
+      rollupOptions: {
+        external: ['react', 'react-dom', 'react/jsx-runtime', /@babel\/runtime\/*/, /@semcore\/*/],
+      },
+    },
+  }),
+);