@choco-vanille/ui 1.18.1 → 1.20.0

package/dist/components/forms/time-picker/components/time-picker-panel/TimePickerPanel.js

@@ -0,0 +1,126 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { memo as z, useMemo as b, useRef as O, useEffect as S } from "react";
+import E from "../../../../actions/button/Button.js";
+import "../../../../actions/button/styles/Button.css.js";
+import { TIME_PICKER_PANEL_STYLES as l } from "./styles/TimePickerPanel.css.js";
+import { splitTime as y, getHourOptions as T, isTimeInRange as d, getMinuteOptions as q } from "../../utils/timePicker.utils.js";
+const K = z(
+  ({
+    selectedTime: k,
+    defaultPanelTime: P,
+    minTime: s,
+    maxTime: c,
+    hourStep: p,
+    minuteStep: m,
+    hoursAriaLabel: f,
+    minutesAriaLabel: u,
+    showNowButton: h,
+    clearable: N,
+    nowLabel: C,
+    clearLabel: H,
+    onHourSelect: R,
+    onMinuteSelect: $,
+    onNowSelect: I,
+    onClear: M
+  }) => {
+    const n = y(k), i = n ?? y(P), a = i?.hour, _ = b(
+      () => T(p).filter(
+        (e) => d(`${e}:59`, s, void 0) && d(`${e}:00`, void 0, c)
+      ),
+      [p, s, c]
+    ), j = b(
+      () => q(m).filter(
+        (e) => a === void 0 || d(`${a}:${e}`, s, c)
+      ),
+      [m, a, s, c]
+    ), v = O(null);
+    S(() => {
+      v.current?.querySelectorAll('[aria-pressed="true"], [data-reference="true"]').forEach((e) => {
+        const r = e.parentElement?.parentElement;
+        r && (r.scrollTop = e.offsetTop - r.clientHeight / 2 + e.clientHeight / 2);
+      });
+    }, []);
+    const g = (e, r) => ({
+      "aria-pressed": e,
+      "data-reference": !n && r ? !0 : void 0
+    });
+    return /* @__PURE__ */ o(
+      "div",
+      {
+        ref: v,
+        className: l.root,
+        children: [
+          /* @__PURE__ */ o("div", { className: l.body, children: [
+            /* @__PURE__ */ o("div", { className: l.group, children: [
+              /* @__PURE__ */ t("p", { className: l.title, children: f }),
+              /* @__PURE__ */ t(
+                "ul",
+                {
+                  "aria-label": f,
+                  className: l.column,
+                  children: _.map((e) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+                    "button",
+                    {
+                      type: "button",
+                      ...g(n?.hour === e, i?.hour === e),
+                      className: l.item,
+                      onClick: () => R(e),
+                      children: e
+                    }
+                  ) }, e))
+                }
+              )
+            ] }),
+            /* @__PURE__ */ o("div", { className: l.group, children: [
+              /* @__PURE__ */ t("p", { className: l.title, children: u }),
+              /* @__PURE__ */ t(
+                "ul",
+                {
+                  "aria-label": u,
+                  className: l.column,
+                  children: j.map((e) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+                    "button",
+                    {
+                      type: "button",
+                      ...g(n?.minute === e, i?.minute === e),
+                      className: l.item,
+                      onClick: () => $(e),
+                      children: e
+                    }
+                  ) }, e))
+                }
+              )
+            ] })
+          ] }),
+          (h || N) && /* @__PURE__ */ o("div", { className: l.footer, children: [
+            N ? /* @__PURE__ */ t(
+              E,
+              {
+                label: H,
+                variant: "ghost",
+                size: "sm",
+                type: "button",
+                onClick: M
+              }
+            ) : /* @__PURE__ */ t("span", {}),
+            h && /* @__PURE__ */ t(
+              E,
+              {
+                label: C,
+                variant: "ghost",
+                size: "sm",
+                type: "button",
+                onClick: I
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+K.displayName = "TimePickerPanel";
+export {
+  K as default
+};
+//# sourceMappingURL=TimePickerPanel.js.map

package/dist/components/forms/time-picker/components/time-picker-panel/TimePickerPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePickerPanel.js","sources":["../../../../../../src/components/forms/time-picker/components/time-picker-panel/TimePickerPanel.tsx"],"sourcesContent":["import { memo, useEffect, useMemo, useRef } from 'react'\r\n\r\nimport { Button } from '@components/actions/button'\r\nimport { TIME_PICKER_PANEL_STYLES } from '@components/forms/time-picker/components/time-picker-panel/styles/TimePickerPanel.css.ts'\r\nimport type { TimePickerPanelProps } from '@components/forms/time-picker/components/time-picker-panel/types/TimePickerPanel.props.ts'\r\nimport {\r\n    getHourOptions,\r\n    getMinuteOptions,\r\n    isTimeInRange,\r\n    splitTime,\r\n} from '@components/forms/time-picker/utils/timePicker.utils.ts'\r\n\r\n/**\r\n * Two scrollable lists, hours and minutes, used inside the TimePicker popover.\r\n * Options outside the allowed range are not listed. The selected values, or the\r\n * default panel time, are scrolled into view on mount.\r\n */\r\nconst TimePickerPanel = memo(\r\n    ({\r\n        selectedTime,\r\n        defaultPanelTime,\r\n        minTime,\r\n        maxTime,\r\n        hourStep,\r\n        minuteStep,\r\n        hoursAriaLabel,\r\n        minutesAriaLabel,\r\n        showNowButton,\r\n        clearable,\r\n        nowLabel,\r\n        clearLabel,\r\n        onHourSelect,\r\n        onMinuteSelect,\r\n        onNowSelect,\r\n        onClear,\r\n    }: TimePickerPanelProps) => {\r\n        const selected = splitTime(selectedTime)\r\n        const reference = selected ?? splitTime(defaultPanelTime)\r\n        const referenceHour = reference?.hour\r\n        const hours = useMemo(\r\n            () => getHourOptions(hourStep).filter(\r\n                hour => isTimeInRange(`${hour}:59`, minTime, undefined)\r\n                    && isTimeInRange(`${hour}:00`, undefined, maxTime),\r\n            ),\r\n            [hourStep, minTime, maxTime],\r\n        )\r\n        const minutes = useMemo(\r\n            () => getMinuteOptions(minuteStep).filter(\r\n                minute => referenceHour === undefined\r\n                    || isTimeInRange(`${referenceHour}:${minute}`, minTime, maxTime),\r\n            ),\r\n            [minuteStep, referenceHour, minTime, maxTime],\r\n        )\r\n        const rootRef = useRef<HTMLDivElement>(null)\r\n\r\n        useEffect(() => {\r\n            rootRef.current\r\n                ?.querySelectorAll<HTMLElement>('[aria-pressed=\"true\"], [data-reference=\"true\"]')\r\n                .forEach((item) => {\r\n                    const column = item.parentElement?.parentElement\r\n                    if (column) {\r\n                        column.scrollTop = item.offsetTop - column.clientHeight / 2 + item.clientHeight / 2\r\n                    }\r\n                })\r\n        }, [])\r\n\r\n        const getState = (isSelected: boolean, isReference: boolean) => ({\r\n            'aria-pressed': isSelected,\r\n            'data-reference': !selected && isReference ? true : undefined,\r\n        })\r\n\r\n        return (\r\n            <div\r\n                ref={rootRef}\r\n                className={TIME_PICKER_PANEL_STYLES.root}\r\n            >\r\n                <div className={TIME_PICKER_PANEL_STYLES.body}>\r\n                    <div className={TIME_PICKER_PANEL_STYLES.group}>\r\n                        <p className={TIME_PICKER_PANEL_STYLES.title}>{hoursAriaLabel}</p>\r\n                        <ul\r\n                            aria-label={hoursAriaLabel}\r\n                            className={TIME_PICKER_PANEL_STYLES.column}\r\n                        >\r\n                            {hours.map((hour) => (\r\n                                <li key={hour}>\r\n                                    <button\r\n                                        type={'button'}\r\n                                        {...getState(selected?.hour === hour, reference?.hour === hour)}\r\n                                        className={TIME_PICKER_PANEL_STYLES.item}\r\n                                        onClick={() => onHourSelect(hour)}\r\n                                    >\r\n                                        {hour}\r\n                                    </button>\r\n                                </li>\r\n                            ))}\r\n                        </ul>\r\n                    </div>\r\n                    <div className={TIME_PICKER_PANEL_STYLES.group}>\r\n                        <p className={TIME_PICKER_PANEL_STYLES.title}>{minutesAriaLabel}</p>\r\n                        <ul\r\n                            aria-label={minutesAriaLabel}\r\n                            className={TIME_PICKER_PANEL_STYLES.column}\r\n                        >\r\n                            {minutes.map((minute) => (\r\n                                <li key={minute}>\r\n                                    <button\r\n                                        type={'button'}\r\n                                        {...getState(selected?.minute === minute, reference?.minute === minute)}\r\n                                        className={TIME_PICKER_PANEL_STYLES.item}\r\n                                        onClick={() => onMinuteSelect(minute)}\r\n                                    >\r\n                                        {minute}\r\n                                    </button>\r\n                                </li>\r\n                            ))}\r\n                        </ul>\r\n                    </div>\r\n                </div>\r\n                {(showNowButton || clearable) && (\r\n                    <div className={TIME_PICKER_PANEL_STYLES.footer}>\r\n                        {clearable\r\n                            ? (\r\n                                <Button\r\n                                    label={clearLabel}\r\n                                    variant={'ghost'}\r\n                                    size={'sm'}\r\n                                    type={'button'}\r\n                                    onClick={onClear}\r\n                                />\r\n                            )\r\n                            : <span />}\r\n                        {showNowButton && (\r\n                            <Button\r\n                                label={nowLabel}\r\n                                variant={'ghost'}\r\n                                size={'sm'}\r\n                                type={'button'}\r\n                                onClick={onNowSelect}\r\n                            />\r\n                        )}\r\n                    </div>\r\n                )}\r\n            </div>\r\n        )\r\n    },\r\n)\r\n\r\nTimePickerPanel.displayName = 'TimePickerPanel'\r\n\r\nexport default TimePickerPanel\r\n"],"names":["TimePickerPanel","memo","selectedTime","defaultPanelTime","minTime","maxTime","hourStep","minuteStep","hoursAriaLabel","minutesAriaLabel","showNowButton","clearable","nowLabel","clearLabel","onHourSelect","onMinuteSelect","onNowSelect","onClear","selected","splitTime","reference","referenceHour","hours","useMemo","getHourOptions","hour","isTimeInRange","minutes","getMinuteOptions","minute","rootRef","useRef","useEffect","item","column","getState","isSelected","isReference","jsxs","TIME_PICKER_PANEL_STYLES","jsx","Button"],"mappings":";;;;;;AAiBA,MAAMA,IAAkBC;AAAA,EACpB,CAAC;AAAA,IACG,cAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,MACwB;AACxB,UAAMC,IAAWC,EAAUjB,CAAY,GACjCkB,IAAYF,KAAYC,EAAUhB,CAAgB,GAClDkB,IAAgBD,GAAW,MAC3BE,IAAQC;AAAA,MACV,MAAMC,EAAelB,CAAQ,EAAE;AAAA,QAC3B,CAAAmB,MAAQC,EAAc,GAAGD,CAAI,OAAOrB,GAAS,MAAS,KAC/CsB,EAAc,GAAGD,CAAI,OAAO,QAAWpB,CAAO;AAAA,MAAA;AAAA,MAEzD,CAACC,GAAUF,GAASC,CAAO;AAAA,IAAA,GAEzBsB,IAAUJ;AAAA,MACZ,MAAMK,EAAiBrB,CAAU,EAAE;AAAA,QAC/B,CAAAsB,MAAUR,MAAkB,UACrBK,EAAc,GAAGL,CAAa,IAAIQ,CAAM,IAAIzB,GAASC,CAAO;AAAA,MAAA;AAAA,MAEvE,CAACE,GAAYc,GAAejB,GAASC,CAAO;AAAA,IAAA,GAE1CyB,IAAUC,EAAuB,IAAI;AAE3C,IAAAC,EAAU,MAAM;AACZ,MAAAF,EAAQ,SACF,iBAA8B,gDAAgD,EAC/E,QAAQ,CAACG,MAAS;AACf,cAAMC,IAASD,EAAK,eAAe;AACnC,QAAIC,MACAA,EAAO,YAAYD,EAAK,YAAYC,EAAO,eAAe,IAAID,EAAK,eAAe;AAAA,MAE1F,CAAC;AAAA,IACT,GAAG,CAAA,CAAE;AAEL,UAAME,IAAW,CAACC,GAAqBC,OAA0B;AAAA,MAC7D,gBAAgBD;AAAA,MAChB,kBAAkB,CAAClB,KAAYmB,IAAc,KAAO;AAAA,IAAA;AAGxD,WACI,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAKR;AAAA,QACL,WAAWS,EAAyB;AAAA,QAEpC,UAAA;AAAA,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAyB,MACrC,UAAA;AAAA,YAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAyB,OACrC,UAAA;AAAA,cAAA,gBAAAC,EAAC,KAAA,EAAE,WAAWD,EAAyB,OAAQ,UAAA/B,GAAe;AAAA,cAC9D,gBAAAgC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,cAAYhC;AAAA,kBACZ,WAAW+B,EAAyB;AAAA,kBAEnC,UAAAjB,EAAM,IAAI,CAACG,wBACP,MAAA,EACG,UAAA,gBAAAe;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACG,MAAM;AAAA,sBACL,GAAGL,EAASjB,GAAU,SAASO,GAAML,GAAW,SAASK,CAAI;AAAA,sBAC9D,WAAWc,EAAyB;AAAA,sBACpC,SAAS,MAAMzB,EAAaW,CAAI;AAAA,sBAE/B,UAAAA;AAAA,oBAAA;AAAA,kBAAA,EACL,GARKA,CAST,CACH;AAAA,gBAAA;AAAA,cAAA;AAAA,YACL,GACJ;AAAA,YACA,gBAAAa,EAAC,OAAA,EAAI,WAAWC,EAAyB,OACrC,UAAA;AAAA,cAAA,gBAAAC,EAAC,KAAA,EAAE,WAAWD,EAAyB,OAAQ,UAAA9B,GAAiB;AAAA,cAChE,gBAAA+B;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,cAAY/B;AAAA,kBACZ,WAAW8B,EAAyB;AAAA,kBAEnC,UAAAZ,EAAQ,IAAI,CAACE,wBACT,MAAA,EACG,UAAA,gBAAAW;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACG,MAAM;AAAA,sBACL,GAAGL,EAASjB,GAAU,WAAWW,GAAQT,GAAW,WAAWS,CAAM;AAAA,sBACtE,WAAWU,EAAyB;AAAA,sBACpC,SAAS,MAAMxB,EAAec,CAAM;AAAA,sBAEnC,UAAAA;AAAA,oBAAA;AAAA,kBAAA,EACL,GARKA,CAST,CACH;AAAA,gBAAA;AAAA,cAAA;AAAA,YACL,EAAA,CACJ;AAAA,UAAA,GACJ;AAAA,WACEnB,KAAiBC,MACf,gBAAA2B,EAAC,OAAA,EAAI,WAAWC,EAAyB,QACpC,UAAA;AAAA,YAAA5B,IAEO,gBAAA6B;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,OAAO5B;AAAA,gBACP,SAAS;AAAA,gBACT,MAAM;AAAA,gBACN,MAAM;AAAA,gBACN,SAASI;AAAA,cAAA;AAAA,YAAA,sBAGd,QAAA,EAAK;AAAA,YACXP,KACG,gBAAA8B;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,OAAO7B;AAAA,gBACP,SAAS;AAAA,gBACT,MAAM;AAAA,gBACN,MAAM;AAAA,gBACN,SAASI;AAAA,cAAA;AAAA,YAAA;AAAA,UACb,EAAA,CAER;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIhB;AACJ;AAEAhB,EAAgB,cAAc;"}

package/dist/components/forms/time-picker/components/time-picker-panel/styles/TimePickerPanel.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit157.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                     */var e={root:"_1p6gdxx0",body:"_1p6gdxx1",group:"_1p6gdxx2",title:"_1p6gdxx3",column:"_1p6gdxx4",item:"_1p6gdxx5",footer:"_1p6gdxx6"};exports.TIME_PICKER_PANEL_STYLES=e;
+//# sourceMappingURL=TimePickerPanel.css.cjs.map

package/dist/components/forms/time-picker/components/time-picker-panel/styles/TimePickerPanel.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePickerPanel.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/forms/time-picker/components/time-picker-panel/styles/TimePickerPanel.css.d.ts

@@ -0,0 +1,9 @@
+export declare const TIME_PICKER_PANEL_STYLES: {
+    root: string;
+    body: string;
+    group: string;
+    title: string;
+    column: string;
+    item: string;
+    footer: string;
+};

package/dist/components/forms/time-picker/components/time-picker-panel/styles/TimePickerPanel.css.js

@@ -0,0 +1,7 @@
+import '../../../../../../ui-kit157.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+/* empty css                                   */
+var o = { root: "_1p6gdxx0", body: "_1p6gdxx1", group: "_1p6gdxx2", title: "_1p6gdxx3", column: "_1p6gdxx4", item: "_1p6gdxx5", footer: "_1p6gdxx6" };
+export {
+  o as TIME_PICKER_PANEL_STYLES
+};
+//# sourceMappingURL=TimePickerPanel.css.js.map

package/dist/components/forms/time-picker/components/time-picker-panel/styles/TimePickerPanel.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePickerPanel.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/forms/time-picker/components/time-picker-panel/types/TimePickerPanel.props.d.ts

@@ -0,0 +1,34 @@
+export type TimePickerPanelProps = {
+    /** Selected time as `HH:mm`, if any. */
+    selectedTime: string | undefined;
+    /** Time used as reference (scroll position, minute bounds) when none is selected. */
+    defaultPanelTime: string | undefined;
+    /** Earliest selectable time. */
+    minTime: string | undefined;
+    /** Latest selectable time. */
+    maxTime: string | undefined;
+    /** Interval between the listed hours. */
+    hourStep: number;
+    /** Interval between the listed minutes. */
+    minuteStep: number;
+    /** Title and accessible name of the hours list. */
+    hoursAriaLabel: string;
+    /** Title and accessible name of the minutes list. */
+    minutesAriaLabel: string;
+    /** Whether to show the "now" footer button. */
+    showNowButton: boolean;
+    /** Whether to show the clear footer button. */
+    clearable: boolean;
+    /** Label of the "now" button. */
+    nowLabel: string;
+    /** Label of the clear button. */
+    clearLabel: string;
+    /** Called when an hour is chosen. */
+    onHourSelect: (hour: string) => void;
+    /** Called when a minute is chosen. */
+    onMinuteSelect: (minute: string) => void;
+    /** Called when the "now" button is pressed. */
+    onNowSelect: () => void;
+    /** Called when the clear button is pressed. */
+    onClear: () => void;
+};

package/dist/components/forms/time-picker/constants/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=1,T=5,_=new Set([" ","Spacebar"]);exports.DEFAULT_HOUR_STEP=E;exports.DEFAULT_MINUTE_STEP=T;exports.KEYS_THAT_OPEN_NATIVE_PICKER=_;
+//# sourceMappingURL=index.cjs.map

package/dist/components/forms/time-picker/constants/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../src/components/forms/time-picker/constants/index.ts"],"sourcesContent":["export const DEFAULT_HOUR_STEP = 1\nexport const DEFAULT_MINUTE_STEP = 5\n\nexport const KEYS_THAT_OPEN_NATIVE_PICKER = new Set([' ', 'Spacebar'])\r\n"],"names":["DEFAULT_HOUR_STEP","DEFAULT_MINUTE_STEP","KEYS_THAT_OPEN_NATIVE_PICKER"],"mappings":"gFAAO,MAAMA,EAAoB,EACpBC,EAAsB,EAEtBC,EAA+B,IAAI,IAAI,CAAC,IAAK,UAAU,CAAC"}

package/dist/components/forms/time-picker/constants/index.d.ts

@@ -0,0 +1,3 @@
+export declare const DEFAULT_HOUR_STEP = 1;
+export declare const DEFAULT_MINUTE_STEP = 5;
+export declare const KEYS_THAT_OPEN_NATIVE_PICKER: Set<string>;

package/dist/components/forms/time-picker/constants/index.js

@@ -0,0 +1,7 @@
+const E = 1, T = 5, _ = /* @__PURE__ */ new Set([" ", "Spacebar"]);
+export {
+  E as DEFAULT_HOUR_STEP,
+  T as DEFAULT_MINUTE_STEP,
+  _ as KEYS_THAT_OPEN_NATIVE_PICKER
+};
+//# sourceMappingURL=index.js.map

package/dist/components/forms/time-picker/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/forms/time-picker/constants/index.ts"],"sourcesContent":["export const DEFAULT_HOUR_STEP = 1\nexport const DEFAULT_MINUTE_STEP = 5\n\nexport const KEYS_THAT_OPEN_NATIVE_PICKER = new Set([' ', 'Spacebar'])\r\n"],"names":["DEFAULT_HOUR_STEP","DEFAULT_MINUTE_STEP","KEYS_THAT_OPEN_NATIVE_PICKER"],"mappings":"AAAO,MAAMA,IAAoB,GACpBC,IAAsB,GAEtBC,IAA+B,oBAAI,IAAI,CAAC,KAAK,UAAU,CAAC;"}

package/dist/components/forms/time-picker/hooks/useTimePicker.hook.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),D=require("../constants/index.cjs"),e=require("../utils/timePicker.utils.cjs"),K=({value:c,defaultValue:d,onChange:k,id:S,defaultPanelTime:p,minTime:l,maxTime:r})=>{const u=c!==void 0,h=t.useId(),b=S??h,[f,C]=t.useState(e.isValidTime(d)?d:void 0),[I,T]=t.useState(e.isValidTime(d)?d:""),[w,a]=t.useState(!1),n=u?e.isValidTime(c)?c:void 0:f;t.useEffect(()=>{u&&(C(e.isValidTime(c)?c:void 0),T(e.isValidTime(c)?c:""))},[u,c]);const i=t.useCallback(s=>{u||(C(s),T(s??"")),k?.(s)},[u,k]),V=t.useCallback(s=>{const o=s.target.value;if(T(o),o===""){n!==void 0&&i(void 0);return}e.isValidTime(o)&&o!==n&&i(o)},[n,i]),m=t.useCallback(s=>{const o=e.splitTime(n)?.minute??e.splitTime(p)?.minute??"00";i(e.clampTime(e.joinTime(s,o),l,r))},[n,p,l,r,i]),y=t.useCallback(s=>{const o=e.splitTime(n)?.hour??e.splitTime(p)?.hour??"00";i(e.clampTime(e.joinTime(o,s),l,r)),a(!1)},[n,p,l,r,i]),g=t.useCallback(()=>{i(e.clampTime(e.getCurrentTime(),l,r)),a(!1)},[l,r,i]),A=t.useCallback(()=>{i(void 0),a(!1)},[i]),E=t.useCallback(s=>{const o=D.KEYS_THAT_OPEN_NATIVE_PICKER.has(s.key),_=s.key==="ArrowDown"&&s.altKey;(o||_)&&(s.preventDefault(),a(!0))},[]);return{selectedTime:n,inputValue:I,open:w,inputId:b,handleInputChange:V,handleInputKeyDown:E,handleHourSelect:m,handleMinuteSelect:y,handleNowSelect:g,handleClear:A,setOpen:a}};exports.useTimePicker=K;
+//# sourceMappingURL=useTimePicker.hook.cjs.map

package/dist/components/forms/time-picker/hooks/useTimePicker.hook.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimePicker.hook.cjs","sources":["../../../../../src/components/forms/time-picker/hooks/useTimePicker.hook.ts"],"sourcesContent":["import { useCallback, useEffect, useId, useState } from 'react'\n\nimport { KEYS_THAT_OPEN_NATIVE_PICKER } from '@components/forms/time-picker/constants'\nimport type { UseTimePickerOptions, UseTimePickerReturn } from '@components/forms/time-picker/types'\nimport { clampTime, getCurrentTime, isValidTime, joinTime, splitTime } from '@components/forms/time-picker/utils/timePicker.utils.ts'\n\n/**\n * Manages state and interactions for the TimePicker component.\n *\n * Supports both controlled and uncontrolled modes, keeps the native time input\n * in sync with the popover selection, and only commits valid `HH:mm` values to\n * `onChange`.\n */\nexport const useTimePicker = ({\n    value,\n    defaultValue,\n    onChange,\n    id,\n    defaultPanelTime,\n    minTime,\n    maxTime,\n}: UseTimePickerOptions): UseTimePickerReturn => {\n    const isControlled = value !== undefined\n    const generatedId = useId()\n    const inputId = id ?? generatedId\n\n    const [selectedTime, setSelectedTime] = useState<string | undefined>(\n        isValidTime(defaultValue) ? defaultValue : undefined,\n    )\n    const [inputValue, setInputValue] = useState(\n        isValidTime(defaultValue) ? defaultValue : '',\n    )\n    const [open, setOpen] = useState(false)\n\n    const resolvedTime = isControlled ? (isValidTime(value) ? value : undefined) : selectedTime\n\n    useEffect(() => {\n        if (isControlled) {\n            setSelectedTime(isValidTime(value) ? value : undefined)\n            setInputValue(isValidTime(value) ? value : '')\n        }\n    }, [isControlled, value])\n\n    const updateTime = useCallback(\n        (time: string | undefined) => {\n            if (!isControlled) {\n                setSelectedTime(time)\n                setInputValue(time ?? '')\n            }\n            onChange?.(time)\n        },\n        [isControlled, onChange],\n    )\n\n    const handleInputChange = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>) => {\n            const newValue = event.target.value\n            setInputValue(newValue)\n\n            if (newValue === '') {\n                if (resolvedTime !== undefined) {\n                    updateTime(undefined)\n                }\n                return\n            }\n\n            if (isValidTime(newValue) && newValue !== resolvedTime) {\n                updateTime(newValue)\n            }\n        },\n        [resolvedTime, updateTime],\n    )\n\n    const handleHourSelect = useCallback(\n        (hour: string) => {\n            const minute = splitTime(resolvedTime)?.minute\n                ?? splitTime(defaultPanelTime)?.minute\n                ?? '00'\n            updateTime(clampTime(joinTime(hour, minute), minTime, maxTime))\n        },\n        [resolvedTime, defaultPanelTime, minTime, maxTime, updateTime],\n    )\n\n    const handleMinuteSelect = useCallback(\n        (minute: string) => {\n            const hour = splitTime(resolvedTime)?.hour\n                ?? splitTime(defaultPanelTime)?.hour\n                ?? '00'\n            updateTime(clampTime(joinTime(hour, minute), minTime, maxTime))\n            setOpen(false)\n        },\n        [resolvedTime, defaultPanelTime, minTime, maxTime, updateTime],\n    )\n\n    const handleNowSelect = useCallback(() => {\n        updateTime(clampTime(getCurrentTime(), minTime, maxTime))\n        setOpen(false)\n    }, [minTime, maxTime, updateTime])\n\n    const handleClear = useCallback(() => {\n        updateTime(undefined)\n        setOpen(false)\n    }, [updateTime])\n    const handleInputKeyDown = useCallback(\n        (event: React.KeyboardEvent<HTMLInputElement>) => {\n            const isSpace = KEYS_THAT_OPEN_NATIVE_PICKER.has(event.key)\n            const isAltArrowDown = event.key === 'ArrowDown' && event.altKey\n\n            if (isSpace || isAltArrowDown) {\n                event.preventDefault()\n                setOpen(true)\n            }\n        },\n        [],\n    )\n\n    return {\n        selectedTime: resolvedTime,\n        inputValue,\n        open,\n        inputId,\n        handleInputChange,\n        handleInputKeyDown,\n        handleHourSelect,\n        handleMinuteSelect,\n        handleNowSelect,\n        handleClear,\n        setOpen,\n    }\n}\r\n"],"names":["useTimePicker","value","defaultValue","onChange","id","defaultPanelTime","minTime","maxTime","isControlled","generatedId","useId","inputId","selectedTime","setSelectedTime","useState","isValidTime","inputValue","setInputValue","open","setOpen","resolvedTime","useEffect","updateTime","useCallback","time","handleInputChange","event","newValue","handleHourSelect","hour","minute","splitTime","clampTime","joinTime","handleMinuteSelect","handleNowSelect","getCurrentTime","handleClear","handleInputKeyDown","isSpace","KEYS_THAT_OPEN_NATIVE_PICKER","isAltArrowDown"],"mappings":"wLAaaA,EAAgB,CAAC,CAC1B,MAAAC,EACA,aAAAC,EACA,SAAAC,EACA,GAAAC,EACA,iBAAAC,EACA,QAAAC,EACA,QAAAC,CACJ,IAAiD,CAC7C,MAAMC,EAAeP,IAAU,OACzBQ,EAAcC,EAAAA,MAAA,EACdC,EAAUP,GAAMK,EAEhB,CAACG,EAAcC,CAAe,EAAIC,EAAAA,SACpCC,cAAYb,CAAY,EAAIA,EAAe,MAAA,EAEzC,CAACc,EAAYC,CAAa,EAAIH,EAAAA,SAChCC,cAAYb,CAAY,EAAIA,EAAe,EAAA,EAEzC,CAACgB,EAAMC,CAAO,EAAIL,EAAAA,SAAS,EAAK,EAEhCM,EAAeZ,EAAgBO,EAAAA,YAAYd,CAAK,EAAIA,EAAQ,OAAaW,EAE/ES,EAAAA,UAAU,IAAM,CACRb,IACAK,EAAgBE,EAAAA,YAAYd,CAAK,EAAIA,EAAQ,MAAS,EACtDgB,EAAcF,EAAAA,YAAYd,CAAK,EAAIA,EAAQ,EAAE,EAErD,EAAG,CAACO,EAAcP,CAAK,CAAC,EAExB,MAAMqB,EAAaC,EAAAA,YACdC,GAA6B,CACrBhB,IACDK,EAAgBW,CAAI,EACpBP,EAAcO,GAAQ,EAAE,GAE5BrB,IAAWqB,CAAI,CACnB,EACA,CAAChB,EAAcL,CAAQ,CAAA,EAGrBsB,EAAoBF,EAAAA,YACrBG,GAA+C,CAC5C,MAAMC,EAAWD,EAAM,OAAO,MAG9B,GAFAT,EAAcU,CAAQ,EAElBA,IAAa,GAAI,CACbP,IAAiB,QACjBE,EAAW,MAAS,EAExB,MACJ,CAEIP,cAAYY,CAAQ,GAAKA,IAAaP,GACtCE,EAAWK,CAAQ,CAE3B,EACA,CAACP,EAAcE,CAAU,CAAA,EAGvBM,EAAmBL,EAAAA,YACpBM,GAAiB,CACd,MAAMC,EAASC,EAAAA,UAAUX,CAAY,GAAG,QACjCW,YAAU1B,CAAgB,GAAG,QAC7B,KACPiB,EAAWU,EAAAA,UAAUC,WAASJ,EAAMC,CAAM,EAAGxB,EAASC,CAAO,CAAC,CAClE,EACA,CAACa,EAAcf,EAAkBC,EAASC,EAASe,CAAU,CAAA,EAG3DY,EAAqBX,EAAAA,YACtBO,GAAmB,CAChB,MAAMD,EAAOE,EAAAA,UAAUX,CAAY,GAAG,MAC/BW,YAAU1B,CAAgB,GAAG,MAC7B,KACPiB,EAAWU,EAAAA,UAAUC,WAASJ,EAAMC,CAAM,EAAGxB,EAASC,CAAO,CAAC,EAC9DY,EAAQ,EAAK,CACjB,EACA,CAACC,EAAcf,EAAkBC,EAASC,EAASe,CAAU,CAAA,EAG3Da,EAAkBZ,EAAAA,YAAY,IAAM,CACtCD,EAAWU,EAAAA,UAAUI,EAAAA,eAAA,EAAkB9B,EAASC,CAAO,CAAC,EACxDY,EAAQ,EAAK,CACjB,EAAG,CAACb,EAASC,EAASe,CAAU,CAAC,EAE3Be,EAAcd,EAAAA,YAAY,IAAM,CAClCD,EAAW,MAAS,EACpBH,EAAQ,EAAK,CACjB,EAAG,CAACG,CAAU,CAAC,EACTgB,EAAqBf,EAAAA,YACtBG,GAAiD,CAC9C,MAAMa,EAAUC,EAAAA,6BAA6B,IAAId,EAAM,GAAG,EACpDe,EAAiBf,EAAM,MAAQ,aAAeA,EAAM,QAEtDa,GAAWE,KACXf,EAAM,eAAA,EACNP,EAAQ,EAAI,EAEpB,EACA,CAAA,CAAC,EAGL,MAAO,CACH,aAAcC,EACd,WAAAJ,EACA,KAAAE,EACA,QAAAP,EACA,kBAAAc,EACA,mBAAAa,EACA,iBAAAV,EACA,mBAAAM,EACA,gBAAAC,EACA,YAAAE,EACA,QAAAlB,CAAA,CAER"}

package/dist/components/forms/time-picker/hooks/useTimePicker.hook.d.ts

@@ -0,0 +1,9 @@
+import { UseTimePickerOptions, UseTimePickerReturn } from '../types';
+/**
+ * Manages state and interactions for the TimePicker component.
+ *
+ * Supports both controlled and uncontrolled modes, keeps the native time input
+ * in sync with the popover selection, and only commits valid `HH:mm` values to
+ * `onChange`.
+ */
+export declare const useTimePicker: ({ value, defaultValue, onChange, id, defaultPanelTime, minTime, maxTime, }: UseTimePickerOptions) => UseTimePickerReturn;

package/dist/components/forms/time-picker/hooks/useTimePicker.hook.js

@@ -0,0 +1,76 @@
+import { useId as M, useState as w, useEffect as R, useCallback as c } from "react";
+import { KEYS_THAT_OPEN_NATIVE_PICKER as T } from "../constants/index.js";
+import { isValidTime as d, splitTime as h, clampTime as S, getCurrentTime as Y, joinTime as E } from "../utils/timePicker.utils.js";
+const B = ({
+  value: s,
+  defaultValue: u,
+  onChange: A,
+  id: k,
+  defaultPanelTime: f,
+  minTime: r,
+  maxTime: i
+}) => {
+  const p = s !== void 0, y = M(), D = k ?? y, [K, C] = w(
+    d(u) ? u : void 0
+  ), [_, I] = w(
+    d(u) ? u : ""
+  ), [a, l] = w(!1), n = p ? d(s) ? s : void 0 : K;
+  R(() => {
+    p && (C(d(s) ? s : void 0), I(d(s) ? s : ""));
+  }, [p, s]);
+  const o = c(
+    (t) => {
+      p || (C(t), I(t ?? "")), A?.(t);
+    },
+    [p, A]
+  ), g = c(
+    (t) => {
+      const e = t.target.value;
+      if (I(e), e === "") {
+        n !== void 0 && o(void 0);
+        return;
+      }
+      d(e) && e !== n && o(e);
+    },
+    [n, o]
+  ), N = c(
+    (t) => {
+      const e = h(n)?.minute ?? h(f)?.minute ?? "00";
+      o(S(E(t, e), r, i));
+    },
+    [n, f, r, i, o]
+  ), H = c(
+    (t) => {
+      const e = h(n)?.hour ?? h(f)?.hour ?? "00";
+      o(S(E(e, t), r, i)), l(!1);
+    },
+    [n, f, r, i, o]
+  ), O = c(() => {
+    o(S(Y(), r, i)), l(!1);
+  }, [r, i, o]), V = c(() => {
+    o(void 0), l(!1);
+  }, [o]), b = c(
+    (t) => {
+      const e = T.has(t.key), j = t.key === "ArrowDown" && t.altKey;
+      (e || j) && (t.preventDefault(), l(!0));
+    },
+    []
+  );
+  return {
+    selectedTime: n,
+    inputValue: _,
+    open: a,
+    inputId: D,
+    handleInputChange: g,
+    handleInputKeyDown: b,
+    handleHourSelect: N,
+    handleMinuteSelect: H,
+    handleNowSelect: O,
+    handleClear: V,
+    setOpen: l
+  };
+};
+export {
+  B as useTimePicker
+};
+//# sourceMappingURL=useTimePicker.hook.js.map

package/dist/components/forms/time-picker/hooks/useTimePicker.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimePicker.hook.js","sources":["../../../../../src/components/forms/time-picker/hooks/useTimePicker.hook.ts"],"sourcesContent":["import { useCallback, useEffect, useId, useState } from 'react'\n\nimport { KEYS_THAT_OPEN_NATIVE_PICKER } from '@components/forms/time-picker/constants'\nimport type { UseTimePickerOptions, UseTimePickerReturn } from '@components/forms/time-picker/types'\nimport { clampTime, getCurrentTime, isValidTime, joinTime, splitTime } from '@components/forms/time-picker/utils/timePicker.utils.ts'\n\n/**\n * Manages state and interactions for the TimePicker component.\n *\n * Supports both controlled and uncontrolled modes, keeps the native time input\n * in sync with the popover selection, and only commits valid `HH:mm` values to\n * `onChange`.\n */\nexport const useTimePicker = ({\n    value,\n    defaultValue,\n    onChange,\n    id,\n    defaultPanelTime,\n    minTime,\n    maxTime,\n}: UseTimePickerOptions): UseTimePickerReturn => {\n    const isControlled = value !== undefined\n    const generatedId = useId()\n    const inputId = id ?? generatedId\n\n    const [selectedTime, setSelectedTime] = useState<string | undefined>(\n        isValidTime(defaultValue) ? defaultValue : undefined,\n    )\n    const [inputValue, setInputValue] = useState(\n        isValidTime(defaultValue) ? defaultValue : '',\n    )\n    const [open, setOpen] = useState(false)\n\n    const resolvedTime = isControlled ? (isValidTime(value) ? value : undefined) : selectedTime\n\n    useEffect(() => {\n        if (isControlled) {\n            setSelectedTime(isValidTime(value) ? value : undefined)\n            setInputValue(isValidTime(value) ? value : '')\n        }\n    }, [isControlled, value])\n\n    const updateTime = useCallback(\n        (time: string | undefined) => {\n            if (!isControlled) {\n                setSelectedTime(time)\n                setInputValue(time ?? '')\n            }\n            onChange?.(time)\n        },\n        [isControlled, onChange],\n    )\n\n    const handleInputChange = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>) => {\n            const newValue = event.target.value\n            setInputValue(newValue)\n\n            if (newValue === '') {\n                if (resolvedTime !== undefined) {\n                    updateTime(undefined)\n                }\n                return\n            }\n\n            if (isValidTime(newValue) && newValue !== resolvedTime) {\n                updateTime(newValue)\n            }\n        },\n        [resolvedTime, updateTime],\n    )\n\n    const handleHourSelect = useCallback(\n        (hour: string) => {\n            const minute = splitTime(resolvedTime)?.minute\n                ?? splitTime(defaultPanelTime)?.minute\n                ?? '00'\n            updateTime(clampTime(joinTime(hour, minute), minTime, maxTime))\n        },\n        [resolvedTime, defaultPanelTime, minTime, maxTime, updateTime],\n    )\n\n    const handleMinuteSelect = useCallback(\n        (minute: string) => {\n            const hour = splitTime(resolvedTime)?.hour\n                ?? splitTime(defaultPanelTime)?.hour\n                ?? '00'\n            updateTime(clampTime(joinTime(hour, minute), minTime, maxTime))\n            setOpen(false)\n        },\n        [resolvedTime, defaultPanelTime, minTime, maxTime, updateTime],\n    )\n\n    const handleNowSelect = useCallback(() => {\n        updateTime(clampTime(getCurrentTime(), minTime, maxTime))\n        setOpen(false)\n    }, [minTime, maxTime, updateTime])\n\n    const handleClear = useCallback(() => {\n        updateTime(undefined)\n        setOpen(false)\n    }, [updateTime])\n    const handleInputKeyDown = useCallback(\n        (event: React.KeyboardEvent<HTMLInputElement>) => {\n            const isSpace = KEYS_THAT_OPEN_NATIVE_PICKER.has(event.key)\n            const isAltArrowDown = event.key === 'ArrowDown' && event.altKey\n\n            if (isSpace || isAltArrowDown) {\n                event.preventDefault()\n                setOpen(true)\n            }\n        },\n        [],\n    )\n\n    return {\n        selectedTime: resolvedTime,\n        inputValue,\n        open,\n        inputId,\n        handleInputChange,\n        handleInputKeyDown,\n        handleHourSelect,\n        handleMinuteSelect,\n        handleNowSelect,\n        handleClear,\n        setOpen,\n    }\n}\r\n"],"names":["useTimePicker","value","defaultValue","onChange","id","defaultPanelTime","minTime","maxTime","isControlled","generatedId","useId","inputId","selectedTime","setSelectedTime","useState","isValidTime","inputValue","setInputValue","open","setOpen","resolvedTime","useEffect","updateTime","useCallback","time","handleInputChange","event","newValue","handleHourSelect","hour","minute","splitTime","clampTime","joinTime","handleMinuteSelect","handleNowSelect","getCurrentTime","handleClear","handleInputKeyDown","isSpace","KEYS_THAT_OPEN_NATIVE_PICKER","isAltArrowDown"],"mappings":"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"}

