@exegia/corpora-ui 0.21.0 → 0.23.0

package/src/components/blocks/nav/types.ts

@@ -1,65 +0,0 @@
-
-/** A nested link, one level under a top-level entry. */
-export interface ISidebarNavSubItem {
-  id: string
-  label: string
-  icon?: React.ReactNode
-  /** Renders an anchor. Without one the row is a button. */
-  href?: string
-  disabled?: boolean
-  target?: "_blank" | "_self" | "_parent" | "_top"
-  onSelect?: () => void
-}
-
-/** A top-level entry. With `items` it expands instead of navigating. */
-export interface ISidebarNavItem extends ISidebarNavSubItem {
-  /** Trailing hint — a count, a "New" pill. Hidden while collapsed. */
-  badge?: React.ReactNode
-  items?: ISidebarNavSubItem[]
-  /** Start expanded. Defaults to expanded when one of its children is active. */
-  defaultOpen?: boolean
-}
-
-/** A titled run of entries. The title hides while the rail is collapsed. */
-export interface ISidebarNavSection {
-  id: string
-  label?: string
-  items: ISidebarNavItem[]
-}
-
-export interface ISidebarBlockProps {
-  sections: ISidebarNavSection[]
-  /** `id` of the current entry — matches top-level and nested ids alike. */
-  activeId?: string
-  /** Fires for every selection, after the entry's own `onSelect`. */
-  onNavigate?: (item: ISidebarNavItem | ISidebarNavSubItem) => void
-  /** Brand row above the navigation. */
-  header?: React.ReactNode
-  /** Pinned below the navigation — an account card, a version note. */
-  footer?: React.ReactNode
-  /** Collapse toggle in the header row. */
-  showTrigger?: boolean
-  side?: "left" | "right"
-  variant?: "sidebar" | "floating" | "inset"
-  /** How the rail collapses: to icons, off-canvas, or not at all. */
-  collapsible?: "offcanvas" | "icon" | "none"
-  open?: boolean
-  defaultOpen?: boolean
-  onOpenChange?: (open: boolean) => void
-  /** Under 768px the panel is a drawer — drive it from your own header. */
-  openMobile?: boolean
-  defaultOpenMobile?: boolean
-  onOpenMobileChange?: (open: boolean) => void
-  /** Rail widths. CSS lengths, e.g. "16rem". */
-  width?: string
-  iconWidth?: string
-  mobileWidth?: string
-  ariaLabel?: string
-  className?: string
-}
-
-export interface IRowProps {
-  item: ISidebarNavItem
-  activeId?: string
-  onNavigate?: (item: ISidebarNavItem | ISidebarNavSubItem) => void
-}

package/src/components/blocks/nav/utils.ts

@@ -1,4 +0,0 @@
-
-export function isActive(id: string, activeId?: string): boolean {
-    return activeId !== undefined && id === activeId
-}

package/src/components/blocks/scaffold/use-panel-visibility.ts

