@dreamcommerce/aurora 3.1.35-1 → 3.1.36-1

package/build/esm/packages/aurora/src/components/controls/time_picker_control/time_picker_control_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time_picker_control_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/time_picker_control/time_picker_control_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAAgC,iDAAiD,CAAC"}

package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_content.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { DatePickerContentProps } from '../date_picker_types';
+export declare const DatePickerContent: ({ mode, selected, onSelect, ...dayPickerProps }: DatePickerContentProps) => React.JSX.Element;

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

@@ -0,0 +1,22 @@
+import React__default from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { PopoverContent } from '../../popover/components/popover_content.js';
+import { Calendar } from '../../calendar/calendar.js';
+
+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 = _objectWithoutProperties(_ref, _excluded);
+  var calendarProps = _objectSpread2({
+    mode: mode,
+    selected: selected,
+    onSelect: onSelect
+  }, dayPickerProps);
+  return /*#__PURE__*/React__default.createElement(PopoverContent, null, /*#__PURE__*/React__default.createElement(Calendar, _objectSpread2({}, calendarProps)));
+};
+
+export { DatePickerContent };
+//# sourceMappingURL=date_picker_content.js.map

package/build/esm/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;"}

package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_input.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { TInputProps } from "../../input/input_types";
+export interface DatePickerInputProps extends TInputProps {
+}
+export declare const DatePickerInput: ({ id, value, placeholder, disabled, errors }: DatePickerInputProps) => React.JSX.Element;

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

@@ -0,0 +1,29 @@
+import React__default from 'react';
+import { Input } from '../../input/input.js';
+import { CalendarEventFillIcon } from '../../../assets/icons/calendar_event_fill.js';
+
+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.createElement(Input, {
+    id: id,
+    value: value,
+    errors: errors,
+    readOnly: true,
+    disabled: disabled,
+    placeholder: placeholder,
+    hasCursorPointer: true,
+    postElement: /*#__PURE__*/React__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.createElement(CalendarEventFillIcon, {
+      size: 14,
+      className: "aurora-text"
+    }))
+  });
+};
+
+export { DatePickerInput };
+//# sourceMappingURL=date_picker_input.js.map

package/build/esm/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;"}

package/build/esm/packages/aurora/src/components/date_picker/date_picker.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { DatePickerProps } from './date_picker_types';
+export declare const DatePicker: ({ id, mode, placeholder, disabled, errors, value, onChange, disabledDays, ...dayPickerProps }: DatePickerProps) => React.JSX.Element;

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

@@ -0,0 +1,60 @@
+import React__default, { useState, useMemo } from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../utilities/cn.js';
+import { Popover } from '../popover/popover.js';
+import { PopoverTrigger } from '../popover/components/popover_trigger.js';
+import { DatePickerInput } from './components/date_picker_input.js';
+import { DatePickerContent } from './components/date_picker_content.js';
+import { DatePickerUtils } from './date_picker_utils.js';
+
+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 = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var selectedDates = useMemo(function () {
+    return value;
+  }, [value]);
+  var displayValue = useMemo(function () {
+    if (!selectedDates) return '';
+    return 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.createElement(Popover, {
+    open: open,
+    onOpenChange: setOpen
+  }, /*#__PURE__*/React__default.createElement(PopoverTrigger, {
+    className: cn('aurora-w-full', disabled && 'aurora-cursor-not-allowed'),
+    disabled: disabled
+  }, /*#__PURE__*/React__default.createElement(DatePickerInput, {
+    id: id,
+    value: displayValue,
+    placeholder: placeholder,
+    disabled: disabled,
+    errors: errors
+  })), /*#__PURE__*/React__default.createElement(DatePickerContent, _objectSpread2({
+    mode: mode,
+    selected: selectedDates,
+    onSelect: handleDateSelect,
+    disabled: disabledDays
+  }, dayPickerProps)));
+};
+
+export { DatePicker };
+//# sourceMappingURL=date_picker.js.map

package/build/esm/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;"}

package/build/esm/packages/aurora/src/components/date_picker/date_picker_types.d.ts

@@ -0,0 +1,15 @@
+import type { DateRange, DayPickerProps } from 'react-day-picker';
+export declare type DatePickerCalendarValue = Date | Date[] | DateRange | undefined;
+export interface DatePickerProps extends Omit<DayPickerProps, 'selected' | 'onSelect' | 'disabled'> {
+    id: string;
+    placeholder?: string;
+    disabled?: boolean;
+    errors?: string | string[];
+    value?: DatePickerCalendarValue;
+    onChange?: (value: DatePickerCalendarValue) => void;
+    disabledDays?: DayPickerProps['disabled'];
+}
+export interface DatePickerContentProps extends Omit<DayPickerProps, 'selected' | 'onSelect'> {
+    selected?: DatePickerCalendarValue;
+    onSelect?: (selected: DatePickerCalendarValue) => void;
+}

package/build/esm/packages/aurora/src/components/date_picker/date_picker_types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=date_picker_types.js.map

package/build/esm/packages/aurora/src/components/date_picker/date_picker_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date_picker_types.js","sourceRoot":"","sources":["../../../../../../../src/components/date_picker/date_picker_types.ts"],"names":[],"mappings":""}

package/build/esm/packages/aurora/src/components/date_picker/date_picker_utils.d.ts

@@ -0,0 +1,5 @@
+import { type Mode } from 'react-day-picker';
+import type { DatePickerCalendarValue } from './date_picker_types';
+export declare class DatePickerUtils {
+    static inputFormatValue: (selected: DatePickerCalendarValue, mode: Mode) => string;
+}

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

@@ -0,0 +1,31 @@
+import { createClass as _createClass, classCallCheck as _classCallCheck, defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import 'react-day-picker';
+
+var DatePickerUtils = /*#__PURE__*/_createClass(function DatePickerUtils() {
+  _classCallCheck(this, DatePickerUtils);
+});
+_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 '';
+});
+
+export { DatePickerUtils };
+//# sourceMappingURL=date_picker_utils.js.map

