daisy-ui-kit 3.0.12 → 5.0.0-pre.3

package/components/Tooltip.vue

@@ -1,47 +0,0 @@
-<script setup lang="ts">
-import { computed } from 'vue'
-
-const props = defineProps<{
-  tip?: string | number
-  open?: boolean
-
-  color?: string
-  neutral?: boolean
-  primary?: boolean
-  secondary?: boolean
-  accent?: boolean
-  info?: boolean
-  success?: boolean
-  warning?: boolean
-  error?: boolean
-
-  position?: 'top' | 'right' | 'bottom' | 'left'
-  top?: boolean
-  right?: boolean
-  bottom?: boolean
-  left?: boolean
-}>()
-const classes = computed(() => {
-  return {
-    'tooltip-open': props.open,
-    'tooltip-top': props.top || props.position === 'top',
-    'tooltip-bottom': props.bottom || props.position === 'bottom',
-    'tooltip-left': props.left || props.position === 'left',
-    'tooltip-right': props.right || props.position === 'right',
-    'tooltip-primary': props.primary || props.color === 'primary',
-    'tooltip-secondary': props.secondary || props.color === 'secondary',
-    'tooltip-neutral': props.neutral || props.color === 'neutral',
-    'tooltip-accent': props.accent || props.color === 'accent',
-    'tooltip-info': props.info || props.color === 'info',
-    'tooltip-success': props.success || props.color === 'success',
-    'tooltip-warning': props.warning || props.color === 'warning',
-    'tooltip-error': props.error || props.color === 'error',
-  }
-})
-</script>
-
-<template>
-  <div :data-tip="tip" class="tooltip" :class="classes">
-    <slot />
-  </div>
-</template>

package/index.ts

@@ -1,108 +0,0 @@
-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 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 DropdownButton } from './components/DropdownButton.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 MenuExpand } from './components/MenuExpand.vue'
-export { default as MenuExpandToggle } from './components/MenuExpandToggle.vue'
-export { default as MockupCode } from './components/MockupCode.vue'
-export { default as MockupBrowser } from './components/MockupBrowser.vue'
-export { default as MockupBrowserToolbar } from './components/MockupBrowserToolbar.vue'
-export { default as MockupPhone } from './components/MockupPhone.vue'
-export { default as MockupWindow } from './components/MockupWindow.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 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'

package/nuxt.js

@@ -1,22 +0,0 @@
-import { fileURLToPath } from 'node:url'
-import { defineNuxtModule } from '@nuxt/kit'
-
-export default defineNuxtModule({
-  meta: {
-    name: 'daisy-ui-kit',
-    configKey: 'daisy',
-  },
-  defaults: {
-    prefix: '',
-  },
-  setup(moduleOptions, nuxt) {
-    const { prefix } = moduleOptions
-
-    nuxt.hook('components:dirs', (dirs) => {
-      dirs.push({
-        path: fileURLToPath(new URL('./components', import.meta.url)),
-        prefix,
-      })
-    })
-  },
-})

package/utils/-utils.ts

@@ -1,41 +0,0 @@
-import { computed } from 'vue'
-
-interface MakeExclusiveClassOptions {
-  props: Record<string, any>
-  prefix: string
-  prop: string
-  propList: string[]
-  defaultVal?: string
-}
-/**
- * Creates a className for the provided `prop` name  and checks that multiple are not enabled.
- * @param prefix will be added to all classes that do not begin with `-`. For those that do, the `-` will be stripped.
- * @param prop
- * @param propList
- * @param defaultVal
- */
-export function makeExclusiveClass({
-  props,
-  prefix,
-  prop,
-  propList,
-  defaultVal = '',
-}: MakeExclusiveClassOptions) {
-  return computed(() => {
-    const active = propList.filter((v: string) => props[v.replace('-', '')])
-    if (active.length > 1) {
-      throw new Error(
-        `only one ${prop} can be enabled at a time. Current are ${active}`
-      )
-    }
-    const current = active[0] || ''
-    const _prefix = current.startsWith('-') ? '' : prefix
-    return current ? `${_prefix}${current.replace('-', '') || defaultVal}` : ''
-  })
-}
-
-export function makeIndividualClass({ props, prefix, prop }) {
-  return computed(() => {
-    return props[prop] ? `${prefix}${prop}` : ''
-  })
-}

package/utils/Button.config.ts

