@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/esm/datetimepicker/datetimepicker.js

@@ -0,0 +1,232 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useRef, useState } from "react";
+import { ButtonControl } from "../button/button.js";
+import { useComponentProps } from "../config-provider/component-defaults.js";
+import { useLeafConfig } from "../config-provider/context.js";
+import { useFormField } from "../form/form.js";
+import { CalendarPanel, dateTimeKey } from "../shared/calendar.js";
+import { dateKey } from "../shared/date.js";
+import { formatPickerDate, parsePickerDate } from "../shared/date-format.js";
+import { DateInput } from "../shared/date-input.js";
+import { useFieldValue, useMergedRef } from "../shared/field.js";
+import { usePopupState } from "../shared/floating.js";
+import { parseDateText } from "../shared/parse-date.js";
+import { useContentTransition } from "../shared/presence.js";
+import { displayTime } from "../shared/time.js";
+import { TimePanel } from "../timepicker/time-panel.js";
+const datetimepicker_DateTimePicker = /*#__PURE__*/ 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 } = useComponentProps('DateTimePicker', rawProps);
+    const { messages } = useLeafConfig();
+    const field = useFormField();
+    const trigger = useRef(null);
+    const [selected, setSelected] = useFieldValue(value, defaultValue, trigger, props.form);
+    const merged = useMergedRef(trigger, ref);
+    const [open, setOpen] = usePopupState(props.disabled || field?.disabled || props.readOnly, onOpenChange, controlledOpen, defaultOpen);
+    const [draft, setDraft] = useState(selected ?? new Date());
+    const [view, setView] = useState('date');
+    const panelView = useRef(null);
+    useContentTransition(panelView, `${open}:${view}`, 'time' === view ? 1 : -1);
+    const [focusCalendar, setFocusCalendar] = useState(false);
+    const [validText, setValidText] = 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 ? formatPickerDate(normalized, format, (date)=>dateTimeKey(date, showSeconds)) : '');
+    };
+    const parts = (date)=>({
+            hour: date.getHours(),
+            minute: date.getMinutes(),
+            second: date.getSeconds()
+        });
+    const timeLabel = (date)=>displayTime(parts(date), showSeconds, use12Hours, [
+            messages.timePicker.am,
+            messages.timePicker.pm
+        ]);
+    const label = (date)=>formatPickerDate(date, format, (date)=>`${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__*/ jsx(DateInput, {
+        ...props,
+        ref: merged,
+        placeholder: props.placeholder ?? messages.dateTimePicker.placeholder,
+        commitOnBlur: false,
+        displayValue: selected ? label(selected) : '',
+        formValue: selected ? 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 = parsePickerDate(text.trim(), format, (text)=>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 = parsePickerDate(text, format, (text)=>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__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        ref: panelView,
+                        className: "leaf-picker-view",
+                        children: 'date' === view ? /*#__PURE__*/ jsx(CalendarPanel, {
+                            disabledDate: disabledDate,
+                            cellRender: cellRender,
+                            visibleDate: panelValue,
+                            onVisibleChange: onPanelChange,
+                            value: draft,
+                            picker: "datetime",
+                            autoFocus: focusCalendar,
+                            minDate: minDate,
+                            maxDate: maxDate,
+                            headerExtra: /*#__PURE__*/ 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__*/ jsxs("div", {
+                            className: "leaf-picker-time-view",
+                            children: [
+                                /*#__PURE__*/ jsxs("div", {
+                                    className: "leaf-picker-time-view__header",
+                                    children: [
+                                        /*#__PURE__*/ jsx("button", {
+                                            type: "button",
+                                            className: "leaf-picker-time-toggle",
+                                            "aria-label": messages.datePicker.selectDate,
+                                            onClick: ()=>{
+                                                setFocusCalendar(true);
+                                                setView('date');
+                                            },
+                                            children: dateKey(draft)
+                                        }),
+                                        /*#__PURE__*/ jsx("span", {
+                                            children: timeLabel(draft)
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsx(TimePanel, {
+                                    disabledTime: (parts)=>!!disabledTime?.(parts, draft),
+                                    autoFocus: true,
+                                    value: parts(draft),
+                                    onChange: updateTime,
+                                    showSeconds: showSeconds,
+                                    use12Hours: use12Hours,
+                                    minuteStep: minuteStep,
+                                    secondStep: secondStep
+                                })
+                            ]
+                        })
+                    }),
+                    presets?.length ? /*#__PURE__*/ jsx("div", {
+                        className: "leaf-picker-presets",
+                        children: presets.map((preset)=>/*#__PURE__*/ jsx(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__*/ jsxs("div", {
+                        className: "leaf-picker-footer",
+                        children: [
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "leaf-picker-footer__extra",
+                                children: [
+                                    showToday && /*#__PURE__*/ jsx(ButtonControl, {
+                                        variant: "ghost",
+                                        size: "sm",
+                                        disabled: !inBounds(today),
+                                        onClick: ()=>{
+                                            setDraft(today);
+                                            setValidText(true);
+                                            setView('date');
+                                        },
+                                        children: todayText ?? messages.calendar.today
+                                    }),
+                                    'time' === view && /*#__PURE__*/ jsx(ButtonControl, {
+                                        variant: "ghost",
+                                        size: "sm",
+                                        onClick: ()=>{
+                                            setDraft(normalize(new Date()));
+                                            setValidText(true);
+                                        },
+                                        children: messages.timePicker.now
+                                    }),
+                                    renderExtraFooter
+                                ]
+                            }),
+                            /*#__PURE__*/ jsx(ButtonControl, {
+                                size: "sm",
+                                disabled: !validText || !inBounds(draft),
+                                onClick: ()=>{
+                                    change(draft);
+                                    close();
+                                },
+                                children: messages.common.confirm
+                            })
+                        ]
+                    })
+                ]
+            })
+    });
+});
+datetimepicker_DateTimePicker.displayName = 'DateTimePicker';
+export { datetimepicker_DateTimePicker as DateTimePicker };
+
+//# sourceMappingURL=datetimepicker.js.map

package/dist/esm/datetimepicker/datetimepicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetimepicker/datetimepicker.js","sources":["../../../src/datetimepicker/datetimepicker.tsx"],"sourcesContent":["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":["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":"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"}

package/dist/esm/datetimepicker/index.d.ts

@@ -0,0 +1,3 @@
+export type { DateTimePickerProps } from './datetimepicker.js';
+export { DateTimePicker } from './datetimepicker.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/datetimepicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/datetimepicker/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/esm/datetimepicker/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { DateTimePicker } from "./datetimepicker.js";

package/dist/esm/density.d.ts

@@ -0,0 +1,35 @@
+import type { LeafTheme, LeafThemeStyle } from './theme.js';
+export type LeafDensity = 'comfortable' | 'compact';
+/** Keep text readable; density reduces geometry and spacing, not font size. */
+export declare const densityTokens: {
+    comfortable: {
+        'control-height': number;
+        spacing: number;
+        'density-form-gap': number;
+        'density-label-gap': number;
+        'density-row-padding': number;
+        'density-option-height': number;
+        'density-option-padding': number;
+        'density-field-padding': number;
+        'density-dialog-block': number;
+        'density-dialog-inline': number;
+        'density-dialog-gap': number;
+    };
+    compact: {
+        'control-height': number;
+        spacing: number;
+        'density-form-gap': number;
+        'density-label-gap': number;
+        'density-row-padding': number;
+        'density-option-height': number;
+        'density-option-padding': number;
+        'density-field-padding': number;
+        'density-dialog-block': number;
+        'density-dialog-inline': number;
+        'density-dialog-gap': number;
+    };
+};
+/** Seed virtual rows from the regional height; CSS lengths are measured after rendering. */
+export declare function estimateControlHeight(theme: LeafTheme, density: LeafDensity): number;
+export declare function leafDensityVariables(density: LeafDensity): LeafThemeStyle;
+//# sourceMappingURL=density.d.ts.map

package/dist/esm/density.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"density.d.ts","sourceRoot":"","sources":["../../src/density.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzD,MAAM,MAAM,WAAW,GAAG,aAAa,GAAG,SAAS,CAAC;AAEpD,+EAA+E;AAC/E,eAAO,MAAM,aAAa;IACxB,WAAW;QACT,gBAAgB;QAChB,OAAO;QACP,kBAAkB;QAClB,mBAAmB;QACnB,qBAAqB;QACrB,uBAAuB;QACvB,wBAAwB;QACxB,uBAAuB;QACvB,sBAAsB;QACtB,uBAAuB;QACvB,oBAAoB;;IAEtB,OAAO;QACL,gBAAgB;QAChB,OAAO;QACP,kBAAkB;QAClB,mBAAmB;QACnB,qBAAqB;QACrB,uBAAuB;QACvB,wBAAwB;QACxB,uBAAuB;QACvB,sBAAsB;QACtB,uBAAuB;QACvB,oBAAoB;;CAEvB,CAAC;AAEF,4FAA4F;AAC5F,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,GAAG,MAAM,CAMpF;AAED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,WAAW,GAAG,cAAc,CASzE"}

package/dist/esm/density.js

@@ -0,0 +1,44 @@
+"use client";
+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`
+        ]));
+}
+export { densityTokens, estimateControlHeight, leafDensityVariables };
+
+//# sourceMappingURL=density.js.map

