daisy-ui-kit 5.0.3 → 5.0.5

package/app/components/Progress.vue

@@ -1,46 +0,0 @@
-<script setup lang="ts">
-const {
-  value = 0,
-  max = 100,
-  color,
-  neutral,
-  primary,
-  secondary,
-  accent,
-  success,
-  info,
-  warning,
-  error,
-} = defineProps<{
-  value?: string | number
-  max?: string | number
-
-  color?: string
-  neutral?: boolean
-  primary?: boolean
-  secondary?: boolean
-  accent?: boolean
-  success?: boolean
-  info?: boolean
-  warning?: boolean
-  error?: boolean
-}>()
-</script>
-
-<template>
-  <progress
-    :value="value"
-    :max="max"
-    class="progress"
-    :class="{
-      'progress-neutral': neutral || color === 'neutral',
-      'progress-primary': primary || color === 'primary',
-      'progress-secondary': secondary || color === 'secondary',
-      'progress-accent': accent || color === 'accent',
-      'progress-success': success || color === 'success',
-      'progress-info': info || color === 'info',
-      'progress-warning': warning || color === 'warning',
-      'progress-error': error || color === 'error',
-    }"
-  />
-</template>

package/app/components/Prose.vue

@@ -1,37 +0,0 @@
-<template>
-  <article class="prose daisy-prose">
-    <slot />
-  </article>
-</template>
-
-<style lang="postcss">
-.prose.full-width {
-  width: 100%;
-  max-width: 100%;
-}
-.prose.daisy-prose code:not(pre code) {
-  @apply bg-base-300;
-}
-.prose .link-primary {
-  @apply text-primary;
-}
-.prose .link-secondary {
-  @apply text-secondary;
-}
-.prose .link-neutral {
-  @apply text-neutral;
-}
-.prose .link-accent {
-  @apply text-accent;
-}
-
-.prose h1 a,
-.prose h2 a,
-.prose h3 a,
-.prose h4 a,
-.prose h5 a,
-.prose h6 a {
-  text-decoration: none;
-  @apply font-bold;
-}
-</style>

package/app/components/RadialProgress.vue

@@ -1,36 +0,0 @@
-<script setup lang="ts">
-defineProps<{
-  value: number | string
-  size?: string
-  thickness?: string
-
-  color?: string
-  neutral?: boolean
-  primary?: boolean
-  secondary?: boolean
-  accent?: boolean
-  info?: boolean
-  success?: boolean
-  warning?: boolean
-  error?: boolean
-}>()
-</script>
-
-<template>
-  <div
-    class="radial-progress"
-    :class="{
-      'text-neutral': neutral || color === 'neutral',
-      'text-primary': primary || color === 'primary',
-      'text-secondary': secondary || color === 'secondary',
-      'text-accent': accent || color === 'accent',
-      'text-info': info || color === 'info',
-      'text-success': success || color === 'success',
-      'text-warning': warning || color === 'warning',
-      'text-error': error || color === 'error',
-    }"
-    :style="`--value:${value}; --size:${size || '4rem'}; --thickness:${thickness || 'calc(var(--size) / 10)'};`"
-  >
-    <slot />
-  </div>
-</template>

package/app/components/Radio.vue