@@ -1,180 +0,0 @@
-"use client"
-
-import * as React from "react"
-
-import { SCAFFOLD_PANEL_CAPACITY } from "./constants"
-import { getPanelCapacity } from "./utils"
-
-/**
- * Internal bookkeeping for responsive panel hiding.
- *
- * - `visibleOrder`: visible panel ids, least-recently-activated first — the
- *   front is what capacity pressure evicts next.
- * - `autoHidden`: panels the scaffold hid because the canvas shrank, most
- *   recent last. They return on their own when room comes back.
- * - `userHidden`: panels hidden by a tab press. They stay hidden until the
- *   tab is pressed again, however wide the canvas grows.
- */
-interface PanelVisibilityState {
-  visibleOrder: string[]
-  autoHidden: string[]
-  userHidden: string[]
-}
-
-const EMPTY_STATE: PanelVisibilityState = {
-  visibleOrder: [],
-  autoHidden: [],
-  userHidden: [],
-}
-
-/** Fold the registered ids and current capacity into a settled state:
- * prune departed panels, admit new ones, evict the least-recently-activated
- * visible panels past capacity, and restore auto-hidden ones when room
- * returns. Returns `prev` untouched when nothing changes. */
-function reconcile(
-  prev: PanelVisibilityState,
-  ids: readonly string[],
-  capacity: number
-): PanelVisibilityState {
-  const known = new Set(ids)
-  const visibleOrder = prev.visibleOrder.filter((id) => known.has(id))
-  const autoHidden = prev.autoHidden.filter((id) => known.has(id))
-  const userHidden = prev.userHidden.filter((id) => known.has(id))
-
-  const tracked = new Set([...visibleOrder, ...autoHidden, ...userHidden])
-  for (const id of ids) if (!tracked.has(id)) visibleOrder.push(id)
-
-  while (visibleOrder.length > capacity && visibleOrder.length > 1) {
-    autoHidden.push(visibleOrder.shift() as string)
-  }
-  while (visibleOrder.length < capacity && autoHidden.length > 0) {
-    visibleOrder.push(autoHidden.pop() as string)
-  }
-
-  const unchanged =
-    visibleOrder.join(" ") === prev.visibleOrder.join(" ") &&
-    autoHidden.join(" ") === prev.autoHidden.join(" ") &&
-    userHidden.join(" ") === prev.userHidden.join(" ")
-  return unchanged ? prev : { visibleOrder, autoHidden, userHidden }
-}
-
-export interface PanelVisibility {
-  /** How many panels currently fit side by side (1..capacity cap). */
-  panelCapacity: number
-  /** Ids of panels currently hidden (auto + user), for tabs to reflect. */
-  hiddenPanelIds: readonly string[]
-  isPanelHidden: (id: string) => boolean
-  togglePanelVisibility: (id: string) => void
-  /** Id of the panel whose tab is hovered — the canvas spotlights it. */
-  hoveredPanelId: string | null
-  /** @internal Tabs report pointer enter/leave on their label. */
-  setPanelHovered: (id: string, hovered: boolean) => void
-  /** @internal Canvas reports its ordered panel ids each render. */
-  registerPanelIds: (ids: readonly string[]) => void
-  /** @internal Canvas reports its measured width. */
-  setCanvasWidth: (width: number) => void
-}
-
-/** Owns which panels are hidden as the canvas gains and loses room.
- * Lives in `Scaffold.Root`; Canvas and Tab reach it through context. */
-export function usePanelVisibility(): PanelVisibility {
-  const [panelIds, setPanelIds] = React.useState<readonly string[]>([])
-  const [measuredCapacity, setMeasuredCapacity] = React.useState<number | null>(
-    null
-  )
-  const [state, setState] = React.useState<PanelVisibilityState>(EMPTY_STATE)
-  const [hoveredPanelId, setHoveredPanelId] = React.useState<string | null>(
-    null
-  )
-
-  const panelCapacity = measuredCapacity ?? SCAFFOLD_PANEL_CAPACITY
-
-  const registerPanelIds = React.useCallback((ids: readonly string[]) => {
-    setPanelIds((prev) =>
-      prev.length === ids.length && prev.every((id, i) => id === ids[i])
-        ? prev
-        : [...ids]
-    )
-  }, [])
-
-  // Store the derived capacity, not the raw width — resize storms only
-  // re-render the tree when a panel actually gains or loses room.
-  const setCanvasWidth = React.useCallback((width: number) => {
-    setMeasuredCapacity(getPanelCapacity(width))
-  }, [])
-
-  // Settle during render (the derive-state-while-rendering pattern): ids
-  // and capacity arrive as state, so an effect here would only add a
-  // cascading render after each change.
-  const settled = reconcile(state, panelIds, panelCapacity)
-  if (settled !== state) setState(settled)
-
-  const togglePanelVisibility = React.useCallback(
-    (id: string) => {
-      setState((prev) => {
-        if (!panelIds.includes(id)) return prev
-        const hidden =
-          prev.autoHidden.includes(id) || prev.userHidden.includes(id)
-        if (!hidden && prev.visibleOrder.length <= 1) return prev
-
-        const next: PanelVisibilityState = hidden
-          ? {
-              // Showing: newest activation — reconcile evicts the oldest
-              // visible panel if the canvas can't fit one more.
-              visibleOrder: [...prev.visibleOrder, id],
-              autoHidden: prev.autoHidden.filter((other) => other !== id),
-              userHidden: prev.userHidden.filter((other) => other !== id),
-            }
-          : {
-              visibleOrder: prev.visibleOrder.filter((other) => other !== id),
-              autoHidden: prev.autoHidden,
-              userHidden: [...prev.userHidden, id],
-            }
-        return reconcile(next, panelIds, panelCapacity)
-      })
-    },
-    [panelIds, panelCapacity]
-  )
-
-  // Leaving clears only its own id — a tab that unmounts mid-hover must
-  // not wipe out a hover the pointer has already moved on to.
-  const setPanelHovered = React.useCallback((id: string, hovered: boolean) => {
-    setHoveredPanelId((prev) => {
-      if (hovered) return id
-      return prev === id ? null : prev
-    })
-  }, [])
-
-  const hiddenPanelIds = React.useMemo(
-    () => [...settled.autoHidden, ...settled.userHidden],
-    [settled]
-  )
-
-  const isPanelHidden = React.useCallback(
-    (id: string) => hiddenPanelIds.includes(id),
-    [hiddenPanelIds]
-  )
-
-  return React.useMemo(
-    () => ({
-      panelCapacity,
-      hiddenPanelIds,
-      isPanelHidden,
-      togglePanelVisibility,
-      hoveredPanelId,
-      setPanelHovered,
-      registerPanelIds,
-      setCanvasWidth,
-    }),
-    [
-      panelCapacity,
-      hiddenPanelIds,
-      isPanelHidden,
-      togglePanelVisibility,
-      hoveredPanelId,
-      setPanelHovered,
-      registerPanelIds,
-      setCanvasWidth,
-    ]
-  )
-}

