@pilotiq/pilotiq 0.24.1 → 0.24.2

package/src/react/ui/skeleton.tsx

@@ -1,13 +0,0 @@
-import { cn } from '../utils.js'
-
-function Skeleton({ className, ...props }: React.ComponentProps<'div'>) {
-  return (
-    <div
-      data-slot="skeleton"
-      className={cn('animate-pulse rounded-md bg-muted', className)}
-      {...props}
-    />
-  )
-}
-
-export { Skeleton }

package/src/react/ui/slider.tsx

@@ -1,34 +0,0 @@
-import { Slider as SliderPrimitive } from '@base-ui/react/slider'
-
-import { cn } from '../utils.js'
-
-function Slider({
-  className,
-  ...props
-}: SliderPrimitive.Root.Props) {
-  return (
-    <SliderPrimitive.Root
-      data-slot="slider"
-      className={cn('relative flex w-full touch-none select-none items-center', className)}
-      {...props}
-    >
-      <SliderPrimitive.Control className="flex w-full items-center py-2">
-        <SliderPrimitive.Track
-          data-slot="slider-track"
-          className="relative h-1.5 w-full grow rounded-full bg-secondary"
-        >
-          <SliderPrimitive.Indicator
-            data-slot="slider-indicator"
-            className="absolute h-full rounded-full bg-primary"
-          />
-        </SliderPrimitive.Track>
-        <SliderPrimitive.Thumb
-          data-slot="slider-thumb"
-          className="block size-4 rounded-full border border-primary/50 bg-background shadow-sm ring-ring transition-colors focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50"
-        />
-      </SliderPrimitive.Control>
-    </SliderPrimitive.Root>
-  )
-}
-
-export { Slider }

package/src/react/ui/switch.tsx

@@ -1,28 +0,0 @@
-import { Switch as SwitchPrimitive } from '@base-ui/react/switch'
-
-import { cn } from '../utils.js'
-
-function Switch({
-  className,
-  ...props
-}: SwitchPrimitive.Root.Props) {
-  return (
-    <SwitchPrimitive.Root
-      data-slot="switch"
-      className={cn(
-        'peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[checked]:bg-primary data-[unchecked]:bg-input dark:data-[unchecked]:bg-input/80',
-        className,
-      )}
-      {...props}
-    >
-      <SwitchPrimitive.Thumb
-        data-slot="switch-thumb"
-        className={cn(
-          'pointer-events-none block size-4 rounded-full bg-background ring-0 shadow-lg transition-transform data-[checked]:translate-x-4 data-[unchecked]:translate-x-0 dark:data-[checked]:bg-primary-foreground dark:data-[unchecked]:bg-foreground',
-        )}
-      />
-    </SwitchPrimitive.Root>
-  )
-}
-
-export { Switch }

package/src/react/ui/table.tsx

@@ -1,105 +0,0 @@
-import * as React from 'react'
-
-import { cn } from '../utils.js'
-
-function Table({ className, ...props }: React.ComponentProps<'table'>) {
-  return (
-    <div data-slot="table-container" className="relative w-full overflow-x-auto">
-      <table
-        data-slot="table"
-        className={cn('w-full caption-bottom text-sm', className)}
-        {...props}
-      />
-    </div>
-  )
-}
-
-function TableHeader({ className, ...props }: React.ComponentProps<'thead'>) {
-  return (
-    <thead
-      data-slot="table-header"
-      className={cn('[&_tr]:border-b', className)}
-      {...props}
-    />
-  )
-}
-
-function TableBody({ className, ...props }: React.ComponentProps<'tbody'>) {
-  return (
-    <tbody
-      data-slot="table-body"
-      className={cn('[&_tr:last-child]:border-0', className)}
-      {...props}
-    />
-  )
-}
-
-function TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>) {
-  return (
-    <tfoot
-      data-slot="table-footer"
-      className={cn('bg-muted/50 border-t font-medium [&>tr]:last:border-b-0', className)}
-      {...props}
-    />
-  )
-}
-
-function TableRow({ className, ...props }: React.ComponentProps<'tr'>) {
-  return (
-    <tr
-      data-slot="table-row"
-      className={cn(
-        'hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors',
-        className,
-      )}
-      {...props}
-    />
-  )
-}
-
-function TableHead({ className, ...props }: React.ComponentProps<'th'>) {
-  return (
-    <th
-      data-slot="table-head"
-      className={cn(
-        'text-muted-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
-        className,
-      )}
-      {...props}
-    />
-  )
-}
-
-function TableCell({ className, ...props }: React.ComponentProps<'td'>) {
-  return (
-    <td
-      data-slot="table-cell"
-      className={cn(
-        'p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
-        className,
-      )}
-      {...props}
-    />
-  )
-}
-
-function TableCaption({ className, ...props }: React.ComponentProps<'caption'>) {
-  return (
-    <caption
-      data-slot="table-caption"
-      className={cn('text-muted-foreground mt-4 text-sm', className)}
-      {...props}
-    />
-  )
-}
-
-export {
-  Table,
-  TableHeader,
-  TableBody,
-  TableFooter,
-  TableRow,
-  TableHead,
-  TableCell,
-  TableCaption,
-}