@@ -1,69 +0,0 @@
-<script setup lang="ts">
-import { computed, inject } from 'vue'
-
-const props = defineProps<{
-  modelValue?: any
-  value: any
-  disabled?: boolean
-  themeController?: boolean
-
-  color?: string
-  neutral?: boolean
-  primary?: boolean
-  secondary?: boolean
-  accent?: boolean
-  success?: boolean
-  warning?: boolean
-  info?: boolean
-  error?: boolean
-
-  size?: string
-  xs?: boolean
-  sm?: boolean
-  md?: boolean
-  lg?: boolean
-  xl?: boolean
-}>()
-const emit = defineEmits(['update:modelValue'])
-
-const radioGroup: any = inject('radio-group', null)
-
-const currentValue = computed({
-  get() {
-    return radioGroup ? radioGroup.currentValue : props.modelValue
-  },
-  set(val: any) {
-    if (radioGroup) {
-      radioGroup.currentValue = val
-    }
-    emit('update:modelValue', val)
-  },
-})
-</script>
-
-<template>
-  <input
-    v-model="currentValue"
-    type="radio"
-    v-bind="$attrs"
-    class="radio"
-    :class="{
-      'radio-neutral': props.neutral || props.color === 'neutral',
-      'radio-primary': props.primary || props.color === 'primary',
-      'radio-secondary': props.secondary || props.color === 'secondary',
-      'radio-accent': props.accent || props.color === 'accent',
-      'radio-success': props.success || props.color === 'success',
-      'radio-warning': props.warning || props.color === 'warning',
-      'radio-info': props.info || props.color === 'info',
-      'radio-error': props.error || props.color === 'error',
-      'radio-xs': props.xs || props.size === 'xs',
-      'radio-sm': props.sm || props.size === 'sm',
-      'radio-md': props.md || props.size === 'md',
-      'radio-lg': props.lg || props.size === 'lg',
-      'radio-xl': props.xl || props.size === 'xl',
-      'theme-controller': props.themeController,
-    }"
-    :disabled="props.disabled"
-    :value="props.value"
-  />
-</template>

package/app/components/RadioGroup.vue

@@ -1,47 +0,0 @@
-<script setup lang="ts">
-import { computed, provide, reactive } from 'vue'
-
-const props = defineProps<{
-  modelValue?: any
-  name: string
-
-  color?: string
-  neutral?: boolean
-  primary?: boolean
-  secondary?: boolean
-  accent?: boolean
-  success?: boolean
-  warning?: boolean
-  info?: boolean
-  error?: boolean
-
-  size?: string
-  xs?: boolean
-  sm?: boolean
-  md?: boolean
-  lg?: boolean
-  xl?: boolean
-}>()
-const emit = defineEmits(['update:modelValue'])
-
-const currentValue = computed({
-  get: () => {
-    return props.modelValue
-  },
-  set: val => {
-    emit('update:modelValue', val)
-  },
-})
-
-const state = reactive({
-  currentValue,
-  props,
-})
-provide('radio-group', state)
-</script>
-
-<template>
-  <div class="radio-group">
-    <slot />
-  </div>
-</template>

package/app/components/Range.vue

