@ifhover/leaf-ui 0.0.0-stage → 0.5.0

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

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

package/dist/esm/slider/index.js

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

package/dist/esm/slider/slider.d.ts

@@ -0,0 +1,31 @@
+import { type InputHTMLAttributes, type ReactNode } from 'react';
+export interface SliderMark {
+    value: number;
+    label?: ReactNode;
+}
+interface SliderBaseProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size' | 'value' | 'defaultValue' | 'onChange' | 'step'> {
+    min?: number;
+    max?: number;
+    step?: number | null;
+    marks?: readonly SliderMark[];
+    vertical?: boolean;
+    showValue?: boolean;
+    onChangeComplete?: (value: number | readonly [number, number]) => void;
+    tooltip?: boolean | {
+        formatter?: (value: number) => ReactNode;
+    };
+}
+export type SliderProps = SliderBaseProps & ({
+    range?: false;
+    value?: number;
+    defaultValue?: number;
+    onChange?: (value: number) => void;
+} | {
+    range: true;
+    value?: readonly [number, number];
+    defaultValue?: readonly [number, number];
+    onChange?: (value: [number, number]) => void;
+});
+export declare const Slider: import("react").ForwardRefExoticComponent<SliderProps & import("react").RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=slider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/slider/slider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAQf,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AACD,UAAU,eACR,SAAQ,IAAI,CACV,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,MAAM,CACjE;IACD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,UAAU,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IACvE,OAAO,CAAC,EAAE,OAAO,GAAG;QAAE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAA;KAAE,CAAC;CAClE;AACD,MAAM,MAAM,WAAW,GAAG,eAAe,GACvC,CACI;IAAE,KAAK,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,GAC5F;IACE,KAAK,EAAE,IAAI,CAAC;IACZ,KAAK,CAAC,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,YAAY,CAAC,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;CAC9C,CACJ,CAAC;AACJ,eAAO,MAAM,MAAM,0GA0QlB,CAAC"}

package/dist/esm/slider/slider.js

