@bigbinary/neeto-atoms 1.0.145 → 1.1.1

package/dist/cjs/components/RadioGroup.js

@@ -23,7 +23,7 @@ require('../index-DcCSSgb7.js');
 require('../primitives/Label.js');
 require('../label-D8qMh7jG.js');
 require('../primitives/Field.js');
-require('../HelpIcon-39gUuk1F.js');
+require('../HelpIcon-f8_h5Eap.js');
 require('../primitives/Tooltip.js');
 require('../tooltip-BFE6UArF.js');
 require('../index-Bvu9MiFi.js');

package/dist/cjs/components/Select.js

@@ -28,7 +28,7 @@ require('../with-selector-DeKHbQY7.js');
 require('../floating-ui.react-dom--alWUjS1.js');
 require('../SelectFieldWrapper-CIh_atln.js');
 require('../primitives/Field.js');
-require('../HelpIcon-39gUuk1F.js');
+require('../HelpIcon-f8_h5Eap.js');
 require('../primitives/Tooltip.js');
 require('../tooltip-BFE6UArF.js');
 require('../index-COPkC3I5.js');

package/dist/cjs/components/Slider.js

@@ -18,7 +18,7 @@ require('../index-DMbj7vXd.js');
 require('react-dom');
 require('../index-Ch55j1or.js');
 require('../primitives/Field.js');
-require('../HelpIcon-39gUuk1F.js');
+require('../HelpIcon-f8_h5Eap.js');
 require('../primitives/Tooltip.js');
 require('../tooltip-BFE6UArF.js');
 require('../index-Bvu9MiFi.js');

package/dist/cjs/components/Switch.js

@@ -5,7 +5,7 @@ require('react/jsx-runtime');
 require('react');
 require('../primitives/Field.js');
 require('../utils-BhM0B89p.js');
-require('../HelpIcon-39gUuk1F.js');
+require('../HelpIcon-f8_h5Eap.js');
 require('../primitives/Tooltip.js');
 require('../tooltip-BFE6UArF.js');
 require('../index-COPkC3I5.js');

package/dist/cjs/components/Textarea.js

@@ -5,7 +5,7 @@ require('react/jsx-runtime');
 require('react');
 require('../utils-BhM0B89p.js');
 require('../primitives/Field.js');
-require('../HelpIcon-39gUuk1F.js');
+require('../HelpIcon-f8_h5Eap.js');
 require('../primitives/Tooltip.js');
 require('../tooltip-BFE6UArF.js');
 require('../index-COPkC3I5.js');

package/dist/cjs/components/TimePicker.js

@@ -1,7 +1,6 @@
 'use strict';
 
-var TimePicker = require('../TimePicker-CVGXEgk5.js');
-var TimePickerPanel = require('../TimePickerPanel-DvVRLqeM.js');
+var TimePicker = require('../TimePicker-BhOW7vbV.js');
 require('react/jsx-runtime');
 require('react');
 require('../primitives/Popover.js');
@@ -24,7 +23,7 @@ require('../index-Df-Ffa3s.js');
 require('../index-DcCSSgb7.js');
 require('../index-CyrAgb4H.js');
 require('../primitives/Field.js');
-require('../HelpIcon-39gUuk1F.js');
+require('../HelpIcon-f8_h5Eap.js');
 require('../primitives/Tooltip.js');
 require('../tooltip-BFE6UArF.js');
 require('../index-CB9xFokC.js');
@@ -46,16 +45,17 @@ require('../label-D8qMh7jG.js');
 require('../separator-DSL-aG1J.js');
 require('../fieldIds-DiVU6GVS.js');
 require('../hyphenize-BTrVNVv3.js');
-require('../x-Brw3FJst.js');
-require('../primitives/ScrollArea.js');
-require('../index-BY6wgiQV.js');
-require('../index-EyWRfsCG.js');
+require('../utils-S4yTubWZ.js');
 require('dayjs');
 require('dayjs/plugin/customParseFormat');
 require('@bigbinary/neeto-commons-frontend/utils');
+require('../primitives/ScrollArea.js');
+require('../index-BY6wgiQV.js');
+require('../index-EyWRfsCG.js');
+require('../x-Brw3FJst.js');
 
 
 
 exports.TimePicker = TimePicker.TimePicker;
