@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/cjs/timepicker/index.cjs

@@ -0,0 +1,43 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    TimePicker: ()=>external_timepicker_cjs_namespaceObject.TimePicker
+});
+const external_timepicker_cjs_namespaceObject = require("./timepicker.cjs");
+exports.TimePicker = __webpack_exports__.TimePicker;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "TimePicker"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/timepicker/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"timepicker/index.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D"}

package/dist/cjs/timepicker/index.d.cts

@@ -0,0 +1,3 @@
+export type { TimePickerProps } from './timepicker.cjs';
+export { TimePicker } from './timepicker.cjs';
+//# sourceMappingURL=index.d.cts.map

package/dist/cjs/timepicker/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/timepicker/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/cjs/timepicker/time-panel.cjs

@@ -0,0 +1,222 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    TimePanel: ()=>TimePanel
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const context_cjs_namespaceObject = require("../config-provider/context.cjs");
+const time_cjs_namespaceObject = require("../shared/time.cjs");
+const useBrowserLayoutEffect = "u" < typeof window ? external_react_namespaceObject.useEffect : external_react_namespaceObject.useLayoutEffect;
+function keepTimeOptionVisible(column, row) {
+    const top = row.offsetTop;
+    const bottom = top + row.offsetHeight;
+    if (top < column.scrollTop) column.scrollTop = top;
+    else if (bottom > column.scrollTop + column.clientHeight) column.scrollTop = bottom - column.clientHeight;
+}
+function TimeColumn({ label, choices, selected, change, labels, disabled }) {
+    const ref = (0, external_react_namespaceObject.useRef)(null);
+    const [selection, setSelection] = (0, external_react_namespaceObject.useState)();
+    useBrowserLayoutEffect(()=>{
+        const column = ref.current;
+        if (!column) return;
+        const row = column.querySelector('[aria-selected="true"]:not(:disabled)');
+        const update = ()=>{
+            setSelection(row ? {
+                '--leaf-time-selection-y': `${row.offsetTop}px`,
+                '--leaf-time-selection-height': `${row.offsetHeight}px`
+            } : void 0);
+            if (row) keepTimeOptionVisible(column, row);
+        };
+        update();
+        if ("u" < typeof ResizeObserver) return;
+        const observer = new ResizeObserver(update);
+        observer.observe(column);
+        if (row) observer.observe(row);
+        return ()=>observer.disconnect();
+    }, [
+        selected,
+        choices,
+        disabled
+    ]);
+    const key = (event, current)=>{
+        const available = choices.filter((choice)=>!disabled?.(choice));
+        if (!available.length) return;
+        const index = available.indexOf(current);
+        let next = index;
+        if ('ArrowDown' === event.key) next = (index + 1) % available.length;
+        else if ('ArrowUp' === event.key) next = (index - 1 + available.length) % available.length;
+        else if ('Home' === event.key) next = 0;
+        else {
+            if ('End' !== event.key) return;
+            next = available.length - 1;
+        }
+        event.preventDefault();
+        change(available[next] ?? current);
+        const node = event.currentTarget.parentElement?.querySelectorAll('button:not(:disabled)')[next];
+        node?.focus({
+            preventScroll: true
+        });
+        if (node && ref.current) keepTimeOptionVisible(ref.current, node);
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: "leaf-time-picker__column-wrap",
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "leaf-time-picker__column-label",
+                "aria-hidden": "true",
+                children: label
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                ref: ref,
+                className: "leaf-time-picker__column",
+                role: "listbox",
+                "aria-label": label,
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        className: "leaf-time-picker__selection",
+                        "data-ready": Boolean(selection),
+                        "aria-hidden": "true",
+                        style: selection
+                    }),
+                    choices.map((option)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
+                            type: "button",
+                            role: "option",
+                            disabled: disabled?.(option),
+                            tabIndex: option === (disabled?.(selected) ? choices.find((choice)=>!disabled?.(choice)) : selected) ? 0 : -1,
+                            "aria-selected": option === selected,
+                            className: "leaf-floating__option",
+                            onClick: ()=>change(option),
+                            onKeyDown: (event)=>key(event, option),
+                            children: [
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                    children: labels?.[option] ?? (0, time_cjs_namespaceObject.padTime)(option)
+                                }),
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Check, {
+                                    size: 14,
+                                    "aria-hidden": "true",
+                                    className: "leaf-time-picker__check",
+                                    style: {
+                                        opacity: option === selected ? 1 : 0
+                                    }
+                                })
+                            ]
+                        }, option))
+                ]
+            })
+        ]
+    });
+}
+function TimePanel({ value, onChange, showSeconds, use12Hours, minuteStep = 5, secondStep = 1, autoFocus, disabledTime }) {
+    const { messages } = (0, context_cjs_namespaceObject.useLeafConfig)();
+    const ref = (0, external_react_namespaceObject.useRef)(null);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (autoFocus) ref.current?.querySelector('[aria-selected="true"]')?.focus({
+            preventScroll: true
+        });
+    }, [
+        autoFocus
+    ]);
+    const options = (step, selected)=>{
+        const safe = Number.isFinite(step) ? Math.max(1, Math.min(60, Math.floor(step))) : 1;
+        return [
+            ...new Set([
+                ...Array.from({
+                    length: Math.ceil(60 / safe)
+                }, (_, i)=>i * safe),
+                selected
+            ])
+        ].sort((a, b)=>a - b);
+    };
+    const column = (label, choices, selected, change, labels, disabled)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TimeColumn, {
+            label: label,
+            choices: choices,
+            selected: selected,
+            change: change,
+            labels: labels,
+            disabled: disabled
+        }, label);
+    const hours = use12Hours ? Array.from({
+        length: 12
+    }, (_, i)=>i + 1) : Array.from({
+        length: 24
+    }, (_, i)=>i);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        ref: ref,
+        className: "leaf-time-picker__columns",
+        children: [
+            column(messages.timePicker.hours, hours, use12Hours ? value.hour % 12 || 12 : value.hour, (hour)=>onChange({
+                    ...value,
+                    hour: use12Hours ? hour % 12 + (value.hour < 12 ? 0 : 12) : hour
+                }), void 0, (hour)=>!!disabledTime?.({
+                    ...value,
+                    hour: use12Hours ? hour % 12 + (value.hour < 12 ? 0 : 12) : hour
+                })),
+            column(messages.timePicker.minutes, options(minuteStep, value.minute), value.minute, (minute)=>onChange({
+                    ...value,
+                    minute
+                }), void 0, (minute)=>!!disabledTime?.({
+                    ...value,
+                    minute
+                })),
+            showSeconds && column(messages.timePicker.seconds, options(secondStep, value.second), value.second, (second)=>onChange({
+                    ...value,
+                    second
+                }), void 0, (second)=>!!disabledTime?.({
+                    ...value,
+                    second
+                })),
+            use12Hours && column(messages.timePicker.period, [
+                0,
+                1
+            ], value.hour < 12 ? 0 : 1, (period)=>onChange({
+                    ...value,
+                    hour: value.hour % 12 + 12 * period
+                }), [
+                messages.timePicker.am,
+                messages.timePicker.pm
+            ], (period)=>!!disabledTime?.({
+                    ...value,
+                    hour: value.hour % 12 + 12 * period
+                }))
+        ]
+    });
+}
+exports.TimePanel = __webpack_exports__.TimePanel;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "TimePanel"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=time-panel.cjs.map

