dishui 0.0.78 → 0.0.80

package/dist/components/Resizable/index.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+export { useResize } from './useResize';
+export type { UseResizeOptions } from './useResize';
+export interface ResizablePanelProps extends React.HTMLAttributes<HTMLDivElement> {
+    minSize?: number;
+    maxSize?: number;
+}
+export interface ResizableHandleProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: 'line' | 'pill';
+    disabled?: boolean;
+    step?: number;
+}
+export interface ResizableProps extends React.HTMLAttributes<HTMLDivElement> {
+    orientation?: 'horizontal' | 'vertical';
+    sizes?: number[];
+    defaultSizes?: number[];
+    onSizesChange?: (sizes: number[]) => void;
+    onSizesCommit?: (sizes: number[]) => void;
+    disabled?: boolean;
+}
+export declare function ResizablePanel({ minSize: _min, maxSize: _max, className, style, ...props }: ResizablePanelProps): React.JSX.Element;
+export declare function ResizableHandle({ variant, disabled, step, className, onPointerDown, onKeyDown, onClickCapture, children, ...props }: ResizableHandleProps): React.JSX.Element;
+declare function ResizableRoot({ orientation, sizes: controlled, defaultSizes, onSizesChange, onSizesCommit, disabled, children, className, style, ...props }: ResizableProps): React.JSX.Element;
+export declare const Resizable: typeof ResizableRoot & {
+    Panel: typeof ResizablePanel;
+    Handle: typeof ResizableHandle;
+};
+export default Resizable;

package/dist/components/Resizable/index.js

