daisy-ui-kit 5.0.3 → 5.0.5

package/app/components/Table.vue

@@ -1,32 +0,0 @@
-<script setup lang="ts">
-defineProps<{
-  zebra?: boolean
-  pinRows?: boolean
-  pinCols?: boolean
-
-  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'
-  xs?: boolean
-  sm?: boolean
-  md?: boolean
-  lg?: boolean
-  xl?: boolean
-}>()
-</script>
-
-<template>
-  <table
-    class="table"
-    :class="[
-      zebra ? 'table-zebra' : '',
-      pinRows ? 'table-pin-rows' : '',
-      pinCols ? 'table-pin-cols' : '',
-      xs || size === 'xs' ? 'table-xs' : '',
-      sm || size === 'sm' ? 'table-sm' : '',
-      md || size === 'md' || (!xs && !sm && !lg && !xl && !size) ? 'table-md' : '',
-      lg || size === 'lg' ? 'table-lg' : '',
-      xl || size === 'xl' ? 'table-xl' : '',
-    ]"
-  >
-    <slot />
-  </table>
-</template>

package/app/components/Tabs.vue

@@ -1,53 +0,0 @@
-<script setup lang="ts">
-import { provide } from 'vue'
-
-const { name } = defineProps<{
-  is?: any
-  name: string
-
-  variant?: 'box' | 'border' | 'lift'
-  box?: boolean
-  border?: boolean
-  lift?: boolean
-
-  placement?: 'top' | 'bottom'
-  top?: boolean
-  bottom?: boolean
-
-  size?: 'xl' | 'lg' | 'md' | 'sm' | 'xs'
-  xl?: boolean
-  lg?: boolean
-  md?: boolean
-  sm?: boolean
-  xs?: boolean
-}>()
-
-const currentTab = defineModel<string>('currentTab')
-
-const tabManager = {
-  name,
-  currentTab,
-  tabs: [],
-}
-provide('tabManager', tabManager)
-</script>
-
-<template>
-  <div
-    class="tabs"
-    :class="{
-      'tabs-box': variant === 'box' || box,
-      'tabs-border': variant === 'border' || border,
-      'tabs-lift': variant === 'lift' || lift,
-      'tabs-top': placement === 'top' || top,
-      'tabs-bottom': placement === 'bottom' || bottom,
-      'tabs-xl': size === 'xl' || xl,
-      'tabs-lg': size === 'lg' || lg,
-      'tabs-md': size === 'md' || md,
-      'tabs-sm': size === 'sm' || sm,
-      'tabs-xs': size === 'xs' || xs,
-    }"
-  >
-    <slot />
-  </div>
-</template>

package/app/components/Text.vue