package/build/esm/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;"}

package/build/esm/packages/aurora/src/components/modal/components/modal/modal.js

@@ -1,4 +1,4 @@
-import React__default, { useRef, useCallback, useEffect } from 'react';
+import React__default, { useRef, useCallback, useLayoutEffect } from 'react';
 import { cn } from '../../../../utilities/cn.js';
 import { MODAL_WIDTH_VARIANT } from '../../modal_constants.js';
 import { Root, Portal, Overlay } from '../../../../../../../external/@radix-ui/react-dialog/dist/index.mjs.js';
@@ -20,9 +20,8 @@ var Modal = function Modal(_ref) {
     closeOnEscButton = _ref$closeOnEscButton === void 0 ? true : _ref$closeOnEscButton,
     _ref$initiallyVisible = _ref.initiallyVisible,
     initiallyVisible = _ref$initiallyVisible === void 0 ? false : _ref$initiallyVisible,
-    _ref$hideWhenUnder = _ref.hideWhenUnder,
-    hideWhenUnder = _ref$hideWhenUnder === void 0 ? false : _ref$hideWhenUnder;
-  var isInitializedRef = useRef(false);
+    _ref$renderHiddenInQu = _ref.renderHiddenInQueue,
+    renderHiddenInQueue = _ref$renderHiddenInQu === void 0 ? false : _ref$renderHiddenInQu;
   var initiallyVisibleRef = useRef(initiallyVisible);
   var _useModalsContext = useModalsContext(),
     addModal = _useModalsContext.addModal,
@@ -36,18 +35,15 @@ var Modal = function Modal(_ref) {
     hideAllModalsOnClose ? hideAllModals(onCloseAction) : hideModal(name, onCloseAction);
   }, [hideAllModalsOnClose, hideAllModals, hideModal, name, onCloseAction]);
   // Initial setup
