@exegia/corpora-ui 3.0.0 → 3.1.0

package/src/components/ui/menu.tsx

@@ -1,352 +0,0 @@
-"use client";
-
-import { Menu as MenuPrimitive } from "@base-ui/react/menu";
-import { ChevronRightIcon } from "lucide-react";
-import type * as React from "react";
-import { cn } from "@/lib/utils";
-
-export const MenuCreateHandle: typeof MenuPrimitive.createHandle =
-  MenuPrimitive.createHandle;
-
-export const Menu: typeof MenuPrimitive.Root = MenuPrimitive.Root;
-
-export const MenuPortal: typeof MenuPrimitive.Portal = MenuPrimitive.Portal;
-
-export function MenuTrigger({
-  className,
-  children,
-  ...props
-}: MenuPrimitive.Trigger.Props): React.ReactElement {
-  return (
-    <MenuPrimitive.Trigger
-      className={className}
-      data-slot="menu-trigger"
-      {...props}
-    >
-      {children}
-    </MenuPrimitive.Trigger>
-  );
-}
-
-export function MenuPopup({
-  children,
-  className,
-  sideOffset = 4,
-  align = "center",
-  alignOffset,
-  side = "bottom",
-  anchor,
-  portalProps,
-  ...props
-}: MenuPrimitive.Popup.Props & {
-  align?: MenuPrimitive.Positioner.Props["align"];
-  sideOffset?: MenuPrimitive.Positioner.Props["sideOffset"];
-  alignOffset?: MenuPrimitive.Positioner.Props["alignOffset"];
-  side?: MenuPrimitive.Positioner.Props["side"];
-  anchor?: MenuPrimitive.Positioner.Props["anchor"];
-  portalProps?: MenuPrimitive.Portal.Props;
-}): React.ReactElement {
-  return (
-    <MenuPortal {...portalProps}>
-      <MenuPrimitive.Positioner
-        align={align}
-        alignOffset={alignOffset}
-        anchor={anchor}
-        className="z-50"
-        data-slot="menu-positioner"
-        side={side}
-        sideOffset={sideOffset}
-      >
-        <MenuPrimitive.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="menu-popup"
-          {...props}
-        >
-          <div className="max-h-(--available-height) w-full overflow-y-auto p-1">
-            {children}
-          </div>
-        </MenuPrimitive.Popup>
-      </MenuPrimitive.Positioner>
-    </MenuPortal>
-  );
-}
-
-export function MenuGroup(
-  props: MenuPrimitive.Group.Props,
-): React.ReactElement {
-  return <MenuPrimitive.Group data-slot="menu-group" {...props} />;
-}
-
-export function MenuItem({
-  className,
-  inset,
-  variant = "default",
-  ...props
-}: MenuPrimitive.Item.Props & {
-  inset?: boolean;
-  variant?: "default" | "destructive";
-}): React.ReactElement {
-  return (
-    <MenuPrimitive.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="menu-item"
-      data-variant={variant}
-      {...props}
-    />
-  );
-}
-
-export function MenuLinkItem({
-  className,
-  inset,
-  variant = "default",
-  closeOnClick = true,
-  ...props
-}: MenuPrimitive.LinkItem.Props & {
-  inset?: boolean;
-  variant?: "default" | "destructive";
-}): React.ReactElement {
-  return (
-    <MenuPrimitive.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="menu-link-item"
-      data-variant={variant}
-      {...props}
-    />
-  );
-}
-
-export function MenuCheckboxItem({
-  className,
-  children,
-  checked,
-  variant = "default",
-  ...props
-}: MenuPrimitive.CheckboxItem.Props & {
-  variant?: "default" | "switch";
-}): React.ReactElement {
-  return (
-    <MenuPrimitive.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="menu-checkbox-item"
-      {...props}
-    >
-      {variant === "switch" ? (
-        <>
-          <span className="col-start-1">{children}</span>
-          <MenuPrimitive.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=menu-checkbox-item][data-checked]]:origin-[var(--thumb-size)_50%] origin-left in-[[data-slot=menu-checkbox-item][data-checked]]:translate-x-[calc(var(--thumb-size)-4px)] in-[[data-slot=menu-checkbox-item]:active]:not-data-disabled:scale-x-110 in-[[data-slot=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]" />
-          </MenuPrimitive.CheckboxItemIndicator>
-        </>
-      ) : (
-        <>
-          <MenuPrimitive.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>
-          </MenuPrimitive.CheckboxItemIndicator>
-          <span className="col-start-2">{children}</span>
-        </>
-      )}
-    </MenuPrimitive.CheckboxItem>
-  );
-}
-
-export function MenuRadioGroup(
-  props: MenuPrimitive.RadioGroup.Props,
-): React.ReactElement {
-  return <MenuPrimitive.RadioGroup data-slot="menu-radio-group" {...props} />;
-}
-
-export function MenuRadioItem({
-  className,
-  children,
-  ...props
-}: MenuPrimitive.RadioItem.Props): React.ReactElement {
-  return (
-    <MenuPrimitive.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="menu-radio-item"
-      {...props}
-    >
-      <MenuPrimitive.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>
-      </MenuPrimitive.RadioItemIndicator>
-      <span className="col-start-2">{children}</span>
-    </MenuPrimitive.RadioItem>
-  );
-}
-
-export function MenuGroupLabel({
-  className,
-  inset,
-  ...props
-}: MenuPrimitive.GroupLabel.Props & {
-  inset?: boolean;
-}): React.ReactElement {
-  return (
-    <MenuPrimitive.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="menu-label"
-      {...props}
-    />
-  );
-}
-
-export function MenuSeparator({
-  className,
-  ...props
-}: MenuPrimitive.Separator.Props): React.ReactElement {
-  return (
-    <MenuPrimitive.Separator
-      className={cn("mx-2 my-1 h-px bg-border", className)}
-      data-slot="menu-separator"
-      {...props}
-    />
-  );
-}
-
-export function MenuShortcut({
-  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="menu-shortcut"
-      {...props}
-    />
-  );
-}
-
-export function MenuSub(
-  props: MenuPrimitive.SubmenuRoot.Props,
-): React.ReactElement {
-  return <MenuPrimitive.SubmenuRoot data-slot="menu-sub" {...props} />;
-}
-
-export function MenuSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}: MenuPrimitive.SubmenuTrigger.Props & {
-  inset?: boolean;
-}): React.ReactElement {
-  return (
-    <MenuPrimitive.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="menu-sub-trigger"
-      {...props}
-    >
-      {children}
-      <ChevronRightIcon className="ms-auto -me-0.5 opacity-80" />
-    </MenuPrimitive.SubmenuTrigger>
-  );
-}
-
-export function MenuSubPopup({
-  className,
-  sideOffset = 0,
-  alignOffset,
-  align = "start",
-  ...props
-}: MenuPrimitive.Popup.Props & {
-  align?: MenuPrimitive.Positioner.Props["align"];
-  sideOffset?: MenuPrimitive.Positioner.Props["sideOffset"];
-  alignOffset?: MenuPrimitive.Positioner.Props["alignOffset"];
-}): React.ReactElement {
-  const defaultAlignOffset = align !== "center" ? -5 : undefined;
-
-  return (
-    <MenuPopup
-      align={align}
-      alignOffset={alignOffset ?? defaultAlignOffset}
-      className={className}
-      data-slot="menu-sub-content"
-      side="inline-end"
-      sideOffset={sideOffset}
-      {...props}
-    />
-  );
-}
-
-export {
-  MenuPrimitive,
-  MenuCreateHandle as DropdownMenuCreateHandle,
-  Menu as DropdownMenu,
-  MenuPortal as DropdownMenuPortal,
-  MenuTrigger as DropdownMenuTrigger,
-  MenuPopup as DropdownMenuContent,
-  MenuGroup as DropdownMenuGroup,
-  MenuItem as DropdownMenuItem,
-  MenuCheckboxItem as DropdownMenuCheckboxItem,
-  MenuRadioGroup as DropdownMenuRadioGroup,
-  MenuRadioItem as DropdownMenuRadioItem,
-  MenuGroupLabel as DropdownMenuLabel,
-  MenuSeparator as DropdownMenuSeparator,
-  MenuShortcut as DropdownMenuShortcut,
-  MenuSub as DropdownMenuSub,
-  MenuSubTrigger as DropdownMenuSubTrigger,
-  MenuSubPopup as DropdownMenuSubContent,
-};

