@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/cjs/browser/modules/datetimepicker/datetimepicker.cjs

@@ -0,0 +1,270 @@
+"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__, {
+    DateTimePicker: ()=>datetimepicker_DateTimePicker
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+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 calendar_cjs_namespaceObject = require("../shared/calendar.cjs");
+const date_cjs_namespaceObject = require("../shared/date.cjs");
+const date_format_cjs_namespaceObject = require("../shared/date-format.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 parse_date_cjs_namespaceObject = require("../shared/parse-date.cjs");
+const presence_cjs_namespaceObject = require("../shared/presence.cjs");
+const time_cjs_namespaceObject = require("../shared/time.cjs");
+const time_panel_cjs_namespaceObject = require("../timepicker/time-panel.cjs");
+const datetimepicker_DateTimePicker = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const { value, defaultValue = null, minDate, maxDate, use12Hours = false, showSeconds = true, minuteStep = 1, secondStep = 1, showToday = true, todayText, renderExtraFooter, onChange, onOpenChange, open: controlledOpen, defaultOpen, disabledDate, disabledTime, format, parse, presets, panelValue, onPanelChange, cellRender, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('DateTimePicker', rawProps);
+    const { messages } = (0, context_cjs_namespaceObject.useLeafConfig)();
+    const field = (0, form_cjs_namespaceObject.useFormField)();
+    const trigger = (0, external_react_namespaceObject.useRef)(null);
+    const [selected, setSelected] = (0, field_cjs_namespaceObject.useFieldValue)(value, defaultValue, trigger, props.form);
+    const merged = (0, field_cjs_namespaceObject.useMergedRef)(trigger, ref);
+    const [open, setOpen] = (0, floating_cjs_namespaceObject.usePopupState)(props.disabled || field?.disabled || props.readOnly, onOpenChange, controlledOpen, defaultOpen);
+    const [draft, setDraft] = (0, external_react_namespaceObject.useState)(selected ?? new Date());
+    const [view, setView] = (0, external_react_namespaceObject.useState)('date');
+    const panelView = (0, external_react_namespaceObject.useRef)(null);
+    (0, presence_cjs_namespaceObject.useContentTransition)(panelView, `${open}:${view}`, 'time' === view ? 1 : -1);
+    const [focusCalendar, setFocusCalendar] = (0, external_react_namespaceObject.useState)(false);
+    const [validText, setValidText] = (0, external_react_namespaceObject.useState)(true);
+    const normalize = (date)=>{
+        const next = new Date(date);
+        next.setMilliseconds(0);
+        if (!showSeconds) next.setSeconds(0);
+        return next;
+    };
+    const inBounds = (date)=>Number.isFinite(date.getTime()) && (!minDate || date >= minDate) && (!maxDate || date <= maxDate) && !disabledDate?.(date) && !disabledTime?.(parts(date), date);
+    const change = (next)=>{
+        if (props.readOnly || props.disabled || field?.disabled || next && !inBounds(next)) return;
+        const normalized = next ? normalize(next) : null;
+        setSelected(normalized);
+        onChange?.(normalized, normalized ? (0, date_format_cjs_namespaceObject.formatPickerDate)(normalized, format, (date)=>(0, calendar_cjs_namespaceObject.dateTimeKey)(date, showSeconds)) : '');
+    };
+    const parts = (date)=>({
+            hour: date.getHours(),
+            minute: date.getMinutes(),
+            second: date.getSeconds()
+        });
+    const timeLabel = (date)=>(0, time_cjs_namespaceObject.displayTime)(parts(date), showSeconds, use12Hours, [
+            messages.timePicker.am,
+            messages.timePicker.pm
+        ]);
+    const label = (date)=>(0, date_format_cjs_namespaceObject.formatPickerDate)(date, format, (date)=>`${(0, date_cjs_namespaceObject.dateKey)(date)} ${timeLabel(date)}`);
+    const today = new Date();
+    today.setHours(draft.getHours(), draft.getMinutes(), showSeconds ? draft.getSeconds() : 0, 0);
+    const updateTime = (time)=>{
+        const next = new Date(draft);
+        next.setHours(time.hour, time.minute, showSeconds ? time.second : 0, 0);
+        setDraft(next);
+        setValidText(true);
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(date_input_cjs_namespaceObject.DateInput, {
+        ...props,
+        ref: merged,
+        placeholder: props.placeholder ?? messages.dateTimePicker.placeholder,
+        commitOnBlur: false,
+        displayValue: selected ? label(selected) : '',
+        formValue: selected ? (0, calendar_cjs_namespaceObject.dateTimeKey)(selected, showSeconds) : '',
+        open: open,
+        onOpenChange: setOpen,
+        onOpening: ()=>{
+            let next = new Date(selected ?? new Date());
+            if (minDate && next < minDate) next = new Date(minDate);
+            if (maxDate && next > maxDate) next = new Date(maxDate);
+            setDraft(normalize(next));
+            setView('date');
+            setFocusCalendar(false);
+            setValidText(true);
+        },
+        onClear: ()=>change(null),
+        onTextChange: (text)=>{
+            const next = (0, date_format_cjs_namespaceObject.parsePickerDate)(text.trim(), format, (text)=>(0, parse_date_cjs_namespaceObject.parseDateText)(text, 'datetime', [
+                    messages.timePicker.am,
+                    messages.timePicker.pm
+                ]), parse);
+            setValidText(Boolean(next && inBounds(normalize(next))));
+            if (next) setDraft(normalize(next));
+        },
+        onTextCommit: (text)=>{
+            if (!text) {
+                change(null);
+                return true;
+            }
+            const next = (0, date_format_cjs_namespaceObject.parsePickerDate)(text, format, (text)=>(0, parse_date_cjs_namespaceObject.parseDateText)(text, 'datetime', [
+                    messages.timePicker.am,
+                    messages.timePicker.pm
+                ]), parse);
+            if (!next || !inBounds(normalize(next))) return false;
+            change(next);
+            return true;
+        },
+        panelClassName: "leaf-datetime-panel",
+        renderPanel: (close)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        ref: panelView,
+                        className: "leaf-picker-view",
+                        children: 'date' === view ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(calendar_cjs_namespaceObject.CalendarPanel, {
+                            disabledDate: disabledDate,
+                            cellRender: cellRender,
+                            visibleDate: panelValue,
+                            onVisibleChange: onPanelChange,
+                            value: draft,
+                            picker: "datetime",
+                            autoFocus: focusCalendar,
+                            minDate: minDate,
+                            maxDate: maxDate,
+                            headerExtra: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                                type: "button",
+                                className: "leaf-picker-time-toggle",
+                                "aria-label": messages.timePicker.selectTime,
+                                onClick: ()=>{
+                                    setFocusCalendar(false);
+                                    setView('time');
+                                },
+                                children: timeLabel(draft)
+                            }),
+                            onChange: (date)=>{
+                                const next = new Date(date);
+                                const time = parts(draft);
+                                next.setHours(time.hour, time.minute, showSeconds ? time.second : 0, 0);
+                                setDraft(next);
+                                setValidText(true);
+                            }
+                        }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                            className: "leaf-picker-time-view",
+                            children: [
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                                    className: "leaf-picker-time-view__header",
+                                    children: [
+                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                                            type: "button",
+                                            className: "leaf-picker-time-toggle",
+                                            "aria-label": messages.datePicker.selectDate,
+                                            onClick: ()=>{
+                                                setFocusCalendar(true);
+                                                setView('date');
+                                            },
+                                            children: (0, date_cjs_namespaceObject.dateKey)(draft)
+                                        }),
+                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                            children: timeLabel(draft)
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(time_panel_cjs_namespaceObject.TimePanel, {
+                                    disabledTime: (parts)=>!!disabledTime?.(parts, draft),
+                                    autoFocus: true,
+                                    value: parts(draft),
+                                    onChange: updateTime,
+                                    showSeconds: showSeconds,
+                                    use12Hours: use12Hours,
+                                    minuteStep: minuteStep,
+                                    secondStep: secondStep
+                                })
+                            ]
+                        })
+                    }),
+                    presets?.length ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        className: "leaf-picker-presets",
+                        children: presets.map((preset)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
+                                size: "sm",
+                                variant: "ghost",
+                                onClick: ()=>{
+                                    const date = 'function' == typeof preset.value ? preset.value() : preset.value;
+                                    if (inBounds(date)) {
+                                        change(date);
+                                        close();
+                                    }
+                                },
+                                children: preset.label
+                            }, preset.key ?? String(preset.label)))
+                    }) : null,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                        className: "leaf-picker-footer",
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                                className: "leaf-picker-footer__extra",
+                                children: [
+                                    showToday && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
+                                        variant: "ghost",
+                                        size: "sm",
+                                        disabled: !inBounds(today),
+                                        onClick: ()=>{
+                                            setDraft(today);
+                                            setValidText(true);
+                                            setView('date');
+                                        },
+                                        children: todayText ?? messages.calendar.today
+                                    }),
+                                    'time' === view && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
+                                        variant: "ghost",
+                                        size: "sm",
+                                        onClick: ()=>{
+                                            setDraft(normalize(new Date()));
+                                            setValidText(true);
+                                        },
+                                        children: messages.timePicker.now
+                                    }),
+                                    renderExtraFooter
+                                ]
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
+                                size: "sm",
+                                disabled: !validText || !inBounds(draft),
+                                onClick: ()=>{
+                                    change(draft);
+                                    close();
+                                },
+                                children: messages.common.confirm
+                            })
+                        ]
+                    })
+                ]
+            })
+    });
+});
+datetimepicker_DateTimePicker.displayName = 'DateTimePicker';
+exports.DateTimePicker = __webpack_exports__.DateTimePicker;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "DateTimePicker"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=datetimepicker.cjs.map

