npm - @adea-ai/ui - Versions diffs - 0.130.2 → 0.130.3 - Mend

@adea-ai/ui 0.130.2 → 0.130.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/dist/components/layout/pixel-resize-handle/pixel-resize-handle.js CHANGED Viewed

@@ -129,7 +129,7 @@ function PixelResizeHandle(props) {
 			var _v$ = cn("pointer-events-none absolute inset-y-0", {
 				"left-0": props.side === "left",
 				"right-0": props.side === "right"
-			}, props.class), _v$2 = `${maximum()}px`, _v$3 = props.label ?? `Resize ${props.side} pane`, _v$4 = props.controls, _v$5 = minimum(), _v$6 = maximum(), _v$7 = value(), _v$8 = `${value()} pixels`, _v$9 = drag() ? "" : void 0, _v$0 = `${isRight() ? maximum() - value() : value()}px`, _v$1 = cn("group/resize bg-border pointer-events-auto absolute inset-y-0 flex w-px items-center justify-center", "after:absolute after:inset-y-0 after:-inset-x-3 after:w-6", "transition-colors ease-out focus-visible:bg-primary focus-visible:outline-none", props.grip === "chip" ? "hover:bg-primary" : "hover:bg-primary/45");
+			}, props.class), _v$2 = `${maximum()}px`, _v$3 = props.label ?? `Resize ${props.side} pane`, _v$4 = props.controls, _v$5 = minimum(), _v$6 = maximum(), _v$7 = value(), _v$8 = `${value()} pixels`, _v$9 = drag() ? "" : void 0, _v$0 = `${isRight() ? maximum() - value() : value()}px`, _v$1 = cn("group/resize bg-border pointer-events-auto absolute inset-y-0 flex w-px cursor-pointer items-center justify-center", "after:absolute after:inset-y-0 after:-inset-x-3 after:w-6", "transition-colors ease-out focus-visible:bg-primary focus-visible:outline-none", props.grip === "chip" ? "hover:bg-primary" : "hover:bg-primary/45");
 			_v$ !== _p$.e && className(_el$, _p$.e = _v$);
 			_v$2 !== _p$.t && setStyleProperty(_el$, "width", _p$.t = _v$2);
 			_v$3 !== _p$.a && setAttribute(_el$2, "aria-label", _p$.a = _v$3);