package/dist/esm/density.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"density.js","sources":["../../src/density.ts"],"sourcesContent":["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":["densityTokens","estimateControlHeight","theme","density","height","Number","leafDensityVariables","Object","key","value"],"mappings":";AAKO,MAAMA,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,OAAOI,OAAO,WAAW,CACvBA,OAAO,OAAO,CAACP,aAAa,CAACG,QAAQ,EAAE,GAAG,CAAC,CAAC,CAACK,KAAKC,MAAM,GAAK;YAC3D,CAAC,OAAO,EAAED,KAAK;YACP,4BAARA,MACI,sDACA,GAAGC,MAAM,EAAE,CAAC;SACjB;AAEL"}

package/dist/esm/descriptions/descriptions.d.ts

@@ -0,0 +1,19 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import type { GridBreakpoint } from '../grid/grid.js';
+export interface DescriptionItem {
+    key: string;
+    label: ReactNode;
+    children: ReactNode;
+    span?: number;
+}
+export interface DescriptionsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    items: readonly DescriptionItem[];
+    title?: ReactNode;
+    extra?: ReactNode;
+    columns?: number | Partial<Record<GridBreakpoint, number>>;
+    layout?: 'horizontal' | 'vertical';
+    bordered?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+}
+export declare function Descriptions(rawProps: DescriptionsProps): import("react").JSX.Element;
+//# sourceMappingURL=descriptions.d.ts.map

