buildgrid-ui 1.1.0-alpha.4 → 1.1.0-dev.5

package/src/components/button/button.stories.tsx

@@ -0,0 +1,62 @@
+// organize-imports-ignore
+import React from 'react'
+import type { Meta, StoryObj } from '@storybook/react'
+import { Button, ButtonProps } from './button'
+
+const meta: Meta<typeof Button> = {
+	component: Button,
+}
+
+export default meta
+type Story = StoryObj<typeof Button>
+
+const variants: Array<ButtonProps['variant']> = [
+	'default',
+	'secondary',
+	'destructive',
+	'outline',
+	'ghost',
+	'link',
+]
+
+const Template = (args: ButtonProps) => {
+	return (
+		<div className="flex gap-2 flex-wrap">
+			{Object.values(variants).map((variant) => (
+				<Button
+					{...args}
+					variant={variant as ButtonProps['variant']}
+					className="capitalize"
+				>
+					{variant}
+				</Button>
+			))}
+		</div>
+	)
+}
+
+export const Default: Story = {
+	render: Template.bind({}),
+	args: {},
+}
+
+const TemplateIsLoading = () => {
+	return (
+		<div className="flex gap-2 flex-wrap">
+			{Object.values(variants).map((variant) => (
+				<Button
+					isLoading
+					variant={variant as ButtonProps['variant']}
+					className="capitalize"
+				>
+					{variant}
+				</Button>
+			))}
+		</div>
+	)
+}
+
+export const Loading: Story = {
+	render: TemplateIsLoading.bind({}),
+	args: {},
+}

package/src/components/button/button.tsx

@@ -0,0 +1,82 @@
+import { Slot } from '@radix-ui/react-slot'
+import { cva, type VariantProps } from 'class-variance-authority'
+import * as React from 'react'
+import { cn } from '../../lib/utils/cn'
+
+const buttonVariants = cva(
+	'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
+	{
+		variants: {
+			variant: {
+				default: 'bg-primary text-primary-foreground shadow hover:bg-primary/90',
+				destructive:
+					'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',
+				outline:
+					'border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground',
+				secondary:
+					'bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80',
+				ghost: 'hover:bg-accent hover:text-accent-foreground',
+				link: 'text-primary underline-offset-4 hover:underline',
+			},
+			size: {
+				default: 'h-9 px-4 py-2',
+				sm: 'h-8 rounded-md px-3 text-xs',
+				lg: 'h-10 rounded-md px-8',
+				xl: 'h-12 rounded-md px-10 text-xl',
+				icon: 'h-9 w-9',
+			},
+		},
+		defaultVariants: {
+			variant: 'default',
+			size: 'default',
+		},
+	},
+)
+
+export interface ButtonProps
+	extends React.ButtonHTMLAttributes<HTMLButtonElement>,
+		VariantProps<typeof buttonVariants> {
+	isLoading?: boolean
+	asChild?: boolean
+}
+
+const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
+	({ className, variant, size, isLoading = false, asChild = false, ...props }, ref) => {
+		const Comp = asChild ? Slot : 'button'
+		return (
+			<Comp
+				className={cn(buttonVariants({ variant, size, className }))}
+				ref={ref}
+				{...props}
+				disabled={isLoading || props.disabled}
+			>
+				{isLoading && (
+					<svg
+						className="animate-spin -ml-1 h-5 w-5"
+						xmlns="http://www.w3.org/2000/svg"
+						fill="none"
+						viewBox="0 0 24 24"
+					>
+						<circle
+							className="opacity-25"
+							cx="12"
+							cy="12"
+							r="10"
+							stroke="currentColor"
+							strokeWidth="4"
+						/>
+						<path
+							className="opacity-75"
+							fill="currentColor"
+							d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+						/>
+					</svg>
+				)}
+				{props.children}
+			</Comp>
+		)
+	},
+)
+Button.displayName = 'Button'
+
+export { Button, buttonVariants }

