Multiple Entry Points

documentation/src/App.vue

@@ -4,9 +4,9 @@ import { useRoute } from 'vue-router'
 import { RouterLink, RouterView } from 'vue-router'
 import { CollapsibleRoot } from 'radix-vue'
 import router from './router'
+import { Button } from '@sethsharp/lumuix/button'
+import { LumuixModeToggle } from '@sethsharp/lumuix/lumuix'
 import {
-  LumuixModeToggle,
-  Button,
   SidebarProvider,
   Sidebar,
   SidebarContent,
@@ -20,7 +20,7 @@ import {
   SidebarMenuSub,
   SidebarMenuSubItem,
   SidebarTrigger,
-} from '@sethsharp/lumuix'
+} from '@sethsharp/lumuix/sidebar'
 
 const route = useRoute()
 const currentRoute = computed(() => route.path)

documentation/src/components/Code.vue

@@ -3,7 +3,7 @@ import { codeToHtml } from 'shiki'
 import { onMounted, ref } from 'vue'
 import { useClipboard } from '@vueuse/core'
 import { Clipboard } from 'lucide-vue-next'
-import { Button } from '@sethsharp/lumuix'
+import { Button } from '@sethsharp/lumuix/button'
 
 const props = withDefaults(
   defineProps<{

documentation/src/components/RenderPreviewCode.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { Eye, Code2 } from 'lucide-vue-next'
-import { TabsContent, TabsList, TabsRoot, TabsTrigger } from '@sethsharp/lumuix'
+import { TabsContent, TabsList, TabsRoot, TabsTrigger } from '@sethsharp/lumuix/tabs'
 import Code from '@/components/Code.vue'
 
-const props = withDefaults(
+withDefaults(
   defineProps<{
     sourceCode: string
     lang: string

documentation/src/layouts/ComponentLayout.vue

@@ -2,12 +2,12 @@
 import { MoveRight } from 'lucide-vue-next'
 import MainLayout from './MainLayout.vue'
 import {
-  Button,
   BreadcrumbItem,
   BreadcrumbLink,
   BreadcrumbList,
   BreadcrumbSeparator,
-} from '@sethsharp/lumuix'
+} from '@sethsharp/lumuix/breadcrumb'
+import { Button } from '@sethsharp/lumuix/button'
 
 defineProps<{
   title: string

documentation/src/views/Home.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Button } from '@sethsharp/lumuix'
+import { Button } from '@sethsharp/lumuix/button'
 </script>
 
 <template>

documentation/src/views/code/ComboboxCode.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { Check, Search } from 'lucide-vue-next'
-import { Combobox, ComboboxAnchor, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxList } from '@sethsharp/lumuix'
 import { ref, watch } from 'vue'
+import { Check, Search } from 'lucide-vue-next'
+import { Combobox, ComboboxAnchor, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxList } from '@sethsharp/lumuix/combobox'
 
 const frameworks = [
   { value: 'next.js', label: 'Next.js' },

documentation/src/views/code/PaginationCode.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue'
+import { Button } from '@sethsharp/lumuix/button'
 import {
-  Button,
   Pagination,
   PaginationEllipsis,
   PaginationFirst,
@@ -10,7 +10,7 @@ import {
   PaginationNext,
   PaginationPrev,
   PaginationDetails,
-} from '@sethsharp/lumuix'
+} from '@sethsharp/lumuix/pagination'
 import { Link } from '@inertiajs/vue3'
 
 const paginatedData = {

documentation/src/views/components/Accordion.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@sethsharp/lumuix'
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@sethsharp/lumuix/accordion'
 </script>
 
 <template>

documentation/src/views/components/Badge.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Badge } from '@sethsharp/lumuix'
+import { Badge } from '@sethsharp/lumuix/badge'
 
 const variants = ['primary', 'secondary', 'destructive', 'warning'] as const
 const sizes = ['xs', 'sm', 'md', 'lg'] as const

documentation/src/views/components/Breadcrumbs.vue

@@ -7,11 +7,13 @@ import {
   BreadcrumbList,
   BreadcrumbPage,
   BreadcrumbSeparator,
+} from '@sethsharp/lumuix/breadcrumb'
+import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-} from '@sethsharp/lumuix'
+} from '@sethsharp/lumuix/dropdown-menu'
 </script>
 
 <template>

documentation/src/views/components/Button.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Button } from '@sethsharp/lumuix'
+import { Button } from '@sethsharp/lumuix/button'
 </script>
 
 <template>

documentation/src/views/components/Calendar.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { type Ref, ref } from 'vue'
 import { type DateValue, getLocalTimeZone, today } from '@internationalized/date'
-import { Calendar } from '@sethsharp/lumuix'
+import { Calendar } from '@sethsharp/lumuix/calendar'
 
 const value = ref(today(getLocalTimeZone())) as Ref<DateValue>
 </script>

documentation/src/views/components/Card.vue

@@ -1,20 +1,15 @@
 <script setup lang="ts">
+import { Button } from '@sethsharp/lumuix/button'
 import {
-  Label,
-  Input,
-  Button,
   Card,
   CardContent,
   CardDescription,
   CardFooter,
   CardHeader,
   CardTitle,
-  SelectRoot,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from '@sethsharp/lumuix'
+} from '@sethsharp/lumuix/card'
+import { Label } from '@sethsharp/lumuix/form'
+import { Input } from '@sethsharp/lumuix/inputs'
 </script>
 
 <template>

documentation/src/views/components/Command.vue

@@ -9,7 +9,7 @@ import {
   CommandList,
   CommandSeparator,
   CommandShortcut,
-} from '@sethsharp/lumuix'
+} from '@sethsharp/lumuix/command'
 </script>
 
 <template>

documentation/src/views/components/Dialog.vue

@@ -1,16 +1,16 @@
 <script setup lang="ts">
+import { Label } from '@sethsharp/lumuix/form'
+import { Input } from '@sethsharp/lumuix/inputs'
+import { Button } from '@sethsharp/lumuix/button'
 import {
-  Label,
-  Input,
-  Button,
   Dialog,
   DialogContent,
   DialogDescription,
   DialogFooter,
   DialogHeader,
   DialogTitle,
   DialogTrigger,
-} from '@sethsharp/lumuix'
+} from '@sethsharp/lumuix/dialog'
 </script>
 
 <template>