@@ -0,0 +1,210 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createElement, forwardRef, useId, useRef, useState } from "react";
+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) {
+    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);
+    const field = useFormField();
+    const generatedId = useId();
+    const disabled = disabledProp || field?.disabled;
+    const minimum = Number.isFinite(min) ? min : 0;
+    const maximum = Math.max(minimum, Number.isFinite(max) ? max : 100);
+    const increment = null !== step && Number.isFinite(step) && step > 0 ? step : 1;
+    const positions = [
+        ...new Set(marks.map((mark)=>mark.value).filter((value)=>value >= minimum && value <= maximum))
+    ].sort((a, b)=>a - b);
+    const clamp = (number)=>Math.min(maximum, Math.max(minimum, Number.isFinite(number) ? number : minimum));
+    const snap = (number)=>null === step && positions.length ? positions.reduce((best, value)=>Math.abs(value - number) < Math.abs(best - number) ? value : best, positions[0] ?? minimum) : clamp(Number((minimum + Math.round((number - minimum) / increment) * increment).toFixed(12)));
+    const input = useRef(null);
+    const ref = useMergedRef(input, forwardedRef);
+    const second = useRef(null);
+    const [current, setCurrent] = useFieldValue(value, defaultValue ?? (range ? [
+        minimum,
+        maximum
+    ] : minimum), input, inputProps.form);
+    const pair = 'number' == typeof current ? [
+        minimum,
+        clamp(current)
+    ] : [
+        clamp(current[0]),
+        clamp(current[1])
+    ].sort((a, b)=>a - b);
+    const low = pair[0] ?? minimum;
+    const high = pair[1] ?? maximum;
+    const activeRef = useRef(current);
+    activeRef.current = range ? [
+        low,
+        high
+    ] : high;
+    const changed = useRef(false);
+    const complete = ()=>{
+        if (changed.current) {
+            changed.current = false;
+            onChangeComplete?.(activeRef.current);
+        }
+    };
+    const change = (next, index)=>{
+        if (disabled || readOnly) return;
+        const normalized = snap(next);
+        const result = range ? 0 === index ? [
+            Math.min(normalized, high),
+            high
+        ] : [
+            low,
+            Math.max(normalized, low)
+        ] : normalized;
+        if (JSON.stringify(result) === JSON.stringify(activeRef.current)) return;
+        activeRef.current = result;
+        changed.current = true;
+        setCurrent(result);
+        props.range, props.onChange?.(result);
+    };
+    const percent = (number)=>maximum === minimum ? 0 : (number - minimum) / (maximum - minimum) * 100;
+    return /*#__PURE__*/ jsxs("div", {
+        className: classes('leaf-slider', vertical && 'leaf-slider--vertical', range && 'leaf-slider--range', className),
+        "data-disabled": disabled || readOnly ? '' : void 0,
+        style: {
+            '--leaf-slider-start': `${percent(range ? low : minimum)}%`,
+            '--leaf-slider-end': `${percent(high)}%`,
+            ...style
+        },
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: "leaf-slider__rail",
+                children: /*#__PURE__*/ jsx("div", {
+                    className: "leaf-slider__fill"
+                })
+            }),
+            (range ? [
+                low,
+                high
+            ] : [
+                high
+            ]).map((number, index)=>/*#__PURE__*/ createElement("input", {
+                    ...inputProps,
+                    key: range ? 0 === index ? 'start' : 'end' : 'single',
+                    ref: 0 === index ? ref : second,
+                    id: 0 === index ? idProp ?? field?.id ?? generatedId : `${idProp ?? field?.id ?? generatedId}-end`,
+                    type: "range",
+                    className: "leaf-slider__input",
+                    name: name,
+                    min: minimum,
+                    max: maximum,
+                    step: increment,
+                    value: number,
+                    disabled: disabled,
+                    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-labelledby": range ? void 0 : inputProps['aria-labelledby'],
+                    "aria-describedby": [
+                        inputProps['aria-describedby'],
+                        field?.descriptionId
+                    ].filter(Boolean).join(' ') || void 0,
+                    onChange: (event)=>change(Number(event.target.value), index),
+                    onFocus: ()=>setActiveThumb(index),
+                    onPointerDown: ()=>setActiveThumb(index),
+                    onPointerEnter: ()=>setActiveThumb(index),
+                    onPointerLeave: ()=>{
+                        if (document.activeElement !== input.current && document.activeElement !== second.current) setActiveThumb(null);
+                    },
+                    onKeyDown: (event)=>{
+                        onKeyDown?.(event);
+                        if (event.defaultPrevented) return;
+                        let next;
+                        if ('Home' === event.key) next = null === step ? positions[0] : minimum;
+                        else if ('End' === event.key) next = null === step ? positions.at(-1) : maximum;
+                        else if ([
+                            'ArrowRight',
+                            'ArrowUp',
+                            'ArrowLeft',
+                            'ArrowDown',
+                            'PageUp',
+                            'PageDown'
+                        ].includes(event.key)) next = number + ([
+                            'rtl' === direction ? 'ArrowLeft' : 'ArrowRight',
+                            'ArrowUp',
+                            'PageUp'
+                        ].includes(event.key) ? 1 : -1) * increment * (event.shiftKey || event.key.startsWith('Page') ? 10 : 1);
+                        if (void 0 !== next) {
+                            if (null === step && positions.length && ![
+                                'Home',
+                                'End'
+                            ].includes(event.key)) {
+                                const previous = positions.filter((value)=>value < number).at(-1);
+                                next = next > number ? positions.find((value)=>value > number) ?? positions.at(-1) : previous ?? positions[0];
+                            }
+                            event.preventDefault();
+                            if (void 0 !== next) change(next, index);
+                        }
+                    },
+                    onKeyUp: (event)=>{
+                        onKeyUp?.(event);
+                        complete();
+                    },
+                    onPointerUp: (event)=>{
+                        onPointerUp?.(event);
+                        complete();
+                    },
+                    onBlur: (event)=>{
+                        setActiveThumb(null);
+                        onBlur?.(event);
+                        complete();
+                    }
+                })),
+            tooltip && null !== activeThumb && /*#__PURE__*/ jsx(Tooltip, {
+                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", {
+                    className: "leaf-slider__tooltip-anchor",
+                    style: vertical ? {
+                        bottom: `${percent(0 === activeThumb && range ? low : high)}%`
+                    } : {
+                        insetInlineStart: `${percent(0 === activeThumb && range ? low : high)}%`
+                    }
+                })
+            }),
+            showValue && /*#__PURE__*/ jsx("output", {
+                className: "leaf-slider__value",
+                "aria-hidden": "true",
+                children: range ? `${low} – ${high}` : high
+            }),
+            marks.filter((mark)=>mark.value >= minimum && mark.value <= maximum).map((mark)=>/*#__PURE__*/ jsxs("button", {
+                    type: "button",
+                    className: "leaf-slider__mark",
+                    "data-active": mark.value >= (range ? low : minimum) && mark.value <= high ? '' : void 0,
+                    disabled: disabled || readOnly,
+                    style: vertical ? {
+                        bottom: `${percent(mark.value)}%`
+                    } : {
+                        insetInlineStart: `${percent(mark.value)}%`
+                    },
+                    "aria-label": 'string' == typeof mark.label ? mark.label : String(mark.value),
+                    onClick: ()=>{
+                        change(mark.value, range && Math.abs(mark.value - low) < Math.abs(mark.value - high) ? 0 : range ? 1 : 0);
+                        complete();
+                        input.current?.focus();
+                    },
+                    children: [
+                        /*#__PURE__*/ jsx("span", {
+                            className: "leaf-slider__dot",
+                            "aria-hidden": "true"
+                        }),
+                        /*#__PURE__*/ jsx("span", {
+                            children: mark.label ?? mark.value
+                        })
+                    ]
+                }, mark.value))
+        ]
+    });
+});
+export { slider_Slider as Slider };
+
+//# sourceMappingURL=slider.js.map

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

