@dreamcommerce/aurora 3.1.36-6 → 3.1.36

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

@@ -1,27 +1,11 @@
-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;
-  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 js__aurora-timepicker-dropdown"
-  }, /*#__PURE__*/React__default.createElement(TimePickerTimeSelector, {
-    hour: hour,
-    minute: minute,
-    onHourChange: onHourChange,
-    onMinuteChange: onMinuteChange
-  }), /*#__PURE__*/React__default.createElement(TimePickerFooter, {
-    onCancel: onCancel,
-    onChoose: onChoose
-  }));
+import React from 'react';
+import { PopoverContent } from '../../popover/components/popover_content';
+import { TimePickerTimeSelector } from './time_picker_time_selector';
+import { TimePickerFooter } from './time_picker_footer';
+import '../time_picker_types';
+export const TimePickerContent = ({ hour, minute, onHourChange, onMinuteChange, onCancel, onChoose, format }) => {
+    return (React.createElement(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" },
+        React.createElement(TimePickerTimeSelector, { hour: hour, minute: minute, onHourChange: onHourChange, onMinuteChange: onMinuteChange, format: format }),
+        React.createElement(TimePickerFooter, { onCancel: onCancel, onChoose: onChoose })));
 };
-
-export { TimePickerContent };
-//# sourceMappingURL=time_picker_content.js.map
+//# sourceMappingURL=time_picker_content.js.map

package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_content.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;"}
+{"version":3,"file":"time_picker_content.js","sourceRoot":"","sources":["../../../../../../../../src/components/time_picker/components/time_picker_content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAuC,sBAAsB,CAAC;AAE9D,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAA0B,EAAE,EAAE;IACpI,OAAO,CACH,oBAAC,cAAc,IAAC,SAAS,EAAC,iKAAiK;QACvL,oBAAC,sBAAsB,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI;QAClI,oBAAC,gBAAgB,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC/C,CACpB,CAAC;AACN,CAAC,CAAC"}

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

@@ -1,29 +1,10 @@
-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'))));
+import React from 'react';
+import { Button } from '@auroraComponents/button/button';
+import { useTranslation } from 'react-i18next';
+export const TimePickerFooter = ({ onCancel, onChoose }) => {
+    const [t] = useTranslation();
+    return (React.createElement("div", { className: "aurora-flex aurora-items-center aurora-gap-3 aurora-px-4 aurora-py-3 aurora-border-t aurora-border-subtle" },
+        React.createElement(Button, { className: "aurora-flex-1", variant: "secondary", size: "s", type: "button", onClick: onCancel }, String(t('Cancel'))),
+        React.createElement(Button, { className: "aurora-flex-1", type: "button", size: "s", onClick: onChoose }, String(t('Choose')))));
 };
-
-export { TimePickerFooter };
-//# sourceMappingURL=time_picker_footer.js.map
+//# sourceMappingURL=time_picker_footer.js.map

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

@@ -1 +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;"}
+{"version":3,"file":"time_picker_footer.js","sourceRoot":"","sources":["../../../../../../../../src/components/time_picker/components/time_picker_footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAO/C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAyB,EAAE,EAAE;IAC9E,MAAM,CAAC,CAAC,CAAC,GAAG,cAAc,EAAE,CAAC;IAE7B,OAAO,CACH,6BAAK,SAAS,EAAC,2GAA2G;QACtH,oBAAC,MAAM,IAAC,SAAS,EAAC,eAAe,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,QAAQ,IACzF,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CACf;QAET,oBAAC,MAAM,IAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,QAAQ,IACrE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CACf,CACP,CACT,CAAC;AACN,CAAC,CAAC"}

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

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

package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_input.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;"}
+{"version":3,"file":"time_picker_input.js","sourceRoot":"","sources":["../../../../../../../../src/components/time_picker/components/time_picker_input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,OAA4B,qCAAqC,CAAC;AAIlE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAwB,EAAE,EAAE;IAClG,OAAO,CACH,oBAAC,KAAK,IACF,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,QACR,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,gBAAgB,QAChB,WAAW,EACP,6BAAK,SAAS,EAAC,0KAA0K;YACrL,oBAAC,YAAY,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,aAAa,GAAG,CAChD,GAEZ,CACL,CAAC;AACN,CAAC,CAAC"}

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

@@ -1,61 +1,37 @@
-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"
-  })));
+import React, { useLayoutEffect, useRef } from 'react';
+import * as ScrollArea from '@radix-ui/react-scroll-area';
+import { cn } from '@auroraUtilities/cn';
+export const TimePickerScrollColumn = ({ options, selectedValue, onValueChange, dataAttribute }) => {
+    const scrollRef = useRef(null);
+    const scrollToElement = (viewport, selector) => {
+        const selectedElement = viewport.querySelector(selector);
+        if (selectedElement) {
+            const elementTop = selectedElement.offsetTop;
+            const elementHeight = selectedElement.offsetHeight;
+            const viewportHeight = viewport.clientHeight;
+            const scrollTop = elementTop - viewportHeight / 2 + elementHeight / 2;
+            viewport.scrollTo({ top: scrollTop, behavior: 'smooth' });
+        }
+    };
+    useLayoutEffect(() => {
+        if (scrollRef.current && selectedValue !== null) {
+            scrollToElement(scrollRef.current, `[${dataAttribute}="${selectedValue}"]`);
+        }
+    }, [selectedValue, dataAttribute]);
+    return (React.createElement(ScrollArea.Root, { type: "auto", className: "aurora-flex-1 aurora-h-full aurora-py-2" },
+        React.createElement(ScrollArea.Viewport, { ref: scrollRef, className: "aurora-h-full" },
+            React.createElement("div", null, options.map((option) => {
+                const value = parseInt(option, 10);
+                const isSelected = value === selectedValue;
+                const buttonProps = {
+                    [dataAttribute]: value
+                };
+                return (React.createElement("button", { ...buttonProps, key: option, type: "button", onClick: () => onValueChange(isSelected ? null : value), className: "aurora-w-full aurora-group" },
+                    React.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)));
+            }))),
+        React.createElement(ScrollArea.Scrollbar, { orientation: "vertical", className: "aurora-w-1 aurora-absolute aurora-right-0 aurora-top-0 aurora-bottom-0 aurora-opacity-0" },
+            React.createElement(ScrollArea.Thumb, { className: "aurora-bg-active aurora-rounded-full" }))));
 };
