@emilyc246/ui-components

A shared shadcn-style UI component package with accessibility baked in, designed for React + Tailwind.

Components

• Accordion, AccordionItem, AccordionTrigger, AccordionContent
• Alert, AlertTitle, AlertDescription
• AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel
• Avatar, AvatarImage, AvatarFallback
• Badge
• Button
• Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter
• Checkbox
• Dialog, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription
• DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent
• FormField
• Input
• Label
• Popover, PopoverTrigger, PopoverContent
• Progress
• RadioGroup, RadioGroupItem
• ScrollArea, ScrollBar
• Select, SelectTrigger, SelectContent, SelectItem, SelectLabel, SelectGroup, SelectValue, SelectSeparator
• Separator
• Sheet, SheetTrigger, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, SheetClose
• Skeleton
• SkipLink
• Switch
• Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption
• Tabs, TabsList, TabsTrigger, TabsContent
• Textarea
• ThemeProvider, ThemeToggle
• Toaster, toast
• Toggle
• Tooltip, TooltipTrigger, TooltipContent, TooltipProvider
• VisuallyHidden

Install

npm install @emilyc246/ui-components

Peer dependencies (react and react-dom v19+) must be installed in your project.

Usage

import { Button, Input, FormField } from "@emilyc246/ui-components";

Development

pnpm install

Build

pnpm build

This runs tsup to produce ESM, CJS, and type declarations in dist/.

Type-check

pnpm typecheck

Test

pnpm test

Adding components

A components.json is included so you can add more primitives with the shadcn CLI:

npx shadcn@latest add <component>

Publish to npm

1. Make sure you are logged in:

   npm login

2. Bump the version:

   npm version patch   # or minor / major

3. Build the package:

   pnpm build

4. Publish:

   npm publish --access public

Because the package is scoped (@emilyc246/), --access public is required on the first publish. Subsequent publishes will default to the same access level.

Notes

• Components use semantic utility classes such as bg-primary, text-foreground, and border-border.
• Accessibility is treated as a default requirement rather than an optional enhancement.