@reinvented/design 0.2.0 → 0.3.0

package/src/index.ts

@@ -1,10 +1,12 @@
 // ── @reinvented/design — Design System Barrel Export ──────────────
-// Re-exports all UI components, utils, and types
+// Re-exports all styled UI components, utils, and types
 
 // Utilities
 export { cn } from './lib/utils'
 
-// UI Components
+// ── Styled UI Components ──────────────────────────────────────────
+
+// Core
 export { Button } from './components/ui/button'
 export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from './components/ui/card'
 export { Input } from './components/ui/input'
@@ -14,196 +16,48 @@ export { Separator } from './components/ui/separator'
 export { Skeleton } from './components/ui/skeleton'
 export { ScrollArea } from './components/ui/scroll-area'
 
-// Re-export radix-vue primitives for advanced use
-// Consumers can build Dialog, DropdownMenu, Tabs, etc. using radix-vue directly
-// with our design tokens and cn() utility
-export {
-  DialogRoot as Dialog,
-  DialogTrigger,
-  DialogContent,
-  DialogTitle,
-  DialogDescription,
-  DialogClose,
-  DialogOverlay,
-  DialogPortal,
-} from 'radix-vue'
-
-export {
-  DropdownMenuRoot as DropdownMenu,
-  DropdownMenuTrigger,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuSeparator,
-  DropdownMenuLabel,
-  DropdownMenuGroup,
-  DropdownMenuSub,
-  DropdownMenuSubTrigger,
-  DropdownMenuSubContent,
-  DropdownMenuCheckboxItem,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
-  DropdownMenuPortal,
-} from 'radix-vue'
-
-export {
-  TabsRoot as Tabs,
-  TabsList,
-  TabsTrigger,
-  TabsContent,
-} from 'radix-vue'
-
-export {
-  TooltipRoot as Tooltip,
-  TooltipTrigger,
-  TooltipContent,
-  TooltipProvider,
-  TooltipPortal,
-} from 'radix-vue'
-
-export {
-  PopoverRoot as Popover,
-  PopoverTrigger,
-  PopoverContent,
-  PopoverPortal,
-} from 'radix-vue'
-
-export {
-  SelectRoot as Select,
-  SelectTrigger,
-  SelectContent,
-  SelectItem,
-  SelectValue,
-  SelectGroup,
-  SelectLabel,
-  SelectSeparator,
-  SelectPortal,
-  SelectViewport,
-  SelectItemText,
-  SelectItemIndicator,
-} from 'radix-vue'
-
-export {
-  AccordionRoot as Accordion,
-  AccordionItem,
-  AccordionTrigger,
-  AccordionContent,
-  AccordionHeader,
-} from 'radix-vue'
-
-export {
-  SwitchRoot as Switch,
-  SwitchThumb,
-} from 'radix-vue'
-
-export {
-  CheckboxRoot as Checkbox,
-  CheckboxIndicator,
-} from 'radix-vue'
-
-export {
-  RadioGroupRoot as RadioGroup,
-  RadioGroupItem,
-  RadioGroupIndicator,
-} from 'radix-vue'
-
-export {
-  AlertDialogRoot as AlertDialog,
-  AlertDialogTrigger,
-  AlertDialogContent,
-  AlertDialogTitle,
-  AlertDialogDescription,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogOverlay,
-  AlertDialogPortal,
-} from 'radix-vue'
-
-export {
-  ProgressRoot as Progress,
-  ProgressIndicator,
-} from 'radix-vue'
-
-export {
-  SliderRoot as Slider,
-  SliderTrack,
-  SliderRange,
-  SliderThumb,
-} from 'radix-vue'
-
-export {
-  CollapsibleRoot as Collapsible,
-  CollapsibleTrigger,
-  CollapsibleContent,
-} from 'radix-vue'
-
-export {
-  ContextMenuRoot as ContextMenu,
-  ContextMenuTrigger,
-  ContextMenuContent,
-  ContextMenuItem,
-  ContextMenuSeparator,
-  ContextMenuLabel,
-  ContextMenuGroup,
-  ContextMenuSub,
-  ContextMenuSubTrigger,
-  ContextMenuSubContent,
-  ContextMenuCheckboxItem,
-  ContextMenuRadioGroup,
-  ContextMenuRadioItem,
-  ContextMenuPortal,
-} from 'radix-vue'
-
-export {
-  MenubarRoot as Menubar,
-  MenubarMenu,
-  MenubarTrigger,
-  MenubarContent,
-  MenubarItem,
-  MenubarSeparator,
-  MenubarPortal,
-} from 'radix-vue'
-
-export {
-  ScrollAreaRoot,
-  ScrollAreaViewport,
-  ScrollAreaScrollbar,
-  ScrollAreaThumb,
-  ScrollAreaCorner,
-} from 'radix-vue'
-
-export {
-  NavigationMenuRoot as NavigationMenu,
-  NavigationMenuList,
-  NavigationMenuItem,
-  NavigationMenuTrigger,
-  NavigationMenuContent,
-  NavigationMenuLink,
-  NavigationMenuViewport,
-  NavigationMenuIndicator,
-} from 'radix-vue'
-
-export {
-  HoverCardRoot as HoverCard,
-  HoverCardTrigger,
-  HoverCardContent,
-  HoverCardPortal,
-} from 'radix-vue'
-
-export {
-  ToggleGroupRoot as ToggleGroup,
-  ToggleGroupItem,
-} from 'radix-vue'
-
-export {
-  PaginationRoot as Pagination,
-  PaginationList,
-  PaginationListItem,
-  PaginationFirst,
-  PaginationPrev,
-  PaginationNext,
-  PaginationLast,
-  PaginationEllipsis,
-} from 'radix-vue'
+// Overlays
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogScrollContent, DialogTitle, DialogTrigger } from './components/ui/dialog'
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from './components/ui/alert-dialog'
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from './components/ui/sheet'
+
+// Data Input
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue } from './components/ui/select'
+export { Label } from './components/ui/label'
+export { Textarea } from './components/ui/textarea'
+export { Switch } from './components/ui/switch'
+export { Checkbox } from './components/ui/checkbox'
+export { RadioGroup, RadioGroupItem } from './components/ui/radio-group'
+export { Slider } from './components/ui/slider'
+
+// Navigation & Menus
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './components/ui/dropdown-menu'
+export { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuSubContent } from './components/ui/context-menu'
+export { Menubar, MenubarContent, MenubarItem, MenubarMenu, MenubarSeparator, MenubarTrigger } from './components/ui/menubar'
+export { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport } from './components/ui/navigation-menu'
+export { Tabs, TabsContent, TabsList, TabsTrigger } from './components/ui/tabs'
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from './components/ui/breadcrumb'
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationLast, PaginationNext, PaginationPrev } from './components/ui/pagination'
+
+// Feedback
+export { Alert, AlertDescription, AlertTitle } from './components/ui/alert'
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './components/ui/tooltip'
+export { Popover, PopoverContent, PopoverTrigger } from './components/ui/popover'
+export { HoverCard, HoverCardContent, HoverCardTrigger } from './components/ui/hover-card'
+export { Progress } from './components/ui/progress'
+
+// Data Display
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './components/ui/table'
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './components/ui/accordion'
+export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './components/ui/collapsible'
+
+// Actions
+export { Toggle } from './components/ui/toggle'
+export { ToggleGroup, ToggleGroupItem } from './components/ui/toggle-group'
+export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from './components/ui/command'
+
+// Form
+export { Form, FormField, FormItem, FormLabel, FormControl, FormDescription, FormMessage } from './components/ui/form'
 
 // External library re-exports
 export { Toaster, toast } from 'vue-sonner'

