@adea-ai/ui 0.60.4 → 0.61.0

package/src/components/ui/drawer.tsx

@@ -1,168 +0,0 @@
-import DrawerPrimitive from '@corvu/drawer'
-import type { Side } from '@corvu/drawer'
-import { Show, splitProps, type ComponentProps } from 'solid-js'
-
-import { cn } from '#lib/utils'
-
-type DrawerSide = Side
-
-type DrawerProps = ComponentProps<typeof DrawerPrimitive> & {
-  /** Base UI spoke of swipe directions; corvu speaks of the side the drawer attaches to. */
-  swipeDirection?: DrawerSide
-  showSwipeHandle?: boolean
-}
-
-// Side drawers honor `--drawer-content-width` (the contract the pre-Solid
-// drawer exposed) and fall back to the default width. Task detail sets the
-// variable to `min(29rem, 94vw)`; without the variable here the class below
-// would win and the panel would render narrower than its committed baseline.
-const SIDE_DRAWER_WIDTH = 'w-[var(--drawer-content-width,min(24rem,90vw))]'
-
-const SIDE_CLASSES: Record<DrawerSide, string> = {
-  bottom: 'inset-x-0 bottom-0 max-h-[calc(100dvh-2rem)] rounded-t-xl border-t',
-  top: 'inset-x-0 top-0 max-h-[calc(100dvh-2rem)] rounded-b-xl border-b',
-  left: `inset-y-0 left-0 h-full ${SIDE_DRAWER_WIDTH} rounded-r-xl border-r`,
-  right: `inset-y-0 right-0 h-full ${SIDE_DRAWER_WIDTH} rounded-l-xl border-l`,
-}
-
-function Drawer(props: DrawerProps) {
-  const [local, rest] = splitProps(props, ['swipeDirection', 'side'])
-  return (
-    <DrawerPrimitive
-      data-slot="drawer"
-      side={local.side ?? local.swipeDirection ?? 'bottom'}
-      {...rest}
-    />
-  )
-}
-
-function DrawerTrigger(props: ComponentProps<typeof DrawerPrimitive.Trigger>) {
-  return <DrawerPrimitive.Trigger data-slot="drawer-trigger" {...props} />
-}
-
-function DrawerPortal(props: ComponentProps<typeof DrawerPrimitive.Portal>) {
-  return <DrawerPrimitive.Portal data-slot="drawer-portal" {...props} />
-}
-
-function DrawerClose(props: ComponentProps<typeof DrawerPrimitive.Close>) {
-  return <DrawerPrimitive.Close data-slot="drawer-close" {...props} />
-}
-
-function DrawerOverlay(props: ComponentProps<typeof DrawerPrimitive.Overlay>) {
-  const [local, rest] = splitProps(props, ['class'])
-  return (
-    <DrawerPrimitive.Overlay
-      data-slot="drawer-overlay"
-      // The scrim keeps the pre-Solid 10% black the committed screenshots
-      // were taken against; 25% dimmed the page behind every drawer.
-      class={cn(
-        'fixed inset-0 z-(--z-drawer) bg-scrim/10 backdrop-blur-xs transition-opacity duration-300 data-closed:opacity-0',
-        local.class
-      )}
-      {...rest}
-    />
-  )
-}
-
-function DrawerSwipeHandle(props: ComponentProps<'div'>) {
-  const [local, rest] = splitProps(props, ['class'])
-  return (
-    <div
-      data-slot="drawer-swipe-handle"
-      aria-hidden="true"
-      class={cn(
-        'relative z-10 flex shrink-0 cursor-grab items-center justify-center py-2 active:cursor-grabbing after:block after:h-1 after:w-24 after:shrink-0 after:rounded-full after:bg-muted',
-        local.class
-      )}
-      {...rest}
-    />
-  )
-}
-
-type DrawerContentProps = ComponentProps<typeof DrawerPrimitive.Content> & {
-  showSwipeHandle?: boolean
-}
-
-function DrawerContent(props: DrawerContentProps) {
-  const [local, rest] = splitProps(props, ['class', 'children', 'showSwipeHandle'])
-  const side = DrawerPrimitive.useContext().side
-
-  return (
-    <DrawerPortal data-slot="drawer-portal">
-      <DrawerOverlay />
-      <DrawerPrimitive.Content
-        data-slot="drawer-content"
-        class={cn(
-          'group/drawer-content fixed z-(--z-drawer) flex flex-col overflow-hidden bg-popover text-sm text-popover-foreground shadow-lg outline-none transition-transform duration-300 ease-out will-change-transform',
-          SIDE_CLASSES[side()],
-          local.class
-        )}
-        {...rest}
-      >
-        <Show when={local.showSwipeHandle}>
-          <DrawerSwipeHandle />
-        </Show>
-        {local.children}
-      </DrawerPrimitive.Content>
-    </DrawerPortal>
-  )
-}
-
-function DrawerHeader(props: ComponentProps<'div'>) {
-  const [local, rest] = splitProps(props, ['class'])
-  return (
-    <div
-      data-slot="drawer-header"
-      class={cn('flex shrink-0 flex-col gap-0.5 p-4 pb-0 text-center md:text-left', local.class)}
-      {...rest}
-    />
-  )
-}
-
-function DrawerFooter(props: ComponentProps<'div'>) {
-  const [local, rest] = splitProps(props, ['class'])
-  return (
-    <div
-      data-slot="drawer-footer"
-      class={cn('mt-auto flex shrink-0 flex-col gap-2 p-4 pt-0', local.class)}
-      {...rest}
-    />
-  )
-}
-
-function DrawerTitle(props: ComponentProps<typeof DrawerPrimitive.Label>) {
-  const [local, rest] = splitProps(props, ['class'])
-  return (
-    <DrawerPrimitive.Label
-      data-slot="drawer-title"
-      class={cn('text-base font-medium text-foreground', local.class)}
-      {...rest}
-    />
-  )
-}
-
-function DrawerDescription(props: ComponentProps<typeof DrawerPrimitive.Description>) {
-  const [local, rest] = splitProps(props, ['class'])
-  return (
-    <DrawerPrimitive.Description
-      data-slot="drawer-description"
-      class={cn('text-sm text-balance text-muted-foreground', local.class)}
-      {...rest}
-    />
-  )
-}
-
-export {
-  Drawer,
-  DrawerPortal,
-  DrawerOverlay,
-  DrawerSwipeHandle,
-  DrawerTrigger,
-  DrawerClose,
-  DrawerContent,
-  DrawerHeader,
-  DrawerFooter,
-  DrawerTitle,
-  DrawerDescription,
-  type DrawerProps,
-}

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

