@ifhover/leaf-ui 0.5.0 → 0.6.0

package/dist/esm/browser/modules/shared/use-formatted-text.js

@@ -0,0 +1,80 @@
+"use client";
+import { IntlMessageFormat } from "intl-messageformat";
+import { useMemo } from "react";
+import { useLeafConfig } from "../config-provider/context.js";
+import { getEnglishMessage, getMessage } from "../locales/resolve.js";
+function useFormattedText() {
+    const { locale, messages, messageLocales } = useLeafConfig();
+    return useMemo(()=>{
+        const cache = new Map();
+        const warned = new Set();
+        const numbers = new Map();
+        const dates = new Map();
+        const plurals = new Map();
+        const formatters = {
+            getNumberFormat: (_, options)=>{
+                const id = JSON.stringify(options ?? {});
+                let formatter = numbers.get(id);
+                if (!formatter) {
+                    formatter = new Intl.NumberFormat(locale, options);
+                    numbers.set(id, formatter);
+                }
+                return formatter;
+            },
+            getDateTimeFormat: (_, options)=>{
+                const id = JSON.stringify(options ?? {});
+                let formatter = dates.get(id);
+                if (!formatter) {
+                    formatter = new Intl.DateTimeFormat(locale, options);
+                    dates.set(id, formatter);
+                }
+                return formatter;
+            },
+            getPluralRules: (language, options)=>{
+                const id = JSON.stringify([
+                    language,
+                    options
+                ]);
+                let formatter = plurals.get(id);
+                if (!formatter) {
+                    formatter = new Intl.PluralRules(language, options);
+                    plurals.set(id, formatter);
+                }
+                return formatter;
+            }
+        };
+        function format(template, language, values) {
+            const id = `${language}:${template}`;
+            let formatter = cache.get(id);
+            if (!formatter) {
+                formatter = new IntlMessageFormat(template, locale, void 0, {
+                    ignoreTag: true,
+                    formatters: {
+                        ...formatters,
+                        getPluralRules: (_, options)=>formatters.getPluralRules(language, options)
+                    }
+                });
+                cache.set(id, formatter);
+            }
+            return String(formatter.format(values));
+        }
+        return (key, values)=>{
+            try {
+                return format(getMessage(messages, key), messageLocales[key] ?? locale, values);
+            } catch (error) {
+                if ('production' !== process.env.NODE_ENV && !warned.has(key)) {
+                    warned.add(key);
+                    console.warn(`Leaf UI: invalid translation "${key}"; using English.`, error);
+                }
+                return format(getEnglishMessage(key), 'en-US', values);
+            }
+        };
+    }, [
+        locale,
+        messages,
+        messageLocales
+    ]);
+}
+export { useFormattedText };
+
+//# sourceMappingURL=use-formatted-text.js.map

