daisy-ui-kit 1.0.8 → 2.1.0

package/components/content/Search.vue

@@ -0,0 +1,160 @@
+<script setup lang="ts">
+import { onKeyStroke, useFocus, useMagicKeys } from '@vueuse/core'
+import { useFuse } from '@vueuse/integrations/useFuse'
+
+const search = ref('')
+const { allLinks } = useNav()
+const tags = allLinks.flatMap(item => item.tags)
+const matchingTag = computed(() => {
+  if (search.value.length < 2)
+    return null
+  return tags.find(tag => tag.toLowerCase().startsWith(search.value.toLowerCase()))
+})
+
+// search results and popular results
+const { results } = useFuse(search, allLinks, {
+  fuseOptions: { keys: ['label', 'tags'], includeScore: true, distance: 3 },
+  resultLimit: 12,
+})
+const defaultResults = [
+  'Button',
+  'Menu',
+  'Drawer',
+  'Tabs',
+  'Dropdown',
+].map(label => allLinks.find(item => item.label === label)!).map(item => ({ item }))
+const eitherResults = computed(() => {
+  if (results.value.length === 0)
+    return defaultResults
+  return results.value
+})
+
+// Open menu when searchbox is focused
+const isMenuOpen = ref(false)
+const searchbox = ref()
+const { focused } = useFocus(searchbox)
+watch(focused, (val) => {
+  if (val) {
+    isMenuOpen.value = val
+  }
+  else {
+    setTimeout(() => {
+      isMenuOpen.value = val
+    }, 100)
+  }
+})
+
+// track the highlighted index in the list
+const highlightedIndex = ref(0)
+const highlightedItem = computed(() => {
+  return eitherResults.value[highlightedIndex.value].item
+})
+// when results change, reset the highlighted index
+watch(eitherResults, () => {
+  highlightedIndex.value = 0
+})
+
+// meta|ctrl+k --> focus the searchbox
+const { meta, control } = useMagicKeys()
+onKeyStroke('k', () => {
+  if (meta.value || control.value)
+    focused.value = !focused.value
+})
+
+// escape --> close the list
+onKeyStroke('Escape', () => {
+  if (focused.value) {
+    if (search.value === '') {
+      focused.value = false
+    }
+    else {
+      search.value = ''
+      highlightedIndex.value = 0
+    }
+  }
+})
+
+// menu click --> close the list
+function handleMenuClick() {
+  focused.value = false
+}
+
+// enter --> navigate to highlighted item
+function handleEnter() {
+  navigateTo(highlightedItem.value.to)
+  focused.value = false
+}
+
+// arrow up --> highlighted previous item
+function handleArrowUp() {
+  highlightedIndex.value = Math.max(highlightedIndex.value - 1, 0)
+}
+// arrow down --> highlight next item
+function handleArrowDown() {
+  highlightedIndex.value = Math.min(highlightedIndex.value + 1, eitherResults.value.length - 1)
+}
+</script>
+
+<template>
+  <Dropdown v-model:open="isMenuOpen" close-on-click-outside end>
+    <DropdownTarget class="block relative">
+      <Flex class="absolute z-10 top-0 bottom-0 pointer-events-none items-center pl-2">
+        <Icon name="heroicons-solid:search" class="w-5 h-5 opacity-60" aria-hidden="true" />
+      </Flex>
+      <TextInput
+        id="searchbox"
+        ref="searchbox"
+        v-model="search"
+        placeholder="Search"
+        name="search"
+        bordered
+        class="join-item max-w-[150px] md:max-w-none rounded-xl pl-8"
+        onfocus="this.select()"
+        @keypress.enter="handleEnter"
+        @keydown.arrow-up="handleArrowUp"
+        @keydown.arrow-down="handleArrowDown"
+      />
+      <Flex
+        v-if="!focused" row
+        class="hidden lg:flex items-center flex-nowrap absolute top-0 bottom-0 right-0 pr-2 pointer-events-none opacity-60"
+      >
+        <Kbd xs>cmd</Kbd>
+        <Text xs class="relative bottom-px">
+          +
+        </Text>
+        <Kbd xs>k</Kbd>
+      </Flex>
+    </DropdownTarget>
+    <DropdownContent class="bg-base-100 shadow-xl rounded-xl border border-base-300 mt-2 w-full overflow-y-auto max-h-[75vh]" @click="handleMenuClick">
+      <Menu>
+        <MenuTitle v-if="!search.length">
+          Popular Components
+        </MenuTitle>
+        <MenuTitle v-if="search.length && results.length">
+          Search Results
+        </MenuTitle>
+
+        <MenuItem v-if="search.length && !results.length">
+          <span>No Results Found</span>
+        </MenuItem>
+        <template v-else-if="search.length">
+          <MenuItem v-for="(result, index) in results" :key="result.item.label" :active="index === highlightedIndex">
+            <NuxtLink :to="result.item.to">
+              {{ result.item.label }}
+              <Badge v-if="matchingTag && result.item.tags.includes(matchingTag)" warning sm>
+                {{ matchingTag }}
+              </Badge>
+            </NuxtLink>
+          </MenuItem>
+        </template>
+        <template v-else>
+          <MenuItem v-for="(result, index) in defaultResults" :key="result.item.label" :active="index === highlightedIndex">
+            <NuxtLink :to="result.item.to">
+              {{ result.item.label }}
+            </NuxtLink>
+          </MenuItem>
+        </template>
+      </Menu>
+    </DropdownContent>
+  </Dropdown>
+</template>