package/dist/cjs/timepicker/time-panel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"timepicker/time-panel.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../src/timepicker/time-panel.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { Check } from 'lucide-react';\nimport {\n  type CSSProperties,\n  type KeyboardEvent,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { padTime, type TimeParts } from '../shared/time';\n\ninterface TimePanelProps {\n  value: TimeParts;\n  onChange: (value: TimeParts) => void;\n  showSeconds?: boolean;\n  use12Hours?: boolean;\n  minuteStep?: number;\n  secondStep?: number;\n  autoFocus?: boolean;\n  disabledTime?: (parts: TimeParts) => boolean;\n}\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\n\ninterface TimeColumnProps {\n  label: string;\n  choices: number[];\n  selected: number;\n  change: (next: number) => void;\n  labels?: string[];\n  disabled?: (choice: number) => boolean;\n}\nfunction keepTimeOptionVisible(column: HTMLElement, row: HTMLElement) {\n  const top = row.offsetTop;\n  const bottom = top + row.offsetHeight;\n  if (top < column.scrollTop) column.scrollTop = top;\n  else if (bottom > column.scrollTop + column.clientHeight)\n    column.scrollTop = bottom - column.clientHeight;\n}\n\nfunction TimeColumn({ label, choices, selected, change, labels, disabled }: TimeColumnProps) {\n  const ref = useRef<HTMLDivElement>(null);\n  const [selection, setSelection] = useState<CSSProperties>();\n  useBrowserLayoutEffect(() => {\n    const column = ref.current;\n    if (!column) return;\n    const row = column.querySelector<HTMLButtonElement>('[aria-selected=\"true\"]:not(:disabled)');\n    const update = () => {\n      setSelection(\n        row\n          ? ({\n              '--leaf-time-selection-y': `${row.offsetTop}px`,\n              '--leaf-time-selection-height': `${row.offsetHeight}px`,\n            } as CSSProperties)\n          : undefined,\n      );\n      // Scrolling a row into every ancestor moves the whole range popup and can\n      // hide its endpoint labels when both time panels are present.\n      if (row) keepTimeOptionVisible(column, row);\n    };\n    update();\n    if (typeof ResizeObserver === 'undefined') return;\n    const observer = new ResizeObserver(update);\n    observer.observe(column);\n    if (row) observer.observe(row);\n    return () => observer.disconnect();\n  }, [selected, choices, disabled]);\n  const key = (event: KeyboardEvent<HTMLButtonElement>, current: number) => {\n    const available = choices.filter((choice) => !disabled?.(choice));\n    if (!available.length) return;\n    const index = available.indexOf(current);\n    let next = index;\n    if (event.key === 'ArrowDown') next = (index + 1) % available.length;\n    else if (event.key === 'ArrowUp') next = (index - 1 + available.length) % available.length;\n    else if (event.key === 'Home') next = 0;\n    else if (event.key === 'End') next = available.length - 1;\n    else return;\n    event.preventDefault();\n    change(available[next] ?? current);\n    const node =\n      event.currentTarget.parentElement?.querySelectorAll<HTMLButtonElement>(\n        'button:not(:disabled)',\n      )[next];\n    node?.focus({ preventScroll: true });\n    if (node && ref.current) keepTimeOptionVisible(ref.current, node);\n  };\n  return (\n    <div className=\"leaf-time-picker__column-wrap\">\n      <div className=\"leaf-time-picker__column-label\" aria-hidden=\"true\">\n        {label}\n      </div>\n      <div ref={ref} className=\"leaf-time-picker__column\" role=\"listbox\" aria-label={label}>\n        <div\n          className=\"leaf-time-picker__selection\"\n          data-ready={Boolean(selection)}\n          aria-hidden=\"true\"\n          style={selection}\n        />\n        {choices.map((option) => (\n          <button\n            type=\"button\"\n            key={option}\n            role=\"option\"\n            disabled={disabled?.(option)}\n            tabIndex={\n              option ===\n              (disabled?.(selected) ? choices.find((choice) => !disabled?.(choice)) : selected)\n                ? 0\n                : -1\n            }\n            aria-selected={option === selected}\n            className=\"leaf-floating__option\"\n            onClick={() => change(option)}\n            onKeyDown={(event) => key(event, option)}\n          >\n            <span>{labels?.[option] ?? padTime(option)}</span>\n            <Check\n              size={14}\n              aria-hidden=\"true\"\n              className=\"leaf-time-picker__check\"\n              style={{ opacity: option === selected ? 1 : 0 }}\n            />\n          </button>\n        ))}\n      </div>\n    </div>\n  );\n}\nexport function TimePanel({\n  value,\n  onChange,\n  showSeconds,\n  use12Hours,\n  minuteStep = 5,\n  secondStep = 1,\n  autoFocus,\n  disabledTime,\n}: TimePanelProps) {\n  const { messages } = useLeafConfig();\n  const ref = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (autoFocus)\n      ref.current\n        ?.querySelector<HTMLButtonElement>('[aria-selected=\"true\"]')\n        ?.focus({ preventScroll: true });\n  }, [autoFocus]);\n  const options = (step: number, selected: number) => {\n    const safe = Number.isFinite(step) ? Math.max(1, Math.min(60, Math.floor(step))) : 1;\n    return [\n      ...new Set([...Array.from({ length: Math.ceil(60 / safe) }, (_, i) => i * safe), selected]),\n    ].sort((a, b) => a - b);\n  };\n  const column = (\n    label: string,\n    choices: number[],\n    selected: number,\n    change: (next: number) => void,\n    labels?: string[],\n    disabled?: (choice: number) => boolean,\n  ) => {\n    return (\n      <TimeColumn\n        key={label}\n        label={label}\n        choices={choices}\n        selected={selected}\n        change={change}\n        labels={labels}\n        disabled={disabled}\n      />\n    );\n  };\n  const hours = use12Hours\n    ? Array.from({ length: 12 }, (_, i) => i + 1)\n    : Array.from({ length: 24 }, (_, i) => i);\n  return (\n    <div ref={ref} className=\"leaf-time-picker__columns\">\n      {column(\n        messages.timePicker.hours,\n        hours,\n        use12Hours ? value.hour % 12 || 12 : value.hour,\n        (hour) =>\n          onChange({\n            ...value,\n            hour: use12Hours ? (hour % 12) + (value.hour < 12 ? 0 : 12) : hour,\n          }),\n        undefined,\n        (hour) =>\n          !!disabledTime?.({\n            ...value,\n            hour: use12Hours ? (hour % 12) + (value.hour < 12 ? 0 : 12) : hour,\n          }),\n      )}\n      {column(\n        messages.timePicker.minutes,\n        options(minuteStep, value.minute),\n        value.minute,\n        (minute) => onChange({ ...value, minute }),\n        undefined,\n        (minute) => !!disabledTime?.({ ...value, minute }),\n      )}\n      {showSeconds &&\n        column(\n          messages.timePicker.seconds,\n          options(secondStep, value.second),\n          value.second,\n          (second) => onChange({ ...value, second }),\n          undefined,\n          (second) => !!disabledTime?.({ ...value, second }),\n        )}\n      {use12Hours &&\n        column(\n          messages.timePicker.period,\n          [0, 1],\n          value.hour < 12 ? 0 : 1,\n          (period) => onChange({ ...value, hour: (value.hour % 12) + period * 12 }),\n          [messages.timePicker.am, messages.timePicker.pm],\n          (period) => !!disabledTime?.({ ...value, hour: (value.hour % 12) + period * 12 }),\n        )}\n    </div>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","useBrowserLayoutEffect","window","useEffect","useLayoutEffect","keepTimeOptionVisible","column","row","top","bottom","TimeColumn","label","choices","selected","change","labels","disabled","ref","useRef","selection","setSelection","useState","update","undefined","ResizeObserver","observer","event","current","available","choice","index","next","node","Boolean","option","padTime","Check","TimePanel","value","onChange","showSeconds","use12Hours","minuteStep","secondStep","autoFocus","disabledTime","messages","useLeafConfig","options","step","safe","Number","Math","Set","Array","_","i","a","b","hours","hour","minute","second","period"],"mappings":"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"}

