@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/cjs/browser/modules/slider/slider.cjs

@@ -0,0 +1,262 @@
+"use client";
+"use strict";
+require('../../../styles/foundation.css');
+require('../../../styles/components/slider.css');
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Slider: ()=>slider_Slider,
+    SliderControl: ()=>slider_SliderControl
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
+const context_cjs_namespaceObject = require("../config-provider/context.cjs");
+const form_cjs_namespaceObject = require("../form/form.cjs");
+const classes_cjs_namespaceObject = require("../shared/classes.cjs");
+const field_cjs_namespaceObject = require("../shared/field.cjs");
+const tooltip_cjs_namespaceObject = require("../tooltip/tooltip.cjs");
+const slider_SliderControl = /*#__PURE__*/ (0, external_react_namespaceObject.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 } = (0, context_cjs_namespaceObject.useLeafConfig)();
+    const [activeThumb, setActiveThumb] = (0, external_react_namespaceObject.useState)(null);
+    const field = (0, form_cjs_namespaceObject.useFormField)();
+    const generatedId = (0, external_react_namespaceObject.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 = (0, external_react_namespaceObject.useRef)(null);
+    const ref = (0, field_cjs_namespaceObject.useMergedRef)(input, forwardedRef);
+    const second = (0, external_react_namespaceObject.useRef)(null);
+    const [current, setCurrent] = (0, field_cjs_namespaceObject.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 = (0, external_react_namespaceObject.useRef)(current);
+    activeRef.current = range ? [
+        low,
+        high
+    ] : high;
+    const changed = (0, external_react_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: (0, classes_cjs_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "leaf-slider__rail",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                    className: "leaf-slider__fill"
+                })
+            }),
+            (range ? [
+                low,
+                high
+            ] : [
+                high
+            ]).map((number, index)=>/*#__PURE__*/ (0, external_react_namespaceObject.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.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'],
+                        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__*/ (0, jsx_runtime_namespaceObject.jsx)(tooltip_cjs_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                            className: "leaf-slider__dot",
+                            "aria-hidden": "true"
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                            children: mark.label ?? mark.value
+                        })
+                    ]
+                }, mark.value))
+        ]
+    });
+});
+const slider_Slider = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const props = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Slider', rawProps);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(slider_SliderControl, {
+        ...props,
+        ref: ref
+    });
+});
+slider_Slider.displayName = 'Slider';
+exports.Slider = __webpack_exports__.Slider;
+exports.SliderControl = __webpack_exports__.SliderControl;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Slider",
+    "SliderControl"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=slider.cjs.map

package/dist/cjs/browser/modules/slider/slider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider/slider.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/slider/slider.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","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":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","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":"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"}

package/dist/cjs/browser/modules/space/index.cjs

@@ -0,0 +1,43 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Space: ()=>external_space_cjs_namespaceObject.Space
+});
+const external_space_cjs_namespaceObject = require("./space.cjs");
+exports.Space = __webpack_exports__.Space;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Space"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/browser/modules/space/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"space/index.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D"}

package/dist/cjs/browser/modules/space/space.cjs

@@ -0,0 +1,80 @@
+"use client";
+"use strict";
+require('../../../styles/foundation.css');
+require('../../../styles/components/space.css');
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Space: ()=>space_Space
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
+const classes_cjs_namespaceObject = require("../shared/classes.cjs");
+const space_Space = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const { direction = 'horizontal', size = 'md', align = 'center', wrap = false, split, className, children, style, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Space', rawProps);
+    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__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ...props,
+        ref: ref,
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-space', className),
+        style: {
+            display: 'flex',
+            flexDirection: 'vertical' === direction ? 'column' : 'row',
+            alignItems: align,
+            flexWrap: wrap ? 'wrap' : 'nowrap',
+            gap,
+            ...style
+        },
+        children: external_react_namespaceObject.Children.toArray(children).map((child, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_react_namespaceObject.Fragment, {
+                children: [
+                    index > 0 && null != split && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "leaf-space__split",
+                        "aria-hidden": "true",
+                        children: split
+                    }),
+                    child
+                ]
+            }, 'object' == typeof child && null !== child && 'key' in child ? child.key : index))
+    });
+});
+exports.Space = __webpack_exports__.Space;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Space"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=space.cjs.map

package/dist/cjs/browser/modules/space/space.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"space/space.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/space/space.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","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":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Space","forwardRef","rawProps","ref","direction","size","align","wrap","split","className","children","style","props","useComponentProps","sizes","gap","v","classes","Children","child","index","Fragment"],"mappings":";;;;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;ACKO,MAAMI,cAAQC,AAAA,WAAHD,GAAGC,IAAAA,+BAAAA,UAAAA,AAAAA,EAAuC,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,AAAAA,IAAAA,uCAAAA,iBAAAA,AAAAA,EAAkB,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,OACE,AADK,WAAP,GACE,qCAAC;QACE,GAAGO,KAAK;QACT,KAAKT;QACL,WAAWc,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EAAQ,cAAcR;QACjC,OAAO;YACL,SAAS;YACT,eAAeL,AAAc,eAAdA,YAA2B,WAAW;YACrD,YAAYE;YACZ,UAAUC,OAAO,SAAS;YAC1BQ;YACA,GAAGJ,KAAK;QACV;kBAECO,+BAAAA,QAAAA,CAAAA,OAAgB,CAACR,UAAU,GAAG,CAAC,CAACS,OAAOC,QACtC,AADsCA,WAAAA,GACtC,sCAACC,+BAAAA,QAAQA,EAAAA;;oBAGND,QAAQ,KAAKZ,AAAS,QAATA,SACZ,AAD6B,WAAR,GACrB,qCAAC;wBAAK,WAAU;wBAAoB,eAAY;kCAC7CA;;oBAGJW;;eAPI,AAAiB,YAAjB,OAAOA,SAAsBA,AAAU,SAAVA,SAAkB,SAASA,QAAQA,MAAM,GAAG,GAAGC;;AAY3F"}

package/dist/cjs/browser/modules/splitter/index.cjs

@@ -0,0 +1,46 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    ResizablePanels: ()=>external_splitter_cjs_namespaceObject.ResizablePanels,
+    Splitter: ()=>external_splitter_cjs_namespaceObject.Splitter
+});
+const external_splitter_cjs_namespaceObject = require("./splitter.cjs");
+exports.ResizablePanels = __webpack_exports__.ResizablePanels;
+exports.Splitter = __webpack_exports__.Splitter;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ResizablePanels",
+    "Splitter"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/browser/modules/splitter/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"splitter/index.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D"}