package/dist/components/forms/time-picker/index.d.ts

@@ -0,0 +1,3 @@
+export { default as TimePicker } from './TimePicker.tsx';
+export { TIME_PICKER_STYLES } from './styles/TimePicker.css.ts';
+export type { TimePickerProps } from './types/TimePicker.props.ts';

package/dist/components/forms/time-picker/styles/TimePicker.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit21.css');;/* empty css                                */var e={input:"nyssl70",content:"nyssl71"};exports.TIME_PICKER_STYLES=e;
+//# sourceMappingURL=TimePicker.css.cjs.map

package/dist/components/forms/time-picker/styles/TimePicker.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/forms/time-picker/styles/TimePicker.css.d.ts

@@ -0,0 +1,9 @@
+export declare const TIME_PICKER_STYLES: {
+    /**
+     * Hides the browser-native clock picker icon on time inputs so the custom
+     * IconButton trigger is the only visible way to open the popover.
+     */
+    input: string;
+    /** Removes the popover content padding so the panel sits flush. */
+    content: string;
+};

package/dist/components/forms/time-picker/styles/TimePicker.css.js

@@ -0,0 +1,6 @@
+import '../../../../ui-kit21.css';/* empty css                              */
+var t = { input: "nyssl70", content: "nyssl71" };
+export {
+  t as TIME_PICKER_STYLES
+};
+//# sourceMappingURL=TimePicker.css.js.map

