@exegia/corpora-ui 3.0.0 → 4.0.0

package/src/components/theme-provider.tsx

@@ -1,230 +0,0 @@
-/* eslint-disable react-refresh/only-export-components */
-import * as React from "react"
-
-type TTheme = "dark" | "light" | "system"
-type TResolvedTheme = "dark" | "light"
-
-type TThemeProviderProps = {
-  children: React.ReactNode
-  defaultTheme?: TTheme
-  storageKey?: string
-  disableTransitionOnChange?: boolean
-}
-
-type TThemeProviderState = {
-  theme: TTheme
-  setTheme: (theme: TTheme) => void
-}
-
-const COLOR_SCHEME_QUERY = "(prefers-color-scheme: dark)"
-const THEME_VALUES: TTheme[] = ["dark", "light", "system"]
-
-const ThemeProviderContext = React.createContext<
-  TThemeProviderState | undefined
->(undefined)
-
-function isTheme(value: string | null): value is TTheme {
-  if (value === null) {
-    return false
-  }
-
-  return THEME_VALUES.includes(value as TTheme)
-}
-
-function getSystemTheme(): TResolvedTheme {
-  if (window.matchMedia(COLOR_SCHEME_QUERY).matches) {
-    return "dark"
-  }
-
-  return "light"
-}
-
-function disableTransitionsTemporarily() {
-  const style = document.createElement("style")
-  style.appendChild(
-    document.createTextNode(
-      "*,*::before,*::after{-webkit-transition:none!important;transition:none!important}"
-    )
-  )
-  document.head.appendChild(style)
-
-  return () => {
-    window.getComputedStyle(document.body)
-    requestAnimationFrame(() => {
-      requestAnimationFrame(() => {
-        style.remove()
-      })
-    })
-  }
-}
-
-function isEditableTarget(target: EventTarget | null) {
-  if (!(target instanceof HTMLElement)) {
-    return false
-  }
-
-  if (target.isContentEditable) {
-    return true
-  }
-
-  const editableParent = target.closest(
-    "input, textarea, select, [contenteditable='true']"
-  )
-  if (editableParent) {
-    return true
-  }
-
-  return false
-}
-
-export function ThemeProvider({
-  children,
-  defaultTheme = "system",
-  storageKey = "theme",
-  disableTransitionOnChange = true,
-  ...props
-}: TThemeProviderProps) {
-  const [theme, setThemeState] = React.useState<TTheme>(() => {
-    const storedTheme = localStorage.getItem(storageKey)
-    if (isTheme(storedTheme)) {
-      return storedTheme
-    }
-
-    return defaultTheme
-  })
-
-  const setTheme = React.useCallback(
-    (nextTheme: TTheme) => {
-      localStorage.setItem(storageKey, nextTheme)
-      setThemeState(nextTheme)
-    },
-    [storageKey]
-  )
-
-  const applyTheme = React.useCallback(
-    (nextTheme: TTheme) => {
-      const root = document.documentElement
-      const resolvedTheme =
-        nextTheme === "system" ? getSystemTheme() : nextTheme
-      const restoreTransitions = disableTransitionOnChange
-        ? disableTransitionsTemporarily()
-        : null
-
-      root.classList.remove("light", "dark")
-      root.classList.add(resolvedTheme)
-
-      if (restoreTransitions) {
-        restoreTransitions()
-      }
-    },
-    [disableTransitionOnChange]
-  )
-
-  React.useEffect(() => {
-    applyTheme(theme)
-
-    if (theme !== "system") {
-      return undefined
-    }
-
-    const mediaQuery = window.matchMedia(COLOR_SCHEME_QUERY)
-    const handleChange = () => {
-      applyTheme("system")
-    }
-
-    mediaQuery.addEventListener("change", handleChange)
-
-    return () => {
-      mediaQuery.removeEventListener("change", handleChange)
-    }
-  }, [theme, applyTheme])
-
-  React.useEffect(() => {
-    const handleKeyDown = (event: KeyboardEvent) => {
-      if (event.repeat) {
-        return
-      }
-
-      if (event.metaKey || event.ctrlKey || event.altKey) {
-        return
-      }
-
-      if (isEditableTarget(event.target)) {
-        return
-      }
-
-      if (event.key.toLowerCase() !== "d") {
-        return
-      }
-
-      setThemeState((currentTheme) => {
-        const nextTheme =
-          currentTheme === "dark"
-            ? "light"
-            : currentTheme === "light"
-              ? "dark"
-              : getSystemTheme() === "dark"
-                ? "light"
-                : "dark"
-
-        localStorage.setItem(storageKey, nextTheme)
-        return nextTheme
-      })
-    }
-
-    window.addEventListener("keydown", handleKeyDown)
-
-    return () => {
-      window.removeEventListener("keydown", handleKeyDown)
-    }
-  }, [storageKey])
-
-  React.useEffect(() => {
-    const handleStorageChange = (event: StorageEvent) => {
-      if (event.storageArea !== localStorage) {
-        return
-      }
-
-      if (event.key !== storageKey) {
-        return
-      }
-
-      if (isTheme(event.newValue)) {
-        setThemeState(event.newValue)
-        return
-      }
-
-      setThemeState(defaultTheme)
-    }
-
-    window.addEventListener("storage", handleStorageChange)
-
-    return () => {
-      window.removeEventListener("storage", handleStorageChange)
-    }
-  }, [defaultTheme, storageKey])
-
-  const value = React.useMemo(
-    () => ({
-      theme,
-      setTheme,
-    }),
-    [theme, setTheme]
-  )
-
-  return (
-    <ThemeProviderContext.Provider {...props} value={value}>
-      {children}
-    </ThemeProviderContext.Provider>
-  )
-}
-
-export const useTheme = () => {
-  const context = React.useContext(ThemeProviderContext)
-
-  if (context === undefined) {
-    throw new Error("useTheme must be used within a ThemeProvider")
-  }
-
-  return context
-}

