@lobehub/ui 5.64.0 → 5.64.2

package/es/EmojiPicker/EmojiPicker.mjs

@@ -18,8 +18,8 @@ import { SmileIcon, TrashIcon, UploadIcon } from "lucide-react";
 import chroma from "chroma-js";
 import data from "@emoji-mart/data";
 import Picker from "@emoji-mart/react";
-import { getLobeIconCDN } from "@lobehub/icons/es/features/getLobeIconCDN/index.js";
-import { toc } from "@lobehub/icons/es/toc.js";
+import { getLobeIconCDN } from "@lobehub/icons/es/features/getLobeIconCDN";
+import { toc } from "@lobehub/icons/es/toc";
 import useSWR from "swr";
 //#region src/EmojiPicker/EmojiPicker.tsx
 const DEFAULT_AVATAR = "🤖";

package/es/base-ui/DatePicker/DatePicker.d.mts

@@ -1,9 +1,11 @@
 import { DatePickerType } from "./type.mjs";
 //#region src/base-ui/DatePicker/DatePicker.d.ts
 /**
- * DatePicker over Dayjs, with antd's statics: `DatePicker.RangePicker`, `WeekPicker`,
- * `MonthPicker`, `YearPicker`, `QuarterPicker`, `TimePicker`, the debug-only pure panels
- * and `generatePicker`.
+ * DatePicker over native `Date` — the previous lobe DatePicker API: values, `onChange`
+ * and `disabledDate` use `Date`, a cleared range is `[null, null]`; inputs may also be
+ * `Dayjs`, date strings or timestamps. Statics as in antd: `DatePicker.RangePicker`,
+ * `WeekPicker`, `MonthPicker`, `YearPicker`, `QuarterPicker`, `TimePicker`, the pure panels
+ * and `generatePicker`. For the antd `Dayjs` API use `DayjsDatePicker`.
  */
 declare const DatePicker: DatePickerType;
 //#endregion

package/es/base-ui/DatePicker/DatePicker.mjs

@@ -1,14 +1,16 @@
 "use client";
-import generateConfig from "./generateConfig.mjs";
+import dateGenerateConfig from "./dateGenerateConfig.mjs";
 import generatePicker from "./generatePicker.mjs";
 import genPurePanel from "./PurePanel.mjs";
 //#region src/base-ui/DatePicker/DatePicker.tsx
 /**
-* DatePicker over Dayjs, with antd's statics: `DatePicker.RangePicker`, `WeekPicker`,
-* `MonthPicker`, `YearPicker`, `QuarterPicker`, `TimePicker`, the debug-only pure panels
-* and `generatePicker`.
+* DatePicker over native `Date` — the previous lobe DatePicker API: values, `onChange`
+* and `disabledDate` use `Date`, a cleared range is `[null, null]`; inputs may also be
+* `Dayjs`, date strings or timestamps. Statics as in antd: `DatePicker.RangePicker`,
+* `WeekPicker`, `MonthPicker`, `YearPicker`, `QuarterPicker`, `TimePicker`, the pure panels
+* and `generatePicker`. For the antd `Dayjs` API use `DayjsDatePicker`.
 */
-const DatePicker = generatePicker(generateConfig);
+const DatePicker = generatePicker(dateGenerateConfig);
 DatePicker._InternalPanelDoNotUseOrYouWillBeFired = genPurePanel(DatePicker);
 DatePicker._InternalRangePanelDoNotUseOrYouWillBeFired = genPurePanel(DatePicker.RangePicker);
 DatePicker.generatePicker = generatePicker;

package/es/base-ui/DatePicker/DatePicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.mjs","names":["dayjsGenerateConfig"],"sources":["../../../src/base-ui/DatePicker/DatePicker.tsx"],"sourcesContent":["'use client';\n\nimport dayjsGenerateConfig from './generateConfig';\nimport generatePicker from './generatePicker';\nimport genPurePanel from './PurePanel';\nimport type { DatePickerType } from './type';\n\n/**\n * DatePicker over Dayjs, with antd's statics: `DatePicker.RangePicker`, `WeekPicker`,\n * `MonthPicker`, `YearPicker`, `QuarterPicker`, `TimePicker`, the debug-only pure panels\n * and `generatePicker`.\n */\nconst DatePicker = generatePicker(dayjsGenerateConfig) as DatePickerType;\n\nDatePicker._InternalPanelDoNotUseOrYouWillBeFired = genPurePanel(DatePicker);\nDatePicker._InternalRangePanelDoNotUseOrYouWillBeFired = genPurePanel(DatePicker.RangePicker);\nDatePicker.generatePicker = generatePicker;\n\nexport default DatePicker;\n"],"mappings":";;;;;;;;;;AAYA,MAAM,aAAa,eAAeA,cAAmB;AAErD,WAAW,yCAAyC,aAAa,UAAU;AAC3E,WAAW,8CAA8C,aAAa,WAAW,WAAW;AAC5F,WAAW,iBAAiB"}
+{"version":3,"file":"DatePicker.mjs","names":[],"sources":["../../../src/base-ui/DatePicker/DatePicker.tsx"],"sourcesContent":["'use client';\n\nimport dateGenerateConfig from './dateGenerateConfig';\nimport generatePicker from './generatePicker';\nimport genPurePanel from './PurePanel';\nimport type { DatePickerType } from './type';\n\n/**\n * DatePicker over native `Date` — the previous lobe DatePicker API: values, `onChange`\n * and `disabledDate` use `Date`, a cleared range is `[null, null]`; inputs may also be\n * `Dayjs`, date strings or timestamps. Statics as in antd: `DatePicker.RangePicker`,\n * `WeekPicker`, `MonthPicker`, `YearPicker`, `QuarterPicker`, `TimePicker`, the pure panels\n * and `generatePicker`. For the antd `Dayjs` API use `DayjsDatePicker`.\n */\nconst DatePicker = generatePicker(dateGenerateConfig) as DatePickerType;\n\nDatePicker._InternalPanelDoNotUseOrYouWillBeFired = genPurePanel(DatePicker);\nDatePicker._InternalRangePanelDoNotUseOrYouWillBeFired = genPurePanel(DatePicker.RangePicker);\nDatePicker.generatePicker = generatePicker;\n\nexport default DatePicker;\n"],"mappings":";;;;;;;;;;;;AAcA,MAAM,aAAa,eAAe,kBAAkB;AAEpD,WAAW,yCAAyC,aAAa,UAAU;AAC3E,WAAW,8CAA8C,aAAa,WAAW,WAAW;AAC5F,WAAW,iBAAiB"}

package/es/base-ui/DatePicker/DateRangePicker.d.mts

@@ -1,7 +1,7 @@
 import { RangePickerComponent } from "./type.mjs";
 //#region src/base-ui/DatePicker/DateRangePicker.d.ts
 /** `DatePicker.RangePicker`, kept as a standalone export. */
-declare const DateRangePicker: RangePickerComponent<import("dayjs").Dayjs>;
+declare const DateRangePicker: RangePickerComponent<Date>;
 //#endregion
 export { DateRangePicker as default };
 //# sourceMappingURL=DateRangePicker.d.mts.map

package/es/base-ui/DatePicker/DayjsDatePicker.d.mts

@@ -0,0 +1,12 @@
+import { DayjsDatePickerType } from "./type.mjs";
+//#region src/base-ui/DatePicker/DayjsDatePicker.d.ts
+/**
+ * antd-aligned DatePicker over `Dayjs` (values, callbacks and `disabledDate` are `Dayjs`),
+ * with antd's statics: `RangePicker`, `WeekPicker`, `MonthPicker`, `YearPicker`,
+ * `QuarterPicker`, `TimePicker`, the debug-only pure panels and `generatePicker`.
+ * The default `DatePicker` export works with native `Date` (the previous lobe API).
+ */
+declare const DayjsDatePicker: DayjsDatePickerType;
+//#endregion
+export { DayjsDatePicker as default };
+//# sourceMappingURL=DayjsDatePicker.d.mts.map

package/es/base-ui/DatePicker/DayjsDatePicker.mjs

@@ -0,0 +1,19 @@
+"use client";
+import generateConfig from "./generateConfig.mjs";
+import generatePicker from "./generatePicker.mjs";
+import genPurePanel from "./PurePanel.mjs";
+//#region src/base-ui/DatePicker/DayjsDatePicker.tsx
+/**
+* antd-aligned DatePicker over `Dayjs` (values, callbacks and `disabledDate` are `Dayjs`),
+* with antd's statics: `RangePicker`, `WeekPicker`, `MonthPicker`, `YearPicker`,
+* `QuarterPicker`, `TimePicker`, the debug-only pure panels and `generatePicker`.
+* The default `DatePicker` export works with native `Date` (the previous lobe API).
+*/
+const DayjsDatePicker = generatePicker(generateConfig);
+DayjsDatePicker._InternalPanelDoNotUseOrYouWillBeFired = genPurePanel(DayjsDatePicker);
+DayjsDatePicker._InternalRangePanelDoNotUseOrYouWillBeFired = genPurePanel(DayjsDatePicker.RangePicker);
+DayjsDatePicker.generatePicker = generatePicker;
+//#endregion
+export { DayjsDatePicker as default };
+
+//# sourceMappingURL=DayjsDatePicker.mjs.map

package/es/base-ui/DatePicker/DayjsDatePicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayjsDatePicker.mjs","names":["dayjsGenerateConfig"],"sources":["../../../src/base-ui/DatePicker/DayjsDatePicker.tsx"],"sourcesContent":["'use client';\n\nimport dayjsGenerateConfig from './generateConfig';\nimport generatePicker from './generatePicker';\nimport genPurePanel from './PurePanel';\nimport type { DayjsDatePickerType } from './type';\n\n/**\n * antd-aligned DatePicker over `Dayjs` (values, callbacks and `disabledDate` are `Dayjs`),\n * with antd's statics: `RangePicker`, `WeekPicker`, `MonthPicker`, `YearPicker`,\n * `QuarterPicker`, `TimePicker`, the debug-only pure panels and `generatePicker`.\n * The default `DatePicker` export works with native `Date` (the previous lobe API).\n */\nconst DayjsDatePicker = generatePicker(dayjsGenerateConfig) as DayjsDatePickerType;\n\nDayjsDatePicker._InternalPanelDoNotUseOrYouWillBeFired = genPurePanel(DayjsDatePicker);\nDayjsDatePicker._InternalRangePanelDoNotUseOrYouWillBeFired = genPurePanel(\n  DayjsDatePicker.RangePicker,\n);\nDayjsDatePicker.generatePicker = generatePicker;\n\nexport default DayjsDatePicker;\n"],"mappings":";;;;;;;;;;;AAaA,MAAM,kBAAkB,eAAeA,cAAmB;AAE1D,gBAAgB,yCAAyC,aAAa,eAAe;AACrF,gBAAgB,8CAA8C,aAC5D,gBAAgB,WAClB;AACA,gBAAgB,iBAAiB"}

package/es/base-ui/DatePicker/DayjsDateRangePicker.d.mts

@@ -0,0 +1,7 @@
+import { RangePickerComponent } from "./type.mjs";
+//#region src/base-ui/DatePicker/DayjsDateRangePicker.d.ts
+/** `DayjsDatePicker.RangePicker` (values are `Dayjs`), kept as a standalone export. */
+declare const DayjsDateRangePicker: RangePickerComponent<import("dayjs").Dayjs>;
+//#endregion
+export { DayjsDateRangePicker as default };
+//# sourceMappingURL=DayjsDateRangePicker.d.mts.map

package/es/base-ui/DatePicker/DayjsDateRangePicker.mjs

@@ -0,0 +1,8 @@
+import DayjsDatePicker from "./DayjsDatePicker.mjs";
+//#region src/base-ui/DatePicker/DayjsDateRangePicker.tsx
+/** `DayjsDatePicker.RangePicker` (values are `Dayjs`), kept as a standalone export. */
+const DayjsDateRangePicker = DayjsDatePicker.RangePicker;
+//#endregion
+export { DayjsDateRangePicker as default };
+
+//# sourceMappingURL=DayjsDateRangePicker.mjs.map

package/es/base-ui/DatePicker/DayjsDateRangePicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayjsDateRangePicker.mjs","names":[],"sources":["../../../src/base-ui/DatePicker/DayjsDateRangePicker.tsx"],"sourcesContent":["import DayjsDatePicker from './DayjsDatePicker';\n\n/** `DayjsDatePicker.RangePicker` (values are `Dayjs`), kept as a standalone export. */\nconst DayjsDateRangePicker = DayjsDatePicker.RangePicker;\n\nexport default DayjsDateRangePicker;\n"],"mappings":";;;AAGA,MAAM,uBAAuB,gBAAgB"}

package/es/base-ui/DatePicker/RangePicker.mjs

@@ -1,6 +1,7 @@
 "use client";
 import Icon from "../../Icon/Icon.mjs";
 import { cx } from "../../utils/styleEngine.mjs";
+import { isNativeDateConfig, normalizeLegacyDateProps } from "./legacyDate.mjs";
 import { usePickerLocale } from "./locale.mjs";
 import { usePanelKeyboard } from "./usePanelKeyboard.mjs";
 import { usePickerShared } from "./usePickerShared.mjs";
@@ -11,7 +12,12 @@ import { RangePicker } from "@rc-component/picker";
 //#region src/base-ui/DatePicker/RangePicker.tsx
 /** antd `generateRangePicker`: `DatePicker.RangePicker` over `generateConfig`'s date type. */
 const generateRangePicker = (generateConfig) => {
-	const RangePicker$1 = (props) => {
+	const RangePicker$1 = (rawProps) => {
+		const normalized = normalizeLegacyDateProps(rawProps, generateConfig);
+		const props = isNativeDateConfig(generateConfig) && normalized.onChange ? {
+			...normalized,
+			onChange: (dates, dateStrings) => normalized.onChange(dates ?? [null, null], dateStrings ?? ["", ""])
+		} : normalized;
 		const { allowClear, allowEmpty, bordered, cellRender, changeOnBlur, className, clearIcon, classNames, components, dateRender, defaultOpen, defaultPickerValue, defaultValue, dropdownClassName, direction, disabled, disabledDate, footer, getPopupContainer, id, locale: localeOverride, max, maxDate, min, minDate, mode, monthCellRender, needConfirm, nextIcon, onBlur, onKeyDown, onCalendarChange, onChange, onFocus, onOk, onOpenChange, onPanelChange, onPickerValueChange, open, order, picker = "date", pickerValue, placeholder, popupClassName, popupStyle, prevIcon, renderExtraFooter, rootClassName, separator, shadow, size, status, styles, suffixIcon, superNextIcon, superPrevIcon, transitionName, value, variant, ...rest } = props;
 		const { locale, rangePlaceholder } = usePickerLocale(localeOverride);
 		const keyboard = usePanelKeyboard({

package/es/base-ui/DatePicker/RangePicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RangePicker.mjs","names":["RangePicker","RcRangePicker"],"sources":["../../../src/base-ui/DatePicker/RangePicker.tsx"],"sourcesContent":["'use client';\n\nimport { RangePicker as RcRangePicker } from '@rc-component/picker';\nimport type { GenerateConfig } from '@rc-component/picker/generate';\nimport { ArrowRight } from 'lucide-react';\n\nimport Icon from '@/Icon';\nimport { cx } from '@/utils/styleEngine';\n\nimport { usePickerLocale } from './locale';\nimport type { DateRangePickerProps, RangePickerComponent } from './type';\nimport { usePanelKeyboard } from './usePanelKeyboard';\nimport { usePickerShared } from './usePickerShared';\nimport { usePresetActive } from './usePresetActive';\n\n/** antd `generateRangePicker`: `DatePicker.RangePicker` over `generateConfig`'s date type. */\nconst generateRangePicker = <DateType extends object>(generateConfig: GenerateConfig<DateType>) => {\n  const RangePicker = (props: DateRangePickerProps<DateType>) => {\n    const {\n      allowClear,\n      allowEmpty,\n      bordered,\n      cellRender,\n      changeOnBlur,\n      className,\n      clearIcon,\n      classNames,\n      components,\n      dateRender,\n      defaultOpen,\n      defaultPickerValue,\n      defaultValue,\n      dropdownClassName,\n      direction,\n      disabled,\n      disabledDate,\n      footer,\n      getPopupContainer,\n      id,\n      locale: localeOverride,\n      max,\n      maxDate,\n      min,\n      minDate,\n      mode,\n      monthCellRender,\n      needConfirm,\n      nextIcon,\n      onBlur,\n      onKeyDown,\n      onCalendarChange,\n      onChange,\n      onFocus,\n      onOk,\n      onOpenChange,\n      onPanelChange,\n      onPickerValueChange,\n      open,\n      order,\n      picker = 'date',\n      pickerValue,\n      placeholder,\n      popupClassName,\n      popupStyle,\n      prevIcon,\n      renderExtraFooter,\n      rootClassName,\n      separator,\n      shadow,\n      size,\n      status,\n      styles,\n      suffixIcon,\n      superNextIcon,\n      superPrevIcon,\n      transitionName,\n      value,\n      variant,\n      ...rest\n    } = props;\n    const { locale, rangePlaceholder } = usePickerLocale(localeOverride);\n    const keyboard = usePanelKeyboard({\n      cellRender,\n      dateRender,\n      defaultOpen,\n      defaultPickerValue,\n      defaultValue,\n      direction,\n      generateConfig,\n      mode,\n      monthCellRender,\n      onChange,\n      onFocus,\n      onOpenChange,\n      onPanelChange,\n      onPickerValueChange,\n      open,\n      picker,\n      pickerValue,\n      range: true,\n      value,\n    });\n    const shared = usePickerShared({\n      allowClear,\n      bordered,\n      changeOnBlur,\n      className,\n      clearIcon,\n      classNames,\n      components,\n      defaultOpen,\n      dropdownClassName,\n      generateConfig,\n      getPopupContainer,\n      max,\n      maxDate,\n      min,\n      minDate,\n      needConfirm,\n      nextIcon,\n      onKeyDown,\n      onOpenChange: keyboard.onOpenChange,\n      open,\n      picker,\n      popupClassName,\n      popupStyle,\n      prevIcon,\n      rootClassName: cx(keyboard.scopeClassName, rootClassName),\n      semanticProps: props,\n      shadow,\n      size,\n      status,\n      styles,\n      suffixIcon,\n      superNextIcon,\n      superPrevIcon,\n      transitionName,\n      variant,\n    });\n\n    const presetActive = usePresetActive((rest as any).presets, value, defaultValue);\n\n    return (\n      <RcRangePicker<DateType>\n        {...rest}\n        {...shared}\n        allowEmpty={allowEmpty}\n        cellRender={keyboard.cellRender}\n        dateRender={dateRender}\n        defaultPickerValue={defaultPickerValue as any}\n        defaultValue={defaultValue as any}\n        direction={direction}\n        disabled={disabled}\n        disabledDate={disabledDate}\n        id={id}\n        locale={locale.lang}\n        mode={mode as any}\n        monthCellRender={monthCellRender}\n        order={order}\n        picker={picker}\n        pickerValue={keyboard.pickerValue}\n        placeholder={placeholder ?? rangePlaceholder(picker)}\n        presets={presetActive.presets as any}\n        renderExtraFooter={renderExtraFooter ?? (footer ? () => footer : undefined)}\n        separator={separator ?? <Icon icon={ArrowRight} size={14} />}\n        value={value as any}\n        onBlur={onBlur as any}\n        onCalendarChange={onCalendarChange as any}\n        onFocus={keyboard.onFocus}\n        onOk={onOk as any}\n        onPanelChange={keyboard.onPanelChange}\n        onPickerValueChange={keyboard.onPickerValueChange}\n        onChange={(...args: any[]) => {\n          presetActive.track(args[0]);\n          (keyboard.onChange as any)(...args);\n        }}\n      />\n    );\n  };\n  RangePicker.displayName = 'RangePicker';\n  return RangePicker as RangePickerComponent<DateType>;\n};\n\nexport default generateRangePicker;\n"],"mappings":";;;;;;;;;;;;AAgBA,MAAM,uBAAgD,mBAA6C;CACjG,MAAMA,iBAAe,UAA0C;EAC7D,MAAM,EACJ,YACA,YACA,UACA,YACA,cACA,WACA,WACA,YACA,YACA,YACA,aACA,oBACA,cACA,mBACA,WACA,UACA,cACA,QACA,mBACA,IACA,QAAQ,gBACR,KACA,SACA,KACA,SACA,MACA,iBACA,aACA,UACA,QACA,WACA,kBACA,UACA,SACA,MACA,cACA,eACA,qBACA,MACA,OACA,SAAS,QACT,aACA,aACA,gBACA,YACA,UACA,mBACA,eACA,WACA,QACA,MACA,QACA,QACA,YACA,eACA,eACA,gBACA,OACA,SACA,GAAG,SACD;EACJ,MAAM,EAAE,QAAQ,qBAAqB,gBAAgB,cAAc;EACnE,MAAM,WAAW,iBAAiB;GAChC;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,OAAO;GACP;EACF,CAAC;EACD,MAAM,SAAS,gBAAgB;GAC7B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,cAAc,SAAS;GACvB;GACA;GACA;GACA;GACA;GACA,eAAe,GAAG,SAAS,gBAAgB,aAAa;GACxD,eAAe;GACf;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAAC;EAED,MAAM,eAAe,gBAAiB,KAAa,SAAS,OAAO,YAAY;EAE/E,OACE,oBAACC,aAAD;GACE,GAAI;GACJ,GAAI;GACQ;GACZ,YAAY,SAAS;GACT;GACQ;GACN;GACH;GACD;GACI;GACV;GACJ,QAAQ,OAAO;GACT;GACW;GACV;GACC;GACR,aAAa,SAAS;GACtB,aAAa,eAAe,iBAAiB,MAAM;GACnD,SAAS,aAAa;GACtB,mBAAmB,sBAAsB,eAAe,SAAS,KAAA;GACjE,WAAW,aAAa,oBAAC,MAAD;IAAM,MAAM;IAAY,MAAM;GAAK,CAAA;GACpD;GACC;GACU;GAClB,SAAS,SAAS;GACZ;GACN,eAAe,SAAS;GACxB,qBAAqB,SAAS;GAC9B,WAAW,GAAG,SAAgB;IAC5B,aAAa,MAAM,KAAK,EAAE;IAC1B,SAAU,SAAiB,GAAG,IAAI;GACpC;EACD,CAAA;CAEL;CACA,cAAY,cAAc;CAC1B,OAAOD;AACT"}
+{"version":3,"file":"RangePicker.mjs","names":["RangePicker","RcRangePicker"],"sources":["../../../src/base-ui/DatePicker/RangePicker.tsx"],"sourcesContent":["'use client';\n\nimport { RangePicker as RcRangePicker } from '@rc-component/picker';\nimport type { GenerateConfig } from '@rc-component/picker/generate';\nimport { ArrowRight } from 'lucide-react';\n\nimport Icon from '@/Icon';\nimport { cx } from '@/utils/styleEngine';\n\nimport { isNativeDateConfig, normalizeLegacyDateProps } from './legacyDate';\nimport { usePickerLocale } from './locale';\nimport type { DateRangePickerProps, RangePickerComponent } from './type';\nimport { usePanelKeyboard } from './usePanelKeyboard';\nimport { usePickerShared } from './usePickerShared';\nimport { usePresetActive } from './usePresetActive';\n\n/** antd `generateRangePicker`: `DatePicker.RangePicker` over `generateConfig`'s date type. */\nconst generateRangePicker = <DateType extends object>(generateConfig: GenerateConfig<DateType>) => {\n  const RangePicker = (rawProps: DateRangePickerProps<DateType>) => {\n    const normalized = normalizeLegacyDateProps(rawProps, generateConfig);\n    // The default (native Date) picker keeps the previous lobe contract: a cleared range is\n    // `[null, null]` with empty strings, never `null`.\n    const props =\n      isNativeDateConfig(generateConfig) && normalized.onChange\n        ? {\n            ...normalized,\n            onChange: (dates: any, dateStrings: any) =>\n              (normalized.onChange as any)(dates ?? [null, null], dateStrings ?? ['', '']),\n          }\n        : normalized;\n    const {\n      allowClear,\n      allowEmpty,\n      bordered,\n      cellRender,\n      changeOnBlur,\n      className,\n      clearIcon,\n      classNames,\n      components,\n      dateRender,\n      defaultOpen,\n      defaultPickerValue,\n      defaultValue,\n      dropdownClassName,\n      direction,\n      disabled,\n      disabledDate,\n      footer,\n      getPopupContainer,\n      id,\n      locale: localeOverride,\n      max,\n      maxDate,\n      min,\n      minDate,\n      mode,\n      monthCellRender,\n      needConfirm,\n      nextIcon,\n      onBlur,\n      onKeyDown,\n      onCalendarChange,\n      onChange,\n      onFocus,\n      onOk,\n      onOpenChange,\n      onPanelChange,\n      onPickerValueChange,\n      open,\n      order,\n      picker = 'date',\n      pickerValue,\n      placeholder,\n      popupClassName,\n      popupStyle,\n      prevIcon,\n      renderExtraFooter,\n      rootClassName,\n      separator,\n      shadow,\n      size,\n      status,\n      styles,\n      suffixIcon,\n      superNextIcon,\n      superPrevIcon,\n      transitionName,\n      value,\n      variant,\n      ...rest\n    } = props;\n    const { locale, rangePlaceholder } = usePickerLocale(localeOverride);\n    const keyboard = usePanelKeyboard({\n      cellRender,\n      dateRender,\n      defaultOpen,\n      defaultPickerValue,\n      defaultValue,\n      direction,\n      generateConfig,\n      mode,\n      monthCellRender,\n      onChange,\n      onFocus,\n      onOpenChange,\n      onPanelChange,\n      onPickerValueChange,\n      open,\n      picker,\n      pickerValue,\n      range: true,\n      value,\n    });\n    const shared = usePickerShared({\n      allowClear,\n      bordered,\n      changeOnBlur,\n      className,\n      clearIcon,\n      classNames,\n      components,\n      defaultOpen,\n      dropdownClassName,\n      generateConfig,\n      getPopupContainer,\n      max,\n      maxDate,\n      min,\n      minDate,\n      needConfirm,\n      nextIcon,\n      onKeyDown,\n      onOpenChange: keyboard.onOpenChange,\n      open,\n      picker,\n      popupClassName,\n      popupStyle,\n      prevIcon,\n      rootClassName: cx(keyboard.scopeClassName, rootClassName),\n      semanticProps: props,\n      shadow,\n      size,\n      status,\n      styles,\n      suffixIcon,\n      superNextIcon,\n      superPrevIcon,\n      transitionName,\n      variant,\n    });\n\n    const presetActive = usePresetActive((rest as any).presets, value, defaultValue);\n\n    return (\n      <RcRangePicker<DateType>\n        {...rest}\n        {...shared}\n        allowEmpty={allowEmpty}\n        cellRender={keyboard.cellRender}\n        dateRender={dateRender}\n        defaultPickerValue={defaultPickerValue as any}\n        defaultValue={defaultValue as any}\n        direction={direction}\n        disabled={disabled}\n        disabledDate={disabledDate}\n        id={id}\n        locale={locale.lang}\n        mode={mode as any}\n        monthCellRender={monthCellRender}\n        order={order}\n        picker={picker}\n        pickerValue={keyboard.pickerValue}\n        placeholder={placeholder ?? rangePlaceholder(picker)}\n        presets={presetActive.presets as any}\n        renderExtraFooter={renderExtraFooter ?? (footer ? () => footer : undefined)}\n        separator={separator ?? <Icon icon={ArrowRight} size={14} />}\n        value={value as any}\n        onBlur={onBlur as any}\n        onCalendarChange={onCalendarChange as any}\n        onFocus={keyboard.onFocus}\n        onOk={onOk as any}\n        onPanelChange={keyboard.onPanelChange}\n        onPickerValueChange={keyboard.onPickerValueChange}\n        onChange={(...args: any[]) => {\n          presetActive.track(args[0]);\n          (keyboard.onChange as any)(...args);\n        }}\n      />\n    );\n  };\n  RangePicker.displayName = 'RangePicker';\n  return RangePicker as RangePickerComponent<DateType>;\n};\n\nexport default generateRangePicker;\n"],"mappings":";;;;;;;;;;;;;AAiBA,MAAM,uBAAgD,mBAA6C;CACjG,MAAMA,iBAAe,aAA6C;EAChE,MAAM,aAAa,yBAAyB,UAAU,cAAc;EAGpE,MAAM,QACJ,mBAAmB,cAAc,KAAK,WAAW,WAC7C;GACE,GAAG;GACH,WAAW,OAAY,gBACpB,WAAW,SAAiB,SAAS,CAAC,MAAM,IAAI,GAAG,eAAe,CAAC,IAAI,EAAE,CAAC;EAC/E,IACA;EACN,MAAM,EACJ,YACA,YACA,UACA,YACA,cACA,WACA,WACA,YACA,YACA,YACA,aACA,oBACA,cACA,mBACA,WACA,UACA,cACA,QACA,mBACA,IACA,QAAQ,gBACR,KACA,SACA,KACA,SACA,MACA,iBACA,aACA,UACA,QACA,WACA,kBACA,UACA,SACA,MACA,cACA,eACA,qBACA,MACA,OACA,SAAS,QACT,aACA,aACA,gBACA,YACA,UACA,mBACA,eACA,WACA,QACA,MACA,QACA,QACA,YACA,eACA,eACA,gBACA,OACA,SACA,GAAG,SACD;EACJ,MAAM,EAAE,QAAQ,qBAAqB,gBAAgB,cAAc;EACnE,MAAM,WAAW,iBAAiB;GAChC;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,OAAO;GACP;EACF,CAAC;EACD,MAAM,SAAS,gBAAgB;GAC7B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,cAAc,SAAS;GACvB;GACA;GACA;GACA;GACA;GACA,eAAe,GAAG,SAAS,gBAAgB,aAAa;GACxD,eAAe;GACf;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAAC;EAED,MAAM,eAAe,gBAAiB,KAAa,SAAS,OAAO,YAAY;EAE/E,OACE,oBAACC,aAAD;GACE,GAAI;GACJ,GAAI;GACQ;GACZ,YAAY,SAAS;GACT;GACQ;GACN;GACH;GACD;GACI;GACV;GACJ,QAAQ,OAAO;GACT;GACW;GACV;GACC;GACR,aAAa,SAAS;GACtB,aAAa,eAAe,iBAAiB,MAAM;GACnD,SAAS,aAAa;GACtB,mBAAmB,sBAAsB,eAAe,SAAS,KAAA;GACjE,WAAW,aAAa,oBAAC,MAAD;IAAM,MAAM;IAAY,MAAM;GAAK,CAAA;GACpD;GACC;GACU;GAClB,SAAS,SAAS;GACZ;GACN,eAAe,SAAS;GACxB,qBAAqB,SAAS;GAC9B,WAAW,GAAG,SAAgB;IAC5B,aAAa,MAAM,KAAK,EAAE;IAC1B,SAAU,SAAiB,GAAG,IAAI;GACpC;EACD,CAAA;CAEL;CACA,cAAY,cAAc;CAC1B,OAAOD;AACT"}

package/es/base-ui/DatePicker/SinglePicker.mjs

@@ -1,6 +1,7 @@
 "use client";
 import Icon from "../../Icon/Icon.mjs";
 import { cx } from "../../utils/styleEngine.mjs";
+import { normalizeLegacyDateProps } from "./legacyDate.mjs";
 import { usePickerLocale } from "./locale.mjs";
 import { PREFIX_CLS } from "./style.mjs";
 import { usePanelKeyboard } from "./usePanelKeyboard.mjs";
@@ -21,7 +22,8 @@ const defaultRemoveIcon = /* @__PURE__ */ jsx(Icon, {
 */
 const generateSinglePicker = (generateConfig) => {
 	const getPicker = (presetPicker, displayName = "DatePicker") => {
-		const Picker = (props) => {
+		const Picker = (rawProps) => {
+			const props = normalizeLegacyDateProps(rawProps, generateConfig);
 			const { allowClear, bordered, cellRender, changeOnBlur, className, clearIcon, classNames, components, dateRender, defaultOpen, defaultPickerValue, defaultValue, dropdownClassName, direction, footer, getPopupContainer, locale: localeOverride, max, maxDate, min, minDate, mode, monthCellRender, multiple, needConfirm, nextIcon, onKeyDown, onCalendarChange, onChange, onFocus, onOk, onOpenChange, onPanelChange, onPickerValueChange, onSelect, open, picker: pickerProp, pickerValue, placeholder, popupClassName, popupStyle, prevIcon, ref, removeIcon, renderExtraFooter, rootClassName, shadow, size, status, styles, suffixIcon, superNextIcon, superPrevIcon, transitionName, value, variant, ...rest } = props;
 			const picker = presetPicker ?? pickerProp ?? "date";
 			const { locale, placeholder: defaultPlaceholder } = usePickerLocale(localeOverride);

package/es/base-ui/DatePicker/SinglePicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SinglePicker.mjs","names":[],"sources":["../../../src/base-ui/DatePicker/SinglePicker.tsx"],"sourcesContent":["'use client';\n\nimport RcPicker from '@rc-component/picker';\nimport type { GenerateConfig } from '@rc-component/picker/generate';\nimport type { PickerMode } from '@rc-component/picker/interface';\nimport { X } from 'lucide-react';\n\nimport Icon from '@/Icon';\nimport { cx } from '@/utils/styleEngine';\n\nimport { usePickerLocale } from './locale';\nimport { PREFIX_CLS } from './style';\nimport type { GeneratedDatePicker, PickerProps, SinglePickerComponent } from './type';\nimport { usePanelKeyboard } from './usePanelKeyboard';\nimport { usePickerShared, withDefault } from './usePickerShared';\nimport { usePresetActive } from './usePresetActive';\n\nconst defaultRemoveIcon = <Icon icon={X} size={10} style={{ strokeWidth: 3 }} />;\n\n/**\n * antd `generateSinglePicker`: DatePicker over `generateConfig`'s date type, plus the\n * pickers whose `picker` is fixed (`DatePicker.WeekPicker`, …, `DatePicker.TimePicker`).\n */\nconst generateSinglePicker = <DateType extends object>(\n  generateConfig: GenerateConfig<DateType>,\n) => {\n  const getPicker = (presetPicker?: PickerMode, displayName = 'DatePicker') => {\n    const Picker = (props: PickerProps<DateType, any>) => {\n      const {\n        allowClear,\n        bordered,\n        cellRender,\n        changeOnBlur,\n        className,\n        clearIcon,\n        classNames,\n        components,\n        dateRender,\n        defaultOpen,\n        defaultPickerValue,\n        defaultValue,\n        dropdownClassName,\n        direction,\n        footer,\n        getPopupContainer,\n        locale: localeOverride,\n        max,\n        maxDate,\n        min,\n        minDate,\n        mode,\n        monthCellRender,\n        multiple,\n        needConfirm,\n        nextIcon,\n        onKeyDown,\n        onCalendarChange,\n        onChange,\n        onFocus,\n        onOk,\n        onOpenChange,\n        onPanelChange,\n        onPickerValueChange,\n        onSelect,\n        open,\n        picker: pickerProp,\n        pickerValue,\n        placeholder,\n        popupClassName,\n        popupStyle,\n        prevIcon,\n        ref,\n        removeIcon,\n        renderExtraFooter,\n        rootClassName,\n        shadow,\n        size,\n        status,\n        styles,\n        suffixIcon,\n        superNextIcon,\n        superPrevIcon,\n        transitionName,\n        value,\n        variant,\n        ...rest\n      } = props;\n      const picker = presetPicker ?? pickerProp ?? 'date';\n      const { locale, placeholder: defaultPlaceholder } = usePickerLocale(localeOverride);\n      const keyboard = usePanelKeyboard({\n        cellRender,\n        dateRender,\n        defaultOpen,\n        defaultPickerValue,\n        defaultValue,\n        direction,\n        generateConfig,\n        mode,\n        monthCellRender,\n        onChange,\n        onFocus,\n        onOpenChange,\n        onPanelChange,\n        onPickerValueChange,\n        open,\n        picker,\n        pickerValue,\n        value,\n      });\n      const shared = usePickerShared({\n        allowClear,\n        bordered,\n        changeOnBlur,\n        className,\n        clearIcon,\n        classNames,\n        components,\n        defaultOpen,\n        dropdownClassName,\n        generateConfig,\n        getPopupContainer,\n        max,\n        maxDate,\n        min,\n        minDate,\n        needConfirm,\n        nextIcon,\n        onKeyDown,\n        onOpenChange: keyboard.onOpenChange,\n        open,\n        picker,\n        popupClassName,\n        popupStyle,\n        prevIcon,\n        rootClassName: cx(keyboard.scopeClassName, rootClassName),\n        semanticProps: props,\n        shadow,\n        size,\n        status,\n        styles,\n        suffixIcon,\n        superNextIcon,\n        superPrevIcon,\n        transitionName,\n        variant,\n      });\n\n      const presetActive = usePresetActive(\n        (rest as any).presets,\n        multiple ? undefined : value,\n        multiple ? undefined : defaultValue,\n      );\n\n      return (\n        <RcPicker<DateType>\n          {...rest}\n          {...shared}\n          presets={presetActive.presets as any}\n          // No footer row by default: Today / Now only when asked for (showNow or the\n          // deprecated showToday); showTime + needConfirm still shows OK.\n          cellRender={keyboard.cellRender}\n          dateRender={dateRender}\n          defaultPickerValue={defaultPickerValue as any}\n          defaultValue={defaultValue ?? undefined}\n          direction={direction}\n          locale={locale.lang}\n          mode={mode as any}\n          monthCellRender={monthCellRender}\n          multiple={multiple}\n          picker={picker}\n          pickerValue={keyboard.pickerValue}\n          placeholder={placeholder ?? defaultPlaceholder(picker)}\n          ref={ref}\n          removeIcon={withDefault(removeIcon, defaultRemoveIcon)}\n          renderExtraFooter={renderExtraFooter ?? (footer ? () => footer : undefined)}\n          showNow={(rest as any).showNow ?? (rest as any).showToday ?? false}\n          value={value as any}\n          classNames={\n            multiple\n              ? {\n                  ...shared.classNames,\n                  popup: {\n                    ...shared.classNames.popup,\n                    root: cx(shared.classNames.popup.root, `${PREFIX_CLS}-dropdown-multiple`),\n                  },\n                }\n              : shared.classNames\n          }\n          onFocus={keyboard.onFocus}\n          onOk={onOk as any}\n          onPanelChange={keyboard.onPanelChange}\n          onPickerValueChange={keyboard.onPickerValueChange}\n          onCalendarChange={\n            onCalendarChange || onSelect\n              ? (date, dateString, info) => {\n                  onCalendarChange?.(date, dateString as any, info);\n                  if (date && !Array.isArray(date)) onSelect?.(date);\n                }\n              : undefined\n          }\n          onChange={(...args: any[]) => {\n            presetActive.track(args[0]);\n            (keyboard.onChange as any)(...args);\n          }}\n        />\n      );\n    };\n    Picker.displayName = displayName;\n    return Picker as SinglePickerComponent<DateType, any>;\n  };\n\n  return {\n    DatePicker: getPicker() as GeneratedDatePicker<DateType>,\n    MonthPicker: getPicker('month', 'MonthPicker'),\n    QuarterPicker: getPicker('quarter', 'QuarterPicker'),\n    TimePicker: getPicker('time', 'TimePicker'),\n    WeekPicker: getPicker('week', 'WeekPicker'),\n    YearPicker: getPicker('year', 'YearPicker'),\n  };\n};\n\nexport default generateSinglePicker;\n"],"mappings":";;;;;;;;;;;;AAiBA,MAAM,oBAAoB,oBAAC,MAAD;CAAM,MAAM;CAAG,MAAM;CAAI,OAAO,EAAE,aAAa,EAAE;AAAI,CAAA;;;;;AAM/E,MAAM,wBACJ,mBACG;CACH,MAAM,aAAa,cAA2B,cAAc,iBAAiB;EAC3E,MAAM,UAAU,UAAsC;GACpD,MAAM,EACJ,YACA,UACA,YACA,cACA,WACA,WACA,YACA,YACA,YACA,aACA,oBACA,cACA,mBACA,WACA,QACA,mBACA,QAAQ,gBACR,KACA,SACA,KACA,SACA,MACA,iBACA,UACA,aACA,UACA,WACA,kBACA,UACA,SACA,MACA,cACA,eACA,qBACA,UACA,MACA,QAAQ,YACR,aACA,aACA,gBACA,YACA,UACA,KACA,YACA,mBACA,eACA,QACA,MACA,QACA,QACA,YACA,eACA,eACA,gBACA,OACA,SACA,GAAG,SACD;GACJ,MAAM,SAAS,gBAAgB,cAAc;GAC7C,MAAM,EAAE,QAAQ,aAAa,uBAAuB,gBAAgB,cAAc;GAClF,MAAM,WAAW,iBAAiB;IAChC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF,CAAC;GACD,MAAM,SAAS,gBAAgB;IAC7B;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,cAAc,SAAS;IACvB;IACA;IACA;IACA;IACA;IACA,eAAe,GAAG,SAAS,gBAAgB,aAAa;IACxD,eAAe;IACf;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF,CAAC;GAED,MAAM,eAAe,gBAClB,KAAa,SACd,WAAW,KAAA,IAAY,OACvB,WAAW,KAAA,IAAY,YACzB;GAEA,OACE,oBAAC,UAAD;IACE,GAAI;IACJ,GAAI;IACJ,SAAS,aAAa;IAGtB,YAAY,SAAS;IACT;IACQ;IACpB,cAAc,gBAAgB,KAAA;IACnB;IACX,QAAQ,OAAO;IACT;IACW;IACP;IACF;IACR,aAAa,SAAS;IACtB,aAAa,eAAe,mBAAmB,MAAM;IAChD;IACL,YAAY,YAAY,YAAY,iBAAiB;IACrD,mBAAmB,sBAAsB,eAAe,SAAS,KAAA;IACjE,SAAU,KAAa,WAAY,KAAa,aAAa;IACtD;IACP,YACE,WACI;KACE,GAAG,OAAO;KACV,OAAO;MACL,GAAG,OAAO,WAAW;MACrB,MAAM,GAAG,OAAO,WAAW,MAAM,MAAM,GAAG,WAAW,mBAAmB;KAC1E;IACF,IACA,OAAO;IAEb,SAAS,SAAS;IACZ;IACN,eAAe,SAAS;IACxB,qBAAqB,SAAS;IAC9B,kBACE,oBAAoB,YACf,MAAM,YAAY,SAAS;KAC1B,mBAAmB,MAAM,YAAmB,IAAI;KAChD,IAAI,QAAQ,CAAC,MAAM,QAAQ,IAAI,GAAG,WAAW,IAAI;IACnD,IACA,KAAA;IAEN,WAAW,GAAG,SAAgB;KAC5B,aAAa,MAAM,KAAK,EAAE;KAC1B,SAAU,SAAiB,GAAG,IAAI;IACpC;GACD,CAAA;EAEL;EACA,OAAO,cAAc;EACrB,OAAO;CACT;CAEA,OAAO;EACL,YAAY,UAAU;EACtB,aAAa,UAAU,SAAS,aAAa;EAC7C,eAAe,UAAU,WAAW,eAAe;EACnD,YAAY,UAAU,QAAQ,YAAY;EAC1C,YAAY,UAAU,QAAQ,YAAY;EAC1C,YAAY,UAAU,QAAQ,YAAY;CAC5C;AACF"}
+{"version":3,"file":"SinglePicker.mjs","names":[],"sources":["../../../src/base-ui/DatePicker/SinglePicker.tsx"],"sourcesContent":["'use client';\n\nimport RcPicker from '@rc-component/picker';\nimport type { GenerateConfig } from '@rc-component/picker/generate';\nimport type { PickerMode } from '@rc-component/picker/interface';\nimport { X } from 'lucide-react';\n\nimport Icon from '@/Icon';\nimport { cx } from '@/utils/styleEngine';\n\nimport { normalizeLegacyDateProps } from './legacyDate';\nimport { usePickerLocale } from './locale';\nimport { PREFIX_CLS } from './style';\nimport type { GeneratedDatePicker, PickerProps, SinglePickerComponent } from './type';\nimport { usePanelKeyboard } from './usePanelKeyboard';\nimport { usePickerShared, withDefault } from './usePickerShared';\nimport { usePresetActive } from './usePresetActive';\n\nconst defaultRemoveIcon = <Icon icon={X} size={10} style={{ strokeWidth: 3 }} />;\n\n/**\n * antd `generateSinglePicker`: DatePicker over `generateConfig`'s date type, plus the\n * pickers whose `picker` is fixed (`DatePicker.WeekPicker`, …, `DatePicker.TimePicker`).\n */\nconst generateSinglePicker = <DateType extends object>(\n  generateConfig: GenerateConfig<DateType>,\n) => {\n  const getPicker = (presetPicker?: PickerMode, displayName = 'DatePicker') => {\n    const Picker = (rawProps: PickerProps<DateType, any>) => {\n      const props = normalizeLegacyDateProps(rawProps, generateConfig);\n      const {\n        allowClear,\n        bordered,\n        cellRender,\n        changeOnBlur,\n        className,\n        clearIcon,\n        classNames,\n        components,\n        dateRender,\n        defaultOpen,\n        defaultPickerValue,\n        defaultValue,\n        dropdownClassName,\n        direction,\n        footer,\n        getPopupContainer,\n        locale: localeOverride,\n        max,\n        maxDate,\n        min,\n        minDate,\n        mode,\n        monthCellRender,\n        multiple,\n        needConfirm,\n        nextIcon,\n        onKeyDown,\n        onCalendarChange,\n        onChange,\n        onFocus,\n        onOk,\n        onOpenChange,\n        onPanelChange,\n        onPickerValueChange,\n        onSelect,\n        open,\n        picker: pickerProp,\n        pickerValue,\n        placeholder,\n        popupClassName,\n        popupStyle,\n        prevIcon,\n        ref,\n        removeIcon,\n        renderExtraFooter,\n        rootClassName,\n        shadow,\n        size,\n        status,\n        styles,\n        suffixIcon,\n        superNextIcon,\n        superPrevIcon,\n        transitionName,\n        value,\n        variant,\n        ...rest\n      } = props;\n      const picker = presetPicker ?? pickerProp ?? 'date';\n      const { locale, placeholder: defaultPlaceholder } = usePickerLocale(localeOverride);\n      const keyboard = usePanelKeyboard({\n        cellRender,\n        dateRender,\n        defaultOpen,\n        defaultPickerValue,\n        defaultValue,\n        direction,\n        generateConfig,\n        mode,\n        monthCellRender,\n        onChange,\n        onFocus,\n        onOpenChange,\n        onPanelChange,\n        onPickerValueChange,\n        open,\n        picker,\n        pickerValue,\n        value,\n      });\n      const shared = usePickerShared({\n        allowClear,\n        bordered,\n        changeOnBlur,\n        className,\n        clearIcon,\n        classNames,\n        components,\n        defaultOpen,\n        dropdownClassName,\n        generateConfig,\n        getPopupContainer,\n        max,\n        maxDate,\n        min,\n        minDate,\n        needConfirm,\n        nextIcon,\n        onKeyDown,\n        onOpenChange: keyboard.onOpenChange,\n        open,\n        picker,\n        popupClassName,\n        popupStyle,\n        prevIcon,\n        rootClassName: cx(keyboard.scopeClassName, rootClassName),\n        semanticProps: props,\n        shadow,\n        size,\n        status,\n        styles,\n        suffixIcon,\n        superNextIcon,\n        superPrevIcon,\n        transitionName,\n        variant,\n      });\n\n      const presetActive = usePresetActive(\n        (rest as any).presets,\n        multiple ? undefined : value,\n        multiple ? undefined : defaultValue,\n      );\n\n      return (\n        <RcPicker<DateType>\n          {...rest}\n          {...shared}\n          presets={presetActive.presets as any}\n          // No footer row by default: Today / Now only when asked for (showNow or the\n          // deprecated showToday); showTime + needConfirm still shows OK.\n          cellRender={keyboard.cellRender}\n          dateRender={dateRender}\n          defaultPickerValue={defaultPickerValue as any}\n          defaultValue={defaultValue ?? undefined}\n          direction={direction}\n          locale={locale.lang}\n          mode={mode as any}\n          monthCellRender={monthCellRender}\n          multiple={multiple}\n          picker={picker}\n          pickerValue={keyboard.pickerValue}\n          placeholder={placeholder ?? defaultPlaceholder(picker)}\n          ref={ref}\n          removeIcon={withDefault(removeIcon, defaultRemoveIcon)}\n          renderExtraFooter={renderExtraFooter ?? (footer ? () => footer : undefined)}\n          showNow={(rest as any).showNow ?? (rest as any).showToday ?? false}\n          value={value as any}\n          classNames={\n            multiple\n              ? {\n                  ...shared.classNames,\n                  popup: {\n                    ...shared.classNames.popup,\n                    root: cx(shared.classNames.popup.root, `${PREFIX_CLS}-dropdown-multiple`),\n                  },\n                }\n              : shared.classNames\n          }\n          onFocus={keyboard.onFocus}\n          onOk={onOk as any}\n          onPanelChange={keyboard.onPanelChange}\n          onPickerValueChange={keyboard.onPickerValueChange}\n          onCalendarChange={\n            onCalendarChange || onSelect\n              ? (date, dateString, info) => {\n                  onCalendarChange?.(date, dateString as any, info);\n                  if (date && !Array.isArray(date)) onSelect?.(date);\n                }\n              : undefined\n          }\n          onChange={(...args: any[]) => {\n            presetActive.track(args[0]);\n            (keyboard.onChange as any)(...args);\n          }}\n        />\n      );\n    };\n    Picker.displayName = displayName;\n    return Picker as SinglePickerComponent<DateType, any>;\n  };\n\n  return {\n    DatePicker: getPicker() as GeneratedDatePicker<DateType>,\n    MonthPicker: getPicker('month', 'MonthPicker'),\n    QuarterPicker: getPicker('quarter', 'QuarterPicker'),\n    TimePicker: getPicker('time', 'TimePicker'),\n    WeekPicker: getPicker('week', 'WeekPicker'),\n    YearPicker: getPicker('year', 'YearPicker'),\n  };\n};\n\nexport default generateSinglePicker;\n"],"mappings":";;;;;;;;;;;;;AAkBA,MAAM,oBAAoB,oBAAC,MAAD;CAAM,MAAM;CAAG,MAAM;CAAI,OAAO,EAAE,aAAa,EAAE;AAAI,CAAA;;;;;AAM/E,MAAM,wBACJ,mBACG;CACH,MAAM,aAAa,cAA2B,cAAc,iBAAiB;EAC3E,MAAM,UAAU,aAAyC;GACvD,MAAM,QAAQ,yBAAyB,UAAU,cAAc;GAC/D,MAAM,EACJ,YACA,UACA,YACA,cACA,WACA,WACA,YACA,YACA,YACA,aACA,oBACA,cACA,mBACA,WACA,QACA,mBACA,QAAQ,gBACR,KACA,SACA,KACA,SACA,MACA,iBACA,UACA,aACA,UACA,WACA,kBACA,UACA,SACA,MACA,cACA,eACA,qBACA,UACA,MACA,QAAQ,YACR,aACA,aACA,gBACA,YACA,UACA,KACA,YACA,mBACA,eACA,QACA,MACA,QACA,QACA,YACA,eACA,eACA,gBACA,OACA,SACA,GAAG,SACD;GACJ,MAAM,SAAS,gBAAgB,cAAc;GAC7C,MAAM,EAAE,QAAQ,aAAa,uBAAuB,gBAAgB,cAAc;GAClF,MAAM,WAAW,iBAAiB;IAChC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF,CAAC;GACD,MAAM,SAAS,gBAAgB;IAC7B;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,cAAc,SAAS;IACvB;IACA;IACA;IACA;IACA;IACA,eAAe,GAAG,SAAS,gBAAgB,aAAa;IACxD,eAAe;IACf;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF,CAAC;GAED,MAAM,eAAe,gBAClB,KAAa,SACd,WAAW,KAAA,IAAY,OACvB,WAAW,KAAA,IAAY,YACzB;GAEA,OACE,oBAAC,UAAD;IACE,GAAI;IACJ,GAAI;IACJ,SAAS,aAAa;IAGtB,YAAY,SAAS;IACT;IACQ;IACpB,cAAc,gBAAgB,KAAA;IACnB;IACX,QAAQ,OAAO;IACT;IACW;IACP;IACF;IACR,aAAa,SAAS;IACtB,aAAa,eAAe,mBAAmB,MAAM;IAChD;IACL,YAAY,YAAY,YAAY,iBAAiB;IACrD,mBAAmB,sBAAsB,eAAe,SAAS,KAAA;IACjE,SAAU,KAAa,WAAY,KAAa,aAAa;IACtD;IACP,YACE,WACI;KACE,GAAG,OAAO;KACV,OAAO;MACL,GAAG,OAAO,WAAW;MACrB,MAAM,GAAG,OAAO,WAAW,MAAM,MAAM,GAAG,WAAW,mBAAmB;KAC1E;IACF,IACA,OAAO;IAEb,SAAS,SAAS;IACZ;IACN,eAAe,SAAS;IACxB,qBAAqB,SAAS;IAC9B,kBACE,oBAAoB,YACf,MAAM,YAAY,SAAS;KAC1B,mBAAmB,MAAM,YAAmB,IAAI;KAChD,IAAI,QAAQ,CAAC,MAAM,QAAQ,IAAI,GAAG,WAAW,IAAI;IACnD,IACA,KAAA;IAEN,WAAW,GAAG,SAAgB;KAC5B,aAAa,MAAM,KAAK,EAAE;KAC1B,SAAU,SAAiB,GAAG,IAAI;IACpC;GACD,CAAA;EAEL;EACA,OAAO,cAAc;EACrB,OAAO;CACT;CAEA,OAAO;EACL,YAAY,UAAU;EACtB,aAAa,UAAU,SAAS,aAAa;EAC7C,eAAe,UAAU,WAAW,eAAe;EACnD,YAAY,UAAU,QAAQ,YAAY;EAC1C,YAAY,UAAU,QAAQ,YAAY;EAC1C,YAAY,UAAU,QAAQ,YAAY;CAC5C;AACF"}

package/es/base-ui/DatePicker/dateGenerateConfig.mjs

@@ -0,0 +1,52 @@
+import generateConfig from "./generateConfig.mjs";
+import dayjs from "dayjs";
+//#region src/base-ui/DatePicker/dateGenerateConfig.ts
+const c = generateConfig;
+const inn = (value) => dayjs(value);
+const out = (value) => value.toDate();
+/**
+* rc-picker config over native `Date`, built on the dayjs config (parsing, formatting, week
+* rules and locales stay dayjs'). The default `DatePicker` / `DateRangePicker` use it so
+* values, callbacks and `disabledDate` are native `Date`, as in the previous lobe DatePicker.
+*/
+const dateGenerateConfig = {
+	addDate: (value, diff) => out(c.addDate(inn(value), diff)),
+	addMonth: (value, diff) => out(c.addMonth(inn(value), diff)),
+	addYear: (value, diff) => out(c.addYear(inn(value), diff)),
+	getDate: (value) => c.getDate(inn(value)),
+	getEndDate: (value) => out(c.getEndDate(inn(value))),
+	getFixedDate: (fixed) => out(c.getFixedDate(fixed)),
+	getHour: (value) => c.getHour(inn(value)),
+	getMillisecond: (value) => c.getMillisecond(inn(value)),
+	getMinute: (value) => c.getMinute(inn(value)),
+	getMonth: (value) => c.getMonth(inn(value)),
+	getNow: () => /* @__PURE__ */ new Date(),
+	getSecond: (value) => c.getSecond(inn(value)),
+	getWeekDay: (value) => c.getWeekDay(inn(value)),
+	getYear: (value) => c.getYear(inn(value)),
+	isAfter: (date1, date2) => c.isAfter(inn(date1), inn(date2)),
+	isValidate: (date) => date instanceof Date && !Number.isNaN(date.getTime()),
+	locale: {
+		format: (locale, date, format) => c.locale.format(locale, inn(date), format),
+		getShortMonths: c.locale.getShortMonths,
+		getShortWeekDays: c.locale.getShortWeekDays,
+		getWeek: (locale, value) => c.locale.getWeek(locale, inn(value)),
+		getWeekFirstDate: (locale, value) => out(c.locale.getWeekFirstDate(locale, inn(value))),
+		getWeekFirstDay: c.locale.getWeekFirstDay,
+		parse: (locale, text, formats) => {
+			const parsed = c.locale.parse(locale, text, formats);
+			return parsed ? out(parsed) : null;
+		}
+	},
+	setDate: (value, date) => out(c.setDate(inn(value), date)),
+	setHour: (value, hour) => out(c.setHour(inn(value), hour)),
+	setMillisecond: (value, ms) => out(c.setMillisecond(inn(value), ms)),
+	setMinute: (value, minute) => out(c.setMinute(inn(value), minute)),
+	setMonth: (value, month) => out(c.setMonth(inn(value), month)),
+	setSecond: (value, second) => out(c.setSecond(inn(value), second)),
+	setYear: (value, year) => out(c.setYear(inn(value), year))
+};
+//#endregion
+export { dateGenerateConfig as default };
+
+//# sourceMappingURL=dateGenerateConfig.mjs.map

package/es/base-ui/DatePicker/dateGenerateConfig.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateGenerateConfig.mjs","names":["dayjsGenerateConfig"],"sources":["../../../src/base-ui/DatePicker/dateGenerateConfig.ts"],"sourcesContent":["import type { GenerateConfig } from '@rc-component/picker/generate';\nimport dayjs, { type Dayjs } from 'dayjs';\n\nimport dayjsGenerateConfig from './generateConfig';\n\nconst c = dayjsGenerateConfig;\nconst inn = (value: Date): Dayjs => dayjs(value);\nconst out = (value: Dayjs): Date => value.toDate();\n\n/**\n * rc-picker config over native `Date`, built on the dayjs config (parsing, formatting, week\n * rules and locales stay dayjs'). The default `DatePicker` / `DateRangePicker` use it so\n * values, callbacks and `disabledDate` are native `Date`, as in the previous lobe DatePicker.\n */\nconst dateGenerateConfig: GenerateConfig<Date> = {\n  addDate: (value, diff) => out(c.addDate(inn(value), diff)),\n  addMonth: (value, diff) => out(c.addMonth(inn(value), diff)),\n  addYear: (value, diff) => out(c.addYear(inn(value), diff)),\n  getDate: (value) => c.getDate(inn(value)),\n  getEndDate: (value) => out(c.getEndDate(inn(value))),\n  getFixedDate: (fixed) => out(c.getFixedDate(fixed)),\n  getHour: (value) => c.getHour(inn(value)),\n  getMillisecond: (value) => c.getMillisecond(inn(value)),\n  getMinute: (value) => c.getMinute(inn(value)),\n  getMonth: (value) => c.getMonth(inn(value)),\n  getNow: () => new Date(),\n  getSecond: (value) => c.getSecond(inn(value)),\n  getWeekDay: (value) => c.getWeekDay(inn(value)),\n  getYear: (value) => c.getYear(inn(value)),\n  isAfter: (date1, date2) => c.isAfter(inn(date1), inn(date2)),\n  isValidate: (date) => date instanceof Date && !Number.isNaN(date.getTime()),\n  locale: {\n    format: (locale, date, format) => c.locale.format(locale, inn(date), format),\n    getShortMonths: c.locale.getShortMonths,\n    getShortWeekDays: c.locale.getShortWeekDays,\n    getWeek: (locale, value) => c.locale.getWeek(locale, inn(value)),\n    getWeekFirstDate: (locale, value) => out(c.locale.getWeekFirstDate(locale, inn(value))),\n    getWeekFirstDay: c.locale.getWeekFirstDay,\n    parse: (locale, text, formats) => {\n      const parsed = c.locale.parse(locale, text, formats);\n      return parsed ? out(parsed) : null;\n    },\n  },\n  setDate: (value, date) => out(c.setDate(inn(value), date)),\n  setHour: (value, hour) => out(c.setHour(inn(value), hour)),\n  setMillisecond: (value, ms) => out(c.setMillisecond(inn(value), ms)),\n  setMinute: (value, minute) => out(c.setMinute(inn(value), minute)),\n  setMonth: (value, month) => out(c.setMonth(inn(value), month)),\n  setSecond: (value, second) => out(c.setSecond(inn(value), second)),\n  setYear: (value, year) => out(c.setYear(inn(value), year)),\n};\n\nexport default dateGenerateConfig;\n"],"mappings":";;;AAKA,MAAM,IAAIA;AACV,MAAM,OAAO,UAAuB,MAAM,KAAK;AAC/C,MAAM,OAAO,UAAuB,MAAM,OAAO;;;;;;AAOjD,MAAM,qBAA2C;CAC/C,UAAU,OAAO,SAAS,IAAI,EAAE,QAAQ,IAAI,KAAK,GAAG,IAAI,CAAC;CACzD,WAAW,OAAO,SAAS,IAAI,EAAE,SAAS,IAAI,KAAK,GAAG,IAAI,CAAC;CAC3D,UAAU,OAAO,SAAS,IAAI,EAAE,QAAQ,IAAI,KAAK,GAAG,IAAI,CAAC;CACzD,UAAU,UAAU,EAAE,QAAQ,IAAI,KAAK,CAAC;CACxC,aAAa,UAAU,IAAI,EAAE,WAAW,IAAI,KAAK,CAAC,CAAC;CACnD,eAAe,UAAU,IAAI,EAAE,aAAa,KAAK,CAAC;CAClD,UAAU,UAAU,EAAE,QAAQ,IAAI,KAAK,CAAC;CACxC,iBAAiB,UAAU,EAAE,eAAe,IAAI,KAAK,CAAC;CACtD,YAAY,UAAU,EAAE,UAAU,IAAI,KAAK,CAAC;CAC5C,WAAW,UAAU,EAAE,SAAS,IAAI,KAAK,CAAC;CAC1C,8BAAc,IAAI,KAAK;CACvB,YAAY,UAAU,EAAE,UAAU,IAAI,KAAK,CAAC;CAC5C,aAAa,UAAU,EAAE,WAAW,IAAI,KAAK,CAAC;CAC9C,UAAU,UAAU,EAAE,QAAQ,IAAI,KAAK,CAAC;CACxC,UAAU,OAAO,UAAU,EAAE,QAAQ,IAAI,KAAK,GAAG,IAAI,KAAK,CAAC;CAC3D,aAAa,SAAS,gBAAgB,QAAQ,CAAC,OAAO,MAAM,KAAK,QAAQ,CAAC;CAC1E,QAAQ;EACN,SAAS,QAAQ,MAAM,WAAW,EAAE,OAAO,OAAO,QAAQ,IAAI,IAAI,GAAG,MAAM;EAC3E,gBAAgB,EAAE,OAAO;EACzB,kBAAkB,EAAE,OAAO;EAC3B,UAAU,QAAQ,UAAU,EAAE,OAAO,QAAQ,QAAQ,IAAI,KAAK,CAAC;EAC/D,mBAAmB,QAAQ,UAAU,IAAI,EAAE,OAAO,iBAAiB,QAAQ,IAAI,KAAK,CAAC,CAAC;EACtF,iBAAiB,EAAE,OAAO;EAC1B,QAAQ,QAAQ,MAAM,YAAY;GAChC,MAAM,SAAS,EAAE,OAAO,MAAM,QAAQ,MAAM,OAAO;GACnD,OAAO,SAAS,IAAI,MAAM,IAAI;EAChC;CACF;CACA,UAAU,OAAO,SAAS,IAAI,EAAE,QAAQ,IAAI,KAAK,GAAG,IAAI,CAAC;CACzD,UAAU,OAAO,SAAS,IAAI,EAAE,QAAQ,IAAI,KAAK,GAAG,IAAI,CAAC;CACzD,iBAAiB,OAAO,OAAO,IAAI,EAAE,eAAe,IAAI,KAAK,GAAG,EAAE,CAAC;CACnE,YAAY,OAAO,WAAW,IAAI,EAAE,UAAU,IAAI,KAAK,GAAG,MAAM,CAAC;CACjE,WAAW,OAAO,UAAU,IAAI,EAAE,SAAS,IAAI,KAAK,GAAG,KAAK,CAAC;CAC7D,YAAY,OAAO,WAAW,IAAI,EAAE,UAAU,IAAI,KAAK,GAAG,MAAM,CAAC;CACjE,UAAU,OAAO,SAAS,IAAI,EAAE,QAAQ,IAAI,KAAK,GAAG,IAAI,CAAC;AAC3D"}

package/es/base-ui/DatePicker/index.d.mts

@@ -1,6 +1,8 @@
-import { CalendarMode, CellRender, CellRenderInfo, DatePickerBaseProps, DatePickerProps, DatePickerSemanticType, DatePickerType, DateRangePickerProps, DateRangeValue, GeneratedDatePicker, GenericTimePickerProps, MonthPickerProps, PanelMode, PickerClassNames, PickerComponents, PickerDateStrings, PickerLocale, PickerLocaleInput, PickerLocaleLang, PickerMode, PickerPanelProps, PickerPlacement, PickerPopupSemanticName, PickerProps, PickerPropsWithMultiple, PickerRef, PickerSemanticClassNames, PickerSemanticName, PickerSemanticStyles, PickerSize, PickerStatus, PickerStyles, PickerTagProps, PickerVariant, PresetDate, PresetPickerProps, QuarterPickerProps, RangeDisabledDate, RangeInfo, RangePickerComponent, RangePickerProps, RangePickerRef, SinglePickerComponent, TimePickerLocale, TimePickerProps, WeekPickerProps, YearPickerProps } from "./type.mjs";
+import { CalendarMode, CellRender, CellRenderInfo, DatePickerBaseProps, DatePickerProps, DatePickerSemanticType, DatePickerType, DateRangePickerProps, DateRangeValue, DayjsDatePickerProps, DayjsDatePickerType, DayjsDateRangePickerProps, DayjsDateRangeValue, GeneratedDatePicker, GenericTimePickerProps, LegacyDateInput, MonthPickerProps, PanelMode, PickerClassNames, PickerComponents, PickerDateInput, PickerDateStrings, PickerLocale, PickerLocaleInput, PickerLocaleLang, PickerMode, PickerPanelProps, PickerPlacement, PickerPopupSemanticName, PickerProps, PickerPropsWithMultiple, PickerRef, PickerSemanticClassNames, PickerSemanticName, PickerSemanticStyles, PickerSize, PickerStatus, PickerStyles, PickerTagProps, PickerValueInput, PickerVariant, PresetDate, PresetPickerProps, QuarterPickerProps, RangeChangeDates, RangeChangeStrings, RangeDisabledDate, RangeInfo, RangePickerComponent, RangePickerProps, RangePickerRef, SinglePickerComponent, TimePickerLocale, TimePickerProps, WeekPickerProps, YearPickerProps } from "./type.mjs";
 import DatePicker from "./DatePicker.mjs";
 import DateRangePicker from "./DateRangePicker.mjs";
+import DayjsDatePicker from "./DayjsDatePicker.mjs";
+import DayjsDateRangePicker from "./DayjsDateRangePicker.mjs";
 import generatePicker from "./generatePicker.mjs";
 import { createPickerLocale, datePickerLocaleEnUS, datePickerLocaleZhCN } from "./locale.mjs";
-export { type CalendarMode, type CellRender, type CellRenderInfo, DatePicker, type DatePickerBaseProps, type DatePickerProps, type DatePickerSemanticType, type DatePickerType, DateRangePicker, type DateRangePickerProps, type DateRangeValue, type GeneratedDatePicker, type GenericTimePickerProps, type MonthPickerProps, type PanelMode, type PickerClassNames, type PickerComponents, type PickerDateStrings, type PickerLocale, type PickerLocaleInput, type PickerLocaleLang, type PickerMode, type PickerPanelProps, type PickerPlacement, type PickerPopupSemanticName, type PickerProps, type PickerPropsWithMultiple, type PickerRef, type PickerSemanticClassNames, type PickerSemanticName, type PickerSemanticStyles, type PickerSize, type PickerStatus, type PickerStyles, type PickerTagProps, type PickerVariant, type PresetDate, type PresetPickerProps, type QuarterPickerProps, type RangeDisabledDate, type RangeInfo, type RangePickerComponent, type RangePickerProps, type RangePickerRef, type SinglePickerComponent, type TimePickerLocale, type TimePickerProps, type WeekPickerProps, type YearPickerProps, createPickerLocale, datePickerLocaleEnUS, datePickerLocaleZhCN, generatePicker };
+export { type CalendarMode, type CellRender, type CellRenderInfo, DatePicker, type DatePickerBaseProps, type DatePickerProps, type DatePickerSemanticType, type DatePickerType, DateRangePicker, type DateRangePickerProps, type DateRangeValue, DayjsDatePicker, type DayjsDatePickerProps, type DayjsDatePickerType, DayjsDateRangePicker, type DayjsDateRangePickerProps, type DayjsDateRangeValue, type GeneratedDatePicker, type GenericTimePickerProps, type LegacyDateInput, type MonthPickerProps, type PanelMode, type PickerClassNames, type PickerComponents, type PickerDateInput, type PickerDateStrings, type PickerLocale, type PickerLocaleInput, type PickerLocaleLang, type PickerMode, type PickerPanelProps, type PickerPlacement, type PickerPopupSemanticName, type PickerProps, type PickerPropsWithMultiple, type PickerRef, type PickerSemanticClassNames, type PickerSemanticName, type PickerSemanticStyles, type PickerSize, type PickerStatus, type PickerStyles, type PickerTagProps, type PickerValueInput, type PickerVariant, type PresetDate, type PresetPickerProps, type QuarterPickerProps, type RangeChangeDates, type RangeChangeStrings, type RangeDisabledDate, type RangeInfo, type RangePickerComponent, type RangePickerProps, type RangePickerRef, type SinglePickerComponent, type TimePickerLocale, type TimePickerProps, type WeekPickerProps, type YearPickerProps, createPickerLocale, datePickerLocaleEnUS, datePickerLocaleZhCN, generatePicker };

package/es/base-ui/DatePicker/legacyDate.mjs

@@ -0,0 +1,58 @@
+import generateConfig from "./generateConfig.mjs";
+import dateGenerateConfig from "./dateGenerateConfig.mjs";
+import dayjs from "dayjs";
+//#region src/base-ui/DatePicker/legacyDate.ts
+const DATE_KEYS = [
+	"defaultPickerValue",
+	"defaultValue",
+	"max",
+	"maxDate",
+	"min",
+	"minDate",
+	"pickerValue",
+	"value"
+];
+const toDayjs = (v) => v instanceof Date || typeof v === "string" || typeof v === "number" ? dayjs(v) : v;
+const toDate = (v) => {
+	if (dayjs.isDayjs(v)) return v.toDate();
+	if (typeof v === "string" || typeof v === "number") return dayjs(v).toDate();
+	return v;
+};
+const convertValue = (v, convert) => {
+	if (!Array.isArray(v)) return convert(v);
+	let changed = false;
+	const next = v.map((item) => {
+		const converted = item === null || item === void 0 ? item : convert(item);
+		if (converted !== item) changed = true;
+		return converted;
+	});
+	return changed ? next : v;
+};
+/**
+* Normalises date props to the picker's date type, so both pickers take any of
+* `Date` / `Dayjs` / date string / timestamp (also inside a range tuple or `multiple` array):
+* the default (native `Date`) pickers convert `Dayjs` / strings / timestamps to `Date`, the
+* dayjs pickers convert `Date` / strings / timestamps to `Dayjs`. Pickers generated over
+* another date library get their props untouched.
+*/
+const normalizeLegacyDateProps = (props, generateConfig$1) => {
+	const convert = generateConfig$1 === generateConfig ? toDayjs : generateConfig$1 === dateGenerateConfig ? toDate : void 0;
+	if (!convert) return props;
+	let next;
+	for (const key of DATE_KEYS) {
+		const v = props[key];
+		if (v === void 0 || v === null) continue;
+		const converted = convertValue(v, convert);
+		if (converted !== v) {
+			next ??= { ...props };
+			next[key] = converted;
+		}
+	}
+	return next ?? props;
+};
+/** The previous lobe DateRangePicker never passed `null`: a cleared range is `[null, null]`. */
+const isNativeDateConfig = (generateConfig) => generateConfig === dateGenerateConfig;
+//#endregion
+export { isNativeDateConfig, normalizeLegacyDateProps };
+
+//# sourceMappingURL=legacyDate.mjs.map

package/es/base-ui/DatePicker/legacyDate.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"legacyDate.mjs","names":["generateConfig","dayjsGenerateConfig"],"sources":["../../../src/base-ui/DatePicker/legacyDate.ts"],"sourcesContent":["import dayjs from 'dayjs';\n\nimport dateGenerateConfig from './dateGenerateConfig';\nimport dayjsGenerateConfig from './generateConfig';\n\nconst DATE_KEYS = [\n  'defaultPickerValue',\n  'defaultValue',\n  'max',\n  'maxDate',\n  'min',\n  'minDate',\n  'pickerValue',\n  'value',\n] as const;\n\ntype Convert = (v: unknown) => unknown;\n\nconst toDayjs: Convert = (v) =>\n  v instanceof Date || typeof v === 'string' || typeof v === 'number' ? dayjs(v) : v;\n\nconst toDate: Convert = (v) => {\n  if (dayjs.isDayjs(v)) return v.toDate();\n  if (typeof v === 'string' || typeof v === 'number') return dayjs(v).toDate();\n  return v;\n};\n\nconst convertValue = (v: unknown, convert: Convert): unknown => {\n  if (!Array.isArray(v)) return convert(v);\n  let changed = false;\n  const next = v.map((item) => {\n    const converted = item === null || item === undefined ? item : convert(item);\n    if (converted !== item) changed = true;\n    return converted;\n  });\n  return changed ? next : v;\n};\n\n/**\n * Normalises date props to the picker's date type, so both pickers take any of\n * `Date` / `Dayjs` / date string / timestamp (also inside a range tuple or `multiple` array):\n * the default (native `Date`) pickers convert `Dayjs` / strings / timestamps to `Date`, the\n * dayjs pickers convert `Date` / strings / timestamps to `Dayjs`. Pickers generated over\n * another date library get their props untouched.\n */\nexport const normalizeLegacyDateProps = <P extends object>(\n  props: P,\n  generateConfig: unknown,\n): P => {\n  const convert =\n    generateConfig === dayjsGenerateConfig\n      ? toDayjs\n      : generateConfig === dateGenerateConfig\n        ? toDate\n        : undefined;\n  if (!convert) return props;\n  let next: P | undefined;\n  for (const key of DATE_KEYS) {\n    const v = (props as any)[key];\n    if (v === undefined || v === null) continue;\n    const converted = convertValue(v, convert);\n    if (converted !== v) {\n      next ??= { ...props };\n      (next as any)[key] = converted;\n    }\n  }\n  return next ?? props;\n};\n\n/** The previous lobe DateRangePicker never passed `null`: a cleared range is `[null, null]`. */\nexport const isNativeDateConfig = (generateConfig: unknown) =>\n  generateConfig === dateGenerateConfig;\n"],"mappings":";;;;AAKA,MAAM,YAAY;CAChB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAIA,MAAM,WAAoB,MACxB,aAAa,QAAQ,OAAO,MAAM,YAAY,OAAO,MAAM,WAAW,MAAM,CAAC,IAAI;AAEnF,MAAM,UAAmB,MAAM;CAC7B,IAAI,MAAM,QAAQ,CAAC,GAAG,OAAO,EAAE,OAAO;CACtC,IAAI,OAAO,MAAM,YAAY,OAAO,MAAM,UAAU,OAAO,MAAM,CAAC,CAAC,CAAC,OAAO;CAC3E,OAAO;AACT;AAEA,MAAM,gBAAgB,GAAY,YAA8B;CAC9D,IAAI,CAAC,MAAM,QAAQ,CAAC,GAAG,OAAO,QAAQ,CAAC;CACvC,IAAI,UAAU;CACd,MAAM,OAAO,EAAE,KAAK,SAAS;EAC3B,MAAM,YAAY,SAAS,QAAQ,SAAS,KAAA,IAAY,OAAO,QAAQ,IAAI;EAC3E,IAAI,cAAc,MAAM,UAAU;EAClC,OAAO;CACT,CAAC;CACD,OAAO,UAAU,OAAO;AAC1B;;;;;;;;AASA,MAAa,4BACX,OACA,qBACM;CACN,MAAM,UACJA,qBAAmBC,iBACf,UACAD,qBAAmB,qBACjB,SACA,KAAA;CACR,IAAI,CAAC,SAAS,OAAO;CACrB,IAAI;CACJ,KAAK,MAAM,OAAO,WAAW;EAC3B,MAAM,IAAK,MAAc;EACzB,IAAI,MAAM,KAAA,KAAa,MAAM,MAAM;EACnC,MAAM,YAAY,aAAa,GAAG,OAAO;EACzC,IAAI,cAAc,GAAG;GACnB,SAAS,EAAE,GAAG,MAAM;GACpB,KAAc,OAAO;EACvB;CACF;CACA,OAAO,QAAQ;AACjB;;AAGA,MAAa,sBAAsB,mBACjC,mBAAmB"}

package/es/base-ui/DatePicker/style.mjs

@@ -28,15 +28,23 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
   `,
 	root: css`
     /* ---------------------------------------------------------------- input box */
+
+    /* Size to content like antd: the shared Input root is width: 100%, which made the
+       picker stretch in a flex row and squeeze its siblings. Default to auto width (capped by
+       the container); a style / className width (e.g. 100%) still wins and the inputs grow. */
     &.${P} {
       position: relative;
+      width: auto;
+      max-width: 100%;
     }
 
+    /* flex-basis auto, not 0: the input keeps its natural width from rc-picker's size
+       attribute (format length + 2) instead of collapsing when the root is auto width. */
     &.${P} .${P}-input {
       position: relative;
 
       display: inline-flex;
-      flex: 1;
+      flex: 1 1 auto;
       gap: 8px;
       align-items: center;
 
@@ -44,9 +52,9 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     }
 
     &.${P} .${P}-input > input {
-      flex: 1;
+      flex: 1 1 auto;
 
-      width: 100%;
+      width: auto;
       min-width: 0;
       padding: 0;
       border: none;
@@ -336,7 +344,7 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
 
     /* range: two inputs, a separator and the bar under the active field */
     &.${P}-range .${P}-input {
-      flex: 1;
+      flex: 1 1 auto;
     }
 
     &.${P}-range .${P}-range-separator {

package/es/base-ui/DatePicker/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/DatePicker/style.ts"],"sourcesContent":["import { focusRing } from '@/base-ui/focusRing';\nimport { createStaticStyles } from '@/utils/styleEngine';\n\n/** Own prefix so rc-picker class names never collide with antd's global `.ant-picker` CSS. */\nexport const PREFIX_CLS = 'lobe-picker';\n\nconst P = PREFIX_CLS;\nconst MOTION = `${P}-slide-up`;\n\n/**\n * Styles for rc-picker's class-name contract. `root` is passed as `rootClassName`, which\n * rc-picker puts on both the input box (`.lobe-picker`) and the popup\n * (`.lobe-picker-dropdown`); the box itself reuses base-ui Input's `rootVariants`.\n */\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  /** antd's `underlined`: only a bottom border, applied over Input's `borderless`. */\n  underlined: css`\n    &.${P} {\n      border-block-end-color: ${cssVar.colorBorder};\n      border-radius: 0;\n    }\n\n    &.${P}:hover:not(:focus-within, .${P}-disabled) {\n      border-block-end-color: ${cssVar.colorPrimaryHover};\n    }\n\n    &.${P}:focus-within {\n      border-block-end-color: ${cssVar.colorPrimary};\n    }\n  `,\n  root: css`\n    /* ---------------------------------------------------------------- input box */\n    &.${P} {\n      position: relative;\n    }\n\n    &.${P} .${P}-input {\n      position: relative;\n\n      display: inline-flex;\n      flex: 1;\n      gap: 8px;\n      align-items: center;\n\n      min-width: 0;\n    }\n\n    &.${P} .${P}-input > input {\n      flex: 1;\n\n      width: 100%;\n      min-width: 0;\n      padding: 0;\n      border: none;\n\n      font: inherit;\n      font-variant-numeric: tabular-nums;\n      color: inherit;\n      text-overflow: ellipsis;\n\n      appearance: none;\n      background: transparent;\n      outline: none;\n\n      &::placeholder {\n        color: ${cssVar.colorTextPlaceholder};\n      }\n\n      &:disabled {\n        cursor: not-allowed;\n      }\n    }\n\n    /*\n     * \\`disabled: [boolean, boolean]\\`: Input greys the whole root on \\`:has(input:disabled)\\`;\n     * while one end stays editable (rc adds \\`-disabled\\` only when both are), grey just that end.\n     */\n    &.${P}-range:not(.${P}-disabled):has(input:disabled) {\n      cursor: auto;\n      color: ${cssVar.colorText};\n      opacity: 1;\n    }\n\n    &.${P}-range:not(.${P}-disabled) .${P}-input:has(> input:disabled) {\n      cursor: not-allowed;\n      color: ${cssVar.colorTextQuaternary};\n    }\n\n    /* hover preview text from presets / cells */\n    &.${P} .${P}-input-placeholder > input {\n      color: ${cssVar.colorTextPlaceholder};\n    }\n\n    &.${P} .${P}-prefix {\n      display: inline-flex;\n      flex: none;\n      align-items: center;\n      color: ${cssVar.colorTextTertiary};\n    }\n\n    &.${P} .${P}-suffix {\n      pointer-events: none;\n\n      display: inline-flex;\n      flex: none;\n      align-items: center;\n      justify-content: center;\n\n      width: 16px;\n\n      color: ${cssVar.colorTextTertiary};\n\n      transition: opacity 150ms ${cssVar.motionEaseOut};\n    }\n\n    /* the clear button sits on top of the suffix icon (16px wide + 8px gap) */\n    &.${P} .${P}-clear {\n      cursor: pointer;\n\n      position: relative;\n      z-index: 1;\n\n      display: inline-flex;\n      flex: none;\n      align-items: center;\n      justify-content: center;\n\n      width: 16px;\n      height: 16px;\n      margin-inline-start: -24px;\n      padding: 0;\n      border: 0;\n      border-radius: 50%;\n\n      color: ${cssVar.colorBgContainer};\n\n      opacity: 0;\n      background: ${cssVar.colorTextQuaternary};\n\n      transition: opacity 150ms ${cssVar.motionEaseOut};\n\n      &:hover {\n        background: ${cssVar.colorTextTertiary};\n      }\n    }\n\n    &.${P}:not(.${P}-disabled):hover .${P}-clear {\n      opacity: 1;\n    }\n\n    &.${P}:not(.${P}-disabled):hover .${P}-suffix:not(:last-child) {\n      opacity: 0;\n    }\n\n    &.${P}-disabled .${P}-clear {\n      display: none;\n    }\n\n    /*\n     * multiple: rc-picker's tags (\\`-selection-item\\`, also the \\`+ N ...\\` rest) in base-ui Tag's\n     * filled look, sized as antd (control height - 8px) and wrapping the box when they overflow.\n     */\n    &.${P}-multiple {\n      --lobe-picker-tag-height: 24px;\n\n      cursor: pointer;\n      padding-block: 1px;\n    }\n\n    &.${P}-multiple.${P}-small {\n      --lobe-picker-tag-height: 16px;\n    }\n\n    &.${P}-multiple.${P}-large {\n      --lobe-picker-tag-height: 32px;\n    }\n\n    &.${P}-multiple .${P}-selector {\n      position: relative;\n      flex: 1;\n      min-width: 0;\n    }\n\n    &.${P}-multiple .${P}-selection-overflow {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      max-width: 100%;\n    }\n\n    &.${P}-multiple .${P}-selection-overflow-item {\n      flex: none;\n      max-width: 100%;\n    }\n\n    &.${P}-multiple .${P}-selection-item {\n      display: flex;\n      gap: 4px;\n      align-items: center;\n\n      box-sizing: border-box;\n      max-width: 100%;\n      height: var(--lobe-picker-tag-height);\n      margin-block: 2px;\n      margin-inline-end: 4px;\n      padding-inline: 8px 4px;\n      border-radius: ${cssVar.borderRadiusSM};\n\n      font-size: ${cssVar.fontSizeSM};\n      line-height: var(--lobe-picker-tag-height);\n      color: ${cssVar.colorText};\n      white-space: nowrap;\n\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &.${P}-multiple.${P}-large .${P}-selection-item {\n      font-size: ${cssVar.fontSize};\n    }\n\n    &.${P}-multiple .${P}-selection-item:not(:has(.${P}-selection-item-remove)) {\n      padding-inline-end: 8px;\n    }\n\n    &.${P}-multiple .${P}-selection-item-content {\n      overflow: hidden;\n      font-variant-numeric: tabular-nums;\n      text-overflow: ellipsis;\n    }\n\n    &.${P}-multiple .${P}-selection-item-remove {\n      cursor: pointer;\n\n      display: inline-flex;\n      flex: none;\n      align-items: center;\n\n      color: ${cssVar.colorIcon};\n\n      &:hover {\n        color: ${cssVar.colorTextHeading};\n      }\n    }\n\n    &.${P}-multiple .${P}-selection-placeholder {\n      overflow: hidden;\n      display: block;\n\n      line-height: calc(var(--lobe-picker-tag-height) + 4px);\n      color: ${cssVar.colorTextPlaceholder};\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    /* the selector shows the value; rc-picker keeps this readonly input only for focus */\n    &.${P}-multiple .${P}-multiple-input {\n      position: absolute;\n      z-index: -1;\n\n      width: 0;\n      height: 0;\n      padding: 0;\n      border: 0;\n\n      opacity: 0;\n    }\n\n    &.${P}-multiple.${P}-disabled {\n      cursor: not-allowed;\n      color: ${cssVar.colorTextQuaternary};\n      opacity: 0.66;\n    }\n\n    /* status: border + focus ring per variant, as antd's genStatusStyle */\n    &.${P}-status-error {\n      --lobe-picker-status: ${cssVar.colorError};\n      --lobe-picker-status-hover: ${cssVar.colorErrorBorderHover};\n      --lobe-picker-status-bg: ${cssVar.colorErrorBg};\n      --lobe-picker-status-bg-hover: ${cssVar.colorErrorBgHover};\n    }\n\n    &.${P}-status-warning {\n      --lobe-picker-status: ${cssVar.colorWarning};\n      --lobe-picker-status-hover: ${cssVar.colorWarningBorderHover};\n      --lobe-picker-status-bg: ${cssVar.colorWarningBg};\n      --lobe-picker-status-bg-hover: ${cssVar.colorWarningBgHover};\n    }\n\n    &:is(.${P}-status-error, .${P}-status-warning):not(.${P}-disabled) {\n      &.${P}-outlined {\n        border-color: var(--lobe-picker-status);\n\n        &:hover:not(:focus-within) {\n          border-color: var(--lobe-picker-status-hover);\n        }\n\n        &:focus-within {\n          border-color: var(--lobe-picker-status);\n          box-shadow: 0 0 0 2px var(--lobe-picker-status-bg);\n        }\n      }\n\n      &.${P}-filled {\n        background: var(--lobe-picker-status-bg);\n\n        &:hover:not(:focus-within) {\n          background: var(--lobe-picker-status-bg-hover);\n        }\n\n        &:focus-within {\n          border-color: var(--lobe-picker-status);\n          background: ${cssVar.colorBgContainer};\n        }\n      }\n\n      &.${P}-underlined {\n        border-block-end-color: var(--lobe-picker-status);\n      }\n\n      &:is(.${P}-borderless, .${P}-underlined) .${P}-input > input {\n        color: var(--lobe-picker-status);\n      }\n\n      .${P}-prefix {\n        color: var(--lobe-picker-status);\n      }\n    }\n\n    /* rtl: rc-picker adds the -rtl modifier to the box and the popup; lucide arrows are mirrored */\n    &.${P}-rtl, &.${P}-dropdown-rtl {\n      direction: rtl;\n    }\n\n    &.${P}-rtl .${P}-range-separator .lucide,\n    &.${P}-dropdown-rtl .${P}-header > button .lucide {\n      transform: scaleX(-1);\n    }\n\n    /* range: two inputs, a separator and the bar under the active field */\n    &.${P}-range .${P}-input {\n      flex: 1;\n    }\n\n    &.${P}-range .${P}-range-separator {\n      display: inline-flex;\n      flex: none;\n      align-items: center;\n      color: ${cssVar.colorTextTertiary};\n    }\n\n    &.${P}-range .${P}-active-bar {\n      pointer-events: none;\n\n      position: absolute;\n      inset-block-end: -1px;\n\n      height: 2px;\n\n      opacity: 0;\n      background: ${cssVar.colorPrimary};\n\n      transition:\n        inset-inline-start 200ms ${cssVar.motionEaseOut},\n        width 200ms ${cssVar.motionEaseOut},\n        opacity 200ms ${cssVar.motionEaseOut};\n    }\n\n    &.${P}-range.${P}-focused .${P}-active-bar {\n      opacity: 1;\n    }\n\n    /* ---------------------------------------------------------------- popup */\n    &.${P}-dropdown {\n      /* nested in a base-ui Modal / Popover layer that sets pointer-events: none */\n      pointer-events: auto;\n\n      position: absolute;\n      inset-block-start: -9999px;\n      inset-inline-start: -9999px;\n\n      font-size: 14px;\n      color: ${cssVar.colorText};\n    }\n\n    &.${P}-dropdown-hidden {\n      display: none;\n    }\n\n    &.${P}-dropdown .${P}-range-arrow {\n      display: none;\n    }\n\n    /* rc-trigger stretches the popup to the input width; only the container is painted */\n    &.${P}-dropdown .${P}-panel-container {\n      overflow: hidden;\n      display: inline-block;\n\n      border-radius: 16px;\n\n      vertical-align: top;\n\n      background: ${cssVar.colorBgElevated};\n      box-shadow: ${cssVar.boxShadow}, var(--lobe-ring);\n    }\n\n    &.${P}-dropdown .${P}-panel-layout {\n      display: flex;\n      align-items: stretch;\n    }\n\n    &.${P}-dropdown .${P}-panels {\n      display: flex;\n      flex-wrap: nowrap;\n    }\n\n    /* presets: a sidebar on the start side of the panels, as in antd */\n    &.${P}-dropdown .${P}-presets {\n      display: flex;\n      flex-direction: column;\n\n      min-width: 120px;\n      max-width: 200px;\n\n      /* divider one step lighter than the panel borders: light colorFillSecondary,\n         dark colorFillTertiary (see the -dropdown-dark rule below) */\n      border-inline-end: 1px solid ${cssVar.colorFillSecondary};\n\n      /* slightly tinted; the panel container's radius + overflow clip it */\n      background: ${cssVar.colorFillQuaternary};\n\n      ul {\n        overflow: auto;\n        flex: auto;\n\n        height: 0;\n        margin: 0;\n        padding: 6px;\n\n        list-style: none;\n      }\n\n      li {\n        cursor: pointer;\n\n        overflow: hidden;\n\n        padding-block: 4px;\n        padding-inline: 8px;\n        border-radius: 6px;\n\n        font-size: 13px;\n        line-height: 20px;\n        color: ${cssVar.colorText};\n        text-overflow: ellipsis;\n        white-space: nowrap;\n\n        transition: background-color 150ms ${cssVar.motionEaseOut};\n\n        &:hover {\n          background: ${cssVar.colorFillTertiary};\n        }\n\n        &:has(> .${P}-preset-active) {\n          font-weight: 500;\n          background: ${cssVar.colorFillSecondary};\n        }\n      }\n\n      li + li {\n        margin-block-start: 2px;\n      }\n    }\n\n    /* dark: fill tokens are white-alpha and would lighten the sidebar, so darken it */\n    &.${P}-dropdown.${P}-dropdown-dark .${P}-presets {\n      border-inline-end-color: ${cssVar.colorFillTertiary};\n      background: rgb(0 0 0 / 12%);\n    }\n\n    &.${P}-dropdown .${P}-panel {\n      display: inline-flex;\n      flex-direction: column;\n      outline: none;\n    }\n\n    &.${P}-dropdown .${P}-panels > .${P}-panel + .${P}-panel {\n      border-inline-start: 1px solid ${cssVar.colorBorderSecondary};\n    }\n\n    &.${P}-dropdown\n      :is(\n        .${P}-date-panel,\n          .${P}-week-panel,\n          .${P}-month-panel,\n          .${P}-quarter-panel,\n          .${P}-year-panel,\n          .${P}-decade-panel\n      ) {\n      width: 288px;\n    }\n\n    /* header: << < [month year] > >> */\n    &.${P}-dropdown .${P}-header {\n      display: flex;\n      gap: 2px;\n      align-items: center;\n\n      padding-block: 12px 4px;\n      padding-inline: 12px;\n    }\n\n    &.${P}-dropdown .${P}-header > button {\n      ${focusRing};\n      cursor: pointer;\n\n      display: inline-flex;\n      flex: none;\n      align-items: center;\n      justify-content: center;\n\n      width: 28px;\n      height: 28px;\n      padding: 0;\n      border: 0;\n      border-radius: 50%;\n\n      color: ${cssVar.colorTextSecondary};\n\n      background: none;\n\n      &:hover:not(:disabled) {\n        color: ${cssVar.colorText};\n        background: ${cssVar.colorFillTertiary};\n      }\n    }\n\n    &.${P}-dropdown\n      :is(\n        .${P}-header-prev-btn-disabled,\n          .${P}-header-next-btn-disabled,\n          .${P}-header-super-prev-btn-disabled,\n          .${P}-header-super-next-btn-disabled\n      ) {\n      cursor: not-allowed;\n      opacity: 0.3;\n    }\n\n    &.${P}-dropdown .${P}-header-view {\n      display: flex;\n      flex: 1;\n      gap: 4px;\n      align-items: center;\n      justify-content: center;\n\n      min-width: 0;\n\n      font-weight: 600;\n    }\n\n    &.${P}-dropdown .${P}-header-view > button {\n      ${focusRing};\n      cursor: pointer;\n\n      padding-block: 2px;\n      padding-inline: 4px;\n      border: 0;\n      border-radius: 6px;\n\n      font: inherit;\n      color: inherit;\n\n      background: none;\n\n      &:hover:not(:disabled) {\n        color: ${cssVar.colorPrimary};\n      }\n\n      &:disabled {\n        cursor: default;\n      }\n    }\n\n    /* body + cells */\n    &.${P}-dropdown .${P}-body {\n      padding-block: 4px 12px;\n      padding-inline: 12px;\n    }\n\n    &.${P}-dropdown .${P}-content {\n      table-layout: fixed;\n      border-collapse: collapse;\n      width: 100%;\n    }\n\n    &.${P}-dropdown .${P}-content th {\n      height: 28px;\n      padding: 0;\n\n      font-size: 12px;\n      font-weight: 400;\n      color: ${cssVar.colorTextTertiary};\n      text-align: center;\n    }\n\n    &.${P}-dropdown .${P}-cell {\n      cursor: pointer;\n\n      position: relative;\n\n      padding-block: 2px;\n      padding-inline: 0;\n\n      color: ${cssVar.colorTextQuaternary};\n      text-align: center;\n\n      &::before {\n        content: '';\n\n        position: absolute;\n        z-index: 0;\n        inset-block-start: 50%;\n        inset-inline: 0;\n        transform: translateY(-50%);\n\n        height: 32px;\n      }\n    }\n\n    &.${P}-dropdown .${P}-cell-in-view {\n      color: ${cssVar.colorText};\n    }\n\n    &.${P}-dropdown .${P}-cell-inner {\n      position: relative;\n      z-index: 1;\n\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n\n      box-sizing: border-box;\n      min-width: 32px;\n      height: 32px;\n      border-radius: 999px;\n\n      font-size: 13px;\n      font-variant-numeric: tabular-nums;\n\n      transition:\n        background 150ms ${cssVar.motionEaseOut},\n        color 150ms ${cssVar.motionEaseOut};\n    }\n\n    &.${P}-dropdown\n      .${P}-cell:not(\n        .${P}-cell-disabled,\n        .${P}-cell-selected,\n        .${P}-cell-range-start,\n        .${P}-cell-range-end\n      ):hover\n      .${P}-cell-inner {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    /* today: bold only, no ring, fill or border */\n    &.${P}-dropdown .${P}-cell-in-view.${P}-cell-today .${P}-cell-inner {\n      font-weight: ${cssVar.fontWeightStrong};\n    }\n\n    &.${P}-dropdown\n      :is(\n        .${P}-cell-in-view.${P}-cell-selected,\n          .${P}-cell-in-view.${P}-cell-range-start,\n          .${P}-cell-in-view.${P}-cell-range-end\n      )\n      .${P}-cell-inner {\n      font-weight: 600;\n      color: ${cssVar.colorBgContainer};\n      background: ${cssVar.colorText};\n    }\n\n    &.${P}-dropdown .${P}-cell-in-view.${P}-cell-in-range::before {\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &.${P}-dropdown .${P}-cell-in-view.${P}-cell-range-start:not(.${P}-cell-range-end)::before {\n      inset-inline-start: 50%;\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &.${P}-dropdown .${P}-cell-in-view.${P}-cell-range-end:not(.${P}-cell-range-start)::before {\n      inset-inline-end: 50%;\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &.${P}-dropdown .${P}-cell-disabled {\n      cursor: not-allowed;\n      color: ${cssVar.colorTextQuaternary};\n    }\n\n    &.${P}-dropdown .${P}-cell-disabled::before {\n      background: transparent;\n    }\n\n    /* month / quarter / year / decade: wider pills in a 3-column grid */\n    &.${P}-dropdown\n      :is(.${P}-month-panel, .${P}-quarter-panel, .${P}-year-panel, .${P}-decade-panel)\n      .${P}-cell {\n      padding-block: 8px;\n    }\n\n    &.${P}-dropdown\n      :is(.${P}-month-panel, .${P}-quarter-panel, .${P}-year-panel, .${P}-decade-panel)\n      .${P}-cell::before {\n      height: 36px;\n    }\n\n    &.${P}-dropdown\n      :is(.${P}-month-panel, .${P}-quarter-panel, .${P}-year-panel, .${P}-decade-panel)\n      .${P}-cell-inner {\n      min-width: 64px;\n      height: 36px;\n      padding-inline: 8px;\n      font-size: 14px;\n    }\n\n    /* decade labels (\"2020-2029\") stay on one line */\n    &.${P}-dropdown .${P}-decade-panel .${P}-cell-inner {\n      padding-inline: 6px;\n      font-size: 13px;\n      white-space: nowrap;\n    }\n\n    /* week number column: always on the week panel, on the date panel with showWeek */\n    &.${P}-dropdown :is(.${P}-week-panel, .${P}-date-panel-show-week) {\n      width: 320px;\n    }\n\n    &.${P}-dropdown .${P}-cell-week {\n      font-size: 12px;\n      color: ${cssVar.colorTextTertiary};\n    }\n\n    &.${P}-dropdown .${P}-date-panel-show-week .${P}-cell-week {\n      cursor: default;\n    }\n\n    /* week panel: the whole row is one tile, painted through each cell's band */\n    &.${P}-dropdown .${P}-week-panel .${P}-cell:hover .${P}-cell-inner {\n      background: none;\n    }\n\n    &.${P}-dropdown .${P}-week-panel .${P}-cell:first-child::before {\n      inset-inline-start: 2px;\n      border-start-start-radius: 999px;\n      border-end-start-radius: 999px;\n    }\n\n    &.${P}-dropdown .${P}-week-panel .${P}-cell:last-child::before {\n      inset-inline-end: 2px;\n      border-start-end-radius: 999px;\n      border-end-end-radius: 999px;\n    }\n\n    &.${P}-dropdown .${P}-week-panel-row:hover .${P}-cell::before {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &.${P}-dropdown\n      .${P}-week-panel-row-range-hover\n      .${P}-cell::before,\n      &.${P}-dropdown\n      .${P}-week-panel-row-hover\n      .${P}-cell::before {\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    /* multiple: rc-picker marks every picked week but the first with \\`-row-hover\\` */\n    &.${P}-dropdown\n      :is(\n        .${P}-week-panel-row-selected,\n          .${P}-dropdown-multiple\n          .${P}-week-panel-row-hover,\n          .${P}-week-panel-row-range-start,\n          .${P}-week-panel-row-range-end\n      )\n      .${P}-cell {\n      color: ${cssVar.colorBgContainer};\n\n      &::before {\n        background: ${cssVar.colorText};\n      }\n\n      .${P}-cell-inner {\n        font-weight: 600;\n        box-shadow: none;\n      }\n    }\n\n    /* keyboard: the tile arrow keys moved to on month / quarter / year / decade panels */\n    &.${P}-dropdown .${P}-cell-keyboard-active {\n      display: none;\n    }\n\n    &.${P}-dropdown .${P}-cell-in-view:has(> .${P}-cell-keyboard-active) .${P}-cell-inner {\n      outline: 2px solid ${cssVar.colorPrimary};\n      outline-offset: 1px;\n    }\n\n    /* time: hour / minute / second / meridiem columns, beside the date panel with showTime */\n    &.${P}-dropdown .${P}-datetime-panel {\n      display: flex;\n      align-items: stretch;\n    }\n\n    &.${P}-dropdown .${P}-datetime-panel > .${P}-time-panel {\n      border-inline-start: 1px solid ${cssVar.colorBorderSecondary};\n    }\n\n    &.${P}-dropdown .${P}-time-panel {\n      display: flex;\n      flex-direction: column;\n      min-width: 0;\n    }\n\n    &.${P}-dropdown .${P}-time-panel .${P}-header-view {\n      height: 28px;\n      font-variant-numeric: tabular-nums;\n    }\n\n    &.${P}-dropdown .${P}-time-panel .${P}-content {\n      display: flex;\n      flex: auto;\n\n      height: 224px;\n      padding-block: 4px 12px;\n      padding-inline: 4px;\n    }\n\n    /* next to the date panel the columns take its height instead */\n    &.${P}-dropdown .${P}-datetime-panel .${P}-time-panel .${P}-content {\n      flex: 1 1 0;\n      height: auto;\n      min-height: 0;\n    }\n\n    &.${P}-dropdown .${P}-time-panel-column {\n      scrollbar-width: thin;\n\n      overflow-y: hidden;\n      flex: none;\n\n      width: 56px;\n      margin: 0;\n      padding: 0;\n\n      list-style: none;\n\n      /* lets the last option scroll up to the top, as in antd */\n      &::after {\n        content: '';\n        display: block;\n        height: calc(100% - 28px);\n      }\n\n      &:hover {\n        overflow-y: auto;\n      }\n    }\n\n    &.${P}-dropdown .${P}-time-panel-column + .${P}-time-panel-column {\n      border-inline-start: 1px solid ${cssVar.colorBorderSecondary};\n    }\n\n    &.${P}-dropdown .${P}-time-panel-cell {\n      cursor: pointer;\n      padding-block: 1px;\n      padding-inline: 4px;\n    }\n\n    &.${P}-dropdown .${P}-time-panel-cell-inner {\n      height: 26px;\n      border-radius: 6px;\n\n      font-size: 13px;\n      font-variant-numeric: tabular-nums;\n      line-height: 26px;\n      color: ${cssVar.colorText};\n      text-align: center;\n\n      transition:\n        background 150ms ${cssVar.motionEaseOut},\n        color 150ms ${cssVar.motionEaseOut};\n    }\n\n    &.${P}-dropdown\n      .${P}-time-panel-cell:not(.${P}-time-panel-cell-disabled, .${P}-time-panel-cell-selected):hover\n      .${P}-time-panel-cell-inner {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &.${P}-dropdown .${P}-time-panel-cell-selected .${P}-time-panel-cell-inner {\n      font-weight: 600;\n      color: ${cssVar.colorBgContainer};\n      background: ${cssVar.colorText};\n    }\n\n    &.${P}-dropdown .${P}-time-panel-cell-disabled {\n      cursor: not-allowed;\n\n      .${P}-time-panel-cell-inner {\n        color: ${cssVar.colorTextQuaternary};\n      }\n    }\n\n    /* footer: no background of its own; dividers match the presets sidebar divider */\n\n    /* footer: ONE row in one container — renderExtraFooter content on the start side,\n       Today / Now / OK on the end side — under a single divider. No background. */\n    &.${P}-dropdown .${P}-footer {\n      display: flex;\n      gap: 8px;\n      align-items: center;\n\n      min-width: 0;\n      border-block-start: 1px solid ${cssVar.colorFillSecondary};\n\n      background: none;\n    }\n\n    &.${P}-dropdown.${P}-dropdown-dark .${P}-footer {\n      border-block-start-color: ${cssVar.colorFillTertiary};\n    }\n\n    &.${P}-dropdown .${P}-footer-extra {\n      flex: 1;\n\n      min-width: 0;\n      padding-block: 8px;\n      padding-inline: 12px;\n\n      font-size: 13px;\n      line-height: 20px;\n      color: ${cssVar.colorTextSecondary};\n      text-align: start;\n    }\n\n    &.${P}-dropdown .${P}-footer-extra + .${P}-ranges {\n      flex: none;\n      padding-inline-start: 0;\n    }\n\n    &.${P}-dropdown .${P}-ranges {\n      display: flex;\n      flex: 1;\n      gap: 8px;\n      align-items: center;\n      justify-content: space-between;\n\n      margin: 0;\n      padding-block: 8px;\n      padding-inline: 12px;\n\n      list-style: none;\n    }\n\n    &.${P}-dropdown .${P}-ranges > .${P}-now {\n      margin-inline: auto;\n    }\n\n    /* Now on the start side, OK on the end side */\n    &.${P}-dropdown .${P}-ranges > .${P}-now:has(+ .${P}-ok) {\n      margin-inline: 0;\n    }\n\n    &.${P}-dropdown .${P}-ranges > .${P}-ok {\n      margin-inline-start: auto;\n    }\n\n    &.${P}-dropdown .${P}-now-btn {\n      ${focusRing};\n      cursor: pointer;\n\n      padding-block: 2px;\n      padding-inline: 8px;\n      border-radius: 6px;\n\n      font-size: 13px;\n      color: ${cssVar.colorText};\n\n      &:hover {\n        background: ${cssVar.colorFillTertiary};\n      }\n    }\n\n    &.${P}-dropdown .${P}-now-btn-disabled {\n      cursor: not-allowed;\n      color: ${cssVar.colorTextQuaternary};\n    }\n\n    /* motion (transitionName = lobe-picker-slide-up) */\n    &.${MOTION}-appear, &.${MOTION}-enter {\n      transform-origin: top center;\n    }\n\n    /* rc-motion's prepare frame is where the trigger measures and aligns the popup, so it\n       must stay untransformed (a scaled box would misalign). Without an opacity of its own\n       it painted fully visible at the final spot for one frame, then snapped back to the\n       start state below and animated in again: that flash + jump read as jitter on open. */\n    &.${MOTION}-appear-prepare, &.${MOTION}-enter-prepare {\n      opacity: 0;\n    }\n\n    &.${MOTION}-appear-start, &.${MOTION}-enter-start {\n      transform: translateY(-4px) scale(0.98);\n      opacity: 0;\n    }\n\n    &.${MOTION}-appear-active, &.${MOTION}-enter-active {\n      transform: none;\n      opacity: 1;\n      transition:\n        opacity 150ms ${cssVar.motionEaseOut},\n        transform 150ms ${cssVar.motionEaseOut};\n    }\n\n    &.${MOTION}-leave-active {\n      transform: translateY(-4px) scale(0.98);\n      opacity: 0;\n      transition:\n        opacity 100ms ${cssVar.motionEaseInOut},\n        transform 100ms ${cssVar.motionEaseInOut};\n    }\n  `,\n}));\n"],"mappings":"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"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/DatePicker/style.ts"],"sourcesContent":["import { focusRing } from '@/base-ui/focusRing';\nimport { createStaticStyles } from '@/utils/styleEngine';\n\n/** Own prefix so rc-picker class names never collide with antd's global `.ant-picker` CSS. */\nexport const PREFIX_CLS = 'lobe-picker';\n\nconst P = PREFIX_CLS;\nconst MOTION = `${P}-slide-up`;\n\n/**\n * Styles for rc-picker's class-name contract. `root` is passed as `rootClassName`, which\n * rc-picker puts on both the input box (`.lobe-picker`) and the popup\n * (`.lobe-picker-dropdown`); the box itself reuses base-ui Input's `rootVariants`.\n */\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  /** antd's `underlined`: only a bottom border, applied over Input's `borderless`. */\n  underlined: css`\n    &.${P} {\n      border-block-end-color: ${cssVar.colorBorder};\n      border-radius: 0;\n    }\n\n    &.${P}:hover:not(:focus-within, .${P}-disabled) {\n      border-block-end-color: ${cssVar.colorPrimaryHover};\n    }\n\n    &.${P}:focus-within {\n      border-block-end-color: ${cssVar.colorPrimary};\n    }\n  `,\n  root: css`\n    /* ---------------------------------------------------------------- input box */\n\n    /* Size to content like antd: the shared Input root is width: 100%, which made the\n       picker stretch in a flex row and squeeze its siblings. Default to auto width (capped by\n       the container); a style / className width (e.g. 100%) still wins and the inputs grow. */\n    &.${P} {\n      position: relative;\n      width: auto;\n      max-width: 100%;\n    }\n\n    /* flex-basis auto, not 0: the input keeps its natural width from rc-picker's size\n       attribute (format length + 2) instead of collapsing when the root is auto width. */\n    &.${P} .${P}-input {\n      position: relative;\n\n      display: inline-flex;\n      flex: 1 1 auto;\n      gap: 8px;\n      align-items: center;\n\n      min-width: 0;\n    }\n\n    &.${P} .${P}-input > input {\n      flex: 1 1 auto;\n\n      width: auto;\n      min-width: 0;\n      padding: 0;\n      border: none;\n\n      font: inherit;\n      font-variant-numeric: tabular-nums;\n      color: inherit;\n      text-overflow: ellipsis;\n\n      appearance: none;\n      background: transparent;\n      outline: none;\n\n      &::placeholder {\n        color: ${cssVar.colorTextPlaceholder};\n      }\n\n      &:disabled {\n        cursor: not-allowed;\n      }\n    }\n\n    /*\n     * \\`disabled: [boolean, boolean]\\`: Input greys the whole root on \\`:has(input:disabled)\\`;\n     * while one end stays editable (rc adds \\`-disabled\\` only when both are), grey just that end.\n     */\n    &.${P}-range:not(.${P}-disabled):has(input:disabled) {\n      cursor: auto;\n      color: ${cssVar.colorText};\n      opacity: 1;\n    }\n\n    &.${P}-range:not(.${P}-disabled) .${P}-input:has(> input:disabled) {\n      cursor: not-allowed;\n      color: ${cssVar.colorTextQuaternary};\n    }\n\n    /* hover preview text from presets / cells */\n    &.${P} .${P}-input-placeholder > input {\n      color: ${cssVar.colorTextPlaceholder};\n    }\n\n    &.${P} .${P}-prefix {\n      display: inline-flex;\n      flex: none;\n      align-items: center;\n      color: ${cssVar.colorTextTertiary};\n    }\n\n    &.${P} .${P}-suffix {\n      pointer-events: none;\n\n      display: inline-flex;\n      flex: none;\n      align-items: center;\n      justify-content: center;\n\n      width: 16px;\n\n      color: ${cssVar.colorTextTertiary};\n\n      transition: opacity 150ms ${cssVar.motionEaseOut};\n    }\n\n    /* the clear button sits on top of the suffix icon (16px wide + 8px gap) */\n    &.${P} .${P}-clear {\n      cursor: pointer;\n\n      position: relative;\n      z-index: 1;\n\n      display: inline-flex;\n      flex: none;\n      align-items: center;\n      justify-content: center;\n\n      width: 16px;\n      height: 16px;\n      margin-inline-start: -24px;\n      padding: 0;\n      border: 0;\n      border-radius: 50%;\n\n      color: ${cssVar.colorBgContainer};\n\n      opacity: 0;\n      background: ${cssVar.colorTextQuaternary};\n\n      transition: opacity 150ms ${cssVar.motionEaseOut};\n\n      &:hover {\n        background: ${cssVar.colorTextTertiary};\n      }\n    }\n\n    &.${P}:not(.${P}-disabled):hover .${P}-clear {\n      opacity: 1;\n    }\n\n    &.${P}:not(.${P}-disabled):hover .${P}-suffix:not(:last-child) {\n      opacity: 0;\n    }\n\n    &.${P}-disabled .${P}-clear {\n      display: none;\n    }\n\n    /*\n     * multiple: rc-picker's tags (\\`-selection-item\\`, also the \\`+ N ...\\` rest) in base-ui Tag's\n     * filled look, sized as antd (control height - 8px) and wrapping the box when they overflow.\n     */\n    &.${P}-multiple {\n      --lobe-picker-tag-height: 24px;\n\n      cursor: pointer;\n      padding-block: 1px;\n    }\n\n    &.${P}-multiple.${P}-small {\n      --lobe-picker-tag-height: 16px;\n    }\n\n    &.${P}-multiple.${P}-large {\n      --lobe-picker-tag-height: 32px;\n    }\n\n    &.${P}-multiple .${P}-selector {\n      position: relative;\n      flex: 1;\n      min-width: 0;\n    }\n\n    &.${P}-multiple .${P}-selection-overflow {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      max-width: 100%;\n    }\n\n    &.${P}-multiple .${P}-selection-overflow-item {\n      flex: none;\n      max-width: 100%;\n    }\n\n    &.${P}-multiple .${P}-selection-item {\n      display: flex;\n      gap: 4px;\n      align-items: center;\n\n      box-sizing: border-box;\n      max-width: 100%;\n      height: var(--lobe-picker-tag-height);\n      margin-block: 2px;\n      margin-inline-end: 4px;\n      padding-inline: 8px 4px;\n      border-radius: ${cssVar.borderRadiusSM};\n\n      font-size: ${cssVar.fontSizeSM};\n      line-height: var(--lobe-picker-tag-height);\n      color: ${cssVar.colorText};\n      white-space: nowrap;\n\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &.${P}-multiple.${P}-large .${P}-selection-item {\n      font-size: ${cssVar.fontSize};\n    }\n\n    &.${P}-multiple .${P}-selection-item:not(:has(.${P}-selection-item-remove)) {\n      padding-inline-end: 8px;\n    }\n\n    &.${P}-multiple .${P}-selection-item-content {\n      overflow: hidden;\n      font-variant-numeric: tabular-nums;\n      text-overflow: ellipsis;\n    }\n\n    &.${P}-multiple .${P}-selection-item-remove {\n      cursor: pointer;\n\n      display: inline-flex;\n      flex: none;\n      align-items: center;\n\n      color: ${cssVar.colorIcon};\n\n      &:hover {\n        color: ${cssVar.colorTextHeading};\n      }\n    }\n\n    &.${P}-multiple .${P}-selection-placeholder {\n      overflow: hidden;\n      display: block;\n\n      line-height: calc(var(--lobe-picker-tag-height) + 4px);\n      color: ${cssVar.colorTextPlaceholder};\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    /* the selector shows the value; rc-picker keeps this readonly input only for focus */\n    &.${P}-multiple .${P}-multiple-input {\n      position: absolute;\n      z-index: -1;\n\n      width: 0;\n      height: 0;\n      padding: 0;\n      border: 0;\n\n      opacity: 0;\n    }\n\n    &.${P}-multiple.${P}-disabled {\n      cursor: not-allowed;\n      color: ${cssVar.colorTextQuaternary};\n      opacity: 0.66;\n    }\n\n    /* status: border + focus ring per variant, as antd's genStatusStyle */\n    &.${P}-status-error {\n      --lobe-picker-status: ${cssVar.colorError};\n      --lobe-picker-status-hover: ${cssVar.colorErrorBorderHover};\n      --lobe-picker-status-bg: ${cssVar.colorErrorBg};\n      --lobe-picker-status-bg-hover: ${cssVar.colorErrorBgHover};\n    }\n\n    &.${P}-status-warning {\n      --lobe-picker-status: ${cssVar.colorWarning};\n      --lobe-picker-status-hover: ${cssVar.colorWarningBorderHover};\n      --lobe-picker-status-bg: ${cssVar.colorWarningBg};\n      --lobe-picker-status-bg-hover: ${cssVar.colorWarningBgHover};\n    }\n\n    &:is(.${P}-status-error, .${P}-status-warning):not(.${P}-disabled) {\n      &.${P}-outlined {\n        border-color: var(--lobe-picker-status);\n\n        &:hover:not(:focus-within) {\n          border-color: var(--lobe-picker-status-hover);\n        }\n\n        &:focus-within {\n          border-color: var(--lobe-picker-status);\n          box-shadow: 0 0 0 2px var(--lobe-picker-status-bg);\n        }\n      }\n\n      &.${P}-filled {\n        background: var(--lobe-picker-status-bg);\n\n        &:hover:not(:focus-within) {\n          background: var(--lobe-picker-status-bg-hover);\n        }\n\n        &:focus-within {\n          border-color: var(--lobe-picker-status);\n          background: ${cssVar.colorBgContainer};\n        }\n      }\n\n      &.${P}-underlined {\n        border-block-end-color: var(--lobe-picker-status);\n      }\n\n      &:is(.${P}-borderless, .${P}-underlined) .${P}-input > input {\n        color: var(--lobe-picker-status);\n      }\n\n      .${P}-prefix {\n        color: var(--lobe-picker-status);\n      }\n    }\n\n    /* rtl: rc-picker adds the -rtl modifier to the box and the popup; lucide arrows are mirrored */\n    &.${P}-rtl, &.${P}-dropdown-rtl {\n      direction: rtl;\n    }\n\n    &.${P}-rtl .${P}-range-separator .lucide,\n    &.${P}-dropdown-rtl .${P}-header > button .lucide {\n      transform: scaleX(-1);\n    }\n\n    /* range: two inputs, a separator and the bar under the active field */\n    &.${P}-range .${P}-input {\n      flex: 1 1 auto;\n    }\n\n    &.${P}-range .${P}-range-separator {\n      display: inline-flex;\n      flex: none;\n      align-items: center;\n      color: ${cssVar.colorTextTertiary};\n    }\n\n    &.${P}-range .${P}-active-bar {\n      pointer-events: none;\n\n      position: absolute;\n      inset-block-end: -1px;\n\n      height: 2px;\n\n      opacity: 0;\n      background: ${cssVar.colorPrimary};\n\n      transition:\n        inset-inline-start 200ms ${cssVar.motionEaseOut},\n        width 200ms ${cssVar.motionEaseOut},\n        opacity 200ms ${cssVar.motionEaseOut};\n    }\n\n    &.${P}-range.${P}-focused .${P}-active-bar {\n      opacity: 1;\n    }\n\n    /* ---------------------------------------------------------------- popup */\n    &.${P}-dropdown {\n      /* nested in a base-ui Modal / Popover layer that sets pointer-events: none */\n      pointer-events: auto;\n\n      position: absolute;\n      inset-block-start: -9999px;\n      inset-inline-start: -9999px;\n\n      font-size: 14px;\n      color: ${cssVar.colorText};\n    }\n\n    &.${P}-dropdown-hidden {\n      display: none;\n    }\n\n    &.${P}-dropdown .${P}-range-arrow {\n      display: none;\n    }\n\n    /* rc-trigger stretches the popup to the input width; only the container is painted */\n    &.${P}-dropdown .${P}-panel-container {\n      overflow: hidden;\n      display: inline-block;\n\n      border-radius: 16px;\n\n      vertical-align: top;\n\n      background: ${cssVar.colorBgElevated};\n      box-shadow: ${cssVar.boxShadow}, var(--lobe-ring);\n    }\n\n    &.${P}-dropdown .${P}-panel-layout {\n      display: flex;\n      align-items: stretch;\n    }\n\n    &.${P}-dropdown .${P}-panels {\n      display: flex;\n      flex-wrap: nowrap;\n    }\n\n    /* presets: a sidebar on the start side of the panels, as in antd */\n    &.${P}-dropdown .${P}-presets {\n      display: flex;\n      flex-direction: column;\n\n      min-width: 120px;\n      max-width: 200px;\n\n      /* divider one step lighter than the panel borders: light colorFillSecondary,\n         dark colorFillTertiary (see the -dropdown-dark rule below) */\n      border-inline-end: 1px solid ${cssVar.colorFillSecondary};\n\n      /* slightly tinted; the panel container's radius + overflow clip it */\n      background: ${cssVar.colorFillQuaternary};\n\n      ul {\n        overflow: auto;\n        flex: auto;\n\n        height: 0;\n        margin: 0;\n        padding: 6px;\n\n        list-style: none;\n      }\n\n      li {\n        cursor: pointer;\n\n        overflow: hidden;\n\n        padding-block: 4px;\n        padding-inline: 8px;\n        border-radius: 6px;\n\n        font-size: 13px;\n        line-height: 20px;\n        color: ${cssVar.colorText};\n        text-overflow: ellipsis;\n        white-space: nowrap;\n\n        transition: background-color 150ms ${cssVar.motionEaseOut};\n\n        &:hover {\n          background: ${cssVar.colorFillTertiary};\n        }\n\n        &:has(> .${P}-preset-active) {\n          font-weight: 500;\n          background: ${cssVar.colorFillSecondary};\n        }\n      }\n\n      li + li {\n        margin-block-start: 2px;\n      }\n    }\n\n    /* dark: fill tokens are white-alpha and would lighten the sidebar, so darken it */\n    &.${P}-dropdown.${P}-dropdown-dark .${P}-presets {\n      border-inline-end-color: ${cssVar.colorFillTertiary};\n      background: rgb(0 0 0 / 12%);\n    }\n\n    &.${P}-dropdown .${P}-panel {\n      display: inline-flex;\n      flex-direction: column;\n      outline: none;\n    }\n\n    &.${P}-dropdown .${P}-panels > .${P}-panel + .${P}-panel {\n      border-inline-start: 1px solid ${cssVar.colorBorderSecondary};\n    }\n\n    &.${P}-dropdown\n      :is(\n        .${P}-date-panel,\n          .${P}-week-panel,\n          .${P}-month-panel,\n          .${P}-quarter-panel,\n          .${P}-year-panel,\n          .${P}-decade-panel\n      ) {\n      width: 288px;\n    }\n\n    /* header: << < [month year] > >> */\n    &.${P}-dropdown .${P}-header {\n      display: flex;\n      gap: 2px;\n      align-items: center;\n\n      padding-block: 12px 4px;\n      padding-inline: 12px;\n    }\n\n    &.${P}-dropdown .${P}-header > button {\n      ${focusRing};\n      cursor: pointer;\n\n      display: inline-flex;\n      flex: none;\n      align-items: center;\n      justify-content: center;\n\n      width: 28px;\n      height: 28px;\n      padding: 0;\n      border: 0;\n      border-radius: 50%;\n\n      color: ${cssVar.colorTextSecondary};\n\n      background: none;\n\n      &:hover:not(:disabled) {\n        color: ${cssVar.colorText};\n        background: ${cssVar.colorFillTertiary};\n      }\n    }\n\n    &.${P}-dropdown\n      :is(\n        .${P}-header-prev-btn-disabled,\n          .${P}-header-next-btn-disabled,\n          .${P}-header-super-prev-btn-disabled,\n          .${P}-header-super-next-btn-disabled\n      ) {\n      cursor: not-allowed;\n      opacity: 0.3;\n    }\n\n    &.${P}-dropdown .${P}-header-view {\n      display: flex;\n      flex: 1;\n      gap: 4px;\n      align-items: center;\n      justify-content: center;\n\n      min-width: 0;\n\n      font-weight: 600;\n    }\n\n    &.${P}-dropdown .${P}-header-view > button {\n      ${focusRing};\n      cursor: pointer;\n\n      padding-block: 2px;\n      padding-inline: 4px;\n      border: 0;\n      border-radius: 6px;\n\n      font: inherit;\n      color: inherit;\n\n      background: none;\n\n      &:hover:not(:disabled) {\n        color: ${cssVar.colorPrimary};\n      }\n\n      &:disabled {\n        cursor: default;\n      }\n    }\n\n    /* body + cells */\n    &.${P}-dropdown .${P}-body {\n      padding-block: 4px 12px;\n      padding-inline: 12px;\n    }\n\n    &.${P}-dropdown .${P}-content {\n      table-layout: fixed;\n      border-collapse: collapse;\n      width: 100%;\n    }\n\n    &.${P}-dropdown .${P}-content th {\n      height: 28px;\n      padding: 0;\n\n      font-size: 12px;\n      font-weight: 400;\n      color: ${cssVar.colorTextTertiary};\n      text-align: center;\n    }\n\n    &.${P}-dropdown .${P}-cell {\n      cursor: pointer;\n\n      position: relative;\n\n      padding-block: 2px;\n      padding-inline: 0;\n\n      color: ${cssVar.colorTextQuaternary};\n      text-align: center;\n\n      &::before {\n        content: '';\n\n        position: absolute;\n        z-index: 0;\n        inset-block-start: 50%;\n        inset-inline: 0;\n        transform: translateY(-50%);\n\n        height: 32px;\n      }\n    }\n\n    &.${P}-dropdown .${P}-cell-in-view {\n      color: ${cssVar.colorText};\n    }\n\n    &.${P}-dropdown .${P}-cell-inner {\n      position: relative;\n      z-index: 1;\n\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n\n      box-sizing: border-box;\n      min-width: 32px;\n      height: 32px;\n      border-radius: 999px;\n\n      font-size: 13px;\n      font-variant-numeric: tabular-nums;\n\n      transition:\n        background 150ms ${cssVar.motionEaseOut},\n        color 150ms ${cssVar.motionEaseOut};\n    }\n\n    &.${P}-dropdown\n      .${P}-cell:not(\n        .${P}-cell-disabled,\n        .${P}-cell-selected,\n        .${P}-cell-range-start,\n        .${P}-cell-range-end\n      ):hover\n      .${P}-cell-inner {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    /* today: bold only, no ring, fill or border */\n    &.${P}-dropdown .${P}-cell-in-view.${P}-cell-today .${P}-cell-inner {\n      font-weight: ${cssVar.fontWeightStrong};\n    }\n\n    &.${P}-dropdown\n      :is(\n        .${P}-cell-in-view.${P}-cell-selected,\n          .${P}-cell-in-view.${P}-cell-range-start,\n          .${P}-cell-in-view.${P}-cell-range-end\n      )\n      .${P}-cell-inner {\n      font-weight: 600;\n      color: ${cssVar.colorBgContainer};\n      background: ${cssVar.colorText};\n    }\n\n    &.${P}-dropdown .${P}-cell-in-view.${P}-cell-in-range::before {\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &.${P}-dropdown .${P}-cell-in-view.${P}-cell-range-start:not(.${P}-cell-range-end)::before {\n      inset-inline-start: 50%;\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &.${P}-dropdown .${P}-cell-in-view.${P}-cell-range-end:not(.${P}-cell-range-start)::before {\n      inset-inline-end: 50%;\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &.${P}-dropdown .${P}-cell-disabled {\n      cursor: not-allowed;\n      color: ${cssVar.colorTextQuaternary};\n    }\n\n    &.${P}-dropdown .${P}-cell-disabled::before {\n      background: transparent;\n    }\n\n    /* month / quarter / year / decade: wider pills in a 3-column grid */\n    &.${P}-dropdown\n      :is(.${P}-month-panel, .${P}-quarter-panel, .${P}-year-panel, .${P}-decade-panel)\n      .${P}-cell {\n      padding-block: 8px;\n    }\n\n    &.${P}-dropdown\n      :is(.${P}-month-panel, .${P}-quarter-panel, .${P}-year-panel, .${P}-decade-panel)\n      .${P}-cell::before {\n      height: 36px;\n    }\n\n    &.${P}-dropdown\n      :is(.${P}-month-panel, .${P}-quarter-panel, .${P}-year-panel, .${P}-decade-panel)\n      .${P}-cell-inner {\n      min-width: 64px;\n      height: 36px;\n      padding-inline: 8px;\n      font-size: 14px;\n    }\n\n    /* decade labels (\"2020-2029\") stay on one line */\n    &.${P}-dropdown .${P}-decade-panel .${P}-cell-inner {\n      padding-inline: 6px;\n      font-size: 13px;\n      white-space: nowrap;\n    }\n\n    /* week number column: always on the week panel, on the date panel with showWeek */\n    &.${P}-dropdown :is(.${P}-week-panel, .${P}-date-panel-show-week) {\n      width: 320px;\n    }\n\n    &.${P}-dropdown .${P}-cell-week {\n      font-size: 12px;\n      color: ${cssVar.colorTextTertiary};\n    }\n\n    &.${P}-dropdown .${P}-date-panel-show-week .${P}-cell-week {\n      cursor: default;\n    }\n\n    /* week panel: the whole row is one tile, painted through each cell's band */\n    &.${P}-dropdown .${P}-week-panel .${P}-cell:hover .${P}-cell-inner {\n      background: none;\n    }\n\n    &.${P}-dropdown .${P}-week-panel .${P}-cell:first-child::before {\n      inset-inline-start: 2px;\n      border-start-start-radius: 999px;\n      border-end-start-radius: 999px;\n    }\n\n    &.${P}-dropdown .${P}-week-panel .${P}-cell:last-child::before {\n      inset-inline-end: 2px;\n      border-start-end-radius: 999px;\n      border-end-end-radius: 999px;\n    }\n\n    &.${P}-dropdown .${P}-week-panel-row:hover .${P}-cell::before {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &.${P}-dropdown\n      .${P}-week-panel-row-range-hover\n      .${P}-cell::before,\n      &.${P}-dropdown\n      .${P}-week-panel-row-hover\n      .${P}-cell::before {\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    /* multiple: rc-picker marks every picked week but the first with \\`-row-hover\\` */\n    &.${P}-dropdown\n      :is(\n        .${P}-week-panel-row-selected,\n          .${P}-dropdown-multiple\n          .${P}-week-panel-row-hover,\n          .${P}-week-panel-row-range-start,\n          .${P}-week-panel-row-range-end\n      )\n      .${P}-cell {\n      color: ${cssVar.colorBgContainer};\n\n      &::before {\n        background: ${cssVar.colorText};\n      }\n\n      .${P}-cell-inner {\n        font-weight: 600;\n        box-shadow: none;\n      }\n    }\n\n    /* keyboard: the tile arrow keys moved to on month / quarter / year / decade panels */\n    &.${P}-dropdown .${P}-cell-keyboard-active {\n      display: none;\n    }\n\n    &.${P}-dropdown .${P}-cell-in-view:has(> .${P}-cell-keyboard-active) .${P}-cell-inner {\n      outline: 2px solid ${cssVar.colorPrimary};\n      outline-offset: 1px;\n    }\n\n    /* time: hour / minute / second / meridiem columns, beside the date panel with showTime */\n    &.${P}-dropdown .${P}-datetime-panel {\n      display: flex;\n      align-items: stretch;\n    }\n\n    &.${P}-dropdown .${P}-datetime-panel > .${P}-time-panel {\n      border-inline-start: 1px solid ${cssVar.colorBorderSecondary};\n    }\n\n    &.${P}-dropdown .${P}-time-panel {\n      display: flex;\n      flex-direction: column;\n      min-width: 0;\n    }\n\n    &.${P}-dropdown .${P}-time-panel .${P}-header-view {\n      height: 28px;\n      font-variant-numeric: tabular-nums;\n    }\n\n    &.${P}-dropdown .${P}-time-panel .${P}-content {\n      display: flex;\n      flex: auto;\n\n      height: 224px;\n      padding-block: 4px 12px;\n      padding-inline: 4px;\n    }\n\n    /* next to the date panel the columns take its height instead */\n    &.${P}-dropdown .${P}-datetime-panel .${P}-time-panel .${P}-content {\n      flex: 1 1 0;\n      height: auto;\n      min-height: 0;\n    }\n\n    &.${P}-dropdown .${P}-time-panel-column {\n      scrollbar-width: thin;\n\n      overflow-y: hidden;\n      flex: none;\n\n      width: 56px;\n      margin: 0;\n      padding: 0;\n\n      list-style: none;\n\n      /* lets the last option scroll up to the top, as in antd */\n      &::after {\n        content: '';\n        display: block;\n        height: calc(100% - 28px);\n      }\n\n      &:hover {\n        overflow-y: auto;\n      }\n    }\n\n    &.${P}-dropdown .${P}-time-panel-column + .${P}-time-panel-column {\n      border-inline-start: 1px solid ${cssVar.colorBorderSecondary};\n    }\n\n    &.${P}-dropdown .${P}-time-panel-cell {\n      cursor: pointer;\n      padding-block: 1px;\n      padding-inline: 4px;\n    }\n\n    &.${P}-dropdown .${P}-time-panel-cell-inner {\n      height: 26px;\n      border-radius: 6px;\n\n      font-size: 13px;\n      font-variant-numeric: tabular-nums;\n      line-height: 26px;\n      color: ${cssVar.colorText};\n      text-align: center;\n\n      transition:\n        background 150ms ${cssVar.motionEaseOut},\n        color 150ms ${cssVar.motionEaseOut};\n    }\n\n    &.${P}-dropdown\n      .${P}-time-panel-cell:not(.${P}-time-panel-cell-disabled, .${P}-time-panel-cell-selected):hover\n      .${P}-time-panel-cell-inner {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &.${P}-dropdown .${P}-time-panel-cell-selected .${P}-time-panel-cell-inner {\n      font-weight: 600;\n      color: ${cssVar.colorBgContainer};\n      background: ${cssVar.colorText};\n    }\n\n    &.${P}-dropdown .${P}-time-panel-cell-disabled {\n      cursor: not-allowed;\n\n      .${P}-time-panel-cell-inner {\n        color: ${cssVar.colorTextQuaternary};\n      }\n    }\n\n    /* footer: no background of its own; dividers match the presets sidebar divider */\n\n    /* footer: ONE row in one container — renderExtraFooter content on the start side,\n       Today / Now / OK on the end side — under a single divider. No background. */\n    &.${P}-dropdown .${P}-footer {\n      display: flex;\n      gap: 8px;\n      align-items: center;\n\n      min-width: 0;\n      border-block-start: 1px solid ${cssVar.colorFillSecondary};\n\n      background: none;\n    }\n\n    &.${P}-dropdown.${P}-dropdown-dark .${P}-footer {\n      border-block-start-color: ${cssVar.colorFillTertiary};\n    }\n\n    &.${P}-dropdown .${P}-footer-extra {\n      flex: 1;\n\n      min-width: 0;\n      padding-block: 8px;\n      padding-inline: 12px;\n\n      font-size: 13px;\n      line-height: 20px;\n      color: ${cssVar.colorTextSecondary};\n      text-align: start;\n    }\n\n    &.${P}-dropdown .${P}-footer-extra + .${P}-ranges {\n      flex: none;\n      padding-inline-start: 0;\n    }\n\n    &.${P}-dropdown .${P}-ranges {\n      display: flex;\n      flex: 1;\n      gap: 8px;\n      align-items: center;\n      justify-content: space-between;\n\n      margin: 0;\n      padding-block: 8px;\n      padding-inline: 12px;\n\n      list-style: none;\n    }\n\n    &.${P}-dropdown .${P}-ranges > .${P}-now {\n      margin-inline: auto;\n    }\n\n    /* Now on the start side, OK on the end side */\n    &.${P}-dropdown .${P}-ranges > .${P}-now:has(+ .${P}-ok) {\n      margin-inline: 0;\n    }\n\n    &.${P}-dropdown .${P}-ranges > .${P}-ok {\n      margin-inline-start: auto;\n    }\n\n    &.${P}-dropdown .${P}-now-btn {\n      ${focusRing};\n      cursor: pointer;\n\n      padding-block: 2px;\n      padding-inline: 8px;\n      border-radius: 6px;\n\n      font-size: 13px;\n      color: ${cssVar.colorText};\n\n      &:hover {\n        background: ${cssVar.colorFillTertiary};\n      }\n    }\n\n    &.${P}-dropdown .${P}-now-btn-disabled {\n      cursor: not-allowed;\n      color: ${cssVar.colorTextQuaternary};\n    }\n\n    /* motion (transitionName = lobe-picker-slide-up) */\n    &.${MOTION}-appear, &.${MOTION}-enter {\n      transform-origin: top center;\n    }\n\n    /* rc-motion's prepare frame is where the trigger measures and aligns the popup, so it\n       must stay untransformed (a scaled box would misalign). Without an opacity of its own\n       it painted fully visible at the final spot for one frame, then snapped back to the\n       start state below and animated in again: that flash + jump read as jitter on open. */\n    &.${MOTION}-appear-prepare, &.${MOTION}-enter-prepare {\n      opacity: 0;\n    }\n\n    &.${MOTION}-appear-start, &.${MOTION}-enter-start {\n      transform: translateY(-4px) scale(0.98);\n      opacity: 0;\n    }\n\n    &.${MOTION}-appear-active, &.${MOTION}-enter-active {\n      transform: none;\n      opacity: 1;\n      transition:\n        opacity 150ms ${cssVar.motionEaseOut},\n        transform 150ms ${cssVar.motionEaseOut};\n    }\n\n    &.${MOTION}-leave-active {\n      transform: translateY(-4px) scale(0.98);\n      opacity: 0;\n      transition:\n        opacity 100ms ${cssVar.motionEaseInOut},\n        transform 100ms ${cssVar.motionEaseInOut};\n    }\n  `,\n}));\n"],"mappings":"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"}

package/es/base-ui/DatePicker/type.d.mts

@@ -45,11 +45,11 @@ type PickerLocaleInput = Omit<Partial<PickerLocale>, 'lang' | 'timePickerLocale'
   timePickerLocale?: TimePickerLocale;
 };
 /** A `presets` entry: `value` may be a function, evaluated when the preset is hovered or picked. */
-type PresetDate<T = Dayjs> = ValueDate<T>;
+type PresetDate<T = Date> = ValueDate<T>;
 /** `components`: replace a panel (`date` / `week` / … / `time`), the `input` or the OK `button`. */
-type PickerComponents = Components<Dayjs>;
+type PickerComponents = Components<Date>;
 /** Props a custom panel in `components` receives (`value`, `onSelect`, `onHover`, …). */
-type PickerPanelProps = SharedPanelProps<Dayjs>;
+type PickerPanelProps<DateType extends object = Date> = SharedPanelProps<DateType>;
 /** `middle` is kept as an alias of `medium`. */
 type PickerSize = 'large' | 'medium' | 'small' | 'middle';
 type PickerVariant = 'outlined' | 'borderless' | 'filled' | 'underlined';
@@ -108,7 +108,7 @@ interface LobePickerProps {
   variant?: PickerVariant;
 }
 /** Props `tagRender` receives for each picked date in `multiple` mode. */
-interface PickerTagProps<DateType extends object = Dayjs> {
+interface PickerTagProps<DateType extends object = Date> {
   closable: boolean;
   disabled: boolean;
   /** The date formatted with `format`. */
@@ -119,25 +119,39 @@ interface PickerTagProps<DateType extends object = Dayjs> {
 }
 /** `dateString` of a value: a string per date in `multiple` mode. */
 type PickerDateStrings<ValueType> = ValueType extends readonly unknown[] ? string[] : string | null;
+/**
+ * Date inputs the previous lobe DatePicker took (native `Date`), plus date strings and
+ * timestamps. On the dayjs pickers they are converted to `Dayjs`; callbacks always get `Dayjs`.
+ */
+type LegacyDateInput = Date | string | number;
+/** A date prop value: `Dayjs` or a `LegacyDateInput` on the dayjs pickers, else `DateType`. */
+type PickerDateInput<DateType> = DateType extends Dayjs ? Dayjs | LegacyDateInput : DateType extends Date ? Dayjs | LegacyDateInput : DateType;
+/** Range `onChange` dates: never `null` on the default (native `Date`) picker, as before. */
+type RangeChangeDates<DateType extends object> = DateType extends Date ? DateRangeValue<DateType> : DateRangeValue<DateType> | null;
+type RangeChangeStrings<DateType extends object> = DateType extends Date ? [string, string] : [string, string] | null;
+/** `PickerDateInput` for a single value or each date of a `multiple` array. */
+type PickerValueInput<ValueType> = ValueType extends readonly (infer D)[] ? PickerDateInput<D>[] : PickerDateInput<ValueType>;
 /**
  * antd's `PickerPropsWithMultiple`: `InnerPickerProps` with the value props typed by
  * `ValueType` — `DateType` for one date, `DateType[]` with `multiple`.
  */
 type PickerPropsWithMultiple<DateType, InnerPickerProps, ValueType = DateType> = Omit<InnerPickerProps, 'defaultValue' | 'onCalendarChange' | 'onChange' | 'onOk' | 'value'> & {
-  defaultValue?: ValueType | null;
-  onCalendarChange?: (date: ValueType | null, dateString: PickerDateStrings<ValueType>, info: BaseInfo) => void;
+  /** Also takes a native `Date`, date string or timestamp (converted to `Dayjs`). */
+  defaultValue?: PickerValueInput<ValueType> | null;
+  onCalendarChange?(date: ValueType | null, dateString: PickerDateStrings<ValueType>, info: BaseInfo): void;
   /** Cleared: `null` for one date, `[]` with `multiple`. */
-  onChange?: (date: ValueType | null, dateString: PickerDateStrings<ValueType>) => void;
-  onOk?: (date?: ValueType | null) => void;
-  value?: ValueType | null;
+  onChange?(date: ValueType | null, dateString: PickerDateStrings<ValueType>): void;
+  onOk?(date?: ValueType | null): void;
+  /** Also takes a native `Date`, date string or timestamp (converted to `Dayjs`). */
+  value?: PickerValueInput<ValueType> | null;
 };
 /**
  * DatePicker props other than the value ones, which `PickerPropsWithMultiple` adds.
  * `DateType` is the date library's type (`Dayjs`, or another one with `generatePicker`).
  */
-interface DatePickerBaseProps<DateType extends object = Dayjs> extends Omit<PickerProps<DateType>, InternalRcProps | MultipleRcProps | ValueRcProps>, LobePickerProps {
+interface DatePickerBaseProps<DateType extends object = Date> extends Omit<PickerProps<DateType>, InternalRcProps | MultipleRcProps | ValueRcProps>, LobePickerProps {
   /** Semantic DOM class names: `root` / `prefix` / `input` / `suffix` and `popup.*`. */
-  classNames?: PickerClassNames<DatePickerProps<any>>;
+  classNames?: PickerClassNames<DatePickerBaseProps<DateType>>;
   /** @deprecated Use `renderExtraFooter` instead. */
   footer?: ReactNode;
   /**
@@ -147,14 +161,14 @@ interface DatePickerBaseProps<DateType extends object = Dayjs> extends Omit<Pick
    */
   locale?: PickerLocaleInput;
   /** @deprecated Use `maxDate` instead. */
-  max?: DateType;
+  max?: PickerDateInput<DateType>;
   /**
    * `multiple`: at most this many tags; `'responsive'` fits as many as the width allows.
    * The rest collapse into a `+ N ...` tag.
    */
   maxTagCount?: number | 'responsive';
   /** @deprecated Use `minDate` instead. */
-  min?: DateType;
+  min?: PickerDateInput<DateType>;
   /**
    * Pick several dates, shown as tags; clicking a picked cell again removes it. Works on
    * every `picker` except with `showTime`. Values are `Dayjs[]`, sorted unless
@@ -174,7 +188,7 @@ interface DatePickerBaseProps<DateType extends object = Dayjs> extends Omit<Pick
   /** `multiple`: the remove icon of each tag. */
   removeIcon?: ReactNode;
   /** Semantic DOM styles: `root` / `prefix` / `input` / `suffix` and `popup.*`. */
-  styles?: PickerStyles<DatePickerProps<any>>;
+  styles?: PickerStyles<DatePickerBaseProps<DateType>>;
   /** `multiple`: render each picked date's tag, e.g. with base-ui `Tag`. */
   tagRender?: (props: PickerTagProps<DateType>) => ReactNode;
 }
@@ -182,19 +196,19 @@ interface DatePickerBaseProps<DateType extends object = Dayjs> extends Omit<Pick
  * `ValueType` is `Dayjs` (default) or `Dayjs[]` with `multiple`; `<DatePicker multiple>`
  * infers `Dayjs[]` by itself.
  */
-type DatePickerProps<ValueType = Dayjs> = PickerPropsWithMultiple<Dayjs, DatePickerBaseProps, ValueType>;
-type DateRangeValue<DateType extends object = Dayjs> = [DateType | null, DateType | null];
+type DatePickerProps<ValueType = Date> = PickerPropsWithMultiple<Date, DatePickerBaseProps, ValueType>;
+type DateRangeValue<DateType extends object = Date> = [DateType | null, DateType | null];
 /** Which end of a range an event belongs to. */
 interface RangeInfo {
   range: 'start' | 'end';
 }
 /** `info.from` is the end picked first in the current range selection. */
-type RangeDisabledDate<DateType extends object = Dayjs> = (current: DateType, info: {
+type RangeDisabledDate<DateType extends object = Date> = (current: DateType, info: {
   from?: DateType;
   type: PanelMode;
 }) => boolean;
 type RangeRcProps = 'allowEmpty' | 'disabled' | 'disabledDate' | 'id' | 'onBlur' | 'onFocus' | 'order';
-interface DateRangePickerProps<DateType extends object = Dayjs> extends Omit<RangePickerProps<DateType>, InternalRcProps | RangeRcProps | ValueRcProps>, LobePickerProps {
+interface DateRangePickerProps<DateType extends object = Date> extends Omit<RangePickerProps<DateType>, InternalRcProps | RangeRcProps | ValueRcProps>, LobePickerProps {
   /**
    * Allow leaving the start / end empty; `true` applies to both ends.
    * @default [false, false]
@@ -202,7 +216,8 @@ interface DateRangePickerProps<DateType extends object = Dayjs> extends Omit<Ran
   allowEmpty?: boolean | [boolean, boolean];
   /** Semantic DOM class names, see `DatePickerProps['classNames']`. */
   classNames?: PickerClassNames<DateRangePickerProps<DateType>>;
-  defaultValue?: [DateType | null | undefined, DateType | null | undefined];
+  /** Each end also takes a native `Date`, date string or timestamp (converted to `Dayjs`). */
+  defaultValue?: [PickerDateInput<DateType> | null | undefined, PickerDateInput<DateType> | null | undefined];
   /** Disable the whole picker, or each end separately with `[start, end]`. */
   disabled?: boolean | [boolean, boolean];
   /** Receives `info.from` once one end is picked, e.g. to limit the range length. */
@@ -217,14 +232,16 @@ interface DateRangePickerProps<DateType extends object = Dayjs> extends Omit<Ran
   /** antd `PickerLocale`, see `DatePickerProps['locale']`. */
   locale?: PickerLocaleInput;
   /** @deprecated Use `maxDate` instead. */
-  max?: DateType;
+  max?: PickerDateInput<DateType>;
   /** @deprecated Use `minDate` instead. */
-  min?: DateType;
+  min?: PickerDateInput<DateType>;
   onBlur?: (event: FocusEvent<HTMLElement>, info: RangeInfo) => void;
-  onCalendarChange?: (dates: DateRangeValue<DateType>, dateStrings: [string, string], info: RangeInfo) => void;
-  onChange?: (dates: DateRangeValue<DateType> | null, dateStrings: [string, string] | null) => void;
+  onCalendarChange?(dates: DateRangeValue<DateType>, dateStrings: [string, string], info: RangeInfo): void;
+  /** Cleared: `null` (antd). */
+  /** Cleared: `[null, null]` on the default (native `Date`) picker, `null` on the dayjs one (antd). */
+  onChange?(dates: RangeChangeDates<DateType>, dateStrings: RangeChangeStrings<DateType>): void;
   onFocus?: (event: FocusEvent<HTMLElement>, info: RangeInfo) => void;
-  onOk?: (dates: DateRangeValue<DateType>) => void;
+  onOk?(dates: DateRangeValue<DateType>): void;
   /**
    * Swap the ends when the end is earlier than the start; `false` keeps them as entered.
    * @default true
@@ -235,21 +252,22 @@ interface DateRangePickerProps<DateType extends object = Dayjs> extends Omit<Ran
   ref?: Ref<RangePickerRef>;
   /** Semantic DOM styles, see `DatePickerProps['styles']`. */
   styles?: PickerStyles<DateRangePickerProps<DateType>>;
-  value?: [DateType | null | undefined, DateType | null | undefined] | null;
+  /** Each end also takes a native `Date`, date string or timestamp (converted to `Dayjs`). */
+  value?: [PickerDateInput<DateType> | null | undefined, PickerDateInput<DateType> | null | undefined] | null;
 }
 /** antd `PickerProps<DateType>`: DatePicker props over any date library's type. */
-type PickerProps$1<DateType extends object = Dayjs, ValueType = DateType> = PickerPropsWithMultiple<DateType, DatePickerBaseProps<DateType>, ValueType>;
+type PickerProps$1<DateType extends object = Date, ValueType = DateType> = PickerPropsWithMultiple<DateType, DatePickerBaseProps<DateType>, ValueType>;
 /** Props of `DatePicker.WeekPicker` / `MonthPicker` / … : `picker` is fixed. */
-type PresetPickerProps<DateType extends object = Dayjs, ValueType = DateType> = Omit<PickerProps$1<DateType, ValueType>, 'picker'>;
-type WeekPickerProps<ValueType = Dayjs> = PresetPickerProps<Dayjs, ValueType>;
-type MonthPickerProps<ValueType = Dayjs> = PresetPickerProps<Dayjs, ValueType>;
-type YearPickerProps<ValueType = Dayjs> = PresetPickerProps<Dayjs, ValueType>;
-type QuarterPickerProps<ValueType = Dayjs> = PresetPickerProps<Dayjs, ValueType>;
+type PresetPickerProps<DateType extends object = Date, ValueType = DateType> = Omit<PickerProps$1<DateType, ValueType>, 'picker'>;
+type WeekPickerProps<ValueType = Date> = PresetPickerProps<Date, ValueType>;
+type MonthPickerProps<ValueType = Date> = PresetPickerProps<Date, ValueType>;
+type YearPickerProps<ValueType = Date> = PresetPickerProps<Date, ValueType>;
+type QuarterPickerProps<ValueType = Date> = PresetPickerProps<Date, ValueType>;
 /** antd `GenericTimePickerProps`: `DatePicker.TimePicker` has no `picker` / `showTime`. */
-type GenericTimePickerProps<DateType extends object = Dayjs, ValueType = DateType> = Omit<PickerProps$1<DateType, ValueType>, 'picker' | 'showTime'>;
-type TimePickerProps<ValueType = Dayjs> = GenericTimePickerProps<Dayjs, ValueType>;
+type GenericTimePickerProps<DateType extends object = Date, ValueType = DateType> = Omit<PickerProps$1<DateType, ValueType>, 'picker' | 'showTime'>;
+type TimePickerProps<ValueType = Date> = GenericTimePickerProps<Date, ValueType>;
 /** antd-style alias of `DateRangePickerProps`. */
-type RangePickerProps$1<DateType extends object = Dayjs> = DateRangePickerProps<DateType>;
+type RangePickerProps$1<DateType extends object = Date> = DateRangePickerProps<DateType>;
 /** antd `DatePickerSemanticType`: the Semantic DOM `classNames` / `styles` shapes. */
 interface DatePickerSemanticType {
   classNames?: PickerSemanticClassNames;
@@ -278,14 +296,22 @@ interface GeneratedDatePicker<DateType extends object> extends SinglePickerCompo
   WeekPicker: SinglePickerComponent<DateType, Omit<DatePickerBaseProps<DateType>, 'picker'>>;
   YearPicker: SinglePickerComponent<DateType, Omit<DatePickerBaseProps<DateType>, 'picker'>>;
 }
-/** The default `DatePicker` (Dayjs), with antd's pure panels and `generatePicker`. */
-interface DatePickerType extends GeneratedDatePicker<Dayjs> {
+/** The default `DatePicker` (native `Date`) or `DayjsDatePicker`, with antd's pure panels and `generatePicker`. */
+interface DatePickerType<D extends object = Date> extends GeneratedDatePicker<D> {
   /** Debug only: the popup panel rendered inline, always open (antd `render-panel`). */
-  _InternalPanelDoNotUseOrYouWillBeFired: ComponentType<DatePickerProps<any>>;
+  _InternalPanelDoNotUseOrYouWillBeFired: ComponentType<PickerPropsWithMultiple<D, DatePickerBaseProps<D>, any>>;
   /** Debug only: the RangePicker popup panel rendered inline, always open. */
-  _InternalRangePanelDoNotUseOrYouWillBeFired: ComponentType<DateRangePickerProps>;
+  _InternalRangePanelDoNotUseOrYouWillBeFired: ComponentType<DateRangePickerProps<D>>;
   generatePicker: <DateType extends object>(generateConfig: GenerateConfig<DateType>) => GeneratedDatePicker<DateType>;
 }
+/** `DayjsDatePicker`: the antd-aligned DatePicker over `Dayjs`. */
+type DayjsDatePickerType = DatePickerType<Dayjs>;
+/** `DayjsDatePicker` props: values and callbacks use `Dayjs` (`Dayjs[]` with `multiple`). */
+type DayjsDatePickerProps<ValueType = Dayjs> = PickerPropsWithMultiple<Dayjs, DatePickerBaseProps<Dayjs>, ValueType>;
+/** `DayjsDateRangePicker` props. */
+type DayjsDateRangePickerProps = DateRangePickerProps<Dayjs>;
+/** `DayjsDateRangePicker` value: `[Dayjs | null, Dayjs | null]`. */
+type DayjsDateRangeValue = DateRangeValue<Dayjs>;
 //#endregion
-export { CalendarMode, type CellRender, type CellRenderInfo, DatePickerBaseProps, DatePickerProps, DatePickerSemanticType, DatePickerType, DateRangePickerProps, DateRangeValue, GeneratedDatePicker, GenericTimePickerProps, MonthPickerProps, type PanelMode, PickerClassNames, PickerComponents, PickerDateStrings, PickerLocale, PickerLocaleInput, PickerLocaleLang, type PickerMode, PickerPanelProps, PickerPlacement, PickerPopupSemanticName, PickerProps$1 as PickerProps, PickerPropsWithMultiple, type PickerRef, PickerSemanticClassNames, PickerSemanticName, PickerSemanticStyles, PickerSize, PickerStatus, PickerStyles, PickerTagProps, PickerVariant, PresetDate, PresetPickerProps, QuarterPickerProps, RangeDisabledDate, RangeInfo, RangePickerComponent, RangePickerProps$1 as RangePickerProps, type RangePickerRef, SinglePickerComponent, TimePickerLocale, TimePickerProps, WeekPickerProps, YearPickerProps };
+export { CalendarMode, type CellRender, type CellRenderInfo, DatePickerBaseProps, DatePickerProps, DatePickerSemanticType, DatePickerType, DateRangePickerProps, DateRangeValue, DayjsDatePickerProps, DayjsDatePickerType, DayjsDateRangePickerProps, DayjsDateRangeValue, GeneratedDatePicker, GenericTimePickerProps, LegacyDateInput, MonthPickerProps, type PanelMode, PickerClassNames, PickerComponents, PickerDateInput, PickerDateStrings, PickerLocale, PickerLocaleInput, PickerLocaleLang, type PickerMode, PickerPanelProps, PickerPlacement, PickerPopupSemanticName, PickerProps$1 as PickerProps, PickerPropsWithMultiple, type PickerRef, PickerSemanticClassNames, PickerSemanticName, PickerSemanticStyles, PickerSize, PickerStatus, PickerStyles, PickerTagProps, PickerValueInput, PickerVariant, PresetDate, PresetPickerProps, QuarterPickerProps, RangeChangeDates, RangeChangeStrings, RangeDisabledDate, RangeInfo, RangePickerComponent, RangePickerProps$1 as RangePickerProps, type RangePickerRef, SinglePickerComponent, TimePickerLocale, TimePickerProps, WeekPickerProps, YearPickerProps };
 //# sourceMappingURL=type.d.mts.map

package/es/base-ui/DatePicker/usePresetActive.mjs

@@ -5,6 +5,7 @@ import { jsx } from "react/jsx-runtime";
 const sameDay = (a, b) => {
 	if (!a || !b) return !a && !b;
 	if (typeof a.isSame === "function") return a.isSame(b, "day");
+	if (a instanceof Date && b instanceof Date) return a.toDateString() === b.toDateString();
 	return a === b;
 };
 const sameValue = (a, b) => {

package/es/base-ui/DatePicker/usePresetActive.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"usePresetActive.mjs","names":[],"sources":["../../../src/base-ui/DatePicker/usePresetActive.tsx"],"sourcesContent":["import { type ReactNode, useCallback, useMemo, useState } from 'react';\n\nimport { PREFIX_CLS } from './style';\n\ninterface Preset {\n  label: ReactNode;\n  value: unknown;\n}\n\nconst sameDay = (a: any, b: any): boolean => {\n  if (!a || !b) return !a && !b;\n  if (typeof a.isSame === 'function') return a.isSame(b, 'day');\n  return a === b;\n};\n\nconst sameValue = (a: any, b: any): boolean => {\n  if (Array.isArray(a) || Array.isArray(b)) {\n    if (!Array.isArray(a) || !Array.isArray(b) || a.length !== b.length) return false;\n    return a.every((item, i) => sameDay(item, b[i]));\n  }\n  return sameDay(a, b);\n};\n\nexport const PRESET_ACTIVE_CLS = `${PREFIX_CLS}-preset-active`;\n\n/**\n * rc-picker renders `presets` as the popup sidebar but has no \"current preset\" state.\n * Mirror the picked value (controlled or not) and wrap the matching preset's label so the\n * sidebar can show it as selected (`li:has(> .lobe-picker-preset-active)`).\n */\nexport const usePresetActive = <P extends Preset>(\n  presets: P[] | undefined,\n  value: unknown,\n  defaultValue: unknown,\n) => {\n  const [inner, setInner] = useState<unknown>(defaultValue);\n  const current = value !== undefined ? value : inner;\n\n  const track = useCallback((next: unknown) => setInner(next), []);\n\n  const mapped = useMemo(() => {\n    if (!presets?.length || !current) return presets;\n    return presets.map((preset) => {\n      const v =\n        typeof preset.value === 'function' ? (preset.value as () => unknown)() : preset.value;\n      if (!sameValue(v, current)) return preset;\n      return { ...preset, label: <span className={PRESET_ACTIVE_CLS}>{preset.label}</span> };\n    });\n  }, [presets, current]);\n\n  return { presets: mapped, track };\n};\n"],"mappings":";;;;AASA,MAAM,WAAW,GAAQ,MAAoB;CAC3C,IAAI,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC;CAC5B,IAAI,OAAO,EAAE,WAAW,YAAY,OAAO,EAAE,OAAO,GAAG,KAAK;CAC5D,OAAO,MAAM;AACf;AAEA,MAAM,aAAa,GAAQ,MAAoB;CAC7C,IAAI,MAAM,QAAQ,CAAC,KAAK,MAAM,QAAQ,CAAC,GAAG;EACxC,IAAI,CAAC,MAAM,QAAQ,CAAC,KAAK,CAAC,MAAM,QAAQ,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,OAAO;EAC5E,OAAO,EAAE,OAAO,MAAM,MAAM,QAAQ,MAAM,EAAE,EAAE,CAAC;CACjD;CACA,OAAO,QAAQ,GAAG,CAAC;AACrB;AAEA,MAAa,oBAAoB,GAAG,WAAW;;;;;;AAO/C,MAAa,mBACX,SACA,OACA,iBACG;CACH,MAAM,CAAC,OAAO,YAAY,SAAkB,YAAY;CACxD,MAAM,UAAU,UAAU,KAAA,IAAY,QAAQ;CAE9C,MAAM,QAAQ,aAAa,SAAkB,SAAS,IAAI,GAAG,CAAC,CAAC;CAY/D,OAAO;EAAE,SAVM,cAAc;GAC3B,IAAI,CAAC,SAAS,UAAU,CAAC,SAAS,OAAO;GACzC,OAAO,QAAQ,KAAK,WAAW;IAC7B,MAAM,IACJ,OAAO,OAAO,UAAU,aAAc,OAAO,MAAwB,IAAI,OAAO;IAClF,IAAI,CAAC,UAAU,GAAG,OAAO,GAAG,OAAO;IACnC,OAAO;KAAE,GAAG;KAAQ,OAAO,oBAAC,QAAD;MAAM,WAAW;MAAoB,UAAA,OAAO;KAAY,CAAA;IAAE;GACvF,CAAC;EACH,GAAG,CAAC,SAAS,OAAO,CAEG;EAAG;CAAM;AAClC"}
+{"version":3,"file":"usePresetActive.mjs","names":[],"sources":["../../../src/base-ui/DatePicker/usePresetActive.tsx"],"sourcesContent":["import { type ReactNode, useCallback, useMemo, useState } from 'react';\n\nimport { PREFIX_CLS } from './style';\n\ninterface Preset {\n  label: ReactNode;\n  value: unknown;\n}\n\nconst sameDay = (a: any, b: any): boolean => {\n  if (!a || !b) return !a && !b;\n  if (typeof a.isSame === 'function') return a.isSame(b, 'day');\n  if (a instanceof Date && b instanceof Date) return a.toDateString() === b.toDateString();\n  return a === b;\n};\n\nconst sameValue = (a: any, b: any): boolean => {\n  if (Array.isArray(a) || Array.isArray(b)) {\n    if (!Array.isArray(a) || !Array.isArray(b) || a.length !== b.length) return false;\n    return a.every((item, i) => sameDay(item, b[i]));\n  }\n  return sameDay(a, b);\n};\n\nexport const PRESET_ACTIVE_CLS = `${PREFIX_CLS}-preset-active`;\n\n/**\n * rc-picker renders `presets` as the popup sidebar but has no \"current preset\" state.\n * Mirror the picked value (controlled or not) and wrap the matching preset's label so the\n * sidebar can show it as selected (`li:has(> .lobe-picker-preset-active)`).\n */\nexport const usePresetActive = <P extends Preset>(\n  presets: P[] | undefined,\n  value: unknown,\n  defaultValue: unknown,\n) => {\n  const [inner, setInner] = useState<unknown>(defaultValue);\n  const current = value !== undefined ? value : inner;\n\n  const track = useCallback((next: unknown) => setInner(next), []);\n\n  const mapped = useMemo(() => {\n    if (!presets?.length || !current) return presets;\n    return presets.map((preset) => {\n      const v =\n        typeof preset.value === 'function' ? (preset.value as () => unknown)() : preset.value;\n      if (!sameValue(v, current)) return preset;\n      return { ...preset, label: <span className={PRESET_ACTIVE_CLS}>{preset.label}</span> };\n    });\n  }, [presets, current]);\n\n  return { presets: mapped, track };\n};\n"],"mappings":";;;;AASA,MAAM,WAAW,GAAQ,MAAoB;CAC3C,IAAI,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC;CAC5B,IAAI,OAAO,EAAE,WAAW,YAAY,OAAO,EAAE,OAAO,GAAG,KAAK;CAC5D,IAAI,aAAa,QAAQ,aAAa,MAAM,OAAO,EAAE,aAAa,MAAM,EAAE,aAAa;CACvF,OAAO,MAAM;AACf;AAEA,MAAM,aAAa,GAAQ,MAAoB;CAC7C,IAAI,MAAM,QAAQ,CAAC,KAAK,MAAM,QAAQ,CAAC,GAAG;EACxC,IAAI,CAAC,MAAM,QAAQ,CAAC,KAAK,CAAC,MAAM,QAAQ,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,OAAO;EAC5E,OAAO,EAAE,OAAO,MAAM,MAAM,QAAQ,MAAM,EAAE,EAAE,CAAC;CACjD;CACA,OAAO,QAAQ,GAAG,CAAC;AACrB;AAEA,MAAa,oBAAoB,GAAG,WAAW;;;;;;AAO/C,MAAa,mBACX,SACA,OACA,iBACG;CACH,MAAM,CAAC,OAAO,YAAY,SAAkB,YAAY;CACxD,MAAM,UAAU,UAAU,KAAA,IAAY,QAAQ;CAE9C,MAAM,QAAQ,aAAa,SAAkB,SAAS,IAAI,GAAG,CAAC,CAAC;CAY/D,OAAO;EAAE,SAVM,cAAc;GAC3B,IAAI,CAAC,SAAS,UAAU,CAAC,SAAS,OAAO;GACzC,OAAO,QAAQ,KAAK,WAAW;IAC7B,MAAM,IACJ,OAAO,OAAO,UAAU,aAAc,OAAO,MAAwB,IAAI,OAAO;IAClF,IAAI,CAAC,UAAU,GAAG,OAAO,GAAG,OAAO;IACnC,OAAO;KAAE,GAAG;KAAQ,OAAO,oBAAC,QAAD;MAAM,WAAW;MAAoB,UAAA,OAAO;KAAY,CAAA;IAAE;GACvF,CAAC;EACH,GAAG,CAAC,SAAS,OAAO,CAEG;EAAG;CAAM;AAClC"}

package/es/base-ui/ProTable/FieldControl.mjs

@@ -2,8 +2,8 @@ import Switch from "../Switch/Switch.mjs";
 import Input_default from "../Input/Input.mjs";
 import InputNumber_default from "../Input/InputNumber.mjs";
 import Select from "../Select/Select.mjs";
-import DatePicker from "../DatePicker/DatePicker.mjs";
-import DateRangePicker from "../DatePicker/DateRangePicker.mjs";
+import DayjsDatePicker from "../DatePicker/DayjsDatePicker.mjs";
+import DayjsDateRangePicker from "../DatePicker/DayjsDateRangePicker.mjs";
 import { useColumnRequest } from "./useColumnRequest.mjs";
 import { resolveValueEnum, resolveValueType, valueEnumToList } from "./utils.mjs";
 import { jsx } from "react/jsx-runtime";
@@ -73,7 +73,7 @@ const FieldControl = ({ column, form, light, onChange, placeholder, value }) =>
 			onChange: (next) => onChange(next)
 		});
 		case "date":
-		case "dateTime": return /* @__PURE__ */ jsx(DatePicker, {
+		case "dateTime": return /* @__PURE__ */ jsx(DayjsDatePicker, {
 			allowClear: true,
 			placeholder: light ? label : placeholder.select,
 			size,
@@ -84,7 +84,7 @@ const FieldControl = ({ column, form, light, onChange, placeholder, value }) =>
 			onChange: (next) => onChange(next ?? void 0)
 		});
 		case "dateRange":
-		case "dateTimeRange": return /* @__PURE__ */ jsx(DateRangePicker, {
+		case "dateTimeRange": return /* @__PURE__ */ jsx(DayjsDateRangePicker, {
 			allowClear: true,
 			size,
 			style: { width: "100%" },

package/es/base-ui/ProTable/FieldControl.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FieldControl.mjs","names":["InputNumber","Input"],"sources":["../../../src/base-ui/ProTable/FieldControl.tsx"],"sourcesContent":["import { useThemeMode } from 'antd-style';\nimport { type ReactNode } from 'react';\n\nimport DatePicker from '@/base-ui/DatePicker/DatePicker';\nimport DateRangePicker from '@/base-ui/DatePicker/DateRangePicker';\nimport Input from '@/base-ui/Input/Input';\nimport InputNumber from '@/base-ui/Input/InputNumber';\nimport Select from '@/base-ui/Select';\nimport Switch from '@/base-ui/Switch';\n\nimport type { ProColumnType, ProTableFormInstance, ProTableValueType } from './type';\nimport { useColumnRequest } from './useColumnRequest';\nimport { resolveValueEnum, resolveValueType, valueEnumToList } from './utils';\n\nexport interface FieldControlProps {\n  column: ProColumnType<any>;\n  form: ProTableFormInstance;\n  /** Light filter bar: small controls, outlined in light mode and filled in dark mode. */\n  light?: boolean;\n  onChange: (value: any) => void;\n  placeholder: { input: string; select: string };\n  value: any;\n}\n\nconst SELECT_TYPES = new Set<ProTableValueType>(['select', 'radio', 'checkbox']);\n\n/** The search-form control of a column (Pro \"edit\" mode, query flavor). */\nconst FieldControl = ({ column, form, light, onChange, placeholder, value }: FieldControlProps) => {\n  const valueType = resolveValueType(column) ?? 'text';\n  const valueEnum = resolveValueEnum(column);\n  const { fieldProps = {} } = column;\n  const label = typeof column.title === 'string' ? column.title : undefined;\n  const size = light ? 'small' : undefined;\n  const { isDarkMode } = useThemeMode();\n  // Light filter: outlined on light backgrounds, filled in dark mode.\n  const variant = light ? (isDarkMode ? 'filled' : 'outlined') : undefined;\n  const remote = useColumnRequest(column);\n\n  if (column.renderFormItem) {\n    return column.renderFormItem(\n      column,\n      { form, isQuery: !light, onChange, value },\n      form,\n    ) as ReactNode;\n  }\n\n  if (remote.enabled || valueEnum || SELECT_TYPES.has(valueType)) {\n    const options =\n      remote.options ??\n      fieldProps.options ??\n      valueEnumToList(valueEnum).map((item) => ({\n        disabled: item.disabled,\n        label: item.text,\n        value: item.value,\n      }));\n    return (\n      <Select\n        allowClear\n        loading={remote.loading}\n        mode={valueType === 'checkbox' ? 'multiple' : undefined}\n        options={options as any}\n        placeholder={light ? label : placeholder.select}\n        size={size}\n        style={{ width: '100%' }}\n        value={value ?? (valueType === 'checkbox' ? [] : null)}\n        variant={variant}\n        {...fieldProps}\n        onChange={(next) => onChange(next ?? undefined)}\n        onSearch={\n          remote.onSearch\n            ? (keyWords: string) => {\n                remote.onSearch!(keyWords);\n                fieldProps.onSearch?.(keyWords);\n              }\n            : fieldProps.onSearch\n        }\n      />\n    );\n  }\n\n  switch (valueType) {\n    case 'digit':\n    case 'money':\n    case 'percent':\n    case 'progress': {\n      return (\n        <InputNumber\n          placeholder={light ? label : placeholder.input}\n          size={size}\n          style={{ width: '100%' }}\n          value={value ?? null}\n          variant={variant}\n          {...fieldProps}\n          onChange={(next) => onChange(next ?? undefined)}\n        />\n      );\n    }\n    case 'switch': {\n      return <Switch checked={!!value} {...fieldProps} onChange={(next) => onChange(next)} />;\n    }\n    case 'date':\n    case 'dateTime': {\n      return (\n        <DatePicker\n          allowClear\n          placeholder={light ? label : placeholder.select}\n          size={size}\n          style={{ width: '100%' }}\n          value={value ?? null}\n          variant={variant}\n          {...fieldProps}\n          onChange={(next) => onChange(next ?? undefined)}\n        />\n      );\n    }\n    case 'dateRange':\n    case 'dateTimeRange': {\n      return (\n        <DateRangePicker\n          allowClear\n          size={size}\n          style={{ width: '100%' }}\n          value={value ?? [null, null]}\n          variant={variant}\n          {...fieldProps}\n          onChange={(next) => onChange(next && (next[0] || next[1]) ? next : undefined)}\n        />\n      );\n    }\n    default: {\n      return (\n        <Input\n          allowClear\n          placeholder={light ? label : placeholder.input}\n          size={size}\n          type={valueType === 'password' ? 'password' : undefined}\n          value={value ?? ''}\n          variant={variant}\n          {...fieldProps}\n          onChange={(event) => onChange(event.target.value === '' ? undefined : event.target.value)}\n          onClear={() => {\n            onChange(undefined);\n            fieldProps.onClear?.();\n          }}\n        />\n      );\n    }\n  }\n};\n\nexport default FieldControl;\n"],"mappings":";;;;;;;;;;;AAwBA,MAAM,+BAAe,IAAI,IAAuB;CAAC;CAAU;CAAS;AAAU,CAAC;;AAG/E,MAAM,gBAAgB,EAAE,QAAQ,MAAM,OAAO,UAAU,aAAa,YAA+B;CACjG,MAAM,YAAY,iBAAiB,MAAM,KAAK;CAC9C,MAAM,YAAY,iBAAiB,MAAM;CACzC,MAAM,EAAE,aAAa,CAAC,MAAM;CAC5B,MAAM,QAAQ,OAAO,OAAO,UAAU,WAAW,OAAO,QAAQ,KAAA;CAChE,MAAM,OAAO,QAAQ,UAAU,KAAA;CAC/B,MAAM,EAAE,eAAe,aAAa;CAEpC,MAAM,UAAU,QAAS,aAAa,WAAW,aAAc,KAAA;CAC/D,MAAM,SAAS,iBAAiB,MAAM;CAEtC,IAAI,OAAO,gBACT,OAAO,OAAO,eACZ,QACA;EAAE;EAAM,SAAS,CAAC;EAAO;EAAU;CAAM,GACzC,IACF;CAGF,IAAI,OAAO,WAAW,aAAa,aAAa,IAAI,SAAS,GAAG;EAC9D,MAAM,UACJ,OAAO,WACP,WAAW,WACX,gBAAgB,SAAS,CAAC,CAAC,KAAK,UAAU;GACxC,UAAU,KAAK;GACf,OAAO,KAAK;GACZ,OAAO,KAAK;EACd,EAAE;EACJ,OACE,oBAAC,QAAD;GACE,YAAA;GACA,SAAS,OAAO;GAChB,MAAM,cAAc,aAAa,aAAa,KAAA;GACrC;GACT,aAAa,QAAQ,QAAQ,YAAY;GACnC;GACN,OAAO,EAAE,OAAO,OAAO;GACvB,OAAO,UAAU,cAAc,aAAa,CAAC,IAAI;GACxC;GACT,GAAI;GACJ,WAAW,SAAS,SAAS,QAAQ,KAAA,CAAS;GAC9C,UACE,OAAO,YACF,aAAqB;IACpB,OAAO,SAAU,QAAQ;IACzB,WAAW,WAAW,QAAQ;GAChC,IACA,WAAW;EAElB,CAAA;CAEL;CAEA,QAAQ,WAAR;EACE,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK,YACH,OACE,oBAACA,qBAAD;GACE,aAAa,QAAQ,QAAQ,YAAY;GACnC;GACN,OAAO,EAAE,OAAO,OAAO;GACvB,OAAO,SAAS;GACP;GACT,GAAI;GACJ,WAAW,SAAS,SAAS,QAAQ,KAAA,CAAS;EAC/C,CAAA;EAGL,KAAK,UACH,OAAO,oBAAC,QAAD;GAAQ,SAAS,CAAC,CAAC;GAAO,GAAI;GAAY,WAAW,SAAS,SAAS,IAAI;EAAI,CAAA;EAExF,KAAK;EACL,KAAK,YACH,OACE,oBAAC,YAAD;GACE,YAAA;GACA,aAAa,QAAQ,QAAQ,YAAY;GACnC;GACN,OAAO,EAAE,OAAO,OAAO;GACvB,OAAO,SAAS;GACP;GACT,GAAI;GACJ,WAAW,SAAS,SAAS,QAAQ,KAAA,CAAS;EAC/C,CAAA;EAGL,KAAK;EACL,KAAK,iBACH,OACE,oBAAC,iBAAD;GACE,YAAA;GACM;GACN,OAAO,EAAE,OAAO,OAAO;GACvB,OAAO,SAAS,CAAC,MAAM,IAAI;GAClB;GACT,GAAI;GACJ,WAAW,SAAS,SAAS,SAAS,KAAK,MAAM,KAAK,MAAM,OAAO,KAAA,CAAS;EAC7E,CAAA;EAGL,SACE,OACE,oBAACC,eAAD;GACE,YAAA;GACA,aAAa,QAAQ,QAAQ,YAAY;GACnC;GACN,MAAM,cAAc,aAAa,aAAa,KAAA;GAC9C,OAAO,SAAS;GACP;GACT,GAAI;GACJ,WAAW,UAAU,SAAS,MAAM,OAAO,UAAU,KAAK,KAAA,IAAY,MAAM,OAAO,KAAK;GACxF,eAAe;IACb,SAAS,KAAA,CAAS;IAClB,WAAW,UAAU;GACvB;EACD,CAAA;CAGP;AACF"}
+{"version":3,"file":"FieldControl.mjs","names":["InputNumber","DatePicker","DateRangePicker","Input"],"sources":["../../../src/base-ui/ProTable/FieldControl.tsx"],"sourcesContent":["import { useThemeMode } from 'antd-style';\nimport { type ReactNode } from 'react';\n\nimport DatePicker from '@/base-ui/DatePicker/DayjsDatePicker';\nimport DateRangePicker from '@/base-ui/DatePicker/DayjsDateRangePicker';\nimport Input from '@/base-ui/Input/Input';\nimport InputNumber from '@/base-ui/Input/InputNumber';\nimport Select from '@/base-ui/Select';\nimport Switch from '@/base-ui/Switch';\n\nimport type { ProColumnType, ProTableFormInstance, ProTableValueType } from './type';\nimport { useColumnRequest } from './useColumnRequest';\nimport { resolveValueEnum, resolveValueType, valueEnumToList } from './utils';\n\nexport interface FieldControlProps {\n  column: ProColumnType<any>;\n  form: ProTableFormInstance;\n  /** Light filter bar: small controls, outlined in light mode and filled in dark mode. */\n  light?: boolean;\n  onChange: (value: any) => void;\n  placeholder: { input: string; select: string };\n  value: any;\n}\n\nconst SELECT_TYPES = new Set<ProTableValueType>(['select', 'radio', 'checkbox']);\n\n/** The search-form control of a column (Pro \"edit\" mode, query flavor). */\nconst FieldControl = ({ column, form, light, onChange, placeholder, value }: FieldControlProps) => {\n  const valueType = resolveValueType(column) ?? 'text';\n  const valueEnum = resolveValueEnum(column);\n  const { fieldProps = {} } = column;\n  const label = typeof column.title === 'string' ? column.title : undefined;\n  const size = light ? 'small' : undefined;\n  const { isDarkMode } = useThemeMode();\n  // Light filter: outlined on light backgrounds, filled in dark mode.\n  const variant = light ? (isDarkMode ? 'filled' : 'outlined') : undefined;\n  const remote = useColumnRequest(column);\n\n  if (column.renderFormItem) {\n    return column.renderFormItem(\n      column,\n      { form, isQuery: !light, onChange, value },\n      form,\n    ) as ReactNode;\n  }\n\n  if (remote.enabled || valueEnum || SELECT_TYPES.has(valueType)) {\n    const options =\n      remote.options ??\n      fieldProps.options ??\n      valueEnumToList(valueEnum).map((item) => ({\n        disabled: item.disabled,\n        label: item.text,\n        value: item.value,\n      }));\n    return (\n      <Select\n        allowClear\n        loading={remote.loading}\n        mode={valueType === 'checkbox' ? 'multiple' : undefined}\n        options={options as any}\n        placeholder={light ? label : placeholder.select}\n        size={size}\n        style={{ width: '100%' }}\n        value={value ?? (valueType === 'checkbox' ? [] : null)}\n        variant={variant}\n        {...fieldProps}\n        onChange={(next) => onChange(next ?? undefined)}\n        onSearch={\n          remote.onSearch\n            ? (keyWords: string) => {\n                remote.onSearch!(keyWords);\n                fieldProps.onSearch?.(keyWords);\n              }\n            : fieldProps.onSearch\n        }\n      />\n    );\n  }\n\n  switch (valueType) {\n    case 'digit':\n    case 'money':\n    case 'percent':\n    case 'progress': {\n      return (\n        <InputNumber\n          placeholder={light ? label : placeholder.input}\n          size={size}\n          style={{ width: '100%' }}\n          value={value ?? null}\n          variant={variant}\n          {...fieldProps}\n          onChange={(next) => onChange(next ?? undefined)}\n        />\n      );\n    }\n    case 'switch': {\n      return <Switch checked={!!value} {...fieldProps} onChange={(next) => onChange(next)} />;\n    }\n    case 'date':\n    case 'dateTime': {\n      return (\n        <DatePicker\n          allowClear\n          placeholder={light ? label : placeholder.select}\n          size={size}\n          style={{ width: '100%' }}\n          value={value ?? null}\n          variant={variant}\n          {...fieldProps}\n          onChange={(next) => onChange(next ?? undefined)}\n        />\n      );\n    }\n    case 'dateRange':\n    case 'dateTimeRange': {\n      return (\n        <DateRangePicker\n          allowClear\n          size={size}\n          style={{ width: '100%' }}\n          value={value ?? [null, null]}\n          variant={variant}\n          {...fieldProps}\n          onChange={(next) => onChange(next && (next[0] || next[1]) ? next : undefined)}\n        />\n      );\n    }\n    default: {\n      return (\n        <Input\n          allowClear\n          placeholder={light ? label : placeholder.input}\n          size={size}\n          type={valueType === 'password' ? 'password' : undefined}\n          value={value ?? ''}\n          variant={variant}\n          {...fieldProps}\n          onChange={(event) => onChange(event.target.value === '' ? undefined : event.target.value)}\n          onClear={() => {\n            onChange(undefined);\n            fieldProps.onClear?.();\n          }}\n        />\n      );\n    }\n  }\n};\n\nexport default FieldControl;\n"],"mappings":";;;;;;;;;;;AAwBA,MAAM,+BAAe,IAAI,IAAuB;CAAC;CAAU;CAAS;AAAU,CAAC;;AAG/E,MAAM,gBAAgB,EAAE,QAAQ,MAAM,OAAO,UAAU,aAAa,YAA+B;CACjG,MAAM,YAAY,iBAAiB,MAAM,KAAK;CAC9C,MAAM,YAAY,iBAAiB,MAAM;CACzC,MAAM,EAAE,aAAa,CAAC,MAAM;CAC5B,MAAM,QAAQ,OAAO,OAAO,UAAU,WAAW,OAAO,QAAQ,KAAA;CAChE,MAAM,OAAO,QAAQ,UAAU,KAAA;CAC/B,MAAM,EAAE,eAAe,aAAa;CAEpC,MAAM,UAAU,QAAS,aAAa,WAAW,aAAc,KAAA;CAC/D,MAAM,SAAS,iBAAiB,MAAM;CAEtC,IAAI,OAAO,gBACT,OAAO,OAAO,eACZ,QACA;EAAE;EAAM,SAAS,CAAC;EAAO;EAAU;CAAM,GACzC,IACF;CAGF,IAAI,OAAO,WAAW,aAAa,aAAa,IAAI,SAAS,GAAG;EAC9D,MAAM,UACJ,OAAO,WACP,WAAW,WACX,gBAAgB,SAAS,CAAC,CAAC,KAAK,UAAU;GACxC,UAAU,KAAK;GACf,OAAO,KAAK;GACZ,OAAO,KAAK;EACd,EAAE;EACJ,OACE,oBAAC,QAAD;GACE,YAAA;GACA,SAAS,OAAO;GAChB,MAAM,cAAc,aAAa,aAAa,KAAA;GACrC;GACT,aAAa,QAAQ,QAAQ,YAAY;GACnC;GACN,OAAO,EAAE,OAAO,OAAO;GACvB,OAAO,UAAU,cAAc,aAAa,CAAC,IAAI;GACxC;GACT,GAAI;GACJ,WAAW,SAAS,SAAS,QAAQ,KAAA,CAAS;GAC9C,UACE,OAAO,YACF,aAAqB;IACpB,OAAO,SAAU,QAAQ;IACzB,WAAW,WAAW,QAAQ;GAChC,IACA,WAAW;EAElB,CAAA;CAEL;CAEA,QAAQ,WAAR;EACE,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK,YACH,OACE,oBAACA,qBAAD;GACE,aAAa,QAAQ,QAAQ,YAAY;GACnC;GACN,OAAO,EAAE,OAAO,OAAO;GACvB,OAAO,SAAS;GACP;GACT,GAAI;GACJ,WAAW,SAAS,SAAS,QAAQ,KAAA,CAAS;EAC/C,CAAA;EAGL,KAAK,UACH,OAAO,oBAAC,QAAD;GAAQ,SAAS,CAAC,CAAC;GAAO,GAAI;GAAY,WAAW,SAAS,SAAS,IAAI;EAAI,CAAA;EAExF,KAAK;EACL,KAAK,YACH,OACE,oBAACC,iBAAD;GACE,YAAA;GACA,aAAa,QAAQ,QAAQ,YAAY;GACnC;GACN,OAAO,EAAE,OAAO,OAAO;GACvB,OAAO,SAAS;GACP;GACT,GAAI;GACJ,WAAW,SAAS,SAAS,QAAQ,KAAA,CAAS;EAC/C,CAAA;EAGL,KAAK;EACL,KAAK,iBACH,OACE,oBAACC,sBAAD;GACE,YAAA;GACM;GACN,OAAO,EAAE,OAAO,OAAO;GACvB,OAAO,SAAS,CAAC,MAAM,IAAI;GAClB;GACT,GAAI;GACJ,WAAW,SAAS,SAAS,SAAS,KAAK,MAAM,KAAK,MAAM,OAAO,KAAA,CAAS;EAC7E,CAAA;EAGL,SACE,OACE,oBAACC,eAAD;GACE,YAAA;GACA,aAAa,QAAQ,QAAQ,YAAY;GACnC;GACN,MAAM,cAAc,aAAa,aAAa,KAAA;GAC9C,OAAO,SAAS;GACP;GACT,GAAI;GACJ,WAAW,UAAU,SAAS,MAAM,OAAO,UAAU,KAAK,KAAA,IAAY,MAAM,OAAO,KAAK;GACxF,eAAe;IACb,SAAS,KAAA,CAAS;IAClB,WAAW,UAAU;GACvB;EACD,CAAA;CAGP;AACF"}

package/es/base-ui/index.d.mts

@@ -122,9 +122,11 @@ import { ColorPickerProps } from "./ColorPicker/type.mjs";
 import ColorPicker from "./ColorPicker/ColorPicker.mjs";
 import "./ColorPicker/index.mjs";
 import { ControlSize, controlHeight } from "./controlSize.mjs";
-import { CalendarMode, CellRender, CellRenderInfo, DatePickerBaseProps, DatePickerProps, DatePickerSemanticType, DatePickerType, DateRangePickerProps, DateRangeValue, GeneratedDatePicker, GenericTimePickerProps, MonthPickerProps, PanelMode, PickerClassNames, PickerComponents, PickerDateStrings, PickerLocale, PickerLocaleInput, PickerLocaleLang, PickerMode, PickerPanelProps, PickerPlacement, PickerPopupSemanticName, PickerProps, PickerPropsWithMultiple, PickerRef, PickerSemanticClassNames, PickerSemanticName, PickerSemanticStyles, PickerSize, PickerStatus, PickerStyles, PickerTagProps, PickerVariant, PresetDate, PresetPickerProps, QuarterPickerProps, RangeDisabledDate, RangeInfo, RangePickerComponent, RangePickerProps, RangePickerRef, SinglePickerComponent, TimePickerLocale, TimePickerProps, WeekPickerProps, YearPickerProps } from "./DatePicker/type.mjs";
+import { CalendarMode, CellRender, CellRenderInfo, DatePickerBaseProps, DatePickerProps, DatePickerSemanticType, DatePickerType, DateRangePickerProps, DateRangeValue, DayjsDatePickerProps, DayjsDatePickerType, DayjsDateRangePickerProps, DayjsDateRangeValue, GeneratedDatePicker, GenericTimePickerProps, LegacyDateInput, MonthPickerProps, PanelMode, PickerClassNames, PickerComponents, PickerDateInput, PickerDateStrings, PickerLocale, PickerLocaleInput, PickerLocaleLang, PickerMode, PickerPanelProps, PickerPlacement, PickerPopupSemanticName, PickerProps, PickerPropsWithMultiple, PickerRef, PickerSemanticClassNames, PickerSemanticName, PickerSemanticStyles, PickerSize, PickerStatus, PickerStyles, PickerTagProps, PickerValueInput, PickerVariant, PresetDate, PresetPickerProps, QuarterPickerProps, RangeChangeDates, RangeChangeStrings, RangeDisabledDate, RangeInfo, RangePickerComponent, RangePickerProps, RangePickerRef, SinglePickerComponent, TimePickerLocale, TimePickerProps, WeekPickerProps, YearPickerProps } from "./DatePicker/type.mjs";
 import DatePicker from "./DatePicker/DatePicker.mjs";
 import DateRangePicker from "./DatePicker/DateRangePicker.mjs";
+import DayjsDatePicker from "./DatePicker/DayjsDatePicker.mjs";
+import DayjsDateRangePicker from "./DatePicker/DayjsDateRangePicker.mjs";
 import generatePicker from "./DatePicker/generatePicker.mjs";
 import { createPickerLocale, datePickerLocaleEnUS, datePickerLocaleZhCN } from "./DatePicker/locale.mjs";
 import "./DatePicker/index.mjs";
@@ -231,4 +233,4 @@ import { TreeClassNames, TreeDataNode, TreeFlatRow, TreeProps, TreeStyles } from
 import Tree from "./Tree/Tree.mjs";
 import { conductCheck, flattenVisible, getAllKeys } from "./Tree/utils.mjs";
 import "./Tree/index.mjs";
-export { Accordion, type AccordionClassNames, AccordionHeader, type AccordionHeaderProps, type AccordionIndicatorPlacement, AccordionItem, type AccordionItemProps, type AccordionItemType, AccordionPanel, type AccordionPanelProps, type AccordionProps, AccordionRoot, type AccordionRootProps, type AccordionStyles, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, ActionIcon, type ActionIconClassNames, type ActionIconOutdent, type ActionIconProps, type ActionIconSize, type ActionIconStyles, type ActionIconVariant, Alert, type AlertClassNames, type AlertCloseConfig, type AlertProps, type AlertRef, type AlertStyles, type AlertType, type AlertVariant, Anchor, type AnchorItem, type AnchorProps, AutoComplete, type AutoCompleteOption, type AutoCompleteProps, Avatar, type AvatarClassNames, AvatarGroup, type AvatarGroupItemType, type AvatarGroupProps, type AvatarProps, type AvatarStyles, Badge, type BadgeProps, type BadgeSize, type BadgeStatus, type BaseModalProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Burger, type BurgerProps, Button, type ButtonIconPosition, type ButtonOutdent, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonType, type CalendarMode, Carousel, type CarouselProps, type CarouselRef, type CellRender, type CellRenderInfo, _default as Checkbox, CheckboxGroup, type CheckboxGroupOption, type CheckboxGroupProps, type CheckboxProps, type CheckboxShape, Collapsible, type CollapsibleProps, ColorPicker, type ColorPickerProps, type ContextMenuCheckboxItem, ContextMenuHost, type ContextMenuInterceptor, type ContextMenuItem, ContextMenuTrigger, type ControlSize, DatePicker, type DatePickerBaseProps, type DatePickerProps, type DatePickerSemanticType, type DatePickerType, DateRangePicker, type DateRangePickerProps, type DateRangeValue, Descriptions, type DescriptionsItem, type DescriptionsProps, Divider, type DividerOrientation, type DividerProps, DraggablePanel, DraggablePanelBody, type DraggablePanelBodyProps, DraggablePanelContainer, type DraggablePanelContainerProps, DraggablePanelContent, type DraggablePanelContentProps, DraggablePanelFooter, type DraggablePanelFooterProps, DraggablePanelHandle, type DraggablePanelHandleProps, DraggablePanelHeader, type DraggablePanelHeaderProps, type DraggablePanelPlacement, type DraggablePanelProps, DraggablePanelRoot, type DraggablePanelRootProps, type DraggablePanelSize, DraggablePanelToggle, type DraggablePanelToggleProps, Drawer, DrawerBackdrop, type DrawerBackdropProps, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerPlacement, DrawerPopup, type DrawerPopupProps, DrawerPortal, type DrawerPortalProps, type DrawerProps, type DrawerPush, DrawerRoot, type DrawerRootProps, type DrawerSemanticNames, type DrawerSemanticStyles, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps, type DropdownItem, DropdownMenu, type DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, type DropdownMenuCheckboxItemProps, DropdownMenuFooter, type DropdownMenuFooterProps, DropdownMenuGroup, DropdownMenuGroupLabel, type DropdownMenuGroupLabelProps, DropdownMenuHeader, type DropdownMenuHeaderProps, DropdownMenuItem, DropdownMenuItemContent, type DropdownMenuItemContentProps, DropdownMenuItemDesc, type DropdownMenuItemDescProps, DropdownMenuItemExtra, type DropdownMenuItemExtraProps, DropdownMenuItemIcon, type DropdownMenuItemIconProps, DropdownMenuItemLabel, DropdownMenuItemLabelGroup, type DropdownMenuItemLabelGroupProps, type DropdownMenuItemLabelProps, type DropdownMenuItemProps, type DropdownMenuPlacement, DropdownMenuPopup, type DropdownMenuPopupProps, DropdownMenuPortal, type DropdownMenuPortalProps, DropdownMenuPositioner, type DropdownMenuPositionerProps, type DropdownMenuProps, DropdownMenuRoot, DropdownMenuScrollViewport, type DropdownMenuScrollViewportProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuSubmenuArrow, type DropdownMenuSubmenuArrowProps, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, type DropdownMenuSubmenuTriggerProps, DropdownMenuSwitchItem, type DropdownMenuSwitchItemProps, type DropdownMenuSwitchItem$1 as DropdownMenuSwitchItemType, DropdownMenuTrigger, type DropdownMenuTriggerProps, type FilterValue, type FloatingCollisionPadding, FloatingPanel, type FloatingPanelOffset, type FloatingPanelPlacement, type FloatingPanelProps, FloatingSheet, type FloatingSheetProps, FocusScope, type FocusScopeProps, Form, type FormContextValue, FormDivider, type FormDividerProps, FormField, type FormFieldProps, FormFlatGroup, type FormFlatGroupProps, FormFooter, type FormFooterProps, FormGroup, type FormGroupItemType, type FormGroupProps, type FormLayout, type FormProps, FormSubmitFooter, type FormSubmitFooterProps, FormTitle, type FormTitleProps, type FormValues, type FormVariant, type GeneratedDatePicker, type GenericTimePickerProps, type IconSpaceMode, type ImperativeModalProps, _default$1 as Input, type InputClassNames, _default$2 as InputNumber, type InputNumberProps, InputOTP, type InputOTPProps, _default$3 as InputPassword, type InputPasswordProps, type InputProps, type InputSize, type InputStyles, type InputVariant, type ItemsType, List, type ListClickInfo, type ListDividerType, type ListItem, type ListItemType, type ListProps, type ListSemanticName, Modal, ModalBackdrop, type ModalBackdropProps, ModalClose, type ModalCloseProps, type ModalComponentProps, type ModalConfirmConfig, ModalContent, type ModalContentProps, ModalContext, type ModalContextValue, ModalDescription, type ModalDescriptionProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalHost, type ModalHostProps, type ModalInstance, ModalPopup, type ModalPopupProps, ModalPortal, type ModalPortalProps, ModalRoot, type ModalRootProps, type ModalSystem, ModalTitle, type ModalTitleProps, ModalTrigger, type ModalTriggerProps, ModalViewport, type ModalViewportProps, type MonthPickerProps, Pagination, type PaginationAlign, type PaginationItemType, type PaginationProps, type PaginationSemanticName, type PaginationSize, type PaginationSizeChangerProps, type PanelMode, type PickerClassNames, type PickerComponents, type PickerDateStrings, type PickerLocale, type PickerLocaleInput, type PickerLocaleLang, type PickerMode, type PickerPanelProps, type PickerPlacement, type PickerPopupSemanticName, type PickerProps, type PickerPropsWithMultiple, type PickerRef, type PickerSemanticClassNames, type PickerSemanticName, type PickerSemanticStyles, type PickerSize, type PickerStatus, type PickerStyles, type PickerTagProps, type PickerVariant, Popover, PopoverArrow, type PopoverArrowAtomProps, PopoverArrowIcon, PopoverBackdrop, type PopoverBackdropProps, type PopoverContextValue, PopoverGroup, type PopoverGroupHandle, type PopoverGroupItem, type PopoverPlacement, PopoverPopup, type PopoverPopupAtomProps, type PopoverPopupProps, PopoverPortal, type PopoverPortalAtomProps, type PopoverPortalProps, PopoverPositioner, type PopoverPositionerAtomProps, type PopoverPositionerProps, type PopoverProps, PopoverProvider, PopoverRoot, type PopoverTrigger, type PopoverTriggerComponentProps, PopoverTriggerElement, type PopoverTriggerElementProps, PopoverViewport, type PopoverViewportAtomProps, type PresetDate, type PresetPickerProps, Progress, type ProgressProps, type ProgressSize, type ProgressStatus, type ProgressType, type ProgressVariant, QRCode, type QRCodeErrorLevel, type QRCodeProps, type QRCodeStatus, type QuarterPickerProps, Radio, RadioGroup, type RadioGroupOption, type RadioGroupProps, type RadioProps, type RangeDisabledDate, type RangeInfo, type RangePickerComponent, type RangePickerProps, type RangePickerRef, Rate, type RateProps, Result, type ResultProps, type ResultStatus, ScrollArea, ScrollAreaContent, type ScrollAreaContentProps, ScrollAreaCorner, type ScrollAreaCornerProps, type ScrollAreaProps, ScrollAreaRoot, type ScrollAreaRootProps, ScrollAreaScrollbar, type ScrollAreaScrollbarProps, ScrollAreaThumb, type ScrollAreaThumbProps, ScrollAreaViewport, type ScrollAreaViewportProps, Segmented, type SegmentedClassNames, SegmentedIndicator, type SegmentedIndicatorProps, SegmentedItem, SegmentedItemIcon, SegmentedItemLabel, type SegmentedItemProps, type SegmentedOption, type SegmentedOptions, type SegmentedOrientation, type SegmentedProps, SegmentedRoot, type SegmentedRootProps, type SegmentedSize, type SegmentedStyles, type SegmentedVariant, Select, SelectArrow, type SelectArrowProps, SelectBackdrop, type SelectBehaviorVariant, type SelectClassNames, SelectGroup, SelectGroupLabel, type SelectGroupLabelProps, type SelectGroupProps, SelectIcon, type SelectIconProps, type SelectIndicatorVariant, SelectItem, SelectItemIndicator, type SelectItemIndicatorProps, type SelectItemProps, SelectItemText, type SelectItemTextProps, SelectList, type SelectListProps, type SelectOption, type SelectOptionGroup, type SelectOptions, SelectPopup, type SelectPopupProps, SelectPortal, type SelectPortalProps, SelectPositioner, type SelectPositionerProps, type SelectProps, SelectRoot, type SelectRootChangeEventDetails, SelectScrollDownArrow, type SelectScrollDownArrowProps, SelectScrollUpArrow, type SelectScrollUpArrowProps, SelectSeparator, type SelectSize, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, type SelectVariant, type SinglePickerComponent, Skeleton, type SkeletonAnimation, SkeletonAvatar, type SkeletonAvatarProps, type SkeletonProps, SkeletonText, type SkeletonTextProps, Slider, type SliderProps, SliderWithInput, type SliderWithInputProps, type SortOrder, Spin, type SpinProps, type SpinSize, type SpinVariant, _default$4 as SplitButton, type SplitButtonMenuProps, type SplitButtonProps, Statistic, type StatisticProps, type StepItem, type StepStatus, Steps, type StepsProps, Switch, type SwitchChangeEventHandler, type SwitchClassNames, type SwitchClickEventHandler, type SwitchContextType, SwitchIcon, type SwitchIconPosition, type SwitchIconProps, type SwitchProps, SwitchRoot, type SwitchRootProps, type SwitchSize, type SwitchStyles, SwitchThumb, type SwitchThumbProps, Table, type TableBreakpoint, type TableCellAttributes, type TableClassNames, type TableColumn, type TableColumnEllipsis, type TableColumnFilterItem, type TableColumnFixed, type TableColumnGroupProps, type TableColumnGroupType, type TableColumnProps, type TableColumnSorter, type TableColumnTitle, type TableColumnTitleProps, type TableColumnType, type TableColumnsType, type TableCompareFn, type TableComponents, type TableComponentsSemanticName, type TableCurrentDataSource, type TableExpandIconProps, type TableExpandableConfig, type TableExpandedRowRender, type TableFilterDropdownPopupProps, type TableFilterDropdownProps, type TableFilters, type TableHeaderCellAttributes, type TableLegacySemanticName, type TableLoadingConfig, type TableLocale, type TableMultipleSorterResult, type TablePaginationConfig, type TablePaginationPlacement, type TablePaginationPosition, type TableProps, type TableRef, type TableRenderedCell, type TableRowClassName, type TableRowSelectMethod, type TableRowSelection, type TableRowSelectionCheckboxProps, type TableRowSelectionType, type TableScrollToConfig, type TableSelectionItem, type TableSelectionPreset, type TableSemanticInfo, type TableSemanticName, type TableSize, type TableSorterResult, type TableSorterTooltipProps, type TableSticky, type TableStyles, type TableSummaryCellProps, type TableSummaryProps, type TableSummaryRowProps, type TableVariant, Tabs, type TabsClassNames, TabsIndicator, type TabsIndicatorProps, type TabsItem, TabsList, type TabsListProps, type TabsOrientation, TabsPanel, type TabsPanelProps, type TabsProps, TabsRoot, type TabsRootProps, type TabsSize, type TabsStyles, TabsTab, type TabsTabProps, type TabsVariant, Tag, type TagClassNames, type TagProps, type TagShape, type TagSize, type TagStyles, type TagVariant, Text, _default$5 as TextArea, type TextAreaAutoSize, type TextAreaProps, type TextClassNames, type TextProps, type TextStyles, type TimePickerLocale, type TimePickerProps, type ToastAPI, ToastHost, type ToastHostProps, type ToastInstance, type ToastOptions, type ToastPosition, type ToastPromiseOptions, type ToastProps, type ToastType, ToggleGroup, type ToggleGroupClassNames, ToggleGroupItem, ToggleGroupItemIcon, ToggleGroupItemLabel, type ToggleGroupItemProps, type ToggleGroupOption, type ToggleGroupProps, ToggleGroupRoot, type ToggleGroupRootProps, type ToggleGroupSize, type ToggleGroupStyles, type ToggleGroupVariant, Tooltip, TooltipGroup, type TooltipGroupProps, type TooltipPlacement, type TooltipPopupComponentProps, type TooltipPortalProps, type TooltipPositionerProps, type TooltipProps, type TooltipTriggerComponentProps, Tree, type TreeClassNames, type TreeDataNode, type TreeFlatRow, type TreeProps, type TreeStyles, Upload, type UploadChangeInfo, UploadDragger, type UploadProps, type UseScopeArrowNavOptions, type UseScopeSwitcherOptions, type VirtualListProps, type WeekPickerProps, type YearPickerProps, styles as accordionStyles, styles$1 as actionIconStyles, styles$2 as alertStyles, styles$3 as autoCompleteStyles, backdropTransition, buttonPaddingInline, styles$4 as buttonStyles, styles$5 as checkboxStyles, closeContextMenu, colorsPreset, colorsPresetSystem, conductCheck, confirmModal, controlHeight, createModal, createModalSystem, createPickerLocale, datePickerLocaleEnUS, datePickerLocaleZhCN, drawerBackdropTransition, flattenVisible, focusScopeItem, styles$6 as focusScopeStyles, formatStatisticValue, generatePicker, getActiveScopeId, getAllKeys, getDrawerMotionConfig, getFloatingCollisionPadding, getLastFocusedItem, styles$7 as inputStyles, rootVariants as inputVariants, modalMotionConfig, notifyScopeItemFocus, parseTrigger, presetColors, presetSystemColors, styles$8 as radioStyles, registerScope, renderDropdownMenuItems, setActiveScope, setContextMenuInterceptor, setFloatingCollisionPadding, setLastFocusedItem, showContextMenu, styles$9 as sliderStyles, styles$10 as switchStyles, styles$11 as tabsStyles, groupStyles as textGroupStyles, styles$12 as textStyles, variants as textVariants, toast, styles$13 as toggleGroupStyles, styles$14 as treeStyles, updateContextMenuItems, useAccordionContext, useActiveScopeId, useDraggablePanelContext, useDrawerActions, useDrawerOpen, useFocusScopeActive, useFocusScopeId, useFormContext, useModalActions, useModalContext, useModalOpen, usePopoverContext, usePopoverGroupHandle, usePopoverPortalContainer, useScopeArrowNav, useScopeSwitcher, useSwitchContext, useTabsContext, useToast };
+export { Accordion, type AccordionClassNames, AccordionHeader, type AccordionHeaderProps, type AccordionIndicatorPlacement, AccordionItem, type AccordionItemProps, type AccordionItemType, AccordionPanel, type AccordionPanelProps, type AccordionProps, AccordionRoot, type AccordionRootProps, type AccordionStyles, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, ActionIcon, type ActionIconClassNames, type ActionIconOutdent, type ActionIconProps, type ActionIconSize, type ActionIconStyles, type ActionIconVariant, Alert, type AlertClassNames, type AlertCloseConfig, type AlertProps, type AlertRef, type AlertStyles, type AlertType, type AlertVariant, Anchor, type AnchorItem, type AnchorProps, AutoComplete, type AutoCompleteOption, type AutoCompleteProps, Avatar, type AvatarClassNames, AvatarGroup, type AvatarGroupItemType, type AvatarGroupProps, type AvatarProps, type AvatarStyles, Badge, type BadgeProps, type BadgeSize, type BadgeStatus, type BaseModalProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Burger, type BurgerProps, Button, type ButtonIconPosition, type ButtonOutdent, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonType, type CalendarMode, Carousel, type CarouselProps, type CarouselRef, type CellRender, type CellRenderInfo, _default as Checkbox, CheckboxGroup, type CheckboxGroupOption, type CheckboxGroupProps, type CheckboxProps, type CheckboxShape, Collapsible, type CollapsibleProps, ColorPicker, type ColorPickerProps, type ContextMenuCheckboxItem, ContextMenuHost, type ContextMenuInterceptor, type ContextMenuItem, ContextMenuTrigger, type ControlSize, DatePicker, type DatePickerBaseProps, type DatePickerProps, type DatePickerSemanticType, type DatePickerType, DateRangePicker, type DateRangePickerProps, type DateRangeValue, DayjsDatePicker, type DayjsDatePickerProps, type DayjsDatePickerType, DayjsDateRangePicker, type DayjsDateRangePickerProps, type DayjsDateRangeValue, Descriptions, type DescriptionsItem, type DescriptionsProps, Divider, type DividerOrientation, type DividerProps, DraggablePanel, DraggablePanelBody, type DraggablePanelBodyProps, DraggablePanelContainer, type DraggablePanelContainerProps, DraggablePanelContent, type DraggablePanelContentProps, DraggablePanelFooter, type DraggablePanelFooterProps, DraggablePanelHandle, type DraggablePanelHandleProps, DraggablePanelHeader, type DraggablePanelHeaderProps, type DraggablePanelPlacement, type DraggablePanelProps, DraggablePanelRoot, type DraggablePanelRootProps, type DraggablePanelSize, DraggablePanelToggle, type DraggablePanelToggleProps, Drawer, DrawerBackdrop, type DrawerBackdropProps, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerPlacement, DrawerPopup, type DrawerPopupProps, DrawerPortal, type DrawerPortalProps, type DrawerProps, type DrawerPush, DrawerRoot, type DrawerRootProps, type DrawerSemanticNames, type DrawerSemanticStyles, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps, type DropdownItem, DropdownMenu, type DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, type DropdownMenuCheckboxItemProps, DropdownMenuFooter, type DropdownMenuFooterProps, DropdownMenuGroup, DropdownMenuGroupLabel, type DropdownMenuGroupLabelProps, DropdownMenuHeader, type DropdownMenuHeaderProps, DropdownMenuItem, DropdownMenuItemContent, type DropdownMenuItemContentProps, DropdownMenuItemDesc, type DropdownMenuItemDescProps, DropdownMenuItemExtra, type DropdownMenuItemExtraProps, DropdownMenuItemIcon, type DropdownMenuItemIconProps, DropdownMenuItemLabel, DropdownMenuItemLabelGroup, type DropdownMenuItemLabelGroupProps, type DropdownMenuItemLabelProps, type DropdownMenuItemProps, type DropdownMenuPlacement, DropdownMenuPopup, type DropdownMenuPopupProps, DropdownMenuPortal, type DropdownMenuPortalProps, DropdownMenuPositioner, type DropdownMenuPositionerProps, type DropdownMenuProps, DropdownMenuRoot, DropdownMenuScrollViewport, type DropdownMenuScrollViewportProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuSubmenuArrow, type DropdownMenuSubmenuArrowProps, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, type DropdownMenuSubmenuTriggerProps, DropdownMenuSwitchItem, type DropdownMenuSwitchItemProps, type DropdownMenuSwitchItem$1 as DropdownMenuSwitchItemType, DropdownMenuTrigger, type DropdownMenuTriggerProps, type FilterValue, type FloatingCollisionPadding, FloatingPanel, type FloatingPanelOffset, type FloatingPanelPlacement, type FloatingPanelProps, FloatingSheet, type FloatingSheetProps, FocusScope, type FocusScopeProps, Form, type FormContextValue, FormDivider, type FormDividerProps, FormField, type FormFieldProps, FormFlatGroup, type FormFlatGroupProps, FormFooter, type FormFooterProps, FormGroup, type FormGroupItemType, type FormGroupProps, type FormLayout, type FormProps, FormSubmitFooter, type FormSubmitFooterProps, FormTitle, type FormTitleProps, type FormValues, type FormVariant, type GeneratedDatePicker, type GenericTimePickerProps, type IconSpaceMode, type ImperativeModalProps, _default$1 as Input, type InputClassNames, _default$2 as InputNumber, type InputNumberProps, InputOTP, type InputOTPProps, _default$3 as InputPassword, type InputPasswordProps, type InputProps, type InputSize, type InputStyles, type InputVariant, type ItemsType, type LegacyDateInput, List, type ListClickInfo, type ListDividerType, type ListItem, type ListItemType, type ListProps, type ListSemanticName, Modal, ModalBackdrop, type ModalBackdropProps, ModalClose, type ModalCloseProps, type ModalComponentProps, type ModalConfirmConfig, ModalContent, type ModalContentProps, ModalContext, type ModalContextValue, ModalDescription, type ModalDescriptionProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalHost, type ModalHostProps, type ModalInstance, ModalPopup, type ModalPopupProps, ModalPortal, type ModalPortalProps, ModalRoot, type ModalRootProps, type ModalSystem, ModalTitle, type ModalTitleProps, ModalTrigger, type ModalTriggerProps, ModalViewport, type ModalViewportProps, type MonthPickerProps, Pagination, type PaginationAlign, type PaginationItemType, type PaginationProps, type PaginationSemanticName, type PaginationSize, type PaginationSizeChangerProps, type PanelMode, type PickerClassNames, type PickerComponents, type PickerDateInput, type PickerDateStrings, type PickerLocale, type PickerLocaleInput, type PickerLocaleLang, type PickerMode, type PickerPanelProps, type PickerPlacement, type PickerPopupSemanticName, type PickerProps, type PickerPropsWithMultiple, type PickerRef, type PickerSemanticClassNames, type PickerSemanticName, type PickerSemanticStyles, type PickerSize, type PickerStatus, type PickerStyles, type PickerTagProps, type PickerValueInput, type PickerVariant, Popover, PopoverArrow, type PopoverArrowAtomProps, PopoverArrowIcon, PopoverBackdrop, type PopoverBackdropProps, type PopoverContextValue, PopoverGroup, type PopoverGroupHandle, type PopoverGroupItem, type PopoverPlacement, PopoverPopup, type PopoverPopupAtomProps, type PopoverPopupProps, PopoverPortal, type PopoverPortalAtomProps, type PopoverPortalProps, PopoverPositioner, type PopoverPositionerAtomProps, type PopoverPositionerProps, type PopoverProps, PopoverProvider, PopoverRoot, type PopoverTrigger, type PopoverTriggerComponentProps, PopoverTriggerElement, type PopoverTriggerElementProps, PopoverViewport, type PopoverViewportAtomProps, type PresetDate, type PresetPickerProps, Progress, type ProgressProps, type ProgressSize, type ProgressStatus, type ProgressType, type ProgressVariant, QRCode, type QRCodeErrorLevel, type QRCodeProps, type QRCodeStatus, type QuarterPickerProps, Radio, RadioGroup, type RadioGroupOption, type RadioGroupProps, type RadioProps, type RangeChangeDates, type RangeChangeStrings, type RangeDisabledDate, type RangeInfo, type RangePickerComponent, type RangePickerProps, type RangePickerRef, Rate, type RateProps, Result, type ResultProps, type ResultStatus, ScrollArea, ScrollAreaContent, type ScrollAreaContentProps, ScrollAreaCorner, type ScrollAreaCornerProps, type ScrollAreaProps, ScrollAreaRoot, type ScrollAreaRootProps, ScrollAreaScrollbar, type ScrollAreaScrollbarProps, ScrollAreaThumb, type ScrollAreaThumbProps, ScrollAreaViewport, type ScrollAreaViewportProps, Segmented, type SegmentedClassNames, SegmentedIndicator, type SegmentedIndicatorProps, SegmentedItem, SegmentedItemIcon, SegmentedItemLabel, type SegmentedItemProps, type SegmentedOption, type SegmentedOptions, type SegmentedOrientation, type SegmentedProps, SegmentedRoot, type SegmentedRootProps, type SegmentedSize, type SegmentedStyles, type SegmentedVariant, Select, SelectArrow, type SelectArrowProps, SelectBackdrop, type SelectBehaviorVariant, type SelectClassNames, SelectGroup, SelectGroupLabel, type SelectGroupLabelProps, type SelectGroupProps, SelectIcon, type SelectIconProps, type SelectIndicatorVariant, SelectItem, SelectItemIndicator, type SelectItemIndicatorProps, type SelectItemProps, SelectItemText, type SelectItemTextProps, SelectList, type SelectListProps, type SelectOption, type SelectOptionGroup, type SelectOptions, SelectPopup, type SelectPopupProps, SelectPortal, type SelectPortalProps, SelectPositioner, type SelectPositionerProps, type SelectProps, SelectRoot, type SelectRootChangeEventDetails, SelectScrollDownArrow, type SelectScrollDownArrowProps, SelectScrollUpArrow, type SelectScrollUpArrowProps, SelectSeparator, type SelectSize, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, type SelectVariant, type SinglePickerComponent, Skeleton, type SkeletonAnimation, SkeletonAvatar, type SkeletonAvatarProps, type SkeletonProps, SkeletonText, type SkeletonTextProps, Slider, type SliderProps, SliderWithInput, type SliderWithInputProps, type SortOrder, Spin, type SpinProps, type SpinSize, type SpinVariant, _default$4 as SplitButton, type SplitButtonMenuProps, type SplitButtonProps, Statistic, type StatisticProps, type StepItem, type StepStatus, Steps, type StepsProps, Switch, type SwitchChangeEventHandler, type SwitchClassNames, type SwitchClickEventHandler, type SwitchContextType, SwitchIcon, type SwitchIconPosition, type SwitchIconProps, type SwitchProps, SwitchRoot, type SwitchRootProps, type SwitchSize, type SwitchStyles, SwitchThumb, type SwitchThumbProps, Table, type TableBreakpoint, type TableCellAttributes, type TableClassNames, type TableColumn, type TableColumnEllipsis, type TableColumnFilterItem, type TableColumnFixed, type TableColumnGroupProps, type TableColumnGroupType, type TableColumnProps, type TableColumnSorter, type TableColumnTitle, type TableColumnTitleProps, type TableColumnType, type TableColumnsType, type TableCompareFn, type TableComponents, type TableComponentsSemanticName, type TableCurrentDataSource, type TableExpandIconProps, type TableExpandableConfig, type TableExpandedRowRender, type TableFilterDropdownPopupProps, type TableFilterDropdownProps, type TableFilters, type TableHeaderCellAttributes, type TableLegacySemanticName, type TableLoadingConfig, type TableLocale, type TableMultipleSorterResult, type TablePaginationConfig, type TablePaginationPlacement, type TablePaginationPosition, type TableProps, type TableRef, type TableRenderedCell, type TableRowClassName, type TableRowSelectMethod, type TableRowSelection, type TableRowSelectionCheckboxProps, type TableRowSelectionType, type TableScrollToConfig, type TableSelectionItem, type TableSelectionPreset, type TableSemanticInfo, type TableSemanticName, type TableSize, type TableSorterResult, type TableSorterTooltipProps, type TableSticky, type TableStyles, type TableSummaryCellProps, type TableSummaryProps, type TableSummaryRowProps, type TableVariant, Tabs, type TabsClassNames, TabsIndicator, type TabsIndicatorProps, type TabsItem, TabsList, type TabsListProps, type TabsOrientation, TabsPanel, type TabsPanelProps, type TabsProps, TabsRoot, type TabsRootProps, type TabsSize, type TabsStyles, TabsTab, type TabsTabProps, type TabsVariant, Tag, type TagClassNames, type TagProps, type TagShape, type TagSize, type TagStyles, type TagVariant, Text, _default$5 as TextArea, type TextAreaAutoSize, type TextAreaProps, type TextClassNames, type TextProps, type TextStyles, type TimePickerLocale, type TimePickerProps, type ToastAPI, ToastHost, type ToastHostProps, type ToastInstance, type ToastOptions, type ToastPosition, type ToastPromiseOptions, type ToastProps, type ToastType, ToggleGroup, type ToggleGroupClassNames, ToggleGroupItem, ToggleGroupItemIcon, ToggleGroupItemLabel, type ToggleGroupItemProps, type ToggleGroupOption, type ToggleGroupProps, ToggleGroupRoot, type ToggleGroupRootProps, type ToggleGroupSize, type ToggleGroupStyles, type ToggleGroupVariant, Tooltip, TooltipGroup, type TooltipGroupProps, type TooltipPlacement, type TooltipPopupComponentProps, type TooltipPortalProps, type TooltipPositionerProps, type TooltipProps, type TooltipTriggerComponentProps, Tree, type TreeClassNames, type TreeDataNode, type TreeFlatRow, type TreeProps, type TreeStyles, Upload, type UploadChangeInfo, UploadDragger, type UploadProps, type UseScopeArrowNavOptions, type UseScopeSwitcherOptions, type VirtualListProps, type WeekPickerProps, type YearPickerProps, styles as accordionStyles, styles$1 as actionIconStyles, styles$2 as alertStyles, styles$3 as autoCompleteStyles, backdropTransition, buttonPaddingInline, styles$4 as buttonStyles, styles$5 as checkboxStyles, closeContextMenu, colorsPreset, colorsPresetSystem, conductCheck, confirmModal, controlHeight, createModal, createModalSystem, createPickerLocale, datePickerLocaleEnUS, datePickerLocaleZhCN, drawerBackdropTransition, flattenVisible, focusScopeItem, styles$6 as focusScopeStyles, formatStatisticValue, generatePicker, getActiveScopeId, getAllKeys, getDrawerMotionConfig, getFloatingCollisionPadding, getLastFocusedItem, styles$7 as inputStyles, rootVariants as inputVariants, modalMotionConfig, notifyScopeItemFocus, parseTrigger, presetColors, presetSystemColors, styles$8 as radioStyles, registerScope, renderDropdownMenuItems, setActiveScope, setContextMenuInterceptor, setFloatingCollisionPadding, setLastFocusedItem, showContextMenu, styles$9 as sliderStyles, styles$10 as switchStyles, styles$11 as tabsStyles, groupStyles as textGroupStyles, styles$12 as textStyles, variants as textVariants, toast, styles$13 as toggleGroupStyles, styles$14 as treeStyles, updateContextMenuItems, useAccordionContext, useActiveScopeId, useDraggablePanelContext, useDrawerActions, useDrawerOpen, useFocusScopeActive, useFocusScopeId, useFormContext, useModalActions, useModalContext, useModalOpen, usePopoverContext, usePopoverGroupHandle, usePopoverPortalContainer, useScopeArrowNav, useScopeSwitcher, useSwitchContext, useTabsContext, useToast };

package/es/base-ui/index.mjs

@@ -82,6 +82,8 @@ import { createPickerLocale, datePickerLocaleEnUS, datePickerLocaleZhCN } from "
 import generatePicker from "./DatePicker/generatePicker.mjs";
 import DatePicker from "./DatePicker/DatePicker.mjs";
 import DateRangePicker from "./DatePicker/DateRangePicker.mjs";
+import DayjsDatePicker from "./DatePicker/DayjsDatePicker.mjs";
+import DayjsDateRangePicker from "./DatePicker/DayjsDateRangePicker.mjs";
 import Descriptions from "./Descriptions/Descriptions.mjs";
 import { useDraggablePanelContext } from "./DraggablePanel/context.mjs";
 import { DraggablePanelBody, DraggablePanelContainer, DraggablePanelContent, DraggablePanelFooter, DraggablePanelHandle, DraggablePanelHeader, DraggablePanelRoot, DraggablePanelToggle } from "./DraggablePanel/atoms.mjs";
@@ -124,4 +126,4 @@ import Text from "./Text/Text.mjs";
 import { styles as styles$13 } from "./ToggleGroup/style.mjs";
 import { ToggleGroupItem, ToggleGroupItemIcon, ToggleGroupItemLabel, ToggleGroupRoot } from "./ToggleGroup/atoms.mjs";
 import ToggleGroup from "./ToggleGroup/ToggleGroup.mjs";
-export { Accordion, AccordionHeader, AccordionItem, AccordionPanel, AccordionRoot, AccordionTrigger, ActionIcon, Alert, Anchor, AutoComplete, Avatar, AvatarGroup, Badge, Breadcrumb, Burger, Button, Carousel, Checkbox_default as Checkbox, CheckboxGroup, Collapsible, ColorPicker, ContextMenuHost, ContextMenuTrigger, DatePicker, DateRangePicker, Descriptions, Divider, DraggablePanel, DraggablePanelBody, DraggablePanelContainer, DraggablePanelContent, DraggablePanelFooter, DraggablePanelHandle, DraggablePanelHeader, DraggablePanelRoot, DraggablePanelToggle, Drawer, DrawerBackdrop, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerPopup, DrawerPortal, DrawerRoot, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuFooter, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuHeader, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemDesc, DropdownMenuItemExtra, DropdownMenuItemIcon, DropdownMenuItemLabel, DropdownMenuItemLabelGroup, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRoot, DropdownMenuScrollViewport, DropdownMenuSeparator, DropdownMenuSubmenuArrow, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuSwitchItem, DropdownMenuTrigger, FloatingPanel, FloatingSheet, FocusScope, Form, FormDivider, FormField, FormFlatGroup, FormFooter, FormGroup, FormSubmitFooter, FormTitle, Input_default as Input, InputNumber_default as InputNumber, InputOTP, InputPassword_default as InputPassword, List, Modal, ModalBackdrop, ModalClose, ModalContent, ModalContext, ModalDescription, ModalFooter, ModalHeader, ModalHost, ModalPopup, ModalPortal, ModalRoot, ModalTitle, ModalTrigger, ModalViewport, Pagination, Popover, PopoverArrow, PopoverArrowIcon, PopoverBackdrop, PopoverGroup, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverProvider, PopoverRoot, PopoverTriggerElement, PopoverViewport, Progress, QRCode, Radio, RadioGroup, Rate, Result, ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, Segmented, SegmentedIndicator, SegmentedItem, SegmentedItemIcon, SegmentedItemLabel, SegmentedRoot, Select, SelectArrow, SelectBackdrop, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectList, SelectPopup, SelectPortal, SelectPositioner, SelectRoot, SelectScrollDownArrow, SelectScrollUpArrow, SelectSeparator, SelectTrigger, SelectValue, Skeleton, SkeletonAvatar, SkeletonText, Slider, SliderWithInput, Spin, SplitButton, Statistic, Steps, Switch, SwitchIcon, SwitchRoot, SwitchThumb, Table, Tabs, TabsIndicator, TabsList, TabsPanel, TabsRoot, TabsTab, Tag, Text, TextArea_default as TextArea, ToastHost, ToggleGroup, ToggleGroupItem, ToggleGroupItemIcon, ToggleGroupItemLabel, ToggleGroupRoot, Tooltip, TooltipGroup, Tree, Upload, UploadDragger, styles as accordionStyles, styles$1 as actionIconStyles, styles$2 as alertStyles, styles$3 as autoCompleteStyles, backdropTransition, buttonPaddingInline, styles$4 as buttonStyles, styles$5 as checkboxStyles, closeContextMenu, colorsPreset, colorsPresetSystem, conductCheck, confirmModal, controlHeight, createModal, createModalSystem, createPickerLocale, datePickerLocaleEnUS, datePickerLocaleZhCN, drawerBackdropTransition, flattenVisible, focusScopeItem, styles$6 as focusScopeStyles, formatStatisticValue, generatePicker, getActiveScopeId, getAllKeys, getDrawerMotionConfig, getFloatingCollisionPadding, getLastFocusedItem, styles$7 as inputStyles, rootVariants as inputVariants, modalMotionConfig, notifyScopeItemFocus, parseTrigger, presetColors, presetSystemColors, styles$8 as radioStyles, registerScope, renderDropdownMenuItems, setActiveScope, setContextMenuInterceptor, setFloatingCollisionPadding, setLastFocusedItem, showContextMenu, styles$9 as sliderStyles, styles$10 as switchStyles, styles$11 as tabsStyles, groupStyles as textGroupStyles, styles$12 as textStyles, variants as textVariants, toast, styles$13 as toggleGroupStyles, styles$14 as treeStyles, updateContextMenuItems, useAccordionContext, useActiveScopeId, useDraggablePanelContext, useDrawerActions, useDrawerOpen, useFocusScopeActive, useFocusScopeId, useFormContext, useModalActions, useModalContext, useModalOpen, usePopoverContext, usePopoverGroupHandle, usePopoverPortalContainer, useScopeArrowNav, useScopeSwitcher, useSwitchContext, useTabsContext, useToast };
+export { Accordion, AccordionHeader, AccordionItem, AccordionPanel, AccordionRoot, AccordionTrigger, ActionIcon, Alert, Anchor, AutoComplete, Avatar, AvatarGroup, Badge, Breadcrumb, Burger, Button, Carousel, Checkbox_default as Checkbox, CheckboxGroup, Collapsible, ColorPicker, ContextMenuHost, ContextMenuTrigger, DatePicker, DateRangePicker, DayjsDatePicker, DayjsDateRangePicker, Descriptions, Divider, DraggablePanel, DraggablePanelBody, DraggablePanelContainer, DraggablePanelContent, DraggablePanelFooter, DraggablePanelHandle, DraggablePanelHeader, DraggablePanelRoot, DraggablePanelToggle, Drawer, DrawerBackdrop, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerPopup, DrawerPortal, DrawerRoot, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuFooter, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuHeader, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemDesc, DropdownMenuItemExtra, DropdownMenuItemIcon, DropdownMenuItemLabel, DropdownMenuItemLabelGroup, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRoot, DropdownMenuScrollViewport, DropdownMenuSeparator, DropdownMenuSubmenuArrow, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuSwitchItem, DropdownMenuTrigger, FloatingPanel, FloatingSheet, FocusScope, Form, FormDivider, FormField, FormFlatGroup, FormFooter, FormGroup, FormSubmitFooter, FormTitle, Input_default as Input, InputNumber_default as InputNumber, InputOTP, InputPassword_default as InputPassword, List, Modal, ModalBackdrop, ModalClose, ModalContent, ModalContext, ModalDescription, ModalFooter, ModalHeader, ModalHost, ModalPopup, ModalPortal, ModalRoot, ModalTitle, ModalTrigger, ModalViewport, Pagination, Popover, PopoverArrow, PopoverArrowIcon, PopoverBackdrop, PopoverGroup, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverProvider, PopoverRoot, PopoverTriggerElement, PopoverViewport, Progress, QRCode, Radio, RadioGroup, Rate, Result, ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, Segmented, SegmentedIndicator, SegmentedItem, SegmentedItemIcon, SegmentedItemLabel, SegmentedRoot, Select, SelectArrow, SelectBackdrop, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectList, SelectPopup, SelectPortal, SelectPositioner, SelectRoot, SelectScrollDownArrow, SelectScrollUpArrow, SelectSeparator, SelectTrigger, SelectValue, Skeleton, SkeletonAvatar, SkeletonText, Slider, SliderWithInput, Spin, SplitButton, Statistic, Steps, Switch, SwitchIcon, SwitchRoot, SwitchThumb, Table, Tabs, TabsIndicator, TabsList, TabsPanel, TabsRoot, TabsTab, Tag, Text, TextArea_default as TextArea, ToastHost, ToggleGroup, ToggleGroupItem, ToggleGroupItemIcon, ToggleGroupItemLabel, ToggleGroupRoot, Tooltip, TooltipGroup, Tree, Upload, UploadDragger, styles as accordionStyles, styles$1 as actionIconStyles, styles$2 as alertStyles, styles$3 as autoCompleteStyles, backdropTransition, buttonPaddingInline, styles$4 as buttonStyles, styles$5 as checkboxStyles, closeContextMenu, colorsPreset, colorsPresetSystem, conductCheck, confirmModal, controlHeight, createModal, createModalSystem, createPickerLocale, datePickerLocaleEnUS, datePickerLocaleZhCN, drawerBackdropTransition, flattenVisible, focusScopeItem, styles$6 as focusScopeStyles, formatStatisticValue, generatePicker, getActiveScopeId, getAllKeys, getDrawerMotionConfig, getFloatingCollisionPadding, getLastFocusedItem, styles$7 as inputStyles, rootVariants as inputVariants, modalMotionConfig, notifyScopeItemFocus, parseTrigger, presetColors, presetSystemColors, styles$8 as radioStyles, registerScope, renderDropdownMenuItems, setActiveScope, setContextMenuInterceptor, setFloatingCollisionPadding, setLastFocusedItem, showContextMenu, styles$9 as sliderStyles, styles$10 as switchStyles, styles$11 as tabsStyles, groupStyles as textGroupStyles, styles$12 as textStyles, variants as textVariants, toast, styles$13 as toggleGroupStyles, styles$14 as treeStyles, updateContextMenuItems, useAccordionContext, useActiveScopeId, useDraggablePanelContext, useDrawerActions, useDrawerOpen, useFocusScopeActive, useFocusScopeId, useFormContext, useModalActions, useModalContext, useModalOpen, usePopoverContext, usePopoverGroupHandle, usePopoverPortalContainer, useScopeArrowNav, useScopeSwitcher, useSwitchContext, useTabsContext, useToast };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "5.64.0",
+  "version": "5.64.2",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",