-exports.TimePickerPanel = TimePickerPanel.TimePickerPanel;
+exports.TimePickerPanel = TimePicker.TimePickerPanel;
 //# sourceMappingURL=TimePicker.js.map

package/dist/cjs/components/TranslationProvider.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var TranslationProvider = require('../TranslationProvider-DOeyGtbV.js');
+var TranslationProvider = require('../TranslationProvider-C1JDwKEN.js');
 require('react/jsx-runtime');
 require('react');
 require('react-i18next');

package/dist/cjs/components/TreeSelect.js

@@ -24,7 +24,7 @@ require('../index-DcCSSgb7.js');
 require('../index-CyrAgb4H.js');
 require('../SelectFieldWrapper-CIh_atln.js');
 require('../primitives/Field.js');
-require('../HelpIcon-39gUuk1F.js');
+require('../HelpIcon-f8_h5Eap.js');
 require('../primitives/Tooltip.js');
 require('../tooltip-BFE6UArF.js');
 require('../index-CB9xFokC.js');

package/dist/cjs/components/index.js

@@ -10,12 +10,12 @@ var Callout = require('../Callout-Bci3POCo.js');
 var Checkbox = require('../Checkbox-83g1FDsc.js');
 var ColorPicker = require('../ColorPicker-CODJ0QKs.js');
 var DataTable = require('../DataTable-KvsmFjeu.js');
-var DatePicker = require('../DatePicker-CMcp7TGb.js');
+var DatePicker = require('../DatePicker-aGLz-3Bz.js');
 var Dialog = require('../Dialog-B_FZwr_u.js');
 var Empty = require('../Empty-Bwpsj82B.js');
 var Input = require('../Input-DFvMBpiU.js');
 var Kbd = require('../Kbd--A8Gl8TV.js');
-var Label = require('../Label-BLgCH5sc.js');
+var Label = require('../Label-C8u4fXTy.js');
 var MultiEmailInput = require('../MultiEmailInput-N9amBO6Q.js');
 var Pagination = require('../Pagination-WyQlBpvK.js');
 var Popover = require('../Popover-BY8Afql0.js');
@@ -29,11 +29,10 @@ var Stepper = require('../Stepper-BZBdL6JW.js');
 var Switch = require('../Switch-BbRK3HUZ.js');
 var Tabs = require('../Tabs-BQl63Ewe.js');
 var Textarea = require('../Textarea-bxleSw86.js');
-var TimePicker = require('../TimePicker-CVGXEgk5.js');
-var TimePickerPanel = require('../TimePickerPanel-DvVRLqeM.js');
+var TimePicker = require('../TimePicker-BhOW7vbV.js');
 var Toastr = require('../Toastr-DgllCbfd.js');
 var Tooltip = require('../Tooltip-B6uv_2Jz.js');
-var TranslationProvider = require('../TranslationProvider-DOeyGtbV.js');
+var TranslationProvider = require('../TranslationProvider-C1JDwKEN.js');
 var Tree = require('../Tree-D1QjLPS9.js');
 var TreeSelect = require('../TreeSelect-CrLmpq26.js');
 var Typography = require('../Typography-Ctlu_0Qy.js');
@@ -103,7 +102,7 @@ require('../primitives/Checkbox.js');
 require('../index-CF951Pw9.js');
 require('../fieldIds-DiVU6GVS.js');
 require('../primitives/Field.js');
-require('../HelpIcon-39gUuk1F.js');
+require('../HelpIcon-f8_h5Eap.js');
 require('../label-D8qMh7jG.js');
 require('react-colorful');
 require('../primitives/Popover.js');
@@ -113,9 +112,12 @@ require('../primitives/Pagination.js');
 require('../chevron-left-BldoOh5p.js');
 require('../ellipsis-4aubOI2n.js');
 require('../primitives/Calendar.js');
+require('../utils-S4yTubWZ.js');
 require('dayjs');
 require('dayjs/plugin/customParseFormat');
 require('@bigbinary/neeto-commons-frontend/utils');
+require('../primitives/Label.js');
+require('../primitives/Switch.js');
 require('../primitives/Empty.js');
 require('../primitives/InputGroup.js');
 require('../input-group-Cr4T8woC.js');
@@ -123,7 +125,6 @@ require('../input-CgaZr1ov.js');
 require('../textarea-DW3Fg4w6.js');
 require('../withIconSize-C6LP0R7o.js');
 require('../primitives/Kbd.js');
-require('../primitives/Label.js');
 require('../primitives/HoverCard.js');
 require('../primitives/Progress.js');
 require('../primitives/RadioGroup.js');
@@ -133,7 +134,6 @@ require('../primitives/Sheet.js');
 require('../sheet-C33j5mif.js');
 require('../primitives/Slider.js');
 require('../index-EyWRfsCG.js');
-require('../primitives/Switch.js');
 require('../primitives/Tabs.js');
 require('../primitives/Textarea.js');
 require('../primitives/ScrollArea.js');
@@ -181,7 +181,7 @@ exports.Switch = Switch.Switch;
 exports.Tabs = Tabs.Tabs;
 exports.Textarea = Textarea.Textarea;
 exports.TimePicker = TimePicker.TimePicker;
-exports.TimePickerPanel = TimePickerPanel.TimePickerPanel;
+exports.TimePickerPanel = TimePicker.TimePickerPanel;
 exports.Toastr = Toastr.Toastr;
 exports.Tooltip = Tooltip.Tooltip;
 exports.TranslationProvider = TranslationProvider.TranslationProvider;

package/dist/cjs/formik/Checkbox.js

@@ -22,7 +22,7 @@ require('react-dom');
 require('../fieldIds-DiVU6GVS.js');
 require('../hyphenize-BTrVNVv3.js');
 require('../primitives/Field.js');
-require('../HelpIcon-39gUuk1F.js');
+require('../HelpIcon-f8_h5Eap.js');
 require('../primitives/Tooltip.js');
 require('../tooltip-BFE6UArF.js');
 require('../index-Bvu9MiFi.js');

package/dist/cjs/formik/Input.js

@@ -7,7 +7,7 @@ var ramda = require('ramda');
 var Input = require('../Input-DFvMBpiU.js');
 require('../utils-BhM0B89p.js');
 require('../primitives/Field.js');
-require('../HelpIcon-39gUuk1F.js');
+require('../HelpIcon-f8_h5Eap.js');
 require('../primitives/Tooltip.js');
 require('../tooltip-BFE6UArF.js');
 require('../index-COPkC3I5.js');

package/dist/cjs/formik/MultiEmailInput.js

@@ -8,7 +8,7 @@ var MultiEmailInput = require('../MultiEmailInput-N9amBO6Q.js');
 require('react-i18next');
 require('../utils-BhM0B89p.js');
 require('../primitives/Field.js');
-require('../HelpIcon-39gUuk1F.js');
+require('../HelpIcon-f8_h5Eap.js');
 require('../primitives/Tooltip.js');
 require('../tooltip-BFE6UArF.js');
 require('../index-COPkC3I5.js');

package/dist/cjs/formik/RadioGroup.js

@@ -25,7 +25,7 @@ require('../index-DcCSSgb7.js');
 require('../primitives/Label.js');
 require('../label-D8qMh7jG.js');
 require('../primitives/Field.js');
-require('../HelpIcon-39gUuk1F.js');
+require('../HelpIcon-f8_h5Eap.js');
 require('../primitives/Tooltip.js');
 require('../tooltip-BFE6UArF.js');
 require('../index-Bvu9MiFi.js');

package/dist/cjs/formik/Select.js

@@ -30,7 +30,7 @@ require('../with-selector-DeKHbQY7.js');
 require('../floating-ui.react-dom--alWUjS1.js');
 require('../SelectFieldWrapper-CIh_atln.js');
 require('../primitives/Field.js');
-require('../HelpIcon-39gUuk1F.js');
+require('../HelpIcon-f8_h5Eap.js');
 require('../primitives/Tooltip.js');
 require('../tooltip-BFE6UArF.js');
 require('../index-COPkC3I5.js');

package/dist/cjs/formik/Slider.js

@@ -20,7 +20,7 @@ require('../index-DMbj7vXd.js');
 require('react-dom');
 require('../index-Ch55j1or.js');
 require('../primitives/Field.js');
-require('../HelpIcon-39gUuk1F.js');
+require('../HelpIcon-f8_h5Eap.js');
 require('../primitives/Tooltip.js');
 require('../tooltip-BFE6UArF.js');
 require('../index-Bvu9MiFi.js');

package/dist/cjs/formik/Switch.js

@@ -7,7 +7,7 @@ var Switch = require('../Switch-BbRK3HUZ.js');
 require('react');
 require('../primitives/Field.js');
 require('../utils-BhM0B89p.js');
-require('../HelpIcon-39gUuk1F.js');
+require('../HelpIcon-f8_h5Eap.js');
 require('../primitives/Tooltip.js');
 require('../tooltip-BFE6UArF.js');
 require('../index-COPkC3I5.js');

package/dist/cjs/formik/Textarea.js

@@ -7,7 +7,7 @@ var ramda = require('ramda');
 var Textarea = require('../Textarea-bxleSw86.js');
 require('../utils-BhM0B89p.js');
 require('../primitives/Field.js');
-require('../HelpIcon-39gUuk1F.js');
+require('../HelpIcon-f8_h5Eap.js');
 require('../primitives/Tooltip.js');
 require('../tooltip-BFE6UArF.js');
 require('../index-COPkC3I5.js');

package/dist/cjs/formik/TreeSelect.js

@@ -26,7 +26,7 @@ require('../index-DcCSSgb7.js');
 require('../index-CyrAgb4H.js');
 require('../SelectFieldWrapper-CIh_atln.js');
 require('../primitives/Field.js');
-require('../HelpIcon-39gUuk1F.js');
+require('../HelpIcon-f8_h5Eap.js');
 require('../primitives/Tooltip.js');
 require('../tooltip-BFE6UArF.js');
 require('../index-CB9xFokC.js');

package/dist/cjs/formik/index.js

@@ -20,7 +20,7 @@ require('ramda');
 require('../Input-DFvMBpiU.js');
 require('../utils-BhM0B89p.js');
 require('../primitives/Field.js');
-require('../HelpIcon-39gUuk1F.js');
+require('../HelpIcon-f8_h5Eap.js');
 require('../primitives/Tooltip.js');
 require('../tooltip-BFE6UArF.js');
 require('../index-COPkC3I5.js');

package/dist/cjs/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var utils$1 = require('@bigbinary/neeto-commons-frontend/utils');
-var TranslationProvider = require('./TranslationProvider-DOeyGtbV.js');
+var TranslationProvider = require('./TranslationProvider-C1JDwKEN.js');
 var components_DropdownMenu = require('./components/DropdownMenu.js');
 var useMobile = require('./use-mobile-Be9CI6km.js');
 var utils = require('./utils-BhM0B89p.js');
@@ -14,13 +14,13 @@ var Callout = require('./Callout-Bci3POCo.js');
 var Checkbox = require('./Checkbox-83g1FDsc.js');
 var ColorPicker = require('./ColorPicker-CODJ0QKs.js');
 var DataTable = require('./DataTable-KvsmFjeu.js');
-var DatePicker = require('./DatePicker-CMcp7TGb.js');
+var DatePicker = require('./DatePicker-aGLz-3Bz.js');
 var Dialog = require('./Dialog-B_FZwr_u.js');
 var DirectionProvider = require('./DirectionProvider-BTtE4FcN.js');
 var Empty = require('./Empty-Bwpsj82B.js');
 var Input = require('./Input-DFvMBpiU.js');
 var Kbd = require('./Kbd--A8Gl8TV.js');
-var Label = require('./Label-BLgCH5sc.js');
+var Label = require('./Label-C8u4fXTy.js');
 var MultiEmailInput = require('./MultiEmailInput-N9amBO6Q.js');
 var Pagination = require('./Pagination-WyQlBpvK.js');
 var Popover = require('./Popover-BY8Afql0.js');
@@ -34,7 +34,7 @@ var Stepper = require('./Stepper-BZBdL6JW.js');
 var Switch = require('./Switch-BbRK3HUZ.js');
 var Tabs = require('./Tabs-BQl63Ewe.js');
 var Textarea = require('./Textarea-bxleSw86.js');