-
-export { TimePickerScrollColumn };
-//# sourceMappingURL=time_picker_scroll_column.js.map
+//# sourceMappingURL=time_picker_scroll_column.js.map

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

@@ -1 +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;"}
+{"version":3,"file":"time_picker_scroll_column.js","sourceRoot":"","sources":["../../../../../../../../src/components/time_picker/components/time_picker_scroll_column.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,UAAU,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AASzC,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAA+B,EAAE,EAAE;IAC5H,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,eAAe,GAAG,CAAC,QAAwB,EAAE,QAAgB,EAAE,EAAE;QACnE,MAAM,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAgB,CAAC;QACxE,IAAI,eAAe,EAAE;YACjB,MAAM,UAAU,GAAG,eAAe,CAAC,SAAS,CAAC;YAC7C,MAAM,aAAa,GAAG,eAAe,CAAC,YAAY,CAAC;YACnD,MAAM,cAAc,GAAG,QAAQ,CAAC,YAAY,CAAC;YAC7C,MAAM,SAAS,GAAG,UAAU,GAAG,cAAc,GAAG,CAAC,GAAG,aAAa,GAAG,CAAC,CAAC;YACtE,QAAQ,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;SAC7D;IACL,CAAC,CAAC;IAEF,eAAe,CAAC,GAAG,EAAE;QACjB,IAAI,SAAS,CAAC,OAAO,IAAI,aAAa,KAAK,IAAI,EAAE;YAC7C,eAAe,CAAC,SAAS,CAAC,OAAO,EAAE,IAAI,aAAa,KAAK,aAAa,IAAI,CAAC,CAAC;SAC/E;IACL,CAAC,EAAE,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC;IAEnC,OAAO,CACH,oBAAC,UAAU,CAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,yCAAyC;QAC5E,oBAAC,UAAU,CAAC,QAAQ,IAAC,GAAG,EAAE,SAAS,EAAE,SAAS,EAAC,eAAe;YAC1D,iCACK,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;gBACpB,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;gBACnC,MAAM,UAAU,GAAG,KAAK,KAAK,aAAa,CAAC;gBAE3C,MAAM,WAAW,GAAG;oBAChB,CAAC,aAAa,CAAC,EAAE,KAAK;iBACiD,CAAC;gBAE5E,OAAO,CACH,mCACQ,WAAW,EACf,GAAG,EAAE,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,EACvD,SAAS,EAAC,4BAA4B;oBAEtC,8BACI,SAAS,EAAE,EAAE,CACT,+IAA+I,EAC/I;4BACI,wCAAwC,EAAE,UAAU;yBACvD,CACJ,IAEA,MAAM,CACJ,CACF,CACZ,CAAC;YACN,CAAC,CAAC,CACA,CACY;QAEtB,oBAAC,UAAU,CAAC,SAAS,IACjB,WAAW,EAAC,UAAU,EACtB,SAAS,EAAC,yFAAyF;YAEnG,oBAAC,UAAU,CAAC,KAAK,IAAC,SAAS,EAAC,sCAAsC,GAAG,CAClD,CACT,CACrB,CAAC;AACN,CAAC,CAAC"}

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

@@ -4,5 +4,6 @@ export interface TimePickerTimeSelectorProps {
     minute: number | null;
     onHourChange: (hour: number | null) => void;
     onMinuteChange: (minute: number | null) => void;
+    format: '12h' | '24h';
 }
-export declare const TimePickerTimeSelector: ({ hour, minute, onHourChange, onMinuteChange }: TimePickerTimeSelectorProps) => React.JSX.Element;
+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

@@ -1,30 +1,12 @@
-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;
-  var hourOptions = TimePickerUtils.generateTimeOptions('hour');
-  var minuteOptions = TimePickerUtils.generateTimeOptions('minute');
-  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"
-  }));
+import React from 'react';
+import { TimePickerUtils } from '../time_picker_utils';
+import { TimePickerScrollColumn } from './time_picker_scroll_column';
+export const TimePickerTimeSelector = ({ hour, minute, onHourChange, onMinuteChange, format }) => {
+    const hourOptions = TimePickerUtils.generateTimeOptions('hour', format);
+    const minuteOptions = TimePickerUtils.generateTimeOptions('minute', format);
+    return (React.createElement("div", { className: `aurora-flex aurora-items-center aurora-h-[270px]` },
+        React.createElement(TimePickerScrollColumn, { options: hourOptions, selectedValue: hour, onValueChange: onHourChange, dataAttribute: "data-hour" }),
+        React.createElement("div", { className: "aurora-w-px aurora-h-[250px] aurora-bg-neutral-200" }),
+        React.createElement(TimePickerScrollColumn, { options: minuteOptions, selectedValue: minute, onValueChange: onMinuteChange, dataAttribute: "data-minute" })));
 };