package/dist/cjs/timepicker/time-panel.d.cts

@@ -0,0 +1,14 @@
+import { type TimeParts } from '../shared/time.cjs';
+interface TimePanelProps {
+    value: TimeParts;
+    onChange: (value: TimeParts) => void;
+    showSeconds?: boolean;
+    use12Hours?: boolean;
+    minuteStep?: number;
+    secondStep?: number;
+    autoFocus?: boolean;
+    disabledTime?: (parts: TimeParts) => boolean;
+}
+export declare function TimePanel({ value, onChange, showSeconds, use12Hours, minuteStep, secondStep, autoFocus, disabledTime, }: TimePanelProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=time-panel.d.cts.map

package/dist/cjs/timepicker/time-panel.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-panel.d.cts","sourceRoot":"","sources":["../../../src/timepicker/time-panel.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEzD,UAAU,cAAc;IACtB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,OAAO,CAAC;CAC9C;AA2GD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,WAAW,EACX,UAAU,EACV,UAAc,EACd,UAAc,EACd,SAAS,EACT,YAAY,GACb,EAAE,cAAc,+BAoFhB"}

package/dist/cjs/timepicker/timepicker.cjs

@@ -0,0 +1,176 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    TimePicker: ()=>timepicker_TimePicker
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const button_cjs_namespaceObject = require("../button/button.cjs");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
+const context_cjs_namespaceObject = require("../config-provider/context.cjs");
+const form_cjs_namespaceObject = require("../form/form.cjs");
+const date_input_cjs_namespaceObject = require("../shared/date-input.cjs");
+const field_cjs_namespaceObject = require("../shared/field.cjs");
+const floating_cjs_namespaceObject = require("../shared/floating.cjs");
+const time_cjs_namespaceObject = require("../shared/time.cjs");
+const external_time_panel_cjs_namespaceObject = require("./time-panel.cjs");
+const timepicker_TimePicker = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const { value, defaultValue = null, minuteStep = 5, secondStep = 1, showSeconds = false, use12Hours = false, onChange, onOpenChange, disabledTime, open: controlledOpen, defaultOpen, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('TimePicker', rawProps);
+    const { messages } = (0, context_cjs_namespaceObject.useLeafConfig)();
+    const field = (0, form_cjs_namespaceObject.useFormField)();
+    const trigger = (0, external_react_namespaceObject.useRef)(null);
+    const merged = (0, field_cjs_namespaceObject.useMergedRef)(trigger, ref);
+    const [selected, setSelected] = (0, field_cjs_namespaceObject.useFieldValue)(value, defaultValue, trigger, props.form);
+    const [draft, setDraft] = (0, external_react_namespaceObject.useState)((0, time_cjs_namespaceObject.parseTime)(selected) ?? {
+        hour: 9,
+        minute: 0,
+        second: 0
+    });
+    const [validText, setValidText] = (0, external_react_namespaceObject.useState)(true);
+    const [open, setOpen] = (0, floating_cjs_namespaceObject.usePopupState)(props.disabled || field?.disabled || props.readOnly, onOpenChange, controlledOpen, defaultOpen);
+    const change = (parts)=>{
+        if (props.readOnly || props.disabled || field?.disabled || parts && disabledTime?.(parts)) return;
+        const next = parts ? (0, time_cjs_namespaceObject.timeString)(parts, showSeconds) : null;
+        setSelected(next);
+        onChange?.(next);
+    };
+    const formatted = (parts)=>(0, time_cjs_namespaceObject.displayTime)(parts, showSeconds, use12Hours, [
+            messages.timePicker.am,
+            messages.timePicker.pm
+        ]);
+    const parsed = (0, time_cjs_namespaceObject.parseTime)(selected);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(date_input_cjs_namespaceObject.DateInput, {
+        ...props,
+        ref: merged,
+        className: [
+            'leaf-time-picker',
+            props.className
+        ].filter(Boolean).join(' '),
+        placeholder: props.placeholder ?? messages.timePicker.placeholder,
+        icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Clock3, {
+            size: 16,
+            "aria-hidden": "true"
+        }),
+        panelLabel: messages.timePicker.label,
+        clearLabel: messages.timePicker.clear,
+        commitOnBlur: false,
+        displayValue: parsed ? formatted(parsed) : '',
+        formValue: parsed ? (0, time_cjs_namespaceObject.timeString)(parsed, showSeconds) : '',
+        open: open,
+        onOpenChange: setOpen,
+        onOpening: ()=>{
+            setDraft((0, time_cjs_namespaceObject.parseTime)(selected) ?? {
+                hour: 9,
+                minute: 0,
+                second: 0
+            });
+            setValidText(true);
+        },
+        onClear: ()=>change(null),
+        onTextChange: (text)=>{
+            const next = (0, time_cjs_namespaceObject.parseTime)(text.trim(), [
+                messages.timePicker.am,
+                messages.timePicker.pm
+            ]);
+            setValidText(Boolean(next));
+            if (next) setDraft(next);
+        },
+        onTextCommit: (text)=>{
+            if (!text) {
+                change(null);
+                return true;
+            }
+            const next = (0, time_cjs_namespaceObject.parseTime)(text, [
+                messages.timePicker.am,
+                messages.timePicker.pm
+            ]);
+            if (!next || disabledTime?.(next)) return false;
+            change(next);
+            return true;
+        },
+        panelClassName: "leaf-time-picker__panel",
+        renderPanel: (close)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_time_panel_cjs_namespaceObject.TimePanel, {
+                        disabledTime: disabledTime,
+                        value: draft,
+                        onChange: (next)=>{
+                            setDraft(next);
+                            setValidText(true);
+                        },
+                        minuteStep: minuteStep,
+                        secondStep: secondStep,
+                        showSeconds: showSeconds,
+                        use12Hours: use12Hours
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                        className: "leaf-picker-footer",
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
+                                variant: "ghost",
+                                size: "sm",
+                                onClick: ()=>{
+                                    const now = new Date();
+                                    setDraft({
+                                        hour: now.getHours(),
+                                        minute: now.getMinutes(),
+                                        second: now.getSeconds()
+                                    });
+                                    setValidText(true);
+                                },
+                                children: messages.timePicker.now
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
+                                size: "sm",
+                                disabled: !validText || disabledTime?.(draft),
+                                onClick: ()=>{
+                                    change(draft);
+                                    close();
+                                },
+                                children: messages.common.confirm
+                            })
+                        ]
+                    })
+                ]
+            })
+    });
+});
+timepicker_TimePicker.displayName = 'TimePicker';
+exports.TimePicker = __webpack_exports__.TimePicker;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "TimePicker"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=timepicker.cjs.map