@@ -1,26 +0,0 @@
-export * from './-utils'
-
-/**
- * Converts a list of prop names to an object of Booleans. Can be spread into props.
- * @param propList list of prop names to become booleans
- */
-export function toProps(propList: string[]): Record<string, boolean> {
-  return propList.reduce((all: Record<string, any>, current: string) => {
-    all[current.replace('-', '')] = Boolean
-    return all
-  }, {})
-}
-
-export const directionVariants = ['top', 'bottom', 'left', 'right']
-export const colorVariants = ['neutral', 'primary', 'secondary', 'accent']
-export const stateVariants = ['info', 'success', 'warning', 'error']
-export const allColorVariants = [...colorVariants, ...stateVariants]
-export const variants = [
-  ...colorVariants,
-  ...stateVariants,
-  'ghost',
-  'link',
-  'glass',
-]
-export const sizes = ['xs', 'sm', 'md', 'lg']
-export const shapes = ['circle', 'square']

package/utils/drawer-utils.ts

@@ -1,32 +0,0 @@
-import { reactive } from 'vue'
-
-export interface DrawerState {
-  name: string
-  isDrawerOpen: boolean
-  openDrawer: () => void
-  closeDrawer: () => void
-  toggleDrawer: () => void
-}
-export interface Drawers {
-  [key: string]: DrawerState
-}
-
-export const drawers = reactive<Drawers>({})
-
-export function createDrawerState(name: string) {
-  const drawerState = drawers[name] || reactive<DrawerState>({
-    name,
-    isDrawerOpen: false,
-    openDrawer() {
-      drawerState.isDrawerOpen = true
-    },
-    closeDrawer() {
-      drawerState.isDrawerOpen = false
-    },
-    toggleDrawer() {
-      drawerState.isDrawerOpen = !drawerState.isDrawerOpen
-    },
-  })
-  drawers[name] = drawerState
-  return drawerState
-}

package/utils/fixtures.ts

@@ -1,62 +0,0 @@
-export const people = [
-  {
-    id: 1,
-    name: 'Wade Cooper',
-    avatar:
-      'https://images.unsplash.com/photo-1491528323818-fdd1faba62cc?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80',
-  },
-  {
-    id: 2,
-    name: 'Arlene Mccoy',
-    avatar:
-      'https://images.unsplash.com/photo-1550525811-e5869dd03032?ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80',
-  },
-  {
-    id: 3,
-    name: 'Devon Webb',
-    avatar:
-      'https://images.unsplash.com/photo-1500648767791-00dcc994a43e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2.25&w=256&h=256&q=80',
-  },
-  {
-    id: 4,
-    name: 'Tom Cook',
-    avatar:
-      'https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80',
-  },
-  {
-    id: 5,
-    name: 'Tanya Fox',
-    avatar:
-      'https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80',
-  },
-  {
-    id: 6,
-    name: 'Hellen Schmidt',
-    avatar:
-      'https://images.unsplash.com/photo-1487412720507-e7ab37603c6f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80',
-  },
-  {
-    id: 7,
-    name: 'Caroline Schultz',
-    avatar:
-      'https://images.unsplash.com/photo-1568409938619-12e139227838?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80',
-  },
-  {
-    id: 8,
-    name: 'Mason Heaney',
-    avatar:
-      'https://images.unsplash.com/photo-1531427186611-ecfd6d936c79?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80',
-  },
-  {
-    id: 9,
-    name: 'Claudie Smitham',
-    avatar:
-      'https://images.unsplash.com/photo-1584486520270-19eca1efcce5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80',
-  },
-  {
-    id: 10,
-    name: 'Emil Schaefer',
-    avatar:
-      'https://images.unsplash.com/photo-1561505457-3bcad021f8ee?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80',
-  },
-]

package/utils/random-string.ts

@@ -1,19 +0,0 @@
-/**
- * Generate a random string of `length` characters
- *
- * Usage:
- * const myString = randomString(15);  // This will give you a random string of 15 characters
- * @param length The length of the string to generate
- * @returns A random string of `length` characters
- */
-export function randomString(length: number = 10): string {
-  const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'
-  let result = ''
-
-  for (let i = 0; i < length; i++) {
-    const randomIndex = Math.floor(Math.random() * characters.length)
-    result += characters[randomIndex]
-  }
-
-  return result
-}

package/utils/types.ts

@@ -1,7 +0,0 @@
-export interface StateProps {
-  state: string
-  info: boolean
-  success: boolean
-  warning: boolean
-  error: boolean
-}