package/dist/cjs/browser/modules/datetimepicker/datetimepicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetimepicker/datetimepicker.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/datetimepicker/datetimepicker.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 { forwardRef, type ReactNode, 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 { CalendarPanel, dateTimeKey } from '../shared/calendar';\nimport { dateKey } from '../shared/date';\nimport {\n  type DateFormat,\n  type DatePreset,\n  formatPickerDate,\n  parsePickerDate,\n} from '../shared/date-format';\nimport { DateInput, type PickerFieldProps } from '../shared/date-input';\nimport { useFieldValue, useMergedRef } from '../shared/field';\nimport { usePopupState } from '../shared/floating';\nimport { parseDateText } from '../shared/parse-date';\nimport { useContentTransition } from '../shared/presence';\nimport { displayTime, type TimeParts } from '../shared/time';\nimport { TimePanel } from '../timepicker/time-panel';\n\nexport interface DateTimePickerProps extends PickerFieldProps {\n  value?: Date | null;\n  defaultValue?: Date | null;\n  minDate?: Date;\n  maxDate?: Date;\n  use12Hours?: boolean;\n  showSeconds?: boolean;\n  minuteStep?: number;\n  secondStep?: number;\n  showToday?: boolean;\n  todayText?: ReactNode;\n  renderExtraFooter?: ReactNode;\n  onChange?: (value: Date | null, dateString: string) => void;\n  onOpenChange?: (open: boolean) => void;\n  disabledDate?: (date: Date) => boolean;\n  disabledTime?: (parts: TimeParts, date: Date) => boolean;\n  format?: DateFormat;\n  parse?: (text: string) => Date | null;\n  presets?: readonly DatePreset[];\n  panelValue?: Date;\n  onPanelChange?: (date: Date) => void;\n  cellRender?: (date: Date) => ReactNode;\n}\nexport const DateTimePicker = forwardRef<HTMLInputElement, DateTimePickerProps>(\n  function DateTimePicker(rawProps: DateTimePickerProps, ref) {\n    const {\n      value,\n      defaultValue = null,\n      minDate,\n      maxDate,\n      use12Hours = false,\n      showSeconds = true,\n      minuteStep = 1,\n      secondStep = 1,\n      showToday = true,\n      todayText,\n      renderExtraFooter,\n      onChange,\n      onOpenChange,\n      open: controlledOpen,\n      defaultOpen,\n      disabledDate,\n      disabledTime,\n      format,\n      parse,\n      presets,\n      panelValue,\n      onPanelChange,\n      cellRender,\n      ...props\n    } = useComponentProps('DateTimePicker', rawProps);\n    const { messages } = useLeafConfig();\n    const field = useFormField();\n    const trigger = useRef<HTMLInputElement>(null);\n    const [selected, setSelected] = useFieldValue(value, defaultValue, trigger, props.form);\n    const merged = useMergedRef(trigger, ref);\n    const [open, setOpen] = usePopupState(\n      props.disabled || field?.disabled || props.readOnly,\n      onOpenChange,\n      controlledOpen,\n      defaultOpen,\n    );\n    const [draft, setDraft] = useState(selected ?? new Date());\n    const [view, setView] = useState<'date' | 'time'>('date');\n    const panelView = useRef<HTMLDivElement>(null);\n    useContentTransition(panelView, `${open}:${view}`, view === 'time' ? 1 : -1);\n    const [focusCalendar, setFocusCalendar] = useState(false);\n    const [validText, setValidText] = useState(true);\n    const normalize = (date: Date) => {\n      const next = new Date(date);\n      next.setMilliseconds(0);\n      if (!showSeconds) next.setSeconds(0);\n      return next;\n    };\n    const inBounds = (date: Date) =>\n      Number.isFinite(date.getTime()) &&\n      (!minDate || date >= minDate) &&\n      (!maxDate || date <= maxDate) &&\n      !disabledDate?.(date) &&\n      !disabledTime?.(parts(date), date);\n    const change = (next: Date | null) => {\n      if (props.readOnly || props.disabled || field?.disabled || (next && !inBounds(next))) return;\n      const normalized = next ? normalize(next) : null;\n      setSelected(normalized);\n      onChange?.(\n        normalized,\n        normalized\n          ? formatPickerDate(normalized, format, (date) => dateTimeKey(date, showSeconds))\n          : '',\n      );\n    };\n    const parts = (date: Date): TimeParts => ({\n      hour: date.getHours(),\n      minute: date.getMinutes(),\n      second: date.getSeconds(),\n    });\n    const timeLabel = (date: Date) =>\n      displayTime(parts(date), showSeconds, use12Hours, [\n        messages.timePicker.am,\n        messages.timePicker.pm,\n      ]);\n    const label = (date: Date) =>\n      formatPickerDate(date, format, (date) => `${dateKey(date)} ${timeLabel(date)}`);\n    const today = new Date();\n    today.setHours(draft.getHours(), draft.getMinutes(), showSeconds ? draft.getSeconds() : 0, 0);\n    const updateTime = (time: TimeParts) => {\n      const next = new Date(draft);\n      next.setHours(time.hour, time.minute, showSeconds ? time.second : 0, 0);\n      setDraft(next);\n      setValidText(true);\n    };\n    return (\n      <DateInput\n        {...props}\n        ref={merged}\n        placeholder={props.placeholder ?? messages.dateTimePicker.placeholder}\n        commitOnBlur={false}\n        displayValue={selected ? label(selected) : ''}\n        formValue={selected ? dateTimeKey(selected, showSeconds) : ''}\n        open={open}\n        onOpenChange={setOpen}\n        onOpening={() => {\n          let next = new Date(selected ?? new Date());\n          if (minDate && next < minDate) next = new Date(minDate);\n          if (maxDate && next > maxDate) next = new Date(maxDate);\n          setDraft(normalize(next));\n          setView('date');\n          setFocusCalendar(false);\n          setValidText(true);\n        }}\n        onClear={() => change(null)}\n        onTextChange={(text) => {\n          const next = parsePickerDate(\n            text.trim(),\n            format,\n            (text) =>\n              parseDateText(text, 'datetime', [messages.timePicker.am, messages.timePicker.pm]),\n            parse,\n          );\n          setValidText(Boolean(next && inBounds(normalize(next))));\n          if (next) setDraft(normalize(next));\n        }}\n        onTextCommit={(text) => {\n          if (!text) {\n            change(null);\n            return true;\n          }\n          const next = parsePickerDate(\n            text,\n            format,\n            (text) =>\n              parseDateText(text, 'datetime', [messages.timePicker.am, messages.timePicker.pm]),\n            parse,\n          );\n          if (!next || !inBounds(normalize(next))) return false;\n          change(next);\n          return true;\n        }}\n        panelClassName=\"leaf-datetime-panel\"\n        renderPanel={(close) => (\n          <>\n            <div ref={panelView} className=\"leaf-picker-view\">\n              {view === 'date' ? (\n                <CalendarPanel\n                  disabledDate={disabledDate}\n                  cellRender={cellRender}\n                  visibleDate={panelValue}\n                  onVisibleChange={onPanelChange}\n                  value={draft}\n                  picker=\"datetime\"\n                  autoFocus={focusCalendar}\n                  minDate={minDate}\n                  maxDate={maxDate}\n                  headerExtra={\n                    <button\n                      type=\"button\"\n                      className=\"leaf-picker-time-toggle\"\n                      aria-label={messages.timePicker.selectTime}\n                      onClick={() => {\n                        setFocusCalendar(false);\n                        setView('time');\n                      }}\n                    >\n                      {timeLabel(draft)}\n                    </button>\n                  }\n                  onChange={(date) => {\n                    const next = new Date(date);\n                    const time = parts(draft);\n                    next.setHours(time.hour, time.minute, showSeconds ? time.second : 0, 0);\n                    setDraft(next);\n                    setValidText(true);\n                  }}\n                />\n              ) : (\n                <div className=\"leaf-picker-time-view\">\n                  <div className=\"leaf-picker-time-view__header\">\n                    <button\n                      type=\"button\"\n                      className=\"leaf-picker-time-toggle\"\n                      aria-label={messages.datePicker.selectDate}\n                      onClick={() => {\n                        setFocusCalendar(true);\n                        setView('date');\n                      }}\n                    >\n                      {dateKey(draft)}\n                    </button>\n                    <span>{timeLabel(draft)}</span>\n                  </div>\n                  <TimePanel\n                    disabledTime={(parts) => !!disabledTime?.(parts, draft)}\n                    autoFocus\n                    value={parts(draft)}\n                    onChange={updateTime}\n                    showSeconds={showSeconds}\n                    use12Hours={use12Hours}\n                    minuteStep={minuteStep}\n                    secondStep={secondStep}\n                  />\n                </div>\n              )}\n            </div>\n            {presets?.length ? (\n              <div className=\"leaf-picker-presets\">\n                {presets.map((preset) => (\n                  <ButtonControl\n                    key={preset.key ?? String(preset.label)}\n                    size=\"sm\"\n                    variant=\"ghost\"\n                    onClick={() => {\n                      const date =\n                        typeof preset.value === 'function' ? preset.value() : preset.value;\n                      if (inBounds(date)) {\n                        change(date);\n                        close();\n                      }\n                    }}\n                  >\n                    {preset.label}\n                  </ButtonControl>\n                ))}\n              </div>\n            ) : null}\n            <div className=\"leaf-picker-footer\">\n              <div className=\"leaf-picker-footer__extra\">\n                {showToday && (\n                  <ButtonControl\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    disabled={!inBounds(today)}\n                    onClick={() => {\n                      setDraft(today);\n                      setValidText(true);\n                      setView('date');\n                    }}\n                  >\n                    {todayText ?? messages.calendar.today}\n                  </ButtonControl>\n                )}\n                {view === 'time' && (\n                  <ButtonControl\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    onClick={() => {\n                      setDraft(normalize(new Date()));\n                      setValidText(true);\n                    }}\n                  >\n                    {messages.timePicker.now}\n                  </ButtonControl>\n                )}\n                {renderExtraFooter}\n              </div>\n              <ButtonControl\n                size=\"sm\"\n                disabled={!validText || !inBounds(draft)}\n                onClick={() => {\n                  change(draft);\n                  close();\n                }}\n              >\n                {messages.common.confirm}\n              </ButtonControl>\n            </div>\n          </>\n        )}\n      />\n    );\n  },\n);\nDateTimePicker.displayName = 'DateTimePicker';\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","DateTimePicker","forwardRef","rawProps","ref","value","defaultValue","minDate","maxDate","use12Hours","showSeconds","minuteStep","secondStep","showToday","todayText","renderExtraFooter","onChange","onOpenChange","controlledOpen","defaultOpen","disabledDate","disabledTime","format","parse","presets","panelValue","onPanelChange","cellRender","props","useComponentProps","messages","useLeafConfig","field","useFormField","trigger","useRef","selected","setSelected","useFieldValue","merged","useMergedRef","open","setOpen","usePopupState","draft","setDraft","useState","Date","view","setView","panelView","useContentTransition","focusCalendar","setFocusCalendar","validText","setValidText","normalize","date","next","inBounds","Number","parts","change","normalized","formatPickerDate","dateTimeKey","timeLabel","displayTime","label","dateKey","today","updateTime","time","DateInput","text","parsePickerDate","parseDateText","Boolean","close","CalendarPanel","TimePanel","preset","ButtonControl","String"],"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;;;;;;;;;;;;;;;;;;;;;;;ACsCO,MAAMI,gCAAiBC,AAAA,WAAHD,GAAGC,IAAAA,+BAAAA,UAAAA,AAAAA,EAC5B,SAAwBC,QAA6B,EAAEC,GAAG;IACxD,MAAM,EACJC,KAAK,EACLC,eAAe,IAAI,EACnBC,OAAO,EACPC,OAAO,EACPC,aAAa,KAAK,EAClBC,cAAc,IAAI,EAClBC,aAAa,CAAC,EACdC,aAAa,CAAC,EACdC,YAAY,IAAI,EAChBC,SAAS,EACTC,iBAAiB,EACjBC,QAAQ,EACRC,YAAY,EACZ,MAAMC,cAAc,EACpBC,WAAW,EACXC,YAAY,EACZC,YAAY,EACZC,MAAM,EACNC,KAAK,EACLC,OAAO,EACPC,UAAU,EACVC,aAAa,EACbC,UAAU,EACV,GAAGC,OACJ,GAAGC,AAAAA,IAAAA,uCAAAA,iBAAAA,AAAAA,EAAkB,kBAAkB1B;IACxC,MAAM,EAAE2B,QAAQ,EAAE,GAAGC,AAAAA,IAAAA,4BAAAA,aAAAA,AAAAA;IACrB,MAAMC,QAAQC,AAAAA,IAAAA,yBAAAA,YAAAA,AAAAA;IACd,MAAMC,UAAUC,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAyB;IACzC,MAAM,CAACC,UAAUC,YAAY,GAAGC,AAAAA,IAAAA,0BAAAA,aAAAA,AAAAA,EAAcjC,OAAOC,cAAc4B,SAASN,MAAM,IAAI;IACtF,MAAMW,SAASC,AAAAA,IAAAA,0BAAAA,YAAAA,AAAAA,EAAaN,SAAS9B;IACrC,MAAM,CAACqC,MAAMC,QAAQ,GAAGC,AAAAA,IAAAA,6BAAAA,aAAAA,AAAAA,EACtBf,MAAM,QAAQ,IAAII,OAAO,YAAYJ,MAAM,QAAQ,EACnDX,cACAC,gBACAC;IAEF,MAAM,CAACyB,OAAOC,SAAS,GAAGC,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAASV,YAAY,IAAIW;IACnD,MAAM,CAACC,MAAMC,QAAQ,GAAGH,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAA0B;IAClD,MAAMI,YAAYf,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAuB;IACzCgB,IAAAA,6BAAAA,oBAAAA,AAAAA,EAAqBD,WAAW,GAAGT,KAAK,CAAC,EAAEO,MAAM,EAAEA,AAAS,WAATA,OAAkB,IAAI;IACzE,MAAM,CAACI,eAAeC,iBAAiB,GAAGP,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAAS;IACnD,MAAM,CAACQ,WAAWC,aAAa,GAAGT,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAAS;IAC3C,MAAMU,YAAY,CAACC;QACjB,MAAMC,OAAO,IAAIX,KAAKU;QACtBC,KAAK,eAAe,CAAC;QACrB,IAAI,CAAChD,aAAagD,KAAK,UAAU,CAAC;QAClC,OAAOA;IACT;IACA,MAAMC,WAAW,CAACF,OAChBG,OAAO,QAAQ,CAACH,KAAK,OAAO,OAC3B,EAAClD,WAAWkD,QAAQlD,OAAM,KAC1B,EAACC,WAAWiD,QAAQjD,OAAM,KAC3B,CAACY,eAAeqC,SAChB,CAACpC,eAAewC,MAAMJ,OAAOA;IAC/B,MAAMK,SAAS,CAACJ;QACd,IAAI9B,MAAM,QAAQ,IAAIA,MAAM,QAAQ,IAAII,OAAO,YAAa0B,QAAQ,CAACC,SAASD,OAAQ;QACtF,MAAMK,aAAaL,OAAOF,UAAUE,QAAQ;QAC5CrB,YAAY0B;QACZ/C,WACE+C,YACAA,aACIC,AAAAA,IAAAA,gCAAAA,gBAAAA,AAAAA,EAAiBD,YAAYzC,QAAQ,CAACmC,OAASQ,AAAAA,IAAAA,6BAAAA,WAAAA,AAAAA,EAAYR,MAAM/C,gBACjE;IAER;IACA,MAAMmD,QAAQ,CAACJ,OAA2B;YACxC,MAAMA,KAAK,QAAQ;YACnB,QAAQA,KAAK,UAAU;YACvB,QAAQA,KAAK,UAAU;QACzB;IACA,MAAMS,YAAY,CAACT,OACjBU,AAAAA,IAAAA,yBAAAA,WAAAA,AAAAA,EAAYN,MAAMJ,OAAO/C,aAAaD,YAAY;YAChDqB,SAAS,UAAU,CAAC,EAAE;YACtBA,SAAS,UAAU,CAAC,EAAE;SACvB;IACH,MAAMsC,QAAQ,CAACX,OACbO,AAAAA,IAAAA,gCAAAA,gBAAAA,AAAAA,EAAiBP,MAAMnC,QAAQ,CAACmC,OAAS,GAAGY,AAAAA,IAAAA,yBAAAA,OAAAA,AAAAA,EAAQZ,MAAM,CAAC,EAAES,UAAUT,OAAO;IAChF,MAAMa,QAAQ,IAAIvB;IAClBuB,MAAM,QAAQ,CAAC1B,MAAM,QAAQ,IAAIA,MAAM,UAAU,IAAIlC,cAAckC,MAAM,UAAU,KAAK,GAAG;IAC3F,MAAM2B,aAAa,CAACC;QAClB,MAAMd,OAAO,IAAIX,KAAKH;QACtBc,KAAK,QAAQ,CAACc,KAAK,IAAI,EAAEA,KAAK,MAAM,EAAE9D,cAAc8D,KAAK,MAAM,GAAG,GAAG;QACrE3B,SAASa;QACTH,aAAa;IACf;IACA,OACE,AADK,WAAP,GACE,qCAACkB,+BAAAA,SAASA,EAAAA;QACP,GAAG7C,KAAK;QACT,KAAKW;QACL,aAAaX,MAAM,WAAW,IAAIE,SAAS,cAAc,CAAC,WAAW;QACrE,cAAc;QACd,cAAcM,WAAWgC,MAAMhC,YAAY;QAC3C,WAAWA,WAAW6B,AAAAA,IAAAA,6BAAAA,WAAAA,AAAAA,EAAY7B,UAAU1B,eAAe;QAC3D,MAAM+B;QACN,cAAcC;QACd,WAAW;YACT,IAAIgB,OAAO,IAAIX,KAAKX,YAAY,IAAIW;YACpC,IAAIxC,WAAWmD,OAAOnD,SAASmD,OAAO,IAAIX,KAAKxC;YAC/C,IAAIC,WAAWkD,OAAOlD,SAASkD,OAAO,IAAIX,KAAKvC;YAC/CqC,SAASW,UAAUE;YACnBT,QAAQ;YACRI,iBAAiB;YACjBE,aAAa;QACf;QACA,SAAS,IAAMO,OAAO;QACtB,cAAc,CAACY;YACb,MAAMhB,OAAOiB,AAAAA,IAAAA,gCAAAA,eAAAA,AAAAA,EACXD,KAAK,IAAI,IACTpD,QACA,CAACoD,OACCE,AAAAA,IAAAA,+BAAAA,aAAAA,AAAAA,EAAcF,MAAM,YAAY;oBAAC5C,SAAS,UAAU,CAAC,EAAE;oBAAEA,SAAS,UAAU,CAAC,EAAE;iBAAC,GAClFP;YAEFgC,aAAasB,QAAQnB,QAAQC,SAASH,UAAUE;YAChD,IAAIA,MAAMb,SAASW,UAAUE;QAC/B;QACA,cAAc,CAACgB;YACb,IAAI,CAACA,MAAM;gBACTZ,OAAO;gBACP,OAAO;YACT;YACA,MAAMJ,OAAOiB,AAAAA,IAAAA,gCAAAA,eAAAA,AAAAA,EACXD,MACApD,QACA,CAACoD,OACCE,AAAAA,IAAAA,+BAAAA,aAAAA,AAAAA,EAAcF,MAAM,YAAY;oBAAC5C,SAAS,UAAU,CAAC,EAAE;oBAAEA,SAAS,UAAU,CAAC,EAAE;iBAAC,GAClFP;YAEF,IAAI,CAACmC,QAAQ,CAACC,SAASH,UAAUE,QAAQ,OAAO;YAChDI,OAAOJ;YACP,OAAO;QACT;QACA,gBAAe;QACf,aAAa,CAACoB,QACZ,AADYA,WAAAA,GACZ;;kCACE,qCAAC;wBAAI,KAAK5B;wBAAW,WAAU;kCAC5BF,AAAS,WAATA,OACC,AADiB,WAAT,GACR,qCAAC+B,6BAAAA,aAAaA,EAAAA;4BACZ,cAAc3D;4BACd,YAAYO;4BACZ,aAAaF;4BACb,iBAAiBC;4BACjB,OAAOkB;4BACP,QAAO;4BACP,WAAWQ;4BACX,SAAS7C;4BACT,SAASC;4BACT,aACE,AADF,cACE,qCAAC;gCACC,MAAK;gCACL,WAAU;gCACV,cAAYsB,SAAS,UAAU,CAAC,UAAU;gCAC1C,SAAS;oCACPuB,iBAAiB;oCACjBJ,QAAQ;gCACV;0CAECiB,UAAUtB;;4BAGf,UAAU,CAACa;gCACT,MAAMC,OAAO,IAAIX,KAAKU;gCACtB,MAAMe,OAAOX,MAAMjB;gCACnBc,KAAK,QAAQ,CAACc,KAAK,IAAI,EAAEA,KAAK,MAAM,EAAE9D,cAAc8D,KAAK,MAAM,GAAG,GAAG;gCACrE3B,SAASa;gCACTH,aAAa;4BACf;6BAGF,oDAAC;4BAAI,WAAU;;8CACb,sCAAC;oCAAI,WAAU;;sDACb,qCAAC;4CACC,MAAK;4CACL,WAAU;4CACV,cAAYzB,SAAS,UAAU,CAAC,UAAU;4CAC1C,SAAS;gDACPuB,iBAAiB;gDACjBJ,QAAQ;4CACV;sDAECoB,AAAAA,IAAAA,yBAAAA,OAAAA,AAAAA,EAAQzB;;sDAEX,qCAAC;sDAAMsB,UAAUtB;;;;8CAEnB,qCAACoC,+BAAAA,SAASA,EAAAA;oCACR,cAAc,CAACnB,QAAU,CAAC,CAACxC,eAAewC,OAAOjB;oCACjD,WAAS;oCACT,OAAOiB,MAAMjB;oCACb,UAAU2B;oCACV,aAAa7D;oCACb,YAAYD;oCACZ,YAAYE;oCACZ,YAAYC;;;;;oBAKnBY,SAAS,SACR,AADiB,WAAT,GACR,qCAAC;wBAAI,WAAU;kCACZA,QAAQ,GAAG,CAAC,CAACyD,SACZ,AADYA,WAAAA,GACZ,qCAACC,2BAAAA,aAAaA,EAAAA;gCAEZ,MAAK;gCACL,SAAQ;gCACR,SAAS;oCACP,MAAMzB,OACJ,AAAwB,cAAxB,OAAOwB,OAAO,KAAK,GAAkBA,OAAO,KAAK,KAAKA,OAAO,KAAK;oCACpE,IAAItB,SAASF,OAAO;wCAClBK,OAAOL;wCACPqB;oCACF;gCACF;0CAECG,OAAO,KAAK;+BAZRA,OAAO,GAAG,IAAIE,OAAOF,OAAO,KAAK;yBAgB1C;kCACJ,sCAAC;wBAAI,WAAU;;0CACb,sCAAC;gCAAI,WAAU;;oCACZpE,aACC,AADY,WAAbA,GACC,qCAACqE,2BAAAA,aAAaA,EAAAA;wCACZ,SAAQ;wCACR,MAAK;wCACL,UAAU,CAACvB,SAASW;wCACpB,SAAS;4CACPzB,SAASyB;4CACTf,aAAa;4CACbN,QAAQ;wCACV;kDAECnC,aAAagB,SAAS,QAAQ,CAAC,KAAK;;oCAG/B,WAATkB,QACC,AADkB,WAAV,GACR,qCAACkC,2BAAAA,aAAaA,EAAAA;wCACZ,SAAQ;wCACR,MAAK;wCACL,SAAS;4CACPrC,SAASW,UAAU,IAAIT;4CACvBQ,aAAa;wCACf;kDAECzB,SAAS,UAAU,CAAC,GAAG;;oCAG3Bf;;;0CAEH,qCAACmE,2BAAAA,aAAaA,EAAAA;gCACZ,MAAK;gCACL,UAAU,CAAC5B,aAAa,CAACK,SAASf;gCAClC,SAAS;oCACPkB,OAAOlB;oCACPkC;gCACF;0CAEChD,SAAS,MAAM,CAAC,OAAO;;;;;;;AAOtC;AAEF7B,8BAAe,WAAW,GAAG"}

package/dist/cjs/browser/modules/datetimepicker/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__, {
+    DateTimePicker: ()=>external_datetimepicker_cjs_namespaceObject.DateTimePicker
+});
+const external_datetimepicker_cjs_namespaceObject = require("./datetimepicker.cjs");
+exports.DateTimePicker = __webpack_exports__.DateTimePicker;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "DateTimePicker"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/browser/modules/datetimepicker/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetimepicker/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/browser/modules/density.cjs

@@ -0,0 +1,89 @@
+"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__);
+const densityTokens = {
+    comfortable: {
+        'control-height': 36,
+        spacing: 8,
+        'density-form-gap': 24,
+        'density-label-gap': 6,
+        'density-row-padding': 12,
+        'density-option-height': 32,
+        'density-option-padding': 6,
+        'density-field-padding': 10,
+        'density-dialog-block': 20,
+        'density-dialog-inline': 24,
+        'density-dialog-gap': 16
+    },
+    compact: {
+        'control-height': 30,
+        spacing: 6,
+        'density-form-gap': 16,
+        'density-label-gap': 4,
+        'density-row-padding': 8,
+        'density-option-height': 26,
+        'density-option-padding': 4,
+        'density-field-padding': 8,
+        'density-dialog-block': 16,
+        'density-dialog-inline': 20,
+        'density-dialog-gap': 12
+    }
+};
+function estimateControlHeight(theme, density) {
+    const height = theme.controlHeight;
+    if ('number' == typeof height && Number.isFinite(height)) return height;
+    if ('string' == typeof height && /^\d+(?:\.\d+)?(?:px)?$/.test(height.trim())) return Number.parseFloat(height);
+    return densityTokens[density]['control-height'];
+}
+function leafDensityVariables(density) {
+    return Object.fromEntries(Object.entries(densityTokens[density]).map(([key, value])=>[
+            `--leaf-${key}`,
+            'density-option-height' === key ? 'max(24px, calc(var(--leaf-control-height) - 4px))' : `${value}px`
+        ]));
+}
+__webpack_require__.d(__webpack_exports__, {
+    estimateControlHeight: ()=>estimateControlHeight,
+    leafDensityVariables: ()=>leafDensityVariables
+}, {
+    densityTokens: densityTokens
+});
+exports.densityTokens = __webpack_exports__.densityTokens;
+exports.estimateControlHeight = __webpack_exports__.estimateControlHeight;
+exports.leafDensityVariables = __webpack_exports__.leafDensityVariables;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "densityTokens",
+    "estimateControlHeight",
+    "leafDensityVariables"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=density.cjs.map

package/dist/cjs/browser/modules/density.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"density.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../src/density.ts"],"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 type { LeafTheme, LeafThemeStyle } from './theme';\n\nexport type LeafDensity = 'comfortable' | 'compact';\n\n/** Keep text readable; density reduces geometry and spacing, not font size. */\nexport const densityTokens = {\n  comfortable: {\n    'control-height': 36,\n    spacing: 8,\n    'density-form-gap': 24,\n    'density-label-gap': 6,\n    'density-row-padding': 12,\n    'density-option-height': 32,\n    'density-option-padding': 6,\n    'density-field-padding': 10,\n    'density-dialog-block': 20,\n    'density-dialog-inline': 24,\n    'density-dialog-gap': 16,\n  },\n  compact: {\n    'control-height': 30,\n    spacing: 6,\n    'density-form-gap': 16,\n    'density-label-gap': 4,\n    'density-row-padding': 8,\n    'density-option-height': 26,\n    'density-option-padding': 4,\n    'density-field-padding': 8,\n    'density-dialog-block': 16,\n    'density-dialog-inline': 20,\n    'density-dialog-gap': 12,\n  },\n};\n\n/** Seed virtual rows from the regional height; CSS lengths are measured after rendering. */\nexport function estimateControlHeight(theme: LeafTheme, density: LeafDensity): number {\n  const height = theme.controlHeight;\n  if (typeof height === 'number' && Number.isFinite(height)) return height;\n  if (typeof height === 'string' && /^\\d+(?:\\.\\d+)?(?:px)?$/.test(height.trim()))\n    return Number.parseFloat(height);\n  return densityTokens[density]['control-height'];\n}\n\nexport function leafDensityVariables(density: LeafDensity): LeafThemeStyle {\n  return Object.fromEntries(\n    Object.entries(densityTokens[density]).map(([key, value]) => [\n      `--leaf-${key}`,\n      key === 'density-option-height'\n        ? 'max(24px, calc(var(--leaf-control-height) - 4px))'\n        : `${value}px`,\n    ]),\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","densityTokens","estimateControlHeight","theme","density","height","Number","leafDensityVariables","value"],"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;;;;ACDO,MAAMI,gBAAgB;IAC3B,aAAa;QACX,kBAAkB;QAClB,SAAS;QACT,oBAAoB;QACpB,qBAAqB;QACrB,uBAAuB;QACvB,yBAAyB;QACzB,0BAA0B;QAC1B,yBAAyB;QACzB,wBAAwB;QACxB,yBAAyB;QACzB,sBAAsB;IACxB;IACA,SAAS;QACP,kBAAkB;QAClB,SAAS;QACT,oBAAoB;QACpB,qBAAqB;QACrB,uBAAuB;QACvB,yBAAyB;QACzB,0BAA0B;QAC1B,yBAAyB;QACzB,wBAAwB;QACxB,yBAAyB;QACzB,sBAAsB;IACxB;AACF;AAGO,SAASC,sBAAsBC,KAAgB,EAAEC,OAAoB;IAC1E,MAAMC,SAASF,MAAM,aAAa;IAClC,IAAI,AAAkB,YAAlB,OAAOE,UAAuBC,OAAO,QAAQ,CAACD,SAAS,OAAOA;IAClE,IAAI,AAAkB,YAAlB,OAAOA,UAAuB,yBAAyB,IAAI,CAACA,OAAO,IAAI,KACzE,OAAOC,OAAO,UAAU,CAACD;IAC3B,OAAOJ,aAAa,CAACG,QAAQ,CAAC,iBAAiB;AACjD;AAEO,SAASG,qBAAqBH,OAAoB;IACvD,OAAOP,OAAO,WAAW,CACvBA,OAAO,OAAO,CAACI,aAAa,CAACG,QAAQ,EAAE,GAAG,CAAC,CAAC,CAACR,KAAKY,MAAM,GAAK;YAC3D,CAAC,OAAO,EAAEZ,KAAK;YACP,4BAARA,MACI,sDACA,GAAGY,MAAM,EAAE,CAAC;SACjB;AAEL"}

