@dreamcommerce/aurora 3.1.36 → 3.1.37

package/build/cjs/packages/aurora/src/components/date_and_time_picker/date_time_picker_utils.js

@@ -0,0 +1,78 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+
+var DateTimePickerUtils = /*#__PURE__*/_rollupPluginBabelHelpers.createClass(function DateTimePickerUtils() {
+  _rollupPluginBabelHelpers.classCallCheck(this, DateTimePickerUtils);
+});
+_rollupPluginBabelHelpers.defineProperty(DateTimePickerUtils, "parseDateTimeString", function (value) {
+  if (!value) return {
+    date: undefined,
+    time: undefined
+  };
+  var parts = value.split(' ');
+  if (parts.length !== 2) return {
+    date: undefined,
+    time: undefined
+  };
+  var _parts = _rollupPluginBabelHelpers.slicedToArray(parts, 2),
+    datePart = _parts[0],
+    timePart = _parts[1];
+  var dateMatch = datePart.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+  if (!dateMatch) return {
+    date: undefined,
+    time: undefined
+  };
+  var year = parseInt(dateMatch[1], 10);
+  var month = parseInt(dateMatch[2], 10) - 1;
+  var day = parseInt(dateMatch[3], 10);
+  if (isNaN(year) || isNaN(month) || isNaN(day)) return {
+    date: undefined,
+    time: undefined
+  };
+  var timeMatch = timePart.match(/^(\d{2}):(\d{2}):(\d{2})$/);
+  if (!timeMatch) return {
+    date: undefined,
+    time: undefined
+  };
+  var hour = parseInt(timeMatch[1], 10);
+  var minute = parseInt(timeMatch[2], 10);
+  var second = parseInt(timeMatch[3], 10);
+  if (isNaN(hour) || isNaN(minute) || isNaN(second)) return {
+    date: undefined,
+    time: undefined
+  };
+  if (hour < 0 || hour > 23) return {
+    date: undefined,
+    time: undefined
+  };
+  if (minute < 0 || minute > 59) return {
+    date: undefined,
+    time: undefined
+  };
+  if (second < 0 || second > 59) return {
+    date: undefined,
+    time: undefined
+  };
+  var date = new Date(year, month, day, hour, minute, second);
+  if (isNaN(date.getTime())) return {
+    date: undefined,
+    time: undefined
+  };
+  return {
+    date: date,
+    time: timePart
+  };
+});
+_rollupPluginBabelHelpers.defineProperty(DateTimePickerUtils, "formatDateTimeToString", function (date, time) {
+  if (!date || !time) return '';
+  var year = date.getFullYear();
+  var month = String(date.getMonth() + 1).padStart(2, '0');
+  var day = String(date.getDate()).padStart(2, '0');
+  return "".concat(year, "-").concat(month, "-").concat(day, " ").concat(time);
+});
+
+exports.DateTimePickerUtils = DateTimePickerUtils;
+//# sourceMappingURL=date_time_picker_utils.js.map