package/src/components/blocks/shell/animated-sidebar-content.tsx

@@ -1,19 +0,0 @@
-import { forwardRef, type HTMLAttributes } from "react"
-import { cn } from "@/lib/utils"
-
-export const AnimatedSidebarContent = forwardRef<
-  HTMLDivElement,
-  HTMLAttributes<HTMLDivElement>
->(function AnimatedSidebarContent({ className, ...props }, forwardedRef) {
-  return (
-    <div
-      {...props}
-      ref={forwardedRef}
-      data-slot="sidebar-content"
-      className={cn(
-        "flex min-h-0 flex-1 flex-col gap-2 overflow-x-hidden overflow-y-auto overscroll-contain px-2 py-2",
-        className
-      )}
-    />
-  )
-})

package/src/components/blocks/shell/animated-sidebar-footer.tsx

@@ -1,19 +0,0 @@
-import { forwardRef, type HTMLAttributes } from "react"
-import { cn } from "@/lib/utils"
-
-export const AnimatedSidebarFooter = forwardRef<
-  HTMLDivElement,
-  HTMLAttributes<HTMLDivElement>
->(function AnimatedSidebarFooter({ className, ...props }, forwardedRef) {
-  return (
-    <div
-      {...props}
-      ref={forwardedRef}
-      data-slot="sidebar-footer"
-      className={cn(
-        "flex shrink-0 flex-col gap-2 border-t border-border p-3 pb-[max(0.75rem,env(safe-area-inset-bottom))]",
-        className
-      )}
-    />
-  )
-})

package/src/components/blocks/shell/animated-sidebar-group-content.tsx

@@ -1,16 +0,0 @@
-import { forwardRef, type HTMLAttributes } from "react"
-import { cn } from "@/lib/utils"
-
-export const AnimatedSidebarGroupContent = forwardRef<
-  HTMLDivElement,
-  HTMLAttributes<HTMLDivElement>
->(function AnimatedSidebarGroupContent({ className, ...props }, forwardedRef) {
-  return (
-    <div
-      {...props}
-      ref={forwardedRef}
-      data-slot="sidebar-group-content"
-      className={cn("w-full min-w-0", className)}
-    />
-  )
-})