package/src/patterns/DetailView.vue

@@ -5,14 +5,14 @@
  * Use for: Circle detail, Event detail, Profile, App detail.
  */
 import { type HTMLAttributes } from 'vue'
-import { cn } from '../../lib/utils'
+import { cn } from '../lib/utils'
 
 interface Props {
   title?: string
   subtitle?: string
   class?: HTMLAttributes['class']
 }
-defineProps<Props>()
+const props = defineProps<Props>()
 </script>
 
 <template>

package/src/patterns/EmptyState.vue

@@ -5,14 +5,14 @@
  * Use when a list/section has no data.
  */
 import { type HTMLAttributes } from 'vue'
-import { cn } from '../../lib/utils'
+import { cn } from '../lib/utils'
 
 interface Props {
   title: string
   description?: string
   class?: HTMLAttributes['class']
 }
-defineProps<Props>()
+const props = defineProps<Props>()
 </script>
 
 <template>

package/src/patterns/FormView.vue

@@ -5,14 +5,14 @@
  * Use for: Settings, Profile edit, Create event, etc.
  */
 import { type HTMLAttributes } from 'vue'
-import { cn } from '../../lib/utils'
+import { cn } from '../lib/utils'
 
 interface Props {
   title?: string
   description?: string
   class?: HTMLAttributes['class']
 }
-defineProps<Props>()
+const props = defineProps<Props>()
 const emit = defineEmits<{ submit: [] }>()
 </script>
 

package/src/patterns/ListView.vue

@@ -5,13 +5,13 @@
  * Use for: Circles list, Friends list, Notifications, App Store browse.
  */
 import { type HTMLAttributes } from 'vue'
-import { cn } from '../../lib/utils'
+import { cn } from '../lib/utils'
 
 interface Props {
   title?: string
   class?: HTMLAttributes['class']
 }
-defineProps<Props>()
+const props = defineProps<Props>()
 </script>
 
 <template>

package/tsconfig.json

@@ -1,7 +1,21 @@
 {
-  "extends": "../../tsconfig.json",
   "compilerOptions": {
-    "baseUrl": "."
+    "target": "ES2020",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "strict": true,
+    "jsx": "preserve",
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+    "noEmit": true
   },
-  "include": ["src/**/*.ts", "src/**/*.vue"]
+  "include": ["src/**/*.ts", "src/**/*.vue", "src/env.d.ts"]
 }