package/dist/components/forms/time-picker/styles/TimePicker.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/forms/time-picker/types/TimePicker.props.d.ts

@@ -0,0 +1,70 @@
+import { TextFieldProps } from '../../text-field';
+export type TimePickerProps = Omit<TextFieldProps, 'type' | 'value' | 'defaultValue' | 'onChange' | 'min' | 'max'> & {
+    /** The currently selected time as `HH:mm` (controlled). */
+    value?: string;
+    /** The default selected time as `HH:mm` (uncontrolled). */
+    defaultValue?: string;
+    /** Called with the new `HH:mm` time, or `undefined` when it is cleared. */
+    onChange?: (time: string | undefined) => void;
+    /**
+     * Time the popover scrolls to, and builds from, while no time is selected,
+     * as `HH:mm`. It is not written to the input until the user picks a value.
+     * @example '09:00'
+     */
+    defaultPanelTime?: string;
+    /** Earliest selectable time as `HH:mm`. Earlier options are not listed. */
+    minTime?: string;
+    /** Latest selectable time as `HH:mm`. Later options are not listed. */
+    maxTime?: string;
+    /**
+     * Interval between the hours listed in the popover.
+     * @default 1
+     */
+    hourStep?: number;
+    /**
+     * Interval between the minutes listed in the popover. Any minute can still
+     * be typed in the input.
+     * @default 5
+     */
+    minuteStep?: number;
+    /** Shows a footer button that selects the current time. */
+    showNowButton?: boolean;
+    /** Shows a footer button that clears the selected time. */
+    clearable?: boolean;
+    /**
+     * Label of the "now" button.
+     * Override for i18n.
+     * @default 'Now'
+     */
+    nowLabel?: string;
+    /**
+     * Label of the clear button.
+     * Override for i18n.
+     * @default 'Clear'
+     */
+    clearLabel?: string;
+    /**
+     * Accessible name for the time popover dialog.
+     * Override for i18n.
+     * @default 'Time'
+     */
+    panelAriaLabel?: string;
+    /**
+     * Visible title and accessible name of the hours list.
+     * Override for i18n.
+     * @default 'Hours'
+     */
+    hoursAriaLabel?: string;
+    /**
+     * Visible title and accessible name of the minutes list.
+     * Override for i18n.
+     * @default 'Minutes'
+     */
+    minutesAriaLabel?: string;
+    /**
+     * Accessible name for the button that opens the popover.
+     * Override for i18n.
+     * @default 'Open time picker'
+     */
+    triggerAriaLabel?: string;
+};