package/src/components/blocks/shell/animated-sidebar-group-label.tsx

@@ -1,29 +0,0 @@
-import { forwardRef, type HTMLAttributes } from "react"
-import { cn } from "@/lib/utils"
-import { useAnimatedSidebarPanel } from "./utils"
-
-export const AnimatedSidebarGroupLabel = forwardRef<
-  HTMLDivElement,
-  HTMLAttributes<HTMLDivElement>
->(function AnimatedSidebarGroupLabel(
-  { children, className, ...props },
-  forwardedRef
-) {
-  const { collapsed } = useAnimatedSidebarPanel()
-
-  return (
-    <div
-      {...props}
-      ref={forwardedRef}
-      aria-hidden={collapsed}
-      data-slot="sidebar-group-label"
-      className={cn(
-        "mb-1 h-7 overflow-hidden px-2 text-[10px] font-medium tracking-[0.14em] text-muted-foreground uppercase transition-opacity",
-        collapsed ? "opacity-0" : "opacity-100",
-        className
-      )}
-    >
-      {children}
-    </div>
-  )
-})

package/src/components/blocks/shell/animated-sidebar-group.tsx

@@ -1,16 +0,0 @@
-import { forwardRef, type HTMLAttributes } from "react"
-import { cn } from "@/lib/utils"
-
-export const AnimatedSidebarGroup = forwardRef<
-  HTMLDivElement,
-  HTMLAttributes<HTMLDivElement>
->(function AnimatedSidebarGroup({ className, ...props }, forwardedRef) {
-  return (
-    <div
-      {...props}
-      ref={forwardedRef}
-      data-slot="sidebar-group"
-      className={cn("flex w-full min-w-0 flex-col px-1 py-1.5", className)}
-    />
-  )
-})

package/src/components/blocks/shell/animated-sidebar-header.tsx

@@ -1,16 +0,0 @@
-import { forwardRef, type HTMLAttributes } from "react"
-import { cn } from "@/lib/utils"
-
-export const AnimatedSidebarHeader = forwardRef<
-  HTMLDivElement,
-  HTMLAttributes<HTMLDivElement>
->(function AnimatedSidebarHeader({ className, ...props }, forwardedRef) {
-  return (
-    <div
-      {...props}
-      ref={forwardedRef}
-      data-slot="sidebar-header"
-      className={cn("flex shrink-0 flex-col gap-2 p-3", className)}
-    />
-  )
-})

package/src/components/blocks/shell/animated-sidebar-menu-button.tsx