package/dist/esm/descriptions/descriptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"descriptions.d.ts","sourceRoot":"","sources":["../../../src/descriptions/descriptions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAGnD,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AACD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACtF,KAAK,EAAE,SAAS,eAAe,EAAE,CAAC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC;IAC3D,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AACD,wBAAgB,YAAY,CAAC,QAAQ,EAAE,iBAAiB,+BA0DvD"}

package/dist/esm/descriptions/descriptions.js

@@ -0,0 +1,64 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useComponentProps } from "../config-provider/component-defaults.js";
+import { classes } from "../shared/classes.js";
+function Descriptions(rawProps) {
+    const { items, title, extra, columns = {
+        xs: 1,
+        md: 2,
+        lg: 3
+    }, layout = 'horizontal', bordered = false, size = 'md', className, style, ...props } = 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__*/ jsxs("div", {
+        ...props,
+        className: classes("leaf-descriptions", `leaf-descriptions--${layout}`, `leaf-descriptions--${size}`, bordered && "leaf-descriptions--bordered", className),
+        style: variables,
+        children: [
+            (title || extra) && /*#__PURE__*/ jsxs("div", {
+                className: "leaf-descriptions__header",
+                children: [
+                    /*#__PURE__*/ jsx("h3", {
+                        children: title
+                    }),
+                    extra
+                ]
+            }),
+            /*#__PURE__*/ jsx("dl", {
+                className: "leaf-descriptions__list",
+                children: items.map((item)=>/*#__PURE__*/ jsxs("div", {
+                        className: "leaf-descriptions__item",
+                        style: {
+                            "--leaf-descriptions-span": Math.max(1, Math.trunc(item.span ?? 1))
+                        },
+                        children: [
+                            /*#__PURE__*/ jsx("dt", {
+                                children: item.label
+                            }),
+                            /*#__PURE__*/ jsx("dd", {
+                                children: item.children
+                            })
+                        ]
+                    }, item.key))
+            })
+        ]
+    });
+}
+export { Descriptions };
+
+//# sourceMappingURL=descriptions.js.map

