@weaverclub/render 0.0.2 → 0.0.3

package/src/ui/components/contextMenu.tsx

@@ -1,261 +0,0 @@
-import { ContextMenu as ContextMenuPrimitive } from '@base-ui/react/context-menu'
-import { CheckIcon, ChevronRightIcon } from 'lucide-react'
-import type * as React from 'react'
-import { cn } from '../cn'
-
-function ContextMenu({ ...props }: ContextMenuPrimitive.Root.Props) {
-	return <ContextMenuPrimitive.Root data-slot="context-menu" {...props} />
-}
-
-function ContextMenuPortal({ ...props }: ContextMenuPrimitive.Portal.Props) {
-	return (
-		<ContextMenuPrimitive.Portal data-slot="context-menu-portal" {...props} />
-	)
-}
-
-function ContextMenuTrigger({
-	className,
-	...props
-}: ContextMenuPrimitive.Trigger.Props) {
-	return (
-		<ContextMenuPrimitive.Trigger
-			data-slot="context-menu-trigger"
-			className={cn('select-none', className)}
-			{...props}
-		/>
-	)
-}
-
-function ContextMenuContent({
-	className,
-	align = 'start',
-	alignOffset = 4,
-	side = 'right',
-	sideOffset = 0,
-	...props
-}: ContextMenuPrimitive.Popup.Props &
-	Pick<
-		ContextMenuPrimitive.Positioner.Props,
-		'align' | 'alignOffset' | 'side' | 'sideOffset'
-	>) {
-	return (
-		<ContextMenuPrimitive.Portal>
-			<ContextMenuPrimitive.Positioner
-				className="isolate z-50 outline-none"
-				align={align}
-				alignOffset={alignOffset}
-				side={side}
-				sideOffset={sideOffset}
-			>
-				<ContextMenuPrimitive.Popup
-					data-slot="context-menu-content"
-					className={cn(
-						'data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-32 rounded-lg p-1 shadow-md ring-1 duration-100 dark z-50 max-h-(--available-height) origin-(--transform-origin) overflow-x-hidden overflow-y-auto outline-none',
-						className
-					)}
-					{...props}
-				/>
-			</ContextMenuPrimitive.Positioner>
-		</ContextMenuPrimitive.Portal>
-	)
-}
-
-function ContextMenuGroup({ ...props }: ContextMenuPrimitive.Group.Props) {
-	return (
-		<ContextMenuPrimitive.Group data-slot="context-menu-group" {...props} />
-	)
-}
-
-function ContextMenuLabel({
-	className,
-	inset,
-	...props
-}: ContextMenuPrimitive.GroupLabel.Props & {
-	inset?: boolean
-}) {
-	return (
-		<ContextMenuPrimitive.GroupLabel
-			data-slot="context-menu-label"
-			data-inset={inset}
-			className={cn(
-				'text-muted-foreground px-2 py-1.5 text-xs data-inset:pl-8',
-				className
-			)}
-			{...props}
-		/>
-	)
-}
-
-function ContextMenuItem({
-	className,
-	inset,
-	variant = 'default',
-	...props
-}: ContextMenuPrimitive.Item.Props & {
-	inset?: boolean
-	variant?: 'default' | 'destructive'
-}) {
-	return (
-		<ContextMenuPrimitive.Item
-			data-slot="context-menu-item"
-			data-inset={inset}
-			data-variant={variant}
-			className={cn(
-				"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground min-h-7 gap-2 rounded-md px-2 py-1 text-xs/relaxed [&_svg:not([class*='size-'])]:size-3.5 group/context-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-				className
-			)}
-			{...props}
-		/>
-	)
-}
-
-function ContextMenuSub({ ...props }: ContextMenuPrimitive.SubmenuRoot.Props) {
-	return (
-		<ContextMenuPrimitive.SubmenuRoot data-slot="context-menu-sub" {...props} />
-	)
-}
-
-function ContextMenuSubTrigger({
-	className,
-	inset,
-	children,
-	...props
-}: ContextMenuPrimitive.SubmenuTrigger.Props & {
-	inset?: boolean
-}) {
-	return (
-		<ContextMenuPrimitive.SubmenuTrigger
-			data-slot="context-menu-sub-trigger"
-			data-inset={inset}
-			className={cn(
-				"focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground min-h-7 gap-2 rounded-md px-2 py-1 text-xs [&_svg:not([class*='size-'])]:size-3.5 flex cursor-default items-center outline-hidden select-none data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-				className
-			)}
-			{...props}
-		>
-			{children}
-			<ChevronRightIcon className="ml-auto" />
-		</ContextMenuPrimitive.SubmenuTrigger>
-	)
-}
-
-function ContextMenuSubContent({
-	...props
-}: React.ComponentProps<typeof ContextMenuContent>) {
-	return (
-		<ContextMenuContent
-			data-slot="context-menu-sub-content"
-			className="shadow-lg"
-			side="right"
-			{...props}
-		/>
-	)
-}
-
-function ContextMenuCheckboxItem({
-	className,
-	children,
-	checked,
-	...props
-}: ContextMenuPrimitive.CheckboxItem.Props) {
-	return (
-		<ContextMenuPrimitive.CheckboxItem
-			data-slot="context-menu-checkbox-item"
-			className={cn(
-				"focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground min-h-7 gap-2 rounded-md py-1.5 pr-8 pl-2 text-xs [&_svg:not([class*='size-'])]:size-3.5 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-				className
-			)}
-			checked={checked}
-			{...props}
-		>
-			<span className="absolute right-2 flex items-center justify-center pointer-events-none">
-				<ContextMenuPrimitive.CheckboxItemIndicator>
-					<CheckIcon />
-				</ContextMenuPrimitive.CheckboxItemIndicator>
-			</span>
-			{children}
-		</ContextMenuPrimitive.CheckboxItem>
-	)
-}
-
-function ContextMenuRadioGroup({
-	...props
-}: ContextMenuPrimitive.RadioGroup.Props) {
-	return (
-		<ContextMenuPrimitive.RadioGroup
-			data-slot="context-menu-radio-group"
-			{...props}
-		/>
-	)
-}
-
-function ContextMenuRadioItem({
-	className,
-	children,
-	...props
-}: ContextMenuPrimitive.RadioItem.Props) {
-	return (
-		<ContextMenuPrimitive.RadioItem
-			data-slot="context-menu-radio-item"
-			className={cn(
-				"focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground min-h-7 gap-2 rounded-md py-1.5 pr-8 pl-2 text-xs [&_svg:not([class*='size-'])]:size-3.5 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-				className
-			)}
-			{...props}
-		>
-			<span className="absolute right-2 flex items-center justify-center pointer-events-none">
-				<ContextMenuPrimitive.RadioItemIndicator>
-					<CheckIcon />
-				</ContextMenuPrimitive.RadioItemIndicator>
-			</span>
-			{children}
-		</ContextMenuPrimitive.RadioItem>
-	)
-}
-
-function ContextMenuSeparator({
-	className,
-	...props
-}: ContextMenuPrimitive.Separator.Props) {
-	return (
-		<ContextMenuPrimitive.Separator
-			data-slot="context-menu-separator"
-			className={cn('bg-border/50 -mx-1 my-1 h-px', className)}
-			{...props}
-		/>
-	)
-}
-
-function ContextMenuShortcut({
-	className,
-	...props
-}: React.ComponentProps<'span'>) {
-	return (
-		<span
-			data-slot="context-menu-shortcut"
-			className={cn(
-				'text-muted-foreground group-focus/context-menu-item:text-accent-foreground ml-auto text-[0.625rem] tracking-widest',
-				className
-			)}
-			{...props}
-		/>
-	)
-}
-
-export {
-	ContextMenu,
-	ContextMenuTrigger,
-	ContextMenuContent,
-	ContextMenuItem,
-	ContextMenuCheckboxItem,
-	ContextMenuRadioItem,
-	ContextMenuLabel,
-	ContextMenuSeparator,
-	ContextMenuShortcut,
-	ContextMenuGroup,
-	ContextMenuPortal,
-	ContextMenuSub,
-	ContextMenuSubContent,
-	ContextMenuSubTrigger,
-	ContextMenuRadioGroup
-}

