@exegia/corpora-ui 3.0.0 → 4.0.0

package/src/components/ui/collapsible.tsx

@@ -1,42 +0,0 @@
-"use client";
-
-import { Collapsible as CollapsiblePrimitive } from "@base-ui/react/collapsible";
-import type React from "react";
-import { cn } from "@/lib/utils";
-
-export function Collapsible({
-  ...props
-}: CollapsiblePrimitive.Root.Props): React.ReactElement {
-  return <CollapsiblePrimitive.Root data-slot="collapsible" {...props} />;
-}
-
-export function CollapsibleTrigger({
-  className,
-  ...props
-}: CollapsiblePrimitive.Trigger.Props): React.ReactElement {
-  return (
-    <CollapsiblePrimitive.Trigger
-      className={className}
-      data-slot="collapsible-trigger"
-      {...props}
-    />
-  );
-}
-
-export function CollapsiblePanel({
-  className,
-  ...props
-}: CollapsiblePrimitive.Panel.Props): React.ReactElement {
-  return (
-    <CollapsiblePrimitive.Panel
-      className={cn(
-        "h-(--collapsible-panel-height) overflow-hidden transition-[height] duration-200 data-ending-style:h-0 data-starting-style:h-0",
-        className,
-      )}
-      data-slot="collapsible-panel"
-      {...props}
-    />
-  );
-}
-
-export { CollapsiblePrimitive, CollapsiblePanel as CollapsibleContent };

package/src/components/ui/command.tsx

