@d4gger/design-system 3.0.0 → 4.0.0

package/dist/components/floatingPanel/FloatingPanel.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/floatingPanel/FloatingPanel.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\nimport { X } from 'lucide-react'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport {\n  floatingPanelPropDefs,\n  floatingPanelHeaderPropDefs,\n  floatingPanelContentPropDefs,\n  floatingPanelHandlePropDefs,\n} from './floatingPanel.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype FloatingPanelOwnProps = GetPropDefTypes<typeof floatingPanelPropDefs>\ntype FloatingPanelHeaderOwnProps = GetPropDefTypes<typeof floatingPanelHeaderPropDefs>\ntype FloatingPanelContentOwnProps = GetPropDefTypes<typeof floatingPanelContentPropDefs>\ntype FloatingPanelHandleOwnProps = GetPropDefTypes<typeof floatingPanelHandlePropDefs>\n\ninterface Position {\n  x: number\n  y: number\n}\n\ninterface Size {\n  width: number\n  height: number\n}\n\ntype FloatingPanelProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onDragEnd'> & FloatingPanelOwnProps & {\n  defaultPosition?: Position\n  defaultSize?: Size\n  onDragEnd?: (position: Position) => void\n  onResize?: (size: Size) => void\n  onClose?: () => void\n}\n\ninterface FloatingPanelHeaderProps extends React.HTMLAttributes<HTMLDivElement>, FloatingPanelHeaderOwnProps {}\ninterface FloatingPanelContentProps extends React.HTMLAttributes<HTMLDivElement>, FloatingPanelContentOwnProps {}\ninterface FloatingPanelHandleProps extends React.HTMLAttributes<HTMLDivElement>, FloatingPanelHandleOwnProps {}\n\nconst FLOATING_PANEL_SIZE_DEFAULTS: Record<'sm' | 'md' | 'lg', Size> = {\n  sm: { width: 240, height: 180 },\n  md: { width: 320, height: 240 },\n  lg: { width: 480, height: 360 },\n}\n\nconst FloatingPanel = React.forwardRef<HTMLDivElement, FloatingPanelProps>(\n  (\n    { children, defaultPosition = { x: 0, y: 0 }, defaultSize, onDragEnd, onResize, onClose, ...props },\n    forwardedRef,\n  ) => {\n    const { asChild, className, size: componentSize = 'md', ...panelProps } = extractProps(props, floatingPanelPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    const [open, setOpen] = React.useState(true)\n    const [position, setPosition] = React.useState<Position>(defaultPosition)\n    const [size, setSize] = React.useState<Size>(defaultSize ?? FLOATING_PANEL_SIZE_DEFAULTS[componentSize])\n    const [isDragging, setIsDragging] = React.useState(false)\n    const dragOffset = React.useRef<Position>({ x: 0, y: 0 })\n\n    const handleMouseDown = React.useCallback(\n      (e: React.MouseEvent) => {\n        if ((e.target as HTMLElement).closest('[data-floating-panel-handle]')) return\n        setIsDragging(true)\n        dragOffset.current = {\n          x: e.clientX - position.x,\n          y: e.clientY - position.y,\n        }\n      },\n      [position],\n    )\n\n    const handleClose = React.useCallback(() => {\n      setOpen(false)\n      onClose?.()\n    }, [onClose])\n\n    React.useEffect(() => {\n      if (!open) return\n      const handleKeyDown = (e: KeyboardEvent) => {\n        if (e.key === 'Escape') handleClose()\n      }\n      document.addEventListener('keydown', handleKeyDown)\n      return () => document.removeEventListener('keydown', handleKeyDown)\n    }, [open, handleClose])\n\n    React.useEffect(() => {\n      if (!isDragging) return\n\n      const handleMouseMove = (e: MouseEvent) => {\n        const newPosition = {\n          x: e.clientX - dragOffset.current.x,\n          y: e.clientY - dragOffset.current.y,\n        }\n        setPosition(newPosition)\n      }\n\n      const handleMouseUp = () => {\n        setIsDragging(false)\n        onDragEnd?.(position)\n      }\n\n      document.addEventListener('mousemove', handleMouseMove)\n      document.addEventListener('mouseup', handleMouseUp)\n\n      return () => {\n        document.removeEventListener('mousemove', handleMouseMove)\n        document.removeEventListener('mouseup', handleMouseUp)\n      }\n    }, [isDragging, onDragEnd, position])\n\n    const handleResize = React.useCallback(\n      (direction: string, e: React.MouseEvent) => {\n        e.preventDefault()\n        e.stopPropagation()\n\n        const startX = e.clientX\n        const startY = e.clientY\n        const startWidth = size.width\n        const startHeight = size.height\n\n        const handleMouseMove = (moveEvent: MouseEvent) => {\n          const newWidth = direction.includes('e') ? Math.max(150, startWidth + (moveEvent.clientX - startX)) : startWidth\n          const newHeight = direction.includes('s') ? Math.max(100, startHeight + (moveEvent.clientY - startY)) : startHeight\n          setSize({ width: newWidth, height: newHeight })\n        }\n\n        const handleMouseUp = () => {\n          document.removeEventListener('mousemove', handleMouseMove)\n          document.removeEventListener('mouseup', handleMouseUp)\n          onResize?.(size)\n        }\n\n        document.addEventListener('mousemove', handleMouseMove)\n        document.addEventListener('mouseup', handleMouseUp)\n      },\n      [size, onResize],\n    )\n\n    if (!open) return null\n\n    return (\n      <Comp\n        {...panelProps}\n        ref={forwardedRef}\n        className={classNames('dsx-floating-panel', className)}\n        data-size={componentSize}\n        data-dragging={isDragging || undefined}\n        style={{\n          position: 'fixed',\n          left: position.x,\n          top: position.y,\n          width: size.width,\n          height: size.height,\n          ...panelProps.style,\n        }}\n        onMouseDown={handleMouseDown}\n      >\n        {asChild ? children : (\n          <>\n            {children}\n            <button\n              type=\"button\"\n              className=\"dsx-floating-panel__close\"\n              onClick={handleClose}\n              aria-label=\"Close panel\"\n              data-slot=\"floating-panel-close\"\n            >\n              <X size={16} />\n            </button>\n            <FloatingPanelHandle direction=\"se\" onResize={handleResize} />\n          </>\n        )}\n      </Comp>\n    )\n  },\n)\nFloatingPanel.displayName = 'FloatingPanel'\n\nconst FloatingPanelHeader = React.forwardRef<HTMLDivElement, FloatingPanelHeaderProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, ...headerProps } = extractProps(props, floatingPanelHeaderPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp\n        {...headerProps}\n        ref={forwardedRef}\n        className={classNames('dsx-floating-panel__header', className)}\n        data-floating-panel-handle\n      >\n        {children}\n      </Comp>\n    )\n  },\n)\nFloatingPanelHeader.displayName = 'FloatingPanelHeader'\n\nconst FloatingPanelContent = React.forwardRef<HTMLDivElement, FloatingPanelContentProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, ...contentProps } = extractProps(props, floatingPanelContentPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp\n        {...contentProps}\n        ref={forwardedRef}\n        className={classNames('dsx-floating-panel__content', className)}\n      >\n        {children}\n      </Comp>\n    )\n  },\n)\nFloatingPanelContent.displayName = 'FloatingPanelContent'\n\ninterface FloatingPanelHandleInternalProps extends FloatingPanelHandleProps {\n  onResize?: (direction: string, e: React.MouseEvent) => void\n}\n\nconst FloatingPanelHandle = React.forwardRef<HTMLDivElement, FloatingPanelHandleInternalProps>(\n  ({ direction = 'se', onResize, ...props }, forwardedRef) => {\n    const { asChild, className, ...handleProps } = extractProps(props, floatingPanelHandlePropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    const handleMouseDown = React.useCallback(\n      (e: React.MouseEvent) => {\n        onResize?.(direction, e)\n      },\n      [direction, onResize],\n    )\n\n    return (\n      <Comp\n        {...handleProps}\n        ref={forwardedRef}\n        className={classNames(\n          'dsx-floating-panel__handle',\n          `dsx-floating-panel__handle--${direction}`,\n          className,\n        )}\n        onMouseDown={handleMouseDown}\n      />\n    )\n  },\n)\nFloatingPanelHandle.displayName = 'FloatingPanelHandle'\n\nconst FloatingPanelRoot: typeof FloatingPanel & {\n  Header: typeof FloatingPanelHeader\n  Content: typeof FloatingPanelContent\n  Handle: typeof FloatingPanelHandle\n} = Object.assign(FloatingPanel, {\n  Header: FloatingPanelHeader,\n  Content: FloatingPanelContent,\n  Handle: FloatingPanelHandle,\n})\n\nexport { FloatingPanelRoot as FloatingPanel, FloatingPanelHeader, FloatingPanelContent, FloatingPanelHandle }\nexport type { FloatingPanelProps, FloatingPanelHeaderProps, FloatingPanelContentProps, FloatingPanelHandleProps, Position, Size }\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\nimport { X } from 'lucide-react'\nimport { Icon } from '../icon/Icon'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport {\n  floatingPanelPropDefs,\n  floatingPanelHeaderPropDefs,\n  floatingPanelContentPropDefs,\n  floatingPanelHandlePropDefs,\n} from './floatingPanel.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype FloatingPanelOwnProps = GetPropDefTypes<typeof floatingPanelPropDefs>\ntype FloatingPanelHeaderOwnProps = GetPropDefTypes<typeof floatingPanelHeaderPropDefs>\ntype FloatingPanelContentOwnProps = GetPropDefTypes<typeof floatingPanelContentPropDefs>\ntype FloatingPanelHandleOwnProps = GetPropDefTypes<typeof floatingPanelHandlePropDefs>\n\ninterface Position {\n  x: number\n  y: number\n}\n\ninterface Size {\n  width: number\n  height: number\n}\n\ntype FloatingPanelProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onDragEnd'> & FloatingPanelOwnProps & {\n  defaultPosition?: Position\n  defaultSize?: Size\n  onDragEnd?: (position: Position) => void\n  onResize?: (size: Size) => void\n  onClose?: () => void\n}\n\ninterface FloatingPanelHeaderProps extends React.HTMLAttributes<HTMLDivElement>, FloatingPanelHeaderOwnProps {}\ninterface FloatingPanelContentProps extends React.HTMLAttributes<HTMLDivElement>, FloatingPanelContentOwnProps {}\ninterface FloatingPanelHandleProps extends React.HTMLAttributes<HTMLDivElement>, FloatingPanelHandleOwnProps {}\n\nconst FLOATING_PANEL_SIZE_DEFAULTS: Record<'sm' | 'md' | 'lg', Size> = {\n  sm: { width: 240, height: 180 },\n  md: { width: 320, height: 240 },\n  lg: { width: 480, height: 360 },\n}\n\nconst FloatingPanel = React.forwardRef<HTMLDivElement, FloatingPanelProps>(\n  (\n    { children, defaultPosition = { x: 0, y: 0 }, defaultSize, onDragEnd, onResize, onClose, ...props },\n    forwardedRef,\n  ) => {\n    const { asChild, className, size: componentSize = 'md', ...panelProps } = extractProps(props, floatingPanelPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    const panelRef = React.useRef<HTMLDivElement>(null)\n    const composedRef = React.useCallback((node: HTMLDivElement | null) => {\n      panelRef.current = node\n      if (typeof forwardedRef === 'function') forwardedRef(node)\n      else if (forwardedRef) forwardedRef.current = node\n    }, [forwardedRef])\n    const [open, setOpen] = React.useState(true)\n    const [position, setPosition] = React.useState<Position>(defaultPosition)\n    const [size, setSize] = React.useState<Size>(defaultSize ?? FLOATING_PANEL_SIZE_DEFAULTS[componentSize])\n    const positionRef = React.useRef(position)\n    const sizeRef = React.useRef(size)\n    const [interaction, setInteraction] = React.useState<'drag' | 'resize' | null>(null)\n    const gesture = React.useRef<{\n      kind: 'drag' | 'resize'\n      family: 'pointer' | 'mouse'\n      pointerId?: number\n      direction: string\n      startX: number\n      startY: number\n      position: Position\n      size: Size\n    } | null>(null)\n\n    const bounds = React.useCallback(() => {\n      const panel = panelRef.current\n      const parent = panel && getComputedStyle(panel).position !== 'fixed' ? panel.offsetParent : null\n      return {\n        width: parent?.clientWidth || Math.min(\n          document.documentElement.clientWidth || window.innerWidth,\n          document.documentElement.getBoundingClientRect().width || window.innerWidth,\n        ),\n        height: parent?.clientHeight || window.innerHeight,\n      }\n    }, [])\n\n    const applySize = React.useCallback((next: Size) => {\n      const available = bounds()\n      const style = panelRef.current ? getComputedStyle(panelRef.current) : null\n      const maxWidth = Math.min(available.width, parseFloat(style?.maxWidth ?? '') || available.width)\n      const maxHeight = Math.min(available.height, parseFloat(style?.maxHeight ?? '') || available.height)\n      const value = {\n        width: Math.min(maxWidth, available.width - positionRef.current.x, Math.max(150, next.width)),\n        height: Math.min(maxHeight, available.height - positionRef.current.y, Math.max(100, next.height)),\n      }\n      value.width = Math.max(0, value.width)\n      value.height = Math.max(0, value.height)\n      sizeRef.current = value\n      setSize(value)\n      return value\n    }, [bounds])\n\n    const applyPosition = React.useCallback((next: Position) => {\n      const available = bounds()\n      const rect = panelRef.current?.getBoundingClientRect()\n      const value = {\n        x: Math.max(0, Math.min(next.x, available.width - (rect?.width || sizeRef.current.width))),\n        y: Math.max(0, Math.min(next.y, available.height - (rect?.height || sizeRef.current.height))),\n      }\n      positionRef.current = value\n      setPosition(value)\n      return value\n    }, [bounds])\n\n    const handleClose = React.useCallback(() => {\n      gesture.current = null\n      setInteraction(null)\n      setOpen(false)\n      onClose?.()\n    }, [onClose])\n\n    const startInteraction = React.useCallback((e: React.MouseEvent | React.PointerEvent, family: 'mouse' | 'pointer') => {\n      if (e.defaultPrevented || e.button !== 0 || gesture.current) return\n      const target = e.target as HTMLElement\n      const handle = target.closest('.dsx-floating-panel__handle')\n      const header = target.closest('[data-floating-panel-handle]')\n      if (!handle && (target.closest('button, a, input, textarea, select, [contenteditable=\"true\"]')\n        || (!header && panelRef.current?.querySelector('[data-floating-panel-handle]')))) return\n      e.preventDefault()\n      const kind = handle ? 'resize' : 'drag'\n      const direction = handle?.classList.contains('dsx-floating-panel__handle--s') ? 's'\n        : handle?.classList.contains('dsx-floating-panel__handle--e') ? 'e' : 'se'\n      gesture.current = {\n        kind, family, direction,\n        pointerId: 'pointerId' in e ? e.pointerId : undefined,\n        startX: e.clientX, startY: e.clientY,\n        position: positionRef.current, size: sizeRef.current,\n      }\n      const focusTarget = (handle ?? header) as HTMLElement | null\n      focusTarget?.focus()\n      setInteraction(kind)\n    }, [])\n\n    React.useEffect(() => {\n      if (!open) return\n      const fit = () => {\n        applyPosition(positionRef.current)\n        applySize(sizeRef.current)\n      }\n      fit()\n      window.addEventListener('resize', fit)\n      return () => window.removeEventListener('resize', fit)\n    }, [open, applyPosition, applySize])\n\n    React.useEffect(() => {\n      if (!open) return\n      const handleKeyDown = (e: KeyboardEvent) => {\n        if (e.key !== 'Escape' || e.defaultPrevented) return\n        const panels = Array.from(document.querySelectorAll('.dsx-floating-panel'))\n        const focused = panels.find(panel => panel.contains(document.activeElement))\n        if ((focused ?? panels[panels.length - 1]) !== panelRef.current) return\n        e.preventDefault()\n        handleClose()\n      }\n      document.addEventListener('keydown', handleKeyDown)\n      return () => document.removeEventListener('keydown', handleKeyDown)\n    }, [open, handleClose])\n\n    React.useEffect(() => {\n      if (!interaction) return\n      const active = gesture.current!\n      const move = (e: MouseEvent | PointerEvent) => {\n        if ('pointerId' in e && e.pointerId !== active.pointerId) return\n        const dx = e.clientX - active.startX\n        const dy = e.clientY - active.startY\n        if (active.kind === 'drag') applyPosition({ x: active.position.x + dx, y: active.position.y + dy })\n        else applySize({\n          width: active.size.width + (active.direction.includes('e') ? dx : 0),\n          height: active.size.height + (active.direction.includes('s') ? dy : 0),\n        })\n      }\n      const finish = (e: Event) => {\n        if ('pointerId' in e && (e as PointerEvent).pointerId !== active.pointerId) return\n        gesture.current = null\n        setInteraction(null)\n        if (e.type === 'pointercancel') {\n          applyPosition(active.position)\n          applySize(active.size)\n        } else if (active.kind === 'drag') onDragEnd?.(positionRef.current)\n        else onResize?.(sizeRef.current)\n      }\n      const moveEvent = active.family === 'pointer' ? 'pointermove' : 'mousemove'\n      const endEvent = active.family === 'pointer' ? 'pointerup' : 'mouseup'\n      document.addEventListener(moveEvent, move)\n      document.addEventListener(endEvent, finish)\n      document.addEventListener('pointercancel', finish)\n      return () => {\n        document.removeEventListener(moveEvent, move)\n        document.removeEventListener(endEvent, finish)\n        document.removeEventListener('pointercancel', finish)\n      }\n    }, [interaction, applyPosition, applySize, onDragEnd, onResize])\n\n    const handleKeyboard = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      panelProps.onKeyDown?.(e)\n      if (e.defaultPrevented) return\n      const target = e.target as HTMLElement\n      if (target !== target.closest('[data-floating-panel-handle], .dsx-floating-panel__handle')) return\n      const delta = { ArrowLeft: [-1, 0], ArrowRight: [1, 0], ArrowUp: [0, -1], ArrowDown: [0, 1] }[e.key]\n      if (!delta) return\n      e.preventDefault()\n      const step = e.shiftKey ? 40 : 8\n      if (target.matches('.dsx-floating-panel__handle')) {\n        const horizontal = !target.classList.contains('dsx-floating-panel__handle--s')\n        const vertical = !target.classList.contains('dsx-floating-panel__handle--e')\n        onResize?.(applySize({ width: sizeRef.current.width + (horizontal ? delta[0] * step : 0), height: sizeRef.current.height + (vertical ? delta[1] * step : 0) }))\n      } else onDragEnd?.(applyPosition({ x: positionRef.current.x + delta[0] * step, y: positionRef.current.y + delta[1] * step }))\n    }\n\n    if (!open) return null\n\n    return (\n      <Comp\n        {...panelProps}\n        ref={composedRef}\n        className={classNames('dsx-floating-panel', className)}\n        data-size={componentSize}\n        data-dragging={interaction === 'drag' || undefined}\n        style={{\n          position: 'fixed',\n          left: position.x,\n          top: position.y,\n          width: size.width,\n          height: size.height,\n          ...panelProps.style,\n        }}\n        onPointerDown={(e: React.PointerEvent<HTMLDivElement>) => { panelProps.onPointerDown?.(e); startInteraction(e, 'pointer') }}\n        onMouseDown={(e: React.MouseEvent<HTMLDivElement>) => { panelProps.onMouseDown?.(e); startInteraction(e, 'mouse') }}\n        onKeyDown={handleKeyboard}\n      >\n        {asChild ? children : (\n          <>\n            {children}\n            <button\n              type=\"button\"\n              className=\"dsx-floating-panel__close\"\n              onClick={handleClose}\n              aria-label=\"Close panel\"\n              data-slot=\"floating-panel-close\"\n            >\n              <X size={16} />\n            </button>\n            <FloatingPanelHandle direction=\"se\" />\n          </>\n        )}\n      </Comp>\n    )\n  },\n)\nFloatingPanel.displayName = 'FloatingPanel'\n\nconst FloatingPanelHeader = React.forwardRef<HTMLDivElement, FloatingPanelHeaderProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, ...headerProps } = extractProps(props, floatingPanelHeaderPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp\n        {...headerProps}\n        ref={forwardedRef}\n        className={classNames('dsx-floating-panel__header', className)}\n        data-floating-panel-handle\n        tabIndex={headerProps.tabIndex ?? 0}\n        role={headerProps.role ?? 'group'}\n        aria-label={headerProps['aria-label'] ?? 'Move panel'}\n        title={headerProps.title ?? 'Move with arrow keys; hold Shift for larger steps'}\n      >\n        {children}\n      </Comp>\n    )\n  },\n)\nFloatingPanelHeader.displayName = 'FloatingPanelHeader'\n\nconst FloatingPanelContent = React.forwardRef<HTMLDivElement, FloatingPanelContentProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, ...contentProps } = extractProps(props, floatingPanelContentPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp\n        {...contentProps}\n        ref={forwardedRef}\n        className={classNames('dsx-floating-panel__content', className)}\n      >\n        {children}\n      </Comp>\n    )\n  },\n)\nFloatingPanelContent.displayName = 'FloatingPanelContent'\n\ninterface FloatingPanelHandleInternalProps extends FloatingPanelHandleProps {\n  onResize?: (direction: string, e: React.MouseEvent) => void\n}\n\nconst FloatingPanelHandle = React.forwardRef<HTMLDivElement, FloatingPanelHandleInternalProps>(\n  ({ direction = 'se', onResize, children, ...props }, forwardedRef) => {\n    const { asChild, className, ...handleProps } = extractProps(props, floatingPanelHandlePropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    const handleMouseDown = React.useCallback(\n      (e: React.MouseEvent) => {\n        onResize?.(direction, e)\n      },\n      [direction, onResize],\n    )\n\n    return (\n      <Comp\n        {...handleProps}\n        ref={forwardedRef}\n        className={classNames(\n          'dsx-floating-panel__handle',\n          `dsx-floating-panel__handle--${direction}`,\n          className,\n        )}\n        tabIndex={handleProps.tabIndex ?? 0}\n        role={handleProps.role ?? 'group'}\n        aria-label={handleProps['aria-label'] ?? 'Resize panel'}\n        title={handleProps.title ?? 'Resize with arrow keys; hold Shift for larger steps'}\n        onMouseDown={handleMouseDown}\n      >\n        {children ?? (direction === 'se'\n          ? <span className=\"dsx-floating-panel__resize-grip\" aria-hidden=\"true\" />\n          : <Icon name=\"grip-vertical\" size=\"sm\" aria-hidden=\"true\" />)}\n      </Comp>\n    )\n  },\n)\nFloatingPanelHandle.displayName = 'FloatingPanelHandle'\n\nconst FloatingPanelRoot: typeof FloatingPanel & {\n  Header: typeof FloatingPanelHeader\n  Content: typeof FloatingPanelContent\n  Handle: typeof FloatingPanelHandle\n} = Object.assign(FloatingPanel, {\n  Header: FloatingPanelHeader,\n  Content: FloatingPanelContent,\n  Handle: FloatingPanelHandle,\n})\n\nexport { FloatingPanelRoot as FloatingPanel, FloatingPanelHeader, FloatingPanelContent, FloatingPanelHandle }\nexport type { FloatingPanelProps, FloatingPanelHeaderProps, FloatingPanelContentProps, FloatingPanelHandleProps, Position, Size }\n"],
+  "mappings": "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",
   "names": ["classNames"]
 }

package/dist/components/floatingPanel/FloatingPanel.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingPanel.d.cts","sourceRoot":"","sources":["../../../src/components/floatingPanel/FloatingPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EACL,qBAAqB,EACrB,2BAA2B,EAC3B,4BAA4B,EAC5B,2BAA2B,EAC5B,MAAM,uBAAuB,CAAA;AAE9B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,CAAA;AAC1E,KAAK,2BAA2B,GAAG,eAAe,CAAC,OAAO,2BAA2B,CAAC,CAAA;AACtF,KAAK,4BAA4B,GAAG,eAAe,CAAC,OAAO,4BAA4B,CAAC,CAAA;AACxF,KAAK,2BAA2B,GAAG,eAAe,CAAC,OAAO,2BAA2B,CAAC,CAAA;AAEtF,UAAU,QAAQ;IAChB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV;AAED,UAAU,IAAI;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAED,KAAK,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,GAAG,qBAAqB,GAAG;IAC1G,eAAe,CAAC,EAAE,QAAQ,CAAA;IAC1B,WAAW,CAAC,EAAE,IAAI,CAAA;IAClB,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,UAAU,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,2BAA2B;CAAG;AAC/G,UAAU,yBAA0B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,4BAA4B;CAAG;AACjH,UAAU,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,2BAA2B;CAAG;AAQ/G,QAAA,MAAM,aAAa;;;;;;;;;;;sBAjBC,QAAQ;kBACZ,IAAI;gBACN,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI;eAC7B,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI;cACrB,MAAM,IAAI;wCA+IrB,CAAA;AAGD,QAAA,MAAM,mBAAmB,iGAgBxB,CAAA;AAGD,QAAA,MAAM,oBAAoB,kGAezB,CAAA;AAGD,UAAU,gCAAiC,SAAQ,wBAAwB;IACzE,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;CAC5D;AAED,QAAA,MAAM,mBAAmB,yGAyBxB,CAAA;AAGD,QAAA,MAAM,iBAAiB,EAAE,OAAO,aAAa,GAAG;IAC9C,MAAM,EAAE,OAAO,mBAAmB,CAAA;IAClC,OAAO,EAAE,OAAO,oBAAoB,CAAA;IACpC,MAAM,EAAE,OAAO,mBAAmB,CAAA;CAKlC,CAAA;AAEF,OAAO,EAAE,iBAAiB,IAAI,aAAa,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,CAAA;AAC7G,YAAY,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,yBAAyB,EAAE,wBAAwB,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA"}
+{"version":3,"file":"FloatingPanel.d.cts","sourceRoot":"","sources":["../../../src/components/floatingPanel/FloatingPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,EACL,qBAAqB,EACrB,2BAA2B,EAC3B,4BAA4B,EAC5B,2BAA2B,EAC5B,MAAM,uBAAuB,CAAA;AAE9B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,CAAA;AAC1E,KAAK,2BAA2B,GAAG,eAAe,CAAC,OAAO,2BAA2B,CAAC,CAAA;AACtF,KAAK,4BAA4B,GAAG,eAAe,CAAC,OAAO,4BAA4B,CAAC,CAAA;AACxF,KAAK,2BAA2B,GAAG,eAAe,CAAC,OAAO,2BAA2B,CAAC,CAAA;AAEtF,UAAU,QAAQ;IAChB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV;AAED,UAAU,IAAI;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAED,KAAK,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,GAAG,qBAAqB,GAAG;IAC1G,eAAe,CAAC,EAAE,QAAQ,CAAA;IAC1B,WAAW,CAAC,EAAE,IAAI,CAAA;IAClB,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,UAAU,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,2BAA2B;CAAG;AAC/G,UAAU,yBAA0B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,4BAA4B;CAAG;AACjH,UAAU,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,2BAA2B;CAAG;AAQ/G,QAAA,MAAM,aAAa;;;;;;;;;;;sBAjBC,QAAQ;kBACZ,IAAI;gBACN,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI;eAC7B,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI;cACrB,MAAM,IAAI;wCAoOrB,CAAA;AAGD,QAAA,MAAM,mBAAmB,iGAoBxB,CAAA;AAGD,QAAA,MAAM,oBAAoB,kGAezB,CAAA;AAGD,UAAU,gCAAiC,SAAQ,wBAAwB;IACzE,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;CAC5D;AAED,QAAA,MAAM,mBAAmB,yGAiCxB,CAAA;AAGD,QAAA,MAAM,iBAAiB,EAAE,OAAO,aAAa,GAAG;IAC9C,MAAM,EAAE,OAAO,mBAAmB,CAAA;IAClC,OAAO,EAAE,OAAO,oBAAoB,CAAA;IACpC,MAAM,EAAE,OAAO,mBAAmB,CAAA;CAKlC,CAAA;AAEF,OAAO,EAAE,iBAAiB,IAAI,aAAa,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,CAAA;AAC7G,YAAY,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,yBAAyB,EAAE,wBAAwB,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA"}

package/dist/components/floatingPanel/FloatingPanel.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingPanel.d.mts","sourceRoot":"","sources":["../../../src/components/floatingPanel/FloatingPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EACL,qBAAqB,EACrB,2BAA2B,EAC3B,4BAA4B,EAC5B,2BAA2B,EAC5B,MAAM,uBAAuB,CAAA;AAE9B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,CAAA;AAC1E,KAAK,2BAA2B,GAAG,eAAe,CAAC,OAAO,2BAA2B,CAAC,CAAA;AACtF,KAAK,4BAA4B,GAAG,eAAe,CAAC,OAAO,4BAA4B,CAAC,CAAA;AACxF,KAAK,2BAA2B,GAAG,eAAe,CAAC,OAAO,2BAA2B,CAAC,CAAA;AAEtF,UAAU,QAAQ;IAChB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV;AAED,UAAU,IAAI;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAED,KAAK,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,GAAG,qBAAqB,GAAG;IAC1G,eAAe,CAAC,EAAE,QAAQ,CAAA;IAC1B,WAAW,CAAC,EAAE,IAAI,CAAA;IAClB,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,UAAU,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,2BAA2B;CAAG;AAC/G,UAAU,yBAA0B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,4BAA4B;CAAG;AACjH,UAAU,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,2BAA2B;CAAG;AAQ/G,QAAA,MAAM,aAAa;;;;;;;;;;;sBAjBC,QAAQ;kBACZ,IAAI;gBACN,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI;eAC7B,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI;cACrB,MAAM,IAAI;wCA+IrB,CAAA;AAGD,QAAA,MAAM,mBAAmB,iGAgBxB,CAAA;AAGD,QAAA,MAAM,oBAAoB,kGAezB,CAAA;AAGD,UAAU,gCAAiC,SAAQ,wBAAwB;IACzE,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;CAC5D;AAED,QAAA,MAAM,mBAAmB,yGAyBxB,CAAA;AAGD,QAAA,MAAM,iBAAiB,EAAE,OAAO,aAAa,GAAG;IAC9C,MAAM,EAAE,OAAO,mBAAmB,CAAA;IAClC,OAAO,EAAE,OAAO,oBAAoB,CAAA;IACpC,MAAM,EAAE,OAAO,mBAAmB,CAAA;CAKlC,CAAA;AAEF,OAAO,EAAE,iBAAiB,IAAI,aAAa,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,CAAA;AAC7G,YAAY,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,yBAAyB,EAAE,wBAAwB,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA"}
+{"version":3,"file":"FloatingPanel.d.mts","sourceRoot":"","sources":["../../../src/components/floatingPanel/FloatingPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,EACL,qBAAqB,EACrB,2BAA2B,EAC3B,4BAA4B,EAC5B,2BAA2B,EAC5B,MAAM,uBAAuB,CAAA;AAE9B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,CAAA;AAC1E,KAAK,2BAA2B,GAAG,eAAe,CAAC,OAAO,2BAA2B,CAAC,CAAA;AACtF,KAAK,4BAA4B,GAAG,eAAe,CAAC,OAAO,4BAA4B,CAAC,CAAA;AACxF,KAAK,2BAA2B,GAAG,eAAe,CAAC,OAAO,2BAA2B,CAAC,CAAA;AAEtF,UAAU,QAAQ;IAChB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV;AAED,UAAU,IAAI;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAED,KAAK,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,GAAG,qBAAqB,GAAG;IAC1G,eAAe,CAAC,EAAE,QAAQ,CAAA;IAC1B,WAAW,CAAC,EAAE,IAAI,CAAA;IAClB,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,UAAU,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,2BAA2B;CAAG;AAC/G,UAAU,yBAA0B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,4BAA4B;CAAG;AACjH,UAAU,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,2BAA2B;CAAG;AAQ/G,QAAA,MAAM,aAAa;;;;;;;;;;;sBAjBC,QAAQ;kBACZ,IAAI;gBACN,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI;eAC7B,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI;cACrB,MAAM,IAAI;wCAoOrB,CAAA;AAGD,QAAA,MAAM,mBAAmB,iGAoBxB,CAAA;AAGD,QAAA,MAAM,oBAAoB,kGAezB,CAAA;AAGD,UAAU,gCAAiC,SAAQ,wBAAwB;IACzE,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;CAC5D;AAED,QAAA,MAAM,mBAAmB,yGAiCxB,CAAA;AAGD,QAAA,MAAM,iBAAiB,EAAE,OAAO,aAAa,GAAG;IAC9C,MAAM,EAAE,OAAO,mBAAmB,CAAA;IAClC,OAAO,EAAE,OAAO,oBAAoB,CAAA;IACpC,MAAM,EAAE,OAAO,mBAAmB,CAAA;CAKlC,CAAA;AAEF,OAAO,EAAE,iBAAiB,IAAI,aAAa,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,CAAA;AAC7G,YAAY,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,yBAAyB,EAAE,wBAAwB,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA"}

package/dist/components/floatingPanel/FloatingPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingPanel.d.ts","sourceRoot":"","sources":["../../../src/components/floatingPanel/FloatingPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EACL,qBAAqB,EACrB,2BAA2B,EAC3B,4BAA4B,EAC5B,2BAA2B,EAC5B,MAAM,uBAAuB,CAAA;AAE9B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,CAAA;AAC1E,KAAK,2BAA2B,GAAG,eAAe,CAAC,OAAO,2BAA2B,CAAC,CAAA;AACtF,KAAK,4BAA4B,GAAG,eAAe,CAAC,OAAO,4BAA4B,CAAC,CAAA;AACxF,KAAK,2BAA2B,GAAG,eAAe,CAAC,OAAO,2BAA2B,CAAC,CAAA;AAEtF,UAAU,QAAQ;IAChB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV;AAED,UAAU,IAAI;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAED,KAAK,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,GAAG,qBAAqB,GAAG;IAC1G,eAAe,CAAC,EAAE,QAAQ,CAAA;IAC1B,WAAW,CAAC,EAAE,IAAI,CAAA;IAClB,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,UAAU,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,2BAA2B;CAAG;AAC/G,UAAU,yBAA0B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,4BAA4B;CAAG;AACjH,UAAU,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,2BAA2B;CAAG;AAQ/G,QAAA,MAAM,aAAa;;;;;;;;;;;sBAjBC,QAAQ;kBACZ,IAAI;gBACN,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI;eAC7B,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI;cACrB,MAAM,IAAI;wCA+IrB,CAAA;AAGD,QAAA,MAAM,mBAAmB,iGAgBxB,CAAA;AAGD,QAAA,MAAM,oBAAoB,kGAezB,CAAA;AAGD,UAAU,gCAAiC,SAAQ,wBAAwB;IACzE,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;CAC5D;AAED,QAAA,MAAM,mBAAmB,yGAyBxB,CAAA;AAGD,QAAA,MAAM,iBAAiB,EAAE,OAAO,aAAa,GAAG;IAC9C,MAAM,EAAE,OAAO,mBAAmB,CAAA;IAClC,OAAO,EAAE,OAAO,oBAAoB,CAAA;IACpC,MAAM,EAAE,OAAO,mBAAmB,CAAA;CAKlC,CAAA;AAEF,OAAO,EAAE,iBAAiB,IAAI,aAAa,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,CAAA;AAC7G,YAAY,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,yBAAyB,EAAE,wBAAwB,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA"}
+{"version":3,"file":"FloatingPanel.d.ts","sourceRoot":"","sources":["../../../src/components/floatingPanel/FloatingPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,EACL,qBAAqB,EACrB,2BAA2B,EAC3B,4BAA4B,EAC5B,2BAA2B,EAC5B,MAAM,uBAAuB,CAAA;AAE9B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,CAAA;AAC1E,KAAK,2BAA2B,GAAG,eAAe,CAAC,OAAO,2BAA2B,CAAC,CAAA;AACtF,KAAK,4BAA4B,GAAG,eAAe,CAAC,OAAO,4BAA4B,CAAC,CAAA;AACxF,KAAK,2BAA2B,GAAG,eAAe,CAAC,OAAO,2BAA2B,CAAC,CAAA;AAEtF,UAAU,QAAQ;IAChB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV;AAED,UAAU,IAAI;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAED,KAAK,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,GAAG,qBAAqB,GAAG;IAC1G,eAAe,CAAC,EAAE,QAAQ,CAAA;IAC1B,WAAW,CAAC,EAAE,IAAI,CAAA;IAClB,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,UAAU,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,2BAA2B;CAAG;AAC/G,UAAU,yBAA0B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,4BAA4B;CAAG;AACjH,UAAU,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,2BAA2B;CAAG;AAQ/G,QAAA,MAAM,aAAa;;;;;;;;;;;sBAjBC,QAAQ;kBACZ,IAAI;gBACN,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI;eAC7B,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI;cACrB,MAAM,IAAI;wCAoOrB,CAAA;AAGD,QAAA,MAAM,mBAAmB,iGAoBxB,CAAA;AAGD,QAAA,MAAM,oBAAoB,kGAezB,CAAA;AAGD,UAAU,gCAAiC,SAAQ,wBAAwB;IACzE,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;CAC5D;AAED,QAAA,MAAM,mBAAmB,yGAiCxB,CAAA;AAGD,QAAA,MAAM,iBAAiB,EAAE,OAAO,aAAa,GAAG;IAC9C,MAAM,EAAE,OAAO,mBAAmB,CAAA;IAClC,OAAO,EAAE,OAAO,oBAAoB,CAAA;IACpC,MAAM,EAAE,OAAO,mBAAmB,CAAA;CAKlC,CAAA;AAEF,OAAO,EAAE,iBAAiB,IAAI,aAAa,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,CAAA;AAC7G,YAAY,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,yBAAyB,EAAE,wBAAwB,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA"}

package/dist/components/floatingPanel/FloatingPanel.js

@@ -3,6 +3,7 @@ import * as React from "react";
 import classNames from "classnames";
 import { Slot } from "@radix-ui/react-slot";
 import { X } from "lucide-react";
+import { Icon } from "../icon/Icon.js";
 import { extractProps } from "../../_internal/helpers/extractProps.js";
 import {
   floatingPanelPropDefs,
@@ -20,86 +21,166 @@ const FloatingPanel = React.forwardRef(
   ({ children, defaultPosition = { x: 0, y: 0 }, defaultSize, onDragEnd, onResize, onClose, ...props }, forwardedRef) => {
     const { asChild, className, size: componentSize = "md", ...panelProps } = extractProps(props, floatingPanelPropDefs);
     const Comp = asChild ? Slot : "div";
+    const panelRef = React.useRef(null);
+    const composedRef = React.useCallback((node) => {
+      panelRef.current = node;
+      if (typeof forwardedRef === "function") forwardedRef(node);
+      else if (forwardedRef) forwardedRef.current = node;
+    }, [forwardedRef]);
     const [open, setOpen] = React.useState(true);
     const [position, setPosition] = React.useState(defaultPosition);
     const [size, setSize] = React.useState(defaultSize ?? FLOATING_PANEL_SIZE_DEFAULTS[componentSize]);
-    const [isDragging, setIsDragging] = React.useState(false);
-    const dragOffset = React.useRef({ x: 0, y: 0 });
-    const handleMouseDown = React.useCallback(
-      (e) => {
-        if (e.target.closest("[data-floating-panel-handle]")) return;
-        setIsDragging(true);
-        dragOffset.current = {
-          x: e.clientX - position.x,
-          y: e.clientY - position.y
-        };
-      },
-      [position]
-    );
+    const positionRef = React.useRef(position);
+    const sizeRef = React.useRef(size);
+    const [interaction, setInteraction] = React.useState(null);
+    const gesture = React.useRef(null);
+    const bounds = React.useCallback(() => {
+      const panel = panelRef.current;
+      const parent = panel && getComputedStyle(panel).position !== "fixed" ? panel.offsetParent : null;
+      return {
+        width: parent?.clientWidth || Math.min(
+          document.documentElement.clientWidth || window.innerWidth,
+          document.documentElement.getBoundingClientRect().width || window.innerWidth
+        ),
+        height: parent?.clientHeight || window.innerHeight
+      };
+    }, []);
+    const applySize = React.useCallback((next) => {
+      const available = bounds();
+      const style = panelRef.current ? getComputedStyle(panelRef.current) : null;
+      const maxWidth = Math.min(available.width, parseFloat(style?.maxWidth ?? "") || available.width);
+      const maxHeight = Math.min(available.height, parseFloat(style?.maxHeight ?? "") || available.height);
+      const value = {
+        width: Math.min(maxWidth, available.width - positionRef.current.x, Math.max(150, next.width)),
+        height: Math.min(maxHeight, available.height - positionRef.current.y, Math.max(100, next.height))
+      };
+      value.width = Math.max(0, value.width);
+      value.height = Math.max(0, value.height);
+      sizeRef.current = value;
+      setSize(value);
+      return value;
+    }, [bounds]);
+    const applyPosition = React.useCallback((next) => {
+      const available = bounds();
+      const rect = panelRef.current?.getBoundingClientRect();
+      const value = {
+        x: Math.max(0, Math.min(next.x, available.width - (rect?.width || sizeRef.current.width))),
+        y: Math.max(0, Math.min(next.y, available.height - (rect?.height || sizeRef.current.height)))
+      };
+      positionRef.current = value;
+      setPosition(value);
+      return value;
+    }, [bounds]);
     const handleClose = React.useCallback(() => {
+      gesture.current = null;
+      setInteraction(null);
       setOpen(false);
       onClose?.();
     }, [onClose]);
+    const startInteraction = React.useCallback((e, family) => {
+      if (e.defaultPrevented || e.button !== 0 || gesture.current) return;
+      const target = e.target;
+      const handle = target.closest(".dsx-floating-panel__handle");
+      const header = target.closest("[data-floating-panel-handle]");
+      if (!handle && (target.closest('button, a, input, textarea, select, [contenteditable="true"]') || !header && panelRef.current?.querySelector("[data-floating-panel-handle]"))) return;
+      e.preventDefault();
+      const kind = handle ? "resize" : "drag";
+      const direction = handle?.classList.contains("dsx-floating-panel__handle--s") ? "s" : handle?.classList.contains("dsx-floating-panel__handle--e") ? "e" : "se";
+      gesture.current = {
+        kind,
+        family,
+        direction,
+        pointerId: "pointerId" in e ? e.pointerId : void 0,
+        startX: e.clientX,
+        startY: e.clientY,
+        position: positionRef.current,
+        size: sizeRef.current
+      };
+      const focusTarget = handle ?? header;
+      focusTarget?.focus();
+      setInteraction(kind);
+    }, []);
+    React.useEffect(() => {
+      if (!open) return;
+      const fit = () => {
+        applyPosition(positionRef.current);
+        applySize(sizeRef.current);
+      };
+      fit();
+      window.addEventListener("resize", fit);
+      return () => window.removeEventListener("resize", fit);
+    }, [open, applyPosition, applySize]);
     React.useEffect(() => {
       if (!open) return;
       const handleKeyDown = (e) => {
-        if (e.key === "Escape") handleClose();
+        if (e.key !== "Escape" || e.defaultPrevented) return;
+        const panels = Array.from(document.querySelectorAll(".dsx-floating-panel"));
+        const focused = panels.find((panel) => panel.contains(document.activeElement));
+        if ((focused ?? panels[panels.length - 1]) !== panelRef.current) return;
+        e.preventDefault();
+        handleClose();
       };
       document.addEventListener("keydown", handleKeyDown);
       return () => document.removeEventListener("keydown", handleKeyDown);
     }, [open, handleClose]);
     React.useEffect(() => {
-      if (!isDragging) return;
-      const handleMouseMove = (e) => {
-        const newPosition = {
-          x: e.clientX - dragOffset.current.x,
-          y: e.clientY - dragOffset.current.y
-        };
-        setPosition(newPosition);
+      if (!interaction) return;
+      const active = gesture.current;
+      const move = (e) => {
+        if ("pointerId" in e && e.pointerId !== active.pointerId) return;
+        const dx = e.clientX - active.startX;
+        const dy = e.clientY - active.startY;
+        if (active.kind === "drag") applyPosition({ x: active.position.x + dx, y: active.position.y + dy });
+        else applySize({
+          width: active.size.width + (active.direction.includes("e") ? dx : 0),
+          height: active.size.height + (active.direction.includes("s") ? dy : 0)
+        });
       };
-      const handleMouseUp = () => {
-        setIsDragging(false);
-        onDragEnd?.(position);
+      const finish = (e) => {
+        if ("pointerId" in e && e.pointerId !== active.pointerId) return;
+        gesture.current = null;
+        setInteraction(null);
+        if (e.type === "pointercancel") {
+          applyPosition(active.position);
+          applySize(active.size);
+        } else if (active.kind === "drag") onDragEnd?.(positionRef.current);
+        else onResize?.(sizeRef.current);
       };
-      document.addEventListener("mousemove", handleMouseMove);
-      document.addEventListener("mouseup", handleMouseUp);
+      const moveEvent = active.family === "pointer" ? "pointermove" : "mousemove";
+      const endEvent = active.family === "pointer" ? "pointerup" : "mouseup";
+      document.addEventListener(moveEvent, move);
+      document.addEventListener(endEvent, finish);
+      document.addEventListener("pointercancel", finish);
       return () => {
-        document.removeEventListener("mousemove", handleMouseMove);
-        document.removeEventListener("mouseup", handleMouseUp);
+        document.removeEventListener(moveEvent, move);
+        document.removeEventListener(endEvent, finish);
+        document.removeEventListener("pointercancel", finish);
       };
-    }, [isDragging, onDragEnd, position]);
-    const handleResize = React.useCallback(
-      (direction, e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        const startX = e.clientX;
-        const startY = e.clientY;
-        const startWidth = size.width;
-        const startHeight = size.height;
-        const handleMouseMove = (moveEvent) => {
-          const newWidth = direction.includes("e") ? Math.max(150, startWidth + (moveEvent.clientX - startX)) : startWidth;
-          const newHeight = direction.includes("s") ? Math.max(100, startHeight + (moveEvent.clientY - startY)) : startHeight;
-          setSize({ width: newWidth, height: newHeight });
-        };
-        const handleMouseUp = () => {
-          document.removeEventListener("mousemove", handleMouseMove);
-          document.removeEventListener("mouseup", handleMouseUp);
-          onResize?.(size);
-        };
-        document.addEventListener("mousemove", handleMouseMove);
-        document.addEventListener("mouseup", handleMouseUp);
-      },
-      [size, onResize]
-    );
+    }, [interaction, applyPosition, applySize, onDragEnd, onResize]);
+    const handleKeyboard = (e) => {
+      panelProps.onKeyDown?.(e);
+      if (e.defaultPrevented) return;
+      const target = e.target;
+      if (target !== target.closest("[data-floating-panel-handle], .dsx-floating-panel__handle")) return;
+      const delta = { ArrowLeft: [-1, 0], ArrowRight: [1, 0], ArrowUp: [0, -1], ArrowDown: [0, 1] }[e.key];
+      if (!delta) return;
+      e.preventDefault();
+      const step = e.shiftKey ? 40 : 8;
+      if (target.matches(".dsx-floating-panel__handle")) {
+        const horizontal = !target.classList.contains("dsx-floating-panel__handle--s");
+        const vertical = !target.classList.contains("dsx-floating-panel__handle--e");
+        onResize?.(applySize({ width: sizeRef.current.width + (horizontal ? delta[0] * step : 0), height: sizeRef.current.height + (vertical ? delta[1] * step : 0) }));
+      } else onDragEnd?.(applyPosition({ x: positionRef.current.x + delta[0] * step, y: positionRef.current.y + delta[1] * step }));
+    };
     if (!open) return null;
     return /* @__PURE__ */ jsx(
       Comp,
       {
         ...panelProps,
-        ref: forwardedRef,
+        ref: composedRef,
         className: classNames("dsx-floating-panel", className),
         "data-size": componentSize,
-        "data-dragging": isDragging || void 0,
+        "data-dragging": interaction === "drag" || void 0,
         style: {
           position: "fixed",
           left: position.x,
@@ -108,7 +189,15 @@ const FloatingPanel = React.forwardRef(
           height: size.height,
           ...panelProps.style
         },
-        onMouseDown: handleMouseDown,
+        onPointerDown: (e) => {
+          panelProps.onPointerDown?.(e);
+          startInteraction(e, "pointer");
+        },
+        onMouseDown: (e) => {
+          panelProps.onMouseDown?.(e);
+          startInteraction(e, "mouse");
+        },
+        onKeyDown: handleKeyboard,
         children: asChild ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
           children,
           /* @__PURE__ */ jsx(
@@ -122,7 +211,7 @@ const FloatingPanel = React.forwardRef(
               children: /* @__PURE__ */ jsx(X, { size: 16 })
             }
           ),
-          /* @__PURE__ */ jsx(FloatingPanelHandle, { direction: "se", onResize: handleResize })
+          /* @__PURE__ */ jsx(FloatingPanelHandle, { direction: "se" })
         ] })
       }
     );
@@ -140,6 +229,10 @@ const FloatingPanelHeader = React.forwardRef(
         ref: forwardedRef,
         className: classNames("dsx-floating-panel__header", className),
         "data-floating-panel-handle": true,
+        tabIndex: headerProps.tabIndex ?? 0,
+        role: headerProps.role ?? "group",
+        "aria-label": headerProps["aria-label"] ?? "Move panel",
+        title: headerProps.title ?? "Move with arrow keys; hold Shift for larger steps",
         children
       }
     );
@@ -163,7 +256,7 @@ const FloatingPanelContent = React.forwardRef(
 );
 FloatingPanelContent.displayName = "FloatingPanelContent";
 const FloatingPanelHandle = React.forwardRef(
-  ({ direction = "se", onResize, ...props }, forwardedRef) => {
+  ({ direction = "se", onResize, children, ...props }, forwardedRef) => {
     const { asChild, className, ...handleProps } = extractProps(props, floatingPanelHandlePropDefs);
     const Comp = asChild ? Slot : "div";
     const handleMouseDown = React.useCallback(
@@ -182,7 +275,12 @@ const FloatingPanelHandle = React.forwardRef(
           `dsx-floating-panel__handle--${direction}`,
           className
         ),
-        onMouseDown: handleMouseDown
+        tabIndex: handleProps.tabIndex ?? 0,
+        role: handleProps.role ?? "group",
+        "aria-label": handleProps["aria-label"] ?? "Resize panel",
+        title: handleProps.title ?? "Resize with arrow keys; hold Shift for larger steps",
+        onMouseDown: handleMouseDown,
+        children: children ?? (direction === "se" ? /* @__PURE__ */ jsx("span", { className: "dsx-floating-panel__resize-grip", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Icon, { name: "grip-vertical", size: "sm", "aria-hidden": "true" }))
       }
     );
   }

package/dist/components/floatingPanel/FloatingPanel.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/floatingPanel/FloatingPanel.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\nimport { X } from 'lucide-react'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport {\n  floatingPanelPropDefs,\n  floatingPanelHeaderPropDefs,\n  floatingPanelContentPropDefs,\n  floatingPanelHandlePropDefs,\n} from './floatingPanel.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype FloatingPanelOwnProps = GetPropDefTypes<typeof floatingPanelPropDefs>\ntype FloatingPanelHeaderOwnProps = GetPropDefTypes<typeof floatingPanelHeaderPropDefs>\ntype FloatingPanelContentOwnProps = GetPropDefTypes<typeof floatingPanelContentPropDefs>\ntype FloatingPanelHandleOwnProps = GetPropDefTypes<typeof floatingPanelHandlePropDefs>\n\ninterface Position {\n  x: number\n  y: number\n}\n\ninterface Size {\n  width: number\n  height: number\n}\n\ntype FloatingPanelProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onDragEnd'> & FloatingPanelOwnProps & {\n  defaultPosition?: Position\n  defaultSize?: Size\n  onDragEnd?: (position: Position) => void\n  onResize?: (size: Size) => void\n  onClose?: () => void\n}\n\ninterface FloatingPanelHeaderProps extends React.HTMLAttributes<HTMLDivElement>, FloatingPanelHeaderOwnProps {}\ninterface FloatingPanelContentProps extends React.HTMLAttributes<HTMLDivElement>, FloatingPanelContentOwnProps {}\ninterface FloatingPanelHandleProps extends React.HTMLAttributes<HTMLDivElement>, FloatingPanelHandleOwnProps {}\n\nconst FLOATING_PANEL_SIZE_DEFAULTS: Record<'sm' | 'md' | 'lg', Size> = {\n  sm: { width: 240, height: 180 },\n  md: { width: 320, height: 240 },\n  lg: { width: 480, height: 360 },\n}\n\nconst FloatingPanel = React.forwardRef<HTMLDivElement, FloatingPanelProps>(\n  (\n    { children, defaultPosition = { x: 0, y: 0 }, defaultSize, onDragEnd, onResize, onClose, ...props },\n    forwardedRef,\n  ) => {\n    const { asChild, className, size: componentSize = 'md', ...panelProps } = extractProps(props, floatingPanelPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    const [open, setOpen] = React.useState(true)\n    const [position, setPosition] = React.useState<Position>(defaultPosition)\n    const [size, setSize] = React.useState<Size>(defaultSize ?? FLOATING_PANEL_SIZE_DEFAULTS[componentSize])\n    const [isDragging, setIsDragging] = React.useState(false)\n    const dragOffset = React.useRef<Position>({ x: 0, y: 0 })\n\n    const handleMouseDown = React.useCallback(\n      (e: React.MouseEvent) => {\n        if ((e.target as HTMLElement).closest('[data-floating-panel-handle]')) return\n        setIsDragging(true)\n        dragOffset.current = {\n          x: e.clientX - position.x,\n          y: e.clientY - position.y,\n        }\n      },\n      [position],\n    )\n\n    const handleClose = React.useCallback(() => {\n      setOpen(false)\n      onClose?.()\n    }, [onClose])\n\n    React.useEffect(() => {\n      if (!open) return\n      const handleKeyDown = (e: KeyboardEvent) => {\n        if (e.key === 'Escape') handleClose()\n      }\n      document.addEventListener('keydown', handleKeyDown)\n      return () => document.removeEventListener('keydown', handleKeyDown)\n    }, [open, handleClose])\n\n    React.useEffect(() => {\n      if (!isDragging) return\n\n      const handleMouseMove = (e: MouseEvent) => {\n        const newPosition = {\n          x: e.clientX - dragOffset.current.x,\n          y: e.clientY - dragOffset.current.y,\n        }\n        setPosition(newPosition)\n      }\n\n      const handleMouseUp = () => {\n        setIsDragging(false)\n        onDragEnd?.(position)\n      }\n\n      document.addEventListener('mousemove', handleMouseMove)\n      document.addEventListener('mouseup', handleMouseUp)\n\n      return () => {\n        document.removeEventListener('mousemove', handleMouseMove)\n        document.removeEventListener('mouseup', handleMouseUp)\n      }\n    }, [isDragging, onDragEnd, position])\n\n    const handleResize = React.useCallback(\n      (direction: string, e: React.MouseEvent) => {\n        e.preventDefault()\n        e.stopPropagation()\n\n        const startX = e.clientX\n        const startY = e.clientY\n        const startWidth = size.width\n        const startHeight = size.height\n\n        const handleMouseMove = (moveEvent: MouseEvent) => {\n          const newWidth = direction.includes('e') ? Math.max(150, startWidth + (moveEvent.clientX - startX)) : startWidth\n          const newHeight = direction.includes('s') ? Math.max(100, startHeight + (moveEvent.clientY - startY)) : startHeight\n          setSize({ width: newWidth, height: newHeight })\n        }\n\n        const handleMouseUp = () => {\n          document.removeEventListener('mousemove', handleMouseMove)\n          document.removeEventListener('mouseup', handleMouseUp)\n          onResize?.(size)\n        }\n\n        document.addEventListener('mousemove', handleMouseMove)\n        document.addEventListener('mouseup', handleMouseUp)\n      },\n      [size, onResize],\n    )\n\n    if (!open) return null\n\n    return (\n      <Comp\n        {...panelProps}\n        ref={forwardedRef}\n        className={classNames('dsx-floating-panel', className)}\n        data-size={componentSize}\n        data-dragging={isDragging || undefined}\n        style={{\n          position: 'fixed',\n          left: position.x,\n          top: position.y,\n          width: size.width,\n          height: size.height,\n          ...panelProps.style,\n        }}\n        onMouseDown={handleMouseDown}\n      >\n        {asChild ? children : (\n          <>\n            {children}\n            <button\n              type=\"button\"\n              className=\"dsx-floating-panel__close\"\n              onClick={handleClose}\n              aria-label=\"Close panel\"\n              data-slot=\"floating-panel-close\"\n            >\n              <X size={16} />\n            </button>\n            <FloatingPanelHandle direction=\"se\" onResize={handleResize} />\n          </>\n        )}\n      </Comp>\n    )\n  },\n)\nFloatingPanel.displayName = 'FloatingPanel'\n\nconst FloatingPanelHeader = React.forwardRef<HTMLDivElement, FloatingPanelHeaderProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, ...headerProps } = extractProps(props, floatingPanelHeaderPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp\n        {...headerProps}\n        ref={forwardedRef}\n        className={classNames('dsx-floating-panel__header', className)}\n        data-floating-panel-handle\n      >\n        {children}\n      </Comp>\n    )\n  },\n)\nFloatingPanelHeader.displayName = 'FloatingPanelHeader'\n\nconst FloatingPanelContent = React.forwardRef<HTMLDivElement, FloatingPanelContentProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, ...contentProps } = extractProps(props, floatingPanelContentPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp\n        {...contentProps}\n        ref={forwardedRef}\n        className={classNames('dsx-floating-panel__content', className)}\n      >\n        {children}\n      </Comp>\n    )\n  },\n)\nFloatingPanelContent.displayName = 'FloatingPanelContent'\n\ninterface FloatingPanelHandleInternalProps extends FloatingPanelHandleProps {\n  onResize?: (direction: string, e: React.MouseEvent) => void\n}\n\nconst FloatingPanelHandle = React.forwardRef<HTMLDivElement, FloatingPanelHandleInternalProps>(\n  ({ direction = 'se', onResize, ...props }, forwardedRef) => {\n    const { asChild, className, ...handleProps } = extractProps(props, floatingPanelHandlePropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    const handleMouseDown = React.useCallback(\n      (e: React.MouseEvent) => {\n        onResize?.(direction, e)\n      },\n      [direction, onResize],\n    )\n\n    return (\n      <Comp\n        {...handleProps}\n        ref={forwardedRef}\n        className={classNames(\n          'dsx-floating-panel__handle',\n          `dsx-floating-panel__handle--${direction}`,\n          className,\n        )}\n        onMouseDown={handleMouseDown}\n      />\n    )\n  },\n)\nFloatingPanelHandle.displayName = 'FloatingPanelHandle'\n\nconst FloatingPanelRoot: typeof FloatingPanel & {\n  Header: typeof FloatingPanelHeader\n  Content: typeof FloatingPanelContent\n  Handle: typeof FloatingPanelHandle\n} = Object.assign(FloatingPanel, {\n  Header: FloatingPanelHeader,\n  Content: FloatingPanelContent,\n  Handle: FloatingPanelHandle,\n})\n\nexport { FloatingPanelRoot as FloatingPanel, FloatingPanelHeader, FloatingPanelContent, FloatingPanelHandle }\nexport type { FloatingPanelProps, FloatingPanelHeaderProps, FloatingPanelContentProps, FloatingPanelHandleProps, Position, Size }\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\nimport { X } from 'lucide-react'\nimport { Icon } from '../icon/Icon'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport {\n  floatingPanelPropDefs,\n  floatingPanelHeaderPropDefs,\n  floatingPanelContentPropDefs,\n  floatingPanelHandlePropDefs,\n} from './floatingPanel.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype FloatingPanelOwnProps = GetPropDefTypes<typeof floatingPanelPropDefs>\ntype FloatingPanelHeaderOwnProps = GetPropDefTypes<typeof floatingPanelHeaderPropDefs>\ntype FloatingPanelContentOwnProps = GetPropDefTypes<typeof floatingPanelContentPropDefs>\ntype FloatingPanelHandleOwnProps = GetPropDefTypes<typeof floatingPanelHandlePropDefs>\n\ninterface Position {\n  x: number\n  y: number\n}\n\ninterface Size {\n  width: number\n  height: number\n}\n\ntype FloatingPanelProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onDragEnd'> & FloatingPanelOwnProps & {\n  defaultPosition?: Position\n  defaultSize?: Size\n  onDragEnd?: (position: Position) => void\n  onResize?: (size: Size) => void\n  onClose?: () => void\n}\n\ninterface FloatingPanelHeaderProps extends React.HTMLAttributes<HTMLDivElement>, FloatingPanelHeaderOwnProps {}\ninterface FloatingPanelContentProps extends React.HTMLAttributes<HTMLDivElement>, FloatingPanelContentOwnProps {}\ninterface FloatingPanelHandleProps extends React.HTMLAttributes<HTMLDivElement>, FloatingPanelHandleOwnProps {}\n\nconst FLOATING_PANEL_SIZE_DEFAULTS: Record<'sm' | 'md' | 'lg', Size> = {\n  sm: { width: 240, height: 180 },\n  md: { width: 320, height: 240 },\n  lg: { width: 480, height: 360 },\n}\n\nconst FloatingPanel = React.forwardRef<HTMLDivElement, FloatingPanelProps>(\n  (\n    { children, defaultPosition = { x: 0, y: 0 }, defaultSize, onDragEnd, onResize, onClose, ...props },\n    forwardedRef,\n  ) => {\n    const { asChild, className, size: componentSize = 'md', ...panelProps } = extractProps(props, floatingPanelPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    const panelRef = React.useRef<HTMLDivElement>(null)\n    const composedRef = React.useCallback((node: HTMLDivElement | null) => {\n      panelRef.current = node\n      if (typeof forwardedRef === 'function') forwardedRef(node)\n      else if (forwardedRef) forwardedRef.current = node\n    }, [forwardedRef])\n    const [open, setOpen] = React.useState(true)\n    const [position, setPosition] = React.useState<Position>(defaultPosition)\n    const [size, setSize] = React.useState<Size>(defaultSize ?? FLOATING_PANEL_SIZE_DEFAULTS[componentSize])\n    const positionRef = React.useRef(position)\n    const sizeRef = React.useRef(size)\n    const [interaction, setInteraction] = React.useState<'drag' | 'resize' | null>(null)\n    const gesture = React.useRef<{\n      kind: 'drag' | 'resize'\n      family: 'pointer' | 'mouse'\n      pointerId?: number\n      direction: string\n      startX: number\n      startY: number\n      position: Position\n      size: Size\n    } | null>(null)\n\n    const bounds = React.useCallback(() => {\n      const panel = panelRef.current\n      const parent = panel && getComputedStyle(panel).position !== 'fixed' ? panel.offsetParent : null\n      return {\n        width: parent?.clientWidth || Math.min(\n          document.documentElement.clientWidth || window.innerWidth,\n          document.documentElement.getBoundingClientRect().width || window.innerWidth,\n        ),\n        height: parent?.clientHeight || window.innerHeight,\n      }\n    }, [])\n\n    const applySize = React.useCallback((next: Size) => {\n      const available = bounds()\n      const style = panelRef.current ? getComputedStyle(panelRef.current) : null\n      const maxWidth = Math.min(available.width, parseFloat(style?.maxWidth ?? '') || available.width)\n      const maxHeight = Math.min(available.height, parseFloat(style?.maxHeight ?? '') || available.height)\n      const value = {\n        width: Math.min(maxWidth, available.width - positionRef.current.x, Math.max(150, next.width)),\n        height: Math.min(maxHeight, available.height - positionRef.current.y, Math.max(100, next.height)),\n      }\n      value.width = Math.max(0, value.width)\n      value.height = Math.max(0, value.height)\n      sizeRef.current = value\n      setSize(value)\n      return value\n    }, [bounds])\n\n    const applyPosition = React.useCallback((next: Position) => {\n      const available = bounds()\n      const rect = panelRef.current?.getBoundingClientRect()\n      const value = {\n        x: Math.max(0, Math.min(next.x, available.width - (rect?.width || sizeRef.current.width))),\n        y: Math.max(0, Math.min(next.y, available.height - (rect?.height || sizeRef.current.height))),\n      }\n      positionRef.current = value\n      setPosition(value)\n      return value\n    }, [bounds])\n\n    const handleClose = React.useCallback(() => {\n      gesture.current = null\n      setInteraction(null)\n      setOpen(false)\n      onClose?.()\n    }, [onClose])\n\n    const startInteraction = React.useCallback((e: React.MouseEvent | React.PointerEvent, family: 'mouse' | 'pointer') => {\n      if (e.defaultPrevented || e.button !== 0 || gesture.current) return\n      const target = e.target as HTMLElement\n      const handle = target.closest('.dsx-floating-panel__handle')\n      const header = target.closest('[data-floating-panel-handle]')\n      if (!handle && (target.closest('button, a, input, textarea, select, [contenteditable=\"true\"]')\n        || (!header && panelRef.current?.querySelector('[data-floating-panel-handle]')))) return\n      e.preventDefault()\n      const kind = handle ? 'resize' : 'drag'\n      const direction = handle?.classList.contains('dsx-floating-panel__handle--s') ? 's'\n        : handle?.classList.contains('dsx-floating-panel__handle--e') ? 'e' : 'se'\n      gesture.current = {\n        kind, family, direction,\n        pointerId: 'pointerId' in e ? e.pointerId : undefined,\n        startX: e.clientX, startY: e.clientY,\n        position: positionRef.current, size: sizeRef.current,\n      }\n      const focusTarget = (handle ?? header) as HTMLElement | null\n      focusTarget?.focus()\n      setInteraction(kind)\n    }, [])\n\n    React.useEffect(() => {\n      if (!open) return\n      const fit = () => {\n        applyPosition(positionRef.current)\n        applySize(sizeRef.current)\n      }\n      fit()\n      window.addEventListener('resize', fit)\n      return () => window.removeEventListener('resize', fit)\n    }, [open, applyPosition, applySize])\n\n    React.useEffect(() => {\n      if (!open) return\n      const handleKeyDown = (e: KeyboardEvent) => {\n        if (e.key !== 'Escape' || e.defaultPrevented) return\n        const panels = Array.from(document.querySelectorAll('.dsx-floating-panel'))\n        const focused = panels.find(panel => panel.contains(document.activeElement))\n        if ((focused ?? panels[panels.length - 1]) !== panelRef.current) return\n        e.preventDefault()\n        handleClose()\n      }\n      document.addEventListener('keydown', handleKeyDown)\n      return () => document.removeEventListener('keydown', handleKeyDown)\n    }, [open, handleClose])\n\n    React.useEffect(() => {\n      if (!interaction) return\n      const active = gesture.current!\n      const move = (e: MouseEvent | PointerEvent) => {\n        if ('pointerId' in e && e.pointerId !== active.pointerId) return\n        const dx = e.clientX - active.startX\n        const dy = e.clientY - active.startY\n        if (active.kind === 'drag') applyPosition({ x: active.position.x + dx, y: active.position.y + dy })\n        else applySize({\n          width: active.size.width + (active.direction.includes('e') ? dx : 0),\n          height: active.size.height + (active.direction.includes('s') ? dy : 0),\n        })\n      }\n      const finish = (e: Event) => {\n        if ('pointerId' in e && (e as PointerEvent).pointerId !== active.pointerId) return\n        gesture.current = null\n        setInteraction(null)\n        if (e.type === 'pointercancel') {\n          applyPosition(active.position)\n          applySize(active.size)\n        } else if (active.kind === 'drag') onDragEnd?.(positionRef.current)\n        else onResize?.(sizeRef.current)\n      }\n      const moveEvent = active.family === 'pointer' ? 'pointermove' : 'mousemove'\n      const endEvent = active.family === 'pointer' ? 'pointerup' : 'mouseup'\n      document.addEventListener(moveEvent, move)\n      document.addEventListener(endEvent, finish)\n      document.addEventListener('pointercancel', finish)\n      return () => {\n        document.removeEventListener(moveEvent, move)\n        document.removeEventListener(endEvent, finish)\n        document.removeEventListener('pointercancel', finish)\n      }\n    }, [interaction, applyPosition, applySize, onDragEnd, onResize])\n\n    const handleKeyboard = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      panelProps.onKeyDown?.(e)\n      if (e.defaultPrevented) return\n      const target = e.target as HTMLElement\n      if (target !== target.closest('[data-floating-panel-handle], .dsx-floating-panel__handle')) return\n      const delta = { ArrowLeft: [-1, 0], ArrowRight: [1, 0], ArrowUp: [0, -1], ArrowDown: [0, 1] }[e.key]\n      if (!delta) return\n      e.preventDefault()\n      const step = e.shiftKey ? 40 : 8\n      if (target.matches('.dsx-floating-panel__handle')) {\n        const horizontal = !target.classList.contains('dsx-floating-panel__handle--s')\n        const vertical = !target.classList.contains('dsx-floating-panel__handle--e')\n        onResize?.(applySize({ width: sizeRef.current.width + (horizontal ? delta[0] * step : 0), height: sizeRef.current.height + (vertical ? delta[1] * step : 0) }))\n      } else onDragEnd?.(applyPosition({ x: positionRef.current.x + delta[0] * step, y: positionRef.current.y + delta[1] * step }))\n    }\n\n    if (!open) return null\n\n    return (\n      <Comp\n        {...panelProps}\n        ref={composedRef}\n        className={classNames('dsx-floating-panel', className)}\n        data-size={componentSize}\n        data-dragging={interaction === 'drag' || undefined}\n        style={{\n          position: 'fixed',\n          left: position.x,\n          top: position.y,\n          width: size.width,\n          height: size.height,\n          ...panelProps.style,\n        }}\n        onPointerDown={(e: React.PointerEvent<HTMLDivElement>) => { panelProps.onPointerDown?.(e); startInteraction(e, 'pointer') }}\n        onMouseDown={(e: React.MouseEvent<HTMLDivElement>) => { panelProps.onMouseDown?.(e); startInteraction(e, 'mouse') }}\n        onKeyDown={handleKeyboard}\n      >\n        {asChild ? children : (\n          <>\n            {children}\n            <button\n              type=\"button\"\n              className=\"dsx-floating-panel__close\"\n              onClick={handleClose}\n              aria-label=\"Close panel\"\n              data-slot=\"floating-panel-close\"\n            >\n              <X size={16} />\n            </button>\n            <FloatingPanelHandle direction=\"se\" />\n          </>\n        )}\n      </Comp>\n    )\n  },\n)\nFloatingPanel.displayName = 'FloatingPanel'\n\nconst FloatingPanelHeader = React.forwardRef<HTMLDivElement, FloatingPanelHeaderProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, ...headerProps } = extractProps(props, floatingPanelHeaderPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp\n        {...headerProps}\n        ref={forwardedRef}\n        className={classNames('dsx-floating-panel__header', className)}\n        data-floating-panel-handle\n        tabIndex={headerProps.tabIndex ?? 0}\n        role={headerProps.role ?? 'group'}\n        aria-label={headerProps['aria-label'] ?? 'Move panel'}\n        title={headerProps.title ?? 'Move with arrow keys; hold Shift for larger steps'}\n      >\n        {children}\n      </Comp>\n    )\n  },\n)\nFloatingPanelHeader.displayName = 'FloatingPanelHeader'\n\nconst FloatingPanelContent = React.forwardRef<HTMLDivElement, FloatingPanelContentProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, ...contentProps } = extractProps(props, floatingPanelContentPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp\n        {...contentProps}\n        ref={forwardedRef}\n        className={classNames('dsx-floating-panel__content', className)}\n      >\n        {children}\n      </Comp>\n    )\n  },\n)\nFloatingPanelContent.displayName = 'FloatingPanelContent'\n\ninterface FloatingPanelHandleInternalProps extends FloatingPanelHandleProps {\n  onResize?: (direction: string, e: React.MouseEvent) => void\n}\n\nconst FloatingPanelHandle = React.forwardRef<HTMLDivElement, FloatingPanelHandleInternalProps>(\n  ({ direction = 'se', onResize, children, ...props }, forwardedRef) => {\n    const { asChild, className, ...handleProps } = extractProps(props, floatingPanelHandlePropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    const handleMouseDown = React.useCallback(\n      (e: React.MouseEvent) => {\n        onResize?.(direction, e)\n      },\n      [direction, onResize],\n    )\n\n    return (\n      <Comp\n        {...handleProps}\n        ref={forwardedRef}\n        className={classNames(\n          'dsx-floating-panel__handle',\n          `dsx-floating-panel__handle--${direction}`,\n          className,\n        )}\n        tabIndex={handleProps.tabIndex ?? 0}\n        role={handleProps.role ?? 'group'}\n        aria-label={handleProps['aria-label'] ?? 'Resize panel'}\n        title={handleProps.title ?? 'Resize with arrow keys; hold Shift for larger steps'}\n        onMouseDown={handleMouseDown}\n      >\n        {children ?? (direction === 'se'\n          ? <span className=\"dsx-floating-panel__resize-grip\" aria-hidden=\"true\" />\n          : <Icon name=\"grip-vertical\" size=\"sm\" aria-hidden=\"true\" />)}\n      </Comp>\n    )\n  },\n)\nFloatingPanelHandle.displayName = 'FloatingPanelHandle'\n\nconst FloatingPanelRoot: typeof FloatingPanel & {\n  Header: typeof FloatingPanelHeader\n  Content: typeof FloatingPanelContent\n  Handle: typeof FloatingPanelHandle\n} = Object.assign(FloatingPanel, {\n  Header: FloatingPanelHeader,\n  Content: FloatingPanelContent,\n  Handle: FloatingPanelHandle,\n})\n\nexport { FloatingPanelRoot as FloatingPanel, FloatingPanelHeader, FloatingPanelContent, FloatingPanelHandle }\nexport type { FloatingPanelProps, FloatingPanelHeaderProps, FloatingPanelContentProps, FloatingPanelHandleProps, Position, Size }\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/components/fontProvider/FontProvider.cjs

@@ -37,7 +37,7 @@ var React = __toESM(require("react"), 1);
 var import_fontProvider = require("./fontProvider.props");
 var import_jsx_runtime = require("react/jsx-runtime");
 const FontContext = React.createContext(null);
-const DEFAULT_GOOGLE_FONTS_URL = "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@100..800&family=Science+Gothic:CTRS,slnt,wdth,wght@0..75,-10..0,50..200,100..900&display=swap&subset=cyrillic,latin";
+const DEFAULT_GOOGLE_FONTS_URL = "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@100..800&family=Science+Gothic:CTRS,wdth,wght@0..75,50..200,100..900&display=swap&subset=cyrillic,latin";
 const DISPLAY_FONT_VARS = [
   "--dsx-typography-display-large-font-family",
   "--dsx-typography-display-medium-font-family",

package/dist/components/fontProvider/FontProvider.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/fontProvider/FontProvider.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\n\nimport { type FontProviderProps } from './fontProvider.props'\n\ntype FontContextValue = {\n  fontFamily: string\n}\n\nconst FontContext = React.createContext<FontContextValue | null>(null)\n\nconst DEFAULT_GOOGLE_FONTS_URL =\n  'https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@100..800&family=Science+Gothic:CTRS,slnt,wdth,wght@0..75,-10..0,50..200,100..900&display=swap&subset=cyrillic,latin'\n\n// The real typography CSS (heading.css, text.css) never reads a single global\n// `--dsx-font-family` / `--dsx-display-font-family` \u2014 each type-scale variant\n// reads its own token (`--dsx-typography-display-large-font-family`,\n// `--dsx-typography-body-medium-font-family`, etc.), defined once in\n// generated/tokens.css. Overriding only the two vars this component used to\n// write was a no-op: nothing in the package ever consumed them. `caption` is\n// intentionally left alone \u2014 its token is `inherit` by design.\nconst DISPLAY_FONT_VARS = [\n  '--dsx-typography-display-large-font-family',\n  '--dsx-typography-display-medium-font-family',\n  '--dsx-typography-headline-large-font-family',\n  '--dsx-typography-headline-medium-font-family',\n]\nconst BODY_FONT_VARS = [\n  '--dsx-typography-body-large-font-family',\n  '--dsx-typography-body-medium-font-family',\n  '--dsx-typography-body-small-font-family',\n  '--dsx-typography-label-large-font-family',\n  '--dsx-typography-label-medium-font-family',\n  '--dsx-typography-label-small-font-family',\n]\n\nfunction FontProvider({\n  children,\n  fontFamily = 'Science Gothic, ui-sans-serif, system-ui, sans-serif',\n  displayFontFamily = 'Science Gothic, Arial Narrow, ui-sans-serif, system-ui, sans-serif',\n  loadGoogleFonts = false,\n}: FontProviderProps) {\n  const contextValue = React.useMemo<FontContextValue>(\n    () => ({ fontFamily }),\n    [fontFamily],\n  )\n\n  // useLayoutEffect, not useEffect (2026-08-26, real bug found live): with useEffect, React\n  // defers this DOM mutation until after the browser has already painted the just-hydrated\n  // frame \u2014 so on every reload the DS's default typography tokens\n  // paint first, then visibly swap to the override font a beat later. Measured live: default\n  // tokens still showing 100ms after commit, override not applied until ~300ms. useLayoutEffect\n  // runs synchronously in the same commit as hydration, before that frame paints, so the\n  // override is already applied by the first frame the browser shows post-hydration \u2014 it\n  // cannot remove the one truly unavoidable flash (the server-rendered HTML painting before any\n  // JS runs at all, inherent to Next.js's single root layout owning <html>/<body>), only the\n  // second, avoidable one stacked on top of it.\n  React.useLayoutEffect(() => {\n    const html = document.documentElement\n    const body = document.body\n    // foundations/Theme.tsx's applyThemeToDocument sets every theme data-attribute\n    // on BOTH html and body \u2014 deliberately, so Radix portals (Select/Dialog/\n    // DropdownMenu content, rendered into document.body, not under the app's\n    // themed root) still pick up theme-scoped tokens. Overriding only html left\n    // body \u2014 a same-attribute match for `[data-dsx-theme=\"dark\"]` in\n    // generated/tokens.css \u2014 still asserting the default package families\n    // stack, which then wins for anything under body (i.e. everything), since\n    // custom-property resolution takes the nearest ancestor's value. That's why\n    // The custom display family only rendered correctly in light mode: that block\n    // doesn't define font-family tokens at all, so body had nothing to\n    // re-assert there. Writing to both elements matches the real architecture.\n    const elements = body ? [html, body] : [html]\n    const previousValues = new Map<Element, Map<string, string>>()\n\n    for (const el of elements) {\n      const previous = new Map<string, string>()\n      for (const name of DISPLAY_FONT_VARS) {\n        previous.set(name, (el as HTMLElement).style.getPropertyValue(name))\n        ;(el as HTMLElement).style.setProperty(name, displayFontFamily)\n      }\n      for (const name of BODY_FONT_VARS) {\n        previous.set(name, (el as HTMLElement).style.getPropertyValue(name))\n        ;(el as HTMLElement).style.setProperty(name, fontFamily)\n      }\n      previousValues.set(el, previous)\n    }\n\n    return () => {\n      for (const [el, previous] of previousValues) {\n        for (const [name, value] of previous) {\n          if (value) {\n            (el as HTMLElement).style.setProperty(name, value)\n          } else {\n            (el as HTMLElement).style.removeProperty(name)\n          }\n        }\n      }\n    }\n  }, [fontFamily, displayFontFamily])\n\n  // Optional hosted compatibility path for the canonical bilingual and mono families.\n  React.useEffect(() => {\n    if (!loadGoogleFonts) return\n    if (typeof document === 'undefined') return\n\n    const linkId = 'dsx-font-provider-default-fonts'\n    if (document.getElementById(linkId)) return\n\n    const link = document.createElement('link')\n    link.id = linkId\n    link.rel = 'stylesheet'\n    link.href = DEFAULT_GOOGLE_FONTS_URL\n    document.head.appendChild(link)\n\n    return () => {\n      const existing = document.getElementById(linkId)\n      if (existing) {\n        document.head.removeChild(existing)\n      }\n    }\n  }, [loadGoogleFonts])\n\n  return (\n    <FontContext.Provider value={contextValue}>\n      {children}\n    </FontContext.Provider>\n  )\n}\n\nfunction useFont(): FontContextValue {\n  const context = React.useContext(FontContext)\n\n  if (!context) {\n    return { fontFamily: 'Science Gothic, ui-sans-serif, system-ui, sans-serif' }\n  }\n\n  return context\n}\n\nexport { FontProvider, useFont }\n"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\n\nimport { type FontProviderProps } from './fontProvider.props'\n\ntype FontContextValue = {\n  fontFamily: string\n}\n\nconst FontContext = React.createContext<FontContextValue | null>(null)\n\nconst DEFAULT_GOOGLE_FONTS_URL =\n  'https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@100..800&family=Science+Gothic:CTRS,wdth,wght@0..75,50..200,100..900&display=swap&subset=cyrillic,latin'\n\n// The real typography CSS (heading.css, text.css) never reads a single global\n// `--dsx-font-family` / `--dsx-display-font-family` \u2014 each type-scale variant\n// reads its own token (`--dsx-typography-display-large-font-family`,\n// `--dsx-typography-body-medium-font-family`, etc.), defined once in\n// generated/tokens.css. Overriding only the two vars this component used to\n// write was a no-op: nothing in the package ever consumed them. `caption` is\n// intentionally left alone \u2014 its token is `inherit` by design.\nconst DISPLAY_FONT_VARS = [\n  '--dsx-typography-display-large-font-family',\n  '--dsx-typography-display-medium-font-family',\n  '--dsx-typography-headline-large-font-family',\n  '--dsx-typography-headline-medium-font-family',\n]\nconst BODY_FONT_VARS = [\n  '--dsx-typography-body-large-font-family',\n  '--dsx-typography-body-medium-font-family',\n  '--dsx-typography-body-small-font-family',\n  '--dsx-typography-label-large-font-family',\n  '--dsx-typography-label-medium-font-family',\n  '--dsx-typography-label-small-font-family',\n]\n\nfunction FontProvider({\n  children,\n  fontFamily = 'Science Gothic, ui-sans-serif, system-ui, sans-serif',\n  displayFontFamily = 'Science Gothic, Arial Narrow, ui-sans-serif, system-ui, sans-serif',\n  loadGoogleFonts = false,\n}: FontProviderProps) {\n  const contextValue = React.useMemo<FontContextValue>(\n    () => ({ fontFamily }),\n    [fontFamily],\n  )\n\n  // useLayoutEffect, not useEffect (2026-08-26, real bug found live): with useEffect, React\n  // defers this DOM mutation until after the browser has already painted the just-hydrated\n  // frame \u2014 so on every reload the DS's default typography tokens\n  // paint first, then visibly swap to the override font a beat later. Measured live: default\n  // tokens still showing 100ms after commit, override not applied until ~300ms. useLayoutEffect\n  // runs synchronously in the same commit as hydration, before that frame paints, so the\n  // override is already applied by the first frame the browser shows post-hydration \u2014 it\n  // cannot remove the one truly unavoidable flash (the server-rendered HTML painting before any\n  // JS runs at all, inherent to Next.js's single root layout owning <html>/<body>), only the\n  // second, avoidable one stacked on top of it.\n  React.useLayoutEffect(() => {\n    const html = document.documentElement\n    const body = document.body\n    // foundations/Theme.tsx's applyThemeToDocument sets every theme data-attribute\n    // on BOTH html and body \u2014 deliberately, so Radix portals (Select/Dialog/\n    // DropdownMenu content, rendered into document.body, not under the app's\n    // themed root) still pick up theme-scoped tokens. Overriding only html left\n    // body \u2014 a same-attribute match for `[data-dsx-theme=\"dark\"]` in\n    // generated/tokens.css \u2014 still asserting the default package families\n    // stack, which then wins for anything under body (i.e. everything), since\n    // custom-property resolution takes the nearest ancestor's value. That's why\n    // The custom display family only rendered correctly in light mode: that block\n    // doesn't define font-family tokens at all, so body had nothing to\n    // re-assert there. Writing to both elements matches the real architecture.\n    const elements = body ? [html, body] : [html]\n    const previousValues = new Map<Element, Map<string, string>>()\n\n    for (const el of elements) {\n      const previous = new Map<string, string>()\n      for (const name of DISPLAY_FONT_VARS) {\n        previous.set(name, (el as HTMLElement).style.getPropertyValue(name))\n        ;(el as HTMLElement).style.setProperty(name, displayFontFamily)\n      }\n      for (const name of BODY_FONT_VARS) {\n        previous.set(name, (el as HTMLElement).style.getPropertyValue(name))\n        ;(el as HTMLElement).style.setProperty(name, fontFamily)\n      }\n      previousValues.set(el, previous)\n    }\n\n    return () => {\n      for (const [el, previous] of previousValues) {\n        for (const [name, value] of previous) {\n          if (value) {\n            (el as HTMLElement).style.setProperty(name, value)\n          } else {\n            (el as HTMLElement).style.removeProperty(name)\n          }\n        }\n      }\n    }\n  }, [fontFamily, displayFontFamily])\n\n  // Optional hosted compatibility path for the canonical bilingual and mono families.\n  React.useEffect(() => {\n    if (!loadGoogleFonts) return\n    if (typeof document === 'undefined') return\n\n    const linkId = 'dsx-font-provider-default-fonts'\n    if (document.getElementById(linkId)) return\n\n    const link = document.createElement('link')\n    link.id = linkId\n    link.rel = 'stylesheet'\n    link.href = DEFAULT_GOOGLE_FONTS_URL\n    document.head.appendChild(link)\n\n    return () => {\n      const existing = document.getElementById(linkId)\n      if (existing) {\n        document.head.removeChild(existing)\n      }\n    }\n  }, [loadGoogleFonts])\n\n  return (\n    <FontContext.Provider value={contextValue}>\n      {children}\n    </FontContext.Provider>\n  )\n}\n\nfunction useFont(): FontContextValue {\n  const context = React.useContext(FontContext)\n\n  if (!context) {\n    return { fontFamily: 'Science Gothic, ui-sans-serif, system-ui, sans-serif' }\n  }\n\n  return context\n}\n\nexport { FontProvider, useFont }\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB;AAEvB,0BAAuC;AAwHnC;AAlHJ,MAAM,cAAc,MAAM,cAAuC,IAAI;AAErE,MAAM,2BACJ;AASF,MAAM,oBAAoB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AACA,MAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,kBAAkB;AACpB,GAAsB;AACpB,QAAM,eAAe,MAAM;AAAA,IACzB,OAAO,EAAE,WAAW;AAAA,IACpB,CAAC,UAAU;AAAA,EACb;AAYA,QAAM,gBAAgB,MAAM;AAC1B,UAAM,OAAO,SAAS;AACtB,UAAM,OAAO,SAAS;AAYtB,UAAM,WAAW,OAAO,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI;AAC5C,UAAM,iBAAiB,oBAAI,IAAkC;AAE7D,eAAW,MAAM,UAAU;AACzB,YAAM,WAAW,oBAAI,IAAoB;AACzC,iBAAW,QAAQ,mBAAmB;AACpC,iBAAS,IAAI,MAAO,GAAmB,MAAM,iBAAiB,IAAI,CAAC;AAClE,QAAC,GAAmB,MAAM,YAAY,MAAM,iBAAiB;AAAA,MAChE;AACA,iBAAW,QAAQ,gBAAgB;AACjC,iBAAS,IAAI,MAAO,GAAmB,MAAM,iBAAiB,IAAI,CAAC;AAClE,QAAC,GAAmB,MAAM,YAAY,MAAM,UAAU;AAAA,MACzD;AACA,qBAAe,IAAI,IAAI,QAAQ;AAAA,IACjC;AAEA,WAAO,MAAM;AACX,iBAAW,CAAC,IAAI,QAAQ,KAAK,gBAAgB;AAC3C,mBAAW,CAAC,MAAM,KAAK,KAAK,UAAU;AACpC,cAAI,OAAO;AACT,YAAC,GAAmB,MAAM,YAAY,MAAM,KAAK;AAAA,UACnD,OAAO;AACL,YAAC,GAAmB,MAAM,eAAe,IAAI;AAAA,UAC/C;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF,GAAG,CAAC,YAAY,iBAAiB,CAAC;AAGlC,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,gBAAiB;AACtB,QAAI,OAAO,aAAa,YAAa;AAErC,UAAM,SAAS;AACf,QAAI,SAAS,eAAe,MAAM,EAAG;AAErC,UAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,SAAK,KAAK;AACV,SAAK,MAAM;AACX,SAAK,OAAO;AACZ,aAAS,KAAK,YAAY,IAAI;AAE9B,WAAO,MAAM;AACX,YAAM,WAAW,SAAS,eAAe,MAAM;AAC/C,UAAI,UAAU;AACZ,iBAAS,KAAK,YAAY,QAAQ;AAAA,MACpC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,eAAe,CAAC;AAEpB,SACE,4CAAC,YAAY,UAAZ,EAAqB,OAAO,cAC1B,UACH;AAEJ;AAEA,SAAS,UAA4B;AACnC,QAAM,UAAU,MAAM,WAAW,WAAW;AAE5C,MAAI,CAAC,SAAS;AACZ,WAAO,EAAE,YAAY,uDAAuD;AAAA,EAC9E;AAEA,SAAO;AACT;",
   "names": []
 }

package/dist/components/fontProvider/FontProvider.js

@@ -3,7 +3,7 @@ import * as React from "react";
 import {} from "./fontProvider.props.js";
 import { jsx } from "react/jsx-runtime";
 const FontContext = React.createContext(null);
-const DEFAULT_GOOGLE_FONTS_URL = "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@100..800&family=Science+Gothic:CTRS,slnt,wdth,wght@0..75,-10..0,50..200,100..900&display=swap&subset=cyrillic,latin";
+const DEFAULT_GOOGLE_FONTS_URL = "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@100..800&family=Science+Gothic:CTRS,wdth,wght@0..75,50..200,100..900&display=swap&subset=cyrillic,latin";
 const DISPLAY_FONT_VARS = [
   "--dsx-typography-display-large-font-family",
   "--dsx-typography-display-medium-font-family",