Delete the old Popover files.

packages/ui/index.tsx

@@ -31,7 +31,6 @@ export * from './src/components/NavMenu'
 export * from './src/components/Modal'
 export * from './src/components/SidePanel'
 export * from './src/components/ContextMenu'
-export * from './src/components/Popover'
 
 // HTML
 

packages/ui/src/components/Popover/Popover.module.css

@@ -1,63 +0,0 @@
-.sbui-popover__content {
-  @apply bg-background p-0;
-  @apply border;
-  @apply rounded;
-  @apply shadow;
-  border-style: solid;
-  border-width: 1px;
-}
-
-/* @keyframes fadeIn {
-  from {
-    transform: scale(0.95);
-    opacity: 0;
-  }
-  to {
-    transform: scale(1);
-    opacity: 1;
-  }
-}
-
-@keyframes fadeOut {
-  from {
-    transform: scale(1);
-    opacity: 1;
-  }
-  to {
-    transform: scale(0.95);
-    opacity: 0;
-  }
-} */
-
-/* .sbui-popover__content {
-  transform-origin: var(--radix-popover-menu-content-transform-origin);
-}
-
-.sbui-popover__content[data-state='open'] {
-  animation: fadeIn 50ms ease-out;
-}
-
-.sbui-popover__content[data-state='closed'] {
-  animation: fadeOut 50ms ease-in;
-} */
-
-/* .sbui-popover__trigger {
-  @apply border-none bg-transparent p-0 focus:ring-0;
-} */
-
-.sbui-popover__arrow {
-  @apply fill-current text-background;
-  @apply border-0 border-t;
-  border-style: solid;
-}
-
-.sbui-popover__close {
-  @apply absolute top-1 right-0;
-  @apply bg-transparent cursor-pointer border-none;
-
-  @apply text-background-surface-100;
-  @apply hover:text-background-surface-200;
-
-  @apply dark:text-background-surface-200;
-  @apply dark:hover:text-background-surface-00;
-}

packages/ui/src/components/Popover/Popover.tsx

@@ -1,126 +0,0 @@
-'use client'
-
-import type * as RadixPopoverTypes from '@radix-ui/react-popover'
-import * as RadixPopover from '@radix-ui/react-popover'
-import * as React from 'react'
-import { X } from 'lucide-react'
-
-import styleHandler from '../../lib/theme/styleHandler'
-
-interface RootProps {
-  align?: RadixPopoverTypes.PopoverContentProps['align']
-  ariaLabel?: string
-  arrow?: boolean
-  children?: React.ReactNode
-  className?: string
-  defaultOpen?: boolean
-  disabled?: boolean
-  modal?: boolean
-  onOpenChange?: RadixPopoverTypes.PopoverProps['onOpenChange']
-  open?: boolean
-  overlay?: React.ReactNode
-  showClose?: boolean
-  side?: RadixPopoverTypes.PopoverContentProps['side']
-  sideOffset?: RadixPopoverTypes.PopoverContentProps['sideOffset']
-  style?: React.CSSProperties
-  header?: React.ReactNode
-  footer?: React.ReactNode
-  size?: 'tiny' | 'small' | 'medium' | 'large' | 'xlarge' | 'content'
-  'data-testid'?: string
-}
-
-/**
- * @deprecated Use ./Popover_shadcn_ instead
- */
-function Popover({
-  align = 'center',
-  ariaLabel,
-  arrow = false,
-  children,
-  className,
-  defaultOpen = false,
-  modal,
-  onOpenChange,
-  open,
-  overlay,
-  side = 'bottom',
-  sideOffset = 6,
-  style,
-  header,
-  footer,
-  size = 'content',
-  disabled,
-  'data-testid': dataTestId,
-}: RootProps) {
-  const __styles = styleHandler('popover')
-
-  let classes = [__styles.content, __styles.size[size]]
-  if (className) {
-    classes.push(className)
-  }
-
-  return (
-    <RadixPopover.Root
-      defaultOpen={defaultOpen}
-      modal={modal}
-      onOpenChange={onOpenChange}
-      open={open}
-    >
-      <RadixPopover.Trigger
-        // className={DropdownStyles['sbui-popover__trigger']}
-        disabled={disabled}
-        className={__styles.trigger}
-        aria-label={ariaLabel}
-        data-testid={dataTestId}
-      >
-        {children}
-      </RadixPopover.Trigger>
-
-      <RadixPopover.Portal>
-        <RadixPopover.Content
-          sideOffset={sideOffset}
-          side={side}
-          align={align}
-          className={classes.join(' ')}
-          style={style}
-        >
-          {arrow && (
-            <RadixPopover.Arrow
-              // className={DropdownStyles['sbui-popover__arrow']}
-              offset={10}
-            ></RadixPopover.Arrow>
-          )}
-          {header && <div className={__styles.header}>{header}</div>}
-          {overlay}
-          {footer && <div className={__styles.footer}>{footer}</div>}
-        </RadixPopover.Content>
-      </RadixPopover.Portal>
-    </RadixPopover.Root>
-  )
-}
-
-/**
- * @deprecated Use ./Popover_shadcn_ instead
- */
-function Close() {
-  const __styles = styleHandler('popover')
-
-  return (
-    <RadixPopover.Close className={__styles.close}>
-      <X size={14} strokeWidth={2} />
-    </RadixPopover.Close>
-  )
-}
-
-/**
- * @deprecated Use ./PopoverSeparator_Shadcn_ instead
- */
-function Separator() {
-  const __styles = styleHandler('popover')
-
-  return <div className={__styles.separator}></div>
-}
-
-Popover.Separator = Separator
-Popover.Close = Close
-export default Popover

packages/ui/src/components/Popover/index.tsx

@@ -1 +0,0 @@
-export { default as Popover } from './Popover'