package/build/cjs/packages/aurora/src/components/date_and_time_picker/date_time_picker_utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_content.js

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var popover_content = require('../../popover/components/popover_content.js');
+var calendar = require('../../calendar/calendar.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["mode", "selected", "onSelect"];
+var DatePickerContent = function DatePickerContent(_ref) {
+  var _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? 'single' : _ref$mode,
+    selected = _ref.selected,
+    onSelect = _ref.onSelect,
+    dayPickerProps = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var calendarProps = _rollupPluginBabelHelpers.objectSpread2({
+    mode: mode,
+    selected: selected,
+    onSelect: onSelect
+  }, dayPickerProps);
+  return /*#__PURE__*/React__default['default'].createElement(popover_content.PopoverContent, null, /*#__PURE__*/React__default['default'].createElement(calendar.Calendar, _rollupPluginBabelHelpers.objectSpread2({}, calendarProps)));
+};
+
+exports.DatePickerContent = DatePickerContent;
+//# sourceMappingURL=date_picker_content.js.map

package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_input.js

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var input = require('../../input/input.js');
+var calendar_event_fill = require('../../../assets/icons/calendar_event_fill.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var DatePickerInput = function DatePickerInput(_ref) {
+  var id = _ref.id,
+    value = _ref.value,
+    placeholder = _ref.placeholder,
+    disabled = _ref.disabled,
+    errors = _ref.errors;
+  return /*#__PURE__*/React__default['default'].createElement(input.Input, {
+    id: id,
+    value: value,
+    errors: errors,
+    readOnly: true,
+    disabled: disabled,
+    placeholder: placeholder,
+    hasCursorPointer: true,
+    postElement: /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "aurora-flex aurora-h-full aurora-items-center aurora-cursor-pointer aurora-border-0 aurora-bg-transparent aurora-p-1 aurora-rounded-4 focus:aurora-outline-primary-hover"
+    }, /*#__PURE__*/React__default['default'].createElement(calendar_event_fill.CalendarEventFillIcon, {
+      size: 14,
+      className: "aurora-text"
+    }))
+  });
+};
+
+exports.DatePickerInput = DatePickerInput;
+//# sourceMappingURL=date_picker_input.js.map

package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/date_picker/date_picker.js