package/dist/components/forms/time-picker/types/index.d.ts

@@ -0,0 +1,40 @@
+export type UseTimePickerOptions = {
+    /** The currently selected time as `HH:mm` (controlled). */
+    value?: string;
+    /** The default selected time as `HH:mm` (uncontrolled). */
+    defaultValue?: string;
+    /** Called when the selected time changes. */
+    onChange?: (time: string | undefined) => void;
+    /** Explicit id for the input; falls back to a generated id. */
+    id?: string;
+    /** Time used to build a value while none is selected. */
+    defaultPanelTime?: string;
+    /** Earliest selectable time. */
+    minTime?: string;
+    /** Latest selectable time. */
+    maxTime?: string;
+};
+export type UseTimePickerReturn = {
+    /** Resolved selected time, `undefined` when empty or incomplete. */
+    selectedTime: string | undefined;
+    /** Current value of the time input. */
+    inputValue: string;
+    /** Whether the popover is open. */
+    open: boolean;
+    /** Stable id for the input element. */
+    inputId: string;
+    /** Update the input value while committing valid times. */
+    handleInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /** Intercept keys that would open the native time picker. */
+    handleInputKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    /** Select an hour in the popover, keeping the current minute. */
+    handleHourSelect: (hour: string) => void;
+    /** Select a minute in the popover and close it. */
+    handleMinuteSelect: (minute: string) => void;
+    /** Select the current time and close the popover. */
+    handleNowSelect: () => void;
+    /** Clear the selected time and close the popover. */
+    handleClear: () => void;
+    /** Toggle the popover open state. */
+    setOpen: (open: boolean) => void;
+};