@@ -1,263 +0,0 @@
-"use client";
-
-import { Dialog as CommandDialogPrimitive } from "@base-ui/react/dialog";
-import { SearchIcon } from "lucide-react";
-import type * as React from "react";
-import { cn } from "@/lib/utils";
-import {
-  Autocomplete,
-  AutocompleteCollection,
-  AutocompleteEmpty,
-  AutocompleteGroup,
-  AutocompleteGroupLabel,
-  AutocompleteInput,
-  AutocompleteItem,
-  AutocompleteList,
-  AutocompleteSeparator,
-} from "@/components/ui/autocomplete";
-
-export const CommandDialog: typeof CommandDialogPrimitive.Root =
-  CommandDialogPrimitive.Root;
-
-export const CommandDialogPortal: typeof CommandDialogPrimitive.Portal =
-  CommandDialogPrimitive.Portal;
-
-export const CommandCreateHandle: typeof CommandDialogPrimitive.createHandle =
-  CommandDialogPrimitive.createHandle;
-
-export function CommandDialogTrigger(
-  props: CommandDialogPrimitive.Trigger.Props,
-): React.ReactElement {
-  return (
-    <CommandDialogPrimitive.Trigger
-      data-slot="command-dialog-trigger"
-      {...props}
-    />
-  );
-}
-
-export function CommandDialogBackdrop({
-  className,
-  ...props
-}: CommandDialogPrimitive.Backdrop.Props): React.ReactElement {
-  return (
-    <CommandDialogPrimitive.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="command-dialog-backdrop"
-      {...props}
-    />
-  );
-}
-
-export function CommandDialogViewport({
-  className,
-  ...props
-}: CommandDialogPrimitive.Viewport.Props): React.ReactElement {
-  return (
-    <CommandDialogPrimitive.Viewport
-      className={cn(
-        "fixed inset-0 z-50 flex flex-col items-center px-4 py-[max(--spacing(4),4vh)] sm:py-[10vh]",
-        className,
-      )}
-      data-slot="command-dialog-viewport"
-      {...props}
-    />
-  );
-}
-
-export function CommandDialogPopup({
-  className,
-  children,
-  portalProps,
-  ...props
-}: CommandDialogPrimitive.Popup.Props & {
-  portalProps?: CommandDialogPrimitive.Portal.Props;
-}): React.ReactElement {
-  return (
-    <CommandDialogPortal {...portalProps}>
-      <CommandDialogBackdrop />
-      <CommandDialogViewport>
-        <CommandDialogPrimitive.Popup
-          className={cn(
-            "relative row-start-2 flex max-h-105 min-h-0 w-full min-w-0 max-w-xl -translate-y-[calc(1.25rem*var(--nested-dialogs))] scale-[calc(1-0.1*var(--nested-dialogs))] flex-col rounded-2xl border bg-popover not-dark:bg-clip-padding text-popover-foreground opacity-[calc(1-0.1*var(--nested-dialogs))] shadow-lg/5 outline-none 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:bg-muted/72 before:shadow-[0_1px_--theme(--color-black/4%)] data-nested:data-ending-style:translate-y-8 data-nested:data-starting-style:translate-y-8 data-nested-dialog-open:origin-top data-ending-style:scale-98 data-starting-style:scale-98 data-ending-style:opacity-0 data-starting-style:opacity-0 **:data-[slot=scroll-area-viewport]:data-has-overflow-y:pe-1 dark:before:shadow-[0_-1px_--theme(--color-white/6%)]",
-            className,
-          )}
-          data-slot="command-dialog-popup"
-          {...props}
-        >
-          {children}
-        </CommandDialogPrimitive.Popup>
-      </CommandDialogViewport>
-    </CommandDialogPortal>
-  );
-}
-
-export function Command({
-  autoHighlight = "always",
-  keepHighlight = true,
-  ...props
-}: React.ComponentProps<typeof Autocomplete>): React.ReactElement {
-  return (
-    <Autocomplete
-      autoHighlight={autoHighlight}
-      inline
-      keepHighlight={keepHighlight}
-      open
-      {...props}
-    />
-  );
-}
-
-export function CommandInput({
-  className,
-  placeholder = undefined,
-  ...props
-}: React.ComponentProps<typeof AutocompleteInput>): React.ReactElement {
-  return (
-    <div className="px-2.5 py-1.5">
-      <AutocompleteInput
-        autoFocus
-        className={cn(
-          "border-transparent! bg-transparent! shadow-none before:hidden has-focus-visible:ring-0",
-          className,
-        )}
-        placeholder={placeholder}
-        size="lg"
-        startAddon={<SearchIcon />}
-        {...props}
-      />
-    </div>
-  );
-}
-
-export function CommandList({
-  className,
-  ...props
-}: React.ComponentProps<typeof AutocompleteList>): React.ReactElement {
-  return (
-    <AutocompleteList
-      className={cn("not-empty:scroll-py-2 not-empty:p-2", className)}
-      data-slot="command-list"
-      {...props}
-    />
-  );
-}
-
-export function CommandEmpty({
-  className,
-  ...props
-}: React.ComponentProps<typeof AutocompleteEmpty>): React.ReactElement {
-  return (
-    <AutocompleteEmpty
-      className={cn("not-empty:py-6", className)}
-      data-slot="command-empty"
-      {...props}
-    />
-  );
-}
-
-export function CommandPanel({
-  className,
-  ...props
-}: React.ComponentProps<"div">): React.ReactElement {
-  return (
-    <div
-      className={cn(
-        "relative -mx-px not-has-[+[data-slot=command-footer]]:-mb-px min-h-0 rounded-t-xl not-has-[+[data-slot=command-footer]]:rounded-b-2xl border border-b-0 bg-popover bg-clip-padding shadow-xs/5 [clip-path:inset(0_1px)] not-has-[+[data-slot=command-footer]]:[clip-path:inset(0_1px_1px_1px_round_0_0_calc(var(--radius-2xl)-1px)_calc(var(--radius-2xl)-1px))] before:pointer-events-none before:absolute before:inset-0 before:rounded-t-[calc(var(--radius-xl)-1px)] **:data-[slot=scroll-area-scrollbar]:mt-2",
-        className,
-      )}
-      {...props}
-    />
-  );
-}
-
-export function CommandGroup({
-  className,
-  ...props
-}: React.ComponentProps<typeof AutocompleteGroup>): React.ReactElement {
-  return (
-    <AutocompleteGroup
-      className={className}
-      data-slot="command-group"
-      {...props}
-    />
-  );
-}
-
-export function CommandGroupLabel({
-  className,
-  ...props
-}: React.ComponentProps<typeof AutocompleteGroupLabel>): React.ReactElement {
-  return (
-    <AutocompleteGroupLabel
-      className={className}
-      data-slot="command-group-label"
-      {...props}
-    />
-  );
-}
-
-export const CommandCollection = AutocompleteCollection;
-
-export function CommandItem({
-  className,
-  ...props
-}: React.ComponentProps<typeof AutocompleteItem>): React.ReactElement {
-  return (
-    <AutocompleteItem
-      className={cn("py-1.5", className)}
-      data-slot="command-item"
-      {...props}
-    />
-  );
-}
-
-export function CommandSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof AutocompleteSeparator>): React.ReactElement {
-  return (
-    <AutocompleteSeparator
-      className={cn("my-2", className)}
-      data-slot="command-separator"
-      {...props}
-    />
-  );
-}
-
-export function CommandShortcut({
-  className,
-  ...props
-}: React.ComponentProps<"kbd">): React.ReactElement {
-  return (
-    <kbd
-      className={cn(
-        "ms-auto font-medium font-sans text-muted-foreground/72 text-xs tracking-widest",
-        className,
-      )}
-      data-slot="command-shortcut"
-      {...props}
-    />
-  );
-}
-
-export function CommandFooter({
-  className,
-  ...props
-}: React.ComponentProps<"div">): React.ReactElement {
-  return (
-    <div
-      className={cn(
-        "flex items-center justify-between gap-2 rounded-b-[calc(var(--radius-2xl)-1px)] border-t px-5 py-3 text-muted-foreground text-xs",
-        className,
-      )}
-      data-slot="command-footer"
-      {...props}
-    />
-  );
-}
-
-export { CommandDialogPrimitive };

package/src/components/ui/context-menu.tsx

@@ -1,342 +0,0 @@
-"use client";
-
-import { ContextMenu as ContextMenuPrimitive } from "@base-ui/react/context-menu";
-import { ChevronRightIcon } from "lucide-react";
-import type * as React from "react";
-import { cn } from "@/lib/utils";
-
-export const ContextMenu: typeof ContextMenuPrimitive.Root =
-  ContextMenuPrimitive.Root;
-
-export const ContextMenuPortal: typeof ContextMenuPrimitive.Portal =
-  ContextMenuPrimitive.Portal;
-
-export function ContextMenuTrigger({
-  className,
-  children,
-  ...props
-}: ContextMenuPrimitive.Trigger.Props): React.ReactElement {
-  return (
-    <ContextMenuPrimitive.Trigger
-      className={className}
-      data-slot="context-menu-trigger"
-      {...props}
-    >
-      {children}
-    </ContextMenuPrimitive.Trigger>
-  );
-}
-
-export function ContextMenuPopup({
-  children,
-  className,
-  sideOffset = 4,
-  align = "center",
-  alignOffset,
-  side = "bottom",
-  anchor,
-  portalProps,
-  ...props
-}: ContextMenuPrimitive.Popup.Props & {
-  align?: ContextMenuPrimitive.Positioner.Props["align"];
-  sideOffset?: ContextMenuPrimitive.Positioner.Props["sideOffset"];
-  alignOffset?: ContextMenuPrimitive.Positioner.Props["alignOffset"];
-  side?: ContextMenuPrimitive.Positioner.Props["side"];
-  anchor?: ContextMenuPrimitive.Positioner.Props["anchor"];
-  portalProps?: ContextMenuPrimitive.Portal.Props;
-}): React.ReactElement {
-  return (
-    <ContextMenuPortal {...portalProps}>
-      <ContextMenuPrimitive.Positioner
-        align={align}
-        alignOffset={alignOffset}
-        anchor={anchor}
-        className="z-50"
-        data-slot="context-menu-positioner"
-        side={side}
-        sideOffset={sideOffset}
-      >
-        <ContextMenuPrimitive.Popup
-          className={cn(
-            "relative flex not-[class*='w-']:min-w-32 origin-(--transform-origin) rounded-lg border bg-popover not-dark:bg-clip-padding shadow-lg/5 outline-none before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] focus:outline-none dark:before:shadow-[0_-1px_--theme(--color-white/6%)]",
-            className,
-          )}
-          data-slot="context-menu-popup"
-          {...props}
-        >
-          <div className="max-h-(--available-height) w-full overflow-y-auto p-1">
-            {children}
-          </div>
-        </ContextMenuPrimitive.Popup>
-      </ContextMenuPrimitive.Positioner>
-    </ContextMenuPortal>
-  );
-}
-
-export function ContextMenuGroup(
-  props: ContextMenuPrimitive.Group.Props,
-): React.ReactElement {
-  return (
-    <ContextMenuPrimitive.Group data-slot="context-menu-group" {...props} />
-  );
-}
-
-export function ContextMenuItem({
-  className,
-  inset,
-  variant = "default",
-  ...props
-}: ContextMenuPrimitive.Item.Props & {
-  inset?: boolean;
-  variant?: "default" | "destructive";
-}): React.ReactElement {
-  return (
-    <ContextMenuPrimitive.Item
-      className={cn(
-        "flex min-h-8 cursor-default select-none items-center gap-2 rounded-sm px-2 py-1 text-base text-foreground outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-inset:ps-8 data-[variant=destructive]:text-destructive-foreground data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&>svg:not([class*='opacity-'])]:opacity-80 [&>svg:not([class*='size-'])]:size-4.5 sm:[&>svg:not([class*='size-'])]:size-4 [&>svg]:pointer-events-none [&>svg]:-mx-0.5 [&>svg]:shrink-0",
-        className,
-      )}
-      data-inset={inset}
-      data-slot="context-menu-item"
-      data-variant={variant}
-      {...props}
-    />
-  );
-}
-
-export function ContextMenuLinkItem({
-  className,
-  inset,
-  variant = "default",
-  closeOnClick = true,
-  ...props
-}: ContextMenuPrimitive.LinkItem.Props & {
-  inset?: boolean;
-  variant?: "default" | "destructive";
-}): React.ReactElement {
-  return (
-    <ContextMenuPrimitive.LinkItem
-      className={cn(
-        "flex min-h-8 cursor-default select-none items-center gap-2 rounded-sm px-2 py-1 text-base text-foreground outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-inset:ps-8 data-[variant=destructive]:text-destructive-foreground data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&>svg:not([class*='opacity-'])]:opacity-80 [&>svg:not([class*='size-'])]:size-4.5 sm:[&>svg:not([class*='size-'])]:size-4 [&>svg]:pointer-events-none [&>svg]:-mx-0.5 [&>svg]:shrink-0",
-        className,
-      )}
-      closeOnClick={closeOnClick}
-      data-inset={inset}
-      data-slot="context-menu-link-item"
-      data-variant={variant}
-      {...props}
-    />
-  );
-}
-
-export function ContextMenuCheckboxItem({
-  className,
-  children,
-  checked,
-  variant = "default",
-  ...props
-}: ContextMenuPrimitive.CheckboxItem.Props & {
-  variant?: "default" | "switch";
-}): React.ReactElement {
-  return (
-    <ContextMenuPrimitive.CheckboxItem
-      checked={checked}
-      className={cn(
-        "grid min-h-8 in-data-[side=none]:min-w-[calc(var(--anchor-width)+1.25rem)] cursor-default items-center gap-2 rounded-sm py-1 ps-2 text-base text-foreground outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-        variant === "switch"
-          ? "grid-cols-[1fr_auto] gap-4 pe-1.5"
-          : "grid-cols-[.75rem_1fr] pe-4",
-        className,
-      )}
-      data-slot="context-menu-checkbox-item"
-      {...props}
-    >
-      {variant === "switch" ? (
-        <>
-          <span className="col-start-1">{children}</span>
-          <ContextMenuPrimitive.CheckboxItemIndicator
-            className="inset-shadow-[0_1px_--theme(--color-black/4%)] inline-flex h-[calc(var(--thumb-size)+2px)] w-[calc(var(--thumb-size)*2-2px)] shrink-0 items-center rounded-full p-px outline-none transition-[background-color,box-shadow] duration-200 [--thumb-size:--spacing(4)] focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background data-checked:bg-primary data-unchecked:bg-input data-disabled:opacity-64 sm:[--thumb-size:--spacing(3)]"
-            keepMounted
-          >
-            <span className="pointer-events-none block aspect-square h-full in-[[data-slot=context-menu-checkbox-item][data-checked]]:origin-[var(--thumb-size)_50%] origin-left in-[[data-slot=context-menu-checkbox-item][data-checked]]:translate-x-[calc(var(--thumb-size)-4px)] in-[[data-slot=context-menu-checkbox-item]:active]:not-data-disabled:scale-x-110 in-[[data-slot=context-menu-checkbox-item]:active]:rounded-[var(--thumb-size)/calc(var(--thumb-size)*1.10)] rounded-(--thumb-size) bg-background shadow-sm/5 will-change-transform [transition:translate_.15s,border-radius_.15s,scale_.1s_.1s,transform-origin_.15s]" />
-          </ContextMenuPrimitive.CheckboxItemIndicator>
-        </>
-      ) : (
-        <>
-          <ContextMenuPrimitive.CheckboxItemIndicator className="col-start-1 -ms-0.5">
-            <svg
-              aria-hidden="true"
-              fill="none"
-              height="24"
-              stroke="currentColor"
-              strokeLinecap="round"
-              strokeLinejoin="round"
-              strokeWidth="2"
-              viewBox="0 0 24 24"
-              width="24"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path d="M5.252 12.7 10.2 18.63 18.748 5.37" />
-            </svg>
-          </ContextMenuPrimitive.CheckboxItemIndicator>
-          <span className="col-start-2">{children}</span>
-        </>
-      )}
-    </ContextMenuPrimitive.CheckboxItem>
-  );
-}
-
-export function ContextMenuRadioGroup(
-  props: ContextMenuPrimitive.RadioGroup.Props,
-): React.ReactElement {
-  return (
-    <ContextMenuPrimitive.RadioGroup
-      data-slot="context-menu-radio-group"
-      {...props}
-    />
-  );
-}
-
-export function ContextMenuRadioItem({
-  className,
-  children,
-  ...props
-}: ContextMenuPrimitive.RadioItem.Props): React.ReactElement {
-  return (
-    <ContextMenuPrimitive.RadioItem
-      className={cn(
-        "grid min-h-8 in-data-[side=none]:min-w-[calc(var(--anchor-width)+1.25rem)] cursor-default grid-cols-[.75rem_1fr] items-center gap-2 rounded-sm py-1 ps-2 pe-4 text-base text-foreground outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-        className,
-      )}
-      data-slot="context-menu-radio-item"
-      {...props}
-    >
-      <ContextMenuPrimitive.RadioItemIndicator className="col-start-1 -ms-0.5">
-        <svg
-          aria-hidden="true"
-          fill="none"
-          height="24"
-          stroke="currentColor"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth="2"
-          viewBox="0 0 24 24"
-          width="24"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path d="M5.252 12.7 10.2 18.63 18.748 5.37" />
-        </svg>
-      </ContextMenuPrimitive.RadioItemIndicator>
-      <span className="col-start-2">{children}</span>
-    </ContextMenuPrimitive.RadioItem>
-  );
-}
-
-export function ContextMenuGroupLabel({
-  className,
-  inset,
-  ...props
-}: ContextMenuPrimitive.GroupLabel.Props & {
-  inset?: boolean;
-}): React.ReactElement {
-  return (
-    <ContextMenuPrimitive.GroupLabel
-      className={cn(
-        "px-2 py-1.5 font-medium text-muted-foreground text-xs data-inset:ps-9 sm:data-inset:ps-8",
-        className,
-      )}
-      data-inset={inset}
-      data-slot="context-menu-label"
-      {...props}
-    />
-  );
-}
-
-export function ContextMenuSeparator({
-  className,
-  ...props
-}: ContextMenuPrimitive.Separator.Props): React.ReactElement {
-  return (
-    <ContextMenuPrimitive.Separator
-      className={cn("mx-2 my-1 h-px bg-border", className)}
-      data-slot="context-menu-separator"
-      {...props}
-    />
-  );
-}
-
-export function ContextMenuShortcut({
-  className,
-  ...props
-}: React.ComponentProps<"kbd">): React.ReactElement {
-  return (
-    <kbd
-      className={cn(
-        "ms-auto font-medium font-sans text-muted-foreground/72 text-xs tracking-widest",
-        className,
-      )}
-      data-slot="context-menu-shortcut"
-      {...props}
-    />
-  );
-}
-
-export function ContextMenuSub(
-  props: ContextMenuPrimitive.SubmenuRoot.Props,
-): React.ReactElement {
-  return (
-    <ContextMenuPrimitive.SubmenuRoot data-slot="context-menu-sub" {...props} />
-  );
-}
-
-export function ContextMenuSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}: ContextMenuPrimitive.SubmenuTrigger.Props & {
-  inset?: boolean;
-}): React.ReactElement {
-  return (
-    <ContextMenuPrimitive.SubmenuTrigger
-      className={cn(
-        "flex min-h-8 items-center gap-2 rounded-sm px-2 py-1 text-base text-foreground outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-popup-open:bg-accent data-inset:ps-8 data-highlighted:text-accent-foreground data-popup-open:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&>svg:not(:last-child)]:-mx-0.5 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none",
-        className,
-      )}
-      data-inset={inset}
-      data-slot="context-menu-sub-trigger"
-      {...props}
-    >
-      {children}
-      <ChevronRightIcon className="ms-auto -me-0.5 opacity-80" />
-    </ContextMenuPrimitive.SubmenuTrigger>
-  );
-}
-
-export function ContextMenuSubPopup({
-  className,
-  sideOffset = 0,
-  alignOffset,
-  align = "start",
-  ...props
-}: ContextMenuPrimitive.Popup.Props & {
-  align?: ContextMenuPrimitive.Positioner.Props["align"];
-  sideOffset?: ContextMenuPrimitive.Positioner.Props["sideOffset"];
-  alignOffset?: ContextMenuPrimitive.Positioner.Props["alignOffset"];
-}): React.ReactElement {
-  const defaultAlignOffset = align !== "center" ? -5 : undefined;
-
-  return (
-    <ContextMenuPopup
-      align={align}
-      alignOffset={alignOffset ?? defaultAlignOffset}
-      className={className}
-      data-slot="context-menu-sub-content"
-      side="inline-end"
-      sideOffset={sideOffset}
-      {...props}
-    />
-  );
-}
-
-export { ContextMenuPrimitive };