package/src/components/types.ts

@@ -1,106 +0,0 @@
-import type * as NAtomsProps from "./atoms/types"
-import type * as NComposedProps from "./composed/types"
-import type * as NBlockProps from "./blocks/types"
-import type * as NIconsProps from "./icons/types"
-
-// Type-only namespace exports cannot be reflected with `typeof`/`keyof`.
-// Keep these lists aligned with the exported *Props types, not state or options.
-type TAtomsProps =
-  | NAtomsProps.IReferenceProps
-  | NAtomsProps.IInputFieldProps
-  | NAtomsProps.ILoaderProps
-  | NAtomsProps.IAvatarProps<NAtomsProps.TUserType>
-  | NAtomsProps.ITextureProps
-  | NAtomsProps.IBubbleProps
-  | NAtomsProps.TBubbleMessageProps
-  | NAtomsProps.TBubbleHeaderProps
-  | NAtomsProps.IBubbleReactionsProps
-  | NAtomsProps.TBubbleActionsProps
-  | NAtomsProps.IBubbleReactionChipProps
-  | NAtomsProps.TBubbleReactionsButtonProps
-  | NAtomsProps.TTextProps
-  | NAtomsProps.THeadingProps
-  | NAtomsProps.TSpanProps
-  | NAtomsProps.TParagraphProps
-  | NAtomsProps.TLabelProps
-  | NAtomsProps.ISelectionRenderProps
-  | NAtomsProps.THighlightPopoverPrimitiveProps
-  | NAtomsProps.IHighlightPopoverProps
-  | NAtomsProps.ITextSelectionProps
-  | NAtomsProps.ITextPopoverRenderProps
-  | NAtomsProps.ITextClickPopoverProps
-
-// Instantiate generic props at their declared domains. Stories still infer the
-// concrete component's props (including narrower generic arguments) separately.
-type TComposedProps =
-  | NComposedProps.IActionButtonProps<string>
-  | NComposedProps.IActionBarProps
-  | NComposedProps.IEmojiActionBarProps
-  | NComposedProps.IStreamingTextProps
-  | NComposedProps.TAIContentProps<NComposedProps.TAIMessageType>
-  | NComposedProps.IAIMessageProps<NComposedProps.TAIMessageType>
-  | NComposedProps.IFlowchartProps
-  | NComposedProps.IConnectorProps
-  | NComposedProps.IChartNodeProps
-  | NComposedProps.IRecommendationItemProps
-  | NComposedProps.IRecommendationCardProps
-  | NComposedProps.IUserBaseProps<NAtomsProps.TUserType, NComposedProps.TUserVariant>
-  | NComposedProps.IUserMessageProps<NAtomsProps.TUserType>
-  | NComposedProps.TUserInfoProps<NAtomsProps.TUserType>
-  | NComposedProps.TUserPillProps<NAtomsProps.TUserType>
-  | NComposedProps.IVerseProps
-  | NComposedProps.TVerseSpanProps
-  | NComposedProps.TVerseNoteProps
-
-type TBlockProps =
-  | NBlockProps.IRecommendationStackProps
-  | NBlockProps.IPinnedThreadBannerProps
-  | NBlockProps.IDegradedBannerProps
-  | NBlockProps.IAiPanelProps
-  | NBlockProps.IAiPanelHeaderProps
-  | NBlockProps.ISuggestedPromptsProps
-  | NBlockProps.IVersionHistoryRecordProps
-  | NBlockProps.ILockedBannerProps
-  | NBlockProps.IAISidebarProps
-  | NBlockProps.TAISidebarViewProps
-  | NBlockProps.IAISidebarControllerProps
-  | NBlockProps.TAISidebarComponentProps
-  | NBlockProps.ISignupBlockProps
-  | NBlockProps.IForgotPasswordBlockProps
-  | NBlockProps.ILoginBlockProps
-  | NBlockProps.ICodeAuthBlockProps
-  | NBlockProps.IOnboardingBlockProps
-  | NBlockProps.IPasskeySignInBlockProps
-  | NBlockProps.IPasskeyManagerBlockProps
-  | NBlockProps.IUpdatePasswordBlockProps
-  | NBlockProps.ILinkedAccountsBlockProps
-  | NBlockProps.IAuthFlowBlockProps
-  | NBlockProps.IAISidebarProps
-  | NBlockProps.IAiPanelHeaderProps
-  | NBlockProps.IResourceRowProps
-  | NBlockProps.IScaffoldRootProps
-  | NBlockProps.TScaffoldSidebarProps
-  | NBlockProps.TScaffoldMainProps
-  | NBlockProps.TScaffoldCanvasProps
-  | NBlockProps.IScaffoldActionsProps
-  | NBlockProps.IScaffoldPanelProps
-  | NBlockProps.IScaffoldTabProps
-  | NBlockProps.IScaffoldSubPanelProps
-  | NBlockProps.IScaffoldInspectorProps
-  | NBlockProps.IPanelFloatingButtonProps
-  | NBlockProps.IPanelMenuButtonProps
-  | NBlockProps.TShellPanelControlProps
-  | NBlockProps.IShellLayoutProps
-  | NBlockProps.IAnimatedSidebarProviderProps
-  | NBlockProps.TAnimatedSidebarInsetProps
-  | NBlockProps.IAnimatedSidebarTriggerProps
-  | NBlockProps.IAnimatedSidebarProps
-  | NBlockProps.IAnimatedSidebarMenuSubProps
-  | NBlockProps.IAnimatedSidebarMenuSubButtonProps
-  | NBlockProps.IAnimatedSidebarMenuButtonProps
-
-type TIconsProps = NIconsProps.IFileIconProps
-
-/** Catalog of namespace-exported props, not a shared component call signature. */
-type TStoryComponentProps = TAtomsProps | TComposedProps | TBlockProps | TIconsProps
-export type { NAtomsProps, NComposedProps, NBlockProps, NIconsProps, TStoryComponentProps }