package/dist/components/forms/time-picker/utils/timePicker.utils.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=/^([01]\d|2[0-3]):([0-5]\d)$/,i=t=>t!==void 0&&c.test(t),u=t=>{if(!i(t))return;const[e,n]=t.split(":");return{hour:e,minute:n}},g=(t,e)=>`${t}:${e}`,r=t=>String(t).padStart(2,"0"),s=(t,e)=>Number.isInteger(t)&&t>=1&&t<=e?t:1,a=(t=1)=>{const e=s(t,24);return Array.from({length:Math.ceil(24/e)},(n,o)=>r(o*e))},T=t=>{const e=s(t,60);return Array.from({length:Math.ceil(60/e)},(n,o)=>r(o*e))},l=(t,e,n)=>(!i(e)||t>=e)&&(!i(n)||t<=n),p=(t,e,n)=>i(e)&&t<e?e:i(n)&&t>n?n:t,d=(t=new Date)=>`${r(t.getHours())}:${r(t.getMinutes())}`;exports.clampTime=p;exports.getCurrentTime=d;exports.getHourOptions=a;exports.getMinuteOptions=T;exports.isTimeInRange=l;exports.isValidTime=i;exports.joinTime=g;exports.splitTime=u;
+//# sourceMappingURL=timePicker.utils.cjs.map