package/src/ui/components/dialog.tsx

@@ -1,153 +0,0 @@
-import { Dialog as DialogPrimitive } from '@base-ui/react/dialog'
-import { XIcon } from 'lucide-react'
-import type * as React from 'react'
-import { cn } from '../cn'
-import { Button } from './button'
-
-function Dialog({ ...props }: DialogPrimitive.Root.Props) {
-	return <DialogPrimitive.Root data-slot="dialog" {...props} />
-}
-
-function DialogTrigger({ ...props }: DialogPrimitive.Trigger.Props) {
-	return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props} />
-}
-
-function DialogPortal({ ...props }: DialogPrimitive.Portal.Props) {
-	return <DialogPrimitive.Portal data-slot="dialog-portal" {...props} />
-}
-
-function DialogClose({ ...props }: DialogPrimitive.Close.Props) {
-	return <DialogPrimitive.Close data-slot="dialog-close" {...props} />
-}
-
-function DialogOverlay({
-	className,
-	...props
-}: DialogPrimitive.Backdrop.Props) {
-	return (
-		<DialogPrimitive.Backdrop
-			data-slot="dialog-overlay"
-			className={cn(
-				'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/80 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50',
-				className
-			)}
-			{...props}
-		/>
-	)
-}
-
-function DialogContent({
-	className,
-	children,
-	showCloseButton = true,
-	...props
-}: DialogPrimitive.Popup.Props & {
-	showCloseButton?: boolean
-}) {
-	return (
-		<DialogPortal>
-			<DialogOverlay />
-			<DialogPrimitive.Popup
-				data-slot="dialog-content"
-				className={cn(
-					'bg-background data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-foreground/10 grid max-w-[calc(100%-2rem)] gap-4 rounded-xl p-4 text-xs/relaxed ring-1 duration-100 sm:max-w-sm fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none',
-					className
-				)}
-				{...props}
-			>
-				{children}
-				{showCloseButton && (
-					<DialogPrimitive.Close
-						data-slot="dialog-close"
-						render={
-							<Button
-								variant="ghost"
-								className="absolute top-2 right-2"
-								size="icon-sm"
-							/>
-						}
-					>
-						<XIcon />
-						<span className="sr-only">Close</span>
-					</DialogPrimitive.Close>
-				)}
-			</DialogPrimitive.Popup>
-		</DialogPortal>
-	)
-}
-
-function DialogHeader({ className, ...props }: React.ComponentProps<'div'>) {
-	return (
-		<div
-			data-slot="dialog-header"
-			className={cn('gap-1 flex flex-col', className)}
-			{...props}
-		/>
-	)
-}
-
-function DialogFooter({
-	className,
-	showCloseButton = false,
-	children,
-	...props
-}: React.ComponentProps<'div'> & {
-	showCloseButton?: boolean
-}) {
-	return (
-		<div
-			data-slot="dialog-footer"
-			className={cn(
-				'gap-2 flex flex-col-reverse sm:flex-row sm:justify-end',
-				className
-			)}
-			{...props}
-		>
-			{children}
-			{showCloseButton && (
-				<DialogPrimitive.Close render={<Button variant="outline" />}>
-					Close
-				</DialogPrimitive.Close>
-			)}
-		</div>
-	)
-}
-
-function DialogTitle({ className, ...props }: DialogPrimitive.Title.Props) {
-	return (
-		<DialogPrimitive.Title
-			data-slot="dialog-title"
-			className={cn('text-sm font-medium', className)}
-			{...props}
-		/>
-	)
-}
-
-function DialogDescription({
-	className,
-	...props
-}: DialogPrimitive.Description.Props) {
-	return (
-		<DialogPrimitive.Description
-			data-slot="dialog-description"
-			className={cn(
-				'text-muted-foreground *:[a]:hover:text-foreground text-xs/relaxed *:[a]:underline *:[a]:underline-offset-3',
-				className
-			)}
-			{...props}
-		/>
-	)
-}
-
-export {
-	Dialog,
-	DialogClose,
-	DialogContent,
-	DialogDescription,
-	DialogFooter,
-	DialogHeader,
-	DialogOverlay,
-	DialogPortal,
-	DialogTitle,
-	DialogTrigger
-}