@@ -0,0 +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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"}

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

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

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

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

package/dist/esm/space/index.js

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

package/dist/esm/space/space.d.ts

@@ -0,0 +1,10 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+export interface SpaceProps extends HTMLAttributes<HTMLDivElement> {
+    direction?: 'horizontal' | 'vertical';
+    size?: 'sm' | 'md' | 'lg' | number | readonly [number, number];
+    align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+    wrap?: boolean;
+    split?: ReactNode;
+}
+export declare const Space: import("react").ForwardRefExoticComponent<SpaceProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=space.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"space.d.ts","sourceRoot":"","sources":["../../../src/space/space.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5F,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/D,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;IAC5D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AACD,eAAO,MAAM,KAAK,uGAqDhB,CAAC"}

package/dist/esm/space/space.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Children, Fragment, forwardRef } from "react";
+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 sizes = {
+        sm: 'var(--leaf-spacing-sm, 8px)',
+        md: 'var(--leaf-spacing-md, 16px)',
+        lg: 'var(--leaf-spacing-lg, 24px)'
+    };
+    const gap = 'string' == typeof size ? sizes[size] : 'object' == typeof size ? size.map((v)=>`${v}px`).join(' ') : size;
+    return /*#__PURE__*/ jsx("div", {
+        ...props,
+        ref: ref,
+        className: classes('leaf-space', className),
+        style: {
+            display: 'flex',
+            flexDirection: 'vertical' === direction ? 'column' : 'row',
+            alignItems: align,
+            flexWrap: wrap ? 'wrap' : 'nowrap',
+            gap,
+            ...style
+        },
+        children: Children.toArray(children).map((child, index)=>/*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    index > 0 && null != split && /*#__PURE__*/ jsx("span", {
+                        className: "leaf-space__split",
+                        "aria-hidden": "true",
+                        children: split
+                    }),
+                    child
+                ]
+            }, 'object' == typeof child && null !== child && 'key' in child ? child.key : index))
+    });
+});
+export { space_Space as Space };
+
+//# sourceMappingURL=space.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,2 @@
+export * from './splitter.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/splitter/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/esm/splitter/index.js