package/dist/components/forms/time-picker/utils/timePicker.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"timePicker.utils.cjs","sources":["../../../../../src/components/forms/time-picker/utils/timePicker.utils.ts"],"sourcesContent":["const TIME_REGEX = /^([01]\\d|2[0-3]):([0-5]\\d)$/\n\n/** Returns whether the value is a valid 24-hour `HH:mm` time. */\nexport const isValidTime = (value: string | undefined): value is string =>\n    value !== undefined && TIME_REGEX.test(value)\n\n/**\n * Splits a `HH:mm` time into its hour and minute parts.\n * Returns `undefined` when the value is empty or invalid.\n */\nexport const splitTime = (\n    value: string | undefined,\n): { hour: string; minute: string } | undefined => {\n    if (!isValidTime(value)) {return undefined}\n\n    const [hour, minute] = value.split(':')\n\n    return { hour, minute }\n}\n\n/** Builds a `HH:mm` time from an hour and a minute. */\nexport const joinTime = (hour: string, minute: string): string =>\n    `${hour}:${minute}`\n\nconst pad = (value: number): string => String(value).padStart(2, '0')\n\nconst getSafeStep = (step: number, max: number): number =>\n    Number.isInteger(step) && step >= 1 && step <= max ? step : 1\n\n/**\n * Lists the hours of the day as two-digit strings, every `step` hours.\n * Invalid steps fall back to one hour.\n */\nexport const getHourOptions = (step = 1): string[] => {\n    const safeStep = getSafeStep(step, 24)\n\n    return Array.from(\n        { length: Math.ceil(24 / safeStep) },\n        (_, index) => pad(index * safeStep),\n    )\n}\n\n/**\n * Lists the minutes of an hour as two-digit strings, every `step` minutes.\n * Invalid steps fall back to one minute.\n */\nexport const getMinuteOptions = (step: number): string[] => {\n    const safeStep = getSafeStep(step, 60)\n\n    return Array.from(\n        { length: Math.ceil(60 / safeStep) },\n        (_, index) => pad(index * safeStep),\n    )\n}\n\n/**\n * Returns whether a time sits within the optional `min` and `max` bounds\n * (inclusive). Invalid bounds are ignored.\n */\nexport const isTimeInRange = (\n    time: string,\n    min?: string,\n    max?: string,\n): boolean =>\n    (!isValidTime(min) || time >= min) && (!isValidTime(max) || time <= max)\n\n/** Moves a time to the nearest bound when it falls outside the range. */\nexport const clampTime = (time: string, min?: string, max?: string): string => {\n    if (isValidTime(min) && time < min) {return min}\n    if (isValidTime(max) && time > max) {return max}\n\n    return time\n}\n\n/** Returns the current local time as `HH:mm`. */\nexport const getCurrentTime = (now: Date = new Date()): string =>\n    `${pad(now.getHours())}:${pad(now.getMinutes())}`\r\n"],"names":["TIME_REGEX","isValidTime","value","splitTime","hour","minute","joinTime","pad","getSafeStep","step","max","getHourOptions","safeStep","_","index","getMinuteOptions","isTimeInRange","time","min","clampTime","getCurrentTime","now"],"mappings":"gFAAA,MAAMA,EAAa,8BAGNC,EAAeC,GACxBA,IAAU,QAAaF,EAAW,KAAKE,CAAK,EAMnCC,EACTD,GAC+C,CAC/C,GAAI,CAACD,EAAYC,CAAK,EAAI,OAE1B,KAAM,CAACE,EAAMC,CAAM,EAAIH,EAAM,MAAM,GAAG,EAEtC,MAAO,CAAE,KAAAE,EAAM,OAAAC,CAAA,CACnB,EAGaC,EAAW,CAACF,EAAcC,IACnC,GAAGD,CAAI,IAAIC,CAAM,GAEfE,EAAOL,GAA0B,OAAOA,CAAK,EAAE,SAAS,EAAG,GAAG,EAE9DM,EAAc,CAACC,EAAcC,IAC/B,OAAO,UAAUD,CAAI,GAAKA,GAAQ,GAAKA,GAAQC,EAAMD,EAAO,EAMnDE,EAAiB,CAACF,EAAO,IAAgB,CAClD,MAAMG,EAAWJ,EAAYC,EAAM,EAAE,EAErC,OAAO,MAAM,KACT,CAAE,OAAQ,KAAK,KAAK,GAAKG,CAAQ,CAAA,EACjC,CAACC,EAAGC,IAAUP,EAAIO,EAAQF,CAAQ,CAAA,CAE1C,EAMaG,EAAoBN,GAA2B,CACxD,MAAMG,EAAWJ,EAAYC,EAAM,EAAE,EAErC,OAAO,MAAM,KACT,CAAE,OAAQ,KAAK,KAAK,GAAKG,CAAQ,CAAA,EACjC,CAACC,EAAGC,IAAUP,EAAIO,EAAQF,CAAQ,CAAA,CAE1C,EAMaI,EAAgB,CACzBC,EACAC,EACAR,KAEC,CAACT,EAAYiB,CAAG,GAAKD,GAAQC,KAAS,CAACjB,EAAYS,CAAG,GAAKO,GAAQP,GAG3DS,EAAY,CAACF,EAAcC,EAAcR,IAC9CT,EAAYiB,CAAG,GAAKD,EAAOC,EAAaA,EACxCjB,EAAYS,CAAG,GAAKO,EAAOP,EAAaA,EAErCO,EAIEG,EAAiB,CAACC,EAAY,IAAI,OAC3C,GAAGd,EAAIc,EAAI,SAAA,CAAU,CAAC,IAAId,EAAIc,EAAI,WAAA,CAAY,CAAC"}