package/dist/cjs/browser/modules/descriptions/descriptions.cjs

@@ -0,0 +1,104 @@
+"use client";
+"use strict";
+require('../../../styles/foundation.css');
+require('../../../styles/components/descriptions.css');
+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__, {
+    Descriptions: ()=>Descriptions
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
+const classes_cjs_namespaceObject = require("../shared/classes.cjs");
+function Descriptions(rawProps) {
+    const { items, title, extra, columns = {
+        xs: 1,
+        md: 2,
+        lg: 3
+    }, layout = 'horizontal', bordered = false, size = 'md', className, style, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)("Descriptions", rawProps);
+    const variables = {
+        ...style
+    };
+    if ('number' == typeof columns) variables["--leaf-descriptions-columns"] = Math.max(1, columns);
+    else {
+        let last = 1;
+        for (const point of [
+            'xs',
+            'sm',
+            'md',
+            'lg',
+            'xl'
+        ]){
+            last = columns[point] ?? last;
+            variables[`--leaf-descriptions-columns-${point}`] = Math.max(1, last);
+        }
+    }
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        ...props,
+        className: (0, classes_cjs_namespaceObject.classes)("leaf-descriptions", `leaf-descriptions--${layout}`, `leaf-descriptions--${size}`, bordered && "leaf-descriptions--bordered", className),
+        style: variables,
+        children: [
+            (title || extra) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "leaf-descriptions__header",
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h3", {
+                        children: title
+                    }),
+                    extra
+                ]
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("dl", {
+                className: "leaf-descriptions__list",
+                children: items.map((item)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                        className: "leaf-descriptions__item",
+                        style: {
+                            "--leaf-descriptions-span": Math.max(1, Math.trunc(item.span ?? 1))
+                        },
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("dt", {
+                                children: item.label
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("dd", {
+                                children: item.children
+                            })
+                        ]
+                    }, item.key))
+            })
+        ]
+    });
+}
+exports.Descriptions = __webpack_exports__.Descriptions;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Descriptions"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=descriptions.cjs.map