@@ -1,151 +0,0 @@
-import type * as React from "react"
-import { ChevronRight } from "lucide-react"
-import { motion } from "motion/react"
-import { SPRING_LAYOUT, SPRING_PRESS } from "@/lib/ease"
-import { cn } from "@/lib/utils"
-import type { AnimatedSidebarMenuButtonProps } from "./type"
-import {
-  LABEL_ENTER_TRANSITION,
-  LABEL_EXIT_TRANSITION,
-  REDUCED_TRANSITION,
-  useAnimatedSidebar,
-  useAnimatedSidebarPanel,
-} from "./utils"
-
-export function AnimatedSidebarMenuButton({
-  children,
-  icon,
-  badge,
-  href,
-  isActive = false,
-  ariaExpanded,
-  disabled = false,
-  closeOnSelect,
-  target,
-  rel,
-  onSelect,
-  className,
-}: AnimatedSidebarMenuButtonProps) {
-  const context = useAnimatedSidebar()
-  const panel = useAnimatedSidebarPanel()
-  const textLabel = typeof children === "string" ? children : undefined
-
-  const select = (
-    event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>
-  ) => {
-    if (disabled) {
-      event.preventDefault()
-      return
-    }
-    onSelect?.()
-    const shouldCloseOnSelect = closeOnSelect ?? ariaExpanded === undefined
-    if (context.isMobile && shouldCloseOnSelect) {
-      context.setOpenMobile(false, panel.side)
-    }
-  }
-
-  const content = (
-    <>
-      {isActive ? (
-        <motion.span
-          layoutId={context.layoutId}
-          transition={context.reduce ? { duration: 0 } : SPRING_LAYOUT}
-          className="absolute inset-0 rounded-xl bg-muted"
-        />
-      ) : null}
-      {icon ? (
-        <span
-          aria-hidden="true"
-          className="relative z-10 grid size-5 shrink-0 place-items-center"
-        >
-          {icon}
-        </span>
-      ) : null}
-      <motion.span
-        initial={false}
-        animate={{
-          opacity: panel.collapsed ? 0 : 1,
-          x: panel.collapsed ? -4 : 0,
-        }}
-        transition={
-          context.reduce
-            ? REDUCED_TRANSITION
-            : panel.collapsed
-              ? LABEL_EXIT_TRANSITION
-              : LABEL_ENTER_TRANSITION
-        }
-        aria-hidden={panel.collapsed}
-        className={cn(
-          "relative z-10 min-w-0 flex-1 truncate",
-          panel.collapsed && "pointer-events-none"
-        )}
-      >
-        {children}
-      </motion.span>
-      {badge && !panel.collapsed ? (
-        <span className="relative z-10 shrink-0 text-xs text-muted-foreground">
-          {badge}
-        </span>
-      ) : null}
-      {ariaExpanded !== undefined ? (
-        <motion.span
-          aria-hidden="true"
-          initial={false}
-          animate={{
-            opacity: panel.collapsed ? 0 : 1,
-            rotate: ariaExpanded ? 90 : 0,
-            x: panel.collapsed ? 4 : 0,
-          }}
-          transition={context.reduce ? { duration: 0 } : SPRING_LAYOUT}
-          className="relative z-10 grid size-4 shrink-0 place-items-center text-muted-foreground"
-        >
-          <ChevronRight className="size-3.5" />
-        </motion.span>
-      ) : null}
-    </>
-  )
-
-  const interactiveClassName = cn(
-    "relative flex min-h-9 w-full min-w-0 items-center gap-2.5 overflow-hidden rounded-xl px-3 text-left text-sm font-medium outline-none",
-    "text-muted-foreground transition-colors hover:text-foreground",
-    "focus-visible:bg-muted/70 focus-visible:ring-2 focus-visible:ring-ring",
-    isActive && "text-foreground",
-    disabled && "cursor-not-allowed opacity-40",
-    className
-  )
-
-  return href ? (
-    <motion.a
-      href={href}
-      target={target}
-      rel={rel ?? (target === "_blank" ? "noreferrer noopener" : undefined)}
-      aria-current={isActive ? "page" : undefined}
-      aria-expanded={ariaExpanded}
-      aria-disabled={disabled || undefined}
-      aria-label={panel.collapsed ? textLabel : undefined}
-      title={panel.collapsed ? textLabel : undefined}
-      tabIndex={disabled ? -1 : undefined}
-      onClick={select}
-      whileTap={context.reduce || disabled ? undefined : { scale: 0.98 }}
-      transition={SPRING_PRESS}
-      className={interactiveClassName}
-    >
-      {content}
-    </motion.a>
-  ) : (
-    <motion.button
-      type="button"
-      disabled={disabled}
-      aria-current={isActive ? "page" : undefined}
-      aria-expanded={ariaExpanded}
-      aria-label={panel.collapsed ? textLabel : undefined}
-      title={panel.collapsed ? textLabel : undefined}
-      onClick={select}
-      whileTap={context.reduce || disabled ? undefined : { scale: 0.98 }}
-      transition={SPRING_PRESS}
-      className={interactiveClassName}
-    >
-      {content}
-    </motion.button>
-  )
-}

package/src/components/blocks/shell/animated-sidebar-menu-item.tsx

@@ -1,20 +0,0 @@
-import { forwardRef } from "react"
-import { motion, type HTMLMotionProps } from "motion/react"
-import { SPRING_LAYOUT } from "@/lib/ease"
-import { cn } from "@/lib/utils"
-
-export const AnimatedSidebarMenuItem = forwardRef<
-  HTMLLIElement,
-  HTMLMotionProps<"li">
->(function AnimatedSidebarMenuItem({ className, ...props }, forwardedRef) {
-  return (
-    <motion.li
-      {...props}
-      ref={forwardedRef}
-      layout="position"
-      transition={SPRING_LAYOUT}
-      data-slot="sidebar-menu-item"
-      className={cn("relative", className)}
-    />
-  )
-})