@@ -0,0 +1,128 @@
+import { useResize as e } from "./useResize.js";
+/* empty css          */
+import { Children as t, createContext as n, isValidElement as r, useContext as i, useId as a, useLayoutEffect as o, useRef as s, useState as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+//#region src/components/Resizable/index.tsx
+var u = n(null), d = n(0);
+function f({ minSize: e, maxSize: t, className: n = "", style: r, ...a }) {
+	let o = i(u), s = i(d);
+	if (!o) throw Error("Resizable.Panel must be inside Resizable");
+	return /* @__PURE__ */ l("div", {
+		...a,
+		id: o.ids[s],
+		className: `dishui-resizable-panel ${n}`,
+		style: {
+			...r,
+			flex: `${o.sizes[s]} 1 0px`
+		}
+	});
+}
+function p({ variant: t = "line", disabled: n = !1, step: r = 1, className: a = "", onPointerDown: o, onKeyDown: s, onClickCapture: c, children: f, ...p }) {
+	let m = i(u), h = i(d);
+	if (!m) throw Error("Resizable.Handle must be inside Resizable");
+	let g = m.sizes[h] + m.sizes[h + 1], _ = Math.max(m.bounds[h].min, g - m.bounds[h + 1].max), v = Math.min(m.bounds[h].max, g - m.bounds[h + 1].min), y = n || m.disabled || _ >= v, b = e({
+		orientation: m.orientation,
+		value: m.sizes[h],
+		min: _,
+		max: v,
+		disabled: y,
+		step: r,
+		getScale: () => {
+			let e = m.root.current;
+			if (!e) return 0;
+			let t = m.orientation === "horizontal" ? "width" : "height", n = Array.from(e.children).filter((e) => e.classList.contains("dishui-resizable-panel")).reduce((e, n) => e + n.getBoundingClientRect()[t], 0), r = m.orientation === "horizontal" && getComputedStyle(e).direction === "rtl";
+			return n > 0 ? (r ? -100 : 100) / n : 0;
+		},
+		onChange: (e) => m.change(h, e),
+		onCommit: (e) => m.change(h, e, !0)
+	});
+	return /* @__PURE__ */ l("div", {
+		...p,
+		role: "separator",
+		tabIndex: y ? -1 : 0,
+		"aria-label": p["aria-label"] ?? "Resize panels",
+		"aria-orientation": m.orientation === "horizontal" ? "vertical" : "horizontal",
+		"aria-controls": m.ids[h],
+		"aria-valuemin": _,
+		"aria-valuemax": v,
+		"aria-valuenow": m.sizes[h],
+		"aria-valuetext": `${Number(m.sizes[h].toFixed(2))}%`,
+		"aria-disabled": y,
+		"data-orientation": m.orientation,
+		"data-variant": t,
+		"data-dragging": b.dragging || void 0,
+		className: `dishui-resizable-handle ${a}`,
+		onPointerDown: (e) => {
+			o?.(e), e.defaultPrevented || b.onPointerDown(e);
+		},
+		onKeyDown: (e) => {
+			s?.(e), e.defaultPrevented || b.onKeyDown(e);
+		},
+		onClickCapture: (e) => {
+			b.onClickCapture(e), e.defaultPrevented || c?.(e);
+		},
+		children: f ?? (t === "pill" ? /* @__PURE__ */ l("span", {
+			className: "dishui-resizable-grip",
+			"aria-hidden": "true"
+		}) : null)
+	});
+}
+function m({ orientation: e = "horizontal", sizes: n, defaultSizes: i, onSizesChange: m, onSizesCommit: h, disabled: g = !1, children: _, className: v = "", style: y, ...b }) {
+	let x = s(null), S = a(), C = t.toArray(_);
+	if (!C.length || C.some((e, t) => !r(e) || e.type !== (t % 2 == 0 ? f : p)) || C.length % 2 == 0) throw Error("Resizable requires alternating Panel / Handle children, starting and ending with Panel. Nest groups inside a Panel.");
+	let w = C.filter((e, t) => t % 2 == 0), T = w.map((e) => ({
+		min: e.props.minSize ?? 0,
+		max: e.props.maxSize ?? 100
+	}));
+	if (T.some((e) => !Number.isFinite(e.min) || !Number.isFinite(e.max) || e.min < 0 || e.max > 100 || e.min > e.max) || T.reduce((e, t) => e + t.min, 0) > 100 || T.reduce((e, t) => e + t.max, 0) < 100) throw Error("Resizable panel constraints must be feasible percentages between 0 and 100");
+	let E = (e) => {
+		if (e && (e.length !== w.length || e.some((e) => !Number.isFinite(e) || e < 0) || Math.abs(e.reduce((e, t) => e + t, 0) - 100) > .001)) throw Error("Resizable sizes must match the panel count and sum to 100");
+		let t = T.map((t, n) => Math.max(t.min, Math.min(t.max, e?.[n] ?? 100 / w.length))), n = 100 - t.reduce((e, t) => e + t, 0);
+		for (let e = 0; e < t.length && Math.abs(n) > 1e-8; e++) {
+			let r = Math.max(T[e].min - t[e], Math.min(T[e].max - t[e], n));
+			t[e] += r, n -= r;
+		}
+		return t;
+	}, [D, O] = c(() => E(i)), k = E(n ?? (D.length === w.length ? D : void 0)), A = s(k);
+	o(() => {
+		A.current = k;
+	});
+	let j = (e, t, r = !1) => {
+		let i = [...A.current], a = i[e] + i[e + 1];
+		if (i[e] = t, i[e + 1] = a - t, r) {
+			h?.(i);
+			return;
+		}
+		n || (A.current = i, O(i)), m?.(i);
+	}, M = w.map((e, t) => e.props.id ?? `${S}-panel-${t}`);
+	return /* @__PURE__ */ l(u.Provider, {
+		value: {
+			orientation: e,
+			disabled: g,
+			sizes: k,
+			bounds: T,
+			ids: M,
+			root: x,
+			change: j
+		},
+		children: /* @__PURE__ */ l("div", {
+			...b,
+			ref: x,
+			className: `dishui-resizable ${v}`,
+			"data-orientation": e,
+			style: y,
+			children: C.map((e, t) => /* @__PURE__ */ l(d.Provider, {
+				value: Math.floor(t / 2),
+				children: e
+			}, e.key ?? t))
+		})
+	});
+}
+var h = Object.assign(m, {
+	Panel: f,
+	Handle: p
+});
+//#endregion
+export { h as Resizable, h as default, p as ResizableHandle, f as ResizablePanel, e as useResize };
+
+//# sourceMappingURL=index.js.map

package/dist/components/Resizable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Resizable/index.tsx"],"sourcesContent":["import React, { Children, createContext, isValidElement, useContext, useId, useLayoutEffect, useRef, useState } from 'react';\nimport { useResize } from './useResize';\nimport './Resizable.css';\nexport { useResize } from './useResize';\nexport type { UseResizeOptions } from './useResize';\n\nexport interface ResizablePanelProps extends React.HTMLAttributes<HTMLDivElement> {\n  minSize?: number;\n  maxSize?: number;\n}\nexport interface ResizableHandleProps extends React.HTMLAttributes<HTMLDivElement> {\n  variant?: 'line' | 'pill';\n  disabled?: boolean;\n  step?: number;\n}\nexport interface ResizableProps extends React.HTMLAttributes<HTMLDivElement> {\n  orientation?: 'horizontal' | 'vertical';\n  sizes?: number[];\n  defaultSizes?: number[];\n  onSizesChange?: (sizes: number[]) => void;\n  onSizesCommit?: (sizes: number[]) => void;\n  disabled?: boolean;\n}\ninterface GroupContext {\n  orientation: 'horizontal' | 'vertical';\n  disabled: boolean;\n  sizes: number[];\n  bounds: { min: number; max: number }[];\n  ids: string[];\n  root: React.RefObject<HTMLDivElement | null>;\n  change: (index: number, value: number, commit?: boolean) => void;\n}\nconst Group = createContext<GroupContext | null>(null);\nconst Position = createContext(0);\n\nexport function ResizablePanel({ minSize: _min, maxSize: _max, className = '', style, ...props }: ResizablePanelProps) {\n  const group = useContext(Group);\n  const index = useContext(Position);\n  if (!group) throw new Error('Resizable.Panel must be inside Resizable');\n  return <div {...props} id={group.ids[index]} className={`dishui-resizable-panel ${className}`} style={{ ...style, flex: `${group.sizes[index]} 1 0px` }} />;\n}\n\nexport function ResizableHandle({ variant = 'line', disabled = false, step = 1, className = '', onPointerDown, onKeyDown, onClickCapture, children, ...props }: ResizableHandleProps) {\n  const group = useContext(Group);\n  const index = useContext(Position);\n  if (!group) throw new Error('Resizable.Handle must be inside Resizable');\n  const total = group.sizes[index] + group.sizes[index + 1];\n  const min = Math.max(group.bounds[index].min, total - group.bounds[index + 1].max);\n  const max = Math.min(group.bounds[index].max, total - group.bounds[index + 1].min);\n  const locked = disabled || group.disabled || min >= max;\n  const resize = useResize({\n    orientation: group.orientation, value: group.sizes[index], min, max, disabled: locked, step,\n    getScale: () => {\n      const root = group.root.current;\n      if (!root) return 0;\n      const dimension = group.orientation === 'horizontal' ? 'width' : 'height';\n      const available = Array.from(root.children).filter(el => el.classList.contains('dishui-resizable-panel')).reduce((sum, el) => sum + el.getBoundingClientRect()[dimension], 0);\n      const rtl = group.orientation === 'horizontal' && getComputedStyle(root).direction === 'rtl';\n      return available > 0 ? (rtl ? -100 : 100) / available : 0;\n    },\n    onChange: value => group.change(index, value),\n    onCommit: value => group.change(index, value, true),\n  });\n  return <div {...props} role=\"separator\" tabIndex={locked ? -1 : 0}\n    aria-label={props['aria-label'] ?? 'Resize panels'} aria-orientation={group.orientation === 'horizontal' ? 'vertical' : 'horizontal'}\n    aria-controls={group.ids[index]} aria-valuemin={min} aria-valuemax={max} aria-valuenow={group.sizes[index]} aria-valuetext={`${Number(group.sizes[index].toFixed(2))}%`} aria-disabled={locked}\n    data-orientation={group.orientation} data-variant={variant} data-dragging={resize.dragging || undefined}\n    className={`dishui-resizable-handle ${className}`}\n    onPointerDown={event => { onPointerDown?.(event); if (!event.defaultPrevented) resize.onPointerDown(event); }}\n    onKeyDown={event => { onKeyDown?.(event); if (!event.defaultPrevented) resize.onKeyDown(event); }}\n    onClickCapture={event => { resize.onClickCapture(event); if (!event.defaultPrevented) onClickCapture?.(event); }}>\n    {children ?? (variant === 'pill' ? <span className=\"dishui-resizable-grip\" aria-hidden=\"true\" /> : null)}\n  </div>;\n}\n\nfunction ResizableRoot({ orientation = 'horizontal', sizes: controlled, defaultSizes, onSizesChange, onSizesCommit, disabled = false, children, className = '', style, ...props }: ResizableProps) {\n  const root = useRef<HTMLDivElement>(null);\n  const id = useId();\n  const nodes = Children.toArray(children);\n  if (!nodes.length || nodes.some((node, i) => !isValidElement(node) || node.type !== (i % 2 === 0 ? ResizablePanel : ResizableHandle)) || nodes.length % 2 === 0) {\n    throw new Error('Resizable requires alternating Panel / Handle children, starting and ending with Panel. Nest groups inside a Panel.');\n  }\n  const panels = nodes.filter((_, i) => i % 2 === 0) as React.ReactElement<ResizablePanelProps>[];\n  const bounds = panels.map(panel => ({ min: panel.props.minSize ?? 0, max: panel.props.maxSize ?? 100 }));\n  if (bounds.some(b => !Number.isFinite(b.min) || !Number.isFinite(b.max) || b.min < 0 || b.max > 100 || b.min > b.max) || bounds.reduce((s, b) => s + b.min, 0) > 100 || bounds.reduce((s, b) => s + b.max, 0) < 100) throw new Error('Resizable panel constraints must be feasible percentages between 0 and 100');\n  const normalize = (input?: number[]) => {\n    if (input && (input.length !== panels.length || input.some(v => !Number.isFinite(v) || v < 0) || Math.abs(input.reduce((s, v) => s + v, 0) - 100) > 0.001)) throw new Error('Resizable sizes must match the panel count and sum to 100');\n    const values = bounds.map((b, i) => Math.max(b.min, Math.min(b.max, input?.[i] ?? 100 / panels.length)));\n    let remaining = 100 - values.reduce((s, v) => s + v, 0);\n    for (let i = 0; i < values.length && Math.abs(remaining) > 1e-8; i++) {\n      const delta = Math.max(bounds[i].min - values[i], Math.min(bounds[i].max - values[i], remaining));\n      values[i] += delta;\n      remaining -= delta;\n    }\n    return values;\n  };\n  const [internal, setInternal] = useState(() => normalize(defaultSizes));\n  const sizes = normalize(controlled ?? (internal.length === panels.length ? internal : undefined));\n  const current = useRef(sizes);\n  useLayoutEffect(() => { current.current = sizes; });\n  const change = (index: number, value: number, commit = false) => {\n    const next = [...current.current];\n    const total = next[index] + next[index + 1];\n    next[index] = value;\n    next[index + 1] = total - value;\n    if (commit) { onSizesCommit?.(next); return; }\n    if (!controlled) { current.current = next; setInternal(next); }\n    onSizesChange?.(next);\n  };\n  const ids = panels.map((panel, i) => panel.props.id ?? `${id}-panel-${i}`);\n  return <Group.Provider value={{ orientation, disabled, sizes, bounds, ids, root, change }}>\n    <div {...props} ref={root} className={`dishui-resizable ${className}`} data-orientation={orientation} style={style}>\n      {nodes.map((node, i) => <Position.Provider key={(node as React.ReactElement).key ?? i} value={Math.floor(i / 2)}>{node}</Position.Provider>)}\n    </div>\n  </Group.Provider>;\n}\n\nexport const Resizable = Object.assign(ResizableRoot, { Panel: ResizablePanel, Handle: ResizableHandle });\nexport default Resizable;\n"],"mappings":"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"}