package/dist/esm/browser/modules/shared/use-formatted-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/use-formatted-text.js","sources":["../../../../../src/shared/use-formatted-text.ts"],"sourcesContent":["import { type Formatters, IntlMessageFormat } from 'intl-messageformat';\nimport { useMemo } from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { getEnglishMessage, getMessage } from '../locales/resolve';\nimport type { TranslationKey } from '../locales/types';\n\ndeclare const process: { env: { NODE_ENV?: string } };\n\n/** ICU is used only by components with variable sentences, not the base configuration. */\nexport function useFormattedText() {\n  const { locale, messages, messageLocales } = useLeafConfig();\n  return useMemo(() => {\n    const cache = new Map<string, IntlMessageFormat>();\n    const warned = new Set<string>();\n    const numbers = new Map<string, Intl.NumberFormat>();\n    const dates = new Map<string, Intl.DateTimeFormat>();\n    const plurals = new Map<string, Intl.PluralRules>();\n    const formatters: Formatters = {\n      getNumberFormat: (_, options) => {\n        const id = JSON.stringify(options ?? {});\n        let formatter = numbers.get(id);\n        if (!formatter) {\n          // FormatJS includes newer Intl options than the project's ES2020 lib declarations.\n          formatter = new Intl.NumberFormat(locale, options as Intl.NumberFormatOptions);\n          numbers.set(id, formatter);\n        }\n        return formatter;\n      },\n      getDateTimeFormat: (_, options) => {\n        const id = JSON.stringify(options ?? {});\n        let formatter = dates.get(id);\n        if (!formatter) {\n          formatter = new Intl.DateTimeFormat(locale, options);\n          dates.set(id, formatter);\n        }\n        return formatter;\n      },\n      getPluralRules: (language, options) => {\n        const id = JSON.stringify([language, options]);\n        let formatter = plurals.get(id);\n        if (!formatter) {\n          formatter = new Intl.PluralRules(language, options);\n          plurals.set(id, formatter);\n        }\n        return formatter;\n      },\n    };\n    function format(\n      template: string,\n      language: string,\n      values: Record<string, string | number | Date>,\n    ) {\n      const id = `${language}:${template}`;\n      let formatter = cache.get(id);\n      if (!formatter) {\n        formatter = new IntlMessageFormat(template, locale, undefined, {\n          ignoreTag: true,\n          formatters: {\n            ...formatters,\n            // Sentence grammar follows its translation; regional formats follow the active locale.\n            getPluralRules: (_, options) => formatters.getPluralRules(language, options),\n          },\n        });\n        cache.set(id, formatter);\n      }\n      return String(formatter.format(values));\n    }\n    return (key: TranslationKey, values: Record<string, string | number | Date>) => {\n      try {\n        return format(getMessage(messages, key), messageLocales[key] ?? locale, values);\n      } catch (error) {\n        if (process.env.NODE_ENV !== 'production' && !warned.has(key)) {\n          warned.add(key);\n          console.warn(`Leaf UI: invalid translation \"${key}\"; using English.`, error);\n        }\n        return format(getEnglishMessage(key), 'en-US', values);\n      }\n    };\n  }, [locale, messages, messageLocales]);\n}\n"],"names":["useFormattedText","locale","messages","messageLocales","useLeafConfig","useMemo","cache","Map","warned","Set","numbers","dates","plurals","formatters","_","options","id","JSON","formatter","Intl","language","format","template","values","IntlMessageFormat","undefined","String","key","getMessage","error","process","console","getEnglishMessage"],"mappings":";;;;;AASO,SAASA;IACd,MAAM,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,cAAc,EAAE,GAAGC;IAC7C,OAAOC,QAAQ;QACb,MAAMC,QAAQ,IAAIC;QAClB,MAAMC,SAAS,IAAIC;QACnB,MAAMC,UAAU,IAAIH;QACpB,MAAMI,QAAQ,IAAIJ;QAClB,MAAMK,UAAU,IAAIL;QACpB,MAAMM,aAAyB;YAC7B,iBAAiB,CAACC,GAAGC;gBACnB,MAAMC,KAAKC,KAAK,SAAS,CAACF,WAAW,CAAC;gBACtC,IAAIG,YAAYR,QAAQ,GAAG,CAACM;gBAC5B,IAAI,CAACE,WAAW;oBAEdA,YAAY,IAAIC,KAAK,YAAY,CAAClB,QAAQc;oBAC1CL,QAAQ,GAAG,CAACM,IAAIE;gBAClB;gBACA,OAAOA;YACT;YACA,mBAAmB,CAACJ,GAAGC;gBACrB,MAAMC,KAAKC,KAAK,SAAS,CAACF,WAAW,CAAC;gBACtC,IAAIG,YAAYP,MAAM,GAAG,CAACK;gBAC1B,IAAI,CAACE,WAAW;oBACdA,YAAY,IAAIC,KAAK,cAAc,CAAClB,QAAQc;oBAC5CJ,MAAM,GAAG,CAACK,IAAIE;gBAChB;gBACA,OAAOA;YACT;YACA,gBAAgB,CAACE,UAAUL;gBACzB,MAAMC,KAAKC,KAAK,SAAS,CAAC;oBAACG;oBAAUL;iBAAQ;gBAC7C,IAAIG,YAAYN,QAAQ,GAAG,CAACI;gBAC5B,IAAI,CAACE,WAAW;oBACdA,YAAY,IAAIC,KAAK,WAAW,CAACC,UAAUL;oBAC3CH,QAAQ,GAAG,CAACI,IAAIE;gBAClB;gBACA,OAAOA;YACT;QACF;QACA,SAASG,OACPC,QAAgB,EAChBF,QAAgB,EAChBG,MAA8C;YAE9C,MAAMP,KAAK,GAAGI,SAAS,CAAC,EAAEE,UAAU;YACpC,IAAIJ,YAAYZ,MAAM,GAAG,CAACU;YAC1B,IAAI,CAACE,WAAW;gBACdA,YAAY,IAAIM,kBAAkBF,UAAUrB,QAAQwB,QAAW;oBAC7D,WAAW;oBACX,YAAY;wBACV,GAAGZ,UAAU;wBAEb,gBAAgB,CAACC,GAAGC,UAAYF,WAAW,cAAc,CAACO,UAAUL;oBACtE;gBACF;gBACAT,MAAM,GAAG,CAACU,IAAIE;YAChB;YACA,OAAOQ,OAAOR,UAAU,MAAM,CAACK;QACjC;QACA,OAAO,CAACI,KAAqBJ;YAC3B,IAAI;gBACF,OAAOF,OAAOO,WAAW1B,UAAUyB,MAAMxB,cAAc,CAACwB,IAAI,IAAI1B,QAAQsB;YAC1E,EAAE,OAAOM,OAAO;gBACd,IAAIC,AAAyB,iBAAzBA,QAAQ,GAAG,CAAC,QAAQ,IAAqB,CAACtB,OAAO,GAAG,CAACmB,MAAM;oBAC7DnB,OAAO,GAAG,CAACmB;oBACXI,QAAQ,IAAI,CAAC,CAAC,8BAA8B,EAAEJ,IAAI,iBAAiB,CAAC,EAAEE;gBACxE;gBACA,OAAOR,OAAOW,kBAAkBL,MAAM,SAASJ;YACjD;QACF;IACF,GAAG;QAACtB;QAAQC;QAAUC;KAAe;AACvC"}

package/dist/esm/browser/modules/shared/use-text.js

@@ -1,9 +1,9 @@
 "use client";
 import { useLeafConfig } from "../config-provider/context.js";
-import { traditionalTextMessages } from "../locales/zh-tw.js";
+import { getMessage } from "../locales/resolve.js";
 function useText() {
-    const { locale, textMessages } = useLeafConfig();
-    return (zh, en)=>textMessages[en] ?? ('zh-TW' === locale ? traditionalTextMessages[en] ?? zh : locale.startsWith('zh') ? zh : en);
+    const { messages } = useLeafConfig();
+    return (key)=>getMessage(messages, key);
 }
 export { useText };
 

package/dist/esm/browser/modules/shared/use-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared/use-text.js","sources":["../../../../../src/shared/use-text.ts"],"sourcesContent":["import { useLeafConfig } from '../config-provider/context';\nimport { traditionalTextMessages } from '../locales/zh-tw';\n\n/** Small component-local labels follow the nearest language scope. */\nexport function useText() {\n  const { locale, textMessages } = useLeafConfig();\n  return (zh: string, en: string) =>\n    textMessages[en] ??\n    (locale === 'zh-TW' ? (traditionalTextMessages[en] ?? zh) : locale.startsWith('zh') ? zh : en);\n}\n"],"names":["useText","locale","textMessages","useLeafConfig","zh","en","traditionalTextMessages"],"mappings":";;;AAIO,SAASA;IACd,MAAM,EAAEC,MAAM,EAAEC,YAAY,EAAE,GAAGC;IACjC,OAAO,CAACC,IAAYC,KAClBH,YAAY,CAACG,GAAG,IACfJ,CAAAA,AAAW,YAAXA,SAAsBK,uBAAuB,CAACD,GAAG,IAAID,KAAMH,OAAO,UAAU,CAAC,QAAQG,KAAKC,EAAC;AAChG"}
+{"version":3,"file":"shared/use-text.js","sources":["../../../../../src/shared/use-text.ts"],"sourcesContent":["import { useLeafConfig } from '../config-provider/context';\nimport { getMessage } from '../locales/resolve';\nimport type { TranslationKey } from '../locales/types';\n\n/** Static labels do not import the ICU parser or allocate formatters. */\nexport function useText() {\n  const { messages } = useLeafConfig();\n  return (key: TranslationKey) => getMessage(messages, key);\n}\n"],"names":["useText","messages","useLeafConfig","key","getMessage"],"mappings":";;;AAKO,SAASA;IACd,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IACrB,OAAO,CAACC,MAAwBC,WAAWH,UAAUE;AACvD"}

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

@@ -1,12 +1,14 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/skeleton.css';
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useLayoutEffect, useRef } from "react";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { useLeafConfig } from "../config-provider/context.js";
 import { classes } from "../shared/classes.js";
 import { animateMotion, useMotionEnabled } from "../shared/motion.js";
 const useBrowserLayoutEffect = "u" < typeof window ? useEffect : useLayoutEffect;
-function Skeleton({ loading = true, active = true, avatar = false, title = true, titleWidth = '38%', rows = 3, rowWidths, round = false, children, className, ...props }) {
+function SkeletonControl({ loading = true, active = true, avatar = false, title = true, titleWidth = '38%', rows = 3, rowWidths, round = false, children, className, ...props }) {
     const { messages } = useLeafConfig();
     const root = useRef(null);
     const enabled = useMotionEnabled();
@@ -60,7 +62,7 @@ function Skeleton({ loading = true, active = true, avatar = false, title = true,
         ...props,
         ref: root,
         role: "status",
-        "aria-label": props['aria-label'] ?? messages.loading,
+        "aria-label": props['aria-label'] ?? messages.common.loading,
         className: classes('leaf-skeleton', active && 'leaf-skeleton--active', round && 'leaf-skeleton--round', className),
         children: [
             avatar && /*#__PURE__*/ jsx("div", {
@@ -90,6 +92,12 @@ function Skeleton({ loading = true, active = true, avatar = false, title = true,
         ]
     });
 }
-export { Skeleton };
+function Skeleton(rawProps) {
+    const props = useComponentProps('Skeleton', rawProps);
+    return /*#__PURE__*/ jsx(SkeletonControl, {
+        ...props
+    });
+}
+export { Skeleton, SkeletonControl };
 
 //# sourceMappingURL=skeleton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton/skeleton.js","sources":["../../../../../src/skeleton/skeleton.tsx"],"sourcesContent":["import { type HTMLAttributes, useEffect, useLayoutEffect, useRef } from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport { animateMotion, useMotionEnabled } from '../shared/motion';\n\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\n\nexport interface SkeletonProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  loading?: boolean;\n  active?: boolean;\n  avatar?: boolean;\n  title?: boolean;\n  titleWidth?: number | string;\n  rows?: number;\n  rowWidths?: readonly (number | string)[];\n  round?: boolean;\n}\nexport function Skeleton({\n  loading = true,\n  active = true,\n  avatar = false,\n  title = true,\n  titleWidth = '38%',\n  rows = 3,\n  rowWidths,\n  round = false,\n  children,\n  className,\n  ...props\n}: SkeletonProps) {\n  const { messages } = useLeafConfig();\n  const root = useRef<HTMLDivElement>(null);\n  const enabled = useMotionEnabled();\n  const location = useRef<\n    | {\n        parent: HTMLElement;\n        before: ChildNode | null;\n        after: ChildNode | null;\n      }\n    | undefined\n  >(undefined);\n  useBrowserLayoutEffect(() => {\n    const node = root.current;\n    if (loading && node?.parentElement) {\n      location.current = {\n        parent: node.parentElement,\n        before: node.previousSibling,\n        after: node.nextSibling,\n      };\n      return;\n    }\n    const position = location.current;\n    location.current = undefined;\n    if (loading || !enabled || !position?.parent.isConnected) return;\n    const { parent, before, after } = position;\n    if ((before && before.parentNode !== parent) || (after && after.parentNode !== parent)) return;\n    const animations: Animation[] = [];\n    let visited = 0;\n    let revealed = before ? before.nextSibling : parent.firstChild;\n    while (revealed && revealed !== after && visited++ < 200) {\n      if (revealed instanceof HTMLElement) {\n        const animation = animateMotion(revealed, [\n          { opacity: 0, translate: '0 4px' },\n          { opacity: 1, translate: '0 0' },\n        ]);\n        if (animation) animations.push(animation);\n      }\n      revealed = revealed.nextSibling;\n    }\n    return () => {\n      for (const animation of animations) animation.cancel();\n    };\n  }, [loading, enabled]);\n  if (!loading) return <>{children}</>;\n  const count = Math.max(0, Math.min(20, Number.isFinite(rows) ? Math.floor(rows) : 3));\n  return (\n    <div\n      {...props}\n      ref={root}\n      role=\"status\"\n      aria-label={props['aria-label'] ?? messages.loading}\n      className={classes(\n        'leaf-skeleton',\n        active && 'leaf-skeleton--active',\n        round && 'leaf-skeleton--round',\n        className,\n      )}\n    >\n      {avatar && <div className=\"leaf-skeleton__avatar\" aria-hidden=\"true\" />}\n      <div className=\"leaf-skeleton__content\" aria-hidden=\"true\">\n        {title && <div className=\"leaf-skeleton__title\" style={{ width: titleWidth }} />}\n        {Array.from({ length: count }, (_, index) => (\n          <div\n            // biome-ignore lint/suspicious/noArrayIndexKey: Placeholder rows have fixed positional identity and no interactive state.\n            key={`row-${index}`}\n            className=\"leaf-skeleton__row\"\n            style={{ width: rowWidths?.[index] ?? (index === count - 1 ? '65%' : '100%') }}\n          />\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"names":["useBrowserLayoutEffect","window","useEffect","useLayoutEffect","Skeleton","loading","active","avatar","title","titleWidth","rows","rowWidths","round","children","className","props","messages","useLeafConfig","root","useRef","enabled","useMotionEnabled","location","undefined","node","position","parent","before","after","animations","visited","revealed","HTMLElement","animation","animateMotion","count","Math","Number","classes","Array","_","index"],"mappings":";;;;;;;AAKA,MAAMA,yBAAyB,AAAkB,MAAlB,OAAOC,SAAyBC,YAAYC;AAYpE,SAASC,SAAS,EACvBC,UAAU,IAAI,EACdC,SAAS,IAAI,EACbC,SAAS,KAAK,EACdC,QAAQ,IAAI,EACZC,aAAa,KAAK,EAClBC,OAAO,CAAC,EACRC,SAAS,EACTC,QAAQ,KAAK,EACbC,QAAQ,EACRC,SAAS,EACT,GAAGC,OACW;IACd,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IACrB,MAAMC,OAAOC,OAAuB;IACpC,MAAMC,UAAUC;IAChB,MAAMC,WAAWH,OAOfI;IACFvB,uBAAuB;QACrB,MAAMwB,OAAON,KAAK,OAAO;QACzB,IAAIb,WAAWmB,MAAM,eAAe;YAClCF,SAAS,OAAO,GAAG;gBACjB,QAAQE,KAAK,aAAa;gBAC1B,QAAQA,KAAK,eAAe;gBAC5B,OAAOA,KAAK,WAAW;YACzB;YACA;QACF;QACA,MAAMC,WAAWH,SAAS,OAAO;QACjCA,SAAS,OAAO,GAAGC;QACnB,IAAIlB,WAAW,CAACe,WAAW,CAACK,UAAU,OAAO,aAAa;QAC1D,MAAM,EAAEC,MAAM,EAAEC,MAAM,EAAEC,KAAK,EAAE,GAAGH;QAClC,IAAKE,UAAUA,OAAO,UAAU,KAAKD,UAAYE,SAASA,MAAM,UAAU,KAAKF,QAAS;QACxF,MAAMG,aAA0B,EAAE;QAClC,IAAIC,UAAU;QACd,IAAIC,WAAWJ,SAASA,OAAO,WAAW,GAAGD,OAAO,UAAU;QAC9D,MAAOK,YAAYA,aAAaH,SAASE,YAAY,IAAK;YACxD,IAAIC,oBAAoBC,aAAa;gBACnC,MAAMC,YAAYC,cAAcH,UAAU;oBACxC;wBAAE,SAAS;wBAAG,WAAW;oBAAQ;oBACjC;wBAAE,SAAS;wBAAG,WAAW;oBAAM;iBAChC;gBACD,IAAIE,WAAWJ,WAAW,IAAI,CAACI;YACjC;YACAF,WAAWA,SAAS,WAAW;QACjC;QACA,OAAO;YACL,KAAK,MAAME,aAAaJ,WAAYI,UAAU,MAAM;QACtD;IACF,GAAG;QAAC5B;QAASe;KAAQ;IACrB,IAAI,CAACf,SAAS,OAAO,WAAP,GAAO;kBAAGQ;;IACxB,MAAMsB,QAAQC,KAAK,GAAG,CAAC,GAAGA,KAAK,GAAG,CAAC,IAAIC,OAAO,QAAQ,CAAC3B,QAAQ0B,KAAK,KAAK,CAAC1B,QAAQ;IAClF,OAAO,WAAP,GACE,KAAC;QACE,GAAGK,KAAK;QACT,KAAKG;QACL,MAAK;QACL,cAAYH,KAAK,CAAC,aAAa,IAAIC,SAAS,OAAO;QACnD,WAAWsB,QACT,iBACAhC,UAAU,yBACVM,SAAS,wBACTE;;YAGDP,UAAU,WAAVA,GAAU,IAAC;gBAAI,WAAU;gBAAwB,eAAY;;0BAC9D,KAAC;gBAAI,WAAU;gBAAyB,eAAY;;oBACjDC,SAAS,WAATA,GAAS,IAAC;wBAAI,WAAU;wBAAuB,OAAO;4BAAE,OAAOC;wBAAW;;oBAC1E8B,MAAM,IAAI,CAAC;wBAAE,QAAQJ;oBAAM,GAAG,CAACK,GAAGC,QAAAA,WAAAA,GACjC,IAAC;4BAGC,WAAU;4BACV,OAAO;gCAAE,OAAO9B,WAAW,CAAC8B,MAAM,IAAKA,CAAAA,UAAUN,QAAQ,IAAI,QAAQ,MAAK;4BAAG;2BAFxE,CAAC,IAAI,EAAEM,OAAO;;;;;AAQ/B"}
+{"version":3,"file":"skeleton/skeleton.js","sources":["../../../../../src/skeleton/skeleton.tsx"],"sourcesContent":["import { type HTMLAttributes, useEffect, useLayoutEffect, useRef } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport { animateMotion, useMotionEnabled } from '../shared/motion';\n\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\n\nexport interface SkeletonProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  loading?: boolean;\n  active?: boolean;\n  avatar?: boolean;\n  title?: boolean;\n  titleWidth?: number | string;\n  rows?: number;\n  rowWidths?: readonly (number | string)[];\n  round?: boolean;\n}\nexport function SkeletonControl({\n  loading = true,\n  active = true,\n  avatar = false,\n  title = true,\n  titleWidth = '38%',\n  rows = 3,\n  rowWidths,\n  round = false,\n  children,\n  className,\n  ...props\n}: SkeletonProps) {\n  const { messages } = useLeafConfig();\n  const root = useRef<HTMLDivElement>(null);\n  const enabled = useMotionEnabled();\n  const location = useRef<\n    | {\n        parent: HTMLElement;\n        before: ChildNode | null;\n        after: ChildNode | null;\n      }\n    | undefined\n  >(undefined);\n  useBrowserLayoutEffect(() => {\n    const node = root.current;\n    if (loading && node?.parentElement) {\n      location.current = {\n        parent: node.parentElement,\n        before: node.previousSibling,\n        after: node.nextSibling,\n      };\n      return;\n    }\n    const position = location.current;\n    location.current = undefined;\n    if (loading || !enabled || !position?.parent.isConnected) return;\n    const { parent, before, after } = position;\n    if ((before && before.parentNode !== parent) || (after && after.parentNode !== parent)) return;\n    const animations: Animation[] = [];\n    let visited = 0;\n    let revealed = before ? before.nextSibling : parent.firstChild;\n    while (revealed && revealed !== after && visited++ < 200) {\n      if (revealed instanceof HTMLElement) {\n        const animation = animateMotion(revealed, [\n          { opacity: 0, translate: '0 4px' },\n          { opacity: 1, translate: '0 0' },\n        ]);\n        if (animation) animations.push(animation);\n      }\n      revealed = revealed.nextSibling;\n    }\n    return () => {\n      for (const animation of animations) animation.cancel();\n    };\n  }, [loading, enabled]);\n  if (!loading) return <>{children}</>;\n  const count = Math.max(0, Math.min(20, Number.isFinite(rows) ? Math.floor(rows) : 3));\n  return (\n    <div\n      {...props}\n      ref={root}\n      role=\"status\"\n      aria-label={props['aria-label'] ?? messages.common.loading}\n      className={classes(\n        'leaf-skeleton',\n        active && 'leaf-skeleton--active',\n        round && 'leaf-skeleton--round',\n        className,\n      )}\n    >\n      {avatar && <div className=\"leaf-skeleton__avatar\" aria-hidden=\"true\" />}\n      <div className=\"leaf-skeleton__content\" aria-hidden=\"true\">\n        {title && <div className=\"leaf-skeleton__title\" style={{ width: titleWidth }} />}\n        {Array.from({ length: count }, (_, index) => (\n          <div\n            // biome-ignore lint/suspicious/noArrayIndexKey: Placeholder rows have fixed positional identity and no interactive state.\n            key={`row-${index}`}\n            className=\"leaf-skeleton__row\"\n            style={{ width: rowWidths?.[index] ?? (index === count - 1 ? '65%' : '100%') }}\n          />\n        ))}\n      </div>\n    </div>\n  );\n}\n\nexport function Skeleton(rawProps: SkeletonProps) {\n  const props = useComponentProps('Skeleton', rawProps);\n  return <SkeletonControl {...props} />;\n}\n"],"names":["useBrowserLayoutEffect","window","useEffect","useLayoutEffect","SkeletonControl","loading","active","avatar","title","titleWidth","rows","rowWidths","round","children","className","props","messages","useLeafConfig","root","useRef","enabled","useMotionEnabled","location","undefined","node","position","parent","before","after","animations","visited","revealed","HTMLElement","animation","animateMotion","count","Math","Number","classes","Array","_","index","Skeleton","rawProps","useComponentProps"],"mappings":";;;;;;;;;AAMA,MAAMA,yBAAyB,AAAkB,MAAlB,OAAOC,SAAyBC,YAAYC;AAYpE,SAASC,gBAAgB,EAC9BC,UAAU,IAAI,EACdC,SAAS,IAAI,EACbC,SAAS,KAAK,EACdC,QAAQ,IAAI,EACZC,aAAa,KAAK,EAClBC,OAAO,CAAC,EACRC,SAAS,EACTC,QAAQ,KAAK,EACbC,QAAQ,EACRC,SAAS,EACT,GAAGC,OACW;IACd,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IACrB,MAAMC,OAAOC,OAAuB;IACpC,MAAMC,UAAUC;IAChB,MAAMC,WAAWH,OAOfI;IACFvB,uBAAuB;QACrB,MAAMwB,OAAON,KAAK,OAAO;QACzB,IAAIb,WAAWmB,MAAM,eAAe;YAClCF,SAAS,OAAO,GAAG;gBACjB,QAAQE,KAAK,aAAa;gBAC1B,QAAQA,KAAK,eAAe;gBAC5B,OAAOA,KAAK,WAAW;YACzB;YACA;QACF;QACA,MAAMC,WAAWH,SAAS,OAAO;QACjCA,SAAS,OAAO,GAAGC;QACnB,IAAIlB,WAAW,CAACe,WAAW,CAACK,UAAU,OAAO,aAAa;QAC1D,MAAM,EAAEC,MAAM,EAAEC,MAAM,EAAEC,KAAK,EAAE,GAAGH;QAClC,IAAKE,UAAUA,OAAO,UAAU,KAAKD,UAAYE,SAASA,MAAM,UAAU,KAAKF,QAAS;QACxF,MAAMG,aAA0B,EAAE;QAClC,IAAIC,UAAU;QACd,IAAIC,WAAWJ,SAASA,OAAO,WAAW,GAAGD,OAAO,UAAU;QAC9D,MAAOK,YAAYA,aAAaH,SAASE,YAAY,IAAK;YACxD,IAAIC,oBAAoBC,aAAa;gBACnC,MAAMC,YAAYC,cAAcH,UAAU;oBACxC;wBAAE,SAAS;wBAAG,WAAW;oBAAQ;oBACjC;wBAAE,SAAS;wBAAG,WAAW;oBAAM;iBAChC;gBACD,IAAIE,WAAWJ,WAAW,IAAI,CAACI;YACjC;YACAF,WAAWA,SAAS,WAAW;QACjC;QACA,OAAO;YACL,KAAK,MAAME,aAAaJ,WAAYI,UAAU,MAAM;QACtD;IACF,GAAG;QAAC5B;QAASe;KAAQ;IACrB,IAAI,CAACf,SAAS,OAAO,WAAP,GAAO;kBAAGQ;;IACxB,MAAMsB,QAAQC,KAAK,GAAG,CAAC,GAAGA,KAAK,GAAG,CAAC,IAAIC,OAAO,QAAQ,CAAC3B,QAAQ0B,KAAK,KAAK,CAAC1B,QAAQ;IAClF,OAAO,WAAP,GACE,KAAC;QACE,GAAGK,KAAK;QACT,KAAKG;QACL,MAAK;QACL,cAAYH,KAAK,CAAC,aAAa,IAAIC,SAAS,MAAM,CAAC,OAAO;QAC1D,WAAWsB,QACT,iBACAhC,UAAU,yBACVM,SAAS,wBACTE;;YAGDP,UAAU,WAAVA,GAAU,IAAC;gBAAI,WAAU;gBAAwB,eAAY;;0BAC9D,KAAC;gBAAI,WAAU;gBAAyB,eAAY;;oBACjDC,SAAS,WAATA,GAAS,IAAC;wBAAI,WAAU;wBAAuB,OAAO;4BAAE,OAAOC;wBAAW;;oBAC1E8B,MAAM,IAAI,CAAC;wBAAE,QAAQJ;oBAAM,GAAG,CAACK,GAAGC,QAAAA,WAAAA,GACjC,IAAC;4BAGC,WAAU;4BACV,OAAO;gCAAE,OAAO9B,WAAW,CAAC8B,MAAM,IAAKA,CAAAA,UAAUN,QAAQ,IAAI,QAAQ,MAAK;4BAAG;2BAFxE,CAAC,IAAI,EAAEM,OAAO;;;;;AAQ/B;AAEO,SAASC,SAASC,QAAuB;IAC9C,MAAM5B,QAAQ6B,kBAAkB,YAAYD;IAC5C,OAAO,WAAP,GAAO,IAACvC,iBAAeA;QAAE,GAAGW,KAAK;;AACnC"}

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

@@ -1,13 +1,15 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/slider.css';
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createElement, forwardRef, useId, useRef, useState } from "react";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { useLeafConfig } from "../config-provider/context.js";
 import { useFormField } from "../form/form.js";
 import { classes } from "../shared/classes.js";
 import { useFieldValue, useMergedRef } from "../shared/field.js";
-import { Tooltip } from "../tooltip/index.js";
-const slider_Slider = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
+import { TooltipControl } from "../tooltip/tooltip.js";
+const slider_SliderControl = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
     const { range = false, value, defaultValue, onChange: _onChange, min = 0, max = 100, step = 1, marks = [], vertical = false, showValue = false, onChangeComplete, tooltip = false, disabled: disabledProp, readOnly, className, style, name, id: idProp, onKeyDown, onKeyUp, onPointerUp, onBlur, 'aria-label': label, ...inputProps } = props;
     const { messages, direction } = useLeafConfig();
     const [activeThumb, setActiveThumb] = useState(null);
@@ -103,7 +105,7 @@ const slider_Slider = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
                     readOnly: readOnly,
                     "aria-readonly": readOnly || void 0,
                     "aria-orientation": vertical ? 'vertical' : 'horizontal',
-                    "aria-label": range ? `${label ?? messages.slider} ${0 === index ? messages.start : messages.end}` : label ?? (field ? void 0 : messages.slider),
+                    "aria-label": range ? `${label ?? messages.slider.label} ${0 === index ? messages.common.start : messages.common.end}` : label ?? (field ? void 0 : messages.slider.label),
                     "aria-labelledby": range ? void 0 : inputProps['aria-labelledby'],
                     "aria-describedby": [
                         inputProps['aria-describedby'],
@@ -160,7 +162,7 @@ const slider_Slider = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
                         complete();
                     }
                 })),
-            tooltip && null !== activeThumb && /*#__PURE__*/ jsx(Tooltip, {
+            tooltip && null !== activeThumb && /*#__PURE__*/ jsx(TooltipControl, {
                 open: true,
                 content: 'object' == typeof tooltip ? tooltip.formatter?.(0 === activeThumb && range ? low : high) ?? (0 === activeThumb && range ? low : high) : 0 === activeThumb && range ? low : high,
                 children: /*#__PURE__*/ jsx("span", {
@@ -206,6 +208,14 @@ const slider_Slider = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
         ]
     });
 });
-export { slider_Slider as Slider };
+const slider_Slider = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const props = useComponentProps('Slider', rawProps);
+    return /*#__PURE__*/ jsx(slider_SliderControl, {
+        ...props,
+        ref: ref
+    });
+});
+slider_Slider.displayName = 'Slider';
+export { slider_Slider as Slider, slider_SliderControl as SliderControl };
 
 //# sourceMappingURL=slider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"slider/slider.js","sources":["../../../../../src/slider/slider.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type InputHTMLAttributes,\n  type ReactNode,\n  useId,\n  useRef,\n  useState,\n} from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { useFieldValue, useMergedRef } from '../shared/field';\nimport type { LeafThemeStyle } from '../theme';\nimport { Tooltip } from '../tooltip';\n\nexport interface SliderMark {\n  value: number;\n  label?: ReactNode;\n}\ninterface SliderBaseProps\n  extends Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    'type' | 'size' | 'value' | 'defaultValue' | 'onChange' | 'step'\n  > {\n  min?: number;\n  max?: number;\n  step?: number | null;\n  marks?: readonly SliderMark[];\n  vertical?: boolean;\n  showValue?: boolean;\n  onChangeComplete?: (value: number | readonly [number, number]) => void;\n  tooltip?: boolean | { formatter?: (value: number) => ReactNode };\n}\nexport type SliderProps = SliderBaseProps &\n  (\n    | { range?: false; value?: number; defaultValue?: number; onChange?: (value: number) => void }\n    | {\n        range: true;\n        value?: readonly [number, number];\n        defaultValue?: readonly [number, number];\n        onChange?: (value: [number, number]) => void;\n      }\n  );\nexport const Slider = forwardRef<HTMLInputElement, SliderProps>(\n  function Slider(props, forwardedRef) {\n    const {\n      range = false,\n      value,\n      defaultValue,\n      onChange: _onChange,\n      min = 0,\n      max = 100,\n      step = 1,\n      marks = [],\n      vertical = false,\n      showValue = false,\n      onChangeComplete,\n      tooltip = false,\n      disabled: disabledProp,\n      readOnly,\n      className,\n      style,\n      name,\n      id: idProp,\n      onKeyDown,\n      onKeyUp,\n      onPointerUp,\n      onBlur,\n      'aria-label': label,\n      ...inputProps\n    } = props;\n    const { messages, direction } = useLeafConfig();\n    const [activeThumb, setActiveThumb] = useState<number | null>(null);\n    const field = useFormField();\n    const generatedId = useId();\n    const disabled = disabledProp || field?.disabled;\n    const minimum = Number.isFinite(min) ? min : 0;\n    const maximum = Math.max(minimum, Number.isFinite(max) ? max : 100);\n    const increment = step !== null && Number.isFinite(step) && step > 0 ? step : 1;\n    const positions = [\n      ...new Set(\n        marks.map((mark) => mark.value).filter((value) => value >= minimum && value <= maximum),\n      ),\n    ].sort((a, b) => a - b);\n    const clamp = (number: number) =>\n      Math.min(maximum, Math.max(minimum, Number.isFinite(number) ? number : minimum));\n    const snap = (number: number) =>\n      step === null && positions.length\n        ? positions.reduce(\n            (best, value) => (Math.abs(value - number) < Math.abs(best - number) ? value : best),\n            positions[0] ?? minimum,\n          )\n        : clamp(\n            Number((minimum + Math.round((number - minimum) / increment) * increment).toFixed(12)),\n          );\n    const input = useRef<HTMLInputElement>(null);\n    const ref = useMergedRef(input, forwardedRef);\n    const second = useRef<HTMLInputElement>(null);\n    const [current, setCurrent] = useFieldValue<number | readonly [number, number]>(\n      value,\n      defaultValue ?? (range ? [minimum, maximum] : minimum),\n      input,\n      inputProps.form,\n    );\n    const pair =\n      typeof current === 'number'\n        ? [minimum, clamp(current)]\n        : [clamp(current[0]), clamp(current[1])].sort((a, b) => a - b);\n    const low = pair[0] ?? minimum;\n    const high = pair[1] ?? maximum;\n    const activeRef = useRef<number | readonly [number, number]>(current);\n    activeRef.current = range ? [low, high] : high;\n    const changed = useRef(false);\n    const complete = () => {\n      if (changed.current) {\n        changed.current = false;\n        onChangeComplete?.(activeRef.current);\n      }\n    };\n    const change = (next: number, index: number) => {\n      if (disabled || readOnly) return;\n      const normalized = snap(next);\n      const result: number | [number, number] = range\n        ? index === 0\n          ? [Math.min(normalized, high), high]\n          : [low, Math.max(normalized, low)]\n        : normalized;\n      if (JSON.stringify(result) === JSON.stringify(activeRef.current)) return;\n      activeRef.current = result;\n      changed.current = true;\n      setCurrent(result);\n      if (props.range) props.onChange?.(result as [number, number]);\n      else props.onChange?.(result as number);\n    };\n    const percent = (number: number) =>\n      maximum === minimum ? 0 : ((number - minimum) / (maximum - minimum)) * 100;\n    return (\n      <div\n        className={classes(\n          'leaf-slider',\n          vertical && 'leaf-slider--vertical',\n          range && 'leaf-slider--range',\n          className,\n        )}\n        data-disabled={disabled || readOnly ? '' : undefined}\n        style={\n          {\n            '--leaf-slider-start': `${percent(range ? low : minimum)}%`,\n            '--leaf-slider-end': `${percent(high)}%`,\n            ...style,\n          } as LeafThemeStyle\n        }\n      >\n        <div className=\"leaf-slider__rail\">\n          <div className=\"leaf-slider__fill\" />\n        </div>\n        {(range ? [low, high] : [high]).map((number, index) => (\n          <input\n            {...inputProps}\n            key={range ? (index === 0 ? 'start' : 'end') : 'single'}\n            ref={index === 0 ? ref : second}\n            id={\n              index === 0\n                ? (idProp ?? field?.id ?? generatedId)\n                : `${idProp ?? field?.id ?? generatedId}-end`\n            }\n            type=\"range\"\n            className=\"leaf-slider__input\"\n            name={name}\n            min={minimum}\n            max={maximum}\n            step={increment}\n            value={number}\n            disabled={disabled}\n            readOnly={readOnly}\n            aria-readonly={readOnly || undefined}\n            aria-orientation={vertical ? 'vertical' : 'horizontal'}\n            aria-label={\n              range\n                ? `${label ?? messages.slider} ${index === 0 ? messages.start : messages.end}`\n                : (label ?? (field ? undefined : messages.slider))\n            }\n            aria-labelledby={range ? undefined : inputProps['aria-labelledby']}\n            aria-describedby={\n              [inputProps['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') ||\n              undefined\n            }\n            onChange={(event) => change(Number(event.target.value), index)}\n            onFocus={() => setActiveThumb(index)}\n            onPointerDown={() => setActiveThumb(index)}\n            onPointerEnter={() => setActiveThumb(index)}\n            onPointerLeave={() => {\n              if (\n                document.activeElement !== input.current &&\n                document.activeElement !== second.current\n              )\n                setActiveThumb(null);\n            }}\n            onKeyDown={(event) => {\n              onKeyDown?.(event);\n              if (event.defaultPrevented) return;\n              let next: number | undefined;\n              if (event.key === 'Home') next = step === null ? positions[0] : minimum;\n              else if (event.key === 'End') next = step === null ? positions.at(-1) : maximum;\n              else if (\n                ['ArrowRight', 'ArrowUp', 'ArrowLeft', 'ArrowDown', 'PageUp', 'PageDown'].includes(\n                  event.key,\n                )\n              )\n                next =\n                  number +\n                  ([direction === 'rtl' ? 'ArrowLeft' : 'ArrowRight', 'ArrowUp', 'PageUp'].includes(\n                    event.key,\n                  )\n                    ? 1\n                    : -1) *\n                    increment *\n                    (event.shiftKey || event.key.startsWith('Page') ? 10 : 1);\n              if (next !== undefined) {\n                if (step === null && positions.length && !['Home', 'End'].includes(event.key)) {\n                  const previous = positions.filter((value) => value < number).at(-1);\n                  next =\n                    next > number\n                      ? (positions.find((value) => value > number) ?? positions.at(-1))\n                      : (previous ?? positions[0]);\n                }\n                event.preventDefault();\n                if (next !== undefined) change(next, index);\n              }\n            }}\n            onKeyUp={(event) => {\n              onKeyUp?.(event);\n              complete();\n            }}\n            onPointerUp={(event) => {\n              onPointerUp?.(event);\n              complete();\n            }}\n            onBlur={(event) => {\n              setActiveThumb(null);\n              onBlur?.(event);\n              complete();\n            }}\n          />\n        ))}\n        {tooltip && activeThumb !== null && (\n          <Tooltip\n            open\n            content={\n              typeof tooltip === 'object'\n                ? (tooltip.formatter?.(activeThumb === 0 && range ? low : high) ??\n                  (activeThumb === 0 && range ? low : high))\n                : activeThumb === 0 && range\n                  ? low\n                  : high\n            }\n          >\n            <span\n              className=\"leaf-slider__tooltip-anchor\"\n              style={\n                vertical\n                  ? { bottom: `${percent(activeThumb === 0 && range ? low : high)}%` }\n                  : { insetInlineStart: `${percent(activeThumb === 0 && range ? low : high)}%` }\n              }\n            />\n          </Tooltip>\n        )}\n        {showValue && (\n          <output className=\"leaf-slider__value\" aria-hidden=\"true\">\n            {range ? `${low} – ${high}` : high}\n          </output>\n        )}\n        {marks\n          .filter((mark) => mark.value >= minimum && mark.value <= maximum)\n          .map((mark) => (\n            <button\n              type=\"button\"\n              className=\"leaf-slider__mark\"\n              data-active={\n                mark.value >= (range ? low : minimum) && mark.value <= high ? '' : undefined\n              }\n              key={mark.value}\n              disabled={disabled || readOnly}\n              style={\n                vertical\n                  ? { bottom: `${percent(mark.value)}%` }\n                  : { insetInlineStart: `${percent(mark.value)}%` }\n              }\n              aria-label={typeof mark.label === 'string' ? mark.label : String(mark.value)}\n              onClick={() => {\n                change(\n                  mark.value,\n                  range && Math.abs(mark.value - low) < Math.abs(mark.value - high)\n                    ? 0\n                    : range\n                      ? 1\n                      : 0,\n                );\n                complete();\n                input.current?.focus();\n              }}\n            >\n              <span className=\"leaf-slider__dot\" aria-hidden=\"true\" />\n              <span>{mark.label ?? mark.value}</span>\n            </button>\n          ))}\n      </div>\n    );\n  },\n);\n"],"names":["Slider","forwardRef","props","forwardedRef","range","value","defaultValue","_onChange","min","max","step","marks","vertical","showValue","onChangeComplete","tooltip","disabledProp","readOnly","className","style","name","idProp","onKeyDown","onKeyUp","onPointerUp","onBlur","label","inputProps","messages","direction","useLeafConfig","activeThumb","setActiveThumb","useState","field","useFormField","generatedId","useId","disabled","minimum","Number","maximum","Math","increment","positions","Set","mark","a","b","clamp","number","snap","best","input","useRef","ref","useMergedRef","second","current","setCurrent","useFieldValue","pair","low","high","activeRef","changed","complete","change","next","index","normalized","result","JSON","percent","classes","undefined","Boolean","event","document","previous","Tooltip","String"],"mappings":"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"}
+{"version":3,"file":"slider/slider.js","sources":["../../../../../src/slider/slider.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type InputHTMLAttributes,\n  type ReactNode,\n  useId,\n  useRef,\n  useState,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { useFieldValue, useMergedRef } from '../shared/field';\nimport type { LeafThemeStyle } from '../theme';\nimport { TooltipControl as Tooltip } from '../tooltip/tooltip';\n\nexport interface SliderMark {\n  value: number;\n  label?: ReactNode;\n}\ninterface SliderBaseProps\n  extends Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    'type' | 'size' | 'value' | 'defaultValue' | 'onChange' | 'step'\n  > {\n  min?: number;\n  max?: number;\n  step?: number | null;\n  marks?: readonly SliderMark[];\n  vertical?: boolean;\n  showValue?: boolean;\n  onChangeComplete?: (value: number | readonly [number, number]) => void;\n  tooltip?: boolean | { formatter?: (value: number) => ReactNode };\n}\nexport type SliderProps = SliderBaseProps &\n  (\n    | { range?: false; value?: number; defaultValue?: number; onChange?: (value: number) => void }\n    | {\n        range: true;\n        value?: readonly [number, number];\n        defaultValue?: readonly [number, number];\n        onChange?: (value: [number, number]) => void;\n      }\n  );\nexport const SliderControl = forwardRef<HTMLInputElement, SliderProps>(function SliderControl(\n  props: SliderProps,\n  forwardedRef,\n) {\n  const {\n    range = false,\n    value,\n    defaultValue,\n    onChange: _onChange,\n    min = 0,\n    max = 100,\n    step = 1,\n    marks = [],\n    vertical = false,\n    showValue = false,\n    onChangeComplete,\n    tooltip = false,\n    disabled: disabledProp,\n    readOnly,\n    className,\n    style,\n    name,\n    id: idProp,\n    onKeyDown,\n    onKeyUp,\n    onPointerUp,\n    onBlur,\n    'aria-label': label,\n    ...inputProps\n  } = props;\n  const { messages, direction } = useLeafConfig();\n  const [activeThumb, setActiveThumb] = useState<number | null>(null);\n  const field = useFormField();\n  const generatedId = useId();\n  const disabled = disabledProp || field?.disabled;\n  const minimum = Number.isFinite(min) ? min : 0;\n  const maximum = Math.max(minimum, Number.isFinite(max) ? max : 100);\n  const increment = step !== null && Number.isFinite(step) && step > 0 ? step : 1;\n  const positions = [\n    ...new Set(\n      marks.map((mark) => mark.value).filter((value) => value >= minimum && value <= maximum),\n    ),\n  ].sort((a, b) => a - b);\n  const clamp = (number: number) =>\n    Math.min(maximum, Math.max(minimum, Number.isFinite(number) ? number : minimum));\n  const snap = (number: number) =>\n    step === null && positions.length\n      ? positions.reduce(\n          (best, value) => (Math.abs(value - number) < Math.abs(best - number) ? value : best),\n          positions[0] ?? minimum,\n        )\n      : clamp(\n          Number((minimum + Math.round((number - minimum) / increment) * increment).toFixed(12)),\n        );\n  const input = useRef<HTMLInputElement>(null);\n  const ref = useMergedRef(input, forwardedRef);\n  const second = useRef<HTMLInputElement>(null);\n  const [current, setCurrent] = useFieldValue<number | readonly [number, number]>(\n    value,\n    defaultValue ?? (range ? [minimum, maximum] : minimum),\n    input,\n    inputProps.form,\n  );\n  const pair =\n    typeof current === 'number'\n      ? [minimum, clamp(current)]\n      : [clamp(current[0]), clamp(current[1])].sort((a, b) => a - b);\n  const low = pair[0] ?? minimum;\n  const high = pair[1] ?? maximum;\n  const activeRef = useRef<number | readonly [number, number]>(current);\n  activeRef.current = range ? [low, high] : high;\n  const changed = useRef(false);\n  const complete = () => {\n    if (changed.current) {\n      changed.current = false;\n      onChangeComplete?.(activeRef.current);\n    }\n  };\n  const change = (next: number, index: number) => {\n    if (disabled || readOnly) return;\n    const normalized = snap(next);\n    const result: number | [number, number] = range\n      ? index === 0\n        ? [Math.min(normalized, high), high]\n        : [low, Math.max(normalized, low)]\n      : normalized;\n    if (JSON.stringify(result) === JSON.stringify(activeRef.current)) return;\n    activeRef.current = result;\n    changed.current = true;\n    setCurrent(result);\n    if (props.range) props.onChange?.(result as [number, number]);\n    else props.onChange?.(result as number);\n  };\n  const percent = (number: number) =>\n    maximum === minimum ? 0 : ((number - minimum) / (maximum - minimum)) * 100;\n  return (\n    <div\n      className={classes(\n        'leaf-slider',\n        vertical && 'leaf-slider--vertical',\n        range && 'leaf-slider--range',\n        className,\n      )}\n      data-disabled={disabled || readOnly ? '' : undefined}\n      style={\n        {\n          '--leaf-slider-start': `${percent(range ? low : minimum)}%`,\n          '--leaf-slider-end': `${percent(high)}%`,\n          ...style,\n        } as LeafThemeStyle\n      }\n    >\n      <div className=\"leaf-slider__rail\">\n        <div className=\"leaf-slider__fill\" />\n      </div>\n      {(range ? [low, high] : [high]).map((number, index) => (\n        <input\n          {...inputProps}\n          key={range ? (index === 0 ? 'start' : 'end') : 'single'}\n          ref={index === 0 ? ref : second}\n          id={\n            index === 0\n              ? (idProp ?? field?.id ?? generatedId)\n              : `${idProp ?? field?.id ?? generatedId}-end`\n          }\n          type=\"range\"\n          className=\"leaf-slider__input\"\n          name={name}\n          min={minimum}\n          max={maximum}\n          step={increment}\n          value={number}\n          disabled={disabled}\n          readOnly={readOnly}\n          aria-readonly={readOnly || undefined}\n          aria-orientation={vertical ? 'vertical' : 'horizontal'}\n          aria-label={\n            range\n              ? `${label ?? messages.slider.label} ${index === 0 ? messages.common.start : messages.common.end}`\n              : (label ?? (field ? undefined : messages.slider.label))\n          }\n          aria-labelledby={range ? undefined : inputProps['aria-labelledby']}\n          aria-describedby={\n            [inputProps['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') ||\n            undefined\n          }\n          onChange={(event) => change(Number(event.target.value), index)}\n          onFocus={() => setActiveThumb(index)}\n          onPointerDown={() => setActiveThumb(index)}\n          onPointerEnter={() => setActiveThumb(index)}\n          onPointerLeave={() => {\n            if (\n              document.activeElement !== input.current &&\n              document.activeElement !== second.current\n            )\n              setActiveThumb(null);\n          }}\n          onKeyDown={(event) => {\n            onKeyDown?.(event);\n            if (event.defaultPrevented) return;\n            let next: number | undefined;\n            if (event.key === 'Home') next = step === null ? positions[0] : minimum;\n            else if (event.key === 'End') next = step === null ? positions.at(-1) : maximum;\n            else if (\n              ['ArrowRight', 'ArrowUp', 'ArrowLeft', 'ArrowDown', 'PageUp', 'PageDown'].includes(\n                event.key,\n              )\n            )\n              next =\n                number +\n                ([direction === 'rtl' ? 'ArrowLeft' : 'ArrowRight', 'ArrowUp', 'PageUp'].includes(\n                  event.key,\n                )\n                  ? 1\n                  : -1) *\n                  increment *\n                  (event.shiftKey || event.key.startsWith('Page') ? 10 : 1);\n            if (next !== undefined) {\n              if (step === null && positions.length && !['Home', 'End'].includes(event.key)) {\n                const previous = positions.filter((value) => value < number).at(-1);\n                next =\n                  next > number\n                    ? (positions.find((value) => value > number) ?? positions.at(-1))\n                    : (previous ?? positions[0]);\n              }\n              event.preventDefault();\n              if (next !== undefined) change(next, index);\n            }\n          }}\n          onKeyUp={(event) => {\n            onKeyUp?.(event);\n            complete();\n          }}\n          onPointerUp={(event) => {\n            onPointerUp?.(event);\n            complete();\n          }}\n          onBlur={(event) => {\n            setActiveThumb(null);\n            onBlur?.(event);\n            complete();\n          }}\n        />\n      ))}\n      {tooltip && activeThumb !== null && (\n        <Tooltip\n          open\n          content={\n            typeof tooltip === 'object'\n              ? (tooltip.formatter?.(activeThumb === 0 && range ? low : high) ??\n                (activeThumb === 0 && range ? low : high))\n              : activeThumb === 0 && range\n                ? low\n                : high\n          }\n        >\n          <span\n            className=\"leaf-slider__tooltip-anchor\"\n            style={\n              vertical\n                ? { bottom: `${percent(activeThumb === 0 && range ? low : high)}%` }\n                : { insetInlineStart: `${percent(activeThumb === 0 && range ? low : high)}%` }\n            }\n          />\n        </Tooltip>\n      )}\n      {showValue && (\n        <output className=\"leaf-slider__value\" aria-hidden=\"true\">\n          {range ? `${low} – ${high}` : high}\n        </output>\n      )}\n      {marks\n        .filter((mark) => mark.value >= minimum && mark.value <= maximum)\n        .map((mark) => (\n          <button\n            type=\"button\"\n            className=\"leaf-slider__mark\"\n            data-active={\n              mark.value >= (range ? low : minimum) && mark.value <= high ? '' : undefined\n            }\n            key={mark.value}\n            disabled={disabled || readOnly}\n            style={\n              vertical\n                ? { bottom: `${percent(mark.value)}%` }\n                : { insetInlineStart: `${percent(mark.value)}%` }\n            }\n            aria-label={typeof mark.label === 'string' ? mark.label : String(mark.value)}\n            onClick={() => {\n              change(\n                mark.value,\n                range && Math.abs(mark.value - low) < Math.abs(mark.value - high)\n                  ? 0\n                  : range\n                    ? 1\n                    : 0,\n              );\n              complete();\n              input.current?.focus();\n            }}\n          >\n            <span className=\"leaf-slider__dot\" aria-hidden=\"true\" />\n            <span>{mark.label ?? mark.value}</span>\n          </button>\n        ))}\n    </div>\n  );\n});\n\nexport const Slider = forwardRef<HTMLInputElement, SliderProps>(function Slider(\n  rawProps: SliderProps,\n  ref,\n) {\n  const props = useComponentProps('Slider', rawProps);\n  return <SliderControl {...props} ref={ref} />;\n});\nSlider.displayName = 'Slider';\n"],"names":["SliderControl","forwardRef","props","forwardedRef","range","value","defaultValue","_onChange","min","max","step","marks","vertical","showValue","onChangeComplete","tooltip","disabledProp","readOnly","className","style","name","idProp","onKeyDown","onKeyUp","onPointerUp","onBlur","label","inputProps","messages","direction","useLeafConfig","activeThumb","setActiveThumb","useState","field","useFormField","generatedId","useId","disabled","minimum","Number","maximum","Math","increment","positions","Set","mark","a","b","clamp","number","snap","best","input","useRef","ref","useMergedRef","second","current","setCurrent","useFieldValue","pair","low","high","activeRef","changed","complete","change","next","index","normalized","result","JSON","percent","classes","undefined","Boolean","event","document","previous","Tooltip","String","Slider","rawProps","useComponentProps"],"mappings":";;;;;;;;;;;AA4CO,MAAMA,uBAAgB,WAAHA,GAAGC,WAA0C,SACrEC,KAAkB,EAClBC,YAAY;IAEZ,MAAM,EACJC,QAAQ,KAAK,EACbC,KAAK,EACLC,YAAY,EACZ,UAAUC,SAAS,EACnBC,MAAM,CAAC,EACPC,MAAM,GAAG,EACTC,OAAO,CAAC,EACRC,QAAQ,EAAE,EACVC,WAAW,KAAK,EAChBC,YAAY,KAAK,EACjBC,gBAAgB,EAChBC,UAAU,KAAK,EACf,UAAUC,YAAY,EACtBC,QAAQ,EACRC,SAAS,EACTC,KAAK,EACLC,IAAI,EACJ,IAAIC,MAAM,EACVC,SAAS,EACTC,OAAO,EACPC,WAAW,EACXC,MAAM,EACN,cAAcC,KAAK,EACnB,GAAGC,YACJ,GAAGzB;IACJ,MAAM,EAAE0B,QAAQ,EAAEC,SAAS,EAAE,GAAGC;IAChC,MAAM,CAACC,aAAaC,eAAe,GAAGC,SAAwB;IAC9D,MAAMC,QAAQC;IACd,MAAMC,cAAcC;IACpB,MAAMC,WAAWtB,gBAAgBkB,OAAO;IACxC,MAAMK,UAAUC,OAAO,QAAQ,CAAChC,OAAOA,MAAM;IAC7C,MAAMiC,UAAUC,KAAK,GAAG,CAACH,SAASC,OAAO,QAAQ,CAAC/B,OAAOA,MAAM;IAC/D,MAAMkC,YAAYjC,AAAS,SAATA,QAAiB8B,OAAO,QAAQ,CAAC9B,SAASA,OAAO,IAAIA,OAAO;IAC9E,MAAMkC,YAAY;WACb,IAAIC,IACLlC,MAAM,GAAG,CAAC,CAACmC,OAASA,KAAK,KAAK,EAAE,MAAM,CAAC,CAACzC,QAAUA,SAASkC,WAAWlC,SAASoC;KAElF,CAAC,IAAI,CAAC,CAACM,GAAGC,IAAMD,IAAIC;IACrB,MAAMC,QAAQ,CAACC,SACbR,KAAK,GAAG,CAACD,SAASC,KAAK,GAAG,CAACH,SAASC,OAAO,QAAQ,CAACU,UAAUA,SAASX;IACzE,MAAMY,OAAO,CAACD,SACZxC,AAAS,SAATA,QAAiBkC,UAAU,MAAM,GAC7BA,UAAU,MAAM,CACd,CAACQ,MAAM/C,QAAWqC,KAAK,GAAG,CAACrC,QAAQ6C,UAAUR,KAAK,GAAG,CAACU,OAAOF,UAAU7C,QAAQ+C,MAC/ER,SAAS,CAAC,EAAE,IAAIL,WAElBU,MACET,OAAQD,AAAAA,CAAAA,UAAUG,KAAK,KAAK,CAAEQ,AAAAA,CAAAA,SAASX,OAAM,IAAKI,aAAaA,SAAQ,EAAG,OAAO,CAAC;IAE1F,MAAMU,QAAQC,OAAyB;IACvC,MAAMC,MAAMC,aAAaH,OAAOlD;IAChC,MAAMsD,SAASH,OAAyB;IACxC,MAAM,CAACI,SAASC,WAAW,GAAGC,cAC5BvD,OACAC,gBAAiBF,CAAAA,QAAQ;QAACmC;QAASE;KAAQ,GAAGF,OAAM,GACpDc,OACA1B,WAAW,IAAI;IAEjB,MAAMkC,OACJ,AAAmB,YAAnB,OAAOH,UACH;QAACnB;QAASU,MAAMS;KAAS,GACzB;QAACT,MAAMS,OAAO,CAAC,EAAE;QAAGT,MAAMS,OAAO,CAAC,EAAE;KAAE,CAAC,IAAI,CAAC,CAACX,GAAGC,IAAMD,IAAIC;IAChE,MAAMc,MAAMD,IAAI,CAAC,EAAE,IAAItB;IACvB,MAAMwB,OAAOF,IAAI,CAAC,EAAE,IAAIpB;IACxB,MAAMuB,YAAYV,OAA2CI;IAC7DM,UAAU,OAAO,GAAG5D,QAAQ;QAAC0D;QAAKC;KAAK,GAAGA;IAC1C,MAAME,UAAUX,OAAO;IACvB,MAAMY,WAAW;QACf,IAAID,QAAQ,OAAO,EAAE;YACnBA,QAAQ,OAAO,GAAG;YAClBnD,mBAAmBkD,UAAU,OAAO;QACtC;IACF;IACA,MAAMG,SAAS,CAACC,MAAcC;QAC5B,IAAI/B,YAAYrB,UAAU;QAC1B,MAAMqD,aAAanB,KAAKiB;QACxB,MAAMG,SAAoCnE,QACtCiE,AAAU,MAAVA,QACE;YAAC3B,KAAK,GAAG,CAAC4B,YAAYP;YAAOA;SAAK,GAClC;YAACD;YAAKpB,KAAK,GAAG,CAAC4B,YAAYR;SAAK,GAClCQ;QACJ,IAAIE,KAAK,SAAS,CAACD,YAAYC,KAAK,SAAS,CAACR,UAAU,OAAO,GAAG;QAClEA,UAAU,OAAO,GAAGO;QACpBN,QAAQ,OAAO,GAAG;QAClBN,WAAWY;QACPrE,MAAM,KAAK,EAAEA,MAAM,QAAQ,GAAGqE;IAEpC;IACA,MAAME,UAAU,CAACvB,SACfT,YAAYF,UAAU,IAAMW,AAAAA,CAAAA,SAASX,OAAM,IAAME,CAAAA,UAAUF,OAAM,IAAM;IACzE,OAAO,WAAP,GACE,KAAC;QACC,WAAWmC,QACT,eACA9D,YAAY,yBACZR,SAAS,sBACTc;QAEF,iBAAeoB,YAAYrB,WAAW,KAAK0D;QAC3C,OACE;YACE,uBAAuB,GAAGF,QAAQrE,QAAQ0D,MAAMvB,SAAS,CAAC,CAAC;YAC3D,qBAAqB,GAAGkC,QAAQV,MAAM,CAAC,CAAC;YACxC,GAAG5C,KAAK;QACV;;0BAGF,IAAC;gBAAI,WAAU;0BACb,kBAAC;oBAAI,WAAU;;;YAEff,CAAAA,QAAQ;gBAAC0D;gBAAKC;aAAK,GAAG;gBAACA;aAAI,EAAG,GAAG,CAAC,CAACb,QAAQmB,QAAAA,WAAAA,GAC3C,cAAC;oBACE,GAAG1C,UAAU;oBACd,KAAKvB,QAASiE,AAAU,MAAVA,QAAc,UAAU,QAAS;oBAC/C,KAAKA,AAAU,MAAVA,QAAcd,MAAME;oBACzB,IACEY,AAAU,MAAVA,QACKhD,UAAUa,OAAO,MAAME,cACxB,GAAGf,UAAUa,OAAO,MAAME,YAAY,IAAI,CAAC;oBAEjD,MAAK;oBACL,WAAU;oBACV,MAAMhB;oBACN,KAAKmB;oBACL,KAAKE;oBACL,MAAME;oBACN,OAAOO;oBACP,UAAUZ;oBACV,UAAUrB;oBACV,iBAAeA,YAAY0D;oBAC3B,oBAAkB/D,WAAW,aAAa;oBAC1C,cACER,QACI,GAAGsB,SAASE,SAAS,MAAM,CAAC,KAAK,CAAC,CAAC,EAAEyC,AAAU,MAAVA,QAAczC,SAAS,MAAM,CAAC,KAAK,GAAGA,SAAS,MAAM,CAAC,GAAG,EAAE,GAC/FF,SAAUQ,CAAAA,QAAQyC,SAAY/C,SAAS,MAAM,CAAC,KAAI;oBAEzD,mBAAiBxB,QAAQuE,SAAYhD,UAAU,CAAC,kBAAkB;oBAClE,oBACE;wBAACA,UAAU,CAAC,mBAAmB;wBAAEO,OAAO;qBAAc,CAAC,MAAM,CAAC0C,SAAS,IAAI,CAAC,QAC5ED;oBAEF,UAAU,CAACE,QAAUV,OAAO3B,OAAOqC,MAAM,MAAM,CAAC,KAAK,GAAGR;oBACxD,SAAS,IAAMrC,eAAeqC;oBAC9B,eAAe,IAAMrC,eAAeqC;oBACpC,gBAAgB,IAAMrC,eAAeqC;oBACrC,gBAAgB;wBACd,IACES,SAAS,aAAa,KAAKzB,MAAM,OAAO,IACxCyB,SAAS,aAAa,KAAKrB,OAAO,OAAO,EAEzCzB,eAAe;oBACnB;oBACA,WAAW,CAAC6C;wBACVvD,YAAYuD;wBACZ,IAAIA,MAAM,gBAAgB,EAAE;wBAC5B,IAAIT;wBACJ,IAAIS,AAAc,WAAdA,MAAM,GAAG,EAAaT,OAAO1D,AAAS,SAATA,OAAgBkC,SAAS,CAAC,EAAE,GAAGL;6BAC3D,IAAIsC,AAAc,UAAdA,MAAM,GAAG,EAAYT,OAAO1D,AAAS,SAATA,OAAgBkC,UAAU,EAAE,CAAC,MAAMH;6BACnE,IACH;4BAAC;4BAAc;4BAAW;4BAAa;4BAAa;4BAAU;yBAAW,CAAC,QAAQ,CAChFoC,MAAM,GAAG,GAGXT,OACElB,SACC;4BAAe,UAAdrB,YAAsB,cAAc;4BAAc;4BAAW;yBAAS,CAAC,QAAQ,CAC/EgD,MAAM,GAAG,IAEP,IACA,EAAC,IACHlC,YACCkC,CAAAA,MAAM,QAAQ,IAAIA,MAAM,GAAG,CAAC,UAAU,CAAC,UAAU,KAAK;wBAC7D,IAAIT,AAASO,WAATP,MAAoB;4BACtB,IAAI1D,AAAS,SAATA,QAAiBkC,UAAU,MAAM,IAAI,CAAC;gCAAC;gCAAQ;6BAAM,CAAC,QAAQ,CAACiC,MAAM,GAAG,GAAG;gCAC7E,MAAME,WAAWnC,UAAU,MAAM,CAAC,CAACvC,QAAUA,QAAQ6C,QAAQ,EAAE,CAAC;gCAChEkB,OACEA,OAAOlB,SACFN,UAAU,IAAI,CAAC,CAACvC,QAAUA,QAAQ6C,WAAWN,UAAU,EAAE,CAAC,MAC1DmC,YAAYnC,SAAS,CAAC,EAAE;4BACjC;4BACAiC,MAAM,cAAc;4BACpB,IAAIT,AAASO,WAATP,MAAoBD,OAAOC,MAAMC;wBACvC;oBACF;oBACA,SAAS,CAACQ;wBACRtD,UAAUsD;wBACVX;oBACF;oBACA,aAAa,CAACW;wBACZrD,cAAcqD;wBACdX;oBACF;oBACA,QAAQ,CAACW;wBACP7C,eAAe;wBACfP,SAASoD;wBACTX;oBACF;;YAGHnD,WAAWgB,AAAgB,SAAhBA,eAAwB,WAAR,GAC1B,IAACiD,gBAAOA;gBACN,MAAI;gBACJ,SACE,AAAmB,YAAnB,OAAOjE,UACFA,QAAQ,SAAS,GAAGgB,AAAgB,MAAhBA,eAAqB3B,QAAQ0D,MAAMC,SACvDhC,CAAAA,AAAgB,MAAhBA,eAAqB3B,QAAQ0D,MAAMC,IAAG,IACvChC,AAAgB,MAAhBA,eAAqB3B,QACnB0D,MACAC;0BAGR,kBAAC;oBACC,WAAU;oBACV,OACEnD,WACI;wBAAE,QAAQ,GAAG6D,QAAQ1C,AAAgB,MAAhBA,eAAqB3B,QAAQ0D,MAAMC,MAAM,CAAC,CAAC;oBAAC,IACjE;wBAAE,kBAAkB,GAAGU,QAAQ1C,AAAgB,MAAhBA,eAAqB3B,QAAQ0D,MAAMC,MAAM,CAAC,CAAC;oBAAC;;;YAKtFlD,aAAa,WAAbA,GACC,IAAC;gBAAO,WAAU;gBAAqB,eAAY;0BAChDT,QAAQ,GAAG0D,IAAI,GAAG,EAAEC,MAAM,GAAGA;;YAGjCpD,MACE,MAAM,CAAC,CAACmC,OAASA,KAAK,KAAK,IAAIP,WAAWO,KAAK,KAAK,IAAIL,SACxD,GAAG,CAAC,CAACK,OAAAA,WAAAA,GACJ,KAAC;oBACC,MAAK;oBACL,WAAU;oBACV,eACEA,KAAK,KAAK,IAAK1C,CAAAA,QAAQ0D,MAAMvB,OAAM,KAAMO,KAAK,KAAK,IAAIiB,OAAO,KAAKY;oBAGrE,UAAUrC,YAAYrB;oBACtB,OACEL,WACI;wBAAE,QAAQ,GAAG6D,QAAQ3B,KAAK,KAAK,EAAE,CAAC,CAAC;oBAAC,IACpC;wBAAE,kBAAkB,GAAG2B,QAAQ3B,KAAK,KAAK,EAAE,CAAC,CAAC;oBAAC;oBAEpD,cAAY,AAAsB,YAAtB,OAAOA,KAAK,KAAK,GAAgBA,KAAK,KAAK,GAAGmC,OAAOnC,KAAK,KAAK;oBAC3E,SAAS;wBACPqB,OACErB,KAAK,KAAK,EACV1C,SAASsC,KAAK,GAAG,CAACI,KAAK,KAAK,GAAGgB,OAAOpB,KAAK,GAAG,CAACI,KAAK,KAAK,GAAGiB,QACxD,IACA3D,QACE,IACA;wBAER8D;wBACAb,MAAM,OAAO,EAAE;oBACjB;;sCAEA,IAAC;4BAAK,WAAU;4BAAmB,eAAY;;sCAC/C,IAAC;sCAAMP,KAAK,KAAK,IAAIA,KAAK,KAAK;;;mBAtB1BA,KAAK,KAAK;;;AA2B3B;AAEO,MAAMoC,gBAAS,WAAHA,GAAGjF,WAA0C,SAC9DkF,QAAqB,EACrB5B,GAAG;IAEH,MAAMrD,QAAQkF,kBAAkB,UAAUD;IAC1C,OAAO,WAAP,GAAO,IAACnF,sBAAaA;QAAE,GAAGE,KAAK;QAAE,KAAKqD;;AACxC;AACA2B,cAAO,WAAW,GAAG"}

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

@@ -1,9 +1,12 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/space.css';
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Children, Fragment, forwardRef } from "react";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { classes } from "../shared/classes.js";
-const space_Space = /*#__PURE__*/ forwardRef(function({ direction = 'horizontal', size = 'md', align = 'center', wrap = false, split, className, children, style, ...props }, ref) {
+const space_Space = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const { direction = 'horizontal', size = 'md', align = 'center', wrap = false, split, className, children, style, ...props } = useComponentProps('Space', rawProps);
     const sizes = {
         sm: 'var(--leaf-spacing-sm, 8px)',
         md: 'var(--leaf-spacing-md, 16px)',

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

@@ -1 +1 @@
-{"version":3,"file":"space/space.js","sources":["../../../../../src/space/space.tsx"],"sourcesContent":["import { Children, Fragment, forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { classes } from '../shared/classes';\n\nexport interface SpaceProps extends HTMLAttributes<HTMLDivElement> {\n  direction?: 'horizontal' | 'vertical';\n  size?: 'sm' | 'md' | 'lg' | number | readonly [number, number];\n  align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';\n  wrap?: boolean;\n  split?: ReactNode;\n}\nexport const Space = forwardRef<HTMLDivElement, SpaceProps>(function Space(\n  {\n    direction = 'horizontal',\n    size = 'md',\n    align = 'center',\n    wrap = false,\n    split,\n    className,\n    children,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const sizes = {\n    sm: 'var(--leaf-spacing-sm, 8px)',\n    md: 'var(--leaf-spacing-md, 16px)',\n    lg: 'var(--leaf-spacing-lg, 24px)',\n  };\n  const gap =\n    typeof size === 'string'\n      ? sizes[size]\n      : typeof size === 'object'\n        ? size.map((v) => `${v}px`).join(' ')\n        : size;\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={classes('leaf-space', className)}\n      style={{\n        display: 'flex',\n        flexDirection: direction === 'vertical' ? 'column' : 'row',\n        alignItems: align,\n        flexWrap: wrap ? 'wrap' : 'nowrap',\n        gap,\n        ...style,\n      }}\n    >\n      {Children.toArray(children).map((child, index) => (\n        <Fragment\n          key={typeof child === 'object' && child !== null && 'key' in child ? child.key : index}\n        >\n          {index > 0 && split != null && (\n            <span className=\"leaf-space__split\" aria-hidden=\"true\">\n              {split}\n            </span>\n          )}\n          {child}\n        </Fragment>\n      ))}\n    </div>\n  );\n});\n"],"names":["Space","forwardRef","direction","size","align","wrap","split","className","children","style","props","ref","sizes","gap","v","classes","Children","child","index","Fragment"],"mappings":";;;;;AAUO,MAAMA,cAAQ,WAAHA,GAAGC,WAAuC,SAC1D,EACEC,YAAY,YAAY,EACxBC,OAAO,IAAI,EACXC,QAAQ,QAAQ,EAChBC,OAAO,KAAK,EACZC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACRC,KAAK,EACL,GAAGC,OACJ,EACDC,GAAG;IAEH,MAAMC,QAAQ;QACZ,IAAI;QACJ,IAAI;QACJ,IAAI;IACN;IACA,MAAMC,MACJ,AAAgB,YAAhB,OAAOV,OACHS,KAAK,CAACT,KAAK,GACX,AAAgB,YAAhB,OAAOA,OACLA,KAAK,GAAG,CAAC,CAACW,IAAM,GAAGA,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,OAC/BX;IACR,OAAO,WAAP,GACE,IAAC;QACE,GAAGO,KAAK;QACT,KAAKC;QACL,WAAWI,QAAQ,cAAcR;QACjC,OAAO;YACL,SAAS;YACT,eAAeL,AAAc,eAAdA,YAA2B,WAAW;YACrD,YAAYE;YACZ,UAAUC,OAAO,SAAS;YAC1BQ;YACA,GAAGJ,KAAK;QACV;kBAECO,SAAS,OAAO,CAACR,UAAU,GAAG,CAAC,CAACS,OAAOC,QAAAA,WAAAA,GACtC,KAACC,UAAQA;;oBAGND,QAAQ,KAAKZ,AAAS,QAATA,SAAiB,WAAR,GACrB,IAAC;wBAAK,WAAU;wBAAoB,eAAY;kCAC7CA;;oBAGJW;;eAPI,AAAiB,YAAjB,OAAOA,SAAsBA,AAAU,SAAVA,SAAkB,SAASA,QAAQA,MAAM,GAAG,GAAGC;;AAY3F"}
+{"version":3,"file":"space/space.js","sources":["../../../../../src/space/space.tsx"],"sourcesContent":["import { Children, Fragment, forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { classes } from '../shared/classes';\n\nexport interface SpaceProps extends HTMLAttributes<HTMLDivElement> {\n  direction?: 'horizontal' | 'vertical';\n  size?: 'sm' | 'md' | 'lg' | number | readonly [number, number];\n  align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';\n  wrap?: boolean;\n  split?: ReactNode;\n}\nexport const Space = forwardRef<HTMLDivElement, SpaceProps>(function Space(\n  rawProps: SpaceProps,\n  ref,\n) {\n  const {\n    direction = 'horizontal',\n    size = 'md',\n    align = 'center',\n    wrap = false,\n    split,\n    className,\n    children,\n    style,\n    ...props\n  } = useComponentProps('Space', rawProps);\n  const sizes = {\n    sm: 'var(--leaf-spacing-sm, 8px)',\n    md: 'var(--leaf-spacing-md, 16px)',\n    lg: 'var(--leaf-spacing-lg, 24px)',\n  };\n  const gap =\n    typeof size === 'string'\n      ? sizes[size]\n      : typeof size === 'object'\n        ? size.map((v) => `${v}px`).join(' ')\n        : size;\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={classes('leaf-space', className)}\n      style={{\n        display: 'flex',\n        flexDirection: direction === 'vertical' ? 'column' : 'row',\n        alignItems: align,\n        flexWrap: wrap ? 'wrap' : 'nowrap',\n        gap,\n        ...style,\n      }}\n    >\n      {Children.toArray(children).map((child, index) => (\n        <Fragment\n          key={typeof child === 'object' && child !== null && 'key' in child ? child.key : index}\n        >\n          {index > 0 && split != null && (\n            <span className=\"leaf-space__split\" aria-hidden=\"true\">\n              {split}\n            </span>\n          )}\n          {child}\n        </Fragment>\n      ))}\n    </div>\n  );\n});\n"],"names":["Space","forwardRef","rawProps","ref","direction","size","align","wrap","split","className","children","style","props","useComponentProps","sizes","gap","v","classes","Children","child","index","Fragment"],"mappings":";;;;;;;AAWO,MAAMA,cAAQ,WAAHA,GAAGC,WAAuC,SAC1DC,QAAoB,EACpBC,GAAG;IAEH,MAAM,EACJC,YAAY,YAAY,EACxBC,OAAO,IAAI,EACXC,QAAQ,QAAQ,EAChBC,OAAO,KAAK,EACZC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACRC,KAAK,EACL,GAAGC,OACJ,GAAGC,kBAAkB,SAASX;IAC/B,MAAMY,QAAQ;QACZ,IAAI;QACJ,IAAI;QACJ,IAAI;IACN;IACA,MAAMC,MACJ,AAAgB,YAAhB,OAAOV,OACHS,KAAK,CAACT,KAAK,GACX,AAAgB,YAAhB,OAAOA,OACLA,KAAK,GAAG,CAAC,CAACW,IAAM,GAAGA,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,OAC/BX;IACR,OAAO,WAAP,GACE,IAAC;QACE,GAAGO,KAAK;QACT,KAAKT;QACL,WAAWc,QAAQ,cAAcR;QACjC,OAAO;YACL,SAAS;YACT,eAAeL,AAAc,eAAdA,YAA2B,WAAW;YACrD,YAAYE;YACZ,UAAUC,OAAO,SAAS;YAC1BQ;YACA,GAAGJ,KAAK;QACV;kBAECO,SAAS,OAAO,CAACR,UAAU,GAAG,CAAC,CAACS,OAAOC,QAAAA,WAAAA,GACtC,KAACC,UAAQA;;oBAGND,QAAQ,KAAKZ,AAAS,QAATA,SAAiB,WAAR,GACrB,IAAC;wBAAK,WAAU;wBAAoB,eAAY;kCAC7CA;;oBAGJW;;eAPI,AAAiB,YAAjB,OAAOA,SAAsBA,AAAU,SAAVA,SAAkB,SAASA,QAAQA,MAAM,GAAG,GAAGC;;AAY3F"}

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

@@ -1,2 +1,2 @@
 "use client";
-export * from "./splitter.js";
+export { ResizablePanels, Splitter } from "./splitter.js";

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

@@ -1,14 +1,19 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/splitter.css';
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { useLeafConfig } from "../config-provider/context.js";
 import { classes } from "../shared/classes.js";
 import { inertProps } from "../shared/inert.js";
 import { useControllable } from "../shared/use-controllable.js";
+import { useFormattedText } from "../shared/use-formatted-text.js";
 import { useText } from "../shared/use-text.js";
-function Splitter({ panels, sizes, defaultSizes, onResize, onResizeEnd, direction = 'horizontal', className, style, ...props }) {
+function Splitter(rawProps) {
+    const { panels, sizes, defaultSizes, onResize, onResizeEnd, direction = 'horizontal', className, style, ...props } = useComponentProps('Splitter', rawProps);
     const t = useText();
+    const format = useFormattedText();
     const config = useLeafConfig();
     const root = useRef(null);
     const [current, setCurrent] = useControllable(sizes, defaultSizes ?? panels.map(()=>100 / Math.max(1, panels.length)), (next)=>onResize?.([
@@ -79,7 +84,9 @@ function Splitter({ panels, sizes, defaultSizes, onResize, onResizeEnd, directio
                     index < panels.length - 1 && /*#__PURE__*/ jsx("div", {
                         role: "separator",
                         tabIndex: false === panel.resizable ? -1 : 0,
-                        "aria-label": `${t('调整面板', 'Resize panel')} ${index + 1}`,
+                        "aria-label": format('splitter.resizePanel', {
+                            index: index + 1
+                        }),
                         "aria-orientation": horizontal ? 'vertical' : 'horizontal',
                         "aria-valuenow": Math.round(current[index] ?? 0),
                         "aria-valuemin": panel.min ?? 0,
@@ -137,7 +144,7 @@ function Splitter({ panels, sizes, defaultSizes, onResize, onResizeEnd, directio
                         },
                         children: panel.collapsible && /*#__PURE__*/ jsx("button", {
                             type: "button",
-                            "aria-label": t('折叠或展开面板', 'Toggle panel'),
+                            "aria-label": t('splitter.togglePanel'),
                             onPointerDown: (event)=>event.stopPropagation(),
                             onClick: ()=>toggle(index),
                             children: 0 === current[index] ? '+' : '−'

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

@@ -1 +1 @@
-{"version":3,"file":"splitter/splitter.js","sources":["../../../../../src/splitter/splitter.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactNode, useEffect, useRef } from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport { inertProps } from '../shared/inert';\nimport { useControllable } from '../shared/use-controllable';\nimport { useText } from '../shared/use-text';\nexport interface SplitterPanel {\n  key: string;\n  children: ReactNode;\n  min?: number;\n  max?: number;\n  collapsible?: boolean;\n  resizable?: boolean;\n}\nexport interface SplitterProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onResize'> {\n  panels: readonly SplitterPanel[];\n  sizes?: readonly number[];\n  defaultSizes?: readonly number[];\n  onResize?: (sizes: number[]) => void;\n  onResizeEnd?: (sizes: number[]) => void;\n  direction?: 'horizontal' | 'vertical';\n}\nexport function Splitter({\n  panels,\n  sizes,\n  defaultSizes,\n  onResize,\n  onResizeEnd,\n  direction = 'horizontal',\n  className,\n  style,\n  ...props\n}: SplitterProps) {\n  const t = useText();\n  const config = useLeafConfig();\n  const root = useRef<HTMLDivElement>(null);\n  const [current, setCurrent] = useControllable<readonly number[]>(\n    sizes,\n    defaultSizes ?? panels.map(() => 100 / Math.max(1, panels.length)),\n    (next) => onResize?.([...next]),\n  );\n  const sum = current.reduce(\n    (total, value) => total + (Number.isFinite(value) ? Math.max(0, value) : 0),\n    0,\n  );\n  const normalized =\n    panels.length === current.length && sum > 0\n      ? current.map((value) => (Math.max(0, value) * 100) / sum)\n      : panels.map(() => 100 / Math.max(1, panels.length));\n  const latest = useRef<readonly number[]>(normalized);\n  latest.current = normalized;\n  const stopDragging = useRef<(() => void) | undefined>(undefined);\n  useEffect(() => () => stopDragging.current?.(), []);\n  const collapsed = useRef(new Map<number, number>());\n  const horizontal = direction === 'horizontal';\n  const pair = (index: number, amount: number, source: readonly number[] = latest.current) => {\n    const next = [...source];\n    const total = (source[index] ?? 0) + (source[index + 1] ?? 0);\n    const first = panels[index],\n      second = panels[index + 1];\n    if (!first || !second) return;\n    const low = Math.max(first.min ?? 5, total - (second.max ?? 100));\n    const high = Math.min(first.max ?? 100, total - (second.min ?? 5));\n    if (low > high) return;\n    next[index] = Math.min(high, Math.max(low, (source[index] ?? 0) + amount));\n    next[index + 1] = total - (next[index] ?? 0);\n    latest.current = next;\n    setCurrent(next);\n  };\n  const toggle = (index: number) => {\n    const next = [...latest.current],\n      size = next[index] ?? 0;\n    if (size) {\n      collapsed.current.set(index, size);\n      next[index + 1] = (next[index + 1] ?? 0) + size;\n      next[index] = 0;\n    } else {\n      const restore = Math.min(\n        collapsed.current.get(index) ?? 25,\n        Math.max(0, (next[index + 1] ?? 0) - (panels[index + 1]?.min ?? 5)),\n      );\n      next[index] = restore;\n      next[index + 1] = (next[index + 1] ?? 0) - restore;\n    }\n    latest.current = next;\n    setCurrent(next);\n    onResizeEnd?.(next);\n  };\n  return (\n    <div\n      {...props}\n      ref={root}\n      className={classes('leaf-splitter', `leaf-splitter--${direction}`, className)}\n      style={style}\n    >\n      {panels.map((panel, index) => (\n        <div key={panel.key} className=\"leaf-splitter__unit\" style={{ display: 'contents' }}>\n          <div\n            className=\"leaf-splitter__panel\"\n            data-collapsed={normalized[index] === 0 || undefined}\n            {...inertProps(normalized[index] === 0)}\n            style={{ flexBasis: `${normalized[index] ?? 0}%`, flexGrow: 0, flexShrink: 1 }}\n          >\n            {panel.children}\n          </div>\n          {index < panels.length - 1 && (\n            // biome-ignore lint/a11y/useSemanticElements: An adjustable, focusable splitter follows the ARIA window-splitter pattern; a static hr cannot contain its collapse button.\n            <div\n              role=\"separator\"\n              tabIndex={panel.resizable === false ? -1 : 0}\n              aria-label={`${t('调整面板', 'Resize panel')} ${index + 1}`}\n              aria-orientation={horizontal ? 'vertical' : 'horizontal'}\n              aria-valuenow={Math.round(current[index] ?? 0)}\n              aria-valuemin={panel.min ?? 0}\n              aria-valuemax={panel.max ?? 100}\n              className=\"leaf-splitter__handle\"\n              onPointerDown={(event) => {\n                if (panel.resizable === false || !root.current) return;\n                stopDragging.current?.();\n                event.preventDefault();\n                event.currentTarget.setPointerCapture(event.pointerId);\n                const start = horizontal ? event.clientX : event.clientY;\n                const source = [...latest.current];\n                const rect = root.current.getBoundingClientRect();\n                const length = horizontal ? rect.width : rect.height;\n                const move = (event: PointerEvent) =>\n                  pair(\n                    index,\n                    (((horizontal ? event.clientX : event.clientY) - start) / Math.max(1, length)) *\n                      100 *\n                      (horizontal && config.direction === 'rtl' ? -1 : 1),\n                    source,\n                  );\n                const cleanup = () => {\n                  window.removeEventListener('pointermove', move);\n                  window.removeEventListener('pointerup', end);\n                  window.removeEventListener('pointercancel', end);\n                };\n                const end = () => {\n                  cleanup();\n                  onResizeEnd?.([...latest.current]);\n                };\n                stopDragging.current = cleanup;\n                window.addEventListener('pointermove', move);\n                window.addEventListener('pointerup', end, { once: true });\n                window.addEventListener('pointercancel', end, { once: true });\n              }}\n              onDoubleClick={() => {\n                if (panel.collapsible) toggle(index);\n              }}\n              onKeyDown={(event) => {\n                const plus = horizontal\n                  ? config.direction === 'rtl'\n                    ? 'ArrowLeft'\n                    : 'ArrowRight'\n                  : 'ArrowDown';\n                const minus = horizontal\n                  ? config.direction === 'rtl'\n                    ? 'ArrowRight'\n                    : 'ArrowLeft'\n                  : 'ArrowUp';\n                if (event.key === plus || event.key === minus) {\n                  event.preventDefault();\n                  pair(index, (event.key === plus ? 1 : -1) * (event.shiftKey ? 10 : 2));\n                  onResizeEnd?.([...latest.current]);\n                }\n                if (event.key === 'Enter' && panel.collapsible) {\n                  event.preventDefault();\n                  toggle(index);\n                }\n              }}\n            >\n              {panel.collapsible && (\n                <button\n                  type=\"button\"\n                  aria-label={t('折叠或展开面板', 'Toggle panel')}\n                  onPointerDown={(event) => event.stopPropagation()}\n                  onClick={() => toggle(index)}\n                >\n                  {current[index] === 0 ? '+' : '−'}\n                </button>\n              )}\n            </div>\n          )}\n        </div>\n      ))}\n    </div>\n  );\n}\nexport const ResizablePanels = Splitter;\n"],"names":["Splitter","panels","sizes","defaultSizes","onResize","onResizeEnd","direction","className","style","props","t","useText","config","useLeafConfig","root","useRef","current","setCurrent","useControllable","Math","next","sum","total","value","Number","normalized","latest","stopDragging","undefined","useEffect","collapsed","Map","horizontal","pair","index","amount","source","first","second","low","high","toggle","size","restore","classes","panel","inertProps","event","start","rect","length","move","cleanup","window","end","plus","minus","ResizablePanels"],"mappings":"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"}
+{"version":3,"file":"splitter/splitter.js","sources":["../../../../../src/splitter/splitter.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactNode, useEffect, useRef } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport { inertProps } from '../shared/inert';\nimport { useControllable } from '../shared/use-controllable';\nimport { useFormattedText } from '../shared/use-formatted-text';\nimport { useText } from '../shared/use-text';\nexport interface SplitterPanel {\n  key: string;\n  children: ReactNode;\n  min?: number;\n  max?: number;\n  collapsible?: boolean;\n  resizable?: boolean;\n}\nexport interface SplitterProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onResize'> {\n  panels: readonly SplitterPanel[];\n  sizes?: readonly number[];\n  defaultSizes?: readonly number[];\n  onResize?: (sizes: number[]) => void;\n  onResizeEnd?: (sizes: number[]) => void;\n  direction?: 'horizontal' | 'vertical';\n}\nexport function Splitter(rawProps: SplitterProps) {\n  const {\n    panels,\n    sizes,\n    defaultSizes,\n    onResize,\n    onResizeEnd,\n    direction = 'horizontal',\n    className,\n    style,\n    ...props\n  } = useComponentProps('Splitter', rawProps);\n  const t = useText();\n  const format = useFormattedText();\n  const config = useLeafConfig();\n  const root = useRef<HTMLDivElement>(null);\n  const [current, setCurrent] = useControllable<readonly number[]>(\n    sizes,\n    defaultSizes ?? panels.map(() => 100 / Math.max(1, panels.length)),\n    (next) => onResize?.([...next]),\n  );\n  const sum = current.reduce(\n    (total, value) => total + (Number.isFinite(value) ? Math.max(0, value) : 0),\n    0,\n  );\n  const normalized =\n    panels.length === current.length && sum > 0\n      ? current.map((value) => (Math.max(0, value) * 100) / sum)\n      : panels.map(() => 100 / Math.max(1, panels.length));\n  const latest = useRef<readonly number[]>(normalized);\n  latest.current = normalized;\n  const stopDragging = useRef<(() => void) | undefined>(undefined);\n  useEffect(() => () => stopDragging.current?.(), []);\n  const collapsed = useRef(new Map<number, number>());\n  const horizontal = direction === 'horizontal';\n  const pair = (index: number, amount: number, source: readonly number[] = latest.current) => {\n    const next = [...source];\n    const total = (source[index] ?? 0) + (source[index + 1] ?? 0);\n    const first = panels[index],\n      second = panels[index + 1];\n    if (!first || !second) return;\n    const low = Math.max(first.min ?? 5, total - (second.max ?? 100));\n    const high = Math.min(first.max ?? 100, total - (second.min ?? 5));\n    if (low > high) return;\n    next[index] = Math.min(high, Math.max(low, (source[index] ?? 0) + amount));\n    next[index + 1] = total - (next[index] ?? 0);\n    latest.current = next;\n    setCurrent(next);\n  };\n  const toggle = (index: number) => {\n    const next = [...latest.current],\n      size = next[index] ?? 0;\n    if (size) {\n      collapsed.current.set(index, size);\n      next[index + 1] = (next[index + 1] ?? 0) + size;\n      next[index] = 0;\n    } else {\n      const restore = Math.min(\n        collapsed.current.get(index) ?? 25,\n        Math.max(0, (next[index + 1] ?? 0) - (panels[index + 1]?.min ?? 5)),\n      );\n      next[index] = restore;\n      next[index + 1] = (next[index + 1] ?? 0) - restore;\n    }\n    latest.current = next;\n    setCurrent(next);\n    onResizeEnd?.(next);\n  };\n  return (\n    <div\n      {...props}\n      ref={root}\n      className={classes('leaf-splitter', `leaf-splitter--${direction}`, className)}\n      style={style}\n    >\n      {panels.map((panel, index) => (\n        <div key={panel.key} className=\"leaf-splitter__unit\" style={{ display: 'contents' }}>\n          <div\n            className=\"leaf-splitter__panel\"\n            data-collapsed={normalized[index] === 0 || undefined}\n            {...inertProps(normalized[index] === 0)}\n            style={{ flexBasis: `${normalized[index] ?? 0}%`, flexGrow: 0, flexShrink: 1 }}\n          >\n            {panel.children}\n          </div>\n          {index < panels.length - 1 && (\n            // biome-ignore lint/a11y/useSemanticElements: An adjustable, focusable splitter follows the ARIA window-splitter pattern; a static hr cannot contain its collapse button.\n            <div\n              role=\"separator\"\n              tabIndex={panel.resizable === false ? -1 : 0}\n              aria-label={format('splitter.resizePanel', { index: index + 1 })}\n              aria-orientation={horizontal ? 'vertical' : 'horizontal'}\n              aria-valuenow={Math.round(current[index] ?? 0)}\n              aria-valuemin={panel.min ?? 0}\n              aria-valuemax={panel.max ?? 100}\n              className=\"leaf-splitter__handle\"\n              onPointerDown={(event) => {\n                if (panel.resizable === false || !root.current) return;\n                stopDragging.current?.();\n                event.preventDefault();\n                event.currentTarget.setPointerCapture(event.pointerId);\n                const start = horizontal ? event.clientX : event.clientY;\n                const source = [...latest.current];\n                const rect = root.current.getBoundingClientRect();\n                const length = horizontal ? rect.width : rect.height;\n                const move = (event: PointerEvent) =>\n                  pair(\n                    index,\n                    (((horizontal ? event.clientX : event.clientY) - start) / Math.max(1, length)) *\n                      100 *\n                      (horizontal && config.direction === 'rtl' ? -1 : 1),\n                    source,\n                  );\n                const cleanup = () => {\n                  window.removeEventListener('pointermove', move);\n                  window.removeEventListener('pointerup', end);\n                  window.removeEventListener('pointercancel', end);\n                };\n                const end = () => {\n                  cleanup();\n                  onResizeEnd?.([...latest.current]);\n                };\n                stopDragging.current = cleanup;\n                window.addEventListener('pointermove', move);\n                window.addEventListener('pointerup', end, { once: true });\n                window.addEventListener('pointercancel', end, { once: true });\n              }}\n              onDoubleClick={() => {\n                if (panel.collapsible) toggle(index);\n              }}\n              onKeyDown={(event) => {\n                const plus = horizontal\n                  ? config.direction === 'rtl'\n                    ? 'ArrowLeft'\n                    : 'ArrowRight'\n                  : 'ArrowDown';\n                const minus = horizontal\n                  ? config.direction === 'rtl'\n                    ? 'ArrowRight'\n                    : 'ArrowLeft'\n                  : 'ArrowUp';\n                if (event.key === plus || event.key === minus) {\n                  event.preventDefault();\n                  pair(index, (event.key === plus ? 1 : -1) * (event.shiftKey ? 10 : 2));\n                  onResizeEnd?.([...latest.current]);\n                }\n                if (event.key === 'Enter' && panel.collapsible) {\n                  event.preventDefault();\n                  toggle(index);\n                }\n              }}\n            >\n              {panel.collapsible && (\n                <button\n                  type=\"button\"\n                  aria-label={t('splitter.togglePanel')}\n                  onPointerDown={(event) => event.stopPropagation()}\n                  onClick={() => toggle(index)}\n                >\n                  {current[index] === 0 ? '+' : '−'}\n                </button>\n              )}\n            </div>\n          )}\n        </div>\n      ))}\n    </div>\n  );\n}\nexport const ResizablePanels = Splitter;\n"],"names":["Splitter","rawProps","panels","sizes","defaultSizes","onResize","onResizeEnd","direction","className","style","props","useComponentProps","t","useText","format","useFormattedText","config","useLeafConfig","root","useRef","current","setCurrent","useControllable","Math","next","sum","total","value","Number","normalized","latest","stopDragging","undefined","useEffect","collapsed","Map","horizontal","pair","index","amount","source","first","second","low","high","toggle","size","restore","classes","panel","inertProps","event","start","rect","length","move","cleanup","window","end","plus","minus","ResizablePanels"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
 "use client";
-export * from "./statistic.js";
+export { Countdown, Statistic } from "./statistic.js";

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

@@ -1,12 +1,14 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/statistic.css';
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useLayoutEffect, useRef, useState } from "react";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { useLeafConfig } from "../config-provider/context.js";
 import { classes } from "../shared/classes.js";
 import { animateMotion, useMotionEnabled } from "../shared/motion.js";
 const useBrowserLayoutEffect = "u" < typeof window ? useEffect : useLayoutEffect;
-function Statistic({ title, value, precision, grouping = true, prefix, suffix, formatter, loading, className, ...props }) {
+function StatisticControl({ title, value, precision, grouping = true, prefix, suffix, formatter, loading, className, ...props }) {
     const { locale, messages } = useLeafConfig();
     const number = useRef(null);
     const previous = useRef(value);
@@ -57,7 +59,7 @@ function Statistic({ title, value, precision, grouping = true, prefix, suffix, f
                         ref: number,
                         className: "leaf-statistic__number",
                         "data-loading": loading || void 0,
-                        children: loading ? messages.loading : formatter ? formatter(value) : 'number' == typeof value ? new Intl.NumberFormat(locale, {
+                        children: loading ? messages.common.loading : formatter ? formatter(value) : 'number' == typeof value ? new Intl.NumberFormat(locale, {
                             minimumFractionDigits: digits,
                             maximumFractionDigits: digits ?? 6,
                             useGrouping: grouping
@@ -72,7 +74,8 @@ function Statistic({ title, value, precision, grouping = true, prefix, suffix, f
         ]
     });
 }
-function Countdown({ value, format = 'HH:mm:ss', onFinish, onChange, initialRemaining, ...props }) {
+function Countdown(rawProps) {
+    const { value, format = 'HH:mm:ss', onFinish, onChange, initialRemaining, ...props } = useComponentProps('Countdown', rawProps);
     const rawDeadline = value instanceof Date ? value.getTime() : value;
     const deadline = Number.isFinite(rawDeadline) ? rawDeadline : 0;
     const [now, setNow] = useState(()=>void 0 !== initialRemaining && Number.isFinite(initialRemaining) ? deadline - Math.max(0, initialRemaining) : Date.now());
@@ -107,11 +110,17 @@ function Countdown({ value, format = 'HH:mm:ss', onFinish, onChange, initialRema
     const remaining = Math.max(0, deadline - now);
     const days = Math.floor(remaining / 86400000), hours = Math.floor(remaining / 3600000), minutes = Math.floor(remaining / 60000) % 60, seconds = Math.floor(remaining / 1000) % 60;
     const label = format.replace(/DD|HH|mm|ss|SSS/g, (token)=>String('DD' === token ? days : 'HH' === token ? format.includes('DD') ? hours % 24 : hours : 'mm' === token ? minutes : 'ss' === token ? seconds : remaining % 1000).padStart('SSS' === token ? 3 : 2, '0'));
-    return /*#__PURE__*/ jsx(Statistic, {
+    return /*#__PURE__*/ jsx(StatisticControl, {
         ...props,
         value: label
     });
 }
-export { Countdown, Statistic };
+function Statistic(rawProps) {
+    const props = useComponentProps('Statistic', rawProps);
+    return /*#__PURE__*/ jsx(StatisticControl, {
+        ...props
+    });
+}
+export { Countdown, Statistic, StatisticControl };
 
 //# sourceMappingURL=statistic.js.map