daisy-ui-kit 5.0.3 → 5.0.4

package/app/composables/use-calendar.ts

@@ -1,288 +0,0 @@
-import { computed, ref } from 'vue'
-
-export interface CalendarOptions {
-  /** First day of week: 0 = Sunday, 1 = Monday, etc. */
-  firstDay?: number
-  /** Minimum selectable date */
-  minDate?: Date | null
-  /** Maximum selectable date */
-  maxDate?: Date | null
-  /** Locale for formatting (default: 'en-US') */
-  locale?: string
-  /** Short month names */
-  monthsShort?: string[]
-  /** Full month names */
-  months?: string[]
-  /** Short weekday names */
-  weekdaysShort?: string[]
-  /** Full weekday names */
-  weekdays?: string[]
-}
-
-export interface CalendarDay {
-  date: Date
-  day: number
-  month: number
-  year: number
-  isToday: boolean
-  isSelected: boolean
-  isDisabled: boolean
-  isOutsideMonth: boolean
-}
-
-const DEFAULT_MONTHS = [
-  'January',
-  'February',
-  'March',
-  'April',
-  'May',
-  'June',
-  'July',
-  'August',
-  'September',
-  'October',
-  'November',
-  'December',
-]
-
-const DEFAULT_MONTHS_SHORT = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
-
-const DEFAULT_WEEKDAYS = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']
-
-const DEFAULT_WEEKDAYS_SHORT = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
-
-export function useCalendar(initialDate: Date | null = null, options: CalendarOptions = {}) {
-  const {
-    firstDay = 0,
-    minDate = null,
-    maxDate = null,
-    months = DEFAULT_MONTHS,
-    monthsShort = DEFAULT_MONTHS_SHORT,
-    weekdays = DEFAULT_WEEKDAYS,
-    weekdaysShort = DEFAULT_WEEKDAYS_SHORT,
-  } = options
-
-  // The currently selected date
-  const selectedDate = ref<Date | null>(initialDate)
-
-  // The month/year currently being viewed
-  const viewDate = ref(initialDate ? new Date(initialDate) : new Date())
-
-  // Current view month/year
-  const viewMonth = computed(() => viewDate.value.getMonth())
-  const viewYear = computed(() => viewDate.value.getFullYear())
-
-  // Month/year display strings
-  const monthName = computed(() => months[viewMonth.value])
-  const monthNameShort = computed(() => monthsShort[viewMonth.value])
-
-  // Weekday headers adjusted for firstDay (short names for display)
-  const weekdayHeaders = computed(() => {
-    const headers: string[] = []
-    for (let i = 0; i < 7; i++) {
-      headers.push(weekdaysShort[(i + firstDay) % 7] ?? '')
-    }
-    return headers
-  })
-
-  // Full weekday names for accessibility (title attributes, screen readers)
-  const weekdayHeadersFull = computed(() => {
-    const headers: string[] = []
-    for (let i = 0; i < 7; i++) {
-      headers.push(weekdays[(i + firstDay) % 7] ?? '')
-    }
-    return headers
-  })
-
-  // Get days in a month
-  function getDaysInMonth(year: number, month: number): number {
-    return new Date(year, month + 1, 0).getDate()
-  }
-
-  // Check if two dates are the same day
-  function isSameDay(a: Date | null, b: Date | null): boolean {
-    if (!a || !b) return false
-    return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate()
-  }
-
-  // Check if a date is today
-  function isToday(date: Date): boolean {
-    return isSameDay(date, new Date())
-  }
-
-  // Check if a date is disabled
-  function isDisabled(date: Date): boolean {
-    if (minDate && date < minDate) return true
-    if (maxDate && date > maxDate) return true
-    return false
-  }
-
-  // Generate calendar days for the current view
-  const calendarDays = computed<CalendarDay[]>(() => {
-    const year = viewYear.value
-    const month = viewMonth.value
-    const days: CalendarDay[] = []
-
-    // First day of the month
-    const firstOfMonth = new Date(year, month, 1)
-    const startDayOfWeek = firstOfMonth.getDay()
-
-    // Calculate offset based on firstDay option
-    const offset = (startDayOfWeek - firstDay + 7) % 7
-
-    // Days from previous month
-    const prevMonth = month === 0 ? 11 : month - 1
-    const prevYear = month === 0 ? year - 1 : year
-    const daysInPrevMonth = getDaysInMonth(prevYear, prevMonth)
-
-    for (let i = offset - 1; i >= 0; i--) {
-      const day = daysInPrevMonth - i
-      const date = new Date(prevYear, prevMonth, day)
-      days.push({
-        date,
-        day,
-        month: prevMonth,
-        year: prevYear,
-        isToday: isToday(date),
-        isSelected: isSameDay(date, selectedDate.value),
-        isDisabled: isDisabled(date),
-        isOutsideMonth: true,
-      })
-    }
-
-    // Days in current month
-    const daysInMonth = getDaysInMonth(year, month)
-    for (let day = 1; day <= daysInMonth; day++) {
-      const date = new Date(year, month, day)
-      days.push({
-        date,
-        day,
-        month,
-        year,
-        isToday: isToday(date),
-        isSelected: isSameDay(date, selectedDate.value),
-        isDisabled: isDisabled(date),
-        isOutsideMonth: false,
-      })
-    }
-
-    // Days from next month to fill the grid (always 6 rows = 42 cells)
-    const nextMonth = month === 11 ? 0 : month + 1
-    const nextYear = month === 11 ? year + 1 : year
-    const remainingDays = 42 - days.length
-
-    for (let day = 1; day <= remainingDays; day++) {
-      const date = new Date(nextYear, nextMonth, day)
-      days.push({
-        date,
-        day,
-        month: nextMonth,
-        year: nextYear,
-        isToday: isToday(date),
-        isSelected: isSameDay(date, selectedDate.value),
-        isDisabled: isDisabled(date),
-        isOutsideMonth: true,
-      })
-    }
-
-    return days
-  })
-
-  // Navigation
-  function prevMonth() {
-    const d = new Date(viewDate.value)
-    d.setMonth(d.getMonth() - 1)
-    viewDate.value = d
-  }
-
-  function nextMonth() {
-    const d = new Date(viewDate.value)
-    d.setMonth(d.getMonth() + 1)
-    viewDate.value = d
-  }
-
-  function goToMonth(month: number) {
-    const d = new Date(viewDate.value)
-    d.setMonth(month)
-    viewDate.value = d
-  }
-
-  function goToYear(year: number) {
-    const d = new Date(viewDate.value)
-    d.setFullYear(year)
-    viewDate.value = d
-  }
-
-  function goToDate(date: Date) {
-    viewDate.value = new Date(date)
-  }
-
-  function goToToday() {
-    viewDate.value = new Date()
-  }
-
-  // Selection
-  function selectDate(date: Date) {
-    if (isDisabled(date)) return
-    selectedDate.value = new Date(date)
-  }
-
-  function clearSelection() {
-    selectedDate.value = null
-  }
-
-  // Format selected date
-  function formatDate(format: string = 'D MMM YYYY'): string {
-    if (!selectedDate.value) return ''
-
-    const d = selectedDate.value
-    const day = d.getDate()
-    const month = d.getMonth()
-    const year = d.getFullYear()
-
-    return format
-      .replace('YYYY', String(year))
-      .replace('YY', String(year).slice(-2))
-      .replace('MMMM', months[month] ?? '')
-      .replace('MMM', monthsShort[month] ?? '')
-      .replace('MM', String(month + 1).padStart(2, '0'))
-      .replace('M', String(month + 1))
-      .replace('DD', String(day).padStart(2, '0'))
-      .replace('D', String(day))
-  }
-
-  return {
-    // State
-    selectedDate,
-    viewDate,
-    viewMonth,
-    viewYear,
-
-    // Display
-    monthName,
-    monthNameShort,
-    weekdayHeaders,
-    weekdayHeadersFull,
-    calendarDays,
-
-    // Navigation
-    prevMonth,
-    nextMonth,
-    goToMonth,
-    goToYear,
-    goToDate,
-    goToToday,
-
-    // Selection
-    selectDate,
-    clearSelection,
-
-    // Formatting
-    formatDate,
-
-    // Utilities
-    isSameDay,
-    isToday,
-    isDisabled,
-  }
-}