@@ -1,166 +0,0 @@
-<script setup lang="ts">
-import { computed, resolveComponent } from 'vue'
-
-defineOptions({
-  inheritAttrs: false,
-})
-
-const props = defineProps<{
-  is?: string
-  join?: boolean
-
-  block?: boolean
-  inline?: boolean
-  inlineBlock?: boolean
-  label?: boolean
-
-  color?:
-    | 'neutral'
-    | 'primary'
-    | 'secondary'
-    | 'accent'
-    | 'info'
-    | 'success'
-    | 'warning'
-    | 'error'
-    | 'primary-content'
-    | 'secondary-content'
-    | 'neutral-content'
-    | 'accent-content'
-    | 'info-content'
-    | 'success-content'
-    | 'warning-content'
-    | 'error-content'
-  neutral?: boolean
-  primary?: boolean
-  secondary?: boolean
-  accent?: boolean
-  info?: boolean
-  success?: boolean
-  warning?: boolean
-  error?: boolean
-  neutralContent?: boolean
-  primaryContent?: boolean
-  secondaryContent?: boolean
-  accentContent?: boolean
-  infoContent?: boolean
-  successContent?: boolean
-  warningContent?: boolean
-  errorContent?: boolean
-
-  size?: '9xl' | '8xl' | '7xl' | '6xl' | '5xl' | '4xl' | '3xl' | '2xl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs'
-  xl?: boolean
-  lg?: boolean
-  md?: boolean
-  sm?: boolean
-  xs?: boolean
-
-  align?: 'left' | 'center' | 'right' | 'justify'
-  left?: boolean
-  center?: boolean
-  right?: boolean
-  justify?: boolean
-
-  case?: 'upper' | 'lower' | 'capitalize' | 'normal'
-  uppercase?: boolean
-  lowercase?: boolean
-  capitalize?: boolean
-  normalCase?: boolean
-
-  font?: 'sans' | 'serif' | 'mono'
-  sans?: boolean
-  serif?: boolean
-  mono?: boolean
-
-  weight?: 'thin' | 'extralight' | 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black'
-  thin?: boolean
-  extralight?: boolean
-  light?: boolean
-  normal?: boolean
-  medium?: boolean
-  semibold?: boolean
-  bold?: boolean
-  extrabold?: boolean
-  black?: boolean
-}>()
-const NuxtLink = resolveComponent('NuxtLink')
-const RouterLink = resolveComponent('RouterLink')
-
-const resolvedComponent = computed(() => {
-  if (props.is === 'NuxtLink') return NuxtLink
-  if (props.is === 'RouterLink') return RouterLink
-  return props.is || 'span'
-})
-</script>
-
-<template>
-  <component
-    :is="resolvedComponent"
-    v-bind="{ ...$attrs, ...(label ? { 'data-role': 'label' } : {}) }"
-    :class="{
-      'join-item': join,
-
-      block,
-      inline,
-      'inline-block': inlineBlock,
-      label,
-
-      'text-primary': primary || color === 'primary',
-      'text-primary-content': primaryContent || color === 'primary-content',
-      'text-secondary': secondary || color === 'secondary',
-      'text-secondary-content': secondaryContent || color === 'secondary-content',
-      'text-neutral': neutral || color === 'neutral',
-      'text-neutral-content': neutralContent || color === 'neutral-content',
-      'text-accent': accent || color === 'accent',
-      'text-accent-content': accentContent || color === 'accent-content',
-      'text-info': info || color === 'info',
-      'text-info-content': infoContent || color === 'info-content',
-      'text-success': success || color === 'success',
-      'text-success-content': successContent || color === 'success-content',
-      'text-warning': warning || color === 'warning',
-      'text-warning-content': warningContent || color === 'warning-content',
-      'text-error': error || color === 'error',
-      'text-error-content': errorContent || color === 'error-content',
-
-      'text-9xl': size === '9xl',
-      'text-8xl': size === '8xl',
-      'text-7xl': size === '7xl',
-      'text-6xl': size === '6xl',
-      'text-5xl': size === '5xl',
-      'text-4xl': size === '4xl',
-      'text-3xl': size === '3xl',
-      'text-2xl': size === '2xl',
-      'text-xl': xl || size === 'xl',
-      'text-lg': lg || size === 'lg',
-      'text-md': md || size === 'md',
-      'text-sm': sm || size === 'sm',
-      'text-xs': xs || size === 'xs',
-
-      'text-left': left || align === 'left',
-      'text-center': center || align === 'center',
-      'text-right': right || align === 'right',
-      'text-justify': justify || align === 'justify',
-
-      uppercase: uppercase || props.case === 'upper',
-      lowercase: lowercase || props.case === 'lower',
-      capitalize: capitalize || props.case === 'capitalize',
-      'normal-case': normalCase || props.case === 'normal',
-
-      'font-sans': sans || font === 'sans',
-      'font-serif': serif || font === 'serif',
-      'font-mono': mono || font === 'mono',
-
-      'font-thin': thin || weight === 'thin',
-      'font-extralight': extralight || weight === 'extralight',
-      'font-light': light || weight === 'light',
-      'font-normal': normal || weight === 'normal',
-      'font-medium': medium || weight === 'medium',
-      'font-semibold': semibold || weight === 'semibold',
-      'font-bold': bold || weight === 'bold',
-      'font-extrabold': extrabold || weight === 'extrabold',
-      'font-black': black || weight === 'black',
-    }"
-  >
-    <slot />
-  </component>
-</template>

package/app/components/TextArea.vue