package/src/components/ui/accordion.tsx

@@ -1,68 +0,0 @@
-"use client";
-
-import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
-import { ChevronDownIcon } from "lucide-react";
-import type React from "react";
-import { cn } from "@/lib/utils";
-
-export function Accordion(
-  props: AccordionPrimitive.Root.Props,
-): React.ReactElement {
-  return <AccordionPrimitive.Root data-slot="accordion" {...props} />;
-}
-
-export function AccordionItem({
-  className,
-  ...props
-}: AccordionPrimitive.Item.Props): React.ReactElement {
-  return (
-    <AccordionPrimitive.Item
-      className={cn("border-b last:border-b-0", className)}
-      data-slot="accordion-item"
-      {...props}
-    />
-  );
-}
-
-export function AccordionTrigger({
-  className,
-  children,
-  ...props
-}: AccordionPrimitive.Trigger.Props): React.ReactElement {
-  return (
-    <AccordionPrimitive.Header className="flex">
-      <AccordionPrimitive.Trigger
-        className={cn(
-          "flex flex-1 cursor-pointer items-start justify-between gap-4 rounded-md py-4 text-left font-medium text-sm outline-none transition-all focus-visible:ring-[3px] focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-64 data-panel-open:*:data-[slot=accordion-indicator]:rotate-180",
-          className,
-        )}
-        data-slot="accordion-trigger"
-        {...props}
-      >
-        {children}
-        <ChevronDownIcon
-          className="pointer-events-none size-4 shrink-0 translate-y-0.5 opacity-80 transition-transform duration-200 ease-in-out"
-          data-slot="accordion-indicator"
-        />
-      </AccordionPrimitive.Trigger>
-    </AccordionPrimitive.Header>
-  );
-}
-
-export function AccordionPanel({
-  className,
-  children,
-  ...props
-}: AccordionPrimitive.Panel.Props): React.ReactElement {
-  return (
-    <AccordionPrimitive.Panel
-      className="h-(--accordion-panel-height) overflow-hidden text-muted-foreground text-sm transition-[height,opacity] duration-300 ease-[var(--ease-out-strong)] data-ending-style:h-0 data-ending-style:opacity-0 data-starting-style:h-0 data-starting-style:opacity-0"
-      data-slot="accordion-panel"
-      {...props}
-    >
-      <div className={cn("pt-0 pb-4", className)}>{children}</div>
-    </AccordionPrimitive.Panel>
-  );
-}
-
-export { AccordionPrimitive, AccordionPanel as AccordionContent };