package/src/ui/components/input.tsx

@@ -1,23 +0,0 @@
-import { Input as InputPrimitive } from '@base-ui/react/input'
-import type * as React from 'react'
-import { cn } from '../cn'
-
-function Input({
-	className,
-	type,
-	...props
-}: React.ComponentProps<typeof InputPrimitive>) {
-	return (
-		<InputPrimitive
-			type={type}
-			data-slot="input"
-			className={cn(
-				'bg-input/20 dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 h-7 rounded-md border px-2 py-0.5 text-sm transition-colors file:h-6 file:text-xs/relaxed file:font-medium focus-visible:ring-2 aria-invalid:ring-2 md:text-xs/relaxed file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',
-				className
-			)}
-			{...props}
-		/>
-	)
-}
-
-export { Input }

package/src/ui/components/inputGroup.tsx

@@ -1,157 +0,0 @@
-import { cva, type VariantProps } from 'class-variance-authority'
-import type * as React from 'react'
-import { cn } from '../cn'
-import { Button } from './button'
-import { Input } from './input'
-import { Textarea } from './textarea'
-
-function InputGroup({ className, ...props }: React.ComponentProps<'div'>) {
-	return (
-		// biome-ignore lint/a11y/useSemanticElements: Div is required to allow custom positioning
-		<div
-			data-slot="input-group"
-			role="group"
-			className={cn(
-				'border-input bg-input/20 dark:bg-input/30 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/30 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 h-7 rounded-md border transition-colors has-data-[align=block-end]:rounded-md has-data-[align=block-start]:rounded-md has-[[data-slot=input-group-control]:focus-visible]:ring-2 has-[[data-slot][aria-invalid=true]]:ring-2 has-[textarea]:rounded-md has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5 in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 group/input-group relative flex w-full min-w-0 items-center outline-none has-[>textarea]:h-auto',
-				className
-			)}
-			{...props}
-		/>
-	)
-}
-
-const inputGroupAddonVariants = cva(
-	"text-muted-foreground **:data-[slot=kbd]:bg-muted-foreground/10 h-auto gap-1 py-2 text-xs/relaxed font-medium group-data-[disabled=true]/input-group:opacity-50 **:data-[slot=kbd]:rounded-[calc(var(--radius-sm)-2px)] **:data-[slot=kbd]:px-1 **:data-[slot=kbd]:text-[0.625rem] [&>svg:not([class*='size-'])]:size-3.5 flex cursor-text items-center justify-center select-none",
-	{
-		variants: {
-			align: {
-				'inline-start':
-					'pl-2 has-[>button]:ml-[-0.275rem] has-[>kbd]:ml-[-0.275rem] order-first',
-				'inline-end':
-					'pr-2 has-[>button]:mr-[-0.275rem] has-[>kbd]:mr-[-0.275rem] order-last',
-				'block-start':
-					'px-2 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2 order-first w-full justify-start',
-				'block-end':
-					'px-2 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2 order-last w-full justify-start'
-			}
-		},
-		defaultVariants: {
-			align: 'inline-start'
-		}
-	}
-)
-
-function InputGroupAddon({
-	className,
-	align = 'inline-start',
-	...props
-}: React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>) {
-	return (
-		// biome-ignore lint/a11y/useKeyWithClickEvents: Required to focus the input when clicking on the addon
-		// biome-ignore lint/a11y/useSemanticElements: Div is required to allow custom positioning
-		<div
-			role="group"
-			data-slot="input-group-addon"
-			data-align={align}
-			className={cn(inputGroupAddonVariants({ align }), className)}
-			onClick={(e) => {
-				if ((e.target as HTMLElement).closest('button')) {
-					return
-				}
-				e.currentTarget.parentElement?.querySelector('input')?.focus()
-			}}
-			{...props}
-		/>
-	)
-}
-
-const inputGroupButtonVariants = cva(
-	'gap-2 rounded-md text-xs/relaxed shadow-none flex items-center',
-	{
-		variants: {
-			size: {
-				xs: "h-5 gap-1 rounded-[calc(var(--radius-sm)-2px)] px-1 [&>svg:not([class*='size-'])]:size-3",
-				sm: '',
-				'icon-xs': 'size-6 p-0 has-[>svg]:p-0',
-				'icon-sm': 'size-8 p-0 has-[>svg]:p-0'
-			}
-		},
-		defaultVariants: {
-			size: 'xs'
-		}
-	}
-)
-
-function InputGroupButton({
-	className,
-	type = 'button',
-	variant = 'ghost',
-	size = 'xs',
-	...props
-}: Omit<React.ComponentProps<typeof Button>, 'size' | 'type'> &
-	VariantProps<typeof inputGroupButtonVariants> & {
-		type?: 'button' | 'submit' | 'reset'
-	}) {
-	return (
-		<Button
-			type={type}
-			data-size={size}
-			variant={variant}
-			className={cn(inputGroupButtonVariants({ size }), className)}
-			{...props}
-		/>
-	)
-}
-
-function InputGroupText({ className, ...props }: React.ComponentProps<'span'>) {
-	return (
-		<span
-			className={cn(
-				"text-muted-foreground gap-2 text-xs/relaxed [&_svg:not([class*='size-'])]:size-4 flex items-center [&_svg]:pointer-events-none",
-				className
-			)}
-			{...props}
-		/>
-	)
-}
-
-function InputGroupInput({
-	className,
-	...props
-}: React.ComponentProps<'input'>) {
-	return (
-		<Input
-			data-slot="input-group-control"
-			className={cn(
-				'rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 dark:bg-transparent flex-1',
-				className
-			)}
-			{...props}
-		/>
-	)
-}
-
-function InputGroupTextarea({
-	className,
-	...props
-}: React.ComponentProps<'textarea'>) {
-	return (
-		<Textarea
-			data-slot="input-group-control"
-			className={cn(
-				'rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 dark:bg-transparent flex-1 resize-none',
-				className
-			)}
-			{...props}
-		/>
-	)
-}
-
-export {
-	InputGroup,
-	InputGroupAddon,
-	InputGroupButton,
-	InputGroupText,
-	InputGroupInput,
-	InputGroupTextarea
-}