package/src/components/button/index.ts

@@ -1 +1 @@
-export * from "./Button";
+export * from './button'

package/src/components/card/{Card.stories.tsx → card.stories.tsx}

@@ -9,7 +9,7 @@ import {
 	CardHeader,
 	CardTitle,
 } from './Card'
-import { Button } from '../button/Button'
+import { Button } from '../button/button'
 
 const meta: Meta<typeof Card> = {
 	component: Card,

package/src/components/card/index.ts

@@ -1 +1 @@
-export * from './Card'
+export * from './card'

package/src/components/checkbox/checkbox.stories.tsx

@@ -0,0 +1,36 @@
+// organize-imports-ignore
+import React from 'react'
+import type { Meta, StoryObj } from '@storybook/react'
+
+import { Checkbox } from './checkbox'
+
+const meta: Meta<typeof Checkbox> = {
+	component: Checkbox,
+}
+
+export default meta
+type Story = StoryObj<typeof Checkbox>
+
+const Template = () => {
+	return (
+		<div className="items-top flex space-x-2">
+			<Checkbox id="terms1" />
+			<div className="grid gap-1.5 leading-none">
+				<label
+					htmlFor="terms1"
+					className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+				>
+					Accept terms and conditions
+				</label>
+				<p className="text-sm text-muted-foreground">
+					You agree to our Terms of Service and Privacy Policy.
+				</p>
+			</div>
+		</div>
+	)
+}
+
+export const Default: Story = {
+	render: Template.bind({}),
+	args: {},
+}

package/src/components/checkbox/checkbox.tsx

@@ -0,0 +1,28 @@
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox'
+import { Check } from 'lucide-react'
+import * as React from 'react'
+
+import { cn } from '@/lib/utils/cn'
+
+const Checkbox = React.forwardRef<
+	React.ElementRef<typeof CheckboxPrimitive.Root>,
+	React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>
+>(({ className, ...props }, ref) => (
+	<CheckboxPrimitive.Root
+		ref={ref}
+		className={cn(
+			'peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground',
+			className,
+		)}
+		{...props}
+	>
+		<CheckboxPrimitive.Indicator
+			className={cn('flex items-center justify-center text-current')}
+		>
+			<Check className="h-4 w-4" />
+		</CheckboxPrimitive.Indicator>
+	</CheckboxPrimitive.Root>
+))
+Checkbox.displayName = CheckboxPrimitive.Root.displayName
+
+export { Checkbox }

package/src/components/checkbox/index.ts

@@ -0,0 +1 @@
+export * from './checkbox'

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

@@ -0,0 +1,90 @@
+// organize-imports-ignore
+import React from 'react'
+import type { Meta, StoryObj } from '@storybook/react'
+
+import {
+	DropdownMenu,
+	DropdownMenuContent,
+	DropdownMenuItem,
+	DropdownMenuLabel,
+	DropdownMenuPortal,
+	DropdownMenuSeparator,
+	DropdownMenuSub,
+	DropdownMenuSubContent,
+	DropdownMenuSubTrigger,
+	DropdownMenuTrigger,
+} from './dropdown-menu'
+import { Button } from '../button/button'
+import {
+	Key,
+	Mail,
+	MessageSquare,
+	Pencil,
+	PlusCircle,
+	Settings2,
+	Trash,
+	UserPlus,
+} from 'lucide-react'
+
+const meta: Meta<typeof DropdownMenu> = {
+	component: DropdownMenu,
+}
+
+export default meta
+type Story = StoryObj<typeof DropdownMenu>
+
+const Template = () => {
+	return (
+		<DropdownMenu>
+			<DropdownMenuTrigger asChild>
+				<Button variant="outline" size="icon">
+					<Settings2 className="w-6 h-6" />
+					<span className="sr-only">Open settings</span>
+				</Button>
+			</DropdownMenuTrigger>
+			<DropdownMenuContent align="end">
+				<DropdownMenuLabel>Jhon Doe</DropdownMenuLabel>
+				<DropdownMenuSeparator />
+				<DropdownMenuItem>
+					<Pencil /> Edit
+				</DropdownMenuItem>
+				<DropdownMenuItem>
+					<Trash /> Delete
+				</DropdownMenuItem>
+				<DropdownMenuSeparator />
+				<DropdownMenuItem>
+					<Key /> Send password reset
+				</DropdownMenuItem>
+				<DropdownMenuSeparator />
+				<DropdownMenuSub>
+					<DropdownMenuSubTrigger>
+						<UserPlus />
+						<span>Invite users</span>
+					</DropdownMenuSubTrigger>
+					<DropdownMenuPortal>
+						<DropdownMenuSubContent>
+							<DropdownMenuItem>
+								<Mail />
+								<span>Email</span>
+							</DropdownMenuItem>
+							<DropdownMenuItem>
+								<MessageSquare />
+								<span>Message</span>
+							</DropdownMenuItem>
+							<DropdownMenuSeparator />
+							<DropdownMenuItem>
+								<PlusCircle />
+								<span>More...</span>
+							</DropdownMenuItem>
+						</DropdownMenuSubContent>
+					</DropdownMenuPortal>
+				</DropdownMenuSub>
+			</DropdownMenuContent>
+		</DropdownMenu>
+	)
+}
+
+export const Default: Story = {
+	render: Template.bind({}),
+	args: {},
+}

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

@@ -0,0 +1,192 @@
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'
+import { Check, ChevronRight, Circle } from 'lucide-react'
+import * as React from 'react'
+
+import { cn } from '@/lib/utils/cn'
+
+const DropdownMenu = DropdownMenuPrimitive.Root
+
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger
+
+const DropdownMenuGroup = DropdownMenuPrimitive.Group
+
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal
+
+const DropdownMenuSub = DropdownMenuPrimitive.Sub
+
+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup
+
+const DropdownMenuSubTrigger = React.forwardRef<
+	React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,
+	React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
+		inset?: boolean
+	}
+>(({ className, inset, children, ...props }, ref) => (
+	<DropdownMenuPrimitive.SubTrigger
+		ref={ref}
+		className={cn(
+			'flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
+			inset && 'pl-8',
+			className,
+		)}
+		{...props}
+	>
+		{children}
+		<ChevronRight className="ml-auto" />
+	</DropdownMenuPrimitive.SubTrigger>
+))
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName
+
+const DropdownMenuSubContent = React.forwardRef<
+	React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,
+	React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>
+>(({ className, ...props }, ref) => (
+	<DropdownMenuPrimitive.SubContent
+		ref={ref}
+		className={cn(
+			'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=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',
+			className,
+		)}
+		{...props}
+	/>
+))
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName
+
+const DropdownMenuContent = React.forwardRef<
+	React.ElementRef<typeof DropdownMenuPrimitive.Content>,
+	React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>
+>(({ className, sideOffset = 4, ...props }, ref) => (
+	<DropdownMenuPrimitive.Portal>
+		<DropdownMenuPrimitive.Content
+			ref={ref}
+			sideOffset={sideOffset}
+			className={cn(
+				'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md',
+				'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=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',
+				className,
+			)}
+			{...props}
+		/>
+	</DropdownMenuPrimitive.Portal>
+))
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName
+
+const DropdownMenuItem = React.forwardRef<
+	React.ElementRef<typeof DropdownMenuPrimitive.Item>,
+	React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
+		inset?: boolean
+	}
+>(({ className, inset, ...props }, ref) => (
+	<DropdownMenuPrimitive.Item
+		ref={ref}
+		className={cn(
+			'relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0',
+			inset && 'pl-8',
+			className,
+		)}
+		{...props}
+	/>
+))
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName
+
+const DropdownMenuCheckboxItem = React.forwardRef<
+	React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,
+	React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>
+>(({ className, children, checked, ...props }, ref) => (
+	<DropdownMenuPrimitive.CheckboxItem
+		ref={ref}
+		className={cn(
+			'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+			className,
+		)}
+		checked={checked}
+		{...props}
+	>
+		<span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+			<DropdownMenuPrimitive.ItemIndicator>
+				<Check className="h-4 w-4" />
+			</DropdownMenuPrimitive.ItemIndicator>
+		</span>
+		{children}
+	</DropdownMenuPrimitive.CheckboxItem>
+))
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName
+
+const DropdownMenuRadioItem = React.forwardRef<
+	React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,
+	React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>
+>(({ className, children, ...props }, ref) => (
+	<DropdownMenuPrimitive.RadioItem
+		ref={ref}
+		className={cn(
+			'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+			className,
+		)}
+		{...props}
+	>
+		<span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+			<DropdownMenuPrimitive.ItemIndicator>
+				<Circle className="h-2 w-2 fill-current" />
+			</DropdownMenuPrimitive.ItemIndicator>
+		</span>
+		{children}
+	</DropdownMenuPrimitive.RadioItem>
+))
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName
+
+const DropdownMenuLabel = React.forwardRef<
+	React.ElementRef<typeof DropdownMenuPrimitive.Label>,
+	React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
+		inset?: boolean
+	}
+>(({ className, inset, ...props }, ref) => (
+	<DropdownMenuPrimitive.Label
+		ref={ref}
+		className={cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className)}
+		{...props}
+	/>
+))
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName
+
+const DropdownMenuSeparator = React.forwardRef<
+	React.ElementRef<typeof DropdownMenuPrimitive.Separator>,
+	React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+	<DropdownMenuPrimitive.Separator
+		ref={ref}
+		className={cn('-mx-1 my-1 h-px bg-muted', className)}
+		{...props}
+	/>
+))
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName
+
+const DropdownMenuShortcut = ({
+	className,
+	...props
+}: React.HTMLAttributes<HTMLSpanElement>) => {
+	return (
+		<span
+			className={cn('ml-auto text-xs tracking-widest opacity-60', className)}
+			{...props}
+		/>
+	)
+}
+DropdownMenuShortcut.displayName = 'DropdownMenuShortcut'
+
+export {
+	DropdownMenu,
+	DropdownMenuCheckboxItem,
+	DropdownMenuContent,
+	DropdownMenuGroup,
+	DropdownMenuItem,
+	DropdownMenuLabel,
+	DropdownMenuPortal,
+	DropdownMenuRadioGroup,
+	DropdownMenuRadioItem,
+	DropdownMenuSeparator,
+	DropdownMenuShortcut,
+	DropdownMenuSub,
+	DropdownMenuSubContent,
+	DropdownMenuSubTrigger,
+	DropdownMenuTrigger,
+}