@@ -1,106 +0,0 @@
-<script setup lang="ts">
-import { nextTick, onMounted, ref, watch } from 'vue'
-
-const props = withDefaults(
-  defineProps<{
-    modelValue?: string
-    placeholder?: string
-    type?: 'text' | 'phone' | 'email' | 'search'
-    rows?: number
-    autoExpand?: boolean
-
-    color?: string
-    neutral?: boolean
-    primary?: boolean
-    secondary?: boolean
-    accent?: boolean
-    info?: boolean
-    success?: boolean
-    warning?: boolean
-    error?: boolean
-
-    ghost?: boolean
-    disabled?: boolean
-    validator?: boolean
-
-    size?: 'xl' | 'lg' | 'md' | 'sm' | 'xs'
-    xl?: boolean
-    lg?: boolean
-    md?: boolean
-    sm?: boolean
-    xs?: boolean
-  }>(),
-  {
-    type: 'text',
-    rows: 2,
-  },
-)
-defineEmits(['update:modelValue'])
-
-const textareaRef = ref<HTMLTextAreaElement | null>(null)
-
-let minHeight = 0
-
-function adjustHeight() {
-  if (!props.autoExpand || !textareaRef.value) return
-  const el = textareaRef.value
-
-  // Capture the initial rendered height as minimum (respects rows attribute)
-  if (minHeight === 0) {
-    minHeight = el.offsetHeight
-  }
-
-  el.style.height = 'auto'
-  el.style.height = `${Math.max(el.scrollHeight, minHeight)}px`
-}
-
-watch(
-  () => props.modelValue,
-  () => {
-    nextTick(adjustHeight)
-  },
-)
-
-onMounted(() => {
-  if (props.autoExpand) {
-    nextTick(adjustHeight)
-  }
-})
-</script>
-
-<template>
-  <textarea
-    ref="textareaRef"
-    :value="modelValue"
-    :type="type"
-    :rows="rows"
-    :placeholder="placeholder"
-    :disabled="disabled"
-    class="textarea"
-    :class="{
-      'textarea-neutral': props.neutral || props.color === 'neutral',
-      'textarea-primary': props.primary || props.color === 'primary',
-      'textarea-secondary': props.secondary || props.color === 'secondary',
-      'textarea-accent': props.accent || props.color === 'accent',
-      'textarea-info': props.info || props.color === 'info',
-      'textarea-success': props.success || props.color === 'success',
-      'textarea-warning': props.warning || props.color === 'warning',
-      'textarea-error': props.error || props.color === 'error',
-
-      'textarea-ghost': props.ghost,
-      validator: props.validator,
-
-      'textarea-xl': props.xl || props.size === 'xl',
-      'textarea-lg': props.lg || props.size === 'lg',
-      'textarea-md': props.md || props.size === 'md',
-      'textarea-sm': props.sm || props.size === 'sm',
-      'textarea-xs': props.xs || props.size === 'xs',
-    }"
-    @input="
-      event => {
-        $emit('update:modelValue', (event.target as HTMLTextAreaElement).value)
-        adjustHeight()
-      }
-    "
-  />
-</template>

package/app/components/TextRotate.vue

@@ -1,24 +0,0 @@
-<script setup lang="ts">
-import { computed } from 'vue'
-
-const props = defineProps<{
-  is?: any
-  center?: boolean
-  duration?: number
-}>()
-
-const style = computed(() => {
-  if (props.duration) {
-    return { animationDuration: `${props.duration}ms` }
-  }
-  return undefined
-})
-</script>
-
-<template>
-  <component :is="props.is || 'span'" class="text-rotate" :style="style">
-    <span :class="{ 'justify-items-center': props.center }">
-      <slot />
-    </span>
-  </component>
-</template>

package/app/components/ThemeController.vue

@@ -1,45 +0,0 @@
-<script setup lang="ts">
-import type { DaisyThemeInput } from '@/composables/use-daisy-theme'
-import { useDaisyTheme } from '@/composables/use-daisy-theme'
-import { computed } from 'vue'
-
-const props = defineProps<{
-  /**
-   * Optional: List of themes to provide (string or DaisyThemeMeta)
-   */
-  themes?: DaisyThemeInput[]
-  /**
-   * Optional: Default theme name (string or 'default')
-   */
-  defaultTheme?: string
-  /**
-   * Optional: Storage function for persistence (e.g., useCookie, useLocalStorage, or ref)
-   */
-  storage?: <T>(key: string, initial: T) => import('vue').Ref<T>
-}>()
-
-const themeOptions =
-  props.themes || props.defaultTheme ? { themes: props.themes || [], defaultTheme: props.defaultTheme } : undefined
-
-const { theme, effectiveTheme, themes, setTheme, cycleTheme, registerTheme, removeTheme } = useDaisyTheme(
-  props.storage,
-  themeOptions,
-)
-
-const availableThemes = computed(() => themes.value.map(t => (typeof t === 'string' ? t : t.theme)))
-</script>
-
-<template>
-  <div class="theme-controller">
-    <slot
-      :theme="theme"
-      :effective-theme="effectiveTheme"
-      :themes="themes"
-      :available-themes="availableThemes"
-      :set-theme="setTheme"
-      :cycle-theme="cycleTheme"
-      :register-theme="registerTheme"
-      :remove-theme="removeTheme"
-    />
-  </div>
-</template>