documentation/src/views/components/DropdownMenu.vue

@@ -15,9 +15,8 @@ import {
   UserPlus,
   Users,
 } from 'lucide-vue-next'
-
+import { Button } from '@sethsharp/lumuix/button'
 import {
-  Button,
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuGroup,
@@ -30,7 +29,7 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
-} from '@sethsharp/lumuix'
+} from '@sethsharp/lumuix/dropdown-menu'
 </script>
 
 <template>

documentation/src/views/components/Inputs.vue

@@ -8,7 +8,7 @@ import {
   Input,
   TextArea,
   Toggle,
-} from '@sethsharp/lumuix'
+} from '@sethsharp/lumuix/inputs'
 
 const checkboxValue = ref(true)
 

documentation/src/views/components/Lumuix.vue

@@ -2,13 +2,13 @@
 import { computed, ref } from 'vue'
 import { Link } from '@inertiajs/vue3'
 import { House, Users, Banknote } from 'lucide-vue-next'
+import { Button } from '@sethsharp/lumuix/button'
 import {
-  Button,
   LumuixModeToggle,
   LumuixDatatable,
   LumuixModal,
   LumuixTabs,
-} from '@sethsharp/lumuix'
+} from '@sethsharp/lumuix/lumuix'
 
 const dataTableConfig = computed(() => ({
   headers: [

documentation/src/views/components/Popover.vue

@@ -1,5 +1,8 @@
 <script setup lang="ts">
-import { Popover, PopoverContent, PopoverTrigger, Button, Input, Label } from '@sethsharp/lumuix'
+import { Label } from '@sethsharp/lumuix/form'
+import { Input } from '@sethsharp/lumuix/inputs'
+import { Button } from '@sethsharp/lumuix/button'
+import { Popover, PopoverContent, PopoverTrigger } from '@sethsharp/lumuix/popover'
 </script>
 
 <template>

documentation/src/views/components/RangeCalendar.vue

@@ -2,7 +2,7 @@
 import { type Ref, ref } from 'vue'
 import type { DateRange } from 'radix-vue'
 import { getLocalTimeZone, today } from '@internationalized/date'
-import { RangeCalendar } from '@sethsharp/lumuix'
+import { RangeCalendar } from '@sethsharp/lumuix/range-calendar'
 
 const start = today(getLocalTimeZone())
 const end = start.add({ days: 7 })

documentation/src/views/components/Select.vue

@@ -7,7 +7,7 @@ import {
   SelectLabel,
   SelectTrigger,
   SelectValue,
-} from '@sethsharp/lumuix'
+} from '@sethsharp/lumuix/select'
 </script>
 
 <template>

documentation/src/views/components/Separator.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Separator } from '@sethsharp/lumuix'
+import { Separator } from '@sethsharp/lumuix/separator'
 </script>
 
 <template>

documentation/src/views/components/Sheet.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import { Label} from '@sethsharp/lumuix/form'
+import { Input } from '@sethsharp/lumuix/inputs'
+import { Button } from '@sethsharp/lumuix/button'
 import {
-  Button,
-  Input,
-  Label,
   Sheet,
   SheetClose,
   SheetContent,
@@ -11,7 +11,7 @@ import {
   SheetHeader,
   SheetTitle,
   SheetTrigger,
-} from '@sethsharp/lumuix'
+} from '@sethsharp/lumuix/sheet'
 </script>
 
 <template>

documentation/src/views/components/Sidebar.vue

@@ -12,11 +12,13 @@ import {
   SidebarMenu,
   SidebarGroupContent,
   SidebarGroupLabel,
+} from '@sethsharp/lumuix/sidebar'
+import {
   DropdownMenu,
   DropdownMenuTrigger,
   DropdownMenuContent,
   DropdownMenuItem,
-} from '@sethsharp/lumuix'
+} from '@sethsharp/lumuix/dropdown-menu'
 
 const projects = [
   {

documentation/src/views/components/Skeleton.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Skeleton } from '@sethsharp/lumuix'
+import { Skeleton } from '@sethsharp/lumuix/skeleton'
 </script>
 
 <template>

documentation/src/views/components/Slider.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue'
-import { Slider } from '@sethsharp/lumuix'
+import { Slider } from '@sethsharp/lumuix/slider'
 
 const modelValue = ref([50])
 </script>

documentation/src/views/components/Table.vue

@@ -7,7 +7,7 @@ import {
   TableHead,
   TableHeader,
   TableRow,
-} from '@sethsharp/lumuix'
+} from '@sethsharp/lumuix/table'
 
 const invoices = [
   {

documentation/src/views/components/Tabs.vue

@@ -1,19 +1,21 @@
 <script setup lang="ts">
 import {
-  Label,
-  Input,
-  Button,
   TabsRoot,
   TabsContent,
   TabsList,
   TabsTrigger,
+} from '@sethsharp/lumuix/tabs'
+import { Label } from '@sethsharp/lumuix/form'
+import { Input } from '@sethsharp/lumuix/inputs'
+import { Button } from '@sethsharp/lumuix/button'
+import {
   Card,
   CardContent,
   CardDescription,
   CardFooter,
   CardHeader,
   CardTitle,
-} from '@sethsharp/lumuix'
+} from '@sethsharp/lumuix/card'
 </script>
 
 <template>

documentation/src/views/components/Toast.vue

@@ -2,7 +2,8 @@
 import { h } from 'vue'
 import { CircleCheckIcon, XCircle } from 'lucide-vue-next'
 import MainLayout from '../../layouts/MainLayout.vue'
-import { Toaster, useToast, ToastAction, Button } from '@sethsharp/lumuix'
+import { Button } from '@sethsharp/lumuix/button'
+import { Toaster, useToast, ToastAction } from '@sethsharp/lumuix/toast'
 
 const { toast } = useToast()
 

documentation/src/views/components/ToolTip.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { Button, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@sethsharp/lumuix'
+import { Button } from '@sethsharp/lumuix/button'
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@sethsharp/lumuix/tooltip'
 </script>
 
 <template>