package/dist/components/Resizable/useResize.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export interface UseResizeOptions {
+    orientation?: 'horizontal' | 'vertical';
+    value: number;
+    min?: number;
+    max?: number;
+    disabled?: boolean;
+    step?: number;
+    /** Value units per CSS pixel; evaluated at pointer down. */
+    getScale?: () => number;
+    threshold?: number;
+    onChange: (value: number) => void;
+    onCommit?: (value: number) => void;
+}
+/** Shared pointer/keyboard engine. Does not mutate document/body styles. */
+export declare function useResize(options: UseResizeOptions): {
+    dragging: boolean;
+    onPointerDown: (event: React.PointerEvent<HTMLElement>) => void;
+    onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
+    onClickCapture: (event: React.MouseEvent<HTMLElement>) => void;
+};

package/dist/components/Resizable/useResize.js

@@ -0,0 +1,60 @@
+import { useEffect as e, useLayoutEffect as t, useRef as n, useState as r } from "react";
+//#region src/components/Resizable/useResize.ts
+function i(i) {
+	let a = n(i);
+	t(() => {
+		a.current = i;
+	});
+	let o = n(null), s = n(!1), [c, l] = r(!1);
+	e(() => () => o.current?.(), []), e(() => {
+		i.disabled && o.current?.();
+	}, [i.disabled]);
+	let u = (e) => Math.max(a.current.min ?? 0, Math.min(a.current.max ?? 100, e));
+	return {
+		dragging: c,
+		onPointerDown: (e) => {
+			if (a.current.disabled || e.button !== 0 || !e.isPrimary || o.current) return;
+			e.stopPropagation();
+			let t = e.currentTarget;
+			t.focus();
+			let n = e.pointerId, { orientation: r = "horizontal", value: i, getScale: c, threshold: d = 3 } = a.current, f = r === "horizontal" ? e.clientX : e.clientY, p = c?.() ?? 1;
+			if (!Number.isFinite(p) || p === 0) return;
+			let m = !1, h = i;
+			s.current = !1;
+			let g = (e = !1) => {
+				t.removeEventListener("pointermove", _), t.removeEventListener("pointerup", v), t.removeEventListener("pointercancel", y), t.removeEventListener("lostpointercapture", y), t.ownerDocument.defaultView?.removeEventListener("blur", y), o.current = null, t.hasPointerCapture(n) && t.releasePointerCapture(n), l(!1), e && m && a.current.onCommit?.(h);
+			}, _ = (e) => {
+				if (e.pointerId !== n) return;
+				let t = (r === "horizontal" ? e.clientX : e.clientY) - f;
+				!m && Math.abs(t) <= d || (m = !0, s.current = !0, l(!0), e.preventDefault(), h = u(i + t * p), a.current.onChange(h));
+			}, v = (e) => {
+				e.pointerId === n && g(!0);
+			}, y = (e) => {
+				e && "pointerId" in e && e.pointerId !== n || (s.current = !0, g());
+			};
+			try {
+				t.setPointerCapture(n);
+			} catch {
+				return;
+			}
+			t.addEventListener("pointermove", _), t.addEventListener("pointerup", v), t.addEventListener("pointercancel", y), t.addEventListener("lostpointercapture", y), t.ownerDocument.defaultView?.addEventListener("blur", y), o.current = y;
+		},
+		onKeyDown: (e) => {
+			let { disabled: t, orientation: n = "horizontal", value: r, min: i = 0, max: o = 100, step: s = 1 } = a.current;
+			if (t) return;
+			let c = n === "horizontal" ? "ArrowLeft" : "ArrowUp", l = n === "horizontal" ? "ArrowRight" : "ArrowDown", d;
+			if (e.key === "Home") d = i;
+			else if (e.key === "End") d = o;
+			else if (e.key === c || e.key === l) d = r + (e.key === c ? -1 : 1) * s * (e.shiftKey ? 10 : 1);
+			else return;
+			e.preventDefault(), e.stopPropagation(), d = u(d), a.current.onChange(d), a.current.onCommit?.(d);
+		},
+		onClickCapture: (e) => {
+			s.current && e.detail !== 0 && (e.preventDefault(), e.stopPropagation(), s.current = !1);
+		}
+	};
+}
+//#endregion
+export { i as useResize };
+
+//# sourceMappingURL=useResize.js.map