-
-export { TimePickerTimeSelector };
-//# sourceMappingURL=time_picker_time_selector.js.map
+//# sourceMappingURL=time_picker_time_selector.js.map

package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_time_selector.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;"}
+{"version":3,"file":"time_picker_time_selector.js","sourceRoot":"","sources":["../../../../../../../../src/components/time_picker/components/time_picker_time_selector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAUrE,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,EAA+B,EAAE,EAAE;IAC1H,MAAM,WAAW,GAAG,eAAe,CAAC,mBAAmB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxE,MAAM,aAAa,GAAG,eAAe,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAE5E,OAAO,CACH,6BAAK,SAAS,EAAE,kDAAkD;QAC9D,oBAAC,sBAAsB,IAAC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,EAAC,WAAW,GAAG;QAE5H,6BAAK,SAAS,EAAC,oDAAoD,GAAG;QAEtE,oBAAC,sBAAsB,IAAC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAC,aAAa,GAAG,CAClI,CACT,CAAC;AACN,CAAC,CAAC"}

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

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

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

@@ -1,126 +1,96 @@
-import React__default, { useState, useRef, useMemo } from 'react';
-import { slicedToArray as _slicedToArray } 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 { TimePickerInput } from './components/time_picker_input.js';
-import { TimePickerUtils } from './time_picker_utils.js';
-import { TimePickerContent } from './components/time_picker_content.js';
-
-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 = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  var _useState3 = useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    tempHour = _useState4[0],
-    setTempHour = _useState4[1];
-  var _useState5 = useState(null),
-    _useState6 = _slicedToArray(_useState5, 2),
-    tempMinute = _useState6[0],
-    setTempMinute = _useState6[1];
-  var isCancelledRef = useRef(false);
-  var parsedTime = useMemo(function () {
-    return value ? TimePickerUtils.parseStringToTime(value) : undefined;
-  }, [value]);
-  var displayValue = useMemo(function () {
-    if (open) {
-      if (tempHour === null && tempMinute === null) {
-        return '';
-      }
-      return TimePickerUtils.formatTimeForDisplay(tempHour !== null && tempHour !== void 0 ? tempHour : 0, tempMinute !== null && tempMinute !== void 0 ? tempMinute : 0);
-    }
-    return parsedTime ? 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 = 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) {
+import React, { useState, useMemo, useRef } from 'react';
+import { Popover } from '../popover/popover';
+import { PopoverTrigger } from '../popover/components/popover_trigger';
+import { TimePickerInput } from './components/time_picker_input';
+import { TimePickerContent } from './components/time_picker_content';
+import { TimePickerUtils } from './time_picker_utils';
+import { cn } from '@auroraUtilities/cn';
+import './time_picker_types';
+export const TimePicker = ({ id, placeholder = 'gg:mm', disabled, errors, value, onChange, format = '24h' }) => {
+    const [open, setOpen] = useState(false);
+    const [tempHour, setTempHour] = useState(null);
+    const [tempMinute, setTempMinute] = useState(null);
+    const isCancelledRef = useRef(false);
+    const parsedTime = useMemo(() => {
+        return value ? TimePickerUtils.parseStringToTime(value) : undefined;
+    }, [value]);
+    const displayValue = useMemo(() => {
+        if (open) {
+            if (tempHour === null && tempMinute === null) {
+                return '';
+            }
+            return TimePickerUtils.formatTimeForDisplay(tempHour ?? 0, tempMinute ?? 0);
+        }
+        return parsedTime ? TimePickerUtils.formatTimeForDisplay(parsedTime.hour, parsedTime.minute) : '';
+    }, [open, tempHour, tempMinute, parsedTime]);
+    const initializeTempValues = () => {
+        if (parsedTime) {
+            setTempHour(parsedTime.hour);
+            setTempMinute(parsedTime.minute);
+        }
+        else {
+            setTempHour(null);
+            setTempMinute(null);
+        }
+    };
+    const saveValue = () => {
+        if (tempHour === null && tempMinute === null) {
+            onChange?.('');
+        }
+        else {
+            const formattedValue = TimePickerUtils.formatTimeToString(tempHour ?? 0, tempMinute ?? 0);
+            onChange?.(formattedValue);
+        }
+    };
+    const handleHourChange = (hour) => {
+        if (hour === null) {
+            setTempHour(null);
+            setTempMinute(null);
+        }
+        else {
+            setTempHour(hour);
+            if (tempMinute === null) {
+                setTempMinute(0);
+            }
+        }
+    };
+    const handleMinuteChange = (minute) => {
+        if (minute === null) {
+            setTempHour(null);
+            setTempMinute(null);
+        }
+        else {
+            setTempMinute(minute);
+            if (tempHour === null) {
+                setTempHour(0);
+            }
+        }
+    };
+    const handleOpenChange = (newOpen) => {
+        if (newOpen) {
+            isCancelledRef.current = false;
+            initializeTempValues();
+            setOpen(true);
+        }
+        else {
+            if (!isCancelledRef.current) {
+                saveValue();
+            }
+            setOpen(false);
+        }
+    };
+    const handleCancel = () => {
+        isCancelledRef.current = true;
+        initializeTempValues();
+        setOpen(false);
+    };
+    const handleChoose = () => {
         saveValue();
-      }
-      setOpen(false);
-    }
-  };
-  var handleCancel = function handleCancel() {
-    isCancelledRef.current = true;
-    initializeTempValues();
-    setOpen(false);
-  };
-  var handleChoose = function handleChoose() {
-    saveValue();
-    setOpen(false);
-  };
-  return /*#__PURE__*/React__default.createElement(Popover, {
-    open: open,
-    onOpenChange: handleOpenChange
-  }, /*#__PURE__*/React__default.createElement(PopoverTrigger, {
-    className: cn('aurora-w-full', disabled && 'aurora-cursor-not-allowed'),
-    disabled: disabled
-  }, /*#__PURE__*/React__default.createElement(TimePickerInput, {
-    id: id,
-    value: displayValue,
-    placeholder: placeholder,
-    disabled: disabled,
-    errors: errors
-  })), /*#__PURE__*/React__default.createElement(TimePickerContent, {
-    hour: tempHour,
-    minute: tempMinute,
-    onHourChange: handleHourChange,
-    onMinuteChange: handleMinuteChange,
-    onCancel: handleCancel,
-    onChoose: handleChoose
-  }));
+        setOpen(false);
+    };
+    return (React.createElement(Popover, { open: open, onOpenChange: handleOpenChange },
+        React.createElement(PopoverTrigger, { className: cn('aurora-w-full', disabled && 'aurora-cursor-not-allowed'), disabled: disabled },
+            React.createElement(TimePickerInput, { id: id, value: displayValue, placeholder: placeholder, disabled: disabled, errors: errors })),
+        React.createElement(TimePickerContent, { hour: tempHour, minute: tempMinute, onHourChange: handleHourChange, onMinuteChange: handleMinuteChange, onCancel: handleCancel, onChoose: handleChoose, format: format })));
 };