package/components/content/Sidebar.vue

@@ -0,0 +1,65 @@
+<script setup>
+const route = useRoute()
+const { docsLinks, actions, dataDisplay, dataInput, layout, navigation, mockup } = useNav()
+
+const drawerState = createDrawerState('docs')
+
+watch(() => route.path, () => {
+  drawerState.isDrawerOpen = false
+})
+</script>
+
+<template>
+  <DrawerSide name="docs" class="border-r border-r-base-300/30 z-50">
+    <!-- Sidebar component, swap this element with another sidebar if you like -->
+    <div class="relative pt-4 menu w-80 bg-base-100 text-base-content">
+      <NuxtLink to="/" class="fixed">
+        <Logo class="ml-8 text-4xl text-base-content" />
+      </NuxtLink>
+
+      <div class="pb-12 pl-2 mt-12 overflow-y-auto">
+        <SidebarMenuSection
+          :links="docsLinks"
+          no-divider
+          class="pt-4"
+        />
+        <SidebarMenuSection
+          title="Actions"
+          title-icon="mdi:cursor-default-click"
+          title-icon-classes="text-fuchsia-600 w-5 h-5"
+          :links="actions"
+        />
+        <SidebarMenuSection
+          title="Data Display"
+          title-icon="ph:app-window-bold"
+          title-icon-classes="text-teal-600 w-5 h-5"
+          :links="dataDisplay"
+        />
+        <SidebarMenuSection
+          title="Data Input"
+          title-icon="material-symbols:edit-square-outline"
+          title-icon-classes="text-red-600 w-5 h-5"
+          :links="dataInput"
+        />
+        <SidebarMenuSection
+          title="Layout"
+          title-icon="ic:round-grid-view"
+          title-icon-classes="text-blue-600 w-5 h-5"
+          :links="layout"
+        />
+        <SidebarMenuSection
+          title="Navigation"
+          title-icon="mdi:link-variant"
+          title-icon-classes="text-cyan-600 w-5 h-5"
+          :links="navigation"
+        />
+        <SidebarMenuSection
+          title="Mockup"
+          title-icon="icon-park-outline:iphone"
+          title-icon-classes="text-lime-600 w-5 h-5"
+          :links="mockup"
+        />
+      </div>
+    </div>
+  </DrawerSide>
+</template>

package/components/{SidebarMenuSection.vue → content/SidebarMenuSection.vue}