package/dist/components/Resizable/useResize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResize.js","names":[],"sources":["../../../src/components/Resizable/useResize.ts"],"sourcesContent":["import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';\n\nexport interface UseResizeOptions {\n  orientation?: 'horizontal' | 'vertical';\n  value: number;\n  min?: number;\n  max?: number;\n  disabled?: boolean;\n  step?: number;\n  /** Value units per CSS pixel; evaluated at pointer down. */\n  getScale?: () => number;\n  threshold?: number;\n  onChange: (value: number) => void;\n  onCommit?: (value: number) => void;\n}\n\n/** Shared pointer/keyboard engine. Does not mutate document/body styles. */\nexport function useResize(options: UseResizeOptions) {\n  const latest = useRef(options);\n  useLayoutEffect(() => { latest.current = options; });\n  const cleanup = useRef<(() => void) | null>(null);\n  const suppressClick = useRef(false);\n  const [dragging, setDragging] = useState(false);\n  useEffect(() => () => cleanup.current?.(), []);\n  useEffect(() => { if (options.disabled) cleanup.current?.(); }, [options.disabled]);\n  const clamp = (v: number) => Math.max(latest.current.min ?? 0, Math.min(latest.current.max ?? 100, v));\n  const onPointerDown = (event: React.PointerEvent<HTMLElement>) => {\n    if (latest.current.disabled || event.button !== 0 || !event.isPrimary || cleanup.current) return;\n    event.stopPropagation();\n    const el = event.currentTarget;\n    el.focus();\n    const id = event.pointerId;\n    const { orientation = 'horizontal', value, getScale, threshold = 3 } = latest.current;\n    const start = orientation === 'horizontal' ? event.clientX : event.clientY;\n    const scale = getScale?.() ?? 1;\n    if (!Number.isFinite(scale) || scale === 0) return;\n    let moved = false;\n    let last = value;\n    suppressClick.current = false;\n    const finish = (commit = false) => {\n      el.removeEventListener('pointermove', move);\n      el.removeEventListener('pointerup', up);\n      el.removeEventListener('pointercancel', cancel);\n      el.removeEventListener('lostpointercapture', cancel);\n      el.ownerDocument.defaultView?.removeEventListener('blur', cancel);\n      cleanup.current = null;\n      if (el.hasPointerCapture(id)) el.releasePointerCapture(id);\n      setDragging(false);\n      if (commit && moved) latest.current.onCommit?.(last);\n    };\n    const move = (e: PointerEvent) => {\n      if (e.pointerId !== id) return;\n      const delta = (orientation === 'horizontal' ? e.clientX : e.clientY) - start;\n      if (!moved && Math.abs(delta) <= threshold) return;\n      moved = true;\n      suppressClick.current = true;\n      setDragging(true);\n      e.preventDefault();\n      last = clamp(value + delta * scale);\n      latest.current.onChange(last);\n    };\n    const up = (e: PointerEvent) => { if (e.pointerId === id) finish(true); };\n    const cancel = (cancelEvent?: Event) => {\n      if (cancelEvent && 'pointerId' in cancelEvent && (cancelEvent as PointerEvent).pointerId !== id) return;\n      suppressClick.current = true;\n      finish();\n    };\n    try { el.setPointerCapture(id); } catch { return; }\n    el.addEventListener('pointermove', move);\n    el.addEventListener('pointerup', up);\n    el.addEventListener('pointercancel', cancel);\n    el.addEventListener('lostpointercapture', cancel);\n    el.ownerDocument.defaultView?.addEventListener('blur', cancel);\n    cleanup.current = cancel;\n  };\n  const onKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n    const { disabled, orientation = 'horizontal', value, min = 0, max = 100, step = 1 } = latest.current;\n    if (disabled) return;\n    const negative = orientation === 'horizontal' ? 'ArrowLeft' : 'ArrowUp';\n    const positive = orientation === 'horizontal' ? 'ArrowRight' : 'ArrowDown';\n    let next: number;\n    if (event.key === 'Home') next = min;\n    else if (event.key === 'End') next = max;\n    else if (event.key === negative || event.key === positive) next = value + (event.key === negative ? -1 : 1) * step * (event.shiftKey ? 10 : 1);\n    else return;\n    event.preventDefault();\n    event.stopPropagation();\n    next = clamp(next);\n    latest.current.onChange(next);\n    latest.current.onCommit?.(next);\n  };\n  const onClickCapture = (event: React.MouseEvent<HTMLElement>) => {\n    if (suppressClick.current && event.detail !== 0) {\n      event.preventDefault();\n      event.stopPropagation();\n      suppressClick.current = false;\n    }\n  };\n  return { dragging, onPointerDown, onKeyDown, onClickCapture };\n}\n"],"mappings":"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"}

package/dist/components/SidebarToggleButton/index.js

@@ -1,37 +1,45 @@
+import { useResize as e } from "../Resizable/useResize.js";
+/* empty css                     */
 import "react";