package/dist/components/layout/pixel-resize-handle/pixel-resize-handle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pixel-resize-handle.js","names":["GripVertical","createSignal","onCleanup","cn","PixelResizeHandleProps","side","value","minimum","maximum","step","label","controls","class","grip","onChange","onCommit","PixelResizeHandle","props","Math","max","min","round","isRight","bounded","next","commit","interacting","drag","setDrag","pointerId","startX","startValue","handle","HTMLElement","endPointer","shouldCommit","current","undefined","hasPointerCapture","releasePointerCapture","endKeyboard","wasInteracting","move","KEY_DIRECTION","Record","ArrowLeft","ArrowRight","_el$","_tmpl$","_el$2","firstChild","$$keyup","event","includes","key","$$keydown","preventDefault","direction","addEventListener","$$pointerup","$$pointermove","delta","clientX","$$pointerdown","button","isPrimary","currentTarget","focus","setPointerCapture","_$insert","_c$","_$memo","_el$3","_tmpl$2","_$createComponent","_tmpl$3","_$effect","_p$","_v$","_v$2","_v$3","_v$4","_v$5","_v$6","_v$7","_v$8","_v$9","_v$0","_v$1","e","_$className","t","_$setStyleProperty","a","_$setAttribute","o","i","n","s","h","r","d","l","_$delegateEvents","_$memo","_$createComponent","_$className","_$setStyleProperty","_$setAttribute","_$delegateEvents"],"sources":["../../../../src/components/layout/pixel-resize-handle/pixel-resize-handle.tsx"],"sourcesContent":["import { GripVertical } from 'lucide-solid'\nimport { createSignal, onCleanup } from 'solid-js'\nimport { cn } from '#lib/utils'\n\nexport type PixelResizeHandleProps = {\n /** Which physical edge of the ruler the resizable surface is attached to. /\n side: 'left' \| 'right'\n /* Current width in CSS pixels. /\n value: number\n minimum: number\n maximum: number\n step?: number\n label?: string\n controls?: string\n class?: string\n /\n The grip drawn on the edge: the quieter rung by default, or the bordered\n * chip for hosts that want the heavier affordance.\n /\n grip?: 'chip' \| 'rung'\n onChange(value: number): void\n onCommit?(value: number): void\n}\n\n/\n PixelResizeHandle.\n \n A keyboard- and pointer-operable edge ruler for a host-owned pane. Keep the\n * pane's actual width and any persistence in its layout owner; this component\n * reports a bounded pixel value and draws the grip at the matching left or\n * right edge.\n \n The ruler is a single separator positioned inside a box as wide as the\n * maximum, so it needs no panel-group geometry (and none of the split-layout\n * code that comes with one): arrow keys move it by `step` along its visual\n * edge, Home and End jump to the bounds, and a pointer drag is captured on the\n * handle so cancellation and lost capture end the gesture.\n /\nexport function PixelResizeHandle(props: PixelResizeHandleProps) {\n const maximum = () => Math.max(1, props.maximum)\n const minimum = () => Math.min(maximum(), Math.max(0, props.minimum))\n const value = () => Math.min(maximum(), Math.max(minimum(), Math.round(props.value)))\n const isRight = () => props.side === 'right'\n const bounded = (next: number) => Math.min(maximum(), Math.max(minimum(), Math.round(next)))\n const commit = () => props.onCommit?.(value())\n let interacting = false\n const [drag, setDrag] = createSignal<{\n pointerId: number\n startX: number\n startValue: number\n handle: HTMLElement\n }>()\n const endPointer = (shouldCommit: boolean) => {\n const current = drag()\n if (!current) return\n setDrag(undefined)\n if (current.handle.hasPointerCapture(current.pointerId))\n current.handle.releasePointerCapture(current.pointerId)\n if (shouldCommit) commit()\n }\n const endKeyboard = () => {\n const wasInteracting = interacting\n interacting = false\n if (wasInteracting) commit()\n }\n onCleanup(() => {\n endKeyboard()\n endPointer(false)\n })\n const move = (next: number) => {\n if (next !== value()) props.onChange(next)\n }\n // Arrow keys describe physical movement of the handle: on a right-edge pane\n // moving the handle left widens the pane.\n const KEY_DIRECTION: Record<string, number> = { ArrowLeft: -1, ArrowRight: 1 }\n\n return (\n <div\n class={cn(\n 'pointer-events-none absolute inset-y-0',\n {\n 'left-0': props.side === 'left',\n 'right-0': props.side === 'right',\n },\n props.class\n )}\n style={{ width: `${maximum()}px` }}\n >\n <div\n role=\"separator\"\n tabIndex={0}\n aria-orientation=\"vertical\"\n aria-label={props.label ?? `Resize ${props.side} pane`}\n aria-controls={props.controls}\n aria-valuemin={minimum()}\n aria-valuemax={maximum()}\n aria-valuenow={value()}\n aria-valuetext={`${value()} pixels`}\n data-dragging={drag() ? '' : undefined}\n style={{ left: `${isRight() ? maximum() - value() : value()}px` }}\n class={cn(\n 'group/resize bg-border pointer-events-auto absolute inset-y-0 flex w-px items-center justify-center',\n / Widen the hit target without moving the visual line: 24px on the\n drag axis meets WCAG 2.5.8's minimum target. /\n 'after:absolute after:inset-y-0 after:-inset-x-3 after:w-6',\n 'transition-colors ease-out focus-visible:bg-primary focus-visible:outline-none',\n props.grip === 'chip' ? 'hover:bg-primary' : 'hover:bg-primary/45'\n )}\n onPointerDown={(event) => {\n if (event.button !== 0 \|\| !event.isPrimary) return\n const handle = event.currentTarget\n endPointer(false)\n interacting = false\n handle.focus()\n handle.setPointerCapture(event.pointerId)\n setDrag({\n pointerId: event.pointerId,\n startX: event.clientX,\n startValue: value(),\n handle,\n })\n }}\n onPointerMove={(event) => {\n const current = drag()\n if (!current \|\| event.pointerId !== current.pointerId) return\n if (!current.handle.hasPointerCapture(current.pointerId)) {\n endPointer(false)\n return\n }\n const delta = (event.clientX - current.startX) (isRight() ? -1 : 1)\n move(bounded(current.startValue + delta))\n }}\n onPointerUp={(event) => {\n if (event.pointerId === drag()?.pointerId) endPointer(true)\n }}\n onPointerCancel={(event) => {\n if (event.pointerId === drag()?.pointerId) endPointer(false)\n }}\n onLostPointerCapture={(event) => {\n if (event.pointerId === drag()?.pointerId) endPointer(false)\n }}\n onBlur={() => {\n endKeyboard()\n endPointer(false)\n }}\n onKeyDown={(event) => {\n const current = drag()\n if (current && !current.handle.hasPointerCapture(current.pointerId)) endPointer(false)\n if (drag()) {\n event.preventDefault()\n return\n }\n const direction = KEY_DIRECTION[event.key]\n if (direction !== undefined) {\n event.preventDefault()\n interacting = true\n move(bounded(value() + direction * (isRight() ? -1 : 1) * (props.step ?? 16)))\n } else if (event.key === 'Home' \|\| event.key === 'End') {\n event.preventDefault()\n interacting = true\n move(event.key === 'Home' ? minimum() : maximum())\n }\n }}\n onKeyUp={(event) => {\n if (['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) endKeyboard()\n }}\n >\n {props.grip === 'chip' ? (\n <div class=\"bg-border z-(--z-docked) flex h-4 w-2.5 items-center justify-center rounded-sm border border-border\">\n <GripVertical class=\"size-2.5 text-muted-foreground\" />\n </div>\n ) : (\n <div\n data-slot=\"resizable-grip\"\n class=\"z-(--z-docked) h-11 w-1.5 flex-none rounded-full bg-border/55\"\n />\n )}\n </div>\n </div>\n )\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"pixel-resize-handle.js","names":["GripVertical","createSignal","onCleanup","cn","PixelResizeHandleProps","side","value","minimum","maximum","step","label","controls","class","grip","onChange","onCommit","PixelResizeHandle","props","Math","max","min","round","isRight","bounded","next","commit","interacting","drag","setDrag","pointerId","startX","startValue","handle","HTMLElement","endPointer","shouldCommit","current","undefined","hasPointerCapture","releasePointerCapture","endKeyboard","wasInteracting","move","KEY_DIRECTION","Record","ArrowLeft","ArrowRight","_el$","_tmpl$","_el$2","firstChild","$$keyup","event","includes","key","$$keydown","preventDefault","direction","addEventListener","$$pointerup","$$pointermove","delta","clientX","$$pointerdown","button","isPrimary","currentTarget","focus","setPointerCapture","_$insert","_c$","_$memo","_el$3","_tmpl$2","_$createComponent","_tmpl$3","_$effect","_p$","_v$","_v$2","_v$3","_v$4","_v$5","_v$6","_v$7","_v$8","_v$9","_v$0","_v$1","e","_$className","t","_$setStyleProperty","a","_$setAttribute","o","i","n","s","h","r","d","l","_$delegateEvents","_$memo","_$createComponent","_$className","_$setStyleProperty","_$setAttribute","_$delegateEvents"],"sources":["../../../../src/components/layout/pixel-resize-handle/pixel-resize-handle.tsx"],"sourcesContent":["import { GripVertical } from 'lucide-solid'\nimport { createSignal, onCleanup } from 'solid-js'\nimport { cn } from '#lib/utils'\n\nexport type PixelResizeHandleProps = {\n /** Which physical edge of the ruler the resizable surface is attached to. /\n side: 'left' \| 'right'\n /* Current width in CSS pixels. /\n value: number\n minimum: number\n maximum: number\n step?: number\n label?: string\n controls?: string\n class?: string\n /\n The grip drawn on the edge: the quieter rung by default, or the bordered\n * chip for hosts that want the heavier affordance.\n /\n grip?: 'chip' \| 'rung'\n onChange(value: number): void\n onCommit?(value: number): void\n}\n\n/\n PixelResizeHandle.\n \n A keyboard- and pointer-operable edge ruler for a host-owned pane. Keep the\n * pane's actual width and any persistence in its layout owner; this component\n * reports a bounded pixel value and draws the grip at the matching left or\n * right edge.\n \n The ruler is a single separator positioned inside a box as wide as the\n * maximum, so it needs no panel-group geometry (and none of the split-layout\n * code that comes with one): arrow keys move it by `step` along its visual\n * edge, Home and End jump to the bounds, and a pointer drag is captured on the\n * handle so cancellation and lost capture end the gesture.\n /\nexport function PixelResizeHandle(props: PixelResizeHandleProps) {\n const maximum = () => Math.max(1, props.maximum)\n const minimum = () => Math.min(maximum(), Math.max(0, props.minimum))\n const value = () => Math.min(maximum(), Math.max(minimum(), Math.round(props.value)))\n const isRight = () => props.side === 'right'\n const bounded = (next: number) => Math.min(maximum(), Math.max(minimum(), Math.round(next)))\n const commit = () => props.onCommit?.(value())\n let interacting = false\n const [drag, setDrag] = createSignal<{\n pointerId: number\n startX: number\n startValue: number\n handle: HTMLElement\n }>()\n const endPointer = (shouldCommit: boolean) => {\n const current = drag()\n if (!current) return\n setDrag(undefined)\n if (current.handle.hasPointerCapture(current.pointerId))\n current.handle.releasePointerCapture(current.pointerId)\n if (shouldCommit) commit()\n }\n const endKeyboard = () => {\n const wasInteracting = interacting\n interacting = false\n if (wasInteracting) commit()\n }\n onCleanup(() => {\n endKeyboard()\n endPointer(false)\n })\n const move = (next: number) => {\n if (next !== value()) props.onChange(next)\n }\n // Arrow keys describe physical movement of the handle: on a right-edge pane\n // moving the handle left widens the pane.\n const KEY_DIRECTION: Record<string, number> = { ArrowLeft: -1, ArrowRight: 1 }\n\n return (\n <div\n class={cn(\n 'pointer-events-none absolute inset-y-0',\n {\n 'left-0': props.side === 'left',\n 'right-0': props.side === 'right',\n },\n props.class\n )}\n style={{ width: `${maximum()}px` }}\n >\n <div\n role=\"separator\"\n tabIndex={0}\n aria-orientation=\"vertical\"\n aria-label={props.label ?? `Resize ${props.side} pane`}\n aria-controls={props.controls}\n aria-valuemin={minimum()}\n aria-valuemax={maximum()}\n aria-valuenow={value()}\n aria-valuetext={`${value()} pixels`}\n data-dragging={drag() ? '' : undefined}\n style={{ left: `${isRight() ? maximum() - value() : value()}px` }}\n class={cn(\n 'group/resize bg-border pointer-events-auto absolute inset-y-0 flex w-px cursor-pointer items-center justify-center',\n / Widen the hit target without moving the visual line: 24px on the\n drag axis meets WCAG 2.5.8's minimum target. /\n 'after:absolute after:inset-y-0 after:-inset-x-3 after:w-6',\n 'transition-colors ease-out focus-visible:bg-primary focus-visible:outline-none',\n props.grip === 'chip' ? 'hover:bg-primary' : 'hover:bg-primary/45'\n )}\n onPointerDown={(event) => {\n if (event.button !== 0 \|\| !event.isPrimary) return\n const handle = event.currentTarget\n endPointer(false)\n interacting = false\n handle.focus()\n handle.setPointerCapture(event.pointerId)\n setDrag({\n pointerId: event.pointerId,\n startX: event.clientX,\n startValue: value(),\n handle,\n })\n }}\n onPointerMove={(event) => {\n const current = drag()\n if (!current \|\| event.pointerId !== current.pointerId) return\n if (!current.handle.hasPointerCapture(current.pointerId)) {\n endPointer(false)\n return\n }\n const delta = (event.clientX - current.startX) (isRight() ? -1 : 1)\n move(bounded(current.startValue + delta))\n }}\n onPointerUp={(event) => {\n if (event.pointerId === drag()?.pointerId) endPointer(true)\n }}\n onPointerCancel={(event) => {\n if (event.pointerId === drag()?.pointerId) endPointer(false)\n }}\n onLostPointerCapture={(event) => {\n if (event.pointerId === drag()?.pointerId) endPointer(false)\n }}\n onBlur={() => {\n endKeyboard()\n endPointer(false)\n }}\n onKeyDown={(event) => {\n const current = drag()\n if (current && !current.handle.hasPointerCapture(current.pointerId)) endPointer(false)\n if (drag()) {\n event.preventDefault()\n return\n }\n const direction = KEY_DIRECTION[event.key]\n if (direction !== undefined) {\n event.preventDefault()\n interacting = true\n move(bounded(value() + direction * (isRight() ? -1 : 1) * (props.step ?? 16)))\n } else if (event.key === 'Home' \|\| event.key === 'End') {\n event.preventDefault()\n interacting = true\n move(event.key === 'Home' ? minimum() : maximum())\n }\n }}\n onKeyUp={(event) => {\n if (['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) endKeyboard()\n }}\n >\n {props.grip === 'chip' ? (\n <div class=\"bg-border z-(--z-docked) flex h-4 w-2.5 items-center justify-center rounded-sm border border-border\">\n <GripVertical class=\"size-2.5 text-muted-foreground\" />\n </div>\n ) : (\n <div\n data-slot=\"resizable-grip\"\n class=\"z-(--z-docked) h-11 w-1.5 flex-none rounded-full bg-border/55\"\n />\n )}\n </div>\n </div>\n )\n}\n"],"mappings":"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"}

package/dist/components/layout/split-layout/resize-controller-core-retry.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { MAX_SPLIT_RATIO, MIN_SPLIT_RATIO, listLeaves } from "./tree.js";
 import { delegateEvents, effect, setAttribute, style, template, use } from "solid-js/web";
 import { createSignal } from "solid-js";
 //#region src/components/layout/split-layout/resize-controller-core-retry.tsx
-var _tmpl$ = /*#__PURE__*/ template(`<div class="pointer-events-none absolute min-h-0 min-w-0"><div role=separator tabindex=0 data-split-layout-handle aria-valuemin=10 aria-valuemax=90 class="pointer-events-auto absolute shrink-0 bg-border after:absolute after:inset-y-0 after:-inset-x-1 after:w-3 focus-visible:bg-primary focus-visible:outline-none hover:bg-primary data-[orientation=vertical]:after:inset-x-0 data-[orientation=vertical]:after:-inset-y-1 data-[orientation=vertical]:after:h-3 data-[orientation=vertical]:after:w-full">`);
+var _tmpl$ = /*#__PURE__*/ template(`<div class="pointer-events-none absolute min-h-0 min-w-0"><div role=separator tabindex=0 data-split-layout-handle aria-valuemin=10 aria-valuemax=90 class="pointer-events-auto absolute shrink-0 cursor-pointer bg-border after:absolute after:inset-y-0 after:-inset-x-1 after:w-3 focus-visible:bg-primary focus-visible:outline-none hover:bg-primary data-[orientation=vertical]:after:inset-x-0 data-[orientation=vertical]:after:-inset-y-1 data-[orientation=vertical]:after:h-3 data-[orientation=vertical]:after:w-full">`);
 var KEYBOARD_DELTA = .05;
 /** The divider stays behind the first real split while the pane owners remain mounted. */
 function SplitLayoutResizeController(props) {

package/dist/components/layout/split-layout/resize-controller-core-retry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"resize-controller-core-retry.js","names":["createSignal","Accessor","JSX","listLeaves","MIN_SPLIT_RATIO","MAX_SPLIT_RATIO","SplitLayoutBranch","SplitLayoutLeaf","SplitLayoutResizeControllerProps","branch","L","rect","CSSProperties","domId","id","root","HTMLDivElement","labelForSeparator","onResize","splitId","ratio","KEYBOARD_DELTA","SplitLayoutResizeController","props","container","setContainer","activePointer","horizontal","direction","resizeTo","isConnected","getClientRects","length","next","Math","min","max","Number","isFinite","abs","stopDrag","handle","HTMLElement","event","PointerEvent","pointerId","undefined","removeAttribute","hasPointerCapture","releasePointerCapture","_el$","_tmpl$","_el$2","firstChild","_$use","addEventListener","currentTarget","$$pointerup","$$pointermove","element","box","getBoundingClientRect","size","width","height","clientX","left","clientY","top","$$pointerdown","button","setPointerCapture","setAttribute","preventDefault","$$keydown","forward","backward","current","key","_$effect","_p$","_v$","_v$2","_v$3","_v$4","_v$5","map","leaf","join","_v$6","round","_v$7","bottom","right","e","_$style","t","_$setAttribute","a","o","i","n","s","_$delegateEvents","_$style","_$setAttribute","_$delegateEvents"],"sources":["../../../../src/components/layout/split-layout/resize-controller-core-retry.tsx"],"sourcesContent":["import { createSignal, type Accessor, type JSX } from 'solid-js'\nimport {\n listLeaves,\n MIN_SPLIT_RATIO,\n MAX_SPLIT_RATIO,\n type SplitLayoutBranch,\n type SplitLayoutLeaf,\n} from './model'\n\nexport type SplitLayoutResizeControllerProps<L extends SplitLayoutLeaf> = {\n branch: Accessor<SplitLayoutBranch<L>>\n rect: Accessor<JSX.CSSProperties>\n domId: (id: string) => string\n root: () => HTMLDivElement \| undefined\n labelForSeparator?: (branch: SplitLayoutBranch<L>) => string\n onResize: (splitId: string, ratio: number) => void\n}\n\nconst KEYBOARD_DELTA = 0.05\n\n/** The divider stays behind the first real split while the pane owners remain mounted. /\nexport default function SplitLayoutResizeController<L extends SplitLayoutLeaf>(\n props: SplitLayoutResizeControllerProps<L>\n) {\n const [container, setContainer] = createSignal<HTMLDivElement>()\n let activePointer: number \| undefined\n const horizontal = () => props.branch().direction === 'row'\n\n const resizeTo = (ratio: number) => {\n // A hidden or detached host reports no usable geometry; that is not\n // user resize intent.\n const root = props.root()\n if (!root?.isConnected \|\| root.getClientRects().length === 0) return\n const next = Math.min(MAX_SPLIT_RATIO, Math.max(MIN_SPLIT_RATIO, ratio))\n if (Number.isFinite(next) && Math.abs(next - props.branch().ratio) > 0.000001)\n props.onResize(props.branch().id, next)\n }\n const stopDrag = (handle: HTMLElement, event: PointerEvent) => {\n if (activePointer !== event.pointerId) return\n activePointer = undefined\n handle.removeAttribute('data-dragging')\n if (handle.hasPointerCapture(event.pointerId)) handle.releasePointerCapture(event.pointerId)\n }\n\n return (\n <div\n ref={setContainer}\n style={props.rect()}\n class=\"pointer-events-none absolute min-h-0 min-w-0\"\n >\n <div\n role=\"separator\"\n tabIndex={0}\n data-split-layout-handle=\"\"\n data-orientation={horizontal() ? 'horizontal' : 'vertical'}\n aria-label={\n props.labelForSeparator?.(props.branch()) ??\n (horizontal() ? 'Resize pane columns' : 'Resize pane rows')\n }\n aria-orientation={horizontal() ? 'vertical' : 'horizontal'}\n aria-controls={listLeaves(props.branch())\n .map((leaf) => props.domId(leaf.id))\n .join(' ')}\n aria-valuemin={10}\n aria-valuemax={90}\n aria-valuenow={Math.round(props.branch().ratio 100)}\n style={\n horizontal()\n ? { left: `${props.branch().ratio * 100}%`, top: 0, bottom: 0, width: '1px' }\n : { top: `${props.branch().ratio * 100}%`, left: 0, right: 0, height: '1px' }\n }\n onKeyDown={(event) => {\n const forward = horizontal() ? 'ArrowRight' : 'ArrowDown'\n const backward = horizontal() ? 'ArrowLeft' : 'ArrowUp'\n const current = props.branch().ratio\n let next: number\n if (event.key === forward) next = current + KEYBOARD_DELTA\n else if (event.key === backward) next = current - KEYBOARD_DELTA\n else if (event.key === 'Home') next = MIN_SPLIT_RATIO\n else if (event.key === 'End') next = MAX_SPLIT_RATIO\n else return\n event.preventDefault()\n resizeTo(next)\n }}\n onPointerDown={(event) => {\n if (event.button !== 0 \|\| activePointer !== undefined) return\n activePointer = event.pointerId\n event.currentTarget.setPointerCapture(event.pointerId)\n event.currentTarget.setAttribute('data-dragging', '')\n event.preventDefault()\n }}\n onPointerMove={(event) => {\n const element = container()\n if (activePointer !== event.pointerId \|\| !element) return\n const box = element.getBoundingClientRect()\n const size = horizontal() ? box.width : box.height\n if (size <= 0) return\n resizeTo((horizontal() ? event.clientX - box.left : event.clientY - box.top) / size)\n }}\n onPointerUp={(event) => stopDrag(event.currentTarget, event)}\n onPointerCancel={(event) => stopDrag(event.currentTarget, event)}\n onLostPointerCapture={(event) => stopDrag(event.currentTarget, event)}\n class=\"pointer-events-auto absolute shrink-0 bg-border after:absolute after:inset-y-0 after:-inset-x-1 after:w-3 focus-visible:bg-primary focus-visible:outline-none hover:bg-primary data-[orientation=vertical]:after:inset-x-0 data-[orientation=vertical]:after:-inset-y-1 data-[orientation=vertical]:after:h-3 data-[orientation=vertical]:after:w-full\"\n />\n </div>\n )\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"resize-controller-core-retry.js","names":["createSignal","Accessor","JSX","listLeaves","MIN_SPLIT_RATIO","MAX_SPLIT_RATIO","SplitLayoutBranch","SplitLayoutLeaf","SplitLayoutResizeControllerProps","branch","L","rect","CSSProperties","domId","id","root","HTMLDivElement","labelForSeparator","onResize","splitId","ratio","KEYBOARD_DELTA","SplitLayoutResizeController","props","container","setContainer","activePointer","horizontal","direction","resizeTo","isConnected","getClientRects","length","next","Math","min","max","Number","isFinite","abs","stopDrag","handle","HTMLElement","event","PointerEvent","pointerId","undefined","removeAttribute","hasPointerCapture","releasePointerCapture","_el$","_tmpl$","_el$2","firstChild","_$use","addEventListener","currentTarget","$$pointerup","$$pointermove","element","box","getBoundingClientRect","size","width","height","clientX","left","clientY","top","$$pointerdown","button","setPointerCapture","setAttribute","preventDefault","$$keydown","forward","backward","current","key","_$effect","_p$","_v$","_v$2","_v$3","_v$4","_v$5","map","leaf","join","_v$6","round","_v$7","bottom","right","e","_$style","t","_$setAttribute","a","o","i","n","s","_$delegateEvents","_$style","_$setAttribute","_$delegateEvents"],"sources":["../../../../src/components/layout/split-layout/resize-controller-core-retry.tsx"],"sourcesContent":["import { createSignal, type Accessor, type JSX } from 'solid-js'\nimport {\n listLeaves,\n MIN_SPLIT_RATIO,\n MAX_SPLIT_RATIO,\n type SplitLayoutBranch,\n type SplitLayoutLeaf,\n} from './model'\n\nexport type SplitLayoutResizeControllerProps<L extends SplitLayoutLeaf> = {\n branch: Accessor<SplitLayoutBranch<L>>\n rect: Accessor<JSX.CSSProperties>\n domId: (id: string) => string\n root: () => HTMLDivElement \| undefined\n labelForSeparator?: (branch: SplitLayoutBranch<L>) => string\n onResize: (splitId: string, ratio: number) => void\n}\n\nconst KEYBOARD_DELTA = 0.05\n\n/** The divider stays behind the first real split while the pane owners remain mounted. /\nexport default function SplitLayoutResizeController<L extends SplitLayoutLeaf>(\n props: SplitLayoutResizeControllerProps<L>\n) {\n const [container, setContainer] = createSignal<HTMLDivElement>()\n let activePointer: number \| undefined\n const horizontal = () => props.branch().direction === 'row'\n\n const resizeTo = (ratio: number) => {\n // A hidden or detached host reports no usable geometry; that is not\n // user resize intent.\n const root = props.root()\n if (!root?.isConnected \|\| root.getClientRects().length === 0) return\n const next = Math.min(MAX_SPLIT_RATIO, Math.max(MIN_SPLIT_RATIO, ratio))\n if (Number.isFinite(next) && Math.abs(next - props.branch().ratio) > 0.000001)\n props.onResize(props.branch().id, next)\n }\n const stopDrag = (handle: HTMLElement, event: PointerEvent) => {\n if (activePointer !== event.pointerId) return\n activePointer = undefined\n handle.removeAttribute('data-dragging')\n if (handle.hasPointerCapture(event.pointerId)) handle.releasePointerCapture(event.pointerId)\n }\n\n return (\n <div\n ref={setContainer}\n style={props.rect()}\n class=\"pointer-events-none absolute min-h-0 min-w-0\"\n >\n <div\n role=\"separator\"\n tabIndex={0}\n data-split-layout-handle=\"\"\n data-orientation={horizontal() ? 'horizontal' : 'vertical'}\n aria-label={\n props.labelForSeparator?.(props.branch()) ??\n (horizontal() ? 'Resize pane columns' : 'Resize pane rows')\n }\n aria-orientation={horizontal() ? 'vertical' : 'horizontal'}\n aria-controls={listLeaves(props.branch())\n .map((leaf) => props.domId(leaf.id))\n .join(' ')}\n aria-valuemin={10}\n aria-valuemax={90}\n aria-valuenow={Math.round(props.branch().ratio 100)}\n style={\n horizontal()\n ? { left: `${props.branch().ratio * 100}%`, top: 0, bottom: 0, width: '1px' }\n : { top: `${props.branch().ratio * 100}%`, left: 0, right: 0, height: '1px' }\n }\n onKeyDown={(event) => {\n const forward = horizontal() ? 'ArrowRight' : 'ArrowDown'\n const backward = horizontal() ? 'ArrowLeft' : 'ArrowUp'\n const current = props.branch().ratio\n let next: number\n if (event.key === forward) next = current + KEYBOARD_DELTA\n else if (event.key === backward) next = current - KEYBOARD_DELTA\n else if (event.key === 'Home') next = MIN_SPLIT_RATIO\n else if (event.key === 'End') next = MAX_SPLIT_RATIO\n else return\n event.preventDefault()\n resizeTo(next)\n }}\n onPointerDown={(event) => {\n if (event.button !== 0 \|\| activePointer !== undefined) return\n activePointer = event.pointerId\n event.currentTarget.setPointerCapture(event.pointerId)\n event.currentTarget.setAttribute('data-dragging', '')\n event.preventDefault()\n }}\n onPointerMove={(event) => {\n const element = container()\n if (activePointer !== event.pointerId \|\| !element) return\n const box = element.getBoundingClientRect()\n const size = horizontal() ? box.width : box.height\n if (size <= 0) return\n resizeTo((horizontal() ? event.clientX - box.left : event.clientY - box.top) / size)\n }}\n onPointerUp={(event) => stopDrag(event.currentTarget, event)}\n onPointerCancel={(event) => stopDrag(event.currentTarget, event)}\n onLostPointerCapture={(event) => stopDrag(event.currentTarget, event)}\n class=\"pointer-events-auto absolute shrink-0 cursor-pointer bg-border after:absolute after:inset-y-0 after:-inset-x-1 after:w-3 focus-visible:bg-primary focus-visible:outline-none hover:bg-primary data-[orientation=vertical]:after:inset-x-0 data-[orientation=vertical]:after:-inset-y-1 data-[orientation=vertical]:after:h-3 data-[orientation=vertical]:after:w-full\"\n />\n </div>\n )\n}\n"],"mappings":"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"}

package/dist/components/layout/split-layout/resize-controller-core.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { MAX_SPLIT_RATIO, MIN_SPLIT_RATIO, listLeaves } from "./tree.js";
 import { delegateEvents, effect, setAttribute, style, template, use } from "solid-js/web";
 import { createSignal } from "solid-js";
 //#region src/components/layout/split-layout/resize-controller-core.tsx
-var _tmpl$ = /*#__PURE__*/ template(`<div class="pointer-events-none absolute min-h-0 min-w-0"><div role=separator tabindex=0 data-split-layout-handle aria-valuemin=10 aria-valuemax=90 class="pointer-events-auto absolute shrink-0 bg-border after:absolute after:inset-y-0 after:-inset-x-1 after:w-3 focus-visible:bg-primary focus-visible:outline-none hover:bg-primary data-[orientation=vertical]:after:inset-x-0 data-[orientation=vertical]:after:-inset-y-1 data-[orientation=vertical]:after:h-3 data-[orientation=vertical]:after:w-full">`);
+var _tmpl$ = /*#__PURE__*/ template(`<div class="pointer-events-none absolute min-h-0 min-w-0"><div role=separator tabindex=0 data-split-layout-handle aria-valuemin=10 aria-valuemax=90 class="pointer-events-auto absolute shrink-0 cursor-pointer bg-border after:absolute after:inset-y-0 after:-inset-x-1 after:w-3 focus-visible:bg-primary focus-visible:outline-none hover:bg-primary data-[orientation=vertical]:after:inset-x-0 data-[orientation=vertical]:after:-inset-y-1 data-[orientation=vertical]:after:h-3 data-[orientation=vertical]:after:w-full">`);
 var KEYBOARD_DELTA = .05;
 /** The divider stays behind the first real split while the pane owners remain mounted. */
 function SplitLayoutResizeController(props) {

package/dist/components/layout/split-layout/resize-controller-core.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"resize-controller-core.js","names":["createSignal","Accessor","JSX","listLeaves","MIN_SPLIT_RATIO","MAX_SPLIT_RATIO","SplitLayoutBranch","SplitLayoutLeaf","SplitLayoutResizeControllerProps","branch","L","rect","CSSProperties","domId","id","root","HTMLDivElement","labelForSeparator","onResize","splitId","ratio","KEYBOARD_DELTA","SplitLayoutResizeController","props","container","setContainer","activePointer","horizontal","direction","resizeTo","isConnected","getClientRects","length","next","Math","min","max","Number","isFinite","abs","stopDrag","handle","HTMLElement","event","PointerEvent","pointerId","undefined","removeAttribute","hasPointerCapture","releasePointerCapture","_el$","_tmpl$","_el$2","firstChild","_$use","addEventListener","currentTarget","$$pointerup","$$pointermove","element","box","getBoundingClientRect","size","width","height","clientX","left","clientY","top","$$pointerdown","button","setPointerCapture","setAttribute","preventDefault","$$keydown","forward","backward","current","key","_$effect","_p$","_v$","_v$2","_v$3","_v$4","_v$5","map","leaf","join","_v$6","round","_v$7","bottom","right","e","_$style","t","_$setAttribute","a","o","i","n","s","_$delegateEvents","_$style","_$setAttribute","_$delegateEvents"],"sources":["../../../../src/components/layout/split-layout/resize-controller-core.tsx"],"sourcesContent":["import { createSignal, type Accessor, type JSX } from 'solid-js'\nimport {\n listLeaves,\n MIN_SPLIT_RATIO,\n MAX_SPLIT_RATIO,\n type SplitLayoutBranch,\n type SplitLayoutLeaf,\n} from './model'\n\nexport type SplitLayoutResizeControllerProps<L extends SplitLayoutLeaf> = {\n branch: Accessor<SplitLayoutBranch<L>>\n rect: Accessor<JSX.CSSProperties>\n domId: (id: string) => string\n root: () => HTMLDivElement \| undefined\n labelForSeparator?: (branch: SplitLayoutBranch<L>) => string\n onResize: (splitId: string, ratio: number) => void\n}\n\nconst KEYBOARD_DELTA = 0.05\n\n/** The divider stays behind the first real split while the pane owners remain mounted. /\nexport default function SplitLayoutResizeController<L extends SplitLayoutLeaf>(\n props: SplitLayoutResizeControllerProps<L>\n) {\n const [container, setContainer] = createSignal<HTMLDivElement>()\n let activePointer: number \| undefined\n const horizontal = () => props.branch().direction === 'row'\n\n const resizeTo = (ratio: number) => {\n // A hidden or detached host reports no usable geometry; that is not\n // user resize intent.\n const root = props.root()\n if (!root?.isConnected \|\| root.getClientRects().length === 0) return\n const next = Math.min(MAX_SPLIT_RATIO, Math.max(MIN_SPLIT_RATIO, ratio))\n if (Number.isFinite(next) && Math.abs(next - props.branch().ratio) > 0.000001)\n props.onResize(props.branch().id, next)\n }\n const stopDrag = (handle: HTMLElement, event: PointerEvent) => {\n if (activePointer !== event.pointerId) return\n activePointer = undefined\n handle.removeAttribute('data-dragging')\n if (handle.hasPointerCapture(event.pointerId)) handle.releasePointerCapture(event.pointerId)\n }\n\n return (\n <div\n ref={setContainer}\n style={props.rect()}\n class=\"pointer-events-none absolute min-h-0 min-w-0\"\n >\n <div\n role=\"separator\"\n tabIndex={0}\n data-split-layout-handle=\"\"\n data-orientation={horizontal() ? 'horizontal' : 'vertical'}\n aria-label={\n props.labelForSeparator?.(props.branch()) ??\n (horizontal() ? 'Resize pane columns' : 'Resize pane rows')\n }\n aria-orientation={horizontal() ? 'vertical' : 'horizontal'}\n aria-controls={listLeaves(props.branch())\n .map((leaf) => props.domId(leaf.id))\n .join(' ')}\n aria-valuemin={10}\n aria-valuemax={90}\n aria-valuenow={Math.round(props.branch().ratio 100)}\n style={\n horizontal()\n ? { left: `${props.branch().ratio * 100}%`, top: 0, bottom: 0, width: '1px' }\n : { top: `${props.branch().ratio * 100}%`, left: 0, right: 0, height: '1px' }\n }\n onKeyDown={(event) => {\n const forward = horizontal() ? 'ArrowRight' : 'ArrowDown'\n const backward = horizontal() ? 'ArrowLeft' : 'ArrowUp'\n const current = props.branch().ratio\n let next: number\n if (event.key === forward) next = current + KEYBOARD_DELTA\n else if (event.key === backward) next = current - KEYBOARD_DELTA\n else if (event.key === 'Home') next = MIN_SPLIT_RATIO\n else if (event.key === 'End') next = MAX_SPLIT_RATIO\n else return\n event.preventDefault()\n resizeTo(next)\n }}\n onPointerDown={(event) => {\n if (event.button !== 0 \|\| activePointer !== undefined) return\n activePointer = event.pointerId\n event.currentTarget.setPointerCapture(event.pointerId)\n event.currentTarget.setAttribute('data-dragging', '')\n event.preventDefault()\n }}\n onPointerMove={(event) => {\n const element = container()\n if (activePointer !== event.pointerId \|\| !element) return\n const box = element.getBoundingClientRect()\n const size = horizontal() ? box.width : box.height\n if (size <= 0) return\n resizeTo((horizontal() ? event.clientX - box.left : event.clientY - box.top) / size)\n }}\n onPointerUp={(event) => stopDrag(event.currentTarget, event)}\n onPointerCancel={(event) => stopDrag(event.currentTarget, event)}\n onLostPointerCapture={(event) => stopDrag(event.currentTarget, event)}\n class=\"pointer-events-auto absolute shrink-0 bg-border after:absolute after:inset-y-0 after:-inset-x-1 after:w-3 focus-visible:bg-primary focus-visible:outline-none hover:bg-primary data-[orientation=vertical]:after:inset-x-0 data-[orientation=vertical]:after:-inset-y-1 data-[orientation=vertical]:after:h-3 data-[orientation=vertical]:after:w-full\"\n />\n </div>\n )\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"resize-controller-core.js","names":["createSignal","Accessor","JSX","listLeaves","MIN_SPLIT_RATIO","MAX_SPLIT_RATIO","SplitLayoutBranch","SplitLayoutLeaf","SplitLayoutResizeControllerProps","branch","L","rect","CSSProperties","domId","id","root","HTMLDivElement","labelForSeparator","onResize","splitId","ratio","KEYBOARD_DELTA","SplitLayoutResizeController","props","container","setContainer","activePointer","horizontal","direction","resizeTo","isConnected","getClientRects","length","next","Math","min","max","Number","isFinite","abs","stopDrag","handle","HTMLElement","event","PointerEvent","pointerId","undefined","removeAttribute","hasPointerCapture","releasePointerCapture","_el$","_tmpl$","_el$2","firstChild","_$use","addEventListener","currentTarget","$$pointerup","$$pointermove","element","box","getBoundingClientRect","size","width","height","clientX","left","clientY","top","$$pointerdown","button","setPointerCapture","setAttribute","preventDefault","$$keydown","forward","backward","current","key","_$effect","_p$","_v$","_v$2","_v$3","_v$4","_v$5","map","leaf","join","_v$6","round","_v$7","bottom","right","e","_$style","t","_$setAttribute","a","o","i","n","s","_$delegateEvents","_$style","_$setAttribute","_$delegateEvents"],"sources":["../../../../src/components/layout/split-layout/resize-controller-core.tsx"],"sourcesContent":["import { createSignal, type Accessor, type JSX } from 'solid-js'\nimport {\n listLeaves,\n MIN_SPLIT_RATIO,\n MAX_SPLIT_RATIO,\n type SplitLayoutBranch,\n type SplitLayoutLeaf,\n} from './model'\n\nexport type SplitLayoutResizeControllerProps<L extends SplitLayoutLeaf> = {\n branch: Accessor<SplitLayoutBranch<L>>\n rect: Accessor<JSX.CSSProperties>\n domId: (id: string) => string\n root: () => HTMLDivElement \| undefined\n labelForSeparator?: (branch: SplitLayoutBranch<L>) => string\n onResize: (splitId: string, ratio: number) => void\n}\n\nconst KEYBOARD_DELTA = 0.05\n\n/** The divider stays behind the first real split while the pane owners remain mounted. /\nexport default function SplitLayoutResizeController<L extends SplitLayoutLeaf>(\n props: SplitLayoutResizeControllerProps<L>\n) {\n const [container, setContainer] = createSignal<HTMLDivElement>()\n let activePointer: number \| undefined\n const horizontal = () => props.branch().direction === 'row'\n\n const resizeTo = (ratio: number) => {\n // A hidden or detached host reports no usable geometry; that is not\n // user resize intent.\n const root = props.root()\n if (!root?.isConnected \|\| root.getClientRects().length === 0) return\n const next = Math.min(MAX_SPLIT_RATIO, Math.max(MIN_SPLIT_RATIO, ratio))\n if (Number.isFinite(next) && Math.abs(next - props.branch().ratio) > 0.000001)\n props.onResize(props.branch().id, next)\n }\n const stopDrag = (handle: HTMLElement, event: PointerEvent) => {\n if (activePointer !== event.pointerId) return\n activePointer = undefined\n handle.removeAttribute('data-dragging')\n if (handle.hasPointerCapture(event.pointerId)) handle.releasePointerCapture(event.pointerId)\n }\n\n return (\n <div\n ref={setContainer}\n style={props.rect()}\n class=\"pointer-events-none absolute min-h-0 min-w-0\"\n >\n <div\n role=\"separator\"\n tabIndex={0}\n data-split-layout-handle=\"\"\n data-orientation={horizontal() ? 'horizontal' : 'vertical'}\n aria-label={\n props.labelForSeparator?.(props.branch()) ??\n (horizontal() ? 'Resize pane columns' : 'Resize pane rows')\n }\n aria-orientation={horizontal() ? 'vertical' : 'horizontal'}\n aria-controls={listLeaves(props.branch())\n .map((leaf) => props.domId(leaf.id))\n .join(' ')}\n aria-valuemin={10}\n aria-valuemax={90}\n aria-valuenow={Math.round(props.branch().ratio 100)}\n style={\n horizontal()\n ? { left: `${props.branch().ratio * 100}%`, top: 0, bottom: 0, width: '1px' }\n : { top: `${props.branch().ratio * 100}%`, left: 0, right: 0, height: '1px' }\n }\n onKeyDown={(event) => {\n const forward = horizontal() ? 'ArrowRight' : 'ArrowDown'\n const backward = horizontal() ? 'ArrowLeft' : 'ArrowUp'\n const current = props.branch().ratio\n let next: number\n if (event.key === forward) next = current + KEYBOARD_DELTA\n else if (event.key === backward) next = current - KEYBOARD_DELTA\n else if (event.key === 'Home') next = MIN_SPLIT_RATIO\n else if (event.key === 'End') next = MAX_SPLIT_RATIO\n else return\n event.preventDefault()\n resizeTo(next)\n }}\n onPointerDown={(event) => {\n if (event.button !== 0 \|\| activePointer !== undefined) return\n activePointer = event.pointerId\n event.currentTarget.setPointerCapture(event.pointerId)\n event.currentTarget.setAttribute('data-dragging', '')\n event.preventDefault()\n }}\n onPointerMove={(event) => {\n const element = container()\n if (activePointer !== event.pointerId \|\| !element) return\n const box = element.getBoundingClientRect()\n const size = horizontal() ? box.width : box.height\n if (size <= 0) return\n resizeTo((horizontal() ? event.clientX - box.left : event.clientY - box.top) / size)\n }}\n onPointerUp={(event) => stopDrag(event.currentTarget, event)}\n onPointerCancel={(event) => stopDrag(event.currentTarget, event)}\n onLostPointerCapture={(event) => stopDrag(event.currentTarget, event)}\n class=\"pointer-events-auto absolute shrink-0 cursor-pointer bg-border after:absolute after:inset-y-0 after:-inset-x-1 after:w-3 focus-visible:bg-primary focus-visible:outline-none hover:bg-primary data-[orientation=vertical]:after:inset-x-0 data-[orientation=vertical]:after:-inset-y-1 data-[orientation=vertical]:after:h-3 data-[orientation=vertical]:after:w-full\"\n />\n </div>\n )\n}\n"],"mappings":"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"}

package/dist/r/src/components/layout/pixel-resize-handle/pixel-resize-handle.tsx CHANGED Viewed

@@ -99,7 +99,7 @@ export function PixelResizeHandle(props: PixelResizeHandleProps) {
         data-dragging={drag() ? '' : undefined}
         style={{ left: `${isRight() ? maximum() - value() : value()}px` }}
         class={cn(
-          'group/resize bg-border pointer-events-auto absolute inset-y-0 flex w-px items-center justify-center',
+          'group/resize bg-border pointer-events-auto absolute inset-y-0 flex w-px cursor-pointer items-center justify-center',
           /* Widen the hit target without moving the visual line: 24px on the
              drag axis meets WCAG 2.5.8's minimum target. */
           'after:absolute after:inset-y-0 after:-inset-x-3 after:w-6',

package/dist/r/src/components/layout/split-layout/resize-controller-core-retry.tsx CHANGED Viewed

@@ -100,7 +100,7 @@ export default function SplitLayoutResizeController<L extends SplitLayoutLeaf>(
         onPointerUp={(event) => stopDrag(event.currentTarget, event)}
         onPointerCancel={(event) => stopDrag(event.currentTarget, event)}
         onLostPointerCapture={(event) => stopDrag(event.currentTarget, event)}
-        class="pointer-events-auto absolute shrink-0 bg-border after:absolute after:inset-y-0 after:-inset-x-1 after:w-3 focus-visible:bg-primary focus-visible:outline-none hover:bg-primary data-[orientation=vertical]:after:inset-x-0 data-[orientation=vertical]:after:-inset-y-1 data-[orientation=vertical]:after:h-3 data-[orientation=vertical]:after:w-full"
+        class="pointer-events-auto absolute shrink-0 cursor-pointer bg-border after:absolute after:inset-y-0 after:-inset-x-1 after:w-3 focus-visible:bg-primary focus-visible:outline-none hover:bg-primary data-[orientation=vertical]:after:inset-x-0 data-[orientation=vertical]:after:-inset-y-1 data-[orientation=vertical]:after:h-3 data-[orientation=vertical]:after:w-full"
       />
     </div>
   )

package/dist/r/src/components/layout/split-layout/resize-controller-core.tsx CHANGED Viewed

@@ -100,7 +100,7 @@ export default function SplitLayoutResizeController<L extends SplitLayoutLeaf>(
         onPointerUp={(event) => stopDrag(event.currentTarget, event)}
         onPointerCancel={(event) => stopDrag(event.currentTarget, event)}
         onLostPointerCapture={(event) => stopDrag(event.currentTarget, event)}
-        class="pointer-events-auto absolute shrink-0 bg-border after:absolute after:inset-y-0 after:-inset-x-1 after:w-3 focus-visible:bg-primary focus-visible:outline-none hover:bg-primary data-[orientation=vertical]:after:inset-x-0 data-[orientation=vertical]:after:-inset-y-1 data-[orientation=vertical]:after:h-3 data-[orientation=vertical]:after:w-full"
+        class="pointer-events-auto absolute shrink-0 cursor-pointer bg-border after:absolute after:inset-y-0 after:-inset-x-1 after:w-3 focus-visible:bg-primary focus-visible:outline-none hover:bg-primary data-[orientation=vertical]:after:inset-x-0 data-[orientation=vertical]:after:-inset-y-1 data-[orientation=vertical]:after:h-3 data-[orientation=vertical]:after:w-full"
       />
     </div>
   )

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@adea-ai/ui",
-  "version": "0.130.2",
+  "version": "0.130.3",
   "description": "The Adea design system: Kobalte-backed Solid components, semantic OKLCH tokens, and the app-shell layout primitives shared by Adea and Cortana.",
   "keywords": [
     "adea",

package/src/components/layout/pixel-resize-handle/pixel-resize-handle.tsx CHANGED Viewed

@@ -99,7 +99,7 @@ export function PixelResizeHandle(props: PixelResizeHandleProps) {
         data-dragging={drag() ? '' : undefined}
         style={{ left: `${isRight() ? maximum() - value() : value()}px` }}
         class={cn(
-          'group/resize bg-border pointer-events-auto absolute inset-y-0 flex w-px items-center justify-center',
+          'group/resize bg-border pointer-events-auto absolute inset-y-0 flex w-px cursor-pointer items-center justify-center',
           /* Widen the hit target without moving the visual line: 24px on the
              drag axis meets WCAG 2.5.8's minimum target. */
           'after:absolute after:inset-y-0 after:-inset-x-3 after:w-6',

package/src/components/layout/split-layout/resize-controller-core-retry.tsx CHANGED Viewed

@@ -100,7 +100,7 @@ export default function SplitLayoutResizeController<L extends SplitLayoutLeaf>(
         onPointerUp={(event) => stopDrag(event.currentTarget, event)}
         onPointerCancel={(event) => stopDrag(event.currentTarget, event)}
         onLostPointerCapture={(event) => stopDrag(event.currentTarget, event)}
-        class="pointer-events-auto absolute shrink-0 bg-border after:absolute after:inset-y-0 after:-inset-x-1 after:w-3 focus-visible:bg-primary focus-visible:outline-none hover:bg-primary data-[orientation=vertical]:after:inset-x-0 data-[orientation=vertical]:after:-inset-y-1 data-[orientation=vertical]:after:h-3 data-[orientation=vertical]:after:w-full"
+        class="pointer-events-auto absolute shrink-0 cursor-pointer bg-border after:absolute after:inset-y-0 after:-inset-x-1 after:w-3 focus-visible:bg-primary focus-visible:outline-none hover:bg-primary data-[orientation=vertical]:after:inset-x-0 data-[orientation=vertical]:after:-inset-y-1 data-[orientation=vertical]:after:h-3 data-[orientation=vertical]:after:w-full"
       />
     </div>
   )

package/src/components/layout/split-layout/resize-controller-core.tsx CHANGED Viewed

@@ -100,7 +100,7 @@ export default function SplitLayoutResizeController<L extends SplitLayoutLeaf>(
         onPointerUp={(event) => stopDrag(event.currentTarget, event)}
         onPointerCancel={(event) => stopDrag(event.currentTarget, event)}
         onLostPointerCapture={(event) => stopDrag(event.currentTarget, event)}
-        class="pointer-events-auto absolute shrink-0 bg-border after:absolute after:inset-y-0 after:-inset-x-1 after:w-3 focus-visible:bg-primary focus-visible:outline-none hover:bg-primary data-[orientation=vertical]:after:inset-x-0 data-[orientation=vertical]:after:-inset-y-1 data-[orientation=vertical]:after:h-3 data-[orientation=vertical]:after:w-full"
+        class="pointer-events-auto absolute shrink-0 cursor-pointer bg-border after:absolute after:inset-y-0 after:-inset-x-1 after:w-3 focus-visible:bg-primary focus-visible:outline-none hover:bg-primary data-[orientation=vertical]:after:inset-x-0 data-[orientation=vertical]:after:-inset-y-1 data-[orientation=vertical]:after:h-3 data-[orientation=vertical]:after:w-full"
       />
     </div>
   )