@@ -4,16 +4,22 @@ interface Link {
   to: string
   pending: boolean
   pendingDocs: boolean
+  icon?: string
 }
 defineProps<{
-  title: string
+  title?: string
+  titleIcon?: string
+  titleIconClasses?: string
   links: Link[]
+  noDivider?: boolean
 }>()
 </script>
 
 <template>
-  <Menu compact class="p-2 mt-2">
-    <MenuTitle class="text-sm">
+  <Menu>
+    <li v-if="!noDivider" />
+    <MenuTitle v-if="titleIcon || title" class="flex flex-row items-center gap-3">
+      <Icon v-if="titleIcon" :name="titleIcon as string" :class="titleIconClasses as string" />
       {{ title }}
     </MenuTitle>
 
@@ -23,11 +29,10 @@ defineProps<{
       :class="{ 'opacity-30': link.pending }"
     >
       <NuxtLink :to="link.to" exact-active-class="active">
+        <Icon v-if="link.icon" :name="link.icon" class="w-5 h-5 mr-1" />
         {{ link.label }}
-        <Icon v-if="link.pendingDocs" name="feather/file-text" class="ml-2" />
+        <Icon v-if="link.pendingDocs" name="feather:file-text" class="ml-2" />
       </NuxtLink>
     </MenuItem>
   </Menu>
-
-  <hr class="opacity-10">
 </template>

package/components/content/TableOfContents.vue

@@ -0,0 +1,80 @@
+<script setup lang="ts">
+const { toc, page } = useContent()
+const pageRoute = useRoute()
+
+function checkActive(hash: string) {
+  return pageRoute.hash === hash ? 'active' : null
+}
+
+function toTop() {
+  window.scrollTo({
+    top: 0,
+    behavior: 'smooth',
+  })
+  setTimeout(() => {
+    window.location.hash = ''
+  }, 600)
+}
+
+function toBottom() {
+  window.scrollTo({
+    top: document.body.scrollHeight,
+    behavior: 'smooth',
+  })
+}
+</script>
+
+<template>
+  <Flex col>
+    <Menu v-if="toc?.links?.length" class="menu-sm md:menu-xs xl:menu-sm">
+      <MenuTitle>Table of Contents</MenuTitle>
+      <MenuItem>
+        <NuxtLink href="#" custom>
+          <template #default="{ route }">
+            <a
+              class="flex flex-row items-center justify-between font-semibold bg-neutral/30"
+              :class="checkActive(route.hash)"
+              @click="toTop"
+            >
+              {{ page.title }}
+              <Icon name="feather:arrow-up" class="text-base" />
+            </a>
+          </template>
+        </NuxtLink>
+      </MenuItem>
+      <Menu>
+        <MenuItem v-for="item in toc.links" :key="item.id">
+          <NuxtLink :href="`#${item.id}`" custom>
+            <template #default="{ route, navigate }">
+              <a :class="checkActive(route.hash)" @click="navigate">
+                {{ item.text }}
+              </a>
+            </template>
+          </NuxtLink>
+          <Menu v-if="item.children?.length">
+            <MenuItem v-for="child in item.children" :key="child.id">
+              <NuxtLink :href="`#${child.id}`" custom>
+                <template #default="{ route, navigate }">
+                  <a :class="checkActive(route.hash)" @click="navigate">
+                    {{ child.text }}
+                  </a>
+                </template>
+              </NuxtLink>
+            </MenuItem>
+          </Menu>
+        </MenuItem>
+        <MenuItem>
+          <a
+            class="flex flex-row items-center justify-between hover:bg-accent/25 mt-6"
+            @click="toBottom"
+          >
+            scroll to bottom
+            <Icon name="feather:arrow-down" class="text-base" />
+
+          </a>
+        </MenuItem>
+      </Menu>
+    </Menu>
+    <!-- <pre class="text-xs">{{ page }}</pre> -->
+  </Flex>
+</template>

package/components/content/TypeBadge.vue

@@ -0,0 +1,17 @@
+<script setup lang="ts">
+const props = defineProps<{
+  text: string
+}>()
+
+const color = computed(() => {
+  if (props.text === 'boolean')
+    return 'info'
+  return 'warning'
+})
+</script>
+
+<template>
+  <Badge :color="color">
+    {{ text }}
+  </Badge>
+</template>

package/components/theme/Picker.vue

@@ -18,8 +18,8 @@ onClickOutside(container, () => popper.hide())
 
 <template>
   <div ref="container">
-    <Button ref="theButton" primary sm class="md:btn-ghost" @click="popper.toggle">
-      <Icon name="feather/sun" class="text-base" />
+    <Button ref="theButton" square class="md:btn-ghost" @click="popper.toggle">
+      <Icon name="feather:sun" class="text-base w-5 h-5" />
     </Button>
 
     <div ref="thePopup">

package/components/theme/Preview.vue

@@ -405,7 +405,7 @@
                 <div class="flex justify-end mt-4">
                   <a
                     target="blank"
-                    href="https://daisyui.com/components/button-group"
+                    href="https://daisyui.com/components/join"
                     class="btn btn-primary btn-sm xl:btn-md"
                   >
                     See component

package/components/theme/theme-utils.ts

@@ -26,14 +26,18 @@ export function hexToHSL(H: string) {
   let s = 0
   let l = 0
 
-  if (delta == 0) h = 0
-  else if (cmax == r) h = ((g - b) / delta) % 6
-  else if (cmax == g) h = (b - r) / delta + 2
+  if (delta == 0)
+    h = 0
+  else if (cmax == r)
+    h = ((g - b) / delta) % 6
+  else if (cmax == g)
+    h = (b - r) / delta + 2
   else h = (r - g) / delta + 4
 
   h = Math.round(h * 60)
 
-  if (h < 0) h += 360
+  if (h < 0)
+    h += 360
 
   l = (cmax + cmin) / 2
   s = delta == 0 ? 0 : delta / (1 - Math.abs(2 * l - 1))
@@ -106,6 +110,13 @@ export const defaultThemes: Theme[] = [
   { name: 'luxury', isDefault: true, config: {} },
   { name: 'dracula', isDefault: true, config: {} },
   { name: 'cmyk', isDefault: true, config: {} },
+  { name: 'autumn', isDefault: true, config: {} },
+  { name: 'business', isDefault: true, config: {} },
+  { name: 'acid', isDefault: true, config: {} },
+  { name: 'lemonade', isDefault: true, config: {} },
+  { name: 'night', isDefault: true, config: {} },
+  { name: 'coffee', isDefault: true, config: {} },
+  { name: 'winter', isDefault: true, config: {} },
 ]
 
 export function hslToHex([h, s, l]: number[]) {

package/index.ts

@@ -1,96 +1,105 @@
-export { default as DaisyAlert } from './components/Alert.vue'
-export { default as DaisyArtboard } from './components/Artboard.vue'
-export { default as DaisyAvatar } from './components/Avatar.vue'
-export { default as DaisyAvatarGroup } from './components/AvatarGroup.vue'
-export { default as DaisyBadge } from './components/Badge.vue'
-export { default as DaisyBottomNav } from './components/BottomNav.vue'
-export { default as DaisyBreadcrumbs } from './components/Breadcrumbs.vue'
-export { default as DaisyButton } from './components/Button.vue'
-export { default as DaisyButtonGroup } from './components/ButtonGroup.vue'
-export { default as DaisyCard } from './components/Card.vue'
-export { default as DaisyCardActions } from './components/CardActions.vue'
-export { default as DaisyCardBody } from './components/CardBody.vue'
-export { default as DaisyCardTitle } from './components/CardTitle.vue'
-export { default as DaisyCarousel } from './components/Carousel.vue'
-export { default as DaisyCarouselItem } from './components/CarouselItem.vue'
-export { default as DaisyCheckbox } from './components/Checkbox.vue'
-// export { default as DaisyCode } from './components/Code.vue'
-export { default as DaisyCodePreview } from './components/CodePreview.vue'
-export { default as DaisyCodeWrapper } from './components/CodeWrapper.vue'
-export { default as DaisyCollapse } from './components/Collapse.vue'
-export { default as DaisyCollapseContent } from './components/CollapseContent.vue'
-export { default as DaisyCollapseTitle } from './components/CollapseTitle.vue'
-export { default as DaisyCountdown } from './components/Countdown.vue'
-export { default as DaisyCountdownTimers } from './components/CountdownTimers.vue'
-export { default as DaisyCounter } from './components/Counter.vue'
-export { default as DaisyCrumb } from './components/Crumb.vue'
-export { default as DaisyDemoElement } from './components/DemoElement.vue'
-export { default as DaisyDemoExample } from './components/DemoExample.vue'
-export { default as DaisyDivider } from './components/Divider.vue'
-export { default as DaisyDrawer } from './components/Drawer.vue'
-export { default as DaisyDrawerLayout } from './components/DrawerLayout.vue'
-export { default as DaisyDrawerLayoutContent } from './components/DrawerLayoutContent.vue'
-export { default as DaisyDropdown } from './components/Dropdown.vue'
-export { default as DaisyDropdownContent } from './components/DropdownContent.vue'
-export { default as DaisyFlex } from './components/Flex.vue'
-export { default as DaisyFlexItem } from './components/FlexItem.vue'
-export { default as DaisyFooter } from './components/Footer.vue'
-export { default as DaisyFooterTitle } from './components/FooterTitle.vue'
-export { default as DaisyFormControl } from './components/FormControl.vue'
-export { default as DaisyHero } from './components/Hero.vue'
-export { default as DaisyHeroContent } from './components/HeroContent.vue'
-export { default as DaisyHeroOverlay } from './components/HeroOverlay.vue'
-export { default as DaisyIndicator } from './components/Indicator.vue'
-export { default as DaisyIndicatorItem } from './components/IndicatorItem.vue'
-export { default as DaisyInputGroup } from './components/InputGroup.vue'
-export { default as DaisyKbd } from './components/Kbd.vue'
-export { default as DaisyLabel } from './components/Label.vue'
-export { default as DaisyLabelText } from './components/LabelText.vue'
-export { default as DaisyLabelTextAlt } from './components/LabelTextAlt.vue'
-export { default as DaisyLink } from './components/Link.vue'
-export { default as DaisyMask } from './components/Mask.vue'
-export { default as DaisyMenu } from './components/Menu.vue'
-export { default as DaisyMenuItem } from './components/MenuItem.vue'
-export { default as DaisyMenuTitle } from './components/MenuTitle.vue'
-export { default as DaisyMockupCode } from './components/MockupCode.vue'
-export { default as DaisyModal } from './components/Modal.vue'
-export { default as DaisyModalAction } from './components/ModalAction.vue'
-export { default as DaisyModalBox } from './components/ModalBox.vue'
-export { default as DaisyModalWrapper } from './components/ModalWrapper.vue'
-export { default as DaisyNavbar } from './components/Navbar.vue'
-export { default as DaisyNavbarCenter } from './components/NavbarCenter.vue'
-export { default as DaisyNavbarEnd } from './components/NavbarEnd.vue'
-export { default as DaisyNavbarStart } from './components/NavbarStart.vue'
-export { default as DaisyNavButton } from './components/NavButton.vue'
-export { default as DaisyPhone } from './components/Phone.vue'
-export { default as DaisyProgress } from './components/Progress.vue'
-export { default as DaisyProse } from './components/Prose.vue'
-export { default as DaisyRadialProgress } from './components/RadialProgress.vue'
-export { default as DaisyRadio } from './components/Radio.vue'
-export { default as DaisyRadioGroup } from './components/RadioGroup.vue'
-export { default as DaisyRange } from './components/Range.vue'
-export { default as DaisyRangeMeasure } from './components/RangeMeasure.vue'
-export { default as DaisyRating } from './components/Rating.vue'
-export { default as DaisySelect } from './components/Select.vue'
-export { default as DaisyStack } from './components/Stack.vue'
-export { default as DaisyStat } from './components/Stat.vue'
-export { default as DaisyStatActions } from './components/StatActions.vue'
-export { default as DaisyStatDesc } from './components/StatDesc.vue'
-export { default as DaisyStatFigure } from './components/StatFigure.vue'
-export { default as DaisyStats } from './components/Stats.vue'
-export { default as DaisyStatTitle } from './components/StatTitle.vue'
-export { default as DaisyStatValue } from './components/StatValue.vue'
-export { default as DaisyStep } from './components/Step.vue'
-export { default as DaisySteps } from './components/Steps.vue'
-export { default as DaisySwap } from './components/Swap.vue'
-export { default as DaisyTab } from './components/Tab.vue'
-export { default as DaisyTabContent } from './components/TabContent.vue'
-export { default as DaisyTabs } from './components/Tabs.vue'
-export { default as DaisyTabsManager } from './components/TabsManager.vue'
-export { default as DaisyText } from './components/Text.vue'
-export { default as DaisyTextArea } from './components/TextArea.vue'
-export { default as DaisyTextInput } from './components/TextInput.vue'
-export { default as DaisyToast } from './components/Toast.vue'
-export { default as DaisyToggle } from './components/Toggle.vue'
-export { default as DaisyTooltip } from './components/Tooltip.vue'
-export { default as DaisyWindow } from './components/Window.vue'
+export { default as Accordion } from './components/Accordion.vue'
+export { default as Alert } from './components/Alert.vue'
+export { default as Artboard } from './components/Artboard.vue'
+export { default as Avatar } from './components/Avatar.vue'
+export { default as AvatarGroup } from './components/AvatarGroup.vue'
+export { default as Badge } from './components/Badge.vue'
+export { default as BottomNav } from './components/BottomNav.vue'
+export { default as Breadcrumbs } from './components/Breadcrumbs.vue'
+export { default as Button } from './components/Button.vue'
+export { default as Card } from './components/Card.vue'
+export { default as CardActions } from './components/CardActions.vue'
+export { default as CardBody } from './components/CardBody.vue'
+export { default as CardTitle } from './components/CardTitle.vue'
+export { default as Carousel } from './components/Carousel.vue'
+export { default as CarouselItem } from './components/CarouselItem.vue'
+export { default as Chat } from './components/Chat.vue'
+export { default as ChatBubble } from './components/ChatBubble.vue'
+export { default as ChatFooter } from './components/ChatFooter.vue'
+export { default as ChatHeader } from './components/ChatHeader.vue'
+export { default as ChatImage } from './components/ChatImage.vue'
+export { default as Checkbox } from './components/Checkbox.vue'
+export { default as Code } from './components/Code.vue'
+export { default as CodeWrapper } from './components/CodeWrapper.vue'
+export { default as Collapse } from './components/Collapse.vue'
+export { default as CollapseContent } from './components/CollapseContent.vue'
+export { default as CollapseTitle } from './components/CollapseTitle.vue'
+export { default as Countdown } from './components/Countdown.vue'
+export { default as CountdownTimers } from './components/CountdownTimers.vue'
+export { default as Counter } from './components/Counter.vue'
+export { default as Crumb } from './components/Crumb.vue'
+export { default as Divider } from './components/Divider.vue'
+export { default as Drawer } from './components/Drawer.vue'
+export { default as DrawerContent } from './components/DrawerContent.vue'
+export { default as DrawerSide } from './components/DrawerSide.vue'
+export { default as Dropdown } from './components/Dropdown.vue'
+export { default as DropdownContent } from './components/DropdownContent.vue'
+export { default as DropdownTarget } from './components/DropdownTarget.vue'
+export { default as FileInput } from './components/FileInput.vue'
+export { default as Flex } from './components/Flex.vue'
+export { default as FlexItem } from './components/FlexItem.vue'
+export { default as Footer } from './components/Footer.vue'
+export { default as FooterTitle } from './components/FooterTitle.vue'
+export { default as FormControl } from './components/FormControl.vue'
+export { default as Hero } from './components/Hero.vue'
+export { default as HeroContent } from './components/HeroContent.vue'
+export { default as HeroOverlay } from './components/HeroOverlay.vue'
+export { default as Indicator } from './components/Indicator.vue'
+export { default as IndicatorItem } from './components/IndicatorItem.vue'
+export { default as Join } from './components/Join.vue'
+export { default as Kbd } from './components/Kbd.vue'
+export { default as Label } from './components/Label.vue'
+export { default as LabelText } from './components/LabelText.vue'
+export { default as LabelTextAlt } from './components/LabelTextAlt.vue'
+export { default as Link } from './components/Link.vue'
+export { default as LoadingBall } from './components/LoadingBall.vue'
+export { default as LoadingBars } from './components/LoadingBars.vue'
+export { default as LoadingDots } from './components/LoadingDots.vue'
+export { default as LoadingInfinity } from './components/LoadingInfinity.vue'
+export { default as LoadingRing } from './components/LoadingRing.vue'
+export { default as LoadingSpinner } from './components/LoadingSpinner.vue'
+export { default as Mask } from './components/Mask.vue'
+export { default as Menu } from './components/Menu.vue'
+export { default as MenuItem } from './components/MenuItem.vue'
+export { default as MenuTitle } from './components/MenuTitle.vue'
+export { default as MockupCode } from './components/MockupCode.vue'
+export { default as Modal } from './components/Modal.vue'
+export { default as ModalAction } from './components/ModalAction.vue'
+export { default as ModalBox } from './components/ModalBox.vue'
+export { default as Navbar } from './components/Navbar.vue'
+export { default as NavbarCenter } from './components/NavbarCenter.vue'
+export { default as NavbarEnd } from './components/NavbarEnd.vue'
+export { default as NavbarStart } from './components/NavbarStart.vue'
+export { default as NavButton } from './components/NavButton.vue'
+export { default as Phone } from './components/Phone.vue'
+export { default as Progress } from './components/Progress.vue'
+export { default as Prose } from './components/Prose.vue'
+export { default as RadialProgress } from './components/RadialProgress.vue'
+export { default as Radio } from './components/Radio.vue'
+export { default as RadioGroup } from './components/RadioGroup.vue'
+export { default as Range } from './components/Range.vue'
+export { default as RangeMeasure } from './components/RangeMeasure.vue'
+export { default as Rating } from './components/Rating.vue'
+export { default as Select } from './components/Select.vue'
+export { default as Stack } from './components/Stack.vue'
+export { default as Stat } from './components/Stat.vue'
+export { default as StatActions } from './components/StatActions.vue'
+export { default as StatDesc } from './components/StatDesc.vue'
+export { default as StatFigure } from './components/StatFigure.vue'
+export { default as Stats } from './components/Stats.vue'
+export { default as StatTitle } from './components/StatTitle.vue'
+export { default as StatValue } from './components/StatValue.vue'
+export { default as Step } from './components/Step.vue'
+export { default as Steps } from './components/Steps.vue'
+export { default as Swap } from './components/Swap.vue'
+export { default as Tab } from './components/Tab.vue'
+export { default as TabContent } from './components/TabContent.vue'
+export { default as Tabs } from './components/Tabs.vue'
+export { default as TabsManager } from './components/TabsManager.vue'
+export { default as Text } from './components/Text.vue'
+export { default as TextArea } from './components/TextArea.vue'
+export { default as TextInput } from './components/TextInput.vue'
+export { default as Toast } from './components/Toast.vue'
+export { default as Toggle } from './components/Toggle.vue'
+export { default as Tooltip } from './components/Tooltip.vue'
+export { default as Window } from './components/Window.vue'