package/dist/components/forms/time-picker/utils/timePicker.utils.d.ts

@@ -0,0 +1,31 @@
+/** Returns whether the value is a valid 24-hour `HH:mm` time. */
+export declare const isValidTime: (value: string | undefined) => value is string;
+/**
+ * Splits a `HH:mm` time into its hour and minute parts.
+ * Returns `undefined` when the value is empty or invalid.
+ */
+export declare const splitTime: (value: string | undefined) => {
+    hour: string;
+    minute: string;
+} | undefined;
+/** Builds a `HH:mm` time from an hour and a minute. */
+export declare const joinTime: (hour: string, minute: string) => string;
+/**
+ * Lists the hours of the day as two-digit strings, every `step` hours.
+ * Invalid steps fall back to one hour.
+ */
+export declare const getHourOptions: (step?: number) => string[];
+/**
+ * Lists the minutes of an hour as two-digit strings, every `step` minutes.
+ * Invalid steps fall back to one minute.
+ */
+export declare const getMinuteOptions: (step: number) => string[];
+/**
+ * Returns whether a time sits within the optional `min` and `max` bounds
+ * (inclusive). Invalid bounds are ignored.
+ */
+export declare const isTimeInRange: (time: string, min?: string, max?: string) => boolean;
+/** Moves a time to the nearest bound when it falls outside the range. */
+export declare const clampTime: (time: string, min?: string, max?: string) => string;
+/** Returns the current local time as `HH:mm`. */
+export declare const getCurrentTime: (now?: Date) => string;