@@ -1,201 +0,0 @@
-<script setup lang="ts">
-import { computed } from 'vue'
-
-const props = withDefaults(
-  defineProps<{
-    modelValue?: number | [number, number]
-    min?: number
-    max?: number
-    step?: number
-    disabled?: boolean
-
-    color?: string
-    neutral?: boolean
-    primary?: boolean
-    secondary?: boolean
-    accent?: boolean
-    success?: boolean
-    warning?: boolean
-    info?: boolean
-    error?: boolean
-
-    size?: 'xl' | 'lg' | 'md' | 'sm' | 'xs'
-    xl?: boolean
-    lg?: boolean
-    md?: boolean
-    sm?: boolean
-    xs?: boolean
-  }>(),
-  {
-    min: 0,
-    max: 100,
-    step: 1,
-  },
-)
-const emit = defineEmits(['update:modelValue'])
-
-const isRange = computed(() => {
-  return Array.isArray(props.modelValue)
-})
-
-const singleValue = computed({
-  get: () => (isRange.value ? 0 : (props.modelValue as number)),
-  set: val => emit('update:modelValue', Number(val)),
-})
-
-const lowValue = computed({
-  get: () => (isRange.value ? (props.modelValue as [number, number])[0] : 0),
-  set: val => {
-    const v = Number(val)
-    const high = (props.modelValue as [number, number])[1]
-    emit('update:modelValue', [Math.min(v, high), high])
-  },
-})
-
-const highValue = computed({
-  get: () => (isRange.value ? (props.modelValue as [number, number])[1] : 100),
-  set: val => {
-    const v = Number(val)
-    const low = (props.modelValue as [number, number])[0]
-    emit('update:modelValue', [low, Math.max(v, low)])
-  },
-})
-
-const rangeClasses = computed(() => ({
-  'range-neutral': props.neutral || props.color === 'neutral',
-  'range-primary': props.primary || props.color === 'primary',
-  'range-secondary': props.secondary || props.color === 'secondary',
-  'range-accent': props.accent || props.color === 'accent',
-  'range-success': props.success || props.color === 'success',
-  'range-info': props.info || props.color === 'info',
-  'range-warning': props.warning || props.color === 'warning',
-  'range-error': props.error || props.color === 'error',
-  'range-xl': props.xl || props.size === 'xl',
-  'range-lg': props.lg || props.size === 'lg',
-  'range-md': props.md || props.size === 'md',
-  'range-sm': props.sm || props.size === 'sm',
-  'range-xs': props.xs || props.size === 'xs',
-}))
-
-// Calculate percentage positions for the filled track
-const lowPercent = computed(() => {
-  const range = props.max - props.min
-  return ((lowValue.value - props.min) / range) * 100
-})
-
-const highPercent = computed(() => {
-  const range = props.max - props.min
-  return ((highValue.value - props.min) / range) * 100
-})
-</script>
-
-<template>
-  <!-- Single value mode -->
-  <input
-    v-if="!isRange"
-    v-model="singleValue"
-    type="range"
-    class="range"
-    :class="rangeClasses"
-    :min="min"
-    :max="max"
-    :step="step"
-    :disabled="disabled"
-  />
-
-  <!-- Dual handle range mode -->
-  <div v-else class="range range-slider-wrapper" :class="rangeClasses">
-    <div class="range-slider-track" />
-    <div
-      class="range-slider-fill"
-      :style="{
-        left: `calc(${lowPercent}% + (var(--range-thumb-size, 1.5rem) / 2) - (${lowPercent} * var(--range-thumb-size, 1.5rem) / 100))`,
-        width: `calc(${highPercent - lowPercent}% - (${highPercent - lowPercent} * var(--range-thumb-size, 1.5rem) / 100))`,
-      }"
-    />
-    <input
-      v-model="lowValue"
-      type="range"
-      class="range range-slider-input"
-      :class="rangeClasses"
-      :min="min"
-      :max="max"
-      :step="step"
-      :disabled="disabled"
-    />
-    <input
-      v-model="highValue"
-      type="range"
-      class="range range-slider-input"
-      :class="rangeClasses"
-      :min="min"
-      :max="max"
-      :step="step"
-      :disabled="disabled"
-    />
-  </div>
-</template>
-
-<style>
-.range-slider-wrapper {
-  position: relative;
-  width: 100%;
-  height: var(--range-thumb-size, 1.5rem);
-}
-
-.range-slider-track {
-  position: absolute;
-  top: 50%;
-  left: 0;
-  right: 0;
-  height: calc(var(--range-thumb-size, 1.5rem) / 3);
-  transform: translateY(-50%);
-  background: color-mix(in oklab, currentColor 10%, transparent);
-  border-radius: var(--radius-selector, 1rem);
-}
-
-.range-slider-fill {
-  position: absolute;
-  top: 50%;
-  height: var(--range-thumb-size, 1.5rem);
-  transform: translateY(-50%);
-  background: currentColor;
-  border-radius: 0;
-  z-index: 1;
-}
-
-.range-slider-input {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-  background: transparent;
-  --range-fill: 0 !important;
-}
-
-/* Hide both tracks - we draw our own */
-.range-slider-input::-webkit-slider-runnable-track {
-  background: transparent !important;
-  box-shadow: none !important;
-}
-
-.range-slider-input::-moz-range-track {
-  background: transparent !important;
-  box-shadow: none !important;
-}
-
-/* Enable pointer events only on thumbs */
-.range-slider-input::-webkit-slider-thumb {
-  pointer-events: auto;
-  position: relative;
-  z-index: 3;
-}
-
-.range-slider-input::-moz-range-thumb {
-  pointer-events: auto;
-  position: relative;
-  z-index: 3;
-}
-</style>

package/app/components/RangeMeasure.vue