@@ -1,235 +0,0 @@
-import { DropdownMenu as DropdownMenuPrimitive } from '@kobalte/core/dropdown-menu'
-import { ChevronRightIcon, CheckIcon } from 'lucide-solid'
-import { splitProps, type ComponentProps } from 'solid-js'
-
-import { cn } from '#lib/utils'
-
-type DropdownMenuContentProps = ComponentProps<typeof DropdownMenuPrimitive.Content> & {
-  side?: 'top' | 'right' | 'bottom' | 'left'
-  align?: 'start' | 'center' | 'end'
-  sideOffset?: number
-  alignOffset?: number
-}
-
-function DropdownMenu(props: ComponentProps<typeof DropdownMenuPrimitive>) {
-  return <DropdownMenuPrimitive data-slot="dropdown-menu" {...props} />
-}
-
-function DropdownMenuPortal(props: ComponentProps<typeof DropdownMenuPrimitive.Portal>) {
-  return <DropdownMenuPrimitive.Portal data-slot="dropdown-menu-portal" {...props} />
-}
-
-function DropdownMenuTrigger(props: ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {
-  return <DropdownMenuPrimitive.Trigger data-slot="dropdown-menu-trigger" {...props} />
-}
-
-function DropdownMenuContent(props: DropdownMenuContentProps) {
-  const [local, rest] = splitProps(props, ['class', 'side', 'align', 'sideOffset', 'children'])
-  const placement = () => `${local.side ?? 'bottom'}${local.align ? `-${local.align}` : ''}`
-
-  return (
-    <DropdownMenuPrimitive.Portal>
-      <DropdownMenuPrimitive.Content
-        data-slot="dropdown-menu-content"
-        placement={placement()}
-        gutter={local.sideOffset ?? 4}
-        class={cn(
-          'z-(--z-menu) max-h-(--kb-popper-available-height) min-w-32 origin-(--kb-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-expanded:animate-in data-expanded:fade-in-0 data-expanded:zoom-in-95',
-          local.class
-        )}
-        {...rest}
-      >
-        {local.children}
-      </DropdownMenuPrimitive.Content>
-    </DropdownMenuPrimitive.Portal>
-  )
-}
-
-function DropdownMenuGroup(props: ComponentProps<typeof DropdownMenuPrimitive.Group>) {
-  return <DropdownMenuPrimitive.Group data-slot="dropdown-menu-group" {...props} />
-}
-
-function DropdownMenuLabel(
-  props: ComponentProps<typeof DropdownMenuPrimitive.GroupLabel> & {
-    inset?: boolean
-  }
-) {
-  const [local, rest] = splitProps(props, ['class', 'inset'])
-  return (
-    <DropdownMenuPrimitive.GroupLabel
-      data-slot="dropdown-menu-label"
-      data-inset={local.inset}
-      class={cn(
-        'px-1.5 py-1 text-xs font-medium text-muted-foreground data-[inset]:pl-7',
-        local.class
-      )}
-      {...rest}
-    />
-  )
-}
-
-function DropdownMenuItem(
-  props: ComponentProps<typeof DropdownMenuPrimitive.Item> & {
-    inset?: boolean
-    variant?: 'default' | 'destructive'
-  }
-) {
-  const [local, rest] = splitProps(props, ['class', 'inset', 'variant'])
-  return (
-    <DropdownMenuPrimitive.Item
-      data-slot="dropdown-menu-item"
-      data-inset={local.inset}
-      data-variant={local.variant ?? 'default'}
-      class={cn(
-        "group/dropdown-menu-item relative flex cursor-pointer items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-[inset]:pl-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-highlighted:bg-accent data-highlighted:text-accent-foreground data-highlighted:not-data-[variant=destructive]:text-accent-foreground data-[variant=destructive]:data-highlighted:bg-destructive/10 data-[variant=destructive]:data-highlighted:text-destructive data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive",
-        local.class
-      )}
-      {...rest}
-    />
-  )
-}
-
-function DropdownMenuSub(props: ComponentProps<typeof DropdownMenuPrimitive.Sub>) {
-  return <DropdownMenuPrimitive.Sub data-slot="dropdown-menu-sub" {...props} />
-}
-
-function DropdownMenuSubTrigger(
-  props: ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
-    inset?: boolean
-  }
-) {
-  const [local, rest] = splitProps(props, ['class', 'inset', 'children'])
-  return (
-    <DropdownMenuPrimitive.SubTrigger
-      data-slot="dropdown-menu-sub-trigger"
-      data-inset={local.inset}
-      class={cn(
-        "flex cursor-pointer items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[inset]:pl-7 data-expanded:bg-accent data-expanded:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        local.class
-      )}
-      {...rest}
-    >
-      {local.children}
-      <ChevronRightIcon class="ml-auto" />
-    </DropdownMenuPrimitive.SubTrigger>
-  )
-}
-
-function DropdownMenuSubContent(props: ComponentProps<typeof DropdownMenuContent>) {
-  const [local, rest] = splitProps(props, ['class'])
-  return (
-    <DropdownMenuContent
-      data-slot="dropdown-menu-sub-content"
-      class={cn(
-        'w-auto min-w-[96px] rounded-lg bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-expanded:animate-in data-expanded:fade-in-0 data-expanded:zoom-in-95',
-        local.class
-      )}
-      {...rest}
-    />
-  )
-}
-
-function DropdownMenuCheckboxItem(
-  props: ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & {
-    inset?: boolean
-  }
-) {
-  const [local, rest] = splitProps(props, ['class', 'children', 'inset'])
-  return (
-    <DropdownMenuPrimitive.CheckboxItem
-      data-slot="dropdown-menu-checkbox-item"
-      data-inset={local.inset}
-      class={cn(
-        "relative flex cursor-pointer items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-[inset]:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        local.class
-      )}
-      {...rest}
-    >
-      <span
-        class="pointer-events-none absolute right-2 flex items-center justify-center"
-        data-slot="dropdown-menu-checkbox-item-indicator"
-      >
-        <DropdownMenuPrimitive.ItemIndicator>
-          <CheckIcon />
-        </DropdownMenuPrimitive.ItemIndicator>
-      </span>
-      {local.children}
-    </DropdownMenuPrimitive.CheckboxItem>
-  )
-}
-
-function DropdownMenuRadioGroup(props: ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {
-  return <DropdownMenuPrimitive.RadioGroup data-slot="dropdown-menu-radio-group" {...props} />
-}
-
-function DropdownMenuRadioItem(
-  props: ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {
-    inset?: boolean
-  }
-) {
-  const [local, rest] = splitProps(props, ['class', 'children', 'inset'])
-  return (
-    <DropdownMenuPrimitive.RadioItem
-      data-slot="dropdown-menu-radio-item"
-      data-inset={local.inset}
-      class={cn(
-        "relative flex cursor-pointer items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-[inset]:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        local.class
-      )}
-      {...rest}
-    >
-      <span
-        class="pointer-events-none absolute right-2 flex items-center justify-center"
-        data-slot="dropdown-menu-radio-item-indicator"
-      >
-        <DropdownMenuPrimitive.ItemIndicator>
-          <CheckIcon />
-        </DropdownMenuPrimitive.ItemIndicator>
-      </span>
-      {local.children}
-    </DropdownMenuPrimitive.RadioItem>
-  )
-}
-
-function DropdownMenuSeparator(props: ComponentProps<typeof DropdownMenuPrimitive.Separator>) {
-  const [local, rest] = splitProps(props, ['class'])
-  return (
-    <DropdownMenuPrimitive.Separator
-      data-slot="dropdown-menu-separator"
-      class={cn('-mx-1 my-1 h-px bg-border', local.class)}
-      {...rest}
-    />
-  )
-}
-
-function DropdownMenuShortcut(props: ComponentProps<'span'>) {
-  const [local, rest] = splitProps(props, ['class'])
-  return (
-    <span
-      data-slot="dropdown-menu-shortcut"
-      class={cn(
-        'ml-auto text-xs tracking-widest text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground',
-        local.class
-      )}
-      {...rest}
-    />
-  )
-}
-
-export {
-  DropdownMenu,
-  DropdownMenuPortal,
-  DropdownMenuTrigger,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuLabel,
-  DropdownMenuItem,
-  DropdownMenuCheckboxItem,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
-  DropdownMenuSeparator,
-  DropdownMenuShortcut,
-  DropdownMenuSub,
-  DropdownMenuSubTrigger,
-  DropdownMenuSubContent,
-}

package/src/components/ui/empty.tsx

@@ -1,97 +0,0 @@
-import { cva, type VariantProps } from 'class-variance-authority'
-import { splitProps, type ComponentProps } from 'solid-js'
-
-import { cn } from '#lib/utils'
-
-function Empty(props: ComponentProps<'div'>) {
-  const [local, rest] = splitProps(props, ['class'])
-  return (
-    <div
-      data-slot="empty"
-      class={cn(
-        'flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-xl border-dashed p-6 text-center text-balance',
-        local.class
-      )}
-      {...rest}
-    />
-  )
-}
-
-function EmptyHeader(props: ComponentProps<'div'>) {
-  const [local, rest] = splitProps(props, ['class'])
-  return (
-    <div
-      data-slot="empty-header"
-      class={cn('flex max-w-sm flex-col items-center gap-2', local.class)}
-      {...rest}
-    />
-  )
-}
-
-const emptyMediaVariants = cva(
-  'mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0',
-  {
-    variants: {
-      variant: {
-        default: 'bg-transparent',
-        icon: "flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-4",
-      },
-    },
-    defaultVariants: {
-      variant: 'default',
-    },
-  }
-)
-
-function EmptyMedia(props: ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>) {
-  const [local, rest] = splitProps(props, ['class', 'variant'])
-  return (
-    <div
-      data-slot="empty-icon"
-      data-variant={local.variant ?? 'default'}
-      class={cn(emptyMediaVariants({ variant: local.variant }), local.class)}
-      {...rest}
-    />
-  )
-}
-
-function EmptyTitle(props: ComponentProps<'div'>) {
-  const [local, rest] = splitProps(props, ['class'])
-  return (
-    <div
-      data-slot="empty-title"
-      class={cn('text-sm font-medium tracking-tight', local.class)}
-      {...rest}
-    />
-  )
-}
-
-function EmptyDescription(props: ComponentProps<'p'>) {
-  const [local, rest] = splitProps(props, ['class'])
-  return (
-    <div
-      data-slot="empty-description"
-      class={cn(
-        'text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary',
-        local.class
-      )}
-      {...rest}
-    />
-  )
-}
-
-function EmptyContent(props: ComponentProps<'div'>) {
-  const [local, rest] = splitProps(props, ['class'])
-  return (
-    <div
-      data-slot="empty-content"
-      class={cn(
-        'flex w-full max-w-sm min-w-0 flex-col items-center gap-2.5 text-sm text-balance',
-        local.class
-      )}
-      {...rest}
-    />
-  )
-}
-
-export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia }