@ifhover/leaf-ui 0.5.0 → 0.6.0

package/dist/esm/browser/modules/commandpalette/commandpalette.js

@@ -1,15 +1,18 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/commandpalette.css';
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Search } from "lucide-react";
 import { useEffect, useId, useLayoutEffect, useRef, useState } from "react";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { useLeafConfig } from "../config-provider/context.js";
-import { Input } from "../input/index.js";
-import { Modal } from "../modal/index.js";
+import { InputControl } from "../input/input.js";
+import { ModalBase } from "../modal/modal.js";
 import { useControllable } from "../shared/use-controllable.js";
 import { useText } from "../shared/use-text.js";
 const useBrowserLayoutEffect = "u" < typeof window ? useEffect : useLayoutEffect;
-function CommandPalette({ items, open: controlled, defaultOpen = false, onOpenChange, onSelect, shortcut = 'k', placeholder, loading, emptyContent, onSearch, onError }) {
+function CommandPalette(rawProps) {
+    const { items, open: controlled, defaultOpen = false, onOpenChange, onSelect, shortcut = 'k', placeholder, loading, emptyContent, onSearch, onError } = useComponentProps('CommandPalette', rawProps);
     const t = useText(), { messages } = useLeafConfig(), id = useId();
     const [open, setOpen] = useControllable(controlled, defaultOpen, onOpenChange);
     const callback = useRef(setOpen);
@@ -105,22 +108,22 @@ function CommandPalette({ items, open: controlled, defaultOpen = false, onOpenCh
             }
         }
     };
-    return /*#__PURE__*/ jsxs(Modal, {
+    return /*#__PURE__*/ jsxs(ModalBase, {
         open: open,
-        title: t('命令搜索', 'Command search'),
+        title: t('commandPalette.commandSearch'),
         footer: null,
         onClose: ()=>setOpen(false),
         width: 560,
         className: "leaf-command-palette",
         children: [
-            /*#__PURE__*/ jsx(Input, {
+            /*#__PURE__*/ jsx(InputControl, {
                 ref: input,
                 prefix: /*#__PURE__*/ jsx(Search, {
                     size: 17
                 }),
                 value: query,
-                placeholder: placeholder ?? t('搜索命令…', 'Search commands…'),
-                "aria-label": t('搜索命令', 'Search commands'),
+                placeholder: placeholder ?? t('commandPalette.placeholder'),
+                "aria-label": t('commandPalette.searchCommands'),
                 role: "combobox",
                 "aria-expanded": true,
                 "aria-controls": id,
@@ -160,7 +163,7 @@ function CommandPalette({ items, open: controlled, defaultOpen = false, onOpenCh
                 ref: listRef,
                 id: id,
                 role: "listbox",
-                "aria-label": t('命令', 'Commands'),
+                "aria-label": t('commandPalette.commands'),
                 "aria-busy": loading || !!busy,
                 className: "leaf-command-palette__list",
                 children: [
@@ -184,7 +187,7 @@ function CommandPalette({ items, open: controlled, defaultOpen = false, onOpenCh
                                     disabled: item.disabled || !!busy,
                                     tabIndex: -1,
                                     className: "leaf-floating__option",
-                                    onMouseEnter: ()=>setActive(index),
+                                    onMouseEnter: ()=>!item.disabled && !busy && setActive(index),
                                     onClick: ()=>void select(item),
                                     children: [
                                         item.icon,
@@ -200,7 +203,7 @@ function CommandPalette({ items, open: controlled, defaultOpen = false, onOpenCh
                         }, item.key)),
                     !list.length && /*#__PURE__*/ jsx("div", {
                         className: "leaf-floating__empty",
-                        children: loading ? messages.loading : emptyContent ?? messages.noData
+                        children: loading ? messages.common.loading : emptyContent ?? messages.common.noData
                     })
                 ]
             }),
@@ -217,7 +220,7 @@ function CommandPalette({ items, open: controlled, defaultOpen = false, onOpenCh
                                 children: "↓"
                             }),
                             " ",
-                            t('选择', 'Navigate')
+                            t('commandPalette.navigate')
                         ]
                     }),
                     /*#__PURE__*/ jsxs("span", {
@@ -226,7 +229,7 @@ function CommandPalette({ items, open: controlled, defaultOpen = false, onOpenCh
                                 children: "↵"
                             }),
                             " ",
-                            t('执行', 'Run')
+                            t('commandPalette.run')
                         ]
                     }),
                     /*#__PURE__*/ jsxs("span", {
@@ -235,7 +238,7 @@ function CommandPalette({ items, open: controlled, defaultOpen = false, onOpenCh
                                 children: "Esc"
                             }),
                             " ",
-                            messages.close
+                            messages.common.close
                         ]
                     })
                 ]

package/dist/esm/browser/modules/commandpalette/commandpalette.js.map

@@ -1 +1 @@
-{"version":3,"file":"commandpalette/commandpalette.js","sources":["../../../../../src/commandpalette/commandpalette.tsx"],"sourcesContent":["import { Search } from 'lucide-react';\nimport {\n  type CSSProperties,\n  type ReactNode,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { Input } from '../input';\nimport { Modal } from '../modal';\nimport { useControllable } from '../shared/use-controllable';\nimport { useText } from '../shared/use-text';\nexport interface CommandItem {\n  key: string;\n  label: ReactNode;\n  keywords?: string;\n  group?: ReactNode;\n  icon?: ReactNode;\n  shortcut?: string;\n  disabled?: boolean;\n  onSelect?: () => void | Promise<void>;\n}\nexport interface CommandPaletteProps {\n  items: readonly CommandItem[];\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  onSelect?: (item: CommandItem) => void;\n  shortcut?: string | false;\n  placeholder?: string;\n  loading?: boolean;\n  emptyContent?: ReactNode;\n  onSearch?: (query: string) => void;\n  onError?: (error: unknown, item: CommandItem) => void;\n}\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\nexport function CommandPalette({\n  items,\n  open: controlled,\n  defaultOpen = false,\n  onOpenChange,\n  onSelect,\n  shortcut = 'k',\n  placeholder,\n  loading,\n  emptyContent,\n  onSearch,\n  onError,\n}: CommandPaletteProps) {\n  const t = useText(),\n    { messages } = useLeafConfig(),\n    id = useId();\n  const [open, setOpen] = useControllable(controlled, defaultOpen, onOpenChange);\n  const callback = useRef(setOpen);\n  callback.current = setOpen;\n  const [query, setQuery] = useState(''),\n    [active, setActive] = useState(0),\n    [busy, setBusy] = useState<string>();\n  const [error, setError] = useState('');\n  const inFlight = useRef(false);\n  const generation = useRef(0);\n  const input = useRef<HTMLInputElement>(null);\n  const listRef = useRef<HTMLDivElement>(null);\n  const [selection, setSelection] = useState<CSSProperties>();\n  useEffect(() => {\n    if (!shortcut) return;\n    const key = (event: KeyboardEvent) => {\n      if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === shortcut.toLowerCase()) {\n        event.preventDefault();\n        callback.current(!open);\n      }\n    };\n    document.addEventListener('keydown', key);\n    return () => document.removeEventListener('keydown', key);\n  }, [shortcut, open]);\n  useEffect(() => {\n    generation.current++;\n    inFlight.current = false;\n    setBusy(undefined);\n    setError('');\n    if (open) {\n      setQuery('');\n      setActive(0);\n      const frame = requestAnimationFrame(() => input.current?.focus());\n      return () => cancelAnimationFrame(frame);\n    }\n  }, [open]);\n  useEffect(\n    () => () => {\n      generation.current++;\n    },\n    [],\n  );\n  const list = items.filter((item) =>\n    `${typeof item.label === 'string' ? item.label : item.key} ${item.keywords ?? ''}`\n      .toLocaleLowerCase()\n      .includes(query.toLocaleLowerCase()),\n  );\n  useBrowserLayoutEffect(() => {\n    const node = listRef.current;\n    if (!node || !open) return;\n    const update = () => {\n      const row = node.querySelector<HTMLButtonElement>('[aria-selected=\"true\"]:not(:disabled)');\n      setSelection(\n        row\n          ? ({\n              '--leaf-command-selection-y': `${row.offsetTop}px`,\n              '--leaf-command-selection-height': `${row.offsetHeight}px`,\n            } as CSSProperties)\n          : undefined,\n      );\n    };\n    update();\n    if (typeof ResizeObserver === 'undefined') return;\n    const observer = new ResizeObserver(update);\n    observer.observe(node);\n    return () => observer.disconnect();\n  }, [open, active, query, items, busy]);\n  useEffect(() => {\n    document.getElementById(`${id}-${active}`)?.scrollIntoView?.({ block: 'nearest' });\n  }, [id, active]);\n  const select = async (item: CommandItem) => {\n    if (item.disabled || inFlight.current) return;\n    inFlight.current = true;\n    const request = generation.current;\n    setError('');\n    setBusy(item.key);\n    try {\n      await item.onSelect?.();\n      if (generation.current !== request) return;\n      onSelect?.(item);\n      setOpen(false);\n    } catch (reason) {\n      if (generation.current !== request) return;\n      setError(reason instanceof Error ? reason.message : String(reason));\n      onError?.(reason, item);\n    } finally {\n      if (generation.current === request) {\n        inFlight.current = false;\n        setBusy(undefined);\n      }\n    }\n  };\n  return (\n    <Modal\n      open={open}\n      title={t('命令搜索', 'Command search')}\n      footer={null}\n      onClose={() => setOpen(false)}\n      width={560}\n      className=\"leaf-command-palette\"\n    >\n      <Input\n        ref={input}\n        prefix={<Search size={17} />}\n        value={query}\n        placeholder={placeholder ?? t('搜索命令…', 'Search commands…')}\n        aria-label={t('搜索命令', 'Search commands')}\n        role=\"combobox\"\n        aria-expanded={true}\n        aria-controls={id}\n        aria-activedescendant={list[active] ? `${id}-${active}` : undefined}\n        onChange={(event) => {\n          setQuery(event.target.value);\n          setActive(0);\n          onSearch?.(event.target.value);\n        }}\n        onKeyDown={(event) => {\n          if (event.nativeEvent.isComposing) return;\n          if (['ArrowDown', 'ArrowUp'].includes(event.key)) {\n            event.preventDefault();\n            let next = active;\n            for (let i = 0; i < list.length; i++) {\n              next = (next + (event.key === 'ArrowDown' ? 1 : -1) + list.length) % list.length;\n              if (!list[next]?.disabled) break;\n            }\n            setActive(next);\n          }\n          const item = list[active];\n          if (event.key === 'Enter' && item) {\n            event.preventDefault();\n            void select(item);\n          }\n        }}\n      />\n      {error && (\n        <p role=\"alert\" className=\"leaf-command-palette__error\">\n          {error}\n        </p>\n      )}\n      <div\n        ref={listRef}\n        id={id}\n        role=\"listbox\"\n        aria-label={t('命令', 'Commands')}\n        aria-busy={loading || !!busy}\n        className=\"leaf-command-palette__list\"\n      >\n        <div\n          className=\"leaf-command-palette__selection\"\n          style={selection}\n          data-ready={Boolean(selection)}\n          aria-hidden=\"true\"\n        />\n        {list.map((item, index) => (\n          <div key={item.key}>\n            {item.group !== undefined && (index === 0 || list[index - 1]?.group !== item.group) && (\n              <div className=\"leaf-command-palette__group\">{item.group}</div>\n            )}\n            <button\n              type=\"button\"\n              role=\"option\"\n              id={`${id}-${index}`}\n              aria-selected={active === index}\n              disabled={item.disabled || !!busy}\n              tabIndex={-1}\n              className=\"leaf-floating__option\"\n              onMouseEnter={() => setActive(index)}\n              onClick={() => void select(item)}\n            >\n              {item.icon}\n              <span>{item.label}</span>\n              {item.shortcut && <kbd>{item.shortcut}</kbd>}\n            </button>\n          </div>\n        ))}\n        {!list.length && (\n          <div className=\"leaf-floating__empty\">\n            {loading ? messages.loading : (emptyContent ?? messages.noData)}\n          </div>\n        )}\n      </div>\n      <div className=\"leaf-command-palette__hint\" aria-hidden=\"true\">\n        <span>\n          <kbd>↑</kbd>\n          <kbd>↓</kbd> {t('选择', 'Navigate')}\n        </span>\n        <span>\n          <kbd>↵</kbd> {t('执行', 'Run')}\n        </span>\n        <span>\n          <kbd>Esc</kbd> {messages.close}\n        </span>\n      </div>\n    </Modal>\n  );\n}\n"],"names":["useBrowserLayoutEffect","window","useEffect","useLayoutEffect","CommandPalette","items","controlled","defaultOpen","onOpenChange","onSelect","shortcut","placeholder","loading","emptyContent","onSearch","onError","t","useText","messages","useLeafConfig","id","useId","open","setOpen","useControllable","callback","useRef","query","setQuery","useState","active","setActive","busy","setBusy","error","setError","inFlight","generation","input","listRef","selection","setSelection","key","event","document","undefined","frame","requestAnimationFrame","cancelAnimationFrame","list","item","node","update","row","ResizeObserver","observer","select","request","reason","Error","String","Modal","Input","Search","next","i","Boolean","index"],"mappings":";;;;;;;;;;AAsCA,MAAMA,yBAAyB,AAAkB,MAAlB,OAAOC,SAAyBC,YAAYC;AACpE,SAASC,eAAe,EAC7BC,KAAK,EACL,MAAMC,UAAU,EAChBC,cAAc,KAAK,EACnBC,YAAY,EACZC,QAAQ,EACRC,WAAW,GAAG,EACdC,WAAW,EACXC,OAAO,EACPC,YAAY,EACZC,QAAQ,EACRC,OAAO,EACa;IACpB,MAAMC,IAAIC,WACR,EAAEC,QAAQ,EAAE,GAAGC,iBACfC,KAAKC;IACP,MAAM,CAACC,MAAMC,QAAQ,GAAGC,gBAAgBlB,YAAYC,aAAaC;IACjE,MAAMiB,WAAWC,OAAOH;IACxBE,SAAS,OAAO,GAAGF;IACnB,MAAM,CAACI,OAAOC,SAAS,GAAGC,SAAS,KACjC,CAACC,QAAQC,UAAU,GAAGF,SAAS,IAC/B,CAACG,MAAMC,QAAQ,GAAGJ;IACpB,MAAM,CAACK,OAAOC,SAAS,GAAGN,SAAS;IACnC,MAAMO,WAAWV,OAAO;IACxB,MAAMW,aAAaX,OAAO;IAC1B,MAAMY,QAAQZ,OAAyB;IACvC,MAAMa,UAAUb,OAAuB;IACvC,MAAM,CAACc,WAAWC,aAAa,GAAGZ;IAClC3B,UAAU;QACR,IAAI,CAACQ,UAAU;QACf,MAAMgC,MAAM,CAACC;YACX,IAAKA,AAAAA,CAAAA,MAAM,OAAO,IAAIA,MAAM,OAAM,KAAMA,MAAM,GAAG,CAAC,WAAW,OAAOjC,SAAS,WAAW,IAAI;gBAC1FiC,MAAM,cAAc;gBACpBlB,SAAS,OAAO,CAAC,CAACH;YACpB;QACF;QACAsB,SAAS,gBAAgB,CAAC,WAAWF;QACrC,OAAO,IAAME,SAAS,mBAAmB,CAAC,WAAWF;IACvD,GAAG;QAAChC;QAAUY;KAAK;IACnBpB,UAAU;QACRmC,WAAW,OAAO;QAClBD,SAAS,OAAO,GAAG;QACnBH,QAAQY;QACRV,SAAS;QACT,IAAIb,MAAM;YACRM,SAAS;YACTG,UAAU;YACV,MAAMe,QAAQC,sBAAsB,IAAMT,MAAM,OAAO,EAAE;YACzD,OAAO,IAAMU,qBAAqBF;QACpC;IACF,GAAG;QAACxB;KAAK;IACTpB,UACE,IAAM;YACJmC,WAAW,OAAO;QACpB,GACA,EAAE;IAEJ,MAAMY,OAAO5C,MAAM,MAAM,CAAC,CAAC6C,OACzB,GAAG,AAAsB,YAAtB,OAAOA,KAAK,KAAK,GAAgBA,KAAK,KAAK,GAAGA,KAAK,GAAG,CAAC,CAAC,EAAEA,KAAK,QAAQ,IAAI,IAAI,CAC/E,iBAAiB,GACjB,QAAQ,CAACvB,MAAM,iBAAiB;IAErC3B,uBAAuB;QACrB,MAAMmD,OAAOZ,QAAQ,OAAO;QAC5B,IAAI,CAACY,QAAQ,CAAC7B,MAAM;QACpB,MAAM8B,SAAS;YACb,MAAMC,MAAMF,KAAK,aAAa,CAAoB;YAClDV,aACEY,MACK;gBACC,8BAA8B,GAAGA,IAAI,SAAS,CAAC,EAAE,CAAC;gBAClD,mCAAmC,GAAGA,IAAI,YAAY,CAAC,EAAE,CAAC;YAC5D,IACAR;QAER;QACAO;QACA,IAAI,AAA0B,MAA1B,OAAOE,gBAAgC;QAC3C,MAAMC,WAAW,IAAID,eAAeF;QACpCG,SAAS,OAAO,CAACJ;QACjB,OAAO,IAAMI,SAAS,UAAU;IAClC,GAAG;QAACjC;QAAMQ;QAAQH;QAAOtB;QAAO2B;KAAK;IACrC9B,UAAU;QACR0C,SAAS,cAAc,CAAC,GAAGxB,GAAG,CAAC,EAAEU,QAAQ,GAAG,iBAAiB;YAAE,OAAO;QAAU;IAClF,GAAG;QAACV;QAAIU;KAAO;IACf,MAAM0B,SAAS,OAAON;QACpB,IAAIA,KAAK,QAAQ,IAAId,SAAS,OAAO,EAAE;QACvCA,SAAS,OAAO,GAAG;QACnB,MAAMqB,UAAUpB,WAAW,OAAO;QAClCF,SAAS;QACTF,QAAQiB,KAAK,GAAG;QAChB,IAAI;YACF,MAAMA,KAAK,QAAQ;YACnB,IAAIb,WAAW,OAAO,KAAKoB,SAAS;YACpChD,WAAWyC;YACX3B,QAAQ;QACV,EAAE,OAAOmC,QAAQ;YACf,IAAIrB,WAAW,OAAO,KAAKoB,SAAS;YACpCtB,SAASuB,kBAAkBC,QAAQD,OAAO,OAAO,GAAGE,OAAOF;YAC3D3C,UAAU2C,QAAQR;QACpB,SAAU;YACR,IAAIb,WAAW,OAAO,KAAKoB,SAAS;gBAClCrB,SAAS,OAAO,GAAG;gBACnBH,QAAQY;YACV;QACF;IACF;IACA,OAAO,WAAP,GACE,KAACgB,OAAKA;QACJ,MAAMvC;QACN,OAAON,EAAE,QAAQ;QACjB,QAAQ;QACR,SAAS,IAAMO,QAAQ;QACvB,OAAO;QACP,WAAU;;0BAEV,IAACuC,OAAKA;gBACJ,KAAKxB;gBACL,sBAAQ,IAACyB,QAAMA;oBAAC,MAAM;;gBACtB,OAAOpC;gBACP,aAAahB,eAAeK,EAAE,SAAS;gBACvC,cAAYA,EAAE,QAAQ;gBACtB,MAAK;gBACL,iBAAe;gBACf,iBAAeI;gBACf,yBAAuB6B,IAAI,CAACnB,OAAO,GAAG,GAAGV,GAAG,CAAC,EAAEU,QAAQ,GAAGe;gBAC1D,UAAU,CAACF;oBACTf,SAASe,MAAM,MAAM,CAAC,KAAK;oBAC3BZ,UAAU;oBACVjB,WAAW6B,MAAM,MAAM,CAAC,KAAK;gBAC/B;gBACA,WAAW,CAACA;oBACV,IAAIA,MAAM,WAAW,CAAC,WAAW,EAAE;oBACnC,IAAI;wBAAC;wBAAa;qBAAU,CAAC,QAAQ,CAACA,MAAM,GAAG,GAAG;wBAChDA,MAAM,cAAc;wBACpB,IAAIqB,OAAOlC;wBACX,IAAK,IAAImC,IAAI,GAAGA,IAAIhB,KAAK,MAAM,EAAEgB,IAAK;4BACpCD,OAAQA,AAAAA,CAAAA,OAAQrB,CAAAA,AAAc,gBAAdA,MAAM,GAAG,GAAmB,IAAI,EAAC,IAAKM,KAAK,MAAK,IAAKA,KAAK,MAAM;4BAChF,IAAI,CAACA,IAAI,CAACe,KAAK,EAAE,UAAU;wBAC7B;wBACAjC,UAAUiC;oBACZ;oBACA,MAAMd,OAAOD,IAAI,CAACnB,OAAO;oBACzB,IAAIa,AAAc,YAAdA,MAAM,GAAG,IAAgBO,MAAM;wBACjCP,MAAM,cAAc;wBACfa,OAAON;oBACd;gBACF;;YAEDhB,SAAS,WAATA,GACC,IAAC;gBAAE,MAAK;gBAAQ,WAAU;0BACvBA;;0BAGL,KAAC;gBACC,KAAKK;gBACL,IAAInB;gBACJ,MAAK;gBACL,cAAYJ,EAAE,MAAM;gBACpB,aAAWJ,WAAW,CAAC,CAACoB;gBACxB,WAAU;;kCAEV,IAAC;wBACC,WAAU;wBACV,OAAOQ;wBACP,cAAY0B,QAAQ1B;wBACpB,eAAY;;oBAEbS,KAAK,GAAG,CAAC,CAACC,MAAMiB,QAAAA,WAAAA,GACf,KAAC;;gCACiBtB,WAAfK,KAAK,KAAK,IAAmBiB,CAAAA,AAAU,MAAVA,SAAelB,IAAI,CAACkB,QAAQ,EAAE,EAAE,UAAUjB,KAAK,KAAI,mBAC/E,IAAC;oCAAI,WAAU;8CAA+BA,KAAK,KAAK;;8CAE1D,KAAC;oCACC,MAAK;oCACL,MAAK;oCACL,IAAI,GAAG9B,GAAG,CAAC,EAAE+C,OAAO;oCACpB,iBAAerC,WAAWqC;oCAC1B,UAAUjB,KAAK,QAAQ,IAAI,CAAC,CAAClB;oCAC7B,UAAU;oCACV,WAAU;oCACV,cAAc,IAAMD,UAAUoC;oCAC9B,SAAS,IAAM,KAAKX,OAAON;;wCAE1BA,KAAK,IAAI;sDACV,IAAC;sDAAMA,KAAK,KAAK;;wCAChBA,KAAK,QAAQ,IAAI,WAAJ,GAAI,IAAC;sDAAKA,KAAK,QAAQ;;;;;2BAjB/BA,KAAK,GAAG;oBAqBnB,CAACD,KAAK,MAAM,IAAI,WAAJ,GACX,IAAC;wBAAI,WAAU;kCACZrC,UAAUM,SAAS,OAAO,GAAIL,gBAAgBK,SAAS,MAAM;;;;0BAIpE,KAAC;gBAAI,WAAU;gBAA6B,eAAY;;kCACtD,KAAC;;0CACC,IAAC;0CAAI;;0CACL,IAAC;0CAAI;;4BAAO;4BAAEF,EAAE,MAAM;;;kCAExB,KAAC;;0CACC,IAAC;0CAAI;;4BAAO;4BAAEA,EAAE,MAAM;;;kCAExB,KAAC;;0CACC,IAAC;0CAAI;;4BAAS;4BAAEE,SAAS,KAAK;;;;;;;AAKxC"}
+{"version":3,"file":"commandpalette/commandpalette.js","sources":["../../../../../src/commandpalette/commandpalette.tsx"],"sourcesContent":["import { Search } from 'lucide-react';\nimport {\n  type CSSProperties,\n  type ReactNode,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { InputControl } from '../input/input';\nimport { ModalBase } from '../modal/modal';\nimport { useControllable } from '../shared/use-controllable';\nimport { useText } from '../shared/use-text';\nexport interface CommandItem {\n  key: string;\n  label: ReactNode;\n  keywords?: string;\n  group?: ReactNode;\n  icon?: ReactNode;\n  shortcut?: string;\n  disabled?: boolean;\n  onSelect?: () => void | Promise<void>;\n}\nexport interface CommandPaletteProps {\n  items: readonly CommandItem[];\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  onSelect?: (item: CommandItem) => void;\n  shortcut?: string | false;\n  placeholder?: string;\n  loading?: boolean;\n  emptyContent?: ReactNode;\n  onSearch?: (query: string) => void;\n  onError?: (error: unknown, item: CommandItem) => void;\n}\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\nexport function CommandPalette(rawProps: CommandPaletteProps) {\n  const {\n    items,\n    open: controlled,\n    defaultOpen = false,\n    onOpenChange,\n    onSelect,\n    shortcut = 'k',\n    placeholder,\n    loading,\n    emptyContent,\n    onSearch,\n    onError,\n  } = useComponentProps('CommandPalette', rawProps);\n  const t = useText(),\n    { messages } = useLeafConfig(),\n    id = useId();\n  const [open, setOpen] = useControllable(controlled, defaultOpen, onOpenChange);\n  const callback = useRef(setOpen);\n  callback.current = setOpen;\n  const [query, setQuery] = useState(''),\n    [active, setActive] = useState(0),\n    [busy, setBusy] = useState<string>();\n  const [error, setError] = useState('');\n  const inFlight = useRef(false);\n  const generation = useRef(0);\n  const input = useRef<HTMLInputElement>(null);\n  const listRef = useRef<HTMLDivElement>(null);\n  const [selection, setSelection] = useState<CSSProperties>();\n  useEffect(() => {\n    if (!shortcut) return;\n    const key = (event: KeyboardEvent) => {\n      if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === shortcut.toLowerCase()) {\n        event.preventDefault();\n        callback.current(!open);\n      }\n    };\n    document.addEventListener('keydown', key);\n    return () => document.removeEventListener('keydown', key);\n  }, [shortcut, open]);\n  useEffect(() => {\n    generation.current++;\n    inFlight.current = false;\n    setBusy(undefined);\n    setError('');\n    if (open) {\n      setQuery('');\n      setActive(0);\n      const frame = requestAnimationFrame(() => input.current?.focus());\n      return () => cancelAnimationFrame(frame);\n    }\n  }, [open]);\n  useEffect(\n    () => () => {\n      generation.current++;\n    },\n    [],\n  );\n  const list = items.filter((item) =>\n    `${typeof item.label === 'string' ? item.label : item.key} ${item.keywords ?? ''}`\n      .toLocaleLowerCase()\n      .includes(query.toLocaleLowerCase()),\n  );\n  useBrowserLayoutEffect(() => {\n    const node = listRef.current;\n    if (!node || !open) return;\n    const update = () => {\n      const row = node.querySelector<HTMLButtonElement>('[aria-selected=\"true\"]:not(:disabled)');\n      setSelection(\n        row\n          ? ({\n              '--leaf-command-selection-y': `${row.offsetTop}px`,\n              '--leaf-command-selection-height': `${row.offsetHeight}px`,\n            } as CSSProperties)\n          : undefined,\n      );\n    };\n    update();\n    if (typeof ResizeObserver === 'undefined') return;\n    const observer = new ResizeObserver(update);\n    observer.observe(node);\n    return () => observer.disconnect();\n  }, [open, active, query, items, busy]);\n  useEffect(() => {\n    document.getElementById(`${id}-${active}`)?.scrollIntoView?.({ block: 'nearest' });\n  }, [id, active]);\n  const select = async (item: CommandItem) => {\n    if (item.disabled || inFlight.current) return;\n    inFlight.current = true;\n    const request = generation.current;\n    setError('');\n    setBusy(item.key);\n    try {\n      await item.onSelect?.();\n      if (generation.current !== request) return;\n      onSelect?.(item);\n      setOpen(false);\n    } catch (reason) {\n      if (generation.current !== request) return;\n      setError(reason instanceof Error ? reason.message : String(reason));\n      onError?.(reason, item);\n    } finally {\n      if (generation.current === request) {\n        inFlight.current = false;\n        setBusy(undefined);\n      }\n    }\n  };\n  return (\n    <ModalBase\n      open={open}\n      title={t('commandPalette.commandSearch')}\n      footer={null}\n      onClose={() => setOpen(false)}\n      width={560}\n      className=\"leaf-command-palette\"\n    >\n      <InputControl\n        ref={input}\n        prefix={<Search size={17} />}\n        value={query}\n        placeholder={placeholder ?? t('commandPalette.placeholder')}\n        aria-label={t('commandPalette.searchCommands')}\n        role=\"combobox\"\n        aria-expanded={true}\n        aria-controls={id}\n        aria-activedescendant={list[active] ? `${id}-${active}` : undefined}\n        onChange={(event) => {\n          setQuery(event.target.value);\n          setActive(0);\n          onSearch?.(event.target.value);\n        }}\n        onKeyDown={(event) => {\n          if (event.nativeEvent.isComposing) return;\n          if (['ArrowDown', 'ArrowUp'].includes(event.key)) {\n            event.preventDefault();\n            let next = active;\n            for (let i = 0; i < list.length; i++) {\n              next = (next + (event.key === 'ArrowDown' ? 1 : -1) + list.length) % list.length;\n              if (!list[next]?.disabled) break;\n            }\n            setActive(next);\n          }\n          const item = list[active];\n          if (event.key === 'Enter' && item) {\n            event.preventDefault();\n            void select(item);\n          }\n        }}\n      />\n      {error && (\n        <p role=\"alert\" className=\"leaf-command-palette__error\">\n          {error}\n        </p>\n      )}\n      <div\n        ref={listRef}\n        id={id}\n        role=\"listbox\"\n        aria-label={t('commandPalette.commands')}\n        aria-busy={loading || !!busy}\n        className=\"leaf-command-palette__list\"\n      >\n        <div\n          className=\"leaf-command-palette__selection\"\n          style={selection}\n          data-ready={Boolean(selection)}\n          aria-hidden=\"true\"\n        />\n        {list.map((item, index) => (\n          <div key={item.key}>\n            {item.group !== undefined && (index === 0 || list[index - 1]?.group !== item.group) && (\n              <div className=\"leaf-command-palette__group\">{item.group}</div>\n            )}\n            <button\n              type=\"button\"\n              role=\"option\"\n              id={`${id}-${index}`}\n              aria-selected={active === index}\n              disabled={item.disabled || !!busy}\n              tabIndex={-1}\n              className=\"leaf-floating__option\"\n              onMouseEnter={() => !item.disabled && !busy && setActive(index)}\n              onClick={() => void select(item)}\n            >\n              {item.icon}\n              <span>{item.label}</span>\n              {item.shortcut && <kbd>{item.shortcut}</kbd>}\n            </button>\n          </div>\n        ))}\n        {!list.length && (\n          <div className=\"leaf-floating__empty\">\n            {loading ? messages.common.loading : (emptyContent ?? messages.common.noData)}\n          </div>\n        )}\n      </div>\n      <div className=\"leaf-command-palette__hint\" aria-hidden=\"true\">\n        <span>\n          <kbd>↑</kbd>\n          <kbd>↓</kbd> {t('commandPalette.navigate')}\n        </span>\n        <span>\n          <kbd>↵</kbd> {t('commandPalette.run')}\n        </span>\n        <span>\n          <kbd>Esc</kbd> {messages.common.close}\n        </span>\n      </div>\n    </ModalBase>\n  );\n}\n"],"names":["useBrowserLayoutEffect","window","useEffect","useLayoutEffect","CommandPalette","rawProps","items","controlled","defaultOpen","onOpenChange","onSelect","shortcut","placeholder","loading","emptyContent","onSearch","onError","useComponentProps","t","useText","messages","useLeafConfig","id","useId","open","setOpen","useControllable","callback","useRef","query","setQuery","useState","active","setActive","busy","setBusy","error","setError","inFlight","generation","input","listRef","selection","setSelection","key","event","document","undefined","frame","requestAnimationFrame","cancelAnimationFrame","list","item","node","update","row","ResizeObserver","observer","select","request","reason","Error","String","ModalBase","InputControl","Search","next","i","Boolean","index"],"mappings":"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"}

package/dist/esm/browser/modules/commandpalette/index.js

@@ -1,2 +1,2 @@
 "use client";
-export * from "./commandpalette.js";
+export { CommandPalette } from "./commandpalette.js";

package/dist/esm/browser/modules/config-provider/component-defaults.js

@@ -0,0 +1,64 @@
+"use client";
+import { createContext, useContext } from "react";
+const ComponentDefaultsContext = createContext({});
+function mergeComponentProps(defaults, props) {
+    if (!defaults) return props;
+    let resolved = props;
+    for (const key of Object.keys(defaults)){
+        const value = defaults[key];
+        if (void 0 !== value && void 0 === props[key]) {
+            if (resolved === props) resolved = {
+                ...props
+            };
+            resolved[key] = value;
+        }
+    }
+    return resolved;
+}
+function mergeComponentDefaults(parent, overrides) {
+    if (!overrides) return parent;
+    let merged = parent;
+    for (const name of Object.keys(overrides)){
+        const incoming = overrides[name];
+        if (void 0 === incoming) continue;
+        const inherited = parent[name] ?? void 0;
+        if (null === incoming) {
+            if (null == inherited) continue;
+            if (merged === parent) merged = {
+                ...parent
+            };
+            delete merged[name];
+            continue;
+        }
+        let entry = inherited;
+        for (const key of Object.keys(incoming)){
+            const value = incoming[key];
+            if (void 0 !== value && value !== inherited?.[key]) {
+                if (entry === inherited) entry = {
+                    ...inherited
+                };
+                entry[key] = value;
+            }
+        }
+        if (entry !== inherited) {
+            if (merged === parent) merged = {
+                ...parent
+            };
+            merged[name] = entry;
+        }
+    }
+    return merged;
+}
+function useComponentProps(name, props) {
+    const defaults = useContext(ComponentDefaultsContext)[name];
+    return mergeComponentProps(defaults, props);
+}
+function useGenericComponentDefaults(name) {
+    return useContext(ComponentDefaultsContext)[name];
+}
+function useComponentDefaults(name) {
+    return useContext(ComponentDefaultsContext)[name];
+}
+export { ComponentDefaultsContext, mergeComponentDefaults, mergeComponentProps, useComponentDefaults, useComponentProps, useGenericComponentDefaults };
+
+//# sourceMappingURL=component-defaults.js.map

package/dist/esm/browser/modules/config-provider/component-defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-provider/component-defaults.js","sources":["../../../../../src/config-provider/component-defaults.ts"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport { createContext, useContext } from 'react';\nimport type { AlertProps } from '../alert/alert';\nimport type { AffixProps, AnchorProps } from '../anchor/anchor';\nimport type { AppBarProps, BottomNavigationProps, ToolbarProps } from '../appbar/appbar';\nimport type { AutoCompleteProps } from '../autocomplete/autocomplete';\nimport type { AvatarProps } from '../avatar/avatar';\nimport type { AvatarGroupProps } from '../avatar/group';\nimport type { BackTopProps } from '../backtop/backtop';\nimport type { BadgeProps } from '../badge/badge';\nimport type { BreadcrumbProps } from '../breadcrumb/breadcrumb';\nimport type { ButtonProps } from '../button/button';\nimport type { ButtonGroupProps, SplitButtonProps } from '../button/group';\nimport type { CalendarProps } from '../calendar/calendar';\nimport type { CardProps } from '../card/card';\nimport type { CarouselProps } from '../carousel/carousel';\nimport type { CascaderProps } from '../cascader/cascader';\nimport type { CheckboxProps } from '../checkbox/checkbox';\nimport type { CheckboxGroupProps } from '../checkbox/group';\nimport type { CollapseProps } from '../collapse/collapse';\nimport type { ColorPickerProps } from '../colorpicker/colorpicker';\nimport type { CommandPaletteProps } from '../commandpalette/commandpalette';\nimport type { ConfirmOptions } from '../confirm/confirm';\nimport type { DatePickerProps } from '../datepicker/datepicker';\nimport type { DateRangePickerProps } from '../daterangepicker/daterangepicker';\nimport type { DateTimePickerProps } from '../datetimepicker/datetimepicker';\nimport type { DescriptionsProps } from '../descriptions/descriptions';\nimport type { DividerProps } from '../divider/divider';\nimport type { DrawerProps } from '../drawer/drawer';\nimport type { DropdownProps } from '../dropdown/dropdown';\nimport type { EmptyProps } from '../empty/empty';\nimport type { ErrorBoundaryProps } from '../errorboundary/errorboundary';\nimport type { FileListProps } from '../filelist/filelist';\nimport type { FlexProps } from '../flex/flex';\nimport type { FloatButtonGroupProps, FloatButtonProps } from '../floatbutton/floatbutton';\nimport type {\n  FormErrorSummaryProps,\n  FormFieldProps,\n  FormGroupProps,\n  FormProps,\n} from '../form/form';\nimport type { FormListProps } from '../form/list';\nimport type { ColProps, GridProps, RowProps } from '../grid/grid';\nimport type { ImagePreviewGroupProps, ImagePreviewProps, ImageProps } from '../image/image';\nimport type { InfiniteScrollProps } from '../infinitescroll/infinitescroll';\nimport type { InputGroupProps, InputSearchProps } from '../input/group';\nimport type { InputProps } from '../input/input';\nimport type { InputMaskProps } from '../inputmask/inputmask';\nimport type { InputNumberProps } from '../inputnumber/inputnumber';\nimport type { InputOTPProps } from '../inputotp/inputotp';\nimport type { LayoutProps, LayoutSiderProps } from '../layout/layout';\nimport type { LoadingProps } from '../loading/loading';\nimport type { LoadingBarProps } from '../loadingbar/loadingbar';\nimport type { MasonryProps } from '../masonry/masonry';\nimport type { MentionsProps } from '../mentions/mentions';\nimport type { MenuProps } from '../menu/menu';\nimport type { MessageOptions, MessageProps } from '../message/message';\nimport type { ModalProps } from '../modal/modal';\nimport type { NotificationOptions, NotificationProps } from '../notification/notification';\nimport type { PaginationProps } from '../pagination/pagination';\nimport type { PopconfirmProps } from '../popconfirm/popconfirm';\nimport type { PopoverProps } from '../popover/popover';\nimport type { ProgressProps } from '../progress/progress';\nimport type { QRCodeProps } from '../qrcode/qrcode';\nimport type { RadioGroupProps, RadioProps } from '../radio/radio';\nimport type { RateProps } from '../rate/rate';\nimport type { ResultProps } from '../result/result';\nimport type { ScrollAreaProps } from '../scrollarea/scrollarea';\nimport type { ScrollbarProps } from '../scrollbar/scrollbar';\nimport type { SegmentedProps } from '../segmented/segmented';\nimport type { SelectProps } from '../select/select';\nimport type { SkeletonProps } from '../skeleton/skeleton';\nimport type { SliderProps } from '../slider/slider';\nimport type { SpaceProps } from '../space/space';\nimport type { SplitterProps } from '../splitter/splitter';\nimport type { CountdownProps, StatisticProps } from '../statistic/statistic';\nimport type { StepsProps } from '../steps/steps';\nimport type { SwitchProps } from '../switch/switch';\nimport type {\n  TableCellProps,\n  TableColumnHeaderProps,\n  TableErrorProps,\n  TableProps,\n  TableRowProps,\n  TableStateProps,\n} from '../table/table';\nimport type {\n  DataTableColumnVisibilityProps,\n  DataTableContentProps,\n  DataTablePaginationProps,\n  DataTablePresentationProps,\n  DataTableSearchProps,\n} from '../tabletanstack/defaults';\nimport type { TabsProps } from '../tabs/tabs';\nimport type { CheckableTagProps, TagGroupProps } from '../tag/group';\nimport type { TagProps } from '../tag/tag';\nimport type { TextareaProps } from '../textarea/textarea';\nimport type { TimelineProps } from '../timeline/timeline';\nimport type { TimePickerProps } from '../timepicker/timepicker';\nimport type { TimeRangePickerProps } from '../timerangepicker/timerangepicker';\nimport type { TooltipProps } from '../tooltip/tooltip';\nimport type { TourProps } from '../tour/tour';\nimport type { TransferProps } from '../transfer/transfer';\nimport type { TreeProps } from '../tree/tree';\nimport type { TreeSelectProps } from '../treeselect/treeselect';\nimport type {\n  LinkProps,\n  ParagraphProps,\n  TextProps,\n  TitleProps,\n  TypographyProps,\n} from '../typography/typography';\nimport type { UploadProps } from '../upload/upload';\nimport type { VirtualListProps } from '../virtuallist/virtuallist';\n\n/** Only props independent of the caller's item type can cross a generic component boundary. */\ntype GenericComponentName = 'FormList' | 'VirtualList' | 'DataTable';\n\n/** Full public props keep each hook key tied to its component, including Select's union. */\ninterface ComponentPropsMap {\n  Affix: AffixProps;\n  Alert: AlertProps;\n  Anchor: AnchorProps;\n  AppBar: AppBarProps;\n  AutoComplete: AutoCompleteProps;\n  Avatar: AvatarProps;\n  AvatarGroup: AvatarGroupProps;\n  BackTop: BackTopProps;\n  Badge: BadgeProps;\n  BottomNavigation: BottomNavigationProps;\n  Breadcrumb: BreadcrumbProps;\n  Button: ButtonProps;\n  ButtonGroup: ButtonGroupProps;\n  Calendar: CalendarProps;\n  Card: CardProps;\n  Carousel: CarouselProps;\n  Cascader: CascaderProps;\n  CheckableTag: CheckableTagProps;\n  Checkbox: CheckboxProps;\n  CheckboxGroup: CheckboxGroupProps;\n  Col: ColProps;\n  Collapse: CollapseProps;\n  ColorPicker: ColorPickerProps;\n  CommandPalette: CommandPaletteProps;\n  Confirm: ConfirmOptions;\n  Countdown: CountdownProps;\n  DataTableColumnVisibility: DataTableColumnVisibilityProps;\n  DataTableContent: DataTableContentProps;\n  DataTableFooter: HTMLAttributes<HTMLDivElement>;\n  DataTablePagination: DataTablePaginationProps;\n  DataTableSearch: DataTableSearchProps;\n  DataTableToolbar: HTMLAttributes<HTMLDivElement>;\n  DatePicker: DatePickerProps;\n  DateRangePicker: DateRangePickerProps;\n  DateTimePicker: DateTimePickerProps;\n  Descriptions: DescriptionsProps;\n  Divider: DividerProps;\n  Drawer: DrawerProps;\n  Dropdown: DropdownProps;\n  Empty: EmptyProps;\n  ErrorBoundary: ErrorBoundaryProps;\n  FileList: FileListProps;\n  Flex: FlexProps;\n  FloatButton: FloatButtonProps;\n  FloatButtonGroup: FloatButtonGroupProps;\n  Form: FormProps;\n  FormErrorSummary: FormErrorSummaryProps;\n  FormField: FormFieldProps;\n  FormGroup: FormGroupProps;\n  Grid: GridProps;\n  Image: ImageProps;\n  ImagePreview: ImagePreviewProps;\n  ImagePreviewGroup: ImagePreviewGroupProps;\n  InfiniteScroll: InfiniteScrollProps;\n  Input: InputProps;\n  InputGroup: InputGroupProps;\n  InputMask: InputMaskProps;\n  InputNumber: InputNumberProps;\n  InputOTP: InputOTPProps;\n  InputSearch: InputSearchProps;\n  Layout: LayoutProps;\n  LayoutContent: HTMLAttributes<HTMLElement>;\n  LayoutFooter: HTMLAttributes<HTMLElement>;\n  LayoutHeader: HTMLAttributes<HTMLElement>;\n  LayoutSider: LayoutSiderProps;\n  Link: LinkProps;\n  Loading: LoadingProps;\n  LoadingBar: LoadingBarProps;\n  Masonry: MasonryProps;\n  Mentions: MentionsProps;\n  Menu: MenuProps;\n  Message: MessageProps;\n  Modal: ModalProps;\n  Notification: NotificationProps;\n  Pagination: PaginationProps;\n  Paragraph: ParagraphProps;\n  Popconfirm: PopconfirmProps;\n  Popover: PopoverProps;\n  Progress: ProgressProps;\n  QRCode: QRCodeProps;\n  Radio: RadioProps;\n  RadioGroup: RadioGroupProps;\n  Rate: RateProps;\n  Result: ResultProps;\n  Row: RowProps;\n  ScrollArea: ScrollAreaProps;\n  Scrollbar: ScrollbarProps;\n  Segmented: SegmentedProps;\n  Select: SelectProps;\n  Skeleton: SkeletonProps;\n  Slider: SliderProps;\n  Space: SpaceProps;\n  SplitButton: SplitButtonProps;\n  Splitter: SplitterProps;\n  Statistic: StatisticProps;\n  Steps: StepsProps;\n  Switch: SwitchProps;\n  Table: TableProps;\n  TableBody: HTMLAttributes<HTMLTableSectionElement>;\n  TableCaption: HTMLAttributes<HTMLTableCaptionElement>;\n  TableCell: TableCellProps;\n  TableColumnHeader: TableColumnHeaderProps;\n  TableEmpty: TableStateProps;\n  TableError: TableErrorProps;\n  TableFooter: HTMLAttributes<HTMLTableSectionElement>;\n  TableHeader: HTMLAttributes<HTMLTableSectionElement>;\n  TableLoading: TableStateProps;\n  TableRow: TableRowProps;\n  Tabs: TabsProps;\n  Tag: TagProps;\n  TagGroup: TagGroupProps;\n  Text: TextProps;\n  Textarea: TextareaProps;\n  Timeline: TimelineProps;\n  TimePicker: TimePickerProps;\n  TimeRangePicker: TimeRangePickerProps;\n  Title: TitleProps;\n  Toolbar: ToolbarProps;\n  Tooltip: TooltipProps;\n  Tour: TourProps;\n  Transfer: TransferProps;\n  Tree: TreeProps;\n  TreeSelect: TreeSelectProps;\n  Typography: TypographyProps;\n  Upload: UploadProps;\n}\n\n/** Default props for supported components; null clears that component's inherited defaults. */\nexport interface LeafComponentDefaults {\n  Affix?: Partial<Omit<AffixProps, 'key' | 'ref'>> | null;\n  Alert?: Partial<Omit<AlertProps, 'key' | 'ref' | 'title'>> | null;\n  Anchor?: Partial<Omit<AnchorProps, 'key' | 'ref' | 'items'>> | null;\n  AppBar?: Partial<Omit<AppBarProps, 'key' | 'ref'>> | null;\n  AutoComplete?: Partial<Omit<AutoCompleteProps, 'key' | 'ref' | 'options'>> | null;\n  Avatar?: Partial<Omit<AvatarProps, 'key' | 'ref'>> | null;\n  AvatarGroup?: Partial<Omit<AvatarGroupProps, 'key' | 'ref'>> | null;\n  BackTop?: Partial<Omit<BackTopProps, 'key' | 'ref'>> | null;\n  Badge?: Partial<Omit<BadgeProps, 'key' | 'ref'>> | null;\n  BottomNavigation?: Partial<Omit<BottomNavigationProps, 'key' | 'ref' | 'items'>> | null;\n  Breadcrumb?: Partial<Omit<BreadcrumbProps, 'key' | 'ref' | 'items'>> | null;\n  Button?: Partial<Omit<ButtonProps, 'key' | 'ref'>> | null;\n  ButtonGroup?: Partial<Omit<ButtonGroupProps, 'key' | 'ref'>> | null;\n  Calendar?: Partial<Omit<CalendarProps, 'key' | 'ref'>> | null;\n  Card?: Partial<Omit<CardProps, 'key' | 'ref'>> | null;\n  Carousel?: Partial<Omit<CarouselProps, 'key' | 'ref'>> | null;\n  Cascader?: Partial<\n    Omit<\n      CascaderProps,\n      'key' | 'ref' | 'options' | 'multiple' | 'value' | 'defaultValue' | 'onChange'\n    >\n  > | null;\n  CheckableTag?: Partial<Omit<CheckableTagProps, 'key' | 'ref'>> | null;\n  Checkbox?: Partial<Omit<CheckboxProps, 'key' | 'ref'>> | null;\n  CheckboxGroup?: Partial<Omit<CheckboxGroupProps, 'key' | 'ref' | 'options'>> | null;\n  Col?: Partial<Omit<ColProps, 'key' | 'ref'>> | null;\n  Collapse?: Partial<Omit<CollapseProps, 'key' | 'ref' | 'items'>> | null;\n  ColorPicker?: Partial<Omit<ColorPickerProps, 'key' | 'ref'>> | null;\n  CommandPalette?: Partial<Omit<CommandPaletteProps, 'key' | 'ref' | 'items'>> | null;\n  Confirm?: Partial<Omit<ConfirmOptions, 'key' | 'ref'>> | null;\n  Countdown?: Partial<Omit<CountdownProps, 'key' | 'ref' | 'value'>> | null;\n  DataTable?: Partial<Omit<DataTablePresentationProps, 'tableRef'>> | null;\n  DataTableColumnVisibility?: Partial<Omit<DataTableColumnVisibilityProps, 'key' | 'ref'>> | null;\n  DataTableContent?: Partial<Omit<DataTableContentProps, 'key' | 'ref'>> | null;\n  DataTableFooter?: Partial<Omit<HTMLAttributes<HTMLDivElement>, 'key' | 'ref'>> | null;\n  DataTablePagination?: Partial<Omit<DataTablePaginationProps, 'key' | 'ref'>> | null;\n  DataTableSearch?: Partial<Omit<DataTableSearchProps, 'key' | 'ref'>> | null;\n  DataTableToolbar?: Partial<Omit<HTMLAttributes<HTMLDivElement>, 'key' | 'ref'>> | null;\n  DatePicker?: Partial<\n    Omit<DatePickerProps, 'key' | 'ref' | 'multiple' | 'value' | 'defaultValue' | 'onChange'>\n  > | null;\n  DateRangePicker?: Partial<Omit<DateRangePickerProps, 'key' | 'ref'>> | null;\n  DateTimePicker?: Partial<Omit<DateTimePickerProps, 'key' | 'ref'>> | null;\n  Descriptions?: Partial<Omit<DescriptionsProps, 'key' | 'ref' | 'items'>> | null;\n  Divider?: Partial<Omit<DividerProps, 'key' | 'ref'>> | null;\n  Drawer?: Partial<Omit<DrawerProps, 'key' | 'ref' | 'open'>> | null;\n  Dropdown?: Partial<Omit<DropdownProps, 'key' | 'ref' | 'items' | 'children'>> | null;\n  Empty?: Partial<Omit<EmptyProps, 'key' | 'ref'>> | null;\n  ErrorBoundary?: Partial<Omit<ErrorBoundaryProps, 'key' | 'ref'>> | null;\n  FileList?: Partial<Omit<FileListProps, 'key' | 'ref' | 'items'>> | null;\n  Flex?: Partial<Omit<FlexProps, 'key' | 'ref'>> | null;\n  FloatButton?: Partial<Omit<FloatButtonProps, 'key' | 'ref'>> | null;\n  FloatButtonGroup?: Partial<Omit<FloatButtonGroupProps, 'key' | 'ref' | 'actions'>> | null;\n  Form?: Partial<Omit<FormProps, 'key' | 'ref'>> | null;\n  FormErrorSummary?: Partial<Omit<FormErrorSummaryProps, 'key' | 'ref'>> | null;\n  FormField?: Partial<Omit<FormFieldProps, 'key' | 'ref'>> | null;\n  FormGroup?: Partial<Omit<FormGroupProps, 'key' | 'ref'>> | null;\n  FormList?: Partial<\n    Omit<\n      FormListProps<unknown>,\n      'name' | 'children' | 'value' | 'defaultValue' | 'onChange' | 'itemKey'\n    >\n  > | null;\n  Grid?: Partial<Omit<GridProps, 'key' | 'ref'>> | null;\n  Image?: Partial<Omit<ImageProps, 'key' | 'ref'>> | null;\n  ImagePreview?: Partial<\n    Omit<ImagePreviewProps, 'key' | 'ref' | 'items' | 'open' | 'onClose'>\n  > | null;\n  ImagePreviewGroup?: Partial<Omit<ImagePreviewGroupProps, 'key' | 'ref'>> | null;\n  InfiniteScroll?: Partial<\n    Omit<InfiniteScrollProps, 'key' | 'ref' | 'dataLength' | 'hasMore' | 'onLoadMore'>\n  > | null;\n  Input?: Partial<Omit<InputProps, 'key' | 'ref'>> | null;\n  InputGroup?: Partial<Omit<InputGroupProps, 'key' | 'ref'>> | null;\n  InputMask?: Partial<Omit<InputMaskProps, 'key' | 'ref' | 'mask'>> | null;\n  InputNumber?: Partial<\n    Omit<\n      InputNumberProps,\n      'key' | 'ref' | 'stringMode' | 'value' | 'defaultValue' | 'onChange' | 'min' | 'max' | 'step'\n    >\n  > | null;\n  InputOTP?: Partial<Omit<InputOTPProps, 'key' | 'ref'>> | null;\n  InputSearch?: Partial<Omit<InputSearchProps, 'key' | 'ref'>> | null;\n  Layout?: Partial<Omit<LayoutProps, 'key' | 'ref'>> | null;\n  LayoutContent?: Partial<Omit<HTMLAttributes<HTMLElement>, 'key' | 'ref'>> | null;\n  LayoutFooter?: Partial<Omit<HTMLAttributes<HTMLElement>, 'key' | 'ref'>> | null;\n  LayoutHeader?: Partial<Omit<HTMLAttributes<HTMLElement>, 'key' | 'ref'>> | null;\n  LayoutSider?: Partial<Omit<LayoutSiderProps, 'key' | 'ref'>> | null;\n  Link?: Partial<Omit<LinkProps, 'key' | 'ref'>> | null;\n  Loading?: Partial<Omit<LoadingProps, 'key' | 'ref'>> | null;\n  LoadingBar?: Partial<Omit<LoadingBarProps, 'key' | 'ref' | 'active' | 'progress'>> | null;\n  Masonry?: Partial<Omit<MasonryProps, 'key' | 'ref'>> | null;\n  Mentions?: Partial<Omit<MentionsProps, 'key' | 'ref' | 'options'>> | null;\n  Menu?: Partial<Omit<MenuProps, 'key' | 'ref' | 'items'>> | null;\n  Message?: Partial<Omit<MessageOptions, 'key' | 'content'>> | null;\n  Modal?: Partial<Omit<ModalProps, 'key' | 'ref' | 'open'>> | null;\n  Notification?: Partial<Omit<NotificationOptions, 'key' | 'title'>> | null;\n  Pagination?: Partial<Omit<PaginationProps, 'key' | 'ref' | 'total'>> | null;\n  Paragraph?: Partial<Omit<ParagraphProps, 'key' | 'ref'>> | null;\n  Popconfirm?: Partial<Omit<PopconfirmProps, 'key' | 'ref' | 'children' | 'title'>> | null;\n  Popover?: Partial<Omit<PopoverProps, 'key' | 'ref' | 'children' | 'content'>> | null;\n  Progress?: Partial<Omit<ProgressProps, 'key' | 'ref'>> | null;\n  QRCode?: Partial<Omit<QRCodeProps, 'key' | 'ref' | 'value'>> | null;\n  Radio?: Partial<Omit<RadioProps, 'key' | 'ref'>> | null;\n  RadioGroup?: Partial<Omit<RadioGroupProps, 'key' | 'ref' | 'options'>> | null;\n  Rate?: Partial<Omit<RateProps, 'key' | 'ref'>> | null;\n  Result?: Partial<Omit<ResultProps, 'key' | 'ref'>> | null;\n  Row?: Partial<Omit<RowProps, 'key' | 'ref'>> | null;\n  ScrollArea?: Partial<Omit<ScrollAreaProps, 'key' | 'ref'>> | null;\n  Scrollbar?: Partial<Omit<ScrollbarProps, 'key' | 'ref'>> | null;\n  Segmented?: Partial<Omit<SegmentedProps, 'key' | 'ref' | 'options'>> | null;\n  /** Required data, mode-dependent values and callbacks belong on each Select. */\n  Select?: Partial<\n    Omit<\n      SelectProps,\n      'key' | 'ref' | 'options' | 'multiple' | 'value' | 'defaultValue' | 'onChange'\n    >\n  > | null;\n  Skeleton?: Partial<Omit<SkeletonProps, 'key' | 'ref'>> | null;\n  Slider?: Partial<\n    Omit<SliderProps, 'key' | 'ref' | 'range' | 'value' | 'defaultValue' | 'onChange'>\n  > | null;\n  Space?: Partial<Omit<SpaceProps, 'key' | 'ref'>> | null;\n  SplitButton?: Partial<Omit<SplitButtonProps, 'key' | 'ref' | 'items'>> | null;\n  Splitter?: Partial<Omit<SplitterProps, 'key' | 'ref' | 'panels'>> | null;\n  Statistic?: Partial<Omit<StatisticProps, 'key' | 'ref' | 'value'>> | null;\n  Steps?: Partial<Omit<StepsProps, 'key' | 'ref' | 'items'>> | null;\n  Switch?: Partial<Omit<SwitchProps, 'key' | 'ref'>> | null;\n  Table?: Partial<Omit<TableProps, 'key' | 'ref' | 'scrollRef'>> | null;\n  TableBody?: Partial<Omit<HTMLAttributes<HTMLTableSectionElement>, 'key' | 'ref'>> | null;\n  TableCaption?: Partial<Omit<HTMLAttributes<HTMLTableCaptionElement>, 'key' | 'ref'>> | null;\n  TableCell?: Partial<Omit<TableCellProps, 'key' | 'ref'>> | null;\n  TableColumnHeader?: Partial<Omit<TableColumnHeaderProps, 'key' | 'ref'>> | null;\n  TableEmpty?: Partial<Omit<TableStateProps, 'key' | 'ref'>> | null;\n  TableError?: Partial<Omit<TableErrorProps, 'key' | 'ref'>> | null;\n  TableFooter?: Partial<Omit<HTMLAttributes<HTMLTableSectionElement>, 'key' | 'ref'>> | null;\n  TableHeader?: Partial<Omit<HTMLAttributes<HTMLTableSectionElement>, 'key' | 'ref'>> | null;\n  TableLoading?: Partial<Omit<TableStateProps, 'key' | 'ref'>> | null;\n  TableRow?: Partial<Omit<TableRowProps, 'key' | 'ref'>> | null;\n  Tabs?: Partial<Omit<TabsProps, 'key' | 'ref' | 'items'>> | null;\n  Tag?: Partial<Omit<TagProps, 'key' | 'ref'>> | null;\n  TagGroup?: Partial<Omit<TagGroupProps, 'key' | 'ref' | 'options'>> | null;\n  Text?: Partial<Omit<TextProps, 'key' | 'ref'>> | null;\n  Textarea?: Partial<Omit<TextareaProps, 'key' | 'ref'>> | null;\n  Timeline?: Partial<Omit<TimelineProps, 'key' | 'ref' | 'items'>> | null;\n  TimePicker?: Partial<Omit<TimePickerProps, 'key' | 'ref'>> | null;\n  TimeRangePicker?: Partial<Omit<TimeRangePickerProps, 'key' | 'ref'>> | null;\n  Title?: Partial<Omit<TitleProps, 'key' | 'ref'>> | null;\n  Toolbar?: Partial<Omit<ToolbarProps, 'key' | 'ref'>> | null;\n  Tooltip?: Partial<Omit<TooltipProps, 'key' | 'ref' | 'content' | 'children'>> | null;\n  Tour?: Partial<Omit<TourProps, 'key' | 'ref' | 'open' | 'steps'>> | null;\n  Transfer?: Partial<Omit<TransferProps, 'key' | 'ref' | 'items'>> | null;\n  Tree?: Partial<Omit<TreeProps, 'key' | 'ref' | 'data'>> | null;\n  TreeSelect?: Partial<\n    Omit<\n      TreeSelectProps,\n      | 'key'\n      | 'ref'\n      | 'options'\n      | 'multiple'\n      | 'treeCheckable'\n      | 'value'\n      | 'defaultValue'\n      | 'onChange'\n    >\n  > | null;\n  Typography?: Partial<Omit<TypographyProps, 'key' | 'ref'>> | null;\n  Upload?: Partial<Omit<UploadProps, 'key' | 'ref'>> | null;\n  VirtualList?:\n    | (Partial<\n        Omit<VirtualListProps<unknown>, 'items' | 'itemKey' | 'renderItem' | 'estimateSize'>\n      > & { estimateSize?: number })\n    | null;\n}\n\nexport const ComponentDefaultsContext = createContext<LeafComponentDefaults>({});\n\n/** Supplement missing props without copying unless a defined default is used. */\nexport function mergeComponentProps<Props extends object>(\n  defaults: Partial<Props> | null | undefined,\n  props: Props,\n): Props {\n  if (!defaults) return props;\n  let resolved = props;\n  for (const key of Object.keys(defaults) as (keyof Props)[]) {\n    const value = defaults[key];\n    if (value !== undefined && props[key] === undefined) {\n      if (resolved === props) resolved = { ...props };\n      resolved[key] = value as Props[typeof key];\n    }\n  }\n  return resolved;\n}\n\n/** Merge scopes by component and prop; nested prop values are replaced as a whole. */\nexport function mergeComponentDefaults(\n  parent: LeafComponentDefaults,\n  overrides: LeafComponentDefaults | undefined,\n): LeafComponentDefaults {\n  if (!overrides) return parent;\n  let merged = parent;\n  for (const name of Object.keys(overrides) as (keyof LeafComponentDefaults)[]) {\n    const incoming = overrides[name];\n    if (incoming === undefined) continue;\n    const inherited = parent[name] ?? undefined;\n    if (incoming === null) {\n      if (inherited == null) continue;\n      if (merged === parent) merged = { ...parent };\n      delete merged[name];\n      continue;\n    }\n    let entry = inherited;\n    for (const key of Object.keys(incoming)) {\n      const value = (incoming as Record<string, unknown>)[key];\n      if (\n        value === undefined ||\n        value === (inherited as Record<string, unknown> | undefined)?.[key]\n      )\n        continue;\n      if (entry === inherited) entry = { ...inherited };\n      (entry as Record<string, unknown>)[key] = value;\n    }\n    if (entry !== inherited) {\n      if (merged === parent) merged = { ...parent };\n      // Each entry remains the same component's props; only the dynamic key loses that relation.\n      (merged as Record<string, object | undefined>)[name] = entry;\n    }\n  }\n  return merged;\n}\n\nexport function useComponentProps<Name extends keyof ComponentPropsMap>(\n  name: Name,\n  props: ComponentPropsMap[Name],\n): ComponentPropsMap[Name] {\n  const defaults = useContext(ComponentDefaultsContext)[name];\n  return mergeComponentProps(\n    defaults as Partial<ComponentPropsMap[Name]> | null | undefined,\n    props,\n  );\n}\n\n/** Generic owners merge this type-independent projection into their own complete props. */\nexport function useGenericComponentDefaults<Name extends GenericComponentName>(name: Name) {\n  return useContext(ComponentDefaultsContext)[name];\n}\n\n/** Read defaults for an API request without invoking hooks from the request callback. */\nexport function useComponentDefaults<Name extends keyof LeafComponentDefaults>(name: Name) {\n  return useContext(ComponentDefaultsContext)[name];\n}\n"],"names":["ComponentDefaultsContext","createContext","mergeComponentProps","defaults","props","resolved","key","Object","value","undefined","mergeComponentDefaults","parent","overrides","merged","name","incoming","inherited","entry","useComponentProps","useContext","useGenericComponentDefaults","useComponentDefaults"],"mappings":";;AAwaO,MAAMA,2BAA2BC,cAAqC,CAAC;AAGvE,SAASC,oBACdC,QAA2C,EAC3CC,KAAY;IAEZ,IAAI,CAACD,UAAU,OAAOC;IACtB,IAAIC,WAAWD;IACf,KAAK,MAAME,OAAOC,OAAO,IAAI,CAACJ,UAA8B;QAC1D,MAAMK,QAAQL,QAAQ,CAACG,IAAI;QAC3B,IAAIE,AAAUC,WAAVD,SAAuBJ,AAAeK,WAAfL,KAAK,CAACE,IAAI,EAAgB;YACnD,IAAID,aAAaD,OAAOC,WAAW;gBAAE,GAAGD,KAAK;YAAC;YAC9CC,QAAQ,CAACC,IAAI,GAAGE;QAClB;IACF;IACA,OAAOH;AACT;AAGO,SAASK,uBACdC,MAA6B,EAC7BC,SAA4C;IAE5C,IAAI,CAACA,WAAW,OAAOD;IACvB,IAAIE,SAASF;IACb,KAAK,MAAMG,QAAQP,OAAO,IAAI,CAACK,WAA+C;QAC5E,MAAMG,WAAWH,SAAS,CAACE,KAAK;QAChC,IAAIC,AAAaN,WAAbM,UAAwB;QAC5B,MAAMC,YAAYL,MAAM,CAACG,KAAK,IAAIL;QAClC,IAAIM,AAAa,SAAbA,UAAmB;YACrB,IAAIC,AAAa,QAAbA,WAAmB;YACvB,IAAIH,WAAWF,QAAQE,SAAS;gBAAE,GAAGF,MAAM;YAAC;YAC5C,OAAOE,MAAM,CAACC,KAAK;YACnB;QACF;QACA,IAAIG,QAAQD;QACZ,KAAK,MAAMV,OAAOC,OAAO,IAAI,CAACQ,UAAW;YACvC,MAAMP,QAASO,QAAoC,CAACT,IAAI;YACxD,IACEE,AAAUC,WAAVD,SACAA,UAAWQ,WAAmD,CAACV,IAAI;gBAGrE,IAAIW,UAAUD,WAAWC,QAAQ;oBAAE,GAAGD,SAAS;gBAAC;gBAC/CC,KAAiC,CAACX,IAAI,GAAGE;;QAC5C;QACA,IAAIS,UAAUD,WAAW;YACvB,IAAIH,WAAWF,QAAQE,SAAS;gBAAE,GAAGF,MAAM;YAAC;YAE3CE,MAA6C,CAACC,KAAK,GAAGG;QACzD;IACF;IACA,OAAOJ;AACT;AAEO,SAASK,kBACdJ,IAAU,EACVV,KAA8B;IAE9B,MAAMD,WAAWgB,WAAWnB,yBAAyB,CAACc,KAAK;IAC3D,OAAOZ,oBACLC,UACAC;AAEJ;AAGO,SAASgB,4BAA+DN,IAAU;IACvF,OAAOK,WAAWnB,yBAAyB,CAACc,KAAK;AACnD;AAGO,SAASO,qBAA+DP,IAAU;IACvF,OAAOK,WAAWnB,yBAAyB,CAACc,KAAK;AACnD"}

package/dist/esm/browser/modules/config-provider/config-context.js

@@ -0,0 +1,6 @@
+"use client";
+import { createContext } from "react";
+const ConfigContext = createContext(void 0);
+export { ConfigContext };
+
+//# sourceMappingURL=config-context.js.map

package/dist/esm/browser/modules/config-provider/config-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-provider/config-context.js","sources":["../../../../../src/config-provider/config-context.ts"],"sourcesContent":["import { createContext } from 'react';\nimport type { LeafConfig } from './context';\n\n/** Kept free of language data so motion-only controls do not load translation resources. */\nexport const ConfigContext = createContext<LeafConfig | undefined>(undefined);\n"],"names":["ConfigContext","createContext","undefined"],"mappings":";;AAIO,MAAMA,gBAAgBC,cAAsCC"}

package/dist/esm/browser/modules/config-provider/config-provider.js

@@ -1,41 +1,59 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { useMemo, useRef } from "react";
+import { useContext, useMemo, useRef } from "react";
 import { ConfirmScope } from "../confirm/provider.js";
 import { leafDensityVariables } from "../density.js";
 import { LoadingBarScope } from "../loadingbar/loadingbar.js";
+import { localeChain, mergeTranslations, resolveTranslations } from "../locales/resolve.js";
 import { MessageScope } from "../message/provider.js";
 import { NotificationScope } from "../notification/notification.js";
 import { leafThemeVariables, mergeLeafTheme } from "../theme.js";
-import { ConfigContext, localeMessages, useLeafConfig } from "./context.js";
+import { ComponentDefaultsContext, mergeComponentDefaults } from "./component-defaults.js";
+import { ConfigContext, useLeafConfig } from "./context.js";
 import { useColorVariables } from "./use-color-variables.js";
-function ConfigProvider({ locale, theme, messages, textMessages, direction, weekStartsOn, getPopupContainer, maskBlur, density, style, children, ...props }) {
+function ConfigProvider({ locale, translations, theme, direction, weekStartsOn, getPopupContainer, maskBlur, density, components, style, children, ...props }) {
     const parent = useLeafConfig();
-    const merged = useMemo(()=>{
-        const language = locale ?? parent.locale;
-        return {
-            locale: language,
+    const parentComponents = useContext(ComponentDefaultsContext);
+    const mergedComponents = useMemo(()=>mergeComponentDefaults(parentComponents, components), [
+        parentComponents,
+        components
+    ]);
+    const languages = useMemo(()=>void 0 === locale ? parent.localeChain : localeChain(locale), [
+        locale,
+        parent.localeChain
+    ]);
+    const resources = useMemo(()=>mergeTranslations(parent.translations, translations), [
+        parent.translations,
+        translations
+    ]);
+    const text = useMemo(()=>languages === parent.localeChain && resources === parent.translations ? {
+            messages: parent.messages,
+            messageLocales: parent.messageLocales
+        } : resolveTranslations(languages, resources), [
+        languages,
+        resources,
+        parent.localeChain,
+        parent.translations,
+        parent.messages,
+        parent.messageLocales
+    ]);
+    const merged = useMemo(()=>({
+            locale: languages[0],
+            localeChain: languages,
+            translations: resources,
+            ...text,
             theme: mergeLeafTheme(parent.theme, theme),
-            messages: {
-                ...locale ? localeMessages[language] ?? localeMessages["en-US"] : parent.messages,
-                ...messages
-            },
-            textMessages: {
-                ...parent.textMessages,
-                ...textMessages
-            },
             direction: direction ?? parent.direction,
             weekStartsOn: weekStartsOn ?? parent.weekStartsOn,
             getPopupContainer: getPopupContainer ?? parent.getPopupContainer,
             maskBlur: maskBlur ?? parent.maskBlur,
             density: density ?? parent.density
-        };
-    }, [
+        }), [
         parent,
-        locale,
+        languages,
+        resources,
+        text,
         theme,
-        messages,
-        textMessages,
         direction,
         weekStartsOn,
         getPopupContainer,
@@ -64,11 +82,14 @@ function ConfigProvider({ locale, theme, messages, textMessages, direction, week
                 ...resolved,
                 ...style
             },
-            children: /*#__PURE__*/ jsx(MessageScope, {
-                children: /*#__PURE__*/ jsx(ConfirmScope, {
-                    children: /*#__PURE__*/ jsx(NotificationScope, {
-                        children: /*#__PURE__*/ jsx(LoadingBarScope, {
-                            children: children
+            children: /*#__PURE__*/ jsx(ComponentDefaultsContext.Provider, {
+                value: mergedComponents,
+                children: /*#__PURE__*/ jsx(MessageScope, {
+                    children: /*#__PURE__*/ jsx(ConfirmScope, {
+                        children: /*#__PURE__*/ jsx(NotificationScope, {
+                            children: /*#__PURE__*/ jsx(LoadingBarScope, {
+                                children: children
+                            })
                         })
                     })
                 })

package/dist/esm/browser/modules/config-provider/config-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"config-provider/config-provider.js","sources":["../../../../../src/config-provider/config-provider.tsx"],"sourcesContent":["import { type HTMLAttributes, useMemo, useRef } from 'react';\nimport { ConfirmScope } from '../confirm/provider';\nimport { type LeafDensity, leafDensityVariables } from '../density';\nimport { LoadingBarScope } from '../loadingbar/loadingbar';\nimport { MessageScope } from '../message/provider';\nimport { NotificationScope } from '../notification/notification';\nimport { type LeafTheme, leafThemeVariables, mergeLeafTheme } from '../theme';\nimport {\n  ConfigContext,\n  type LeafDirection,\n  type LeafLocale,\n  type LeafMessages,\n  localeMessages,\n  useLeafConfig,\n} from './context';\nimport { useColorVariables } from './use-color-variables';\n\nexport type { LeafDensity } from '../density';\nexport type { LeafTheme, LeafThemeTokens } from '../theme';\nexport type { LeafDirection, LeafLocale, LeafMessages } from './context';\nexport { useLeafConfig } from './context';\n\nexport interface ConfigProviderProps extends HTMLAttributes<HTMLDivElement> {\n  locale?: LeafLocale;\n  theme?: LeafTheme;\n  messages?: Partial<LeafMessages>;\n  textMessages?: Record<string, string>;\n  direction?: LeafDirection;\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  getPopupContainer?: () => Element | DocumentFragment;\n  /** Enable the background blur on Modal and Drawer masks. Defaults to true. */\n  maskBlur?: boolean;\n  /** Inherited spacing preset; explicit theme and component sizes take precedence. */\n  density?: LeafDensity;\n}\n\n/** Nested scopes inherit unspecified theme and language settings. */\nexport function ConfigProvider({\n  locale,\n  theme,\n  messages,\n  textMessages,\n  direction,\n  weekStartsOn,\n  getPopupContainer,\n  maskBlur,\n  density,\n  style,\n  children,\n  ...props\n}: ConfigProviderProps) {\n  const parent = useLeafConfig();\n  const merged = useMemo(() => {\n    const language = locale ?? parent.locale;\n    return {\n      locale: language,\n      theme: mergeLeafTheme(parent.theme, theme),\n      messages: {\n        ...(locale ? (localeMessages[language] ?? localeMessages['en-US']) : parent.messages),\n        ...messages,\n      } as LeafMessages,\n      textMessages: { ...parent.textMessages, ...textMessages },\n      direction: direction ?? parent.direction,\n      weekStartsOn: weekStartsOn ?? parent.weekStartsOn,\n      getPopupContainer: getPopupContainer ?? parent.getPopupContainer,\n      maskBlur: maskBlur ?? parent.maskBlur,\n      density: density ?? parent.density,\n    };\n  }, [\n    parent,\n    locale,\n    theme,\n    messages,\n    textMessages,\n    direction,\n    weekStartsOn,\n    getPopupContainer,\n    maskBlur,\n    density,\n  ]);\n  const variables = useMemo(() => leafThemeVariables(merged.theme), [merged.theme]);\n  const root = useRef<HTMLDivElement>(null);\n  const resolved = useColorVariables(root, merged.theme);\n  return (\n    <ConfigContext.Provider value={merged}>\n      <div\n        {...props}\n        ref={root}\n        lang={merged.locale}\n        dir={merged.direction}\n        data-leaf-scope=\"\"\n        data-leaf-density={merged.density}\n        data-leaf-motion={\n          merged.theme.motion === undefined ? undefined : merged.theme.motion ? 'on' : 'off'\n        }\n        data-leaf-theme={merged.theme.appearance}\n        style={{ ...leafDensityVariables(merged.density), ...variables, ...resolved, ...style }}\n      >\n        <MessageScope>\n          <ConfirmScope>\n            <NotificationScope>\n              <LoadingBarScope>{children}</LoadingBarScope>\n            </NotificationScope>\n          </ConfirmScope>\n        </MessageScope>\n      </div>\n    </ConfigContext.Provider>\n  );\n}\n"],"names":["ConfigProvider","locale","theme","messages","textMessages","direction","weekStartsOn","getPopupContainer","maskBlur","density","style","children","props","parent","useLeafConfig","merged","useMemo","language","mergeLeafTheme","localeMessages","variables","leafThemeVariables","root","useRef","resolved","useColorVariables","ConfigContext","undefined","leafDensityVariables","MessageScope","ConfirmScope","NotificationScope","LoadingBarScope"],"mappings":";;;;;;;;;;;AAqCO,SAASA,eAAe,EAC7BC,MAAM,EACNC,KAAK,EACLC,QAAQ,EACRC,YAAY,EACZC,SAAS,EACTC,YAAY,EACZC,iBAAiB,EACjBC,QAAQ,EACRC,OAAO,EACPC,KAAK,EACLC,QAAQ,EACR,GAAGC,OACiB;IACpB,MAAMC,SAASC;IACf,MAAMC,SAASC,QAAQ;QACrB,MAAMC,WAAWhB,UAAUY,OAAO,MAAM;QACxC,OAAO;YACL,QAAQI;YACR,OAAOC,eAAeL,OAAO,KAAK,EAAEX;YACpC,UAAU;gBACR,GAAID,SAAUkB,cAAc,CAACF,SAAS,IAAIE,cAAc,CAAC,QAAQ,GAAIN,OAAO,QAAQ;gBACpF,GAAGV,QAAQ;YACb;YACA,cAAc;gBAAE,GAAGU,OAAO,YAAY;gBAAE,GAAGT,YAAY;YAAC;YACxD,WAAWC,aAAaQ,OAAO,SAAS;YACxC,cAAcP,gBAAgBO,OAAO,YAAY;YACjD,mBAAmBN,qBAAqBM,OAAO,iBAAiB;YAChE,UAAUL,YAAYK,OAAO,QAAQ;YACrC,SAASJ,WAAWI,OAAO,OAAO;QACpC;IACF,GAAG;QACDA;QACAZ;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;KACD;IACD,MAAMW,YAAYJ,QAAQ,IAAMK,mBAAmBN,OAAO,KAAK,GAAG;QAACA,OAAO,KAAK;KAAC;IAChF,MAAMO,OAAOC,OAAuB;IACpC,MAAMC,WAAWC,kBAAkBH,MAAMP,OAAO,KAAK;IACrD,OAAO,WAAP,GACE,IAACW,cAAc,QAAQ;QAAC,OAAOX;kBAC7B,kBAAC;YACE,GAAGH,KAAK;YACT,KAAKU;YACL,MAAMP,OAAO,MAAM;YACnB,KAAKA,OAAO,SAAS;YACrB,mBAAgB;YAChB,qBAAmBA,OAAO,OAAO;YACjC,oBACEA,AAAwBY,WAAxBZ,OAAO,KAAK,CAAC,MAAM,GAAiBY,SAAYZ,OAAO,KAAK,CAAC,MAAM,GAAG,OAAO;YAE/E,mBAAiBA,OAAO,KAAK,CAAC,UAAU;YACxC,OAAO;gBAAE,GAAGa,qBAAqBb,OAAO,OAAO,CAAC;gBAAE,GAAGK,SAAS;gBAAE,GAAGI,QAAQ;gBAAE,GAAGd,KAAK;YAAC;sBAEtF,kBAACmB,cAAYA;0BACX,kBAACC,cAAYA;8BACX,kBAACC,mBAAiBA;kCAChB,kBAACC,iBAAeA;sCAAErB;;;;;;;AAOhC"}
+{"version":3,"file":"config-provider/config-provider.js","sources":["../../../../../src/config-provider/config-provider.tsx"],"sourcesContent":["import { type HTMLAttributes, useContext, useMemo, useRef } from 'react';\nimport { ConfirmScope } from '../confirm/provider';\nimport { type LeafDensity, leafDensityVariables } from '../density';\nimport { LoadingBarScope } from '../loadingbar/loadingbar';\nimport { localeChain, mergeTranslations, resolveTranslations } from '../locales/resolve';\nimport type { LeafTranslations } from '../locales/types';\nimport { MessageScope } from '../message/provider';\nimport { NotificationScope } from '../notification/notification';\nimport { type LeafTheme, leafThemeVariables, mergeLeafTheme } from '../theme';\nimport {\n  ComponentDefaultsContext,\n  type LeafComponentDefaults,\n  mergeComponentDefaults,\n} from './component-defaults';\nimport { ConfigContext, type LeafDirection, type LeafLocale, useLeafConfig } from './context';\nimport { useColorVariables } from './use-color-variables';\n\nexport type { LeafDensity } from '../density';\nexport type { LeafTranslation, LeafTranslations } from '../locales/types';\nexport type { LeafTheme, LeafThemeTokens } from '../theme';\nexport type { LeafComponentDefaults } from './component-defaults';\nexport type { LeafDirection, LeafLocale } from './context';\nexport { useLeafConfig } from './context';\n\nexport interface ConfigProviderProps extends HTMLAttributes<HTMLDivElement> {\n  /** Current language followed by per-entry fallbacks. The first tag controls Intl and lang. */\n  locale?: LeafLocale | readonly LeafLocale[];\n  /** JSON translation resources; inner providers merge languages and individual entries. */\n  translations?: LeafTranslations;\n  theme?: LeafTheme;\n  direction?: LeafDirection;\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  getPopupContainer?: () => Element | DocumentFragment;\n  /** Enable the background blur on Modal and Drawer masks. Defaults to true. */\n  maskBlur?: boolean;\n  /** Inherited spacing preset; explicit theme and component sizes take precedence. */\n  density?: LeafDensity;\n  /** Scoped defaults; instance props take precedence and null entries clear inherited defaults. */\n  components?: LeafComponentDefaults;\n}\n\n/** Nested scopes inherit unspecified theme and language settings. */\nexport function ConfigProvider({\n  locale,\n  translations,\n  theme,\n  direction,\n  weekStartsOn,\n  getPopupContainer,\n  maskBlur,\n  density,\n  components,\n  style,\n  children,\n  ...props\n}: ConfigProviderProps) {\n  const parent = useLeafConfig();\n  const parentComponents = useContext(ComponentDefaultsContext);\n  const mergedComponents = useMemo(\n    () => mergeComponentDefaults(parentComponents, components),\n    [parentComponents, components],\n  );\n  const languages = useMemo(\n    () => (locale === undefined ? parent.localeChain : localeChain(locale)),\n    [locale, parent.localeChain],\n  );\n  const resources = useMemo(\n    () => mergeTranslations(parent.translations, translations),\n    [parent.translations, translations],\n  );\n  const text = useMemo(\n    () =>\n      languages === parent.localeChain && resources === parent.translations\n        ? { messages: parent.messages, messageLocales: parent.messageLocales }\n        : resolveTranslations(languages, resources),\n    [\n      languages,\n      resources,\n      parent.localeChain,\n      parent.translations,\n      parent.messages,\n      parent.messageLocales,\n    ],\n  );\n  const merged = useMemo(() => {\n    return {\n      locale: languages[0] as LeafLocale,\n      localeChain: languages,\n      translations: resources,\n      ...text,\n      theme: mergeLeafTheme(parent.theme, theme),\n      direction: direction ?? parent.direction,\n      weekStartsOn: weekStartsOn ?? parent.weekStartsOn,\n      getPopupContainer: getPopupContainer ?? parent.getPopupContainer,\n      maskBlur: maskBlur ?? parent.maskBlur,\n      density: density ?? parent.density,\n    };\n  }, [\n    parent,\n    languages,\n    resources,\n    text,\n    theme,\n    direction,\n    weekStartsOn,\n    getPopupContainer,\n    maskBlur,\n    density,\n  ]);\n  const variables = useMemo(() => leafThemeVariables(merged.theme), [merged.theme]);\n  const root = useRef<HTMLDivElement>(null);\n  const resolved = useColorVariables(root, merged.theme);\n  return (\n    <ConfigContext.Provider value={merged}>\n      <div\n        {...props}\n        ref={root}\n        lang={merged.locale}\n        dir={merged.direction}\n        data-leaf-scope=\"\"\n        data-leaf-density={merged.density}\n        data-leaf-motion={\n          merged.theme.motion === undefined ? undefined : merged.theme.motion ? 'on' : 'off'\n        }\n        data-leaf-theme={merged.theme.appearance}\n        style={{ ...leafDensityVariables(merged.density), ...variables, ...resolved, ...style }}\n      >\n        <ComponentDefaultsContext.Provider value={mergedComponents}>\n          <MessageScope>\n            <ConfirmScope>\n              <NotificationScope>\n                <LoadingBarScope>{children}</LoadingBarScope>\n              </NotificationScope>\n            </ConfirmScope>\n          </MessageScope>\n        </ComponentDefaultsContext.Provider>\n      </div>\n    </ConfigContext.Provider>\n  );\n}\n"],"names":["ConfigProvider","locale","translations","theme","direction","weekStartsOn","getPopupContainer","maskBlur","density","components","style","children","props","parent","useLeafConfig","parentComponents","useContext","ComponentDefaultsContext","mergedComponents","useMemo","mergeComponentDefaults","languages","undefined","localeChain","resources","mergeTranslations","text","resolveTranslations","merged","mergeLeafTheme","variables","leafThemeVariables","root","useRef","resolved","useColorVariables","ConfigContext","leafDensityVariables","MessageScope","ConfirmScope","NotificationScope","LoadingBarScope"],"mappings":";;;;;;;;;;;;;AA0CO,SAASA,eAAe,EAC7BC,MAAM,EACNC,YAAY,EACZC,KAAK,EACLC,SAAS,EACTC,YAAY,EACZC,iBAAiB,EACjBC,QAAQ,EACRC,OAAO,EACPC,UAAU,EACVC,KAAK,EACLC,QAAQ,EACR,GAAGC,OACiB;IACpB,MAAMC,SAASC;IACf,MAAMC,mBAAmBC,WAAWC;IACpC,MAAMC,mBAAmBC,QACvB,IAAMC,uBAAuBL,kBAAkBN,aAC/C;QAACM;QAAkBN;KAAW;IAEhC,MAAMY,YAAYF,QAChB,IAAOlB,AAAWqB,WAAXrB,SAAuBY,OAAO,WAAW,GAAGU,YAAYtB,SAC/D;QAACA;QAAQY,OAAO,WAAW;KAAC;IAE9B,MAAMW,YAAYL,QAChB,IAAMM,kBAAkBZ,OAAO,YAAY,EAAEX,eAC7C;QAACW,OAAO,YAAY;QAAEX;KAAa;IAErC,MAAMwB,OAAOP,QACX,IACEE,cAAcR,OAAO,WAAW,IAAIW,cAAcX,OAAO,YAAY,GACjE;YAAE,UAAUA,OAAO,QAAQ;YAAE,gBAAgBA,OAAO,cAAc;QAAC,IACnEc,oBAAoBN,WAAWG,YACrC;QACEH;QACAG;QACAX,OAAO,WAAW;QAClBA,OAAO,YAAY;QACnBA,OAAO,QAAQ;QACfA,OAAO,cAAc;KACtB;IAEH,MAAMe,SAAST,QAAQ,IACd;YACL,QAAQE,SAAS,CAAC,EAAE;YACpB,aAAaA;YACb,cAAcG;YACd,GAAGE,IAAI;YACP,OAAOG,eAAehB,OAAO,KAAK,EAAEV;YACpC,WAAWC,aAAaS,OAAO,SAAS;YACxC,cAAcR,gBAAgBQ,OAAO,YAAY;YACjD,mBAAmBP,qBAAqBO,OAAO,iBAAiB;YAChE,UAAUN,YAAYM,OAAO,QAAQ;YACrC,SAASL,WAAWK,OAAO,OAAO;QACpC,IACC;QACDA;QACAQ;QACAG;QACAE;QACAvB;QACAC;QACAC;QACAC;QACAC;QACAC;KACD;IACD,MAAMsB,YAAYX,QAAQ,IAAMY,mBAAmBH,OAAO,KAAK,GAAG;QAACA,OAAO,KAAK;KAAC;IAChF,MAAMI,OAAOC,OAAuB;IACpC,MAAMC,WAAWC,kBAAkBH,MAAMJ,OAAO,KAAK;IACrD,OAAO,WAAP,GACE,IAACQ,cAAc,QAAQ;QAAC,OAAOR;kBAC7B,kBAAC;YACE,GAAGhB,KAAK;YACT,KAAKoB;YACL,MAAMJ,OAAO,MAAM;YACnB,KAAKA,OAAO,SAAS;YACrB,mBAAgB;YAChB,qBAAmBA,OAAO,OAAO;YACjC,oBACEA,AAAwBN,WAAxBM,OAAO,KAAK,CAAC,MAAM,GAAiBN,SAAYM,OAAO,KAAK,CAAC,MAAM,GAAG,OAAO;YAE/E,mBAAiBA,OAAO,KAAK,CAAC,UAAU;YACxC,OAAO;gBAAE,GAAGS,qBAAqBT,OAAO,OAAO,CAAC;gBAAE,GAAGE,SAAS;gBAAE,GAAGI,QAAQ;gBAAE,GAAGxB,KAAK;YAAC;sBAEtF,kBAACO,yBAAyB,QAAQ;gBAAC,OAAOC;0BACxC,kBAACoB,cAAYA;8BACX,kBAACC,cAAYA;kCACX,kBAACC,mBAAiBA;sCAChB,kBAACC,iBAAeA;0CAAE9B;;;;;;;;AAQlC"}