package/src/components/blocks/shell/animated-sidebar-menu-sub-button.tsx

@@ -1,85 +0,0 @@
-import type * as React from "react"
-import { motion } from "motion/react"
-import { SPRING_PRESS } from "@/lib/ease"
-import { cn } from "@/lib/utils"
-import type { AnimatedSidebarMenuSubButtonProps } from "./type"
-import { useAnimatedSidebar, useAnimatedSidebarPanel } from "./utils"
-
-export function AnimatedSidebarMenuSubButton({
-  children,
-  icon,
-  href,
-  isActive = false,
-  disabled = false,
-  closeOnSelect = true,
-  target,
-  rel,
-  onSelect,
-  className,
-}: AnimatedSidebarMenuSubButtonProps) {
-  const context = useAnimatedSidebar()
-  const panel = useAnimatedSidebarPanel()
-
-  const select = (
-    event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>
-  ) => {
-    if (disabled) {
-      event.preventDefault()
-      return
-    }
-    onSelect?.()
-    if (context.isMobile && closeOnSelect) {
-      context.setOpenMobile(false, panel.side)
-    }
-  }
-
-  const content = (
-    <>
-      <span
-        aria-hidden="true"
-        className="grid size-4 shrink-0 place-items-center"
-      >
-        {icon ?? <span className="size-1 rounded-full bg-current" />}
-      </span>
-      <span className="min-w-0 flex-1 truncate">{children}</span>
-    </>
-  )
-
-  const interactiveClassName = cn(
-    "flex min-h-8 w-full min-w-0 items-center gap-2 rounded-lg px-2 text-left text-xs outline-none",
-    "text-muted-foreground transition-colors hover:bg-muted/60 hover:text-foreground",
-    "focus-visible:bg-muted/70 focus-visible:ring-2 focus-visible:ring-ring",
-    isActive && "bg-muted/70 text-foreground",
-    disabled && "cursor-not-allowed opacity-40",
-    className
-  )
-
-  return href ? (
-    <motion.a
-      href={href}
-      target={target}
-      rel={rel ?? (target === "_blank" ? "noreferrer noopener" : undefined)}
-      aria-current={isActive ? "page" : undefined}
-      aria-disabled={disabled || undefined}
-      tabIndex={disabled ? -1 : undefined}
-      onClick={select}
-      whileTap={context.reduce || disabled ? undefined : { scale: 0.98 }}
-      transition={SPRING_PRESS}
-      className={interactiveClassName}
-    >
-      {content}
-    </motion.a>
-  ) : (
-    <motion.button
-      type="button"
-      disabled={disabled}
-      aria-current={isActive ? "page" : undefined}
-      onClick={select}
-      whileTap={context.reduce || disabled ? undefined : { scale: 0.98 }}
-      transition={SPRING_PRESS}
-      className={interactiveClassName}
-    >
-      {content}
-    </motion.button>
-  )
-}

package/src/components/blocks/shell/animated-sidebar-menu-sub-item.tsx

@@ -1,19 +0,0 @@
-import { forwardRef } from "react"
-import { motion, type HTMLMotionProps } from "motion/react"
-import { cn } from "@/lib/utils"
-import { SUBMENU_ITEM_VARIANTS } from "./utils"
-
-export const AnimatedSidebarMenuSubItem = forwardRef<
-  HTMLLIElement,
-  HTMLMotionProps<"li">
->(function AnimatedSidebarMenuSubItem({ className, ...props }, forwardedRef) {
-  return (
-    <motion.li
-      {...props}
-      ref={forwardedRef}
-      variants={SUBMENU_ITEM_VARIANTS}
-      data-slot="sidebar-menu-sub-item"
-      className={cn("relative min-w-0", className)}
-    />
-  )
-})