@@ -0,0 +1,68 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var cn = require('../../utilities/cn.js');
+var popover = require('../popover/popover.js');
+var popover_trigger = require('../popover/components/popover_trigger.js');
+var date_picker_input = require('./components/date_picker_input.js');
+var date_picker_content = require('./components/date_picker_content.js');
+var date_picker_utils = require('./date_picker_utils.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["id", "mode", "placeholder", "disabled", "errors", "value", "onChange", "disabledDays"];
+var DatePicker = function DatePicker(_ref) {
+  var id = _ref.id,
+    _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? 'single' : _ref$mode,
+    placeholder = _ref.placeholder,
+    disabled = _ref.disabled,
+    errors = _ref.errors,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    disabledDays = _ref.disabledDays,
+    dayPickerProps = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var _useState = React.useState(false),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var selectedDates = React.useMemo(function () {
+    return value;
+  }, [value]);
+  var displayValue = React.useMemo(function () {
+    if (!selectedDates) return '';
+    return date_picker_utils.DatePickerUtils.inputFormatValue(selectedDates, mode);
+  }, [selectedDates, mode]);
+  var handleDateSelect = function handleDateSelect(selected) {
+    onChange === null || onChange === void 0 ? void 0 : onChange(selected);
+    if (mode === 'single') {
+      setOpen(false);
+    }
+  };
+  return /*#__PURE__*/React__default['default'].createElement(popover.Popover, {
+    open: open,
+    onOpenChange: setOpen
+  }, /*#__PURE__*/React__default['default'].createElement(popover_trigger.PopoverTrigger, {
+    className: cn.cn('aurora-w-full', disabled && 'aurora-cursor-not-allowed'),
+    disabled: disabled
+  }, /*#__PURE__*/React__default['default'].createElement(date_picker_input.DatePickerInput, {
+    id: id,
+    value: displayValue,
+    placeholder: placeholder,
+    disabled: disabled,
+    errors: errors
+  })), /*#__PURE__*/React__default['default'].createElement(date_picker_content.DatePickerContent, _rollupPluginBabelHelpers.objectSpread2({
+    mode: mode,
+    selected: selectedDates,
+    onSelect: handleDateSelect,
+    disabled: disabledDays
+  }, dayPickerProps)));
+};
+
+exports.DatePicker = DatePicker;
+//# sourceMappingURL=date_picker.js.map

package/build/cjs/packages/aurora/src/components/date_picker/date_picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/date_picker/date_picker_utils.js

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+require('react-day-picker');
+
+var DatePickerUtils = /*#__PURE__*/_rollupPluginBabelHelpers.createClass(function DatePickerUtils() {
+  _rollupPluginBabelHelpers.classCallCheck(this, DatePickerUtils);
+});
+_rollupPluginBabelHelpers.defineProperty(DatePickerUtils, "inputFormatValue", function (selected, mode) {
+  if (!selected) return '';
+  if (mode === 'single') {
+    return selected.toLocaleDateString();
+  }
+  if (mode === 'multiple') {
+    var dates = selected;
+    return dates.length > 0 ? dates.map(function (date) {
+      return date.toLocaleDateString();
+    }).join(', ') : '';
+  }
+  if (mode === 'range') {
+    var range = selected;
+    if (range.from && range.to) {
+      return "".concat(range.from.toLocaleDateString(), " - ").concat(range.to.toLocaleDateString());
+    }
+    if (range.from) {
+      return "From: ".concat(range.from.toLocaleDateString());
+    }
+  }
+  return '';
+});
+
+exports.DatePickerUtils = DatePickerUtils;
+//# sourceMappingURL=date_picker_utils.js.map

package/build/cjs/packages/aurora/src/components/date_picker/date_picker_utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/select/components/select_item.js

@@ -21,7 +21,7 @@ var SelectItem = /*#__PURE__*/React__default['default'].forwardRef(function (_re
     additionalInfo = _ref.additionalInfo,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__default['default'].createElement(SelectPrimitive.Item, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
-    className: cn.cn('aurora-relative aurora-flex aurora-w-full aurora-rounded-6 aurora-cursor-default aurora-select-none aurora-items-center aurora-rounded-sm aurora-py-1.5 aurora-pl-9 aurora-pr-8 aurora-text-s aurora-outline-none aurora-break-words aurora-text-wrap focus:aurora-text-accent-foreground data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50 hover:aurora-bg-hover data-[state=checked]:aurora-font-semibold', {
+    className: cn.cn('aurora-relative aurora-flex aurora-w-full aurora-rounded-6 aurora-cursor-default aurora-select-none aurora-items-center aurora-rounded-sm aurora-py-1.5 aurora-pl-9 aurora-pr-8 aurora-text-s aurora-outline-none aurora-break-words aurora-text-wrap focus:aurora-text-accent-foreground data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50 hover:aurora-bg-hover data-[highlighted]:aurora-bg-hover data-[state=checked]:aurora-font-semibold', {
       'aurora-cursor-pointer active:aurora-bg-active': !isDisabled && !isReadonly
     }, className),
     style: {

package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_content.js

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var popover_content = require('../../popover/components/popover_content.js');
+var time_picker_time_selector = require('./time_picker_time_selector.js');
+var time_picker_footer = require('./time_picker_footer.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var TimePickerContent = function TimePickerContent(_ref) {
+  var hour = _ref.hour,
+    minute = _ref.minute,
+    onHourChange = _ref.onHourChange,
+    onMinuteChange = _ref.onMinuteChange,
+    onCancel = _ref.onCancel,
+    onChoose = _ref.onChoose;
+  return /*#__PURE__*/React__default['default'].createElement(popover_content.PopoverContent, {
+    className: "aurora-bg-neutral-0 aurora-w-[264px] aurora-rounded-16 aurora-border aurora-border-strong aurora-shadow-l aurora-overflow-hidden js__aurora-timepicker-dropdown"
+  }, /*#__PURE__*/React__default['default'].createElement(time_picker_time_selector.TimePickerTimeSelector, {
+    hour: hour,
+    minute: minute,
+    onHourChange: onHourChange,
+    onMinuteChange: onMinuteChange
+  }), /*#__PURE__*/React__default['default'].createElement(time_picker_footer.TimePickerFooter, {
+    onCancel: onCancel,
+    onChoose: onChoose
+  }));
+};
+
+exports.TimePickerContent = TimePickerContent;
+//# sourceMappingURL=time_picker_content.js.map

package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_footer.js

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var button = require('../../button/button.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var TimePickerFooter = function TimePickerFooter(_ref) {
+  var onCancel = _ref.onCancel,
+    onChoose = _ref.onChoose;
+  var _useTranslation = useTranslation.useTranslation(),
+    _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
+    t = _useTranslation2[0];
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-flex aurora-items-center aurora-gap-3 aurora-px-4 aurora-py-3 aurora-border-t aurora-border-subtle"
+  }, /*#__PURE__*/React__default['default'].createElement(button.Button, {
+    className: "aurora-flex-1",
+    variant: "secondary",
+    size: "s",
+    type: "button",
+    onClick: onCancel
+  }, String(t('Cancel'))), /*#__PURE__*/React__default['default'].createElement(button.Button, {
+    className: "aurora-flex-1",
+    type: "button",
+    size: "s",
+    onClick: onChoose
+  }, String(t('Choose'))));
+};
+
+exports.TimePickerFooter = TimePickerFooter;
+//# sourceMappingURL=time_picker_footer.js.map

package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_input.js

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var input = require('../../input/input.js');
+var time_line_icon = require('../../../assets/icons/time_line_icon.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var TimePickerInput = function TimePickerInput(_ref) {
+  var id = _ref.id,
+    value = _ref.value,
+    placeholder = _ref.placeholder,
+    disabled = _ref.disabled,
+    errors = _ref.errors;
+  return /*#__PURE__*/React__default['default'].createElement(input.Input, {
+    id: id,
+    value: value,
+    errors: errors,
+    readOnly: true,
+    disabled: disabled,
+    placeholder: placeholder,
+    hasCursorPointer: true,
+    postElement: /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "aurora-flex aurora-h-full aurora-items-center aurora-cursor-pointer aurora-border-0 aurora-bg-transparent aurora-p-1 aurora-rounded-4 focus:aurora-outline-primary-hover"
+    }, /*#__PURE__*/React__default['default'].createElement(time_line_icon.TimeLineIcon, {
+      size: 14,
+      className: "aurora-text"
+    }))
+  });
+};
+
+exports.TimePickerInput = TimePickerInput;
+//# sourceMappingURL=time_picker_input.js.map

package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_scroll_column.js

@@ -0,0 +1,69 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var cn = require('../../../utilities/cn.js');
+var index = require('../../../../../../external/@radix-ui/react-scroll-area/dist/index.mjs.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var TimePickerScrollColumn = function TimePickerScrollColumn(_ref) {
+  var options = _ref.options,
+    selectedValue = _ref.selectedValue,
+    onValueChange = _ref.onValueChange,
+    dataAttribute = _ref.dataAttribute;
+  var scrollRef = React.useRef(null);
+  var scrollToElement = function scrollToElement(viewport, selector) {
+    var selectedElement = viewport.querySelector(selector);
+    if (selectedElement) {
+      var elementTop = selectedElement.offsetTop;
+      var elementHeight = selectedElement.offsetHeight;
+      var viewportHeight = viewport.clientHeight;
+      var scrollTop = elementTop - viewportHeight / 2 + elementHeight / 2;
+      viewport.scrollTo({
+        top: scrollTop,
+        behavior: 'smooth'
+      });
+    }
+  };
+  React.useLayoutEffect(function () {
+    if (scrollRef.current && selectedValue !== null) {
+      scrollToElement(scrollRef.current, "[".concat(dataAttribute, "=\"").concat(selectedValue, "\"]"));
+    }
+  }, [selectedValue, dataAttribute]);
+  return /*#__PURE__*/React__default['default'].createElement(index.Root, {
+    type: "auto",
+    className: "aurora-flex-1 aurora-h-full aurora-py-2"
+  }, /*#__PURE__*/React__default['default'].createElement(index.Viewport, {
+    ref: scrollRef,
+    className: "aurora-h-full"
+  }, /*#__PURE__*/React__default['default'].createElement("div", null, options.map(function (option) {
+    var value = parseInt(option, 10);
+    var isSelected = value === selectedValue;
+    var buttonProps = _rollupPluginBabelHelpers.defineProperty({}, dataAttribute, value);
+    return /*#__PURE__*/React__default['default'].createElement("button", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, buttonProps), {}, {
+      key: option,
+      type: "button",
+      onClick: function onClick() {
+        return onValueChange(isSelected ? null : value);
+      },
+      className: "aurora-w-full aurora-group"
+    }), /*#__PURE__*/React__default['default'].createElement("span", {
+      className: cn.cn('aurora-inline-flex aurora-items-center aurora-justify-center aurora-rounded-4 aurora-w-8 aurora-h-8 aurora-text-s group-hover:aurora-bg-hover', {
+        '!aurora-bg-inverse aurora-text-inverse': isSelected
+      })
+    }, option));
+  }))), /*#__PURE__*/React__default['default'].createElement(index.Scrollbar, {
+    orientation: "vertical",
+    className: "aurora-w-1 aurora-absolute aurora-right-0 aurora-top-0 aurora-bottom-0 aurora-opacity-0"
+  }, /*#__PURE__*/React__default['default'].createElement(index.Thumb, {
+    className: "aurora-bg-active aurora-rounded-full"
+  })));
+};
+
+exports.TimePickerScrollColumn = TimePickerScrollColumn;
+//# sourceMappingURL=time_picker_scroll_column.js.map

package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_scroll_column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,0EAA8E;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_time_selector.js

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var time_picker_utils = require('../time_picker_utils.js');
+var time_picker_scroll_column = require('./time_picker_scroll_column.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var TimePickerTimeSelector = function TimePickerTimeSelector(_ref) {
+  var hour = _ref.hour,
+    minute = _ref.minute,
+    onHourChange = _ref.onHourChange,
+    onMinuteChange = _ref.onMinuteChange;
+  var hourOptions = time_picker_utils.TimePickerUtils.generateTimeOptions('hour');
+  var minuteOptions = time_picker_utils.TimePickerUtils.generateTimeOptions('minute');
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-flex aurora-items-center aurora-h-[270px]"
+  }, /*#__PURE__*/React__default['default'].createElement(time_picker_scroll_column.TimePickerScrollColumn, {
+    options: hourOptions,
+    selectedValue: hour,
+    onValueChange: onHourChange,
+    dataAttribute: "data-hour"
+  }), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-w-px aurora-h-[250px] aurora-bg-neutral-200"
+  }), /*#__PURE__*/React__default['default'].createElement(time_picker_scroll_column.TimePickerScrollColumn, {
+    options: minuteOptions,
+    selectedValue: minute,
+    onValueChange: onMinuteChange,
+    dataAttribute: "data-minute"
+  }));
+};
+
+exports.TimePickerTimeSelector = TimePickerTimeSelector;
+//# sourceMappingURL=time_picker_time_selector.js.map