package/src/components/ui/otp-field.tsx

@@ -1,88 +0,0 @@
-"use client";
-
-import { OTPField as OTPFieldPrimitive } from "@base-ui/react/otp-field";
-import * as React from "react";
-import { cn } from "@/lib/utils";
-import { playCue } from "@/lib/sound";
-import { Separator } from "@/components/ui/separator";
-
-export function OTPField({
-  className,
-  size = "default",
-  sound = true,
-  onValueChange,
-  ...props
-}: React.ComponentProps<typeof OTPFieldPrimitive.Root> & {
-  size?: "default" | "lg";
-  /** Play a tick cue per entered character. Inert until bindSounds(). */
-  sound?: boolean;
-}): React.ReactElement {
-  // Typing is keyboard-driven, so the cue is imperative (playCue is gated on
-  // the app having called bindSounds). Tick only when characters are added.
-  const lastLength = React.useRef(
-    String(props.value ?? props.defaultValue ?? "").length,
-  );
-
-  const handleValueChange: NonNullable<typeof onValueChange> = (
-    value,
-    ...rest
-  ) => {
-    if (sound && value.length > lastLength.current) {
-      playCue("tick");
-    }
-    lastLength.current = value.length;
-    onValueChange?.(value, ...rest);
-  };
-
-  return (
-    <OTPFieldPrimitive.Root
-      className={cn(
-        "flex items-center gap-2 has-disabled:opacity-64 has-disabled:**:data-[slot=otp-field-input]:shadow-none has-disabled:**:data-[slot=otp-field-input]:before:shadow-none!",
-        className,
-      )}
-      data-size={size}
-      data-slot="otp-field"
-      onValueChange={handleValueChange}
-      {...props}
-    />
-  );
-}
-
-export function OTPFieldInput({
-  className,
-  ...props
-}: React.ComponentProps<typeof OTPFieldPrimitive.Input>): React.ReactElement {
-  return (
-    <OTPFieldPrimitive.Input
-      className={cn(
-        "relative in-[[data-slot=otp-field][data-size=lg]]:size-10 size-9 min-w-0 rounded-md border border-input bg-background not-dark:bg-clip-padding text-center in-[[data-slot=otp-field][data-size=lg]]:text-lg text-base text-foreground in-[[data-slot=otp-field][data-size=lg]]:leading-10 leading-9 shadow-xs/5 outline-none ring-ring/24 transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-md)-1px)] not-focus-visible:not-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] focus-visible:z-10 focus-visible:border-ring focus-visible:shadow-none focus-visible:ring-[3px] focus-visible:ring-ring/24 aria-invalid:border-destructive/36 aria-invalid:shadow-none aria-invalid:focus-visible:border-destructive/64 aria-invalid:focus-visible:ring-destructive/16 sm:in-[[data-slot=otp-field][data-size=lg]]:size-9 sm:size-8 sm:in-[[data-slot=otp-field][data-size=lg]]:text-base sm:text-sm sm:in-[[data-slot=otp-field][data-size=lg]]:leading-9 sm:leading-8 dark:bg-input/32 dark:aria-invalid:focus-visible:ring-destructive/24 dark:not-focus-visible:not-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)]",
-        className,
-      )}
-      data-slot="otp-field-input"
-      spellCheck={false}
-      {...props}
-    />
-  );
-}
-
-export function OTPFieldSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof Separator>): React.ReactElement {
-  return (
-    <OTPFieldPrimitive.Separator
-      render={
-        <Separator
-          className={cn(
-            "rounded-full bg-input data-[orientation=horizontal]:h-0.5 data-[orientation=horizontal]:w-3",
-            className,
-          )}
-          orientation="horizontal"
-          {...props}
-        />
-      }
-    />
-  );
-}
-
-export { OTPFieldPrimitive };

package/src/components/ui/popover-glass.tsx

@@ -1,158 +0,0 @@
-"use client"
-
-import { Popover as PopoverPrimitive } from "@base-ui/react/popover"
-import type React from "react"
-import { type TFrostGlassVariant } from "@/lib/glass-variants"
-import { cn } from "@/lib/utils"
-import { GlassContainer } from "@/components/ui/glasscn/glass-container"
-
-/** Layout, sizing and transition — shared by every popup variant. */
-const popupStructuralClasses =
-  "relative flex h-(--popup-height,auto) w-(--popup-width,auto) origin-(--transform-origin) outline-none transition-[width,height,scale,opacity] has-data-[slot=calendar]:rounded-xl data-starting-style:scale-98 data-starting-style:opacity-0"
-
-/**
- * Neutral base for the glass treatment — the finish itself (blur, tint,
- * bevel) comes from the library material keyed by `glassVariant`, which is
- * only accepted when `variant` is "glass".
- */
-const popupGlassBaseClasses =
-  "border-transparent! text-foreground bg-transparent!"
-
-/**
- * Every finish except "liquid-refract". That one delegates its look to the
- * `LiquidGlass` wrapper, whose `overflow-hidden` box measures 0px tall around
- * an absolutely-sized popup and clips it away entirely — so a popup offers the
- * four pure-class finishes only, and defaults to "frosted" rather than to
- * Button's "liquid-refract".
- */
-type TPopoverGlassVariant = Exclude<TFrostGlassVariant, "liquid-refract">
-
-export const PopoverCreateHandle: typeof PopoverPrimitive.createHandle =
-  PopoverPrimitive.createHandle
-
-export const Popover: typeof PopoverPrimitive.Root = PopoverPrimitive.Root
-
-export function PopoverTrigger({
-  className,
-  children,
-  ...props
-}: PopoverPrimitive.Trigger.Props): React.ReactElement {
-  return (
-    <PopoverPrimitive.Trigger
-      className={className}
-      data-slot="popover-trigger"
-      {...props}
-    >
-      {children}
-    </PopoverPrimitive.Trigger>
-  )
-}
-
-type TPopoverPopupBaseProps = PopoverPrimitive.Popup.Props & {
-  portalProps?: PopoverPrimitive.Portal.Props
-  side?: PopoverPrimitive.Positioner.Props["side"]
-  align?: PopoverPrimitive.Positioner.Props["align"]
-  sideOffset?: PopoverPrimitive.Positioner.Props["sideOffset"]
-  alignOffset?: PopoverPrimitive.Positioner.Props["alignOffset"]
-  tooltipStyle?: boolean
-  anchor?: PopoverPrimitive.Positioner.Props["anchor"]
-}
-
-export type TPopoverGlassProps = TPopoverPopupBaseProps & {
-  /** Glass finish. Either "frosted" or "glass". Defaults to "frosted". */
-  glassVariant?: TPopoverGlassVariant
-}
-
-export function PopoverGlass({
-  children,
-  className,
-  side = "bottom",
-  align = "center",
-  sideOffset = 0,
-  alignOffset = 0,
-  anchor,
-  portalProps,
-  glassVariant,
-  ...props
-}: TPopoverGlassProps): React.ReactElement {
-  const resolvedGlassVariant: TPopoverGlassVariant = glassVariant ?? "frosted"
-
-  return (
-    <PopoverPrimitive.Portal {...portalProps} keepMounted>
-      <PopoverPrimitive.Positioner
-        align={align}
-        alignOffset={alignOffset}
-        anchor={anchor}
-        className="z-50 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom,transform] animate-bezier-sine-in-out animate-duration-fast data-instant:transition-none"
-        data-slot="popover-positioner"
-        side={side}
-        sideOffset={sideOffset}
-      >
-        <PopoverPrimitive.Popup
-          className={cn(
-            popupStructuralClasses,
-            popupGlassBaseClasses,
-            className
-          )}
-
-          data-glass-variant={resolvedGlassVariant}
-          data-slot="popover-popup"
-          {...props}
-        >
-          <PopoverPrimitive.Arrow  className="relative block w-2.5 h-2 overflow-clip transition-[left] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] data-[side=bottom]:top-[-6px] data-[side=left]:right-[-9px] data-[side=left]:rotate-90 data-[side=right]:left-[-9px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-6px] data-[side=top]:rotate-180 before:content-[''] before:absolute before:bottom-0 before:left-1/2 before:w-[calc(6px*sqrt(2))] before:h-[calc(6px*sqrt(2))] before:bg-background/80 before:[transform:translate(-50%,50%)_rotate(45deg)]" />
-          
-          <PopoverPrimitive.Viewport
-            className={cn(
-              "relative size-full max-h-(--available-height) px-(--viewport-inline-padding) [--viewport-inline-padding:--spacing(4)] has-data-[slot=calendar]:p-2 **:data-current:w-[calc(var(--popup-width)-2*var(--viewport-inline-padding)-2px)] **:data-current:opacity-100 **:data-current:transition-opacity **:data-current:data-ending-style:opacity-0 data-instant:transition-none **:data-previous:w-[calc(var(--popup-width)-2*var(--viewport-inline-padding)-2px)] **:data-previous:opacity-100 **:data-previous:transition-opacity **:data-previous:data-ending-style:opacity-0 **:data-current:data-starting-style:opacity-0 **:data-previous:data-starting-style:opacity-0",
-              "px-0"
-            )}
-            data-slot="popover-viewport"
-            render={
-              <GlassContainer
-                optics={{ strength: 0.08, bendWidth: 0.5, frost: 10, saturate: 1 }}
-                className={cn("shadow-md shadow-black/10 rounded-lg")}
-                glassVariant={resolvedGlassVariant}
-              />
-            }
-          >
-            {children}
-          </PopoverPrimitive.Viewport>
-        </PopoverPrimitive.Popup>
-      </PopoverPrimitive.Positioner>
-    </PopoverPrimitive.Portal>
-  )
-}
-
-export function PopoverClose({
-  ...props
-}: PopoverPrimitive.Close.Props): React.ReactElement {
-  return <PopoverPrimitive.Close data-slot="popover-close" {...props} />
-}
-
-export function PopoverTitle({
-  className,
-  ...props
-}: PopoverPrimitive.Title.Props): React.ReactElement {
-  return (
-    <PopoverPrimitive.Title
-      className={cn("text-lg leading-none font-semibold", className)}
-      data-slot="popover-title"
-      {...props}
-    />
-  )
-}
-
-export function PopoverDescription({
-  className,
-  ...props
-}: PopoverPrimitive.Description.Props): React.ReactElement {
-  return (
-    <PopoverPrimitive.Description
-      className={cn("text-sm text-muted-foreground", className)}
-      data-slot="popover-description"
-      {...props}
-    />
-  )
-}
-
-export { PopoverPrimitive, PopoverGlass as PopoverContent }