package/dist/esm/descriptions/descriptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"descriptions/descriptions.js","sources":["../../../src/descriptions/descriptions.tsx"],"sourcesContent":["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":["Descriptions","rawProps","items","title","extra","columns","layout","bordered","size","className","style","props","useComponentProps","variables","Math","last","point","classes","item"],"mappings":";;;;AAoBO,SAASA,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,kBAAkB,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,OAAO,WAAP,GACE,KAAC;QACE,GAAGJ,KAAK;QACT,WAAWM,QACT,qBACA,CAAC,mBAAmB,EAAEX,QAAQ,EAC9B,CAAC,mBAAmB,EAAEE,MAAM,EAC5BD,YAAY,+BACZE;QAEF,OAAOI;;YAELV,CAAAA,SAASC,KAAI,mBACb,KAAC;gBAAI,WAAU;;kCACb,IAAC;kCAAID;;oBACJC;;;0BAGL,IAAC;gBAAG,WAAU;0BACXF,MAAM,GAAG,CAAC,CAACgB,OAAAA,WAAAA,GACV,KAAC;wBAEC,WAAU;wBACV,OACE;4BACE,4BAA4BJ,KAAK,GAAG,CAAC,GAAGA,KAAK,KAAK,CAACI,KAAK,IAAI,IAAI;wBAClE;;0CAGF,IAAC;0CAAIA,KAAK,KAAK;;0CACf,IAAC;0CAAIA,KAAK,QAAQ;;;uBATbA,KAAK,GAAG;;;;AAezB"}

package/dist/esm/descriptions/index.d.ts

@@ -0,0 +1,3 @@
+export type { DescriptionItem, DescriptionsProps } from './descriptions.js';
+export { Descriptions } from './descriptions.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/descriptions/index.d.ts.map

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

package/dist/esm/descriptions/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { Descriptions } from "./descriptions.js";

package/dist/esm/divider/divider.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLAttributes } from 'react';
+export interface DividerProps extends HTMLAttributes<HTMLDivElement> {
+    type?: 'horizontal' | 'vertical';
+    align?: 'start' | 'center' | 'end';
+    dashed?: boolean;
+}
+export declare function Divider(rawProps: DividerProps): import("react").JSX.Element;
+//# sourceMappingURL=divider.d.ts.map

package/dist/esm/divider/divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/divider/divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACjC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD,wBAAgB,OAAO,CAAC,QAAQ,EAAE,YAAY,+BA8B7C"}

package/dist/esm/divider/divider.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useComponentProps } from "../config-provider/component-defaults.js";
+import { classes } from "../shared/classes.js";
+function Divider(rawProps) {
+    const { type = 'horizontal', align = 'center', dashed = false, children, className, ...props } = useComponentProps('Divider', rawProps);
+    return /*#__PURE__*/ jsx("div", {
+        ...props,
+        role: "separator",
+        "aria-orientation": type,
+        "aria-label": props['aria-label'] ?? ('string' == typeof children ? children : void 0),
+        className: classes('leaf-divider', `leaf-divider--${type}`, `leaf-divider--${align}`, dashed && 'leaf-divider--dashed', null != children && 'leaf-divider--text', className),
+        children: 'horizontal' === type && null != children && /*#__PURE__*/ jsx("span", {
+            className: "leaf-divider__text",
+            children: children
+        })
+    });
+}
+export { Divider };
+
+//# sourceMappingURL=divider.js.map