-import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/SidebarToggleButton/index.tsx
-var r = 4, i = ({ isCollapsed: e, onToggle: i, collapsedWidth: a = 64, onWidthChange: o, minWidth: s = 160, maxWidth: c = 400, anchorRef: l }) => {
-	let u = typeof o == "function";
-	return /* @__PURE__ */ n("div", {
-		className: "absolute inset-y-0 right-0 z-40 hidden w-3 translate-x-1/2 md:block lg:block",
-		style: { cursor: u ? "ew-resize" : "pointer" },
-		onPointerDown: u ? (e) => {
-			if (!u || e.button !== 0) return;
-			let t = e.clientX, n = !1, a = document.body.style.userSelect, d = document.body.style.cursor, f = l?.current?.getBoundingClientRect().left ?? 0, p = (e) => {
-				if (!n && Math.abs(e.clientX - t) > r && (n = !0, document.body.style.userSelect = "none", document.body.style.cursor = "ew-resize"), n) {
-					let t = Math.max(s, Math.min(e.clientX - f, c));
-					o?.(t);
-				}
-			}, m = () => {
-				document.removeEventListener("pointermove", p), document.removeEventListener("pointerup", m), document.body.style.userSelect = a, document.body.style.cursor = d, n || i();
-			};
-			document.addEventListener("pointermove", p), document.addEventListener("pointerup", m);
-		} : void 0,
-		onClick: u ? void 0 : i,
-		children: [/* @__PURE__ */ t("div", {
+var i = ({ isCollapsed: t, onToggle: i, sidebarWidth: a, onWidthChange: o, minWidth: s = 160, maxWidth: c = 400 }) => {
+	let l = typeof o == "function", u = e({
+		value: a,
+		min: s,
+		max: c,
+		step: 10,
+		disabled: !l || t,
+		threshold: 4,
+		onChange: (e) => o?.(e)
+	});
+	return /* @__PURE__ */ r("div", {
+		className: "dishui-sidebar-resize absolute inset-y-0 right-0 z-40 hidden w-3 translate-x-1/2 md:block lg:block",
+		style: {
+			cursor: l && !t ? "ew-resize" : "pointer",
+			touchAction: "none",
+			userSelect: "none"
+		},
+		onPointerDown: (e) => {
+			(e.target === e.currentTarget || !e.target.closest("button")) && u.onPointerDown(e);
+		},
+		onClickCapture: u.onClickCapture,
+		onClick: i,
+		children: [/* @__PURE__ */ n("div", {
 			className: "pointer-events-none absolute inset-y-0 left-1/2 w-px -translate-x-1/2 bg-base-300",
 			"aria-hidden": "true"
-		}), /* @__PURE__ */ t("button", {
+		}), /* @__PURE__ */ n("button", {
 			type: "button",
 			tabIndex: 0,
-			onClick: u ? void 0 : i,
+			onPointerDown: u.onPointerDown,
+			onKeyDown: u.onKeyDown,
 			className: "group absolute top-1/2 left-1/2 flex h-10 w-4 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full border border-base-300 bg-base-100 text-base-content/40 shadow-md transition-[width,color] duration-200 ease-in-out hover:w-5 hover:text-base-content focus:outline-none focus:ring-2 focus:ring-primary/40",
-			style: { cursor: u ? "ew-resize" : "pointer" },
-			"aria-label": e ? "展开侧边栏" : u ? "拖拽调整侧边栏宽度，点击收起" : "收起侧边栏",
-			"aria-expanded": !e,
-			title: u && !e ? "拖拽调节宽度 · 点击折叠" : void 0,
-			children: e ? /* @__PURE__ */ t("svg", {
+			style: { cursor: l ? "ew-resize" : "pointer" },
+			"aria-label": t ? "展开侧边栏" : l ? "拖拽调整侧边栏宽度，点击收起" : "收起侧边栏",
+			"aria-expanded": !t,
+			"aria-description": l && !t ? `宽度 ${Math.round(a)}px；左右方向键调整，Home/End 到达最小/最大宽度，Enter/空格折叠` : void 0,
+			title: l && !t ? "拖拽调节宽度 · 点击折叠" : void 0,
+			children: t ? /* @__PURE__ */ n("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				width: "10",
 				height: "10",
@@ -39,13 +47,13 @@ var r = 4, i = ({ isCollapsed: e, onToggle: i, collapsedWidth: a = 64, onWidthCh
 				viewBox: "0 0 24 24",
 				stroke: "currentColor",
 				className: "pointer-events-none",
-				children: /* @__PURE__ */ t("path", {
+				children: /* @__PURE__ */ n("path", {
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
 					strokeWidth: "2.5",
 					d: "M9 5l7 7-7 7"
 				})
-			}) : /* @__PURE__ */ n("svg", {
+			}) : /* @__PURE__ */ r("svg", {
 				width: "6",
 				height: "18",
 				viewBox: "0 0 6 18",
@@ -53,32 +61,32 @@ var r = 4, i = ({ isCollapsed: e, onToggle: i, collapsedWidth: a = 64, onWidthCh
 				"aria-hidden": "true",
 				className: "pointer-events-none",
 				children: [
-					/* @__PURE__ */ t("circle", {
+					/* @__PURE__ */ n("circle", {
 						cx: "1.5",
 						cy: "3",
 						r: "1"
 					}),
-					/* @__PURE__ */ t("circle", {
+					/* @__PURE__ */ n("circle", {
 						cx: "4.5",
 						cy: "3",
 						r: "1"
 					}),
-					/* @__PURE__ */ t("circle", {
+					/* @__PURE__ */ n("circle", {
 						cx: "1.5",
 						cy: "9",
 						r: "1"
 					}),
-					/* @__PURE__ */ t("circle", {
+					/* @__PURE__ */ n("circle", {
 						cx: "4.5",
 						cy: "9",
 						r: "1"
 					}),
-					/* @__PURE__ */ t("circle", {
+					/* @__PURE__ */ n("circle", {
 						cx: "1.5",
 						cy: "15",
 						r: "1"
 					}),
-					/* @__PURE__ */ t("circle", {
+					/* @__PURE__ */ n("circle", {
 						cx: "4.5",
 						cy: "15",
 						r: "1"
@@ -87,32 +95,32 @@ var r = 4, i = ({ isCollapsed: e, onToggle: i, collapsedWidth: a = 64, onWidthCh
 			})
 		})]
 	});
-}, a = ({ isCollapsed: e, onToggle: n }) => /* @__PURE__ */ t("button", {
-	onClick: n,
+}, a = ({ isCollapsed: e, onToggle: t }) => /* @__PURE__ */ n("button", {
+	onClick: t,
 	className: "fixed bottom-6 right-6 z-50 bg-primary bg-opacity-30 hover:bg-opacity-50 text-primary-content rounded-full p-3 shadow-lg transition-all duration-300 ease-in-out backdrop-blur-sm hover:scale-105 md:hidden",
 	style: { boxShadow: "0 4px 20px rgba(0, 0, 0, 0.15)" },
 	"aria-label": e ? "展开侧边栏" : "收起侧边栏",
-	children: /* @__PURE__ */ t("svg", {
+	children: /* @__PURE__ */ n("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
 		stroke: "currentColor",
 		className: "w-5 h-5",
-		children: e ? /* @__PURE__ */ t("path", {
+		children: e ? /* @__PURE__ */ n("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			strokeWidth: "2",
 			d: "M4 6h16M4 12h16M4 18h16"
-		}) : /* @__PURE__ */ t("path", {
+		}) : /* @__PURE__ */ n("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			strokeWidth: "2",
 			d: "M6 18L18 6M6 6l12 12"
 		})
 	})
-}), o = (r) => /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t(i, { ...r }), /* @__PURE__ */ t(a, {
-	isCollapsed: r.isCollapsed,
-	onToggle: r.onToggle
+}), o = (e) => /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(i, { ...e }), /* @__PURE__ */ n(a, {
+	isCollapsed: e.isCollapsed,
+	onToggle: e.onToggle
 })] });
 //#endregion
 export { i as DesktopSidebarToggleButton, a as MobileSidebarToggleButton, o as SidebarToggleButtons, o as default };

package/dist/components/SidebarToggleButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/SidebarToggleButton/index.tsx"],"sourcesContent":["import React from 'react';\n\ninterface SidebarToggleButtonProps {\n  /** 侧边栏是否折叠 */\n  isCollapsed: boolean;\n  /** 切换侧边栏的回调 */\n  onToggle: () => void;\n  /** 当前侧边栏宽度 */\n  sidebarWidth: number;\n  /** 折叠时的宽度 */\n  collapsedWidth?: number;\n  /** 拖拽调节宽度的回调（传入时支持拖拽缩放） */\n  onWidthChange?: (width: number) => void;\n  /** 拖拽时的最小宽度（px） */\n  minWidth?: number;\n  /** 拖拽时的最大宽度（px） */\n  maxWidth?: number;\n  /**\n   * 侧边栏容器元素的引用（用于拖拽时获取左边缘，使宽度计算与内嵌位置无关）。\n   */\n  anchorRef?: React.RefObject<HTMLElement | null>;\n}\n\n// 超过该位移（px）视为拖拽，否则视为点击切换。\nconst DRAG_THRESHOLD = 4;\n\n/**\n * 桌面端侧边栏切换控件（与右侧纵向边界线一体）\n * - 点击：折叠 / 展开侧边栏\n * - 拖拽：任意调节侧边栏宽度（需传入 onWidthChange）\n *\n * 采用 `absolute` 定位内嵌在侧边栏（relative 容器）右边缘，随侧边栏布局自然移动——\n * 无需测量/追赶，无延迟，也不受其它可变宽度组件影响。\n */\nexport const DesktopSidebarToggleButton: React.FC<SidebarToggleButtonProps> = ({\n  isCollapsed,\n  onToggle,\n  collapsedWidth = 64,\n  onWidthChange,\n  minWidth = 160,\n  maxWidth = 400,\n  anchorRef,\n}) => {\n  const draggable = typeof onWidthChange === 'function';\n\n  const handlePointerDown = (event: React.PointerEvent<HTMLElement>) => {\n    if (!draggable || event.button !== 0) return;\n    const startX = event.clientX;\n    let moved = false;\n    const previousUserSelect = document.body.style.userSelect;\n    const previousCursor = document.body.style.cursor;\n    // 宽度 = 指针位置 - 侧边栏左边缘。有 anchorRef 时取其真实左边缘，否则假设为 0。\n    const sidebarLeft = anchorRef?.current?.getBoundingClientRect().left ?? 0;\n\n    const handleMove = (moveEvent: PointerEvent) => {\n      if (!moved && Math.abs(moveEvent.clientX - startX) > DRAG_THRESHOLD) {\n        moved = true;\n        document.body.style.userSelect = 'none';\n        document.body.style.cursor = 'ew-resize';\n      }\n      if (moved) {\n        const clamped = Math.max(minWidth, Math.min(moveEvent.clientX - sidebarLeft, maxWidth));\n        onWidthChange?.(clamped);\n      }\n    };\n\n    const handleUp = () => {\n      document.removeEventListener('pointermove', handleMove);\n      document.removeEventListener('pointerup', handleUp);\n      document.body.style.userSelect = previousUserSelect;\n      document.body.style.cursor = previousCursor;\n      // 未发生拖拽时视为点击切换。\n      if (!moved) onToggle();\n    };\n\n    document.addEventListener('pointermove', handleMove);\n    document.addEventListener('pointerup', handleUp);\n  };\n\n  return (\n    // 与右侧边界线一体：定位在侧边栏右边缘（right:0）的全高约束区，\n    // 内嵌纵向边界线 + 坐落在线上的 pill。w-3 作为拖拽热区。\n    <div\n      className=\"absolute inset-y-0 right-0 z-40 hidden w-3 translate-x-1/2 md:block lg:block\"\n      style={{ cursor: draggable ? 'ew-resize' : 'pointer' }}\n      onPointerDown={draggable ? handlePointerDown : undefined}\n      onClick={draggable ? undefined : onToggle}\n    >\n      {/* 纵向边界线（居中于热区 = 侧边栏右边缘） */}\n      <div className=\"pointer-events-none absolute inset-y-0 left-1/2 w-px -translate-x-1/2 bg-base-300\" aria-hidden=\"true\" />\n      {/* pill 手柄（坐落在线上，与之一体） */}\n      <button\n        type=\"button\"\n        tabIndex={0}\n        onClick={draggable ? undefined : onToggle}\n        className=\"group absolute top-1/2 left-1/2 flex h-10 w-4 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full border border-base-300 bg-base-100 text-base-content/40 shadow-md transition-[width,color] duration-200 ease-in-out hover:w-5 hover:text-base-content focus:outline-none focus:ring-2 focus:ring-primary/40\"\n        style={{ cursor: draggable ? 'ew-resize' : 'pointer' }}\n        aria-label={isCollapsed ? '展开侧边栏' : (draggable ? '拖拽调整侧边栏宽度，点击收起' : '收起侧边栏')}\n        aria-expanded={!isCollapsed}\n        title={draggable && !isCollapsed ? '拖拽调节宽度 · 点击折叠' : undefined}\n      >\n        {isCollapsed ? (\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" className=\"pointer-events-none\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2.5\" d=\"M9 5l7 7-7 7\" />\n          </svg>\n        ) : (\n          <svg width=\"6\" height=\"18\" viewBox=\"0 0 6 18\" fill=\"currentColor\" aria-hidden=\"true\" className=\"pointer-events-none\">\n            <circle cx=\"1.5\" cy=\"3\" r=\"1\" /><circle cx=\"4.5\" cy=\"3\" r=\"1\" />\n            <circle cx=\"1.5\" cy=\"9\" r=\"1\" /><circle cx=\"4.5\" cy=\"9\" r=\"1\" />\n            <circle cx=\"1.5\" cy=\"15\" r=\"1\" /><circle cx=\"4.5\" cy=\"15\" r=\"1\" />\n          </svg>\n        )}\n      </button>\n    </div>\n  );\n};\n\n/**\n * 移动端悬浮侧边栏切换按钮\n */\nexport const MobileSidebarToggleButton: React.FC<Pick<SidebarToggleButtonProps, 'isCollapsed' | 'onToggle'>> = ({\n  isCollapsed,\n  onToggle,\n}) => {\n  return (\n    <button\n      onClick={onToggle}\n      className=\"fixed bottom-6 right-6 z-50 bg-primary bg-opacity-30 hover:bg-opacity-50 text-primary-content rounded-full p-3 shadow-lg transition-all duration-300 ease-in-out backdrop-blur-sm hover:scale-105 md:hidden\"\n      style={{\n        boxShadow: '0 4px 20px rgba(0, 0, 0, 0.15)',\n      }}\n      aria-label={isCollapsed ? '展开侧边栏' : '收起侧边栏'}\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n        stroke=\"currentColor\"\n        className=\"w-5 h-5\"\n      >\n        {isCollapsed ? (\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M4 6h16M4 12h16M4 18h16\" />\n        ) : (\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M6 18L18 6M6 6l12 12\" />\n        )}\n      </svg>\n    </button>\n  );\n};\n\n/**\n * 组合的侧边栏切换按钮（包含桌面端和移动端）\n */\nexport const SidebarToggleButtons: React.FC<SidebarToggleButtonProps> = (props) => {\n  return (\n    <>\n      <DesktopSidebarToggleButton {...props} />\n      <MobileSidebarToggleButton isCollapsed={props.isCollapsed} onToggle={props.onToggle} />\n    </>\n  );\n};\n\nexport default SidebarToggleButtons;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/SidebarToggleButton/index.tsx"],"sourcesContent":["import React from 'react';\nimport { useResize } from '../Resizable/useResize';\nimport '../Resizable/Resizable.css';\n\ninterface SidebarToggleButtonProps {\n  /** 侧边栏是否折叠 */\n  isCollapsed: boolean;\n  /** 切换侧边栏的回调 */\n  onToggle: () => void;\n  /** 当前侧边栏宽度 */\n  sidebarWidth: number;\n  /** 折叠时的宽度 */\n  collapsedWidth?: number;\n  /** 拖拽调节宽度的回调（传入时支持拖拽缩放） */\n  onWidthChange?: (width: number) => void;\n  /** 拖拽时的最小宽度（px） */\n  minWidth?: number;\n  /** 拖拽时的最大宽度（px） */\n  maxWidth?: number;\n  /**\n   * 侧边栏容器元素的引用（用于拖拽时获取左边缘，使宽度计算与内嵌位置无关）。\n   */\n  anchorRef?: React.RefObject<HTMLElement | null>;\n}\n\n\n\n/**\n * 桌面端侧边栏切换控件（与右侧纵向边界线一体）\n * - 点击：折叠 / 展开侧边栏\n * - 拖拽：任意调节侧边栏宽度（需传入 onWidthChange）\n *\n * 采用 `absolute` 定位内嵌在侧边栏（relative 容器）右边缘，随侧边栏布局自然移动——\n * 无需测量/追赶，无延迟，也不受其它可变宽度组件影响。\n */\nexport const DesktopSidebarToggleButton: React.FC<SidebarToggleButtonProps> = ({\n  isCollapsed,\n  onToggle,\n  sidebarWidth,\n  onWidthChange,\n  minWidth = 160,\n  maxWidth = 400,\n}) => {\n  const draggable = typeof onWidthChange === 'function';\n\n  const resize = useResize({\n    value: sidebarWidth, min: minWidth, max: maxWidth, step: 10,\n    disabled: !draggable || isCollapsed, threshold: 4,\n    onChange: width => onWidthChange?.(width),\n  });\n\n  return (\n    // 与右侧边界线一体：定位在侧边栏右边缘（right:0）的全高约束区，\n    // 内嵌纵向边界线 + 坐落在线上的 pill。w-3 作为拖拽热区。\n    <div\n      className=\"dishui-sidebar-resize absolute inset-y-0 right-0 z-40 hidden w-3 translate-x-1/2 md:block lg:block\"\n      style={{ cursor: draggable && !isCollapsed ? 'ew-resize' : 'pointer', touchAction: 'none', userSelect: 'none' }}\n      onPointerDown={event => { if (event.target === event.currentTarget || !(event.target as HTMLElement).closest('button')) resize.onPointerDown(event); }}\n      onClickCapture={resize.onClickCapture}\n      onClick={onToggle}\n    >\n      {/* 纵向边界线（居中于热区 = 侧边栏右边缘） */}\n      <div className=\"pointer-events-none absolute inset-y-0 left-1/2 w-px -translate-x-1/2 bg-base-300\" aria-hidden=\"true\" />\n      {/* pill 手柄（坐落在线上，与之一体） */}\n      <button\n        type=\"button\"\n        tabIndex={0}\n        onPointerDown={resize.onPointerDown}\n                onKeyDown={resize.onKeyDown}\n        className=\"group absolute top-1/2 left-1/2 flex h-10 w-4 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full border border-base-300 bg-base-100 text-base-content/40 shadow-md transition-[width,color] duration-200 ease-in-out hover:w-5 hover:text-base-content focus:outline-none focus:ring-2 focus:ring-primary/40\"\n        style={{ cursor: draggable ? 'ew-resize' : 'pointer' }}\n        aria-label={isCollapsed ? '展开侧边栏' : (draggable ? '拖拽调整侧边栏宽度，点击收起' : '收起侧边栏')}\n        aria-expanded={!isCollapsed}\n                aria-description={draggable && !isCollapsed ? `宽度 ${Math.round(sidebarWidth)}px；左右方向键调整，Home/End 到达最小/最大宽度，Enter/空格折叠` : undefined}\n        title={draggable && !isCollapsed ? '拖拽调节宽度 · 点击折叠' : undefined}\n      >\n        {isCollapsed ? (\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" className=\"pointer-events-none\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2.5\" d=\"M9 5l7 7-7 7\" />\n          </svg>\n        ) : (\n          <svg width=\"6\" height=\"18\" viewBox=\"0 0 6 18\" fill=\"currentColor\" aria-hidden=\"true\" className=\"pointer-events-none\">\n            <circle cx=\"1.5\" cy=\"3\" r=\"1\" /><circle cx=\"4.5\" cy=\"3\" r=\"1\" />\n            <circle cx=\"1.5\" cy=\"9\" r=\"1\" /><circle cx=\"4.5\" cy=\"9\" r=\"1\" />\n            <circle cx=\"1.5\" cy=\"15\" r=\"1\" /><circle cx=\"4.5\" cy=\"15\" r=\"1\" />\n          </svg>\n        )}\n      </button>\n    </div>\n  );\n};\n\n/**\n * 移动端悬浮侧边栏切换按钮\n */\nexport const MobileSidebarToggleButton: React.FC<Pick<SidebarToggleButtonProps, 'isCollapsed' | 'onToggle'>> = ({\n  isCollapsed,\n  onToggle,\n}) => {\n  return (\n    <button\n      onClick={onToggle}\n      className=\"fixed bottom-6 right-6 z-50 bg-primary bg-opacity-30 hover:bg-opacity-50 text-primary-content rounded-full p-3 shadow-lg transition-all duration-300 ease-in-out backdrop-blur-sm hover:scale-105 md:hidden\"\n      style={{\n        boxShadow: '0 4px 20px rgba(0, 0, 0, 0.15)',\n      }}\n      aria-label={isCollapsed ? '展开侧边栏' : '收起侧边栏'}\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n        stroke=\"currentColor\"\n        className=\"w-5 h-5\"\n      >\n        {isCollapsed ? (\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M4 6h16M4 12h16M4 18h16\" />\n        ) : (\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M6 18L18 6M6 6l12 12\" />\n        )}\n      </svg>\n    </button>\n  );\n};\n\n/**\n * 组合的侧边栏切换按钮（包含桌面端和移动端）\n */\nexport const SidebarToggleButtons: React.FC<SidebarToggleButtonProps> = (props) => {\n  return (\n    <>\n      <DesktopSidebarToggleButton {...props} />\n      <MobileSidebarToggleButton isCollapsed={props.isCollapsed} onToggle={props.onToggle} />\n    </>\n  );\n};\n\nexport default SidebarToggleButtons;\n"],"mappings":";;;;;AAmCA,IAAa,KAAkE,EAC7E,gBACA,aACA,iBACA,kBACA,cAAW,KACX,cAAW,UACP;CACJ,IAAM,IAAY,OAAO,KAAkB,YAErC,IAAS,EAAU;EACvB,OAAO;EAAc,KAAK;EAAU,KAAK;EAAU,MAAM;EACzD,UAAU,CAAC,KAAa;EAAa,WAAW;EAChD,WAAU,MAAS,IAAgB,CAAK;CAC1C,CAAC;CAED,OAGE,kBAAC,OAAD;EACE,WAAU;EACV,OAAO;GAAE,QAAQ,KAAa,CAAC,IAAc,cAAc;GAAW,aAAa;GAAQ,YAAY;EAAO;EAC9G,gBAAe,MAAS;GAAE,CAAI,EAAM,WAAW,EAAM,iBAAiB,CAAE,EAAM,OAAuB,QAAQ,QAAQ,MAAG,EAAO,cAAc,CAAK;EAAG;EACrJ,gBAAgB,EAAO;EACvB,SAAS;EALX,UAAA,CAQE,kBAAC,OAAD;GAAK,WAAU;GAAoF,eAAY;EAAQ,CAAA,GAEvH,kBAAC,UAAD;GACE,MAAK;GACL,UAAU;GACV,eAAe,EAAO;GACd,WAAW,EAAO;GAC1B,WAAU;GACV,OAAO,EAAE,QAAQ,IAAY,cAAc,UAAU;GACrD,cAAY,IAAc,UAAW,IAAY,mBAAmB;GACpE,iBAAe,CAAC;GACR,oBAAkB,KAAa,CAAC,IAAc,MAAM,KAAK,MAAM,CAAY,EAAE,4CAA4C,KAAA;GACjI,OAAO,KAAa,CAAC,IAAc,kBAAkB,KAAA;GAEpD,UAAA,IACC,kBAAC,OAAD;IAAK,OAAM;IAA6B,OAAM;IAAK,QAAO;IAAK,MAAK;IAAO,SAAQ;IAAY,QAAO;IAAe,WAAU;IAC7H,UAAA,kBAAC,QAAD;KAAM,eAAc;KAAQ,gBAAe;KAAQ,aAAY;KAAM,GAAE;IAAgB,CAAA;GACpF,CAAA,IAEL,kBAAC,OAAD;IAAK,OAAM;IAAI,QAAO;IAAK,SAAQ;IAAW,MAAK;IAAe,eAAY;IAAO,WAAU;IAA/F,UAAA;KACE,kBAAC,UAAD;MAAQ,IAAG;MAAM,IAAG;MAAI,GAAE;KAAK,CAAA;KAAC,kBAAC,UAAD;MAAQ,IAAG;MAAM,IAAG;MAAI,GAAE;KAAK,CAAA;KAC/D,kBAAC,UAAD;MAAQ,IAAG;MAAM,IAAG;MAAI,GAAE;KAAK,CAAA;KAAC,kBAAC,UAAD;MAAQ,IAAG;MAAM,IAAG;MAAI,GAAE;KAAK,CAAA;KAC/D,kBAAC,UAAD;MAAQ,IAAG;MAAM,IAAG;MAAK,GAAE;KAAK,CAAA;KAAC,kBAAC,UAAD;MAAQ,IAAG;MAAM,IAAG;MAAK,GAAE;KAAK,CAAA;IAC9D;;EAED,CAAA,CACL;;AAET,GAKa,KAAmG,EAC9G,gBACA,kBAGE,kBAAC,UAAD;CACE,SAAS;CACT,WAAU;CACV,OAAO,EACL,WAAW,iCACb;CACA,cAAY,IAAc,UAAU;CAEpC,UAAA,kBAAC,OAAD;EACE,OAAM;EACN,MAAK;EACL,SAAQ;EACR,QAAO;EACP,WAAU;EAET,UAAA,IACC,kBAAC,QAAD;GAAM,eAAc;GAAQ,gBAAe;GAAQ,aAAY;GAAI,GAAE;EAA2B,CAAA,IAEhG,kBAAC,QAAD;GAAM,eAAc;GAAQ,gBAAe;GAAQ,aAAY;GAAI,GAAE;EAAwB,CAAA;CAE5F,CAAA;AACC,CAAA,GAOC,KAA4D,MAErE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAA4B,GAAI,EAAQ,CAAA,GACxC,kBAAC,GAAD;CAA2B,aAAa,EAAM;CAAa,UAAU,EAAM;AAAW,CAAA,CACtF,EAAA,CAAA"}

package/dist/components/Slider/index.d.ts

@@ -2,6 +2,20 @@ import React from 'react';
 export type SliderVariant = 'default' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
 export type SliderSize = 'xs' | 'sm' | 'md' | 'lg';
 export type SliderProps = {
+    /** Linear remains the default. Circular starts at 12 o'clock, clockwise. */
+    mode?: 'linear' | 'circular' | 'discrete';
+    /** Applies to linear and discrete sliders. */
+    orientation?: 'horizontal' | 'vertical';
+    /** Discrete item shape and quantity (positive integer, defaults to 5). */
+    shape?: 'square' | 'star' | 'heart';
+    count?: number;
+    /** Discrete increments: half an item instead of a whole item. */
+    allowHalf?: boolean;
+    id?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'aria-describedby'?: string;
+    'aria-valuetext'?: string;
     /** Controlled value. */
     value?: number;
     /** Uncontrolled initial value. */
@@ -10,7 +24,7 @@ export type SliderProps = {
     min?: number;
     /** Maximum value. */
     max?: number;
-    /** Step increment. */
+    /** Step increment for linear/circular modes; discrete derives it from count and allowHalf. */
     step?: number;
     /** Change handler with the numeric value. */
     onChange?: (value: number, e: React.ChangeEvent<HTMLInputElement>) => void;
@@ -32,8 +46,8 @@ export type SliderProps = {
     style?: React.CSSProperties;
 };
 /**
- * Slider —— A2UI 交互组件：滑动选择器（基于原生 range + daisyUI range）。
- * 支持受控 / 非受控、语义色、尺寸与当前值展示。
+ * Slider —— Native range semantics with linear, circular and discrete presentations.
+ * Supports controlled/uncontrolled values, keyboard input and semantic colors.
  */
 declare const Slider: React.FC<SliderProps>;
 export default Slider;