package/dist/cjs/browser/modules/descriptions/descriptions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"descriptions/descriptions.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/descriptions/descriptions.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 type { HTMLAttributes, ReactNode } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport type { GridBreakpoint } from '../grid/grid';\nimport { classes } from '../shared/classes';\nimport type { LeafThemeStyle } from '../theme';\nexport interface DescriptionItem {\n  key: string;\n  label: ReactNode;\n  children: ReactNode;\n  span?: number;\n}\nexport interface DescriptionsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  items: readonly DescriptionItem[];\n  title?: ReactNode;\n  extra?: ReactNode;\n  columns?: number | Partial<Record<GridBreakpoint, number>>;\n  layout?: 'horizontal' | 'vertical';\n  bordered?: boolean;\n  size?: 'sm' | 'md' | 'lg';\n}\nexport function Descriptions(rawProps: DescriptionsProps) {\n  const {\n    items,\n    title,\n    extra,\n    columns = { xs: 1, md: 2, lg: 3 },\n    layout = 'horizontal',\n    bordered = false,\n    size = 'md',\n    className,\n    style,\n    ...props\n  } = useComponentProps('Descriptions', rawProps);\n  const variables: LeafThemeStyle = { ...style };\n  if (typeof columns === 'number') variables['--leaf-descriptions-columns'] = Math.max(1, columns);\n  else {\n    let last = 1;\n    for (const point of ['xs', 'sm', 'md', 'lg', 'xl'] as const) {\n      last = columns[point] ?? last;\n      variables[`--leaf-descriptions-columns-${point}`] = Math.max(1, last);\n    }\n  }\n  return (\n    <div\n      {...props}\n      className={classes(\n        'leaf-descriptions',\n        `leaf-descriptions--${layout}`,\n        `leaf-descriptions--${size}`,\n        bordered && 'leaf-descriptions--bordered',\n        className,\n      )}\n      style={variables}\n    >\n      {(title || extra) && (\n        <div className=\"leaf-descriptions__header\">\n          <h3>{title}</h3>\n          {extra}\n        </div>\n      )}\n      <dl className=\"leaf-descriptions__list\">\n        {items.map((item) => (\n          <div\n            key={item.key}\n            className=\"leaf-descriptions__item\"\n            style={\n              {\n                '--leaf-descriptions-span': Math.max(1, Math.trunc(item.span ?? 1)),\n              } as LeafThemeStyle\n            }\n          >\n            <dt>{item.label}</dt>\n            <dd>{item.children}</dd>\n          </div>\n        ))}\n      </dl>\n    </div>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Descriptions","rawProps","items","title","extra","columns","layout","bordered","size","className","style","props","useComponentProps","variables","Math","last","point","classes","item"],"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;;;;;;;;;;ACcO,SAASI,aAAaC,QAA2B;IACtD,MAAM,EACJC,KAAK,EACLC,KAAK,EACLC,KAAK,EACLC,UAAU;QAAE,IAAI;QAAG,IAAI;QAAG,IAAI;IAAE,CAAC,EACjCC,SAAS,YAAY,EACrBC,WAAW,KAAK,EAChBC,OAAO,IAAI,EACXC,SAAS,EACTC,KAAK,EACL,GAAGC,OACJ,GAAGC,AAAAA,IAAAA,uCAAAA,iBAAAA,AAAAA,EAAkB,gBAAgBX;IACtC,MAAMY,YAA4B;QAAE,GAAGH,KAAK;IAAC;IAC7C,IAAI,AAAmB,YAAnB,OAAOL,SAAsBQ,SAAS,CAAC,8BAA8B,GAAGC,KAAK,GAAG,CAAC,GAAGT;SACnF;QACH,IAAIU,OAAO;QACX,KAAK,MAAMC,SAAS;YAAC;YAAM;YAAM;YAAM;YAAM;SAAK,CAAW;YAC3DD,OAAOV,OAAO,CAACW,MAAM,IAAID;YACzBF,SAAS,CAAC,CAAC,4BAA4B,EAAEG,OAAO,CAAC,GAAGF,KAAK,GAAG,CAAC,GAAGC;QAClE;IACF;IACA,OACE,AADK,WAAP,GACE,sCAAC;QACE,GAAGJ,KAAK;QACT,WAAWM,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EACT,qBACA,CAAC,mBAAmB,EAAEX,QAAQ,EAC9B,CAAC,mBAAmB,EAAEE,MAAM,EAC5BD,YAAY,+BACZE;QAEF,OAAOI;;YAELV,CAAAA,SAASC,KAAI,KACb,AADa,cACb,sCAAC;gBAAI,WAAU;;kCACb,qCAAC;kCAAID;;oBACJC;;;0BAGL,qCAAC;gBAAG,WAAU;0BACXF,MAAM,GAAG,CAAC,CAACgB,OACV,AADUA,WAAAA,GACV,sCAAC;wBAEC,WAAU;wBACV,OACE;4BACE,4BAA4BJ,KAAK,GAAG,CAAC,GAAGA,KAAK,KAAK,CAACI,KAAK,IAAI,IAAI;wBAClE;;0CAGF,qCAAC;0CAAIA,KAAK,KAAK;;0CACf,qCAAC;0CAAIA,KAAK,QAAQ;;;uBATbA,KAAK,GAAG;;;;AAezB"}

package/dist/cjs/browser/modules/descriptions/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__, {
+    Descriptions: ()=>external_descriptions_cjs_namespaceObject.Descriptions
+});
+const external_descriptions_cjs_namespaceObject = require("./descriptions.cjs");
+exports.Descriptions = __webpack_exports__.Descriptions;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Descriptions"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/browser/modules/descriptions/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"descriptions/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"}