package/src/components/ui/alert-dialog.tsx

@@ -1,167 +0,0 @@
-"use client";
-
-import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog";
-import type React from "react";
-import { cn } from "@/lib/utils";
-
-export const AlertDialogCreateHandle: typeof AlertDialogPrimitive.createHandle =
-  AlertDialogPrimitive.createHandle;
-
-export const AlertDialog: typeof AlertDialogPrimitive.Root =
-  AlertDialogPrimitive.Root;
-
-export const AlertDialogPortal: typeof AlertDialogPrimitive.Portal =
-  AlertDialogPrimitive.Portal;
-
-export function AlertDialogTrigger(
-  props: AlertDialogPrimitive.Trigger.Props,
-): React.ReactElement {
-  return (
-    <AlertDialogPrimitive.Trigger data-slot="alert-dialog-trigger" {...props} />
-  );
-}
-
-export function AlertDialogBackdrop({
-  className,
-  ...props
-}: AlertDialogPrimitive.Backdrop.Props): React.ReactElement {
-  return (
-    <AlertDialogPrimitive.Backdrop
-      className={cn(
-        "fixed inset-0 z-50 bg-black/32 backdrop-blur-sm transition-all duration-200 data-ending-style:opacity-0 data-starting-style:opacity-0",
-        className,
-      )}
-      data-slot="alert-dialog-backdrop"
-      {...props}
-    />
-  );
-}
-
-export function AlertDialogViewport({
-  className,
-  ...props
-}: AlertDialogPrimitive.Viewport.Props): React.ReactElement {
-  return (
-    <AlertDialogPrimitive.Viewport
-      className={cn(
-        "fixed inset-0 z-50 grid grid-rows-[1fr_auto_3fr] justify-items-center p-4",
-        className,
-      )}
-      data-slot="alert-dialog-viewport"
-      {...props}
-    />
-  );
-}
-
-export function AlertDialogPopup({
-  className,
-  bottomStickOnMobile = true,
-  portalProps,
-  ...props
-}: AlertDialogPrimitive.Popup.Props & {
-  bottomStickOnMobile?: boolean;
-  portalProps?: AlertDialogPrimitive.Portal.Props;
-}): React.ReactElement {
-  return (
-    <AlertDialogPortal {...portalProps}>
-      <AlertDialogBackdrop />
-      <AlertDialogViewport
-        className={cn(
-          bottomStickOnMobile &&
-            "max-sm:grid-rows-[1fr_auto] max-sm:p-0 max-sm:pt-12",
-        )}
-      >
-        <AlertDialogPrimitive.Popup
-          className={cn(
-            "relative row-start-2 flex max-h-full min-h-0 w-full min-w-0 max-w-lg origin-center flex-col rounded-2xl border bg-popover not-dark:bg-clip-padding text-popover-foreground opacity-[calc(1-var(--nested-dialogs))] shadow-lg/5 transition-[scale,opacity,translate] duration-200 ease-in-out will-change-transform before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-2xl)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] data-ending-style:opacity-0 data-starting-style:opacity-0 sm:scale-[calc(1-0.1*var(--nested-dialogs))] sm:data-ending-style:scale-98 sm:data-starting-style:scale-98 dark:before:shadow-[0_-1px_--theme(--color-white/6%)]",
-            bottomStickOnMobile &&
-              "max-sm:max-w-none max-sm:origin-bottom max-sm:rounded-none max-sm:border-x-0 max-sm:border-t max-sm:border-b-0 max-sm:data-ending-style:translate-y-4 max-sm:data-starting-style:translate-y-4 max-sm:before:hidden max-sm:before:rounded-none",
-            className,
-          )}
-          data-slot="alert-dialog-popup"
-          {...props}
-        />
-      </AlertDialogViewport>
-    </AlertDialogPortal>
-  );
-}
-
-export function AlertDialogHeader({
-  className,
-  ...props
-}: React.ComponentProps<"div">): React.ReactElement {
-  return (
-    <div
-      className={cn(
-        "flex flex-col gap-2 p-6 text-center max-sm:pb-4 sm:text-left",
-        className,
-      )}
-      data-slot="alert-dialog-header"
-      {...props}
-    />
-  );
-}
-
-export function AlertDialogFooter({
-  className,
-  variant = "default",
-  ...props
-}: React.ComponentProps<"div"> & {
-  variant?: "default" | "bare";
-}): React.ReactElement {
-  return (
-    <div
-      className={cn(
-        "flex flex-col-reverse gap-2 px-6 sm:flex-row sm:justify-end sm:rounded-b-[calc(var(--radius-2xl)-1px)]",
-        variant === "default" && "border-t bg-muted/72 py-4",
-        variant === "bare" && "pb-6",
-        className,
-      )}
-      data-slot="alert-dialog-footer"
-      {...props}
-    />
-  );
-}
-
-export function AlertDialogTitle({
-  className,
-  ...props
-}: AlertDialogPrimitive.Title.Props): React.ReactElement {
-  return (
-    <AlertDialogPrimitive.Title
-      className={cn(
-        "font-heading font-semibold text-xl leading-none",
-        className,
-      )}
-      data-slot="alert-dialog-title"
-      {...props}
-    />
-  );
-}
-
-export function AlertDialogDescription({
-  className,
-  ...props
-}: AlertDialogPrimitive.Description.Props): React.ReactElement {
-  return (
-    <AlertDialogPrimitive.Description
-      className={cn("text-muted-foreground text-sm", className)}
-      data-slot="alert-dialog-description"
-      {...props}
-    />
-  );
-}
-
-export function AlertDialogClose(
-  props: AlertDialogPrimitive.Close.Props,
-): React.ReactElement {
-  return (
-    <AlertDialogPrimitive.Close data-slot="alert-dialog-close" {...props} />
-  );
-}
-
-export {
-  AlertDialogPrimitive,
-  AlertDialogBackdrop as AlertDialogOverlay,
-  AlertDialogPopup as AlertDialogContent,
-};