package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_time_selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/time_picker/time_picker.js

@@ -0,0 +1,134 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var cn = require('../../utilities/cn.js');
+var popover = require('../popover/popover.js');
+var popover_trigger = require('../popover/components/popover_trigger.js');
+var time_picker_input = require('./components/time_picker_input.js');
+var time_picker_utils = require('./time_picker_utils.js');
+var time_picker_content = require('./components/time_picker_content.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var TimePicker = function TimePicker(_ref) {
+  var id = _ref.id,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? 'gg:mm' : _ref$placeholder,
+    disabled = _ref.disabled,
+    errors = _ref.errors,
+    value = _ref.value,
+    onChange = _ref.onChange;
+  var _useState = React.useState(false),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useState3 = React.useState(null),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+    tempHour = _useState4[0],
+    setTempHour = _useState4[1];
+  var _useState5 = React.useState(null),
+    _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
+    tempMinute = _useState6[0],
+    setTempMinute = _useState6[1];
+  var isCancelledRef = React.useRef(false);
+  var parsedTime = React.useMemo(function () {
+    return value ? time_picker_utils.TimePickerUtils.parseStringToTime(value) : undefined;
+  }, [value]);
+  var displayValue = React.useMemo(function () {
+    if (open) {
+      if (tempHour === null && tempMinute === null) {
+        return '';
+      }
+      return time_picker_utils.TimePickerUtils.formatTimeForDisplay(tempHour !== null && tempHour !== void 0 ? tempHour : 0, tempMinute !== null && tempMinute !== void 0 ? tempMinute : 0);
+    }
+    return parsedTime ? time_picker_utils.TimePickerUtils.formatTimeForDisplay(parsedTime.hour, parsedTime.minute) : '';
+  }, [open, tempHour, tempMinute, parsedTime]);
+  var initializeTempValues = function initializeTempValues() {
+    if (parsedTime) {
+      setTempHour(parsedTime.hour);
+      setTempMinute(parsedTime.minute);
+    } else {
+      setTempHour(null);
+      setTempMinute(null);
+    }
+  };
+  var saveValue = function saveValue() {
+    if (tempHour === null && tempMinute === null) {
+      onChange === null || onChange === void 0 ? void 0 : onChange('');
+    } else {
+      var formattedValue = time_picker_utils.TimePickerUtils.formatTimeToString(tempHour !== null && tempHour !== void 0 ? tempHour : 0, tempMinute !== null && tempMinute !== void 0 ? tempMinute : 0);
+      onChange === null || onChange === void 0 ? void 0 : onChange(formattedValue);
+    }
+  };
+  var handleHourChange = function handleHourChange(hour) {
+    if (hour === null) {
+      setTempHour(null);
+      setTempMinute(null);
+    } else {
+      setTempHour(hour);
+      if (tempMinute === null) {
+        setTempMinute(0);
+      }
+    }
+  };
+  var handleMinuteChange = function handleMinuteChange(minute) {
+    if (minute === null) {
+      setTempHour(null);
+      setTempMinute(null);
+    } else {
+      setTempMinute(minute);
+      if (tempHour === null) {
+        setTempHour(0);
+      }
+    }
+  };
+  var handleOpenChange = function handleOpenChange(newOpen) {
+    if (newOpen) {
+      isCancelledRef.current = false;
+      initializeTempValues();
+      setOpen(true);
+    } else {
+      if (!isCancelledRef.current) {
+        saveValue();
+      }
+      setOpen(false);
+    }
+  };
+  var handleCancel = function handleCancel() {
+    isCancelledRef.current = true;
+    initializeTempValues();
+    setOpen(false);
+  };
+  var handleChoose = function handleChoose() {
+    saveValue();
+    setOpen(false);
+  };
+  return /*#__PURE__*/React__default['default'].createElement(popover.Popover, {
+    open: open,
+    onOpenChange: handleOpenChange
+  }, /*#__PURE__*/React__default['default'].createElement(popover_trigger.PopoverTrigger, {
+    className: cn.cn('aurora-w-full', disabled && 'aurora-cursor-not-allowed'),
+    disabled: disabled
+  }, /*#__PURE__*/React__default['default'].createElement(time_picker_input.TimePickerInput, {
+    id: id,
+    value: displayValue,
+    placeholder: placeholder,
+    disabled: disabled,
+    errors: errors
+  })), /*#__PURE__*/React__default['default'].createElement(time_picker_content.TimePickerContent, {
+    hour: tempHour,
+    minute: tempMinute,
+    onHourChange: handleHourChange,
+    onMinuteChange: handleMinuteChange,
+    onCancel: handleCancel,
+    onChoose: handleChoose
+  }));
+};
+
+exports.TimePicker = TimePicker;
+//# sourceMappingURL=time_picker.js.map