package/src/components/dropdown-menu/index.ts

@@ -0,0 +1 @@
+export * from './dropdown-menu'

package/src/components/index.ts

@@ -1,4 +1,11 @@
+export * from './adaptative-input'
+export * from './autocomplete'
+export * from './avatar'
 export * from './badge'
 export * from './button'
 export * from './card'
+export * from './checkbox'
+export * from './dropdown-menu'
+export * from './input'
+export * from './popover'
 export * from './skeleton'

package/src/components/input/index.ts

@@ -0,0 +1 @@
+export * from './input'

package/src/components/input/input.stories.tsx

@@ -0,0 +1,22 @@
+// organize-imports-ignore
+import React from 'react'
+import type { Meta, StoryObj } from '@storybook/react'
+
+import { Input } from './input'
+
+const meta: Meta<typeof Input> = {
+	title: 'Components/Input/Simple',
+	component: Input,
+}
+
+export default meta
+type Story = StoryObj<typeof Input>
+
+const Template = () => {
+	return <Input className="w-64" />
+}
+
+export const Default: Story = {
+	render: Template.bind({}),
+	args: {},
+}

package/src/components/input/input.tsx

@@ -0,0 +1,41 @@
+import { cn } from '@/lib/utils/cn'
+import { cva, VariantProps } from 'class-variance-authority'
+import * as React from 'react'
+
+const inputVariants = cva(
+	'flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50',
+	{
+		variants: {
+			sizing: {
+				sm: 'h-8 text-xs px-2',
+				md: 'h-10 text-sm px-3',
+				lg: 'h-12 text-base px-4',
+				xl: 'h-14 text-lg px-5',
+				'2xl': 'h-16 text-xl px-6',
+			},
+		},
+		defaultVariants: {
+			sizing: 'md',
+		},
+	},
+)
+
+export interface InputProps
+	extends React.InputHTMLAttributes<HTMLInputElement>,
+		VariantProps<typeof inputVariants> {}
+
+const Input = React.forwardRef<HTMLInputElement, InputProps>(
+	({ className, sizing, type, ...props }, ref) => {
+		return (
+			<input
+				type={type}
+				className={cn(inputVariants({ sizing, className }))}
+				ref={ref}
+				{...props}
+			/>
+		)
+	},
+)
+Input.displayName = 'Input'
+
+export { Input }

package/src/components/popover/index.ts

@@ -0,0 +1 @@
+export * from './popover'

package/src/components/popover/popover.stories.tsx

@@ -0,0 +1,32 @@
+// organize-imports-ignore
+import React from 'react'
+import type { Meta, StoryObj } from '@storybook/react'
+
+import { Popover, PopoverContent, PopoverTrigger } from './popover'
+import { Button } from '../button/button'
+
+const meta: Meta<typeof Popover> = {
+	component: Popover,
+}
+
+export default meta
+type Story = StoryObj<typeof Popover>
+
+const Template = () => {
+	const variants = ['default', 'secondary', 'destructive', 'outline']
+	return (
+		<Popover>
+			<PopoverTrigger asChild>
+				<Button variant="outline">Open popover</Button>
+			</PopoverTrigger>
+			<PopoverContent className="w-80">
+				<div className="bg-gray-200 p-6 w-full h-20">Popover content</div>
+			</PopoverContent>
+		</Popover>
+	)
+}
+
+export const Default: Story = {
+	render: Template.bind({}),
+	args: {},
+}

package/src/components/popover/popover.tsx

@@ -0,0 +1,30 @@
+import { cn } from '@/lib'
+import * as PopoverPrimitive from '@radix-ui/react-popover'
+import * as React from 'react'
+
+const Popover = PopoverPrimitive.Root
+
+const PopoverTrigger = PopoverPrimitive.Trigger
+
+const PopoverAnchor = PopoverPrimitive.Anchor
+
+const PopoverContent = React.forwardRef<
+	React.ElementRef<typeof PopoverPrimitive.Content>,
+	React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>
+>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (
+	<PopoverPrimitive.Portal>
+		<PopoverPrimitive.Content
+			ref={ref}
+			align={align}
+			sideOffset={sideOffset}
+			className={cn(
+				'z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=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',
+				className,
+			)}
+			{...props}
+		/>
+	</PopoverPrimitive.Portal>
+))
+PopoverContent.displayName = PopoverPrimitive.Content.displayName
+
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger }

package/src/components/skeleton/index.ts

@@ -1 +1 @@
-export * from './Skeleton'
+export * from './skeleton'

package/src/index.ts

@@ -1,5 +1,12 @@
+export * from './components/adaptative-input'
+export * from './components/autocomplete'
+export * from './components/avatar'
 export * from './components/badge'
 export * from './components/button'
 export * from './components/card'
+export * from './components/checkbox'
+export * from './components/dropdown-menu'
+export * from './components/input'
+export * from './components/popover'
 export * from './components/skeleton'
 export * from './lib/utils/cn'