-var TimePicker = require('./TimePicker-CVGXEgk5.js');
+var TimePicker = require('./TimePicker-BhOW7vbV.js');
 var Toastr = require('./Toastr-DgllCbfd.js');
 var Tooltip = require('./Tooltip-B6uv_2Jz.js');
 var Tree = require('./Tree-D1QjLPS9.js');
@@ -105,7 +105,7 @@ require('./primitives/Checkbox.js');
 require('./index-CF951Pw9.js');
 require('./fieldIds-DiVU6GVS.js');
 require('./primitives/Field.js');
-require('./HelpIcon-39gUuk1F.js');
+require('./HelpIcon-f8_h5Eap.js');
 require('./label-D8qMh7jG.js');
 require('react-colorful');
 require('./primitives/Popover.js');
@@ -115,11 +115,11 @@ require('./primitives/Pagination.js');
 require('./chevron-left-BldoOh5p.js');
 require('./ellipsis-4aubOI2n.js');
 require('./primitives/Calendar.js');
-require('./TimePickerPanel-DvVRLqeM.js');
-require('./primitives/ScrollArea.js');
-require('./index-EyWRfsCG.js');
+require('./utils-S4yTubWZ.js');
 require('dayjs');
 require('dayjs/plugin/customParseFormat');
+require('./primitives/Label.js');
+require('./primitives/Switch.js');
 require('./primitives/Empty.js');
 require('./primitives/InputGroup.js');
 require('./input-group-Cr4T8woC.js');
@@ -127,7 +127,6 @@ require('./input-CgaZr1ov.js');
 require('./textarea-DW3Fg4w6.js');
 require('./withIconSize-C6LP0R7o.js');
 require('./primitives/Kbd.js');
-require('./primitives/Label.js');
 require('./primitives/HoverCard.js');
 require('./primitives/Progress.js');
 require('./primitives/RadioGroup.js');
@@ -136,9 +135,10 @@ require('./SelectFieldWrapper-CIh_atln.js');
 require('./primitives/Sheet.js');
 require('./sheet-C33j5mif.js');
 require('./primitives/Slider.js');
-require('./primitives/Switch.js');
+require('./index-EyWRfsCG.js');
 require('./primitives/Tabs.js');
 require('./primitives/Textarea.js');
+require('./primitives/ScrollArea.js');
 require('./index-CPmGpPzg.js');
 require('./redux-DEF7lAd1.js');
 

package/dist/cjs/primitives/Field.js

@@ -2,7 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var utils = require('../utils-BhM0B89p.js');
-var HelpIcon = require('../HelpIcon-39gUuk1F.js');
+var HelpIcon = require('../HelpIcon-f8_h5Eap.js');
 var React = require('react');
 var index = require('../index-vioSzJOw.js');
 var label = require('../label-D8qMh7jG.js');

package/dist/cjs/primitives/index.js

@@ -106,7 +106,7 @@ require('../dialog-D7OSycGe.js');
 require('../index-CMFCdiR6.js');
 require('../index-owSUsE-n.js');
 require('../index-DoVhdseB.js');
-require('../HelpIcon-39gUuk1F.js');
+require('../HelpIcon-f8_h5Eap.js');
 require('../renderIcon-BRrpZu9a.js');
 require('../Popover-BY8Afql0.js');
 require('../Typography-Ctlu_0Qy.js');

package/dist/cjs/{TimePickerPanel-DvVRLqeM.js → utils-S4yTubWZ.js}

@@ -1,10 +1,7 @@
 'use strict';
 
+var createLucideIcon = require('./createLucideIcon-D0tRgV6l.js');
 var React = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-var utils$1 = require('./utils-BhM0B89p.js');
-var primitives_Button = require('./primitives/Button.js');
-var primitives_ScrollArea = require('./primitives/ScrollArea.js');
 var pureDayjs = require('dayjs');
 var customParseFormat = require('dayjs/plugin/customParseFormat');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