package/dist/cjs/timepicker/timepicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"timepicker/timepicker.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../src/timepicker/timepicker.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { Clock3 } from 'lucide-react';\nimport { forwardRef, useRef, useState } from 'react';\nimport { ButtonControl } from '../button/button';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useFormField } from '../form/form';\nimport { DateInput, type PickerFieldProps } from '../shared/date-input';\nimport { useFieldValue, useMergedRef } from '../shared/field';\nimport { usePopupState } from '../shared/floating';\nimport { displayTime, parseTime, type TimeParts, timeString } from '../shared/time';\nimport { TimePanel } from './time-panel';\n\nexport interface TimePickerProps extends PickerFieldProps {\n  value?: string | null;\n  defaultValue?: string | null;\n  minuteStep?: number;\n  secondStep?: number;\n  showSeconds?: boolean;\n  use12Hours?: boolean;\n  onChange?: (value: string | null) => void;\n  onOpenChange?: (open: boolean) => void;\n  disabledTime?: (parts: TimeParts) => boolean;\n}\nexport const TimePicker = forwardRef<HTMLInputElement, TimePickerProps>(function TimePicker(\n  rawProps: TimePickerProps,\n  ref,\n) {\n  const {\n    value,\n    defaultValue = null,\n    minuteStep = 5,\n    secondStep = 1,\n    showSeconds = false,\n    use12Hours = false,\n    onChange,\n    onOpenChange,\n    disabledTime,\n    open: controlledOpen,\n    defaultOpen,\n    ...props\n  } = useComponentProps('TimePicker', rawProps);\n  const { messages } = useLeafConfig();\n  const field = useFormField();\n  const trigger = useRef<HTMLInputElement>(null);\n  const merged = useMergedRef(trigger, ref);\n  const [selected, setSelected] = useFieldValue(value, defaultValue, trigger, props.form);\n  const [draft, setDraft] = useState<TimeParts>(\n    parseTime(selected) ?? { hour: 9, minute: 0, second: 0 },\n  );\n  const [validText, setValidText] = useState(true);\n  const [open, setOpen] = usePopupState(\n    props.disabled || field?.disabled || props.readOnly,\n    onOpenChange,\n    controlledOpen,\n    defaultOpen,\n  );\n  const change = (parts: TimeParts | null) => {\n    if (props.readOnly || props.disabled || field?.disabled || (parts && disabledTime?.(parts)))\n      return;\n    const next = parts ? timeString(parts, showSeconds) : null;\n    setSelected(next);\n    onChange?.(next);\n  };\n  const formatted = (parts: TimeParts) =>\n    displayTime(parts, showSeconds, use12Hours, [messages.timePicker.am, messages.timePicker.pm]);\n  const parsed = parseTime(selected);\n  return (\n    <DateInput\n      {...props}\n      ref={merged}\n      className={['leaf-time-picker', props.className].filter(Boolean).join(' ')}\n      placeholder={props.placeholder ?? messages.timePicker.placeholder}\n      icon={<Clock3 size={16} aria-hidden=\"true\" />}\n      panelLabel={messages.timePicker.label}\n      clearLabel={messages.timePicker.clear}\n      commitOnBlur={false}\n      displayValue={parsed ? formatted(parsed) : ''}\n      formValue={parsed ? timeString(parsed, showSeconds) : ''}\n      open={open}\n      onOpenChange={setOpen}\n      onOpening={() => {\n        setDraft(parseTime(selected) ?? { hour: 9, minute: 0, second: 0 });\n        setValidText(true);\n      }}\n      onClear={() => change(null)}\n      onTextChange={(text) => {\n        const next = parseTime(text.trim(), [messages.timePicker.am, messages.timePicker.pm]);\n        setValidText(Boolean(next));\n        if (next) setDraft(next);\n      }}\n      onTextCommit={(text) => {\n        if (!text) {\n          change(null);\n          return true;\n        }\n        const next = parseTime(text, [messages.timePicker.am, messages.timePicker.pm]);\n        if (!next || disabledTime?.(next)) return false;\n        change(next);\n        return true;\n      }}\n      panelClassName=\"leaf-time-picker__panel\"\n      renderPanel={(close) => (\n        <>\n          <TimePanel\n            disabledTime={disabledTime}\n            value={draft}\n            onChange={(next) => {\n              setDraft(next);\n              setValidText(true);\n            }}\n            minuteStep={minuteStep}\n            secondStep={secondStep}\n            showSeconds={showSeconds}\n            use12Hours={use12Hours}\n          />\n          <div className=\"leaf-picker-footer\">\n            <ButtonControl\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={() => {\n                const now = new Date();\n                setDraft({\n                  hour: now.getHours(),\n                  minute: now.getMinutes(),\n                  second: now.getSeconds(),\n                });\n                setValidText(true);\n              }}\n            >\n              {messages.timePicker.now}\n            </ButtonControl>\n            <ButtonControl\n              size=\"sm\"\n              disabled={!validText || disabledTime?.(draft)}\n              onClick={() => {\n                change(draft);\n                close();\n              }}\n            >\n              {messages.common.confirm}\n            </ButtonControl>\n          </div>\n        </>\n      )}\n    />\n  );\n});\nTimePicker.displayName = 'TimePicker';\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","TimePicker","forwardRef","rawProps","ref","value","defaultValue","minuteStep","secondStep","showSeconds","use12Hours","onChange","onOpenChange","disabledTime","controlledOpen","defaultOpen","props","useComponentProps","messages","useLeafConfig","field","useFormField","trigger","useRef","merged","useMergedRef","selected","setSelected","useFieldValue","draft","setDraft","useState","parseTime","validText","setValidText","open","setOpen","usePopupState","change","parts","next","timeString","formatted","displayTime","parsed","DateInput","Boolean","Clock3","text","close","TimePanel","ButtonControl","now","Date"],"mappings":"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"}