@@ -0,0 +1,2 @@
+"use client";
+export * from "./splitter.js";

package/dist/esm/splitter/splitter.d.ts

@@ -0,0 +1,20 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+export interface SplitterPanel {
+    key: string;
+    children: ReactNode;
+    min?: number;
+    max?: number;
+    collapsible?: boolean;
+    resizable?: boolean;
+}
+export interface SplitterProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onResize'> {
+    panels: readonly SplitterPanel[];
+    sizes?: readonly number[];
+    defaultSizes?: readonly number[];
+    onResize?: (sizes: number[]) => void;
+    onResizeEnd?: (sizes: number[]) => void;
+    direction?: 'horizontal' | 'vertical';
+}
+export declare function Splitter({ panels, sizes, defaultSizes, onResize, onResizeEnd, direction, className, style, ...props }: SplitterProps): import("react").JSX.Element;
+export declare const ResizablePanels: typeof Splitter;
+//# sourceMappingURL=splitter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"splitter.d.ts","sourceRoot":"","sources":["../../../src/splitter/splitter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAM/E,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,SAAS,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AACD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACrF,MAAM,EAAE,SAAS,aAAa,EAAE,CAAC;IACjC,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACvC;AACD,wBAAgB,QAAQ,CAAC,EACvB,MAAM,EACN,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,SAAwB,EACxB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,aAAa,+BA4Jf;AACD,eAAO,MAAM,eAAe,iBAAW,CAAC"}

package/dist/esm/splitter/splitter.js