@@ -14,6 +11,20 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var pureDayjs__default = /*#__PURE__*/_interopDefault(pureDayjs);
 var customParseFormat__default = /*#__PURE__*/_interopDefault(customParseFormat);
 
+/**
+ * @license lucide-react v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }]
+];
+const Clock = createLucideIcon.createLucideIcon("clock", __iconNode);
+
 function useControlledOpen(controlledOpen, onOpenChange) {
   const [internalOpen, setInternalOpen] = React.useState(false);
   const isControlled = controlledOpen !== void 0;
@@ -70,12 +81,14 @@ const isValidChar = (ch, hasAmPm) => DIGIT.test(ch) || hasAmPm && AMPM_CHAR.test
 const buildMaskTemplate = (format) => {
   let pattern = "";
   let hasAmPm = false;
-  for (const char of format) {
+  for (let i = 0; i < format.length; i++) {
+    const char = format[i];
     if (FORMAT_CHARS.has(char)) {
       pattern += "#";
     } else if (char === "A") {
-      pattern += "@";
+      pattern += "@@";
       hasAmPm = true;
+      if (format[i + 1] === "A") i++;
     } else {
       pattern += char;
     }
@@ -247,27 +260,6 @@ const applyMask = (inputText, template, previousText = "", nativeCursorPos) => {
   };
 };
 
-const COLUMN_HEIGHT = 224;
-const ITEM_HEIGHT = 32;
-const PERIODS = ["AM", "PM"];
-const SIZE_CONFIG = {
-  small: {
-    trigger: "h-8 md:h-7",
-    input: "text-base md:text-xs",
-    icon: "size-3.5"
-  },
-  medium: {
-    trigger: "h-8",
-    input: "text-base md:text-sm",
-    icon: "size-4"
-  },
-  large: {
-    trigger: "h-10",
-    input: "text-base md:text-sm",
-    icon: "size-5"
-  }
-};
-
 pureDayjs__default.default.extend(customParseFormat__default.default);
 const generateRange = (start, end, step = 1) => {
   const result = [];
@@ -388,175 +380,7 @@ const timeValueToDayjs = (time) => {
   return utils.dayjs(`${today} ${h}:${m}:${s}`);
 };
 
-const TimeColumn = ({
-  items,
-  selected,
-  onSelect,
-  disabled = false,
-  className,
-  padStart = 2
-}) => {
-  const selectedRef = React.useRef(null);
-  React.useEffect(() => {
-    if (selectedRef.current) {
-      selectedRef.current.scrollIntoView({
-        block: "center",
-        behavior: "smooth"
-      });
-    }
-  }, [selected]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    primitives_ScrollArea.ScrollArea,
-    {
-      className: utils$1.cn("w-16", className),
-      style: { height: COLUMN_HEIGHT },
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: "flex flex-col items-center py-2",
-          role: "listbox",
-          "aria-label": "Time selection",
-          children: items.map((item) => {
-            const isSelected = item === selected;
-            const displayValue = typeof item === "number" ? padNumber(item, padStart) : item;
-            return /* @__PURE__ */ jsxRuntime.jsx(
-              primitives_Button.Button,
-              {
-                ref: isSelected ? selectedRef : void 0,
-                variant: isSelected ? "default" : "ghost",
-                size: "sm",
-                role: "option",
-                "aria-selected": isSelected,
-                disabled,
-                className: utils$1.cn(
-                  "w-12 justify-center font-mono text-sm",
-                  !isSelected && "text-muted-foreground"
-                ),
-                style: { height: ITEM_HEIGHT },
-                onClick: () => onSelect(item),
-                children: displayValue
-              },
-              item
-            );
-          })
-        }
-      )
-    }
-  );
-};
-TimeColumn.displayName = "TimeColumn";
-
-const TimePickerPanel = React.forwardRef(
-  ({
-    value,
-    onChange,
-    format = "24",
-    showSeconds = false,
-    minuteStep = 1,
-    secondStep = 1,
-    disabled = false,
-    className
-  }, ref) => {
-    const getInitialTime = React.useCallback(
-      () => ({
-        hours: value?.hours ?? 0,
-        minutes: value?.minutes ?? 0,
-        seconds: value?.seconds ?? 0
-      }),
-      [value]
-    );
-    const [internalTime, setInternalTime] = React.useState(getInitialTime);
-    React.useEffect(() => {
-      setInternalTime(getInitialTime());
-    }, [getInitialTime]);
-    const hours = format === "12" ? generateRange(1, 12) : generateRange(0, 23);
-    const minutes = generateRange(0, 59, minuteStep);
-    const seconds = generateRange(0, 59, secondStep);
-    const { hour12, period } = format === "12" ? to12Hour(internalTime.hours) : { hour12: internalTime.hours, period: "AM" };
-    const handleHourSelect = (hourValue) => {
-      const hour = Number(hourValue);
-      const newHours = format === "12" ? to24Hour(hour, period) : hour;
-      const newTime = { ...internalTime, hours: newHours };
-      setInternalTime(newTime);
-      onChange?.(newTime);
-    };
-    const handleMinuteSelect = (minuteValue) => {
-      const newTime = { ...internalTime, minutes: Number(minuteValue) };
-      setInternalTime(newTime);
-      onChange?.(newTime);
-    };
-    const handleSecondSelect = (secondValue) => {
-      const newTime = { ...internalTime, seconds: Number(secondValue) };
-      setInternalTime(newTime);
-      onChange?.(newTime);
-    };
-    const handlePeriodSelect = (newPeriod) => {
-      const newHours = to24Hour(hour12, newPeriod);
-      const newTime = { ...internalTime, hours: newHours };
-      setInternalTime(newTime);
-      onChange?.(newTime);
-    };
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref,
-        className: utils$1.cn("flex", className),
-        role: "group",
-        "aria-label": "Time picker",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            TimeColumn,
-            {
-              items: hours,
-              selected: format === "12" ? hour12 : internalTime.hours,
-              onSelect: handleHourSelect,
-              disabled
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-inline-end border-border" }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            TimeColumn,
-            {
-              items: minutes,
-              selected: internalTime.minutes,
-              onSelect: handleMinuteSelect,
-              disabled
-            }
-          ),
-          showSeconds && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-inline-end border-border" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              TimeColumn,
-              {
-                items: seconds,
-                selected: internalTime.seconds ?? 0,
-                onSelect: handleSecondSelect,
-                disabled
-              }
-            )
-          ] }),
-          format === "12" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-inline-end border-border" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              TimeColumn,
-              {
-                items: [...PERIODS],
-                selected: period,
-                onSelect: handlePeriodSelect,
-                disabled,
-                padStart: 0
-              }
-            )
-          ] })
-        ]
-      }
-    );
-  }
-);
-TimePickerPanel.displayName = "TimePickerPanel";
-
-exports.SIZE_CONFIG = SIZE_CONFIG;
-exports.TimePickerPanel = TimePickerPanel;
+exports.Clock = Clock;
 exports.applyMask = applyMask;
 exports.buildMaskTemplate = buildMaskTemplate;
 exports.buildRangeMaskTemplate = buildRangeMaskTemplate;
@@ -564,14 +388,18 @@ exports.coerceToTimeValue = coerceToTimeValue;
 exports.dateToTimeValue = dateToTimeValue;
 exports.formatTimeDisplay = formatTimeDisplay;
 exports.formatTimeWithPattern = formatTimeWithPattern;
+exports.generateRange = generateRange;
 exports.getDefaultTimeMaskFormat = getDefaultTimeMaskFormat;
 exports.getTimePlaceholder = getTimePlaceholder;
 exports.isFixedWidthFormat = isFixedWidthFormat;
+exports.padNumber = padNumber;
 exports.parseTimeString = parseTimeString;
 exports.parseTimeWithPattern = parseTimeWithPattern;
 exports.timeValueEquals = timeValueEquals;
 exports.timeValueToDayjs = timeValueToDayjs;
+exports.to12Hour = to12Hour;
+exports.to24Hour = to24Hour;
 exports.useControlledOpen = useControlledOpen;
 exports.useCursorRestore = useCursorRestore;
 exports.useOutsideClickClose = useOutsideClickClose;
-//# sourceMappingURL=TimePickerPanel-DvVRLqeM.js.map
+//# sourceMappingURL=utils-S4yTubWZ.js.map