@@ -1,87 +0,0 @@
-<script setup lang="ts">
-import { computed } from 'vue'
-
-const props = withDefaults(
-  defineProps<{
-    modelValue?: number | string
-    min?: number | string
-    max?: number | string
-    step?: number | string
-
-    numbered?: boolean
-    asButtons?: boolean
-    disabled?: boolean
-
-    color?: string
-    neutral?: boolean
-    primary?: boolean
-    secondary?: boolean
-    accent?: boolean
-    success?: boolean
-    warning?: boolean
-    info?: boolean
-    error?: boolean
-
-    size?: 'xl' | 'lg' | 'md' | 'sm' | 'xs'
-    xl?: boolean
-    lg?: boolean
-    md?: boolean
-    sm?: boolean
-    xs?: boolean
-  }>(),
-  {
-    min: 0,
-    max: 100,
-    step: 1,
-  },
-)
-defineEmits(['update:modelValue'])
-
-const values = computed(() => {
-  const vals = []
-  for (let index = Number.parseInt(props.min as string); index < Number.parseInt(props.max as string) + 1; index++) {
-    vals.push({
-      value: index,
-      isVisible: index % Number.parseInt(props.step as string) === 0,
-    })
-  }
-  return vals
-})
-// const count = computed(() => Number.parseInt(props.max as string) - Number.parseInt(props.min as string))
-</script>
-
-<template>
-  <div
-    class="flex justify-between select-none"
-    :class="{
-      'text-neutral': neutral || color === 'neutral',
-      'text-primary': primary || color === 'primary',
-      'text-secondary': secondary || color === 'secondary',
-      'text-accent': accent || color === 'accent',
-      'text-success': success || color === 'success',
-      'text-info': info || color === 'info',
-      'text-warning': warning || color === 'warning',
-      'text-error': error || color === 'error',
-      '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',
-      'opacity-50': disabled,
-    }"
-  >
-    <RangeMeasureTick
-      v-for="tick in values"
-      :key="tick.value"
-      :tick="tick.value"
-      :model-value="modelValue"
-      :numbered="numbered"
-      :as-button="asButtons"
-      :is-hidden="!tick.isVisible"
-      :disabled="disabled"
-      @update:model-value="val => !disabled && $emit('update:modelValue', val)"
-    >
-      {{ numbered ? tick : '|' }}
-    </RangeMeasureTick>
-  </div>
-</template>

package/app/components/RangeMeasureTick.vue

@@ -1,69 +0,0 @@
-<script setup lang="ts">
-import { useTimeoutFn } from '@vueuse/core'
-import { computed, ref, watch } from 'vue'
-
-const props = defineProps<{
-  tick: number
-  modelValue?: number | string
-  numbered?: boolean
-  asButton?: boolean
-  isHidden?: boolean
-  disabled?: boolean
-}>()
-defineEmits(['update:modelValue'])
-
-const hasChanged = ref(false)
-const { isPending, start, stop } = useTimeoutFn(() => {
-  hasChanged.value = false
-}, 1000)
-watch(
-  () => props.modelValue,
-  val => {
-    if (val) {
-      start()
-      hasChanged.value = true
-    } else if (!isPending.value) {
-      stop()
-    }
-  },
-)
-
-// eslint-disable-next-line eqeqeq
-const isCurrent = computed(() => props.modelValue == props.tick)
-</script>
-
-<template>
-  <Button
-    v-if="asButton && !isHidden"
-    xs
-    :ghost="!isCurrent"
-    circle
-    :class="{
-      'font-bold': isCurrent,
-      'opacity-50': props.disabled,
-      'cursor-pointer': !props.disabled,
-      'cursor-not-allowed': props.disabled,
-    }"
-    :disabled="disabled"
-    @click="$emit('update:modelValue', tick)"
-  >
-    {{ numbered ? tick : '|' }}
-  </Button>
-  <Tooltip
-    v-else
-    :tip="tick"
-    :open="hasChanged && isCurrent && !disabled"
-    position="bottom"
-    :class="{
-      'px-[2px]': !asButton,
-      'opacity-50': disabled,
-      'cursor-pointer': !disabled,
-      'cursor-not-allowed': disabled,
-    }"
-    @click="$emit('update:modelValue', tick)"
-  >
-    <Text v-if="!isHidden" :black="isCurrent">
-      {{ numbered ? tick : '|' }}
-    </Text>
-  </Tooltip>
-</template>