-  useEffect(function () {
-    if (!isInitializedRef.current) {
-      addModal(name);
-      if (initiallyVisibleRef.current) showModal(name);
-      isInitializedRef.current = true;
-    }
+  useLayoutEffect(function () {
+    addModal(name);
+    if (initiallyVisibleRef.current) showModal(name);
     return function () {
       return removeModal(name);
     };
   }, [name, addModal, removeModal, showModal]);
   var renderModal = name === openModalName;
-  var forceOpen = openedModals.includes(name) && hideWhenUnder;
+  var forceOpen = openedModals.includes(name) && renderHiddenInQueue;
   var hidden = forceOpen && !renderModal;
   return /*#__PURE__*/React__default.createElement(Root, {
     open: renderModal || forceOpen,

package/build/esm/packages/aurora/src/components/modal/components/modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,sCAAsC,wEAA4E;AAClH;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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,sCAAsC,wEAA4E;AAClH;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/esm/packages/aurora/src/components/modal/modal_types.d.ts

@@ -20,7 +20,7 @@ export interface IModalNewProps extends React.HTMLAttributes<HTMLDivElement> {
     closeOnOutsideClick?: boolean;
     closeOnEscButton?: boolean;
     initiallyVisible?: boolean;
-    hideWhenUnder?: boolean;
+    renderHiddenInQueue?: boolean;
 }
 export declare type TModalContentProps = Pick<IModalNewProps, 'name' | 'width' | 'header' | 'footer' | 'children' | 'closeOnOutsideClick' | 'closeOnEscButton' | 'className'>;
 export declare type THeaderObject = {

package/build/esm/packages/aurora/src/components/select/components/select_trigger.js

@@ -5,7 +5,7 @@ import { ArrowDownSFillIcon } from '../../../assets/icons/arrow_down_s_fill.js';
 import { Trigger, Icon } from '@radix-ui/react-select';
 import { selectTriggerVariants } from './select_variants.js';
 
-var _excluded = ["className", "hasError", "children", "clearValueButton", "hasBorder", "textSize", "height", "padding"];
+var _excluded = ["className", "hasError", "children", "clearValueButton", "hasBorder", "textSize", "height", "padding", "stopPropagation"];
 var SelectTrigger = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     hasError = _ref.hasError,
@@ -16,7 +16,15 @@ var SelectTrigger = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     textSize = _ref.textSize,
     height = _ref.height,
     padding = _ref.padding,
+    stopPropagation = _ref.stopPropagation,
     props = _objectWithoutProperties(_ref, _excluded);
+  var handlePointerDown = function handlePointerDown(e) {
+    var _props$onPointerDown;
+    if (stopPropagation) {
+      e.stopPropagation();
+    }
+    (_props$onPointerDown = props.onPointerDown) === null || _props$onPointerDown === void 0 ? void 0 : _props$onPointerDown.call(props, e);
+  };
   return /*#__PURE__*/React__default.createElement(Trigger, _objectSpread2({
     ref: ref,
     className: cn(selectTriggerVariants({
@@ -26,7 +34,8 @@ var SelectTrigger = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
       border: hasBorder
     }), {
       '!aurora-border-danger aurora-border-2': hasError
-    }, className)
+    }, className),
+    onPointerDown: handlePointerDown
   }, props), children, /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-flex aurora-flex-none aurora-items-center"
   }, clearValueButton, /*#__PURE__*/React__default.createElement(Icon, {

package/build/esm/packages/aurora/src/components/select/components/select_trigger.js.map

@@ -1 +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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/select/select.js

@@ -7,7 +7,7 @@ import { SelectContent } from './components/select_content.js';
 import { SelectTrigger } from './components/select_trigger.js';
 import { useSelectValue } from './hooks/use_select_value.js';
 
-var _excluded = ["children", "id", "value", "options", "disabled", "placeholder", "hasSearch", "searchPlaceholder", "hasClearValueButton", "innerAdditionalContent", "enableLocalSearch", "localSearchNotFoundContent", "errors", "onValueChange", "onScroll", "onSearch", "onClose", "hasError", "hasBorder", "hasMinDropdownWidth", "textSize", "height", "padding", "contentClassName", "className"];
+var _excluded = ["children", "id", "value", "options", "disabled", "placeholder", "hasSearch", "searchPlaceholder", "hasClearValueButton", "innerAdditionalContent", "enableLocalSearch", "localSearchNotFoundContent", "errors", "onValueChange", "onScroll", "onSearch", "onClose", "hasError", "hasBorder", "hasMinDropdownWidth", "textSize", "height", "padding", "contentClassName", "className", "stopPropagation"];
 var Select = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var _selectedOption$value;
   var children = _ref.children,
@@ -40,6 +40,8 @@ var Select = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     padding = _ref$padding === void 0 ? 'default' : _ref$padding,
     contentClassName = _ref.contentClassName,
     className = _ref.className,
+    _ref$stopPropagation = _ref.stopPropagation,
+    stopPropagation = _ref$stopPropagation === void 0 ? false : _ref$stopPropagation,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useSelectValue = useSelectValue({
       value: value,
@@ -82,6 +84,7 @@ var Select = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     textSize: textSize,
     height: height,
     padding: padding,
+    stopPropagation: stopPropagation,
     ref: ref,
     clearValueButton: value && hasClearValueButton && onValueChange && (/*#__PURE__*/React__default.createElement("div", {
       onPointerDown: function onPointerDown(e) {

package/build/esm/packages/aurora/src/components/select/select.js.map

@@ -1 +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;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;"}
+{"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;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/esm/packages/aurora/src/components/select/select_types.d.ts

@@ -9,6 +9,7 @@ export interface TSelectTriggerProps extends React.ComponentPropsWithoutRef<type
     textSize?: 'default' | 'small';
     height?: 'default' | 'small';
     padding?: 'default' | 'small';
+    stopPropagation?: boolean;
 }
 export declare type TSelectOption = {
     text: string;
@@ -59,6 +60,7 @@ export interface TSelectProps extends Omit<React.ComponentPropsWithoutRef<typeof
     height?: 'default' | 'small';
     padding?: 'default' | 'small';
     contentClassName?: string;
+    stopPropagation?: boolean;
 }
 export interface TUseSelectValueProps {
     value: string | undefined;

package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_content.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TimePickerContentProps } from '../time_picker_types';
+export declare const TimePickerContent: ({ hour, minute, onHourChange, onMinuteChange, onCancel, onChoose, format }: TimePickerContentProps) => React.JSX.Element;

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

@@ -0,0 +1,29 @@
+import React__default from 'react';
+import { PopoverContent } from '../../popover/components/popover_content.js';
+import { TimePickerTimeSelector } from './time_picker_time_selector.js';
+import { TimePickerFooter } from './time_picker_footer.js';
+
+var TimePickerContent = function TimePickerContent(_ref) {
+  var hour = _ref.hour,
+    minute = _ref.minute,
+    onHourChange = _ref.onHourChange,
+    onMinuteChange = _ref.onMinuteChange,
+    onCancel = _ref.onCancel,
+    onChoose = _ref.onChoose,
+    format = _ref.format;
+  return /*#__PURE__*/React__default.createElement(PopoverContent, {
+    className: "aurora-bg-neutral-0 aurora-w-[264px] aurora-rounded-16 aurora-border aurora-border-strong aurora-shadow-l aurora-overflow-hidden"
+  }, /*#__PURE__*/React__default.createElement(TimePickerTimeSelector, {
+    hour: hour,
+    minute: minute,
+    onHourChange: onHourChange,
+    onMinuteChange: onMinuteChange,
+    format: format
+  }), /*#__PURE__*/React__default.createElement(TimePickerFooter, {
+    onCancel: onCancel,
+    onChoose: onChoose
+  }));
+};
+
+export { TimePickerContent };
+//# sourceMappingURL=time_picker_content.js.map

package/build/esm/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;"}

package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_footer.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface TimePickerFooterProps {
+    onCancel: () => void;
+    onChoose: () => void;
+}
+export declare const TimePickerFooter: ({ onCancel, onChoose }: TimePickerFooterProps) => React.JSX.Element;

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

@@ -0,0 +1,29 @@
+import React__default from 'react';
+import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
+import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { Button } from '../../button/button.js';
+
+var TimePickerFooter = function TimePickerFooter(_ref) {
+  var onCancel = _ref.onCancel,
+    onChoose = _ref.onChoose;
+  var _useTranslation = useTranslation(),
+    _useTranslation2 = _slicedToArray(_useTranslation, 1),
+    t = _useTranslation2[0];
+  return /*#__PURE__*/React__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.createElement(Button, {
+    className: "aurora-flex-1",
+    variant: "secondary",
+    size: "s",
+    type: "button",
+    onClick: onCancel
+  }, String(t('Cancel'))), /*#__PURE__*/React__default.createElement(Button, {
+    className: "aurora-flex-1",
+    type: "button",
+    size: "s",
+    onClick: onChoose
+  }, String(t('Choose'))));
+};
+
+export { TimePickerFooter };
+//# sourceMappingURL=time_picker_footer.js.map

package/build/esm/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,+BAA+B,oEAAwE;AACvG;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/esm/packages/aurora/src/components/time_picker/components/time_picker_input.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { TInputProps } from "../../input/input_types";
+export interface TimePickerInputProps extends TInputProps {
+}
+export declare const TimePickerInput: ({ id, value, placeholder, disabled, errors }: TimePickerInputProps) => React.JSX.Element;

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

@@ -0,0 +1,29 @@
+import React__default from 'react';
+import { Input } from '../../input/input.js';
+import { TimeLineIcon } from '../../../assets/icons/time_line_icon.js';
+
+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.createElement(Input, {
+    id: id,
+    value: value,
+    errors: errors,
+    readOnly: true,
+    disabled: disabled,
+    placeholder: placeholder,
+    hasCursorPointer: true,
+    postElement: /*#__PURE__*/React__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.createElement(TimeLineIcon, {
+      size: 14,
+      className: "aurora-text"
+    }))
+  });
+};
+
+export { TimePickerInput };
+//# sourceMappingURL=time_picker_input.js.map

package/build/esm/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;"}

package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_scroll_column.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface TimePickerScrollColumnProps {
+    options: string[];
+    selectedValue: number | null;
+    onValueChange: (value: number | null) => void;
+    dataAttribute: string;
+}
+export declare const TimePickerScrollColumn: ({ options, selectedValue, onValueChange, dataAttribute }: TimePickerScrollColumnProps) => React.JSX.Element;

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

@@ -0,0 +1,61 @@
+import React__default, { useRef, useLayoutEffect } from 'react';
+import { defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../../utilities/cn.js';
+import { Root, Viewport, Scrollbar, Thumb } from '../../../../../../external/@radix-ui/react-scroll-area/dist/index.mjs.js';
+
+var TimePickerScrollColumn = function TimePickerScrollColumn(_ref) {
+  var options = _ref.options,
+    selectedValue = _ref.selectedValue,
+    onValueChange = _ref.onValueChange,
+    dataAttribute = _ref.dataAttribute;
+  var scrollRef = 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'
+      });
+    }
+  };
+  useLayoutEffect(function () {
+    if (scrollRef.current && selectedValue !== null) {
+      scrollToElement(scrollRef.current, "[".concat(dataAttribute, "=\"").concat(selectedValue, "\"]"));
+    }
+  }, [selectedValue, dataAttribute]);
+  return /*#__PURE__*/React__default.createElement(Root, {
+    type: "auto",
+    className: "aurora-flex-1 aurora-h-full aurora-py-2"
+  }, /*#__PURE__*/React__default.createElement(Viewport, {
+    ref: scrollRef,
+    className: "aurora-h-full"
+  }, /*#__PURE__*/React__default.createElement("div", null, options.map(function (option) {
+    var value = parseInt(option, 10);
+    var isSelected = value === selectedValue;
+    var buttonProps = _defineProperty({}, dataAttribute, value);
+    return /*#__PURE__*/React__default.createElement("button", _objectSpread2(_objectSpread2({}, buttonProps), {}, {
+      key: option,
+      type: "button",
+      onClick: function onClick() {
+        return onValueChange(isSelected ? null : value);
+      },
+      className: "aurora-w-full aurora-group"
+    }), /*#__PURE__*/React__default.createElement("span", {
+      className: 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.createElement(Scrollbar, {
+    orientation: "vertical",
+    className: "aurora-w-1 aurora-absolute aurora-right-0 aurora-top-0 aurora-bottom-0 aurora-opacity-0"
+  }, /*#__PURE__*/React__default.createElement(Thumb, {
+    className: "aurora-bg-active aurora-rounded-full"
+  })));
+};
+
+export { TimePickerScrollColumn };
+//# sourceMappingURL=time_picker_scroll_column.js.map

package/build/esm/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,iDAAiD,0EAA8E;AAC/H;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/esm/packages/aurora/src/components/time_picker/components/time_picker_time_selector.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface TimePickerTimeSelectorProps {
+    hour: number | null;
+    minute: number | null;
+    onHourChange: (hour: number | null) => void;
+    onMinuteChange: (minute: number | null) => void;
+    format: '12' | '24';
+}
+export declare const TimePickerTimeSelector: ({ hour, minute, onHourChange, onMinuteChange, format }: TimePickerTimeSelectorProps) => React.JSX.Element;

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

@@ -0,0 +1,31 @@
+import React__default from 'react';
+import { TimePickerUtils } from '../time_picker_utils.js';
+import { TimePickerScrollColumn } from './time_picker_scroll_column.js';
+
+var TimePickerTimeSelector = function TimePickerTimeSelector(_ref) {
+  var hour = _ref.hour,
+    minute = _ref.minute,
+    onHourChange = _ref.onHourChange,
+    onMinuteChange = _ref.onMinuteChange,
+    format = _ref.format;
+  var hourOptions = TimePickerUtils.generateTimeOptions('hour', format);
+  var minuteOptions = TimePickerUtils.generateTimeOptions('minute', format);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "aurora-flex aurora-items-center aurora-h-[270px]"
+  }, /*#__PURE__*/React__default.createElement(TimePickerScrollColumn, {
+    options: hourOptions,
+    selectedValue: hour,
+    onValueChange: onHourChange,
+    dataAttribute: "data-hour"
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "aurora-w-px aurora-h-[250px] aurora-bg-neutral-200"
+  }), /*#__PURE__*/React__default.createElement(TimePickerScrollColumn, {
+    options: minuteOptions,
+    selectedValue: minute,
+    onValueChange: onMinuteChange,
+    dataAttribute: "data-minute"
+  }));
+};
+
+export { TimePickerTimeSelector };
+//# sourceMappingURL=time_picker_time_selector.js.map

package/build/esm/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;"}

package/build/esm/packages/aurora/src/components/time_picker/time_picker.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TimePickerProps } from './time_picker_types';
+export declare const TimePicker: ({ id, placeholder, disabled, errors, value, onChange, format }: TimePickerProps) => React.JSX.Element;