@exegia/corpora-ui 0.12.0 → 0.14.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@exegia/corpora-ui",
-  "version": "0.12.0",
+  "version": "0.14.0",
   "description": "shadcn-ready React UI library for the corpora manuscript-research apps.",
   "license": "MIT",
   "repository": {

package/src/components/blocks/layout.ts

@@ -0,0 +1,7 @@
+import ShellLayout from "@/components/blocks/shell"
+
+const Layout = {
+  Main: ShellLayout
+}
+
+export default Layout

package/src/components/{agents → blocks/nav/sidebar}/ai-sidebar.tsx

@@ -2,9 +2,9 @@
 
 import { AnimatePresence } from "motion/react";
 import { cn } from "@/lib/utils";
-import type { AISidebarProps } from "@/components/agents/type.ts"
-import { useAISidebar } from "@/components/agents/use-ai-sidebar.ts"
-import { ResourceRow } from "@/components/agents/sidebar-row.tsx"
+import type { AISidebarProps, FlatResource } from "./type"
+import { useAISidebar, type UseAISidebarOptions } from "./use-ai-sidebar"
+import { ResourceRow } from "./sidebar-row"
 
 export function AISidebar({
   renderIcon,
@@ -41,7 +41,7 @@ export function AISidebar({
     commitRename,
     handleMenuOpenChange,
     setRowRef,
-  } = useAISidebar(options);
+  } = useAISidebar(options as UseAISidebarOptions);
 
   return (
     <>
@@ -53,13 +53,13 @@ export function AISidebar({
         onDrop={handleDrop}
         onMouseLeave={clearHover}
         className={cn(
-          "relative flex min-w-0 flex-col gap-0.5 [overflow-anchor:none] group-data-[state=collapsed]/sidebar:hidden",
-          draggingId && "select-none pb-9",
-          className,
+          "relative min-w-0 flex-col gap-0.5 [overflow-anchor:none] group-data-[state=collapsed]/sidebar:hidden",
+          draggingId && "pb-9 select-none",
+          className
         )}
       >
         <AnimatePresence initial={false}>
-          {flat.map((row) => (
+          {flat.map((row: FlatResource) => (
             <ResourceRow
               key={row.item.id}
               row={row}
@@ -72,14 +72,10 @@ export function AISidebar({
               renaming={renamingId === row.item.id}
               hoverActive={hoveredId !== null && !draggingId}
               hoverPill={
-                hoveredId === row.item.id &&
-                !draggingId &&
-                !row.item.disabled
+                hoveredId === row.item.id && !draggingId && !row.item.disabled
               }
               hoverLayoutId={hoverLayoutId}
-              onHoverChange={(hovered) =>
-                handleRowHover(row.item.id, hovered)
-              }
+              onHoverChange={(hovered) => handleRowHover(row.item.id, hovered)}
               onFocus={() => setFocusedId(row.item.id)}
               onSelect={() => select(row.item.id)}
               onToggle={() => toggle(row.item.id)}
@@ -100,7 +96,7 @@ export function AISidebar({
           ))}
         </AnimatePresence>
 
-        {draggingId ? (
+        {draggingId && (
           <div
             aria-hidden="true"
             data-active={dropTarget?.id === null || undefined}
@@ -108,11 +104,11 @@ export function AISidebar({
           >
             Move to top level
           </div>
-        ) : null}
+        )}
       </div>
       <span className="sr-only" aria-live="polite">
         {announcement}
       </span>
     </>
-  );
+  )
 }

package/src/components/{agents → blocks/nav/sidebar}/index.ts

@@ -1,4 +1,3 @@
-
 import { AISidebar } from "./ai-sidebar"
 import { MarqueeLabel } from "./marquee-label.tsx"
 import { ResourceRow } from "./sidebar-row.tsx"
@@ -6,6 +5,8 @@ import { SidebarIcon } from "./sidebar-icon.tsx"
 export { useAISidebar, type UseAISidebarOptions } from "./use-ai-sidebar.ts"
 export type * from "./type.ts"
 
+export { AISidebar, MarqueeLabel, ResourceRow, SidebarIcon }
+
 export const Sidebar = {
   Wrapper: AISidebar,
   MarqueeLabel,

package/src/components/{agents → blocks/nav/sidebar}/marquee-label.tsx

@@ -1,6 +1,6 @@
 import { motion, useReducedMotion } from "motion/react"
 import { useEffect, useRef, useState } from "react"
-import { ROW_REVEAL } from "@/components/agents/utils.ts"
+import { ROW_REVEAL } from "./utils.ts"
 
 export function MarqueeLabel({
   active,

package/src/components/{agents → blocks/nav/sidebar}/sidebar-icon.tsx

@@ -1,4 +1,4 @@
-import type { SidebarResource } from "@/components/agents/type.ts"
+import type { SidebarResource } from "./type.ts"
 import { Bookmark, FileText, Folder, FolderOpen } from "lucide-react"
 
 export function SidebarIcon(item: SidebarResource, expanded: boolean) {

package/src/components/{agents → blocks/nav/sidebar}/sidebar-row.tsx

@@ -5,7 +5,7 @@ import {
   useState,
   type MouseEvent,
 } from "react"
-import type { ResourceRowProps } from "@/components/agents/type.ts"
+import type { ResourceRowProps } from "./type"
 import {
   AnimatePresence,
   motion,
@@ -15,9 +15,9 @@ import {
 import { ChevronRight, MoreHorizontal, Pencil } from "lucide-react"
 import { SPRING_LAYOUT } from "@/lib/ease.ts"
 import { cn } from "@/lib/utils.ts"
-import { canContain } from "@/components/agents/utils.ts"
-import { SidebarIcon } from "@/components/agents/sidebar-icon.tsx"
-import { MarqueeLabel } from "@/components/agents/marquee-label.tsx"
+import { canContain } from "./utils"
+import { SidebarIcon } from "./sidebar-icon"
+import { MarqueeLabel } from "./marquee-label"
 import {
   MorphPopover,
   MorphPopoverContent,

package/src/components/{agents → blocks/nav/sidebar}/use-ai-sidebar.ts

@@ -16,7 +16,7 @@ import type {
   FlatResource,
   SidebarResource,
   SidebarResourceMove,
-} from "@/components/agents/type.ts"
+} from "./type.ts"
 import {
   canContain,
   containsResource,
@@ -24,7 +24,7 @@ import {
   flattenResources,
   moveResource,
   renameResource,
-} from "@/components/agents/utils.ts"
+} from "./utils.ts"
 
 export type UseAISidebarOptions = Pick<
   AISidebarProps,

package/src/components/{agents → blocks/nav/sidebar}/utils.ts

@@ -1,5 +1,5 @@
 import { EASE_OUT } from "@/lib/ease.ts"
-import type { FlatResource, SidebarResource, SidebarResourceDropPosition, SidebarResourceMove } from "@/components/agents/type.ts"
+import type { FlatResource, SidebarResource, SidebarResourceDropPosition, SidebarResourceMove } from "./type.ts"
 
 export const ROW_REVEAL = {
   duration: 0.16,

package/src/components/blocks/shell/index.ts

@@ -1 +1,6 @@
-export * from "./shell-layout"
+import { ShellLayout } from "./shell-layout"
+
+export type * from "./type"
+export * from "./utils"
+
+export { ShellLayout as default }

package/src/components/blocks/shell/type.ts

@@ -1,9 +1,4 @@
-// import type {
-//   ISidebarNavItem,
-//   ISidebarNavSection,
-//   ISidebarNavSubItem,
-// } from "@/components/blocks/nav/types"
-
+import React from "react"
 
 export interface ShellAction {
   id: string
@@ -21,16 +16,6 @@ export interface ShellWorkspace {
 
 export interface ShellLayoutProps {
   children?: React.ReactNode
- // sections?: ISidebarNavSection[]
-  //activeId?: string
-//  onNavigate?: (item: ISidebarNavItem | ISidebarNavSubItem) => void
-//  workspace?: ShellWorkspace
-  //sidebarFooter?: React.ReactNode
- // topActions?: ShellAction[]
-  //title?: React.ReactNode
-  //eyebrow?: React.ReactNode
-  //searchPlaceholder?: string
-  //searchShortcut?: React.ReactNode
   open?: boolean
   defaultOpen?: boolean
   onOpenChange?: (open: boolean) => void
@@ -40,11 +25,6 @@ export interface ShellLayoutProps {
   rightOpen?: boolean
   defaultRightOpen?: boolean
   onRightOpenChange?: (open: boolean) => void
- // openMobile?: boolean
-  //defaultOpenMobile?: boolean
-  //onOpenMobileChange?: (open: boolean) => void
   className?: string
-   variant: 'web' | 'desktop'
-  //sidebarClassName?: string
-  //contentClassName?: string
+  variant: 'web' | 'desktop'
 }

package/src/index.ts

@@ -40,7 +40,10 @@ export * from "./components/blocks/auth/passkey-sign-in-block"
 export * from "./components/blocks/auth/signup-block"
 export * from "./components/blocks/auth/update-password-block"
 export * from "./components/blocks/nav/sidebar-block"
-export * from "./components/blocks/shell/shell-layout"
+export * from "./components/blocks/nav/sidebar"
+export * from "./components/blocks/shell"
+export { default as ShellLayout } from "./components/blocks/shell"
+export { default as Layout } from "./components/blocks/layout"
 export * from "./components/blocks/profile/profile-card-block"
 
 // motion primitives