@@ -0,0 +1,152 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+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 { useText } from "../shared/use-text.js";
+function Splitter({ panels, sizes, defaultSizes, onResize, onResizeEnd, direction = 'horizontal', className, style, ...props }) {
+    const t = useText();
+    const config = useLeafConfig();
+    const root = useRef(null);
+    const [current, setCurrent] = useControllable(sizes, defaultSizes ?? panels.map(()=>100 / Math.max(1, panels.length)), (next)=>onResize?.([
+            ...next
+        ]));
+    const sum = current.reduce((total, value)=>total + (Number.isFinite(value) ? Math.max(0, value) : 0), 0);
+    const normalized = panels.length === current.length && sum > 0 ? current.map((value)=>100 * Math.max(0, value) / sum) : panels.map(()=>100 / Math.max(1, panels.length));
+    const latest = useRef(normalized);
+    latest.current = normalized;
+    const stopDragging = useRef(void 0);
+    useEffect(()=>()=>stopDragging.current?.(), []);
+    const collapsed = useRef(new Map());
+    const horizontal = 'horizontal' === direction;
+    const pair = (index, amount, source = latest.current)=>{
+        const next = [
+            ...source
+        ];
+        const total = (source[index] ?? 0) + (source[index + 1] ?? 0);
+        const first = panels[index], second = panels[index + 1];
+        if (!first || !second) return;
+        const low = Math.max(first.min ?? 5, total - (second.max ?? 100));
+        const high = Math.min(first.max ?? 100, total - (second.min ?? 5));
+        if (low > high) return;
+        next[index] = Math.min(high, Math.max(low, (source[index] ?? 0) + amount));
+        next[index + 1] = total - (next[index] ?? 0);
+        latest.current = next;
+        setCurrent(next);
+    };
+    const toggle = (index)=>{
+        const next = [
+            ...latest.current
+        ], size = next[index] ?? 0;
+        if (size) {
+            collapsed.current.set(index, size);
+            next[index + 1] = (next[index + 1] ?? 0) + size;
+            next[index] = 0;
+        } else {
+            const restore = Math.min(collapsed.current.get(index) ?? 25, Math.max(0, (next[index + 1] ?? 0) - (panels[index + 1]?.min ?? 5)));
+            next[index] = restore;
+            next[index + 1] = (next[index + 1] ?? 0) - restore;
+        }
+        latest.current = next;
+        setCurrent(next);
+        onResizeEnd?.(next);
+    };
+    return /*#__PURE__*/ jsx("div", {
+        ...props,
+        ref: root,
+        className: classes('leaf-splitter', `leaf-splitter--${direction}`, className),
+        style: style,
+        children: panels.map((panel, index)=>/*#__PURE__*/ jsxs("div", {
+                className: "leaf-splitter__unit",
+                style: {
+                    display: 'contents'
+                },
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: "leaf-splitter__panel",
+                        "data-collapsed": 0 === normalized[index] || void 0,
+                        ...inertProps(0 === normalized[index]),
+                        style: {
+                            flexBasis: `${normalized[index] ?? 0}%`,
+                            flexGrow: 0,
+                            flexShrink: 1
+                        },
+                        children: panel.children
+                    }),
+                    index < panels.length - 1 && /*#__PURE__*/ jsx("div", {
+                        role: "separator",
+                        tabIndex: false === panel.resizable ? -1 : 0,
+                        "aria-label": `${t('调整面板', 'Resize panel')} ${index + 1}`,
+                        "aria-orientation": horizontal ? 'vertical' : 'horizontal',
+                        "aria-valuenow": Math.round(current[index] ?? 0),
+                        "aria-valuemin": panel.min ?? 0,
+                        "aria-valuemax": panel.max ?? 100,
+                        className: "leaf-splitter__handle",
+                        onPointerDown: (event)=>{
+                            if (false === panel.resizable || !root.current) return;
+                            stopDragging.current?.();
+                            event.preventDefault();
+                            event.currentTarget.setPointerCapture(event.pointerId);
+                            const start = horizontal ? event.clientX : event.clientY;
+                            const source = [
+                                ...latest.current
+                            ];
+                            const rect = root.current.getBoundingClientRect();
+                            const length = horizontal ? rect.width : rect.height;
+                            const move = (event)=>pair(index, ((horizontal ? event.clientX : event.clientY) - start) / Math.max(1, length) * 100 * (horizontal && 'rtl' === config.direction ? -1 : 1), source);
+                            const cleanup = ()=>{
+                                window.removeEventListener('pointermove', move);
+                                window.removeEventListener('pointerup', end);
+                                window.removeEventListener('pointercancel', end);
+                            };
+                            const end = ()=>{
+                                cleanup();
+                                onResizeEnd?.([
+                                    ...latest.current
+                                ]);
+                            };
+                            stopDragging.current = cleanup;
+                            window.addEventListener('pointermove', move);
+                            window.addEventListener('pointerup', end, {
+                                once: true
+                            });
+                            window.addEventListener('pointercancel', end, {
+                                once: true
+                            });
+                        },
+                        onDoubleClick: ()=>{
+                            if (panel.collapsible) toggle(index);
+                        },
+                        onKeyDown: (event)=>{
+                            const plus = horizontal ? 'rtl' === config.direction ? 'ArrowLeft' : 'ArrowRight' : 'ArrowDown';
+                            const minus = horizontal ? 'rtl' === config.direction ? 'ArrowRight' : 'ArrowLeft' : 'ArrowUp';
+                            if (event.key === plus || event.key === minus) {
+                                event.preventDefault();
+                                pair(index, (event.key === plus ? 1 : -1) * (event.shiftKey ? 10 : 2));
+                                onResizeEnd?.([
+                                    ...latest.current
+                                ]);
+                            }
+                            if ('Enter' === event.key && panel.collapsible) {
+                                event.preventDefault();
+                                toggle(index);
+                            }
+                        },
+                        children: panel.collapsible && /*#__PURE__*/ jsx("button", {
+                            type: "button",
+                            "aria-label": t('折叠或展开面板', 'Toggle panel'),
+                            onPointerDown: (event)=>event.stopPropagation(),
+                            onClick: ()=>toggle(index),
+                            children: 0 === current[index] ? '+' : '−'
+                        })
+                    })
+                ]
+            }, panel.key))
+    });
+}
+const ResizablePanels = Splitter;
+export { ResizablePanels, Splitter };
+
+//# sourceMappingURL=splitter.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,2 @@
+export * from './statistic.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/statistic/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/esm/statistic/index.js

@@ -0,0 +1,2 @@
+"use client";
+export * from "./statistic.js";