package/src/components/ui/alert.tsx

@@ -1,84 +0,0 @@
-import { cva, type VariantProps } from "class-variance-authority";
-import type * as React from "react";
-import { cn } from "@/lib/utils";
-
-const alertVariants = cva(
-  "relative grid w-full items-start gap-x-2 gap-y-0.5 rounded-xl border px-3.5 py-3 text-card-foreground text-sm has-[>svg]:has-data-[slot=alert-action]:grid-cols-[calc(var(--spacing)*4)_1fr_auto] has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-data-[slot=alert-action]:grid-cols-[1fr_auto] has-[>svg]:gap-x-2 [&>svg]:h-lh [&>svg]:w-4",
-  {
-    defaultVariants: {
-      variant: "default",
-    },
-    variants: {
-      variant: {
-        default:
-          "bg-transparent dark:bg-input/32 [&>svg]:text-muted-foreground",
-        error:
-          "border-destructive/32 bg-destructive/4 [&>svg]:text-destructive",
-        info: "border-info/32 bg-info/4 [&>svg]:text-info",
-        success: "border-success/32 bg-success/4 [&>svg]:text-success",
-        warning: "border-warning/32 bg-warning/4 [&>svg]:text-warning",
-      },
-    },
-  },
-);
-
-export function Alert({
-  className,
-  variant,
-  ...props
-}: React.ComponentProps<"div"> &
-  VariantProps<typeof alertVariants>): React.ReactElement {
-  return (
-    <div
-      className={cn(alertVariants({ variant }), className)}
-      data-slot="alert"
-      role="alert"
-      {...props}
-    />
-  );
-}
-
-export function AlertTitle({
-  className,
-  ...props
-}: React.ComponentProps<"div">): React.ReactElement {
-  return (
-    <div
-      className={cn("font-medium [svg~&]:col-start-2", className)}
-      data-slot="alert-title"
-      {...props}
-    />
-  );
-}
-
-export function AlertDescription({
-  className,
-  ...props
-}: React.ComponentProps<"div">): React.ReactElement {
-  return (
-    <div
-      className={cn(
-        "flex flex-col gap-2.5 text-muted-foreground [svg~&]:col-start-2",
-        className,
-      )}
-      data-slot="alert-description"
-      {...props}
-    />
-  );
-}
-
-export function AlertAction({
-  className,
-  ...props
-}: React.ComponentProps<"div">): React.ReactElement {
-  return (
-    <div
-      className={cn(
-        "flex gap-1 max-sm:col-start-2 max-sm:mt-2 sm:row-start-1 sm:row-end-3 sm:self-center sm:[[data-slot=alert-description]~&]:col-start-2 sm:[[data-slot=alert-title]~&]:col-start-2 sm:[svg~&]:col-start-2 sm:[svg~[data-slot=alert-description]~&]:col-start-3 sm:[svg~[data-slot=alert-title]~&]:col-start-3",
-        className,
-      )}
-      data-slot="alert-action"
-      {...props}
-    />
-  );
-}