package/dist/components/forms/time-picker/utils/timePicker.utils.js

@@ -0,0 +1,29 @@
+const c = /^([01]\d|2[0-3]):([0-5]\d)$/, r = (t) => t !== void 0 && c.test(t), u = (t) => {
+  if (!r(t))
+    return;
+  const [e, n] = t.split(":");
+  return { hour: e, minute: n };
+}, g = (t, e) => `${t}:${e}`, o = (t) => String(t).padStart(2, "0"), i = (t, e) => Number.isInteger(t) && t >= 1 && t <= e ? t : 1, a = (t = 1) => {
+  const e = i(t, 24);
+  return Array.from(
+    { length: Math.ceil(24 / e) },
+    (n, s) => o(s * e)
+  );
+}, f = (t) => {
+  const e = i(t, 60);
+  return Array.from(
+    { length: Math.ceil(60 / e) },
+    (n, s) => o(s * e)
+  );
+}, p = (t, e, n) => (!r(e) || t >= e) && (!r(n) || t <= n), d = (t, e, n) => r(e) && t < e ? e : r(n) && t > n ? n : t, T = (t = /* @__PURE__ */ new Date()) => `${o(t.getHours())}:${o(t.getMinutes())}`;
+export {
+  d as clampTime,
+  T as getCurrentTime,
+  a as getHourOptions,
+  f as getMinuteOptions,
+  p as isTimeInRange,
+  r as isValidTime,
+  g as joinTime,
+  u as splitTime
+};
+//# sourceMappingURL=timePicker.utils.js.map

package/dist/components/forms/time-picker/utils/timePicker.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timePicker.utils.js","sources":["../../../../../src/components/forms/time-picker/utils/timePicker.utils.ts"],"sourcesContent":["const TIME_REGEX = /^([01]\\d|2[0-3]):([0-5]\\d)$/\n\n/** Returns whether the value is a valid 24-hour `HH:mm` time. */\nexport const isValidTime = (value: string | undefined): value is string =>\n    value !== undefined && TIME_REGEX.test(value)\n\n/**\n * Splits a `HH:mm` time into its hour and minute parts.\n * Returns `undefined` when the value is empty or invalid.\n */\nexport const splitTime = (\n    value: string | undefined,\n): { hour: string; minute: string } | undefined => {\n    if (!isValidTime(value)) {return undefined}\n\n    const [hour, minute] = value.split(':')\n\n    return { hour, minute }\n}\n\n/** Builds a `HH:mm` time from an hour and a minute. */\nexport const joinTime = (hour: string, minute: string): string =>\n    `${hour}:${minute}`\n\nconst pad = (value: number): string => String(value).padStart(2, '0')\n\nconst getSafeStep = (step: number, max: number): number =>\n    Number.isInteger(step) && step >= 1 && step <= max ? step : 1\n\n/**\n * Lists the hours of the day as two-digit strings, every `step` hours.\n * Invalid steps fall back to one hour.\n */\nexport const getHourOptions = (step = 1): string[] => {\n    const safeStep = getSafeStep(step, 24)\n\n    return Array.from(\n        { length: Math.ceil(24 / safeStep) },\n        (_, index) => pad(index * safeStep),\n    )\n}\n\n/**\n * Lists the minutes of an hour as two-digit strings, every `step` minutes.\n * Invalid steps fall back to one minute.\n */\nexport const getMinuteOptions = (step: number): string[] => {\n    const safeStep = getSafeStep(step, 60)\n\n    return Array.from(\n        { length: Math.ceil(60 / safeStep) },\n        (_, index) => pad(index * safeStep),\n    )\n}\n\n/**\n * Returns whether a time sits within the optional `min` and `max` bounds\n * (inclusive). Invalid bounds are ignored.\n */\nexport const isTimeInRange = (\n    time: string,\n    min?: string,\n    max?: string,\n): boolean =>\n    (!isValidTime(min) || time >= min) && (!isValidTime(max) || time <= max)\n\n/** Moves a time to the nearest bound when it falls outside the range. */\nexport const clampTime = (time: string, min?: string, max?: string): string => {\n    if (isValidTime(min) && time < min) {return min}\n    if (isValidTime(max) && time > max) {return max}\n\n    return time\n}\n\n/** Returns the current local time as `HH:mm`. */\nexport const getCurrentTime = (now: Date = new Date()): string =>\n    `${pad(now.getHours())}:${pad(now.getMinutes())}`\r\n"],"names":["TIME_REGEX","isValidTime","value","splitTime","hour","minute","joinTime","pad","getSafeStep","step","max","getHourOptions","safeStep","_","index","getMinuteOptions","isTimeInRange","time","min","clampTime","getCurrentTime","now"],"mappings":"AAAA,MAAMA,IAAa,+BAGNC,IAAc,CAACC,MACxBA,MAAU,UAAaF,EAAW,KAAKE,CAAK,GAMnCC,IAAY,CACrBD,MAC+C;AAC/C,MAAI,CAACD,EAAYC,CAAK;AAAI;AAE1B,QAAM,CAACE,GAAMC,CAAM,IAAIH,EAAM,MAAM,GAAG;AAEtC,SAAO,EAAE,MAAAE,GAAM,QAAAC,EAAA;AACnB,GAGaC,IAAW,CAACF,GAAcC,MACnC,GAAGD,CAAI,IAAIC,CAAM,IAEfE,IAAM,CAACL,MAA0B,OAAOA,CAAK,EAAE,SAAS,GAAG,GAAG,GAE9DM,IAAc,CAACC,GAAcC,MAC/B,OAAO,UAAUD,CAAI,KAAKA,KAAQ,KAAKA,KAAQC,IAAMD,IAAO,GAMnDE,IAAiB,CAACF,IAAO,MAAgB;AAClD,QAAMG,IAAWJ,EAAYC,GAAM,EAAE;AAErC,SAAO,MAAM;AAAA,IACT,EAAE,QAAQ,KAAK,KAAK,KAAKG,CAAQ,EAAA;AAAA,IACjC,CAACC,GAAGC,MAAUP,EAAIO,IAAQF,CAAQ;AAAA,EAAA;AAE1C,GAMaG,IAAmB,CAACN,MAA2B;AACxD,QAAMG,IAAWJ,EAAYC,GAAM,EAAE;AAErC,SAAO,MAAM;AAAA,IACT,EAAE,QAAQ,KAAK,KAAK,KAAKG,CAAQ,EAAA;AAAA,IACjC,CAACC,GAAGC,MAAUP,EAAIO,IAAQF,CAAQ;AAAA,EAAA;AAE1C,GAMaI,IAAgB,CACzBC,GACAC,GACAR,OAEC,CAACT,EAAYiB,CAAG,KAAKD,KAAQC,OAAS,CAACjB,EAAYS,CAAG,KAAKO,KAAQP,IAG3DS,IAAY,CAACF,GAAcC,GAAcR,MAC9CT,EAAYiB,CAAG,KAAKD,IAAOC,IAAaA,IACxCjB,EAAYS,CAAG,KAAKO,IAAOP,IAAaA,IAErCO,GAIEG,IAAiB,CAACC,IAAY,oBAAI,KAAA,MAC3C,GAAGd,EAAIc,EAAI,SAAA,CAAU,CAAC,IAAId,EAAIc,EAAI,WAAA,CAAY,CAAC;"}