package/src/ui/components/kdb.tsx

@@ -1,26 +0,0 @@
-import { cn } from '../cn'
-
-function Kbd({ className, ...props }: React.ComponentProps<'kbd'>) {
-	return (
-		<kbd
-			data-slot="kbd"
-			className={cn(
-				"bg-muted text-muted-foreground in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 h-5 w-fit min-w-5 gap-1 rounded-xs px-1 font-sans text-[0.625rem] font-medium [&_svg:not([class*='size-'])]:size-3 pointer-events-none inline-flex items-center justify-center select-none",
-				className
-			)}
-			{...props}
-		/>
-	)
-}
-
-function KbdGroup({ className, ...props }: React.ComponentProps<'div'>) {
-	return (
-		<kbd
-			data-slot="kbd-group"
-			className={cn('gap-1 inline-flex items-center', className)}
-			{...props}
-		/>
-	)
-}
-
-export { Kbd, KbdGroup }

package/src/ui/components/searchCommand.tsx

@@ -1,5 +0,0 @@
-import { Command } from './command'
-
-export function SearchCommand() {
-	return <Command></Command>
-}

package/src/ui/components/separator.tsx

@@ -1,22 +0,0 @@
-import { Separator as SeparatorPrimitive } from '@base-ui/react/separator'
-import { cn } from '../cn'
-
-function Separator({
-	className,
-	orientation = 'horizontal',
-	...props
-}: SeparatorPrimitive.Props) {
-	return (
-		<SeparatorPrimitive
-			data-slot="separator"
-			orientation={orientation}
-			className={cn(
-				'bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch',
-				className
-			)}
-			{...props}
-		/>
-	)
-}
-
-export { Separator }