package/src/react/ui/tabs.tsx

@@ -1,63 +0,0 @@
-import { Tabs as TabsPrimitive } from '@base-ui/react/tabs'
-
-import { cn } from '../utils.js'
-
-function Tabs({
-  className,
-  ...props
-}: TabsPrimitive.Root.Props) {
-  return (
-    <TabsPrimitive.Root
-      data-slot="tabs"
-      className={cn('flex flex-col gap-2', className)}
-      {...props}
-    />
-  )
-}
-
-function TabsList({
-  className,
-  ...props
-}: TabsPrimitive.List.Props) {
-  return (
-    <TabsPrimitive.List
-      data-slot="tabs-list"
-      className={cn(
-        'relative inline-flex h-9 w-fit items-center justify-center rounded-lg bg-muted p-[3px] text-muted-foreground',
-        className,
-      )}
-      {...props}
-    />
-  )
-}
-
-function TabsTrigger({
-  className,
-  ...props
-}: TabsPrimitive.Tab.Props) {
-  return (
-    <TabsPrimitive.Tab
-      data-slot="tabs-trigger"
-      className={cn(
-        'relative z-10 inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-3 py-1 text-sm font-medium whitespace-nowrap text-muted-foreground transition-[color,background,box-shadow] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring data-[active]:bg-background data-[active]:text-foreground data-[active]:shadow-sm disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4',
-        className,
-      )}
-      {...props}
-    />
-  )
-}
-
-function TabsContent({
-  className,
-  ...props
-}: TabsPrimitive.Panel.Props) {
-  return (
-    <TabsPrimitive.Panel
-      data-slot="tabs-content"
-      className={cn('flex-1 outline-none', className)}
-      {...props}
-    />
-  )
-}
-
-export { Tabs, TabsList, TabsTrigger, TabsContent }

package/src/react/ui/textarea.tsx

@@ -1,18 +0,0 @@
-import * as React from 'react'
-
-import { cn } from '../utils.js'
-
-function Textarea({ className, ...props }: React.ComponentProps<'textarea'>) {
-  return (
-    <textarea
-      data-slot="textarea"
-      className={cn(
-        'flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 md:text-sm dark:bg-input/30',
-        className,
-      )}
-      {...props}
-    />
-  )
-}
-
-export { Textarea }

package/src/react/ui/tooltip.tsx

@@ -1,64 +0,0 @@
-import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip'
-
-import { cn } from '../utils.js'
-
-function TooltipProvider({
-  delay = 0,
-  ...props
-}: TooltipPrimitive.Provider.Props) {
-  return (
-    <TooltipPrimitive.Provider
-      data-slot="tooltip-provider"
-      delay={delay}
-      {...props}
-    />
-  )
-}
-
-function Tooltip({ ...props }: TooltipPrimitive.Root.Props) {
-  return <TooltipPrimitive.Root data-slot="tooltip" {...props} />
-}
-
-function TooltipTrigger({ ...props }: TooltipPrimitive.Trigger.Props) {
-  return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />
-}
-
-function TooltipContent({
-  className,
-  side = 'top',
-  sideOffset = 4,
-  align = 'center',
-  alignOffset = 0,
-  children,
-  ...props
-}: TooltipPrimitive.Popup.Props &
-  Pick<
-    TooltipPrimitive.Positioner.Props,
-    'align' | 'alignOffset' | 'side' | 'sideOffset'
-  >) {
-  return (
-    <TooltipPrimitive.Portal>
-      <TooltipPrimitive.Positioner
-        align={align}
-        alignOffset={alignOffset}
-        side={side}
-        sideOffset={sideOffset}
-        className="isolate z-50"
-      >
-        <TooltipPrimitive.Popup
-          data-slot="tooltip-content"
-          className={cn(
-            'z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pe-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-start-2 data-[side=inline-start]:slide-in-from-end-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',
-            className
-          )}
-          {...props}
-        >
-          {children}
-          <TooltipPrimitive.Arrow className="z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-start-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-end-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" />
-        </TooltipPrimitive.Popup>
-      </TooltipPrimitive.Positioner>
-    </TooltipPrimitive.Portal>
-  )
-}
-
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }

package/src/react/useResizableWidth.ts

@@ -1,139 +0,0 @@
-import { useCallback, useEffect, useState } from 'react'
-
-/**
- * Drag-resize a panel's width and persist the result to localStorage.
- *
- * Used by `RightSidebar` (Phase C) and the Tiptap custom-block side
- * panel — both want a left-edge resize handle that grows the panel as
- * the user drags toward the screen edge it docks against.
- *
- * @param storageKey  Key under which the width persists. `null` opts out
- *                    of persistence (still drag-resizable, just not
- *                    remembered across mounts / reloads).
- * @param min         Minimum width in px. Defaults to 240.
- * @param max         Maximum width in px. Defaults to 800.
- * @param defaultWidth Initial width when no value is stored. Defaults to 360.
- * @param edge        Which edge carries the handle. `'left'` (default) is
- *                    for right-docked panels: dragging the left edge
- *                    *outward* (leftward) grows the panel. `'right'` is
- *                    for left-docked panels.
- *
- * Width writes happen on `pointerup` only (no Storage churn during drag).
- */
-export interface UseResizableWidthOptions {
-  storageKey:    string | null
-  min?:          number
-  max?:          number
-  defaultWidth?: number
-  edge?:         'left' | 'right'
-}
-
-export interface UseResizableWidthApi {
-  width:         number
-  setWidth:      (px: number) => void
-  /** Attach to the resize-handle element's `onPointerDown`. */
-  onResizeStart: (e: React.PointerEvent<HTMLElement>) => void
-  resizing:      boolean
-}
-
-const DEFAULT_MIN     = 240
-const DEFAULT_MAX     = 800
-const DEFAULT_DEFAULT = 360
-
-/**
- * Clamp a candidate width into `[min, max]`, falling back to `defaultWidth`
- * when the value can't be coerced to a finite number. Exported so the
- * resize hook and any test (or one-off seed-from-meta path) share the
- * same sanitization logic.
- */
-export function clampPanelWidth(
-  value: unknown,
-  opts:  { min?: number; max?: number; defaultWidth?: number } = {},
-): number {
-  const min          = opts.min          ?? DEFAULT_MIN
-  const max          = opts.max          ?? DEFAULT_MAX
-  const defaultWidth = opts.defaultWidth ?? DEFAULT_DEFAULT
-  // Explicit "no value" — null / undefined / empty-string land here from
-  // the localStorage round-trip and should fall back to the default
-  // rather than clamp upward via `Number(null) === 0` → MIN.
-  if (value === null || value === undefined || value === '') {
-    return Math.min(Math.max(defaultWidth, min), max)
-  }
-  const n = typeof value === 'number' ? value : Number(value)
-  if (!Number.isFinite(n)) return Math.min(Math.max(defaultWidth, min), max)
-  if (n < min) return min
-  if (n > max) return max
-  return n
-}
-
-function readStoredWidth(
-  key:   string | null,
-  opts:  { min?: number; max?: number; defaultWidth?: number },
-): number {
-  const fallback = clampPanelWidth(opts.defaultWidth, opts)
-  if (key === null) return fallback
-  if (typeof window === 'undefined') return fallback
-  try {
-    const raw = window.localStorage?.getItem(key)
-    if (raw === null || raw === undefined) return fallback
-    return clampPanelWidth(raw, opts)
-  } catch {
-    return fallback
-  }
-}
-
-export function useResizableWidth(opts: UseResizableWidthOptions): UseResizableWidthApi {
-  const min          = opts.min          ?? DEFAULT_MIN
-  const max          = opts.max          ?? DEFAULT_MAX
-  const defaultWidth = opts.defaultWidth ?? DEFAULT_DEFAULT
-  const edge         = opts.edge         ?? 'left'
-
-  const [width, setWidthState] = useState<number>(() =>
-    readStoredWidth(opts.storageKey, { min, max, defaultWidth }))
-  const [resizing, setResizing] = useState(false)
-
-  // Re-seed when the storage key changes (e.g. basePath flip on a
-  // multi-panel host). New key, fresh width.
-  useEffect(() => {
-    setWidthState(readStoredWidth(opts.storageKey, { min, max, defaultWidth }))
-    // Intentionally exclude width — we only want this on storageKey flip.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [opts.storageKey])
-
-  const setWidth = useCallback((px: number): void => {
-    setWidthState(clampPanelWidth(px, { min, max, defaultWidth }))
-  }, [min, max, defaultWidth])
-
-  const onResizeStart = useCallback((e: React.PointerEvent<HTMLElement>): void => {
-    e.preventDefault()
-    const startX     = e.clientX
-    const startWidth = width
-    setResizing(true)
-    const onMove = (ev: PointerEvent): void => {
-      const rawDelta = edge === 'left'
-        ? startX - ev.clientX   // left-edge handle on right-docked panel
-        : ev.clientX - startX   // right-edge handle on left-docked panel
-      setWidthState(clampPanelWidth(startWidth + rawDelta, { min, max, defaultWidth }))
-    }
-    const onUp = (): void => {
-      document.removeEventListener('pointermove', onMove)
-      document.removeEventListener('pointerup',   onUp)
-      setResizing(false)
-      // Persist once on pointer-up so we don't churn Storage during drag.
-      if (opts.storageKey === null) return
-      try {
-        // Read latest width via a setState callback — closure captured
-        // `startWidth` is stale by the time we reach pointerup.
-        setWidthState((w) => {
-          try { window.localStorage?.setItem(opts.storageKey!, String(w)) }
-          catch { /* private mode / quota — width still works in-session */ }
-          return w
-        })
-      } catch { /* SSR / no window */ }
-    }
-    document.addEventListener('pointermove', onMove)
-    document.addEventListener('pointerup',   onUp)
-  }, [width, edge, min, max, defaultWidth, opts.storageKey])
-
-  return { width, setWidth, onResizeStart, resizing }
-}

package/src/react/utils.ts

@@ -1,6 +0,0 @@
-import { clsx, type ClassValue } from 'clsx'
-import { twMerge } from 'tailwind-merge'
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs))
-}

package/src/react/widgetRegistry.test.ts

@@ -1,43 +0,0 @@
-import { describe, it } from 'node:test'
-import assert from 'node:assert/strict'
-
-import {
-  registerWidgetRenderer,
-  getWidgetRenderer,
-  _resetWidgetRendererRegistryForTests,
-} from './widgetRegistry.js'
-
-const Stub: () => null = () => null
-
-describe('widget renderer registry', () => {
-  it('returns undefined for unregistered types', () => {
-    _resetWidgetRendererRegistryForTests()
-    assert.equal(getWidgetRenderer('chart'), undefined)
-    assert.equal(getWidgetRenderer('made-up-type'), undefined)
-  })
-
-  it('registers and retrieves a renderer', () => {
-    _resetWidgetRendererRegistryForTests()
-    registerWidgetRenderer('chart', Stub)
-    assert.equal(getWidgetRenderer('chart'), Stub)
-  })
-
-  it('overwrites on re-register (HMR-friendly)', () => {
-    _resetWidgetRendererRegistryForTests()
-    const a: () => null = () => null
-    const b: () => null = () => null
-    registerWidgetRenderer('chart', a)
-    registerWidgetRenderer('chart', b)
-    assert.equal(getWidgetRenderer('chart'), b)
-  })
-
-  it('keys per type — multiple renderers coexist', () => {
-    _resetWidgetRendererRegistryForTests()
-    const c: () => null = () => null
-    const t: () => null = () => null
-    registerWidgetRenderer('chart', c)
-    registerWidgetRenderer('table-widget', t)
-    assert.equal(getWidgetRenderer('chart'),        c)
-    assert.equal(getWidgetRenderer('table-widget'), t)
-  })
-})

package/src/react/widgetRegistry.ts

@@ -1,50 +0,0 @@
-import type { ComponentType } from 'react'
-import type { ElementMeta } from '../schema/Element.js'
-
-/**
- * Plan #15 Phase C — runtime registry for widget renderers (Chart,
- * future Table-widget slim mode, etc.). Mirrors the field-renderer
- * registry pattern so adapter packages can plug their renderer in
- * without forcing pilotiq core to import their dependencies.
- *
- * Built-in widget types (`stats`, `view`) are dispatched directly inside
- * SchemaRenderer's switch. Adapter-package widgets (`chart` from
- * `@pilotiq/recharts`) register here and SchemaRenderer's default case
- * consults the registry before falling through.
- *
- * Call once at app boot, client-side:
- *
- *   import { registerChartRenderer } from '@pilotiq/recharts'
- *   registerChartRenderer()
- *
- * Without the boot call, SchemaRenderer surfaces a clear "package not
- * registered" error at the call site rather than silently rendering
- * nothing.
- */
-
-export interface WidgetRendererProps {
-  meta: ElementMeta
-}
-
-const renderers = new Map<string, ComponentType<WidgetRendererProps>>()
-
-/** Register a renderer for a widget element `type`. Re-registering
- *  overwrites, which is convenient for HMR. */
-export function registerWidgetRenderer(
-  type: string,
-  Component: ComponentType<WidgetRendererProps>,
-): void {
-  renderers.set(type, Component)
-}
-
-/** Look up a registered renderer; `undefined` for unregistered types. */
-export function getWidgetRenderer(
-  type: string,
-): ComponentType<WidgetRendererProps> | undefined {
-  return renderers.get(type)
-}
-
-/** Test-only — clear the registry. Not part of the public surface. */
-export function _resetWidgetRendererRegistryForTests(): void {
-  renderers.clear()
-}