package/app/composables/use-daisy-theme.ts

@@ -1,140 +0,0 @@
-import type { Ref } from 'vue'
-import { usePreferredDark } from '@vueuse/core'
-import { computed, ref } from 'vue'
-
-// Type for a theme object
-export interface DaisyThemeMeta {
-  theme: string
-  cssVars?: string
-  name?: string
-  [key: string]: any
-}
-
-export type DaisyThemeInput = string | DaisyThemeMeta
-
-interface DaisyThemeOptions {
-  themes: DaisyThemeInput[]
-  defaultTheme?: string
-}
-
-function normalizeTheme(input: DaisyThemeInput): DaisyThemeMeta {
-  if (typeof input === 'string') {
-    return { theme: input }
-  }
-  return { ...input }
-}
-
-// SSR state using Nuxt's useState for proper hydration
-function useSSRState<T>(key: string, init: () => T): Ref<T> {
-  // Use Nuxt's useState if available (works on both server and client with proper hydration)
-  if (typeof useState !== 'undefined') {
-    try {
-      return useState(key, init)
-    } catch {
-      // Fallback if useState is not available
-    }
-  }
-  return ref(init()) as Ref<T>
-}
-
-// Global storage ref - set once in app.vue, reused elsewhere
-let globalStorageRef: Ref<string> | null = null
-
-/**
- * useDaisyTheme composable
- * @param storage Optional. Ref factory for persistence (e.g., useCookie, useLocalStorage, or ref). Defaults to ref.
- * @param options Optional. Theme options (themes, defaultTheme, etc.).
- *
- * Calling with arguments (in app.vue/root): initializes global state.
- * Calling with no arguments (in any component): reuses global state.
- */
-export function useDaisyTheme(storage?: <T>(key: string, initial: T) => Ref<T>, options?: DaisyThemeOptions) {
-  // Use SSR-safe state that hydrates properly
-  const themes = useSSRState('daisy-themes', () => options?.themes?.map(normalizeTheme) ?? [])
-
-  // If options provided, update themes
-  if (options?.themes) {
-    themes.value = options.themes.map(normalizeTheme)
-  }
-
-  // Theme name - use provided storage or reuse global ref
-  let theme: Ref<string>
-  if (storage) {
-    // Initialize with provided storage (e.g., useCookie in app.vue)
-    theme = storage('theme', options?.defaultTheme ?? themes.value[0]?.theme ?? 'light')
-    globalStorageRef = theme
-  } else if (globalStorageRef) {
-    // Reuse the existing storage ref
-    theme = globalStorageRef
-  } else {
-    // Fallback to SSR state if no storage was ever provided
-    theme = useSSRState('daisy-theme', () => options?.defaultTheme ?? themes.value[0]?.theme ?? 'light')
-    globalStorageRef = theme
-  }
-
-  // System dark mode
-  const preferredDark = usePreferredDark()
-
-  // Compute the effective theme for UI/DOM
-  const effectiveTheme = computed(() => {
-    if (theme.value === 'system') {
-      return preferredDark.value ? 'dark' : 'light'
-    }
-    return theme.value
-  })
-
-  // Set theme by name
-  function setTheme(name: string) {
-    if (themes.value.some(t => t.theme === name) || name === 'system') {
-      theme.value = name
-    }
-  }
-
-  // Cycle to next theme
-  function cycleTheme() {
-    const names = themes.value.map(t => t.theme)
-    if (!names.length) {
-      return // Guard: no themes
-    }
-    const idx = names.indexOf(theme.value)
-    const nextIdx = (idx + 1) % names.length
-    // Only set if defined (TypeScript safety)
-    if (typeof names[nextIdx] === 'string') {
-      setTheme(names[nextIdx]!)
-    }
-  }
-
-  // Register a new theme
-  function registerTheme(newTheme: DaisyThemeInput) {
-    const meta = normalizeTheme(newTheme)
-    if (!themes.value.some(t => t.theme === meta.theme)) {
-      themes.value.push(meta)
-    }
-  }
-
-  // Remove a theme by name
-  function removeTheme(name: string) {
-    const idx = themes.value.findIndex(t => t.theme === name)
-    if (idx !== -1) {
-      themes.value.splice(idx, 1)
-      // If current theme was removed, fallback to first
-      if (theme.value === name) {
-        theme.value = themes.value[0]?.theme ?? 'light'
-      }
-    }
-  }
-
-  // Get the current theme object
-  const themeInfo = computed(() => themes.value.find(t => t.theme === theme.value))
-
-  return {
-    themes,
-    theme,
-    effectiveTheme,
-    themeInfo,
-    setTheme,
-    cycleTheme,
-    registerTheme,
-    removeTheme,
-  }
-}