-
-export { TimePicker };
-//# sourceMappingURL=time_picker.js.map
+//# sourceMappingURL=time_picker.js.map

package/build/esm/packages/aurora/src/components/time_picker/time_picker.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"time_picker.js","sourceRoot":"","sources":["../../../../../../../src/components/time_picker/time_picker.tsx"],"names":[],"mappings":"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"}

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

@@ -5,6 +5,7 @@ export interface TimePickerProps {
     errors?: string | string[];
     value?: string;
     onChange?: (value: string) => void;
+    format?: '12h' | '24h';
 }
 export interface TimePickerContentProps {
     hour: number | null;
@@ -13,4 +14,5 @@ export interface TimePickerContentProps {
     onMinuteChange: (minute: number | null) => void;
     onCancel: () => void;
     onChoose: () => void;
+    format: '12h' | '24h';
 }

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

@@ -6,5 +6,5 @@ export declare class TimePickerUtils {
     static formatTimeToString: (hour: number, minute: number) => string;
     static formatTimeForDisplay: (hour: number, minute: number) => string;
     static formatTimeStringForDisplay: (value: string | undefined) => string;
-    static generateTimeOptions: (type: 'hour' | 'minute') => string[];
+    static generateTimeOptions: (type: 'hour' | 'minute', format?: '12h' | '24h') => string[];
 }