package/dist/esm/divider/divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider/divider.js","sources":["../../../src/divider/divider.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { classes } from '../shared/classes';\n\nexport interface DividerProps extends HTMLAttributes<HTMLDivElement> {\n  type?: 'horizontal' | 'vertical';\n  align?: 'start' | 'center' | 'end';\n  dashed?: boolean;\n}\nexport function Divider(rawProps: DividerProps) {\n  const {\n    type = 'horizontal',\n    align = 'center',\n    dashed = false,\n    children,\n    className,\n    ...props\n  } = useComponentProps('Divider', rawProps);\n  return (\n    // biome-ignore lint/a11y/useSemanticElements: A labelled divider needs text children, which hr cannot contain.\n    <div\n      {...props}\n      role=\"separator\"\n      aria-orientation={type}\n      aria-label={props['aria-label'] ?? (typeof children === 'string' ? children : undefined)}\n      className={classes(\n        'leaf-divider',\n        `leaf-divider--${type}`,\n        `leaf-divider--${align}`,\n        dashed && 'leaf-divider--dashed',\n        children != null && 'leaf-divider--text',\n        className,\n      )}\n    >\n      {type === 'horizontal' && children != null && (\n        <span className=\"leaf-divider__text\">{children}</span>\n      )}\n    </div>\n  );\n}\n"],"names":["Divider","rawProps","type","align","dashed","children","className","props","useComponentProps","undefined","classes"],"mappings":";;;;AASO,SAASA,QAAQC,QAAsB;IAC5C,MAAM,EACJC,OAAO,YAAY,EACnBC,QAAQ,QAAQ,EAChBC,SAAS,KAAK,EACdC,QAAQ,EACRC,SAAS,EACT,GAAGC,OACJ,GAAGC,kBAAkB,WAAWP;IACjC,qBAEE,IAAC;QACE,GAAGM,KAAK;QACT,MAAK;QACL,oBAAkBL;QAClB,cAAYK,KAAK,CAAC,aAAa,IAAK,CAAoB,YAApB,OAAOF,WAAwBA,WAAWI,MAAQ;QACtF,WAAWC,QACT,gBACA,CAAC,cAAc,EAAER,MAAM,EACvB,CAAC,cAAc,EAAEC,OAAO,EACxBC,UAAU,wBACVC,AAAY,QAAZA,YAAoB,sBACpBC;kBAGDJ,AAAS,iBAATA,QAAyBG,AAAY,QAAZA,YAAoB,WAAR,GACpC,IAAC;YAAK,WAAU;sBAAsBA;;;AAI9C"}

package/dist/esm/divider/index.d.ts

@@ -0,0 +1,3 @@
+export type { DividerProps } from './divider.js';
+export { Divider } from './divider.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/divider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/divider/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/esm/divider/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { Divider } from "./divider.js";

package/dist/esm/drawer/drawer.d.ts

@@ -0,0 +1,30 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+import { type DialogFocusOptions } from '../shared/dialog.js';
+export interface DrawerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'onResize'>, DialogFocusOptions {
+    open: boolean;
+    title?: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
+    divided?: boolean;
+    footer?: ReactNode;
+    extra?: ReactNode;
+    placement?: 'left' | 'right' | 'top' | 'bottom';
+    width?: number | string;
+    height?: number | string;
+    closable?: boolean;
+    maskClosable?: boolean;
+    keyboard?: boolean;
+    onClose?: () => void;
+    afterClose?: () => void;
+    forceRender?: boolean;
+    destroyOnClose?: boolean;
+    preserve?: boolean;
+    container?: Element | DocumentFragment | (() => Element | DocumentFragment);
+    push?: boolean | number;
+    resizable?: boolean;
+    minSize?: number;
+    maxSize?: number;
+    onResize?: (size: number) => void;
+}
+export declare function Drawer(rawProps: DrawerProps): import("react").JSX.Element;
+//# sourceMappingURL=drawer.d.ts.map

package/dist/esm/drawer/drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/drawer/drawer.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,KAAK,kBAAkB,EAAa,MAAM,kBAAkB,CAAC;AAMtE,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,EAChE,kBAAkB;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IAChD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,GAAG,gBAAgB,GAAG,CAAC,MAAM,OAAO,GAAG,gBAAgB,CAAC,CAAC;IAC5E,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AA0OD,wBAAgB,MAAM,CAAC,QAAQ,EAAE,WAAW,+BAO3C"}