package/dist/cjs/timepicker/timepicker.d.cts

@@ -0,0 +1,15 @@
+import { type PickerFieldProps } from '../shared/date-input.cjs';
+import { type TimeParts } from '../shared/time.cjs';
+export interface TimePickerProps extends PickerFieldProps {
+    value?: string | null;
+    defaultValue?: string | null;
+    minuteStep?: number;
+    secondStep?: number;
+    showSeconds?: boolean;
+    use12Hours?: boolean;
+    onChange?: (value: string | null) => void;
+    onOpenChange?: (open: boolean) => void;
+    disabledTime?: (parts: TimeParts) => boolean;
+}
+export declare const TimePicker: import("react").ForwardRefExoticComponent<TimePickerProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=timepicker.d.cts.map

package/dist/cjs/timepicker/timepicker.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timepicker.d.cts","sourceRoot":"","sources":["../../../src/timepicker/timepicker.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAa,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAGxE,OAAO,EAA0B,KAAK,SAAS,EAAc,MAAM,gBAAgB,CAAC;AAGpF,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,OAAO,CAAC;CAC9C;AACD,eAAO,MAAM,UAAU,8GA2HrB,CAAC"}

package/dist/cjs/timerangepicker/index.cjs

@@ -0,0 +1,43 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    TimeRangePicker: ()=>external_timerangepicker_cjs_namespaceObject.TimeRangePicker
+});
+const external_timerangepicker_cjs_namespaceObject = require("./timerangepicker.cjs");
+exports.TimeRangePicker = __webpack_exports__.TimeRangePicker;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "TimeRangePicker"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/timerangepicker/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"timerangepicker/index.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D"}

package/dist/cjs/timerangepicker/index.d.cts

@@ -0,0 +1,3 @@
+export type { TimeRange, TimeRangePickerProps } from './timerangepicker.cjs';
+export { TimeRangePicker } from './timerangepicker.cjs';
+//# sourceMappingURL=index.d.cts.map

package/dist/cjs/timerangepicker/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/timerangepicker/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}