@poppy-ui/vue 0.5.6 → 0.5.7-beta.0

package/dist/public-D8Z0iHnm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-D8Z0iHnm.js","names":["$slots","$slots","$slots"],"sources":["../src/components/display/accordion/accordion.context.ts","../src/components/display/accordion/Accordion.vue","../src/components/display/accordion/Accordion.vue","../src/components/display/accordion/accordion-item.context.ts","../src/components/display/accordion/AccordionItem.vue","../src/components/display/accordion/AccordionItem.vue","../src/components/display/avatar/avatar.context.ts","../src/components/display/avatar/Avatar.vue","../src/components/display/avatar/Avatar.vue","../src/components/display/badge/badge.context.ts","../src/components/display/badge/Badge.vue","../src/components/display/badge/Badge.vue","../src/components/display/card/card.context.ts","../src/components/display/card/Card.vue","../src/components/display/card/Card.vue","../src/components/display/card/card-actions.context.ts","../src/components/display/card/CardActions.vue","../src/components/display/card/CardActions.vue","../src/components/display/card/CardBody.vue","../src/components/display/card/CardTitle.vue","../src/components/display/carousel/carousel.context.ts","../src/components/display/carousel/Carousel.vue","../src/components/display/carousel/Carousel.vue","../src/components/display/chat/chat.context.ts","../src/components/display/chat/Chat.vue","../src/components/display/chat/Chat.vue","../src/components/display/countdown/Countdown.vue","../src/components/display/countdown/Countdown.vue","../src/components/display/diff/Diff.vue","../src/components/display/hover-3d/Hover3d.vue","../src/components/display/hover-3d/Hover3d.vue","../src/components/display/hover-gallery/HoverGallery.vue","../src/components/display/kbd/kbd.context.ts","../src/components/display/kbd/Kbd.vue","../src/components/display/kbd/Kbd.vue","../src/components/display/list/List.vue","../src/components/display/list/List.vue","../src/components/display/list/ListItem.vue","../src/components/display/list/ListItem.vue","../src/components/display/status/status.context.ts","../src/components/display/status/Status.vue","../src/components/display/status/Status.vue"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue'\n\nexport type AccordionContext<M extends boolean = false> = {\n  multiple: M\n  modelValue: Ref<M extends true ? string[] : string | null>\n  toggle: (name: string) => void\n  isOpen: (name: string) => boolean\n}\n\nexport const ACCORDION_CONTEXT_KEY = Symbol('accordion') as InjectionKey<AccordionContext<any>>\n","<script lang=\"ts\">\nimport { computed, provide, shallowRef } from 'vue'\nimport { ACCORDION_CONTEXT_KEY } from './accordion.context'\nimport type { AccordionProps } from './accordion.props'\n</script>\n\n<script setup lang=\"ts\" generic=\"M extends boolean = false\">\ntype ModelType = M extends true ? string[] : string | null\ntype NameType = M extends true ? string[] : string\n\nconst props = defineProps<AccordionProps<M>>()\n\n/**\n * Controlled open state. Use `v-model` to bind reactively.\n * In single mode: the name of the open item, or `null` if none.\n * In multiple mode: an array of open item names.\n */\nconst model = defineModel<M extends true ? string[] : string | null>()\n\nconst emit = defineEmits<{\n  change: [value: ModelType]\n  open: [name: NameType]\n  close: [name: NameType]\n  toggle: [name: NameType, isOpen: boolean]\n}>()\n\nconst internalValue = shallowRef<ModelType>((props.defaultOpen ?? (props.multiple ? [] : null)) as ModelType)\n\nconst value = computed(() => (model.value !== undefined ? model.value : internalValue.value))\n\nfunction set(value: ModelType) {\n  internalValue.value = value\n  model.value = value\n  emit('change', value)\n}\n\n// ── Core ─────────────────────────────────────────────────────────────────────\n\nfunction toggle(name: string) {\n  if (props.multiple) {\n    const current = (value.value as string[]) ?? []\n    const opening = !current.includes(name)\n    const next = opening ? [...current, name] : current.filter(n => n !== name)\n\n    set(next as ModelType)\n    emit('toggle', next as NameType, opening)\n    opening ? emit('open', next as NameType) : emit('close', next as NameType)\n    return\n  }\n\n  const opening = value.value !== name\n  const next = (opening ? name : null) as ModelType\n\n  set(next)\n  emit('toggle', (opening ? name : null) as NameType, opening)\n  opening ? emit('open', name as NameType) : emit('close', name as NameType)\n}\n\nfunction isOpen(name: string): boolean {\n  if (props.multiple) {\n    return ((value.value as string[]) ?? []).includes(name)\n  }\n  return value.value === name\n}\n\n// ── Expose ───────────────────────────────────────────────────────────────────\n\nfunction open(name: string) {\n  if (isOpen(name)) {\n    return\n  }\n  toggle(name)\n}\n\nfunction close(name: string) {\n  if (!isOpen(name)) {\n    return\n  }\n  toggle(name)\n}\n\nfunction openAll(names: string[]) {\n  if (!props.multiple) {\n    return\n  }\n  set(names as ModelType)\n  emit('open', names as NameType)\n}\n\nfunction closeAll() {\n  const next = (props.multiple ? [] : null) as ModelType\n  set(next)\n  emit('close', next as NameType)\n}\n\nprovide(ACCORDION_CONTEXT_KEY, { multiple: props.multiple ?? false, modelValue: value, toggle, isOpen })\n\ndefineExpose({\n  open,\n  close,\n  toggle,\n  isOpen,\n  openAll,\n  closeAll,\n})\n</script>\n\n<template>\n  <div class=\"flex flex-col gap-2\">\n    <slot />\n  </div>\n</template>","<script lang=\"ts\">\nimport { computed, provide, shallowRef } from 'vue'\nimport { ACCORDION_CONTEXT_KEY } from './accordion.context'\nimport type { AccordionProps } from './accordion.props'\n</script>\n\n<script setup lang=\"ts\" generic=\"M extends boolean = false\">\ntype ModelType = M extends true ? string[] : string | null\ntype NameType = M extends true ? string[] : string\n\nconst props = defineProps<AccordionProps<M>>()\n\n/**\n * Controlled open state. Use `v-model` to bind reactively.\n * In single mode: the name of the open item, or `null` if none.\n * In multiple mode: an array of open item names.\n */\nconst model = defineModel<M extends true ? string[] : string | null>()\n\nconst emit = defineEmits<{\n  change: [value: ModelType]\n  open: [name: NameType]\n  close: [name: NameType]\n  toggle: [name: NameType, isOpen: boolean]\n}>()\n\nconst internalValue = shallowRef<ModelType>((props.defaultOpen ?? (props.multiple ? [] : null)) as ModelType)\n\nconst value = computed(() => (model.value !== undefined ? model.value : internalValue.value))\n\nfunction set(value: ModelType) {\n  internalValue.value = value\n  model.value = value\n  emit('change', value)\n}\n\n// ── Core ─────────────────────────────────────────────────────────────────────\n\nfunction toggle(name: string) {\n  if (props.multiple) {\n    const current = (value.value as string[]) ?? []\n    const opening = !current.includes(name)\n    const next = opening ? [...current, name] : current.filter(n => n !== name)\n\n    set(next as ModelType)\n    emit('toggle', next as NameType, opening)\n    opening ? emit('open', next as NameType) : emit('close', next as NameType)\n    return\n  }\n\n  const opening = value.value !== name\n  const next = (opening ? name : null) as ModelType\n\n  set(next)\n  emit('toggle', (opening ? name : null) as NameType, opening)\n  opening ? emit('open', name as NameType) : emit('close', name as NameType)\n}\n\nfunction isOpen(name: string): boolean {\n  if (props.multiple) {\n    return ((value.value as string[]) ?? []).includes(name)\n  }\n  return value.value === name\n}\n\n// ── Expose ───────────────────────────────────────────────────────────────────\n\nfunction open(name: string) {\n  if (isOpen(name)) {\n    return\n  }\n  toggle(name)\n}\n\nfunction close(name: string) {\n  if (!isOpen(name)) {\n    return\n  }\n  toggle(name)\n}\n\nfunction openAll(names: string[]) {\n  if (!props.multiple) {\n    return\n  }\n  set(names as ModelType)\n  emit('open', names as NameType)\n}\n\nfunction closeAll() {\n  const next = (props.multiple ? [] : null) as ModelType\n  set(next)\n  emit('close', next as NameType)\n}\n\nprovide(ACCORDION_CONTEXT_KEY, { multiple: props.multiple ?? false, modelValue: value, toggle, isOpen })\n\ndefineExpose({\n  open,\n  close,\n  toggle,\n  isOpen,\n  openAll,\n  closeAll,\n})\n</script>\n\n<template>\n  <div class=\"flex flex-col gap-2\">\n    <slot />\n  </div>\n</template>","import { createComponentConfigKey } from '@/symbol'\n\nexport const ACCORDION_ITEM_CONFIG = createComponentConfigKey('accordionItem')\n","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport { ChevronDownIcon, PlusIcon } from '@lucide/vue'\nimport { computed, inject } from 'vue'\nimport { ACCORDION_CONTEXT_KEY } from './accordion.context'\nimport { ACCORDION_ITEM_CONFIG } from './accordion-item.context'\nimport type { AccordionItemProps } from './accordion-item.props'\n</script>\n\n<script setup lang=\"ts\">\n\nconst props = defineProps<AccordionItemProps>()\nconst config = useComponentConfig(ACCORDION_ITEM_CONFIG, props, {\n  icon: 'arrow',\n})\n\nconst emit = defineEmits<{\n  open: []\n  close: []\n  toggle: [isOpen: boolean]\n}>()\n\nconst ctx = inject(ACCORDION_CONTEXT_KEY, null)\nconst isOpen = computed(() => ctx?.isOpen(props.name) ?? false)\n\nfunction toggle() {\n  ctx?.toggle(props.name)\n  const next = !isOpen.value\n\n  emit('toggle', next)\n  next ? emit('open') : emit('close')\n}\n\nfunction open() {\n  if (!isOpen.value) {\n    toggle()\n  }\n}\n\nfunction close() {\n  if (isOpen.value) {\n    toggle()\n  }\n}\n\nfunction requestFrame(callback: FrameRequestCallback) {\n  requestAnimationFrame(callback)\n}\n\ndefineExpose({\n  open,\n  close,\n  toggle,\n  isOpen,\n})\n</script>\n\n<template>\n  <div class=\"rounded-box border border-base-content/10 overflow-hidden\">\n\n    <!-- Header -->\n    <div\n      class=\"flex items-center justify-between gap-3 px-4 py-3 cursor-pointer select-none bg-base-200 hover:bg-base-300 transition-colors\"\n      @click=\"toggle\"\n    >\n      <div class=\"flex-1 min-w-0\">\n        <slot name=\"title\" :is-open=\"isOpen\" />\n      </div>\n\n      <!-- Icon slot with fallback -->\n      <slot name=\"icon\" :is-open=\"isOpen\">\n        <PlusIcon\n          v-if=\"config.icon === 'plus'\"\n          class=\"size-4 opacity-50 transition-transform shrink-0\"\n          :class=\"isOpen && 'rotate-45'\"\n        />\n        <ChevronDownIcon\n          v-else\n          class=\"size-4 opacity-50 transition-transform shrink-0\"\n          :class=\"isOpen && 'rotate-180'\"\n        />\n      </slot>\n    </div>\n\n    <!-- Content -->\n    <Transition\n      name=\"accordion\"\n      @enter=\"(el: any) => { el.style.maxHeight = el.scrollHeight + 'px' }\"\n      @after-enter=\"(el: any) => { el.style.maxHeight = 'none' }\"\n      @leave=\"(el: any) => { el.style.maxHeight = el.scrollHeight + 'px'; requestFrame(() => el.style.maxHeight = '0') }\"\n    >\n      <div v-if=\"isOpen\" class=\"px-4 py-3 bg-base-100\">\n        <slot :is-open=\"isOpen\" />\n      </div>\n    </Transition>\n\n  </div>\n</template>\n\n<style scoped>\n.accordion-enter-active,\n.accordion-leave-active {\n  transition: max-height 0.2s ease, opacity 0.2s ease;\n  overflow: hidden;\n}\n.accordion-enter-from,\n.accordion-leave-to {\n  max-height: 0 !important;\n  opacity: 0;\n}\n</style>","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport { ChevronDownIcon, PlusIcon } from '@lucide/vue'\nimport { computed, inject } from 'vue'\nimport { ACCORDION_CONTEXT_KEY } from './accordion.context'\nimport { ACCORDION_ITEM_CONFIG } from './accordion-item.context'\nimport type { AccordionItemProps } from './accordion-item.props'\n</script>\n\n<script setup lang=\"ts\">\n\nconst props = defineProps<AccordionItemProps>()\nconst config = useComponentConfig(ACCORDION_ITEM_CONFIG, props, {\n  icon: 'arrow',\n})\n\nconst emit = defineEmits<{\n  open: []\n  close: []\n  toggle: [isOpen: boolean]\n}>()\n\nconst ctx = inject(ACCORDION_CONTEXT_KEY, null)\nconst isOpen = computed(() => ctx?.isOpen(props.name) ?? false)\n\nfunction toggle() {\n  ctx?.toggle(props.name)\n  const next = !isOpen.value\n\n  emit('toggle', next)\n  next ? emit('open') : emit('close')\n}\n\nfunction open() {\n  if (!isOpen.value) {\n    toggle()\n  }\n}\n\nfunction close() {\n  if (isOpen.value) {\n    toggle()\n  }\n}\n\nfunction requestFrame(callback: FrameRequestCallback) {\n  requestAnimationFrame(callback)\n}\n\ndefineExpose({\n  open,\n  close,\n  toggle,\n  isOpen,\n})\n</script>\n\n<template>\n  <div class=\"rounded-box border border-base-content/10 overflow-hidden\">\n\n    <!-- Header -->\n    <div\n      class=\"flex items-center justify-between gap-3 px-4 py-3 cursor-pointer select-none bg-base-200 hover:bg-base-300 transition-colors\"\n      @click=\"toggle\"\n    >\n      <div class=\"flex-1 min-w-0\">\n        <slot name=\"title\" :is-open=\"isOpen\" />\n      </div>\n\n      <!-- Icon slot with fallback -->\n      <slot name=\"icon\" :is-open=\"isOpen\">\n        <PlusIcon\n          v-if=\"config.icon === 'plus'\"\n          class=\"size-4 opacity-50 transition-transform shrink-0\"\n          :class=\"isOpen && 'rotate-45'\"\n        />\n        <ChevronDownIcon\n          v-else\n          class=\"size-4 opacity-50 transition-transform shrink-0\"\n          :class=\"isOpen && 'rotate-180'\"\n        />\n      </slot>\n    </div>\n\n    <!-- Content -->\n    <Transition\n      name=\"accordion\"\n      @enter=\"(el: any) => { el.style.maxHeight = el.scrollHeight + 'px' }\"\n      @after-enter=\"(el: any) => { el.style.maxHeight = 'none' }\"\n      @leave=\"(el: any) => { el.style.maxHeight = el.scrollHeight + 'px'; requestFrame(() => el.style.maxHeight = '0') }\"\n    >\n      <div v-if=\"isOpen\" class=\"px-4 py-3 bg-base-100\">\n        <slot :is-open=\"isOpen\" />\n      </div>\n    </Transition>\n\n  </div>\n</template>\n\n<style scoped>\n.accordion-enter-active,\n.accordion-leave-active {\n  transition: max-height 0.2s ease, opacity 0.2s ease;\n  overflow: hidden;\n}\n.accordion-enter-from,\n.accordion-leave-to {\n  max-height: 0 !important;\n  opacity: 0;\n}\n</style>","import { createComponentConfigKey } from '@/symbol'\n\nexport const AVATAR_CONFIG = createComponentConfigKey('avatar')\n","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { isTrue } from '@/utils/is-true'\nimport { AVATAR_CONFIG } from './avatar.context'\nimport type { AvatarProps } from './avatar.props'\nimport type { AvatarPresence, AvatarSize } from './avatar.types'\n\nconst avatarSizes: Record<AvatarSize, `w-${number}`> = {\n  xs: 'w-8',\n  sm: 'w-16',\n  md: 'w-20',\n  lg: 'w-24',\n  xl: 'w-32',\n}\n\nconst avatarPresences: ComponentClass<'avatar', AvatarPresence> = {\n  online: 'avatar-online',\n  offline: 'avatar-offline',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<AvatarProps>()\nconst config = useComponentConfig(AVATAR_CONFIG, props, {\n  shape: 'rounded-full',\n})\n</script>\n\n<template>\n  <!-- Group mode -->\n  <div\n    v-if=\"isTrue(group)\"\n    class=\"avatar-group -space-x-6\"\n  >\n    <slot />\n  </div>\n\n  <!-- Avatar mode -->\n  <div\n    v-else\n    class=\"avatar\"\n    :class=\"[\n      getClass(avatarPresences, config.presence),\n      isTrue(placeholder) && 'avatar-placeholder',\n    ]\"\n  >\n    <div\n      :class=\"[\n        getClass(avatarSizes, config.size),\n        config.shape,\n      ]\"\n    >\n      <slot />\n    </div>\n  </div>\n</template>","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { isTrue } from '@/utils/is-true'\nimport { AVATAR_CONFIG } from './avatar.context'\nimport type { AvatarProps } from './avatar.props'\nimport type { AvatarPresence, AvatarSize } from './avatar.types'\n\nconst avatarSizes: Record<AvatarSize, `w-${number}`> = {\n  xs: 'w-8',\n  sm: 'w-16',\n  md: 'w-20',\n  lg: 'w-24',\n  xl: 'w-32',\n}\n\nconst avatarPresences: ComponentClass<'avatar', AvatarPresence> = {\n  online: 'avatar-online',\n  offline: 'avatar-offline',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<AvatarProps>()\nconst config = useComponentConfig(AVATAR_CONFIG, props, {\n  shape: 'rounded-full',\n})\n</script>\n\n<template>\n  <!-- Group mode -->\n  <div\n    v-if=\"isTrue(group)\"\n    class=\"avatar-group -space-x-6\"\n  >\n    <slot />\n  </div>\n\n  <!-- Avatar mode -->\n  <div\n    v-else\n    class=\"avatar\"\n    :class=\"[\n      getClass(avatarPresences, config.presence),\n      isTrue(placeholder) && 'avatar-placeholder',\n    ]\"\n  >\n    <div\n      :class=\"[\n        getClass(avatarSizes, config.size),\n        config.shape,\n      ]\"\n    >\n      <slot />\n    </div>\n  </div>\n</template>","import { createComponentConfigKey } from '@/symbol'\n\nexport const BADGE_CONFIG = createComponentConfigKey('badge')\n","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { BADGE_CONFIG } from './badge.context'\nimport type { BadgeProps } from './badge.props'\nimport type { BadgeColor, BadgeSize, BadgeVariant } from './badge.types'\n\nconst badgeColors: ComponentClass<'badge', BadgeColor> = {\n  neutral: 'badge-neutral',\n  primary: 'badge-primary',\n  secondary: 'badge-secondary',\n  accent: 'badge-accent',\n  info: 'badge-info',\n  success: 'badge-success',\n  warning: 'badge-warning',\n  error: 'badge-error',\n}\n\nconst badgeVariants: ComponentClass<'badge', BadgeVariant> = {\n  outline: 'badge-outline',\n  soft: 'badge-soft',\n  dash: 'badge-dash',\n}\n\nconst badgeSizes: ComponentClass<'badge', BadgeSize> = {\n  xs: 'badge-xs',\n  sm: 'badge-sm',\n  md: 'badge-md',\n  lg: 'badge-lg',\n  xl: 'badge-xl',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<BadgeProps>()\nconst config = useComponentConfig(BADGE_CONFIG, props, {})\n</script>\n\n<template>\n  <span\n    class=\"badge\"\n    :class=\"[\n      getClass(badgeColors, config.color),\n      getClass(badgeVariants, config.variant),\n      getClass(badgeSizes, config.size),\n    ]\"\n  >\n    <slot />\n  </span>\n</template>","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { BADGE_CONFIG } from './badge.context'\nimport type { BadgeProps } from './badge.props'\nimport type { BadgeColor, BadgeSize, BadgeVariant } from './badge.types'\n\nconst badgeColors: ComponentClass<'badge', BadgeColor> = {\n  neutral: 'badge-neutral',\n  primary: 'badge-primary',\n  secondary: 'badge-secondary',\n  accent: 'badge-accent',\n  info: 'badge-info',\n  success: 'badge-success',\n  warning: 'badge-warning',\n  error: 'badge-error',\n}\n\nconst badgeVariants: ComponentClass<'badge', BadgeVariant> = {\n  outline: 'badge-outline',\n  soft: 'badge-soft',\n  dash: 'badge-dash',\n}\n\nconst badgeSizes: ComponentClass<'badge', BadgeSize> = {\n  xs: 'badge-xs',\n  sm: 'badge-sm',\n  md: 'badge-md',\n  lg: 'badge-lg',\n  xl: 'badge-xl',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<BadgeProps>()\nconst config = useComponentConfig(BADGE_CONFIG, props, {})\n</script>\n\n<template>\n  <span\n    class=\"badge\"\n    :class=\"[\n      getClass(badgeColors, config.color),\n      getClass(badgeVariants, config.variant),\n      getClass(badgeSizes, config.size),\n    ]\"\n  >\n    <slot />\n  </span>\n</template>","import { createComponentConfigKey } from '@/symbol'\n\nexport const CARD_CONFIG = createComponentConfigKey('card')\n","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { isTrue } from '@/utils/is-true'\nimport { CARD_CONFIG } from './card.context'\nimport type { CardProps } from './card.props'\nimport type { CardSize, CardVariant } from './card.types'\n\nconst cardVariants: ComponentClass<'card', CardVariant> = {\n  border: 'card-border',\n  dash: 'card-dash',\n}\n\nconst cardSizes: ComponentClass<'card', CardSize> = {\n  xs: 'card-xs',\n  sm: 'card-sm',\n  md: 'card-md',\n  lg: 'card-lg',\n  xl: 'card-xl',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<CardProps>()\nconst config = useComponentConfig(CARD_CONFIG, props, {})\n</script>\n\n<template>\n  <div\n    class=\"card bg-base-100\"\n    :class=\"[\n      getClass(cardVariants, config.variant),\n      getClass(cardSizes, config.size),\n      isTrue(config.side) && 'card-side',\n      isTrue(config.imageFull) && 'image-full',\n    ]\"\n  >\n    <slot />\n  </div>\n</template>","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { isTrue } from '@/utils/is-true'\nimport { CARD_CONFIG } from './card.context'\nimport type { CardProps } from './card.props'\nimport type { CardSize, CardVariant } from './card.types'\n\nconst cardVariants: ComponentClass<'card', CardVariant> = {\n  border: 'card-border',\n  dash: 'card-dash',\n}\n\nconst cardSizes: ComponentClass<'card', CardSize> = {\n  xs: 'card-xs',\n  sm: 'card-sm',\n  md: 'card-md',\n  lg: 'card-lg',\n  xl: 'card-xl',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<CardProps>()\nconst config = useComponentConfig(CARD_CONFIG, props, {})\n</script>\n\n<template>\n  <div\n    class=\"card bg-base-100\"\n    :class=\"[\n      getClass(cardVariants, config.variant),\n      getClass(cardSizes, config.size),\n      isTrue(config.side) && 'card-side',\n      isTrue(config.imageFull) && 'image-full',\n    ]\"\n  >\n    <slot />\n  </div>\n</template>","import { createComponentConfigKey } from '@/symbol'\n\nexport const CARD_ACTIONS_CONFIG = createComponentConfigKey('cardActions')\n","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { CARD_ACTIONS_CONFIG } from './card-actions.context'\nimport type { CardActionsProps } from './card-actions.props'\nimport type { CardActionsAlign } from './card-actions.types'\n\nconst cardActionsAligns: ComponentClass<'justify', CardActionsAlign> = {\n  start: 'justify-start',\n  center: 'justify-center',\n  end: 'justify-end',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<CardActionsProps>()\nconst config = useComponentConfig(CARD_ACTIONS_CONFIG, props, {\n  align: 'start',\n})\n</script>\n\n<template>\n  <div\n    class=\"card-actions\"\n    :class=\"getClass(cardActionsAligns, config.align)\"\n  >\n    <slot />\n  </div>\n</template>","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { CARD_ACTIONS_CONFIG } from './card-actions.context'\nimport type { CardActionsProps } from './card-actions.props'\nimport type { CardActionsAlign } from './card-actions.types'\n\nconst cardActionsAligns: ComponentClass<'justify', CardActionsAlign> = {\n  start: 'justify-start',\n  center: 'justify-center',\n  end: 'justify-end',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<CardActionsProps>()\nconst config = useComponentConfig(CARD_ACTIONS_CONFIG, props, {\n  align: 'start',\n})\n</script>\n\n<template>\n  <div\n    class=\"card-actions\"\n    :class=\"getClass(cardActionsAligns, config.align)\"\n  >\n    <slot />\n  </div>\n</template>","<template>\n  <div class=\"card-body\">\n    <slot />\n  </div>\n</template>","<template>\n  <h2 class=\"card-title\">\n    <slot />\n  </h2>\n</template>","import { createComponentConfigKey } from '@/symbol'\n\nexport const CAROUSEL_CONFIG = createComponentConfigKey('carousel')\n","<script lang=\"ts\">\nimport ClassWrapper from '@/components/ClassWrapper.vue'\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport { getClass } from '@/utils/build-class.util'\nimport { isTrue } from '@/utils/is-true'\nimport { computed, onMounted, onUnmounted, shallowRef, useTemplateRef } from 'vue'\nimport { CAROUSEL_CONFIG } from './carousel.context'\nimport type { CarouselProps } from './carousel.props'\nimport type { CarouselDirection, CarouselSnap } from './carousel.types'\n\nconst directionClasses: Record<CarouselDirection, string> = {\n  horizontal: '',\n  vertical: 'carousel-vertical',\n}\n\nconst snapClasses: Record<CarouselSnap, string> = {\n  start: 'carousel-start',\n  center: 'carousel-center',\n  end: 'carousel-end',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<CarouselProps>()\nconst config = useComponentConfig(CAROUSEL_CONFIG, props, {\n  direction: 'horizontal',\n  snap: 'start',\n  indicators: false,\n  controls: false,\n  autoplay: false,\n  interval: 3000,\n  initialIndex: 0,\n})\n\nconst carouselRef = useTemplateRef('carouselRef')\nconst currentIndex = shallowRef(props.initialIndex ?? 0)\nlet autoplayTimer: ReturnType<typeof setInterval> | null = null\n\nconst isVertical = computed(() => config.value.direction === 'vertical')\n\nfunction getItemCount(): number {\n  if (!carouselRef.value) {\n    return 0\n  }\n\n  return carouselRef.value.querySelectorAll('.carousel-item').length\n}\n\nfunction getItems(): HTMLElement[] {\n  if (!carouselRef.value) {\n    return []\n  }\n\n  return Array.from(carouselRef.value.querySelectorAll('.carousel-item')) as HTMLElement[]\n}\n\nfunction scrollTo(index: number) {\n  const items = getItems()\n  if (!items.length || index < 0 || index >= items.length) {\n    return\n  }\n\n  items[index].scrollIntoView({\n    behavior: 'smooth',\n    block: isVertical.value ? 'nearest' : undefined,\n    inline: isVertical.value ? undefined : 'nearest',\n  })\n  currentIndex.value = index\n}\n\nfunction goTo(index: number) {\n  const count = getItemCount()\n  if (count === 0) {\n    return\n  }\n\n  const target = index % count\n  scrollTo(target < 0 ? count + target : target)\n}\n\nfunction next() {\n  goTo(currentIndex.value + 1)\n}\n\nfunction prev() {\n  goTo(currentIndex.value - 1)\n}\n\nfunction startAutoplay() {\n  if (autoplayTimer) {\n    clearInterval(autoplayTimer)\n  }\n\n  if (isTrue(config.value.autoplay) && getItemCount() > 1) {\n    autoplayTimer = setInterval(next, config.value.interval)\n  }\n}\n\nfunction stopAutoplay() {\n  if (autoplayTimer) {\n    clearInterval(autoplayTimer)\n    autoplayTimer = null\n  }\n}\n\nconst count = computed(() => getItemCount())\n\nonMounted(() => {\n  startAutoplay()\n})\n\nonUnmounted(() => {\n  stopAutoplay()\n})\n</script>\n\n<template>\n  <div\n    ref=\"carouselRef\"\n    class=\"carousel w-full\"\n    :class=\"[\n      getClass(directionClasses, config.direction),\n      getClass(snapClasses, config.snap),\n    ]\"\n    @mouseenter=\"stopAutoplay\"\n    @mouseleave=\"startAutoplay\"\n  >\n    <ClassWrapper class=\"carousel-item w-full\">\n      <slot />\n    </ClassWrapper>\n\n    <template v-if=\"isTrue(config.indicators) && count > 1\">\n      <div class=\"carousel-indicators absolute bottom-4 left-4 flex gap-2\">\n        <button\n          v-for=\"(_, index) in count\"\n          :key=\"index\"\n          class=\"carousel-indicator btn btn-xs btn-circle\"\n          :class=\"{ 'btn-active': currentIndex === index }\"\n          @click=\"goTo(index)\"\n        />\n      </div>\n    </template>\n  </div>\n\n  <template v-if=\"isTrue(config.controls) && count > 1\">\n    <button class=\"carousel-control carousel-prev absolute left-4 top-1/2 -translate-y-1/2 btn btn-circle\" @click=\"prev\">\n      <slot name=\"prev-icon\">\n        <ChevronLeftIcon class=\"size-6\" />\n      </slot>\n    </button>\n    <button class=\"carousel-control carousel-next absolute right-4 top-1/2 -translate-y-1/2 btn btn-circle\" @click=\"next\">\n      <slot name=\"next-icon\">\n        <ChevronRightIcon class=\"size-6\" />\n      </slot>\n    </button>\n  </template>\n</template>\n","<script lang=\"ts\">\nimport ClassWrapper from '@/components/ClassWrapper.vue'\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport { getClass } from '@/utils/build-class.util'\nimport { isTrue } from '@/utils/is-true'\nimport { computed, onMounted, onUnmounted, shallowRef, useTemplateRef } from 'vue'\nimport { CAROUSEL_CONFIG } from './carousel.context'\nimport type { CarouselProps } from './carousel.props'\nimport type { CarouselDirection, CarouselSnap } from './carousel.types'\n\nconst directionClasses: Record<CarouselDirection, string> = {\n  horizontal: '',\n  vertical: 'carousel-vertical',\n}\n\nconst snapClasses: Record<CarouselSnap, string> = {\n  start: 'carousel-start',\n  center: 'carousel-center',\n  end: 'carousel-end',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<CarouselProps>()\nconst config = useComponentConfig(CAROUSEL_CONFIG, props, {\n  direction: 'horizontal',\n  snap: 'start',\n  indicators: false,\n  controls: false,\n  autoplay: false,\n  interval: 3000,\n  initialIndex: 0,\n})\n\nconst carouselRef = useTemplateRef('carouselRef')\nconst currentIndex = shallowRef(props.initialIndex ?? 0)\nlet autoplayTimer: ReturnType<typeof setInterval> | null = null\n\nconst isVertical = computed(() => config.value.direction === 'vertical')\n\nfunction getItemCount(): number {\n  if (!carouselRef.value) {\n    return 0\n  }\n\n  return carouselRef.value.querySelectorAll('.carousel-item').length\n}\n\nfunction getItems(): HTMLElement[] {\n  if (!carouselRef.value) {\n    return []\n  }\n\n  return Array.from(carouselRef.value.querySelectorAll('.carousel-item')) as HTMLElement[]\n}\n\nfunction scrollTo(index: number) {\n  const items = getItems()\n  if (!items.length || index < 0 || index >= items.length) {\n    return\n  }\n\n  items[index].scrollIntoView({\n    behavior: 'smooth',\n    block: isVertical.value ? 'nearest' : undefined,\n    inline: isVertical.value ? undefined : 'nearest',\n  })\n  currentIndex.value = index\n}\n\nfunction goTo(index: number) {\n  const count = getItemCount()\n  if (count === 0) {\n    return\n  }\n\n  const target = index % count\n  scrollTo(target < 0 ? count + target : target)\n}\n\nfunction next() {\n  goTo(currentIndex.value + 1)\n}\n\nfunction prev() {\n  goTo(currentIndex.value - 1)\n}\n\nfunction startAutoplay() {\n  if (autoplayTimer) {\n    clearInterval(autoplayTimer)\n  }\n\n  if (isTrue(config.value.autoplay) && getItemCount() > 1) {\n    autoplayTimer = setInterval(next, config.value.interval)\n  }\n}\n\nfunction stopAutoplay() {\n  if (autoplayTimer) {\n    clearInterval(autoplayTimer)\n    autoplayTimer = null\n  }\n}\n\nconst count = computed(() => getItemCount())\n\nonMounted(() => {\n  startAutoplay()\n})\n\nonUnmounted(() => {\n  stopAutoplay()\n})\n</script>\n\n<template>\n  <div\n    ref=\"carouselRef\"\n    class=\"carousel w-full\"\n    :class=\"[\n      getClass(directionClasses, config.direction),\n      getClass(snapClasses, config.snap),\n    ]\"\n    @mouseenter=\"stopAutoplay\"\n    @mouseleave=\"startAutoplay\"\n  >\n    <ClassWrapper class=\"carousel-item w-full\">\n      <slot />\n    </ClassWrapper>\n\n    <template v-if=\"isTrue(config.indicators) && count > 1\">\n      <div class=\"carousel-indicators absolute bottom-4 left-4 flex gap-2\">\n        <button\n          v-for=\"(_, index) in count\"\n          :key=\"index\"\n          class=\"carousel-indicator btn btn-xs btn-circle\"\n          :class=\"{ 'btn-active': currentIndex === index }\"\n          @click=\"goTo(index)\"\n        />\n      </div>\n    </template>\n  </div>\n\n  <template v-if=\"isTrue(config.controls) && count > 1\">\n    <button class=\"carousel-control carousel-prev absolute left-4 top-1/2 -translate-y-1/2 btn btn-circle\" @click=\"prev\">\n      <slot name=\"prev-icon\">\n        <ChevronLeftIcon class=\"size-6\" />\n      </slot>\n    </button>\n    <button class=\"carousel-control carousel-next absolute right-4 top-1/2 -translate-y-1/2 btn btn-circle\" @click=\"next\">\n      <slot name=\"next-icon\">\n        <ChevronRightIcon class=\"size-6\" />\n      </slot>\n    </button>\n  </template>\n</template>\n","import { createComponentConfigKey } from '@/symbol'\n\nexport const CHAT_CONFIG = createComponentConfigKey('chat')\n","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { CHAT_CONFIG } from './chat.context'\nimport type { ChatProps } from './chat.props'\nimport type { ChatColor } from './chat.types'\n\nconst chatColors: ComponentClass<'chat-bubble', ChatColor> = {\n  neutral: 'chat-bubble-neutral',\n  primary: 'chat-bubble-primary',\n  secondary: 'chat-bubble-secondary',\n  accent: 'chat-bubble-accent',\n  info: 'chat-bubble-info',\n  success: 'chat-bubble-success',\n  warning: 'chat-bubble-warning',\n  error: 'chat-bubble-error',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<ChatProps>()\nconst config = useComponentConfig(CHAT_CONFIG, props, {\n  side: 'start',\n})\n</script>\n\n<template>\n  <div\n    class=\"chat\"\n    :class=\"config.side === 'end' ? 'chat-end' : 'chat-start'\"\n  >\n    <div v-if=\"$slots.image\" class=\"chat-image\">\n      <slot name=\"image\" />\n    </div>\n\n    <div v-if=\"$slots.header\" class=\"chat-header\">\n      <slot name=\"header\" />\n    </div>\n\n    <div\n      class=\"chat-bubble\"\n      :class=\"getClass(chatColors, config.color)\"\n    >\n      <slot />\n    </div>\n\n    <div v-if=\"$slots.footer\" class=\"chat-footer\">\n      <slot name=\"footer\" />\n    </div>\n\n    <div v-if=\"$slots.meta\" class=\"chat-meta\">\n      <slot name=\"meta\" />\n    </div>\n  </div>\n</template>","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { CHAT_CONFIG } from './chat.context'\nimport type { ChatProps } from './chat.props'\nimport type { ChatColor } from './chat.types'\n\nconst chatColors: ComponentClass<'chat-bubble', ChatColor> = {\n  neutral: 'chat-bubble-neutral',\n  primary: 'chat-bubble-primary',\n  secondary: 'chat-bubble-secondary',\n  accent: 'chat-bubble-accent',\n  info: 'chat-bubble-info',\n  success: 'chat-bubble-success',\n  warning: 'chat-bubble-warning',\n  error: 'chat-bubble-error',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<ChatProps>()\nconst config = useComponentConfig(CHAT_CONFIG, props, {\n  side: 'start',\n})\n</script>\n\n<template>\n  <div\n    class=\"chat\"\n    :class=\"config.side === 'end' ? 'chat-end' : 'chat-start'\"\n  >\n    <div v-if=\"$slots.image\" class=\"chat-image\">\n      <slot name=\"image\" />\n    </div>\n\n    <div v-if=\"$slots.header\" class=\"chat-header\">\n      <slot name=\"header\" />\n    </div>\n\n    <div\n      class=\"chat-bubble\"\n      :class=\"getClass(chatColors, config.color)\"\n    >\n      <slot />\n    </div>\n\n    <div v-if=\"$slots.footer\" class=\"chat-footer\">\n      <slot name=\"footer\" />\n    </div>\n\n    <div v-if=\"$slots.meta\" class=\"chat-meta\">\n      <slot name=\"meta\" />\n    </div>\n  </div>\n</template>","<script lang=\"ts\">\nimport { computed, onUnmounted, ref, watch } from 'vue'\nimport type { CountdownProps } from './countdown.props'\nimport type { CountdownDelta, CountdownTarget } from './countdown.types'\n\n/**\n * Converts any supported CountdownTarget to a Unix timestamp in ms.\n */\nfunction toTimestamp(to: CountdownTarget): number {\n  // Native Date\n  if (to instanceof Date) return to.getTime()\n\n  // String or number\n  if (typeof to === 'string' || typeof to === 'number') return new Date(to).getTime()\n\n  // Temporal API (feature detection via duck typing)\n  if (typeof to === 'object' && to !== null) {\n    // Temporal.Instant — has epochMilliseconds\n    if ('epochMilliseconds' in to) return (to as Temporal.Instant).epochMilliseconds\n\n    // Temporal.ZonedDateTime — has epochMilliseconds\n    if ('epochMilliseconds' in to && 'timeZoneId' in to) return (to as Temporal.ZonedDateTime).epochMilliseconds\n\n    // Temporal.PlainDateTime — no timezone, convert via Temporal.Now.timeZoneId\n    if ('toZonedDateTime' in to) {\n      const zdt = (to as Temporal.PlainDateTime).toZonedDateTime(\n        typeof Temporal !== 'undefined' ? Temporal.Now.timeZoneId() : 'UTC',\n      )\n      return zdt.epochMilliseconds\n    }\n  }\n\n  return Number.NaN\n}\n\nfunction getDelta(targetMs: number): CountdownDelta {\n  const diff = Math.max(0, targetMs - Date.now())\n  return {\n    days: Math.floor(diff / 1000 / 60 / 60 / 24),\n    hours: Math.floor(diff / 1000 / 60 / 60) % 24,\n    minutes: Math.floor(diff / 1000 / 60) % 60,\n    seconds: Math.floor(diff / 1000) % 60,\n    done: diff === 0,\n  }\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<CountdownProps>()\n\nconst digits = computed(() => props.digits ?? 2)\n\nconst emit = defineEmits<{\n  /**\n   * Emitted once when the countdown reaches zero.\n   */\n  end: []\n}>()\n\nconst targetMs = computed(() => toTimestamp(props.to))\nconst delta = ref<CountdownDelta>(getDelta(targetMs.value))\n\nlet interval: ReturnType<typeof setInterval> | undefined\n\nfunction stop() {\n  if (interval !== undefined) {\n    clearInterval(interval)\n    interval = undefined\n  }\n}\n\nfunction start() {\n  stop()\n  interval = setInterval(() => {\n    delta.value = getDelta(targetMs.value)\n    if (delta.value.done) {\n      stop()\n      emit('end')\n    }\n  }, 500)\n}\n\nwatch(targetMs, () => {\n  delta.value = getDelta(targetMs.value)\n  start()\n}, { immediate: true })\n\nonUnmounted(stop)\n\ndefineExpose({ delta })\n</script>\n\n<template>\n  <slot\n    :days=\"delta.days\"\n    :hours=\"delta.hours\"\n    :minutes=\"delta.minutes\"\n    :seconds=\"delta.seconds\"\n    :done=\"delta.done\"\n    :digits=\"digits\"\n  >\n    <!-- Default render: hh:mm:ss -->\n    <span class=\"countdown font-mono text-2xl\">\n      <span :style=\"{ '--value': delta.hours, '--digits': digits }\" :aria-label=\"String(delta.hours)\">{{ delta.hours }}</span>\n      :\n      <span :style=\"{ '--value': delta.minutes, '--digits': digits }\" :aria-label=\"String(delta.minutes)\">{{ delta.minutes }}</span>\n      :\n      <span :style=\"{ '--value': delta.seconds, '--digits': digits }\" :aria-label=\"String(delta.seconds)\">{{ delta.seconds }}</span>\n    </span>\n  </slot>\n</template>","<script lang=\"ts\">\nimport { computed, onUnmounted, ref, watch } from 'vue'\nimport type { CountdownProps } from './countdown.props'\nimport type { CountdownDelta, CountdownTarget } from './countdown.types'\n\n/**\n * Converts any supported CountdownTarget to a Unix timestamp in ms.\n */\nfunction toTimestamp(to: CountdownTarget): number {\n  // Native Date\n  if (to instanceof Date) return to.getTime()\n\n  // String or number\n  if (typeof to === 'string' || typeof to === 'number') return new Date(to).getTime()\n\n  // Temporal API (feature detection via duck typing)\n  if (typeof to === 'object' && to !== null) {\n    // Temporal.Instant — has epochMilliseconds\n    if ('epochMilliseconds' in to) return (to as Temporal.Instant).epochMilliseconds\n\n    // Temporal.ZonedDateTime — has epochMilliseconds\n    if ('epochMilliseconds' in to && 'timeZoneId' in to) return (to as Temporal.ZonedDateTime).epochMilliseconds\n\n    // Temporal.PlainDateTime — no timezone, convert via Temporal.Now.timeZoneId\n    if ('toZonedDateTime' in to) {\n      const zdt = (to as Temporal.PlainDateTime).toZonedDateTime(\n        typeof Temporal !== 'undefined' ? Temporal.Now.timeZoneId() : 'UTC',\n      )\n      return zdt.epochMilliseconds\n    }\n  }\n\n  return Number.NaN\n}\n\nfunction getDelta(targetMs: number): CountdownDelta {\n  const diff = Math.max(0, targetMs - Date.now())\n  return {\n    days: Math.floor(diff / 1000 / 60 / 60 / 24),\n    hours: Math.floor(diff / 1000 / 60 / 60) % 24,\n    minutes: Math.floor(diff / 1000 / 60) % 60,\n    seconds: Math.floor(diff / 1000) % 60,\n    done: diff === 0,\n  }\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<CountdownProps>()\n\nconst digits = computed(() => props.digits ?? 2)\n\nconst emit = defineEmits<{\n  /**\n   * Emitted once when the countdown reaches zero.\n   */\n  end: []\n}>()\n\nconst targetMs = computed(() => toTimestamp(props.to))\nconst delta = ref<CountdownDelta>(getDelta(targetMs.value))\n\nlet interval: ReturnType<typeof setInterval> | undefined\n\nfunction stop() {\n  if (interval !== undefined) {\n    clearInterval(interval)\n    interval = undefined\n  }\n}\n\nfunction start() {\n  stop()\n  interval = setInterval(() => {\n    delta.value = getDelta(targetMs.value)\n    if (delta.value.done) {\n      stop()\n      emit('end')\n    }\n  }, 500)\n}\n\nwatch(targetMs, () => {\n  delta.value = getDelta(targetMs.value)\n  start()\n}, { immediate: true })\n\nonUnmounted(stop)\n\ndefineExpose({ delta })\n</script>\n\n<template>\n  <slot\n    :days=\"delta.days\"\n    :hours=\"delta.hours\"\n    :minutes=\"delta.minutes\"\n    :seconds=\"delta.seconds\"\n    :done=\"delta.done\"\n    :digits=\"digits\"\n  >\n    <!-- Default render: hh:mm:ss -->\n    <span class=\"countdown font-mono text-2xl\">\n      <span :style=\"{ '--value': delta.hours, '--digits': digits }\" :aria-label=\"String(delta.hours)\">{{ delta.hours }}</span>\n      :\n      <span :style=\"{ '--value': delta.minutes, '--digits': digits }\" :aria-label=\"String(delta.minutes)\">{{ delta.minutes }}</span>\n      :\n      <span :style=\"{ '--value': delta.seconds, '--digits': digits }\" :aria-label=\"String(delta.seconds)\">{{ delta.seconds }}</span>\n    </span>\n  </slot>\n</template>","<script setup lang=\"ts\"></script>\n\n<template>\n  <figure class=\"diff\" tabindex=\"0\">\n    <div class=\"diff-item-1\" role=\"img\" tabindex=\"0\">\n      <slot name=\"item-1\"></slot>\n    </div>\n    <div class=\"diff-item-2\" role=\"img\">\n      <slot name=\"item-2\"></slot>\n    </div>\n    <div class=\"diff-resizer\"></div>\n  </figure>\n</template>","<script lang=\"ts\">\nimport { computed } from 'vue'\nimport { RouterLink } from 'vue-router'\nimport type { Hover3dProps } from './hover-3d.props'\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<Hover3dProps>()\n\nconst tag = computed(() => props.to ?\n  props.to === '#' \n    ? 'a'\n    : RouterLink \n  : 'div')\n\nconst attr = computed(() => {\n  if (tag.value === 'a') {\n    return {\n      href: props.to\n    }\n  }\n  if (tag.value === 'div') {\n    return {}\n  }\n  return {\n    to: props.to\n  }\n})\n</script>\n\n<template>\n  <component :is=\"tag\" class=\"hover-3d\" v-bind=\"attr\">\n    <slot />\n    <!-- 8 empty divs required for the 3D zone detection -->\n    <div v-for=\"i in 8\" :key=\"i\" />\n  </component>\n</template>","<script lang=\"ts\">\nimport { computed } from 'vue'\nimport { RouterLink } from 'vue-router'\nimport type { Hover3dProps } from './hover-3d.props'\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<Hover3dProps>()\n\nconst tag = computed(() => props.to ?\n  props.to === '#' \n    ? 'a'\n    : RouterLink \n  : 'div')\n\nconst attr = computed(() => {\n  if (tag.value === 'a') {\n    return {\n      href: props.to\n    }\n  }\n  if (tag.value === 'div') {\n    return {}\n  }\n  return {\n    to: props.to\n  }\n})\n</script>\n\n<template>\n  <component :is=\"tag\" class=\"hover-3d\" v-bind=\"attr\">\n    <slot />\n    <!-- 8 empty divs required for the 3D zone detection -->\n    <div v-for=\"i in 8\" :key=\"i\" />\n  </component>\n</template>","<template>\n  <figure class=\"hover-gallery\">\n    <slot />\n  </figure>\n</template>\n","import { createComponentConfigKey } from '@/symbol'\n\nexport const KBD_CONFIG = createComponentConfigKey('kbd')\n","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { KBD_CONFIG } from './kbd.context'\nimport type { KbdProps } from './kbd.props'\nimport type { KbdSize } from './kbd.types'\n\nconst kbdSizes: ComponentClass<'kbd', KbdSize> = {\n  xs: 'kbd-xs',\n  sm: 'kbd-sm',\n  md: 'kbd-md',\n  lg: 'kbd-lg',\n  xl: 'kbd-xl',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<KbdProps>()\nconst config = useComponentConfig(KBD_CONFIG, props, {\n  size: 'md',\n})\n</script>\n\n<template>\n  <kbd\n    class=\"kbd\"\n    :class=\"getClass(kbdSizes, config.size)\"\n  >\n    <slot />\n  </kbd>\n</template>","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { KBD_CONFIG } from './kbd.context'\nimport type { KbdProps } from './kbd.props'\nimport type { KbdSize } from './kbd.types'\n\nconst kbdSizes: ComponentClass<'kbd', KbdSize> = {\n  xs: 'kbd-xs',\n  sm: 'kbd-sm',\n  md: 'kbd-md',\n  lg: 'kbd-lg',\n  xl: 'kbd-xl',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<KbdProps>()\nconst config = useComponentConfig(KBD_CONFIG, props, {\n  size: 'md',\n})\n</script>\n\n<template>\n  <kbd\n    class=\"kbd\"\n    :class=\"getClass(kbdSizes, config.size)\"\n  >\n    <slot />\n  </kbd>\n</template>","<script setup lang=\"ts\">\nimport type { ListProps } from './list.props'\n\ndefineProps<ListProps>()\n</script>\n\n<template>\n  <ul class=\"list bg-base-100 rounded-box\">\n    <li v-if=\"title || $slots.title\" class=\"p-4 pb-2 text-xs opacity-60 tracking-wide\">\n      <slot name=\"title\">{{ title }}</slot>\n    </li>\n    <slot />\n  </ul>\n</template>","<script setup lang=\"ts\">\nimport type { ListProps } from './list.props'\n\ndefineProps<ListProps>()\n</script>\n\n<template>\n  <ul class=\"list bg-base-100 rounded-box\">\n    <li v-if=\"title || $slots.title\" class=\"p-4 pb-2 text-xs opacity-60 tracking-wide\">\n      <slot name=\"title\">{{ title }}</slot>\n    </li>\n    <slot />\n  </ul>\n</template>","<script lang=\"ts\">\nimport { computed, useSlots } from 'vue'\nimport { RouterLink } from 'vue-router'\nimport type { ListItemProps } from './list-item.props'\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<ListItemProps>()\n\nconst tag = computed(() => props.to ? props.to === '#' ? 'a' : RouterLink : 'li')\nconst attr = computed(() => {\n  if (tag.value === 'a') {\n    return {\n      href: props.to\n    }\n  }\n  if (tag.value === 'li') {\n    return {}\n  }\n  return {\n    to: props.to\n  }\n})\n\nconst slots = useSlots()\nconst hasContent = computed(() => !!props.title || !!props.description || !!slots.title || !!slots.description)\n</script>\n\n<template>\n  <component\n    :is=\"tag\"\n    class=\"list-row\"\n    v-bind=\"attr\"\n  >\n    <slot name=\"prefix\" />\n\n    <div v-if=\"hasContent\" class=\"list-col-grow\">\n      <slot name=\"title\">\n        <div>{{ title }}</div>\n      </slot>\n      <slot name=\"description\">\n        <div class=\"text-xs uppercase font-semibold opacity-60\">{{ description }}</div>\n      </slot>\n    </div>\n    <slot v-else />\n\n    <div v-if=\"$slots.details\" class=\"list-col-wrap text-xs opacity-60\">\n      <slot name=\"details\" />\n    </div>\n\n    <slot name=\"actions\" />\n  </component>\n</template>","<script lang=\"ts\">\nimport { computed, useSlots } from 'vue'\nimport { RouterLink } from 'vue-router'\nimport type { ListItemProps } from './list-item.props'\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<ListItemProps>()\n\nconst tag = computed(() => props.to ? props.to === '#' ? 'a' : RouterLink : 'li')\nconst attr = computed(() => {\n  if (tag.value === 'a') {\n    return {\n      href: props.to\n    }\n  }\n  if (tag.value === 'li') {\n    return {}\n  }\n  return {\n    to: props.to\n  }\n})\n\nconst slots = useSlots()\nconst hasContent = computed(() => !!props.title || !!props.description || !!slots.title || !!slots.description)\n</script>\n\n<template>\n  <component\n    :is=\"tag\"\n    class=\"list-row\"\n    v-bind=\"attr\"\n  >\n    <slot name=\"prefix\" />\n\n    <div v-if=\"hasContent\" class=\"list-col-grow\">\n      <slot name=\"title\">\n        <div>{{ title }}</div>\n      </slot>\n      <slot name=\"description\">\n        <div class=\"text-xs uppercase font-semibold opacity-60\">{{ description }}</div>\n      </slot>\n    </div>\n    <slot v-else />\n\n    <div v-if=\"$slots.details\" class=\"list-col-wrap text-xs opacity-60\">\n      <slot name=\"details\" />\n    </div>\n\n    <slot name=\"actions\" />\n  </component>\n</template>","import { createComponentConfigKey } from '@/symbol'\n\nexport const STATUS_CONFIG = createComponentConfigKey('status')\n","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { STATUS_CONFIG } from './status.context'\nimport type { StatusProps } from './status.props'\nimport type { StatusColor, StatusSize } from './status.types'\n\nconst statusColors: ComponentClass<'status', StatusColor> = {\n  neutral: 'status-neutral',\n  primary: 'status-primary',\n  secondary: 'status-secondary',\n  accent: 'status-accent',\n  info: 'status-info',\n  success: 'status-success',\n  warning: 'status-warning',\n  error: 'status-error',\n}\n\nconst statusSizes: ComponentClass<'status', StatusSize> = {\n  xs: 'status-xs',\n  sm: 'status-sm',\n  md: 'status-md',\n  lg: 'status-lg',\n  xl: 'status-xl',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<StatusProps>()\nconst config = useComponentConfig(STATUS_CONFIG, props, {\n  size: 'md',\n})\n</script>\n\n<template>\n  <!-- Ping: two overlapping elements via inline-grid -->\n  <div\n    v-if=\"config.animation === 'ping'\"\n    class=\"inline-grid *:[grid-area:1/1]\"\n    :aria-label=\"label\"\n  >\n    <div\n      class=\"status animate-ping\"\n      :class=\"[\n        getClass(statusColors, config.color),\n        getClass(statusSizes, config.size),\n      ]\"\n    />\n    <div\n      class=\"status\"\n      :class=\"[\n        getClass(statusColors, config.color),\n        getClass(statusSizes, config.size),\n      ]\"\n    />\n  </div>\n\n  <!-- Bounce or default -->\n  <div\n    v-else\n    class=\"status\"\n    :aria-label=\"label\"\n    :class=\"[\n      getClass(statusColors, config.color),\n      getClass(statusSizes, config.size),\n      config.animation === 'bounce' && 'animate-bounce',\n    ]\"\n  />\n</template>","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { STATUS_CONFIG } from './status.context'\nimport type { StatusProps } from './status.props'\nimport type { StatusColor, StatusSize } from './status.types'\n\nconst statusColors: ComponentClass<'status', StatusColor> = {\n  neutral: 'status-neutral',\n  primary: 'status-primary',\n  secondary: 'status-secondary',\n  accent: 'status-accent',\n  info: 'status-info',\n  success: 'status-success',\n  warning: 'status-warning',\n  error: 'status-error',\n}\n\nconst statusSizes: ComponentClass<'status', StatusSize> = {\n  xs: 'status-xs',\n  sm: 'status-sm',\n  md: 'status-md',\n  lg: 'status-lg',\n  xl: 'status-xl',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<StatusProps>()\nconst config = useComponentConfig(STATUS_CONFIG, props, {\n  size: 'md',\n})\n</script>\n\n<template>\n  <!-- Ping: two overlapping elements via inline-grid -->\n  <div\n    v-if=\"config.animation === 'ping'\"\n    class=\"inline-grid *:[grid-area:1/1]\"\n    :aria-label=\"label\"\n  >\n    <div\n      class=\"status animate-ping\"\n      :class=\"[\n        getClass(statusColors, config.color),\n        getClass(statusSizes, config.size),\n      ]\"\n    />\n    <div\n      class=\"status\"\n      :class=\"[\n        getClass(statusColors, config.color),\n        getClass(statusSizes, config.size),\n      ]\"\n    />\n  </div>\n\n  <!-- Bounce or default -->\n  <div\n    v-else\n    class=\"status\"\n    :aria-label=\"label\"\n    :class=\"[\n      getClass(statusColors, config.color),\n      getClass(statusSizes, config.size),\n      config.animation === 'bounce' && 'animate-bounce',\n    ]\"\n  />\n</template>"],"mappings":"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"}

package/dist/public.d.ts

@@ -0,0 +1,9 @@
+import { PoppyUi } from './plugin-vue';
+export default PoppyUi;
+export * from './components/actions/public.types';
+export * from './components/display/public.types';
+export * from './components/feedback/public.types';
+export * from './components/layout/public.types';
+export * from './components/navigation/public.types';
+export type { PluginOptions } from './plugin-vue';
+//# sourceMappingURL=public.d.ts.map

package/dist/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../src/public.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC,eAAe,OAAO,CAAA;AACtB,cAAc,mCAAmC,CAAA;AACjD,cAAc,mCAAmC,CAAA;AACjD,cAAc,oCAAoC,CAAA;AAClD,cAAc,kCAAkC,CAAA;AAChD,cAAc,sCAAsC,CAAA;AACpD,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA"}

package/dist/public.es.js

@@ -0,0 +1,15 @@
+import { n as e, t } from "./symbol-Dy7mXgB5.js";
+//#endregion
+//#region src/public.ts
+var n = { install(n, r = {}) {
+	n.provide(t, r?.size || "md");
+	for (let [t, i] of Object.entries(r?.components || {})) {
+		let r = e(t);
+		n.provide(r, i);
+	}
+	r?.debug && (window.__POPPY_UI_PLUGIN_OPTIONS__ = r, console.log("Poppy UI Plugin Options:", r));
+} };
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=public.es.js.map

package/dist/public.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.es.js","names":[],"sources":["../src/plugin-vue.ts","../src/public.ts"],"sourcesContent":["import type { App } from 'vue'\nimport { COMPONENT_SIZE, createComponentConfigKey } from './symbol'\nimport type { PoppyComponentConfig } from './types/config.type'\nimport type { ComponentSize } from './types/size.type'\n\ntype Plugin<T> = import('vue').Plugin<T>\n\ndeclare global {\n  export interface Window {\n    /**\n     * Poppy UI plugin options for debugging purposes. This is only set if the `debug` option is enabled when installing the plugin.\n     *\n     * @since 0.0.0\n     */\n    __POPPY_UI_PLUGIN_OPTIONS__?: PluginOptions\n  }\n}\n\nexport interface PluginOptions {\n  /**\n   * Default size for all components. This will be used as the default size for any component that doesn't have a specific size prop set. You can override this default size on a per-component basis by providing specific configurations in the `components` option or by passing the `size` prop directly to individual components.\n   * @since 0.0.0\n   */\n  size?: ComponentSize\n\n  /**\n   * Component-specific default configurations. You can specify default props for each component here, which will be merged with the props passed directly to the component. This allows you to set global defaults for your components while still allowing individual instances to override them as needed.\n   * @since 0.0.0\n   */\n  components?: Partial<PoppyComponentConfig>\n\n  /**\n   * Allows you to enable debug mode, which will log the plugin options to the console and expose them on the `window` object for easier debugging.\n   * @since 0.0.0\n   */\n  debug?: true\n}\n\nexport const PoppyUi = {\n  install(app: App, options: PluginOptions = {}) {\n    app.provide(COMPONENT_SIZE, options?.size || 'md')\n\n    for (const [componentName, componentConfig] of Object.entries(options?.components || {})) {\n      const key = createComponentConfigKey(componentName as keyof PoppyComponentConfig)\n      app.provide(key, componentConfig as never)\n    }\n\n    if (options?.debug) {\n      window.__POPPY_UI_PLUGIN_OPTIONS__ = options\n      console.log('Poppy UI Plugin Options:', options)\n    }\n  },\n} as Plugin<[PluginOptions?]>\n","import { PoppyUi } from './plugin-vue'\n\nexport default PoppyUi\nexport * from './components/actions/public.types'\nexport * from './components/display/public.types'\nexport * from './components/feedback/public.types'\nexport * from './components/layout/public.types'\nexport * from './components/navigation/public.types'\nexport type { PluginOptions } from './plugin-vue'\n"],"mappings":";;;ACEA,IAAA,IAAe,EDqCb,QAAQ,GAAU,IAAyB,CAAC,GAAG;CAC7C,EAAI,QAAQ,GAAgB,GAAS,QAAQ,IAAI;CAEjD,KAAK,IAAM,CAAC,GAAe,MAAoB,OAAO,QAAQ,GAAS,cAAc,CAAC,CAAC,GAAG;EACxF,IAAM,IAAM,EAAyB,CAA2C;EAChF,EAAI,QAAQ,GAAK,CAAwB;CAC3C;CAEA,AAAI,GAAS,UACX,OAAO,8BAA8B,GACrC,QAAQ,IAAI,4BAA4B,CAAO;AAEnD,ECjDa"}

package/dist/public.umd.js

@@ -0,0 +1,2 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./symbol-6E8gXxBa.cjs");var t={install(t,n={}){t.provide(e.t,n?.size||`md`);for(let[r,i]of Object.entries(n?.components||{})){let n=e.n(r);t.provide(n,i)}n?.debug&&(window.__POPPY_UI_PLUGIN_OPTIONS__=n,console.log(`Poppy UI Plugin Options:`,n))}};exports.default=t;
+//# sourceMappingURL=public.umd.js.map

package/dist/public.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.umd.js","names":[],"sources":["../src/plugin-vue.ts","../src/public.ts"],"sourcesContent":["import type { App } from 'vue'\nimport { COMPONENT_SIZE, createComponentConfigKey } from './symbol'\nimport type { PoppyComponentConfig } from './types/config.type'\nimport type { ComponentSize } from './types/size.type'\n\ntype Plugin<T> = import('vue').Plugin<T>\n\ndeclare global {\n  export interface Window {\n    /**\n     * Poppy UI plugin options for debugging purposes. This is only set if the `debug` option is enabled when installing the plugin.\n     *\n     * @since 0.0.0\n     */\n    __POPPY_UI_PLUGIN_OPTIONS__?: PluginOptions\n  }\n}\n\nexport interface PluginOptions {\n  /**\n   * Default size for all components. This will be used as the default size for any component that doesn't have a specific size prop set. You can override this default size on a per-component basis by providing specific configurations in the `components` option or by passing the `size` prop directly to individual components.\n   * @since 0.0.0\n   */\n  size?: ComponentSize\n\n  /**\n   * Component-specific default configurations. You can specify default props for each component here, which will be merged with the props passed directly to the component. This allows you to set global defaults for your components while still allowing individual instances to override them as needed.\n   * @since 0.0.0\n   */\n  components?: Partial<PoppyComponentConfig>\n\n  /**\n   * Allows you to enable debug mode, which will log the plugin options to the console and expose them on the `window` object for easier debugging.\n   * @since 0.0.0\n   */\n  debug?: true\n}\n\nexport const PoppyUi = {\n  install(app: App, options: PluginOptions = {}) {\n    app.provide(COMPONENT_SIZE, options?.size || 'md')\n\n    for (const [componentName, componentConfig] of Object.entries(options?.components || {})) {\n      const key = createComponentConfigKey(componentName as keyof PoppyComponentConfig)\n      app.provide(key, componentConfig as never)\n    }\n\n    if (options?.debug) {\n      window.__POPPY_UI_PLUGIN_OPTIONS__ = options\n      console.log('Poppy UI Plugin Options:', options)\n    }\n  },\n} as Plugin<[PluginOptions?]>\n","import { PoppyUi } from './plugin-vue'\n\nexport default PoppyUi\nexport * from './components/actions/public.types'\nexport * from './components/display/public.types'\nexport * from './components/feedback/public.types'\nexport * from './components/layout/public.types'\nexport * from './components/navigation/public.types'\nexport type { PluginOptions } from './plugin-vue'\n"],"mappings":"wICEA,IAAA,EAAe,CDqCb,QAAQ,EAAU,EAAyB,CAAC,EAAG,CAC7C,EAAI,QAAQ,EAAA,EAAgB,GAAS,MAAQ,IAAI,EAEjD,IAAK,GAAM,CAAC,EAAe,KAAoB,OAAO,QAAQ,GAAS,YAAc,CAAC,CAAC,EAAG,CACxF,IAAM,EAAM,EAAA,EAAyB,CAA2C,EAChF,EAAI,QAAQ,EAAK,CAAwB,CAC3C,CAEI,GAAS,QACX,OAAO,4BAA8B,EACrC,QAAQ,IAAI,2BAA4B,CAAO,EAEnD,CCjDa"}

package/dist/symbol-6E8gXxBa.cjs

@@ -0,0 +1,2 @@
+var e=new Map;function t(t){if(!e.has(t)){let n=Symbol(`config-${String(t)}`);e.set(t,n)}return e.get(t)}var n=Symbol(`pop-component--size`);Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});
+//# sourceMappingURL=symbol-6E8gXxBa.cjs.map

package/dist/symbol-6E8gXxBa.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"symbol-6E8gXxBa.cjs","names":[],"sources":["../src/symbol.ts"],"sourcesContent":["import type { ComponentSize } from '@/types/size.type'\nimport type { InjectionKey } from 'vue'\nimport type { PoppyComponentConfig } from './types/config.type'\n\nconst knownComponentConfigKeys = new Map<keyof PoppyComponentConfig, InjectionKey<unknown>>()\n\nexport function createComponentConfigKey<K extends keyof PoppyComponentConfig>(name: K) {\n  type Key = InjectionKey<Partial<PoppyComponentConfig[K]>>\n\n  if (!knownComponentConfigKeys.has(name)) {\n    const key = Symbol(`config-${String(name)}`) as Key\n    knownComponentConfigKeys.set(name, key)\n  }\n\n  return knownComponentConfigKeys.get(name) as Key\n}\n\nexport const COMPONENT_SIZE = Symbol('pop-component--size') as InjectionKey<ComponentSize>\n"],"mappings":"AAIA,IAAM,EAA2B,IAAI,IAErC,SAAgB,EAA+D,EAAS,CAGtF,GAAI,CAAC,EAAyB,IAAI,CAAI,EAAG,CACvC,IAAM,EAAM,OAAO,UAAU,OAAO,CAAI,GAAG,EAC3C,EAAyB,IAAI,EAAM,CAAG,CACxC,CAEA,OAAO,EAAyB,IAAI,CAAI,CAC1C,CAEA,IAAa,EAAiB,OAAO,qBAAqB"}

package/dist/symbol-Dy7mXgB5.js

@@ -0,0 +1,14 @@
+//#region src/symbol.ts
+var e = /* @__PURE__ */ new Map();
+function t(t) {
+	if (!e.has(t)) {
+		let n = Symbol(`config-${String(t)}`);
+		e.set(t, n);
+	}
+	return e.get(t);
+}
+var n = Symbol("pop-component--size");
+//#endregion
+export { t as n, n as t };
+
+//# sourceMappingURL=symbol-Dy7mXgB5.js.map

package/dist/symbol-Dy7mXgB5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"symbol-Dy7mXgB5.js","names":[],"sources":["../src/symbol.ts"],"sourcesContent":["import type { ComponentSize } from '@/types/size.type'\nimport type { InjectionKey } from 'vue'\nimport type { PoppyComponentConfig } from './types/config.type'\n\nconst knownComponentConfigKeys = new Map<keyof PoppyComponentConfig, InjectionKey<unknown>>()\n\nexport function createComponentConfigKey<K extends keyof PoppyComponentConfig>(name: K) {\n  type Key = InjectionKey<Partial<PoppyComponentConfig[K]>>\n\n  if (!knownComponentConfigKeys.has(name)) {\n    const key = Symbol(`config-${String(name)}`) as Key\n    knownComponentConfigKeys.set(name, key)\n  }\n\n  return knownComponentConfigKeys.get(name) as Key\n}\n\nexport const COMPONENT_SIZE = Symbol('pop-component--size') as InjectionKey<ComponentSize>\n"],"mappings":";AAIA,IAAM,oBAA2B,IAAI,IAAuD;AAE5F,SAAgB,EAA+D,GAAS;CAGtF,IAAI,CAAC,EAAyB,IAAI,CAAI,GAAG;EACvC,IAAM,IAAM,OAAO,UAAU,OAAO,CAAI,GAAG;EAC3C,EAAyB,IAAI,GAAM,CAAG;CACxC;CAEA,OAAO,EAAyB,IAAI,CAAI;AAC1C;AAEA,IAAa,IAAiB,OAAO,qBAAqB"}

package/dist/symbol.d.ts

@@ -0,0 +1,6 @@
+import { ComponentSize } from './types/size.type';
+import { InjectionKey } from 'vue';
+import { PoppyComponentConfig } from './types/config.type';
+export declare function createComponentConfigKey<K extends keyof PoppyComponentConfig>(name: K): InjectionKey<Partial<PoppyComponentConfig[K]>>;
+export declare const COMPONENT_SIZE: InjectionKey<ComponentSize>;
+//# sourceMappingURL=symbol.d.ts.map

package/dist/symbol.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"symbol.d.ts","sourceRoot":"","sources":["../src/symbol.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAA;AACvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAI/D,wBAAgB,wBAAwB,CAAC,CAAC,SAAS,MAAM,oBAAoB,EAAE,IAAI,EAAE,CAAC,kDASrF;AAED,eAAO,MAAM,cAAc,EAAoC,YAAY,CAAC,aAAa,CAAC,CAAA"}

package/dist/types/config.type.d.ts

@@ -0,0 +1,85 @@
+import { ButtonConfigurableProps } from '../components/actions/button/button.props';
+import { DropdownConfigurableProps } from '../components/actions/dropdown/dropdown.props';
+import { FabConfigurableProps } from '../components/actions/fab/fab.props';
+import { ModalConfigurableProps } from '../components/actions/modal/modal.props';
+import { SwapConfigurableProps } from '../components/actions/swap/swap.props';
+import { CheckboxConfigurableProps } from '../components/data/checkbox/checkbox.props';
+import { FormConfigurableProps } from '../components/data/form/form.props';
+import { FormFieldConfigurableProps } from '../components/data/form-field/form-field.props';
+import { InputConfigurableProps } from '../components/data/input/input.props';
+import { RadioConfigurableProps } from '../components/data/radio/radio.props';
+import { RatingConfigurableProps } from '../components/data/rating/rating.props';
+import { SelectConfigurableProps } from '../components/data/select/select.props';
+import { SliderConfigurableProps } from '../components/data/slider/slider.props';
+import { TextareaConfigurableProps } from '../components/data/textarea/textarea.props';
+import { ToggleConfigurableProps } from '../components/data/toggle/toggle.props';
+import { AccordionItemConfigurableProps } from '../components/display/accordion/accordion-item.props';
+import { AvatarConfigurableProps } from '../components/display/avatar/avatar.props';
+import { BadgeConfigurableProps } from '../components/display/badge/badge.props';
+import { CardConfigurableProps } from '../components/display/card/card.props';
+import { CardActionsConfigurableProps } from '../components/display/card/card-actions.props';
+import { CarouselConfigurableProps } from '../components/display/carousel/carousel.props';
+import { ChatConfigurableProps } from '../components/display/chat/chat.props';
+import { KbdConfigurableProps } from '../components/display/kbd/kbd.props';
+import { StatusConfigurableProps } from '../components/display/status/status.props';
+import { AlertConfigurableProps } from '../components/feedback/alert/alert.props';
+import { LoadingConfigurableProps } from '../components/feedback/loading/loading.props';
+import { ProgressConfigurableProps } from '../components/feedback/progress/progress.props';
+import { RadialProgressConfigurableProps } from '../components/feedback/radial-progress/radial-progress.props';
+import { ToastConfigurableProps } from '../components/feedback/toast/toast.props';
+import { TooltipConfigurableProps } from '../components/feedback/tooltip/tooltip.props';
+import { DividerConfigurableProps } from '../components/layout/divider/divider.props';
+import { DrawerConfigurableProps } from '../components/layout/drawer/drawer.props';
+import { IndicatorConfigurableProps } from '../components/layout/indicator/indicator.props';
+import { JoinConfigurableProps } from '../components/layout/join/join.props';
+import { MaskConfigurableProps } from '../components/layout/mask/mask.props';
+import { StackConfigurableProps } from '../components/layout/stack/stack.props';
+import { BreadcrumbsConfigurableProps } from '../components/navigation/breadcrumbs/breadcrumbs.props';
+import { DockConfigurableProps, DockItemConfigurableProps } from '../components/navigation/dock/dock.props';
+import { LinkConfigurableProps } from '../components/navigation/link/link.props';
+import { MenuConfigurableProps, MenuItemConfigurableProps } from '../components/navigation/menu/menu.props';
+export interface PoppyComponentConfig {
+    button: ButtonConfigurableProps;
+    dropdown: DropdownConfigurableProps;
+    fab: FabConfigurableProps;
+    modal: ModalConfigurableProps;
+    swap: SwapConfigurableProps;
+    checkbox: CheckboxConfigurableProps;
+    form: FormConfigurableProps;
+    formField: FormFieldConfigurableProps;
+    radio: RadioConfigurableProps;
+    rating: RatingConfigurableProps;
+    input: InputConfigurableProps;
+    select: SelectConfigurableProps;
+    slider: SliderConfigurableProps;
+    textarea: TextareaConfigurableProps;
+    toggle: ToggleConfigurableProps;
+    accordionItem: AccordionItemConfigurableProps;
+    avatar: AvatarConfigurableProps;
+    badge: BadgeConfigurableProps;
+    card: CardConfigurableProps;
+    cardActions: CardActionsConfigurableProps;
+    carousel: CarouselConfigurableProps;
+    chat: ChatConfigurableProps;
+    kbd: KbdConfigurableProps;
+    status: StatusConfigurableProps;
+    alert: AlertConfigurableProps;
+    loading: LoadingConfigurableProps;
+    progress: ProgressConfigurableProps;
+    radialProgress: RadialProgressConfigurableProps;
+    toast: ToastConfigurableProps;
+    tooltip: TooltipConfigurableProps;
+    divider: DividerConfigurableProps;
+    drawer: DrawerConfigurableProps;
+    indicator: IndicatorConfigurableProps;
+    join: JoinConfigurableProps;
+    mask: MaskConfigurableProps;
+    stack: StackConfigurableProps;
+    breadcrumbs: BreadcrumbsConfigurableProps;
+    dock: DockConfigurableProps;
+    dockItem: DockItemConfigurableProps;
+    link: LinkConfigurableProps;
+    menu: MenuConfigurableProps;
+    menuItem: MenuItemConfigurableProps;
+}
+//# sourceMappingURL=config.type.d.ts.map

package/dist/types/config.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.type.d.ts","sourceRoot":"","sources":["../../src/types/config.type.ts"],"names":[],"mappings":"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"}

package/dist/types/public.d.ts

@@ -0,0 +1,4 @@
+export * from './config.type.ts';
+export * from './size.type';
+export type { Booleanish } from './utils.type';
+//# sourceMappingURL=public.d.ts.map

package/dist/types/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/types/public.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,YAAY,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}

package/dist/types/public.umd.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});

package/dist/types/size.type.d.ts

@@ -0,0 +1,2 @@
+export type ComponentSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+//# sourceMappingURL=size.type.d.ts.map

package/dist/types/size.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"size.type.d.ts","sourceRoot":"","sources":["../../src/types/size.type.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA"}

package/dist/types/utils.type.d.ts

@@ -0,0 +1,6 @@
+export type Booleanish = boolean | 'true' | 'false' | '';
+export type ComponentClass<Prefix extends string, Keys extends string> = {
+    [K in Keys]: `${Prefix}-${K}`;
+};
+export type CounterFn = (current: number, min?: number, max?: number) => string;
+//# sourceMappingURL=utils.type.d.ts.map

package/dist/types/utils.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.type.d.ts","sourceRoot":"","sources":["../../src/types/utils.type.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,EAAE,CAAA;AAExD,MAAM,MAAM,cAAc,CAAC,MAAM,SAAS,MAAM,EAAE,IAAI,SAAS,MAAM,IAAI;KACtE,CAAC,IAAI,IAAI,GAAG,GAAG,MAAM,IAAI,CAAC,EAAE;CAC9B,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA"}

package/dist/use-component-config-DX0jSicI.cjs

@@ -0,0 +1,2 @@
+const e=require("./symbol-6E8gXxBa.cjs");let t=require("vue");function n(...e){return e.reduce((e,t)=>{let n=Object.fromEntries(Object.entries(t).filter(([e,t])=>t!==void 0));return{...e,...n}},{})}function r(r,i,a,o){let s=(0,t.inject)(r,{}),c=(0,t.inject)(e.t,`md`);return(0,t.computed)(()=>n({size:c},a??{},s,o??{},i))}Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});
+//# sourceMappingURL=use-component-config-DX0jSicI.cjs.map

package/dist/use-component-config-DX0jSicI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-component-config-DX0jSicI.cjs","names":[],"sources":["../src/composables/use-component-config.ts"],"sourcesContent":["import { COMPONENT_SIZE } from '@/symbol'\nimport { type ComputedRef, computed, type InjectionKey, inject } from 'vue'\n\n/**\n * Merges objects while ignoring `undefined` values, allowing lower-priority\n * configuration to remain in effect.\n *\n * Priority order (rightmost wins):\n *   defaults → pluginConfig → contextOverrides (Form → FormField) → local props\n */\nexport function mergeProps<T extends Record<string, any>[]>(...objects: T): any {\n  return objects.reduce((acc, curr) => {\n    const cleanCurr = Object.fromEntries(Object.entries(curr).filter(([_, v]) => v !== undefined))\n    return { ...acc, ...cleanCurr }\n  }, {})\n}\n\n/**\n * Resolves the final config of a component by merging in the following order:\n *\n * 1. `defaults`          — hardcoded component defaults (e.g. `{ size: 'md', counter: false }`)\n * 2. `pluginConfig`      — inject(key) — global config provided via PoppyPlugin\n * 3. `contextOverrides`  — values inherited from Form / FormField (passed explicitly)\n * 4. `props`             — local props declared on the instance (highest priority)\n *\n * `undefined` values are ignored at each level, which allows `false` to correctly\n * override a parent value without `undefined` inadvertently clearing it.\n *\n * @param key              - InjectionKey for the component's pluginConfig\n * @param props            - Instance props (defineProps)\n * @param defaults         - Hardcoded default values\n * @param contextOverrides - Values inherited from the Form/FormField context (optional)\n */\nexport function useComponentConfig<T extends Record<string, any>, P extends Record<string, any>>(\n  key: InjectionKey<T>,\n  props: P,\n  defaults?: Partial<P & T>,\n  contextOverrides?: Record<string, any>,\n): ComputedRef<P & T> {\n  const pluginConfig = inject(key, {} as T)\n  const globalSize = inject(COMPONENT_SIZE, 'md')\n\n  return computed(() => mergeProps({ size: globalSize }, defaults ?? {}, pluginConfig, contextOverrides ?? {}, props))\n}\n"],"mappings":"8DAUA,SAAgB,EAA4C,GAAG,EAAiB,CAC9E,OAAO,EAAQ,QAAQ,EAAK,IAAS,CACnC,IAAM,EAAY,OAAO,YAAY,OAAO,QAAQ,CAAI,EAAE,QAAQ,CAAC,EAAG,KAAO,IAAM,IAAA,EAAS,CAAC,EAC7F,MAAO,CAAE,GAAG,EAAK,GAAG,CAAU,CAChC,EAAG,CAAC,CAAC,CACP,CAkBA,SAAgB,EACd,EACA,EACA,EACA,EACoB,CACpB,IAAM,GAAA,EAAA,EAAA,QAAsB,EAAK,CAAC,CAAM,EAClC,GAAA,EAAA,EAAA,QAAoB,EAAA,EAAgB,IAAI,EAE9C,OAAA,EAAA,EAAA,cAAsB,EAAW,CAAE,KAAM,CAAW,EAAG,GAAY,CAAC,EAAG,EAAc,GAAoB,CAAC,EAAG,CAAK,CAAC,CACrH"}

package/dist/use-component-config-DfXvZ0-o.js

@@ -0,0 +1,20 @@
+import { t as e } from "./symbol-Dy7mXgB5.js";
+import { computed as t, inject as n } from "vue";
+//#region src/composables/use-component-config.ts
+function r(...e) {
+	return e.reduce((e, t) => {
+		let n = Object.fromEntries(Object.entries(t).filter(([e, t]) => t !== void 0));
+		return {
+			...e,
+			...n
+		};
+	}, {});
+}
+function i(i, a, o, s) {
+	let c = n(i, {}), l = n(e, "md");
+	return t(() => r({ size: l }, o ?? {}, c, s ?? {}, a));
+}
+//#endregion
+export { i as n, r as t };
+
+//# sourceMappingURL=use-component-config-DfXvZ0-o.js.map

package/dist/use-component-config-DfXvZ0-o.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-component-config-DfXvZ0-o.js","names":[],"sources":["../src/composables/use-component-config.ts"],"sourcesContent":["import { COMPONENT_SIZE } from '@/symbol'\nimport { type ComputedRef, computed, type InjectionKey, inject } from 'vue'\n\n/**\n * Merges objects while ignoring `undefined` values, allowing lower-priority\n * configuration to remain in effect.\n *\n * Priority order (rightmost wins):\n *   defaults → pluginConfig → contextOverrides (Form → FormField) → local props\n */\nexport function mergeProps<T extends Record<string, any>[]>(...objects: T): any {\n  return objects.reduce((acc, curr) => {\n    const cleanCurr = Object.fromEntries(Object.entries(curr).filter(([_, v]) => v !== undefined))\n    return { ...acc, ...cleanCurr }\n  }, {})\n}\n\n/**\n * Resolves the final config of a component by merging in the following order:\n *\n * 1. `defaults`          — hardcoded component defaults (e.g. `{ size: 'md', counter: false }`)\n * 2. `pluginConfig`      — inject(key) — global config provided via PoppyPlugin\n * 3. `contextOverrides`  — values inherited from Form / FormField (passed explicitly)\n * 4. `props`             — local props declared on the instance (highest priority)\n *\n * `undefined` values are ignored at each level, which allows `false` to correctly\n * override a parent value without `undefined` inadvertently clearing it.\n *\n * @param key              - InjectionKey for the component's pluginConfig\n * @param props            - Instance props (defineProps)\n * @param defaults         - Hardcoded default values\n * @param contextOverrides - Values inherited from the Form/FormField context (optional)\n */\nexport function useComponentConfig<T extends Record<string, any>, P extends Record<string, any>>(\n  key: InjectionKey<T>,\n  props: P,\n  defaults?: Partial<P & T>,\n  contextOverrides?: Record<string, any>,\n): ComputedRef<P & T> {\n  const pluginConfig = inject(key, {} as T)\n  const globalSize = inject(COMPONENT_SIZE, 'md')\n\n  return computed(() => mergeProps({ size: globalSize }, defaults ?? {}, pluginConfig, contextOverrides ?? {}, props))\n}\n"],"mappings":";;;AAUA,SAAgB,EAA4C,GAAG,GAAiB;CAC9E,OAAO,EAAQ,QAAQ,GAAK,MAAS;EACnC,IAAM,IAAY,OAAO,YAAY,OAAO,QAAQ,CAAI,EAAE,QAAQ,CAAC,GAAG,OAAO,MAAM,KAAA,CAAS,CAAC;EAC7F,OAAO;GAAE,GAAG;GAAK,GAAG;EAAU;CAChC,GAAG,CAAC,CAAC;AACP;AAkBA,SAAgB,EACd,GACA,GACA,GACA,GACoB;CACpB,IAAM,IAAe,EAAO,GAAK,CAAC,CAAM,GAClC,IAAa,EAAO,GAAgB,IAAI;CAE9C,OAAO,QAAe,EAAW,EAAE,MAAM,EAAW,GAAG,KAAY,CAAC,GAAG,GAAc,KAAoB,CAAC,GAAG,CAAK,CAAC;AACrH"}

package/dist/use-form-field-CHsU-LtQ.js

@@ -0,0 +1,57 @@
+import { n as e } from "./symbol-Dy7mXgB5.js";
+import { computed as t, inject as n, onMounted as r, watch as i } from "vue";
+import { useI18n as a } from "vue-i18n";
+//#region src/components/data/form-field/form-field.context.ts
+var o = Symbol("FormFieldContext");
+e("formField");
+//#endregion
+//#region src/utils/get-validation-message.ts
+function s(e, t) {
+	if (e.validity.valid) return null;
+	let n = e.validity;
+	return n.valueMissing ? t("common.validation.required") : n.typeMismatch ? t(`common.validation.format.${e.getAttribute("type") || "default"}`, {}, t("common.validation.format.default")) : n.tooShort ? t("common.validation.minLength", { min: e.getAttribute("minLength") || "0" }) : n.tooLong ? t("common.validation.maxLength", { max: e.getAttribute("maxLength") || "0" }) : n.rangeUnderflow ? t("common.validation.min", { min: e.getAttribute("min") || "0" }) : n.rangeOverflow ? t("common.validation.max", { max: e.getAttribute("max") || "0" }) : n.patternMismatch ? e.getAttribute("title") || t("common.validation.pattern") : n.stepMismatch ? t("common.validation.stepMismatch") : n.badInput ? t("common.validation.badInput") : n.customError ? e.validationMessage || t("common.validation.customError") : e.validationMessage || null;
+}
+//#endregion
+//#region src/composables/use-form-field.ts
+function c(e) {
+	let { t: c } = a(), l = n(o, null);
+	r(() => {
+		l?.setRequired(e.required.value);
+	}), i(e.required, (e) => {
+		l?.setRequired(e);
+	});
+	let u = t(() => l?.value.value), d = t(() => {
+		if (!l) return !1;
+		let e = l.state.value;
+		return e.hasError && !e.isDirty;
+	});
+	function f() {
+		let t = e.inputEl?.value;
+		if (!t || !l) return !0;
+		let n = s(t, c);
+		return l.setError(n ?? void 0), !n;
+	}
+	function p() {
+		l?.setTouched(!0), f();
+	}
+	function m() {
+		l?.setError(void 0);
+	}
+	function h(t) {
+		let n = e.inputEl?.value;
+		n && n.setCustomValidity(t);
+	}
+	return {
+		field: l,
+		fieldValue: u,
+		hasServerError: d,
+		validate: f,
+		onBlur: p,
+		clearError: m,
+		setDelegateMessage: h
+	};
+}
+//#endregion
+export { o as n, c as t };
+
+//# sourceMappingURL=use-form-field-CHsU-LtQ.js.map

package/dist/use-form-field-CHsU-LtQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form-field-CHsU-LtQ.js","names":[],"sources":["../src/components/data/form-field/form-field.context.ts","../src/utils/get-validation-message.ts","../src/composables/use-form-field.ts"],"sourcesContent":["import { createComponentConfigKey } from '@/symbol'\nimport type { ComputedRef, InjectionKey, ShallowRef } from 'vue'\nimport type { FieldState } from '../form/form.types'\n\nexport interface FormFieldContext<T = unknown> {\n  /** Field name / dot-notation path — matches FormContext data keys. */\n  name: string\n\n  /**\n   * Whether the child input is required.\n   * Set by child inputs calling `setRequired()` on mount and on change.\n   * Drives the \"*\" indicator on the FormField label.\n   */\n  required: ShallowRef<boolean>\n\n  /** Current field value resolved from FormContext. */\n  value: ComputedRef<T>\n\n  /** Current field error resolved from FormContext. */\n  error: ComputedRef<string | undefined>\n\n  /** Current FieldState resolved from FormContext. */\n  state: ComputedRef<FieldState>\n\n  /**\n   * Counter config — raw `boolean | undefined`.\n   * `undefined` = no opinion; the input resolves final value via `mergeProps`.\n   */\n  counter: ShallowRef<boolean | undefined>\n  counterFormat: ShallowRef<string | ((c: number, min?: number, max?: number) => string) | undefined>\n\n  /** Updates the field value in FormContext. */\n  setValue: (value: unknown) => void\n\n  /** Called by child inputs to declare themselves required or not. */\n  setRequired: (value: boolean) => void\n\n  /** Marks the field dirty in FormContext. */\n  setDirty: (value?: boolean) => void\n\n  /** Marks the field touched in FormContext. */\n  setTouched: (value?: boolean) => void\n\n  /** Sets the field error in FormContext. */\n  setError: (message: string | undefined) => void\n}\n\nexport const FORM_FIELD_CONTEXT_KEY: InjectionKey<FormFieldContext> = Symbol('FormFieldContext')\n\n// Config key for global FormField plugin config\nexport const FORM_FIELD_CONFIG = createComponentConfigKey('formField')\n","type ValidationElement = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement\ntype ValidationAnyElement = HTMLElement & {\n  validity: ValidityState\n  checkValidity: () => boolean\n  value: string\n  getAttribute: (name: string) => string | null\n  validationMessage: string\n}\n\n/**\n * Reads element's validity state and returns a localized validation message.\n * Returns null when element is valid.\n *\n * This is a factory function that takes a translation function (t) from vue-i18n.\n * The consumer is responsible for providing the translation function.\n *\n * @param el - The input/textarea/select element to check\n * @param t - Translation function from vue-i18n's useI18n()\n * @returns Localized error message or null if valid\n */\nexport function getValidationMessage(\n  el: ValidationElement | ValidationAnyElement,\n  t: (key: string, params?: Record<string, string | number>, fallback?: string) => string,\n): string | null {\n  if (el.validity.valid) return null\n\n  const validity = el.validity\n\n  if (validity.valueMissing) return t('common.validation.required')\n  if (validity.typeMismatch) {\n    const type = el.getAttribute('type') || 'default'\n    return t(`common.validation.format.${type}`, {}, t('common.validation.format.default'))\n  }\n  if (validity.tooShort) {\n    const min = el.getAttribute('minLength')\n    return t('common.validation.minLength', { min: min || '0' })\n  }\n  if (validity.tooLong) {\n    const max = el.getAttribute('maxLength')\n    return t('common.validation.maxLength', { max: max || '0' })\n  }\n  if (validity.rangeUnderflow) {\n    const min = el.getAttribute('min')\n    return t('common.validation.min', { min: min || '0' })\n  }\n  if (validity.rangeOverflow) {\n    const max = el.getAttribute('max')\n    return t('common.validation.max', { max: max || '0' })\n  }\n  if (validity.patternMismatch) {\n    const title = el.getAttribute('title')\n    if (title) return title\n    return t('common.validation.pattern')\n  }\n  if (validity.stepMismatch) return t('common.validation.stepMismatch')\n  if (validity.badInput) return t('common.validation.badInput')\n  if (validity.customError) return el.validationMessage || t('common.validation.customError')\n\n  // Fallback to browser's validation message\n  return el.validationMessage || null\n}\n","import type { FormFieldContext } from '@/components/data/form-field/form-field.context'\nimport { FORM_FIELD_CONTEXT_KEY } from '@/components/data/form-field/form-field.context'\nimport { getValidationMessage } from '@/utils/get-validation-message'\nimport { type ComputedRef, computed, inject, onMounted, type Ref, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\n\nexport interface UseFormFieldOptions {\n  required: ComputedRef<boolean>\n  inputEl?: Ref<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | null>\n}\n\nexport interface UseFormFieldReturn<T> {\n  /** The FormFieldContext when inside a <FormField>, null otherwise. */\n  field: FormFieldContext<T> | null\n  /** The current field value typed as T, or undefined when not in a FormField. */\n  fieldValue: ComputedRef<T | undefined>\n  /** True when the field has a server-side error set via setErrors(). */\n  hasServerError: ComputedRef<boolean>\n  /** Triggers HTML5 constraint validation on the input element. */\n  validate: () => boolean\n  /** To be called on the input's blur event — marks the field as touched. */\n  onBlur: () => void\n  /** Clears the current field error. */\n  clearError: () => void\n  /** Sets a custom validation message (delegates to el.setCustomValidity). */\n  setDelegateMessage: (msg: string) => void\n}\n\nexport function useFormField<T = unknown>(options: UseFormFieldOptions): UseFormFieldReturn<T> {\n  const { t } = useI18n()\n\n  const field = inject(FORM_FIELD_CONTEXT_KEY, null) as FormFieldContext<T> | null\n\n  // Signal required state to FormField on mount and on change\n  onMounted(() => {\n    field?.setRequired(options.required.value)\n  })\n\n  watch(options.required, val => {\n    field?.setRequired(val)\n  })\n\n  const fieldValue = computed<T | undefined>(() => field?.value.value as T | undefined)\n\n  const hasServerError = computed<boolean>(() => {\n    if (!field) return false\n    const state = field.state.value\n    return state.hasError && !state.isDirty\n  })\n\n  function validate(): boolean {\n    const el = options.inputEl?.value\n    if (!el || !field) return true\n\n    const message = getValidationMessage(el, t)\n    field.setError(message ?? undefined)\n    return !message\n  }\n\n  function onBlur(): void {\n    field?.setTouched(true)\n    validate()\n  }\n\n  function clearError(): void {\n    field?.setError(undefined)\n  }\n\n  function setDelegateMessage(msg: string): void {\n    const el = options.inputEl?.value\n    if (!el) return\n    el.setCustomValidity(msg)\n  }\n\n  return {\n    field,\n    fieldValue,\n    hasServerError,\n    validate,\n    onBlur,\n    clearError,\n    setDelegateMessage,\n  }\n}\n"],"mappings":";;;;AA+CA,IAAa,IAAyD,OAAO,kBAAkB;AAG9D,EAAyB,WAAW;;;AC9BrE,SAAgB,EACd,GACA,GACe;CACf,IAAI,EAAG,SAAS,OAAO,OAAO;CAE9B,IAAM,IAAW,EAAG;CAiCpB,OA/BI,EAAS,eAAqB,EAAE,4BAA4B,IAC5D,EAAS,eAEJ,EAAE,4BADI,EAAG,aAAa,MAAM,KAAK,aACK,CAAC,GAAG,EAAE,kCAAkC,CAAC,IAEpF,EAAS,WAEJ,EAAE,+BAA+B,EAAE,KAD9B,EAAG,aAAa,WACmB,KAAO,IAAI,CAAC,IAEzD,EAAS,UAEJ,EAAE,+BAA+B,EAAE,KAD9B,EAAG,aAAa,WACmB,KAAO,IAAI,CAAC,IAEzD,EAAS,iBAEJ,EAAE,yBAAyB,EAAE,KADxB,EAAG,aAAa,KACa,KAAO,IAAI,CAAC,IAEnD,EAAS,gBAEJ,EAAE,yBAAyB,EAAE,KADxB,EAAG,aAAa,KACa,KAAO,IAAI,CAAC,IAEnD,EAAS,kBACG,EAAG,aAAa,OAC1B,KACG,EAAE,2BAA2B,IAElC,EAAS,eAAqB,EAAE,gCAAgC,IAChE,EAAS,WAAiB,EAAE,4BAA4B,IACxD,EAAS,cAAoB,EAAG,qBAAqB,EAAE,+BAA+B,IAGnF,EAAG,qBAAqB;AACjC;;;AChCA,SAAgB,EAA0B,GAAqD;CAC7F,IAAM,EAAE,SAAM,EAAQ,GAEhB,IAAQ,EAAO,GAAwB,IAAI;CAOjD,AAJA,QAAgB;EACd,GAAO,YAAY,EAAQ,SAAS,KAAK;CAC3C,CAAC,GAED,EAAM,EAAQ,WAAU,MAAO;EAC7B,GAAO,YAAY,CAAG;CACxB,CAAC;CAED,IAAM,IAAa,QAA8B,GAAO,MAAM,KAAsB,GAE9E,IAAiB,QAAwB;EAC7C,IAAI,CAAC,GAAO,OAAO;EACnB,IAAM,IAAQ,EAAM,MAAM;EAC1B,OAAO,EAAM,YAAY,CAAC,EAAM;CAClC,CAAC;CAED,SAAS,IAAoB;EAC3B,IAAM,IAAK,EAAQ,SAAS;EAC5B,IAAI,CAAC,KAAM,CAAC,GAAO,OAAO;EAE1B,IAAM,IAAU,EAAqB,GAAI,CAAC;EAE1C,OADA,EAAM,SAAS,KAAW,KAAA,CAAS,GAC5B,CAAC;CACV;CAEA,SAAS,IAAe;EAEtB,AADA,GAAO,WAAW,EAAI,GACtB,EAAS;CACX;CAEA,SAAS,IAAmB;EAC1B,GAAO,SAAS,KAAA,CAAS;CAC3B;CAEA,SAAS,EAAmB,GAAmB;EAC7C,IAAM,IAAK,EAAQ,SAAS;EACvB,KACL,EAAG,kBAAkB,CAAG;CAC1B;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/dist/use-form-field-Zw9_0CVq.cjs

@@ -0,0 +1,2 @@
+const e=require("./symbol-6E8gXxBa.cjs");let t=require("vue"),n=require("vue-i18n");var r=Symbol(`FormFieldContext`);e.n(`formField`);function i(e,t){if(e.validity.valid)return null;let n=e.validity;return n.valueMissing?t(`common.validation.required`):n.typeMismatch?t(`common.validation.format.${e.getAttribute(`type`)||`default`}`,{},t(`common.validation.format.default`)):n.tooShort?t(`common.validation.minLength`,{min:e.getAttribute(`minLength`)||`0`}):n.tooLong?t(`common.validation.maxLength`,{max:e.getAttribute(`maxLength`)||`0`}):n.rangeUnderflow?t(`common.validation.min`,{min:e.getAttribute(`min`)||`0`}):n.rangeOverflow?t(`common.validation.max`,{max:e.getAttribute(`max`)||`0`}):n.patternMismatch?e.getAttribute(`title`)||t(`common.validation.pattern`):n.stepMismatch?t(`common.validation.stepMismatch`):n.badInput?t(`common.validation.badInput`):n.customError?e.validationMessage||t(`common.validation.customError`):e.validationMessage||null}function a(e){let{t:a}=(0,n.useI18n)(),o=(0,t.inject)(r,null);(0,t.onMounted)(()=>{o?.setRequired(e.required.value)}),(0,t.watch)(e.required,e=>{o?.setRequired(e)});let s=(0,t.computed)(()=>o?.value.value),c=(0,t.computed)(()=>{if(!o)return!1;let e=o.state.value;return e.hasError&&!e.isDirty});function l(){let t=e.inputEl?.value;if(!t||!o)return!0;let n=i(t,a);return o.setError(n??void 0),!n}function u(){o?.setTouched(!0),l()}function d(){o?.setError(void 0)}function f(t){let n=e.inputEl?.value;n&&n.setCustomValidity(t)}return{field:o,fieldValue:s,hasServerError:c,validate:l,onBlur:u,clearError:d,setDelegateMessage:f}}Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=use-form-field-Zw9_0CVq.cjs.map

package/dist/use-form-field-Zw9_0CVq.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form-field-Zw9_0CVq.cjs","names":[],"sources":["../src/components/data/form-field/form-field.context.ts","../src/utils/get-validation-message.ts","../src/composables/use-form-field.ts"],"sourcesContent":["import { createComponentConfigKey } from '@/symbol'\nimport type { ComputedRef, InjectionKey, ShallowRef } from 'vue'\nimport type { FieldState } from '../form/form.types'\n\nexport interface FormFieldContext<T = unknown> {\n  /** Field name / dot-notation path — matches FormContext data keys. */\n  name: string\n\n  /**\n   * Whether the child input is required.\n   * Set by child inputs calling `setRequired()` on mount and on change.\n   * Drives the \"*\" indicator on the FormField label.\n   */\n  required: ShallowRef<boolean>\n\n  /** Current field value resolved from FormContext. */\n  value: ComputedRef<T>\n\n  /** Current field error resolved from FormContext. */\n  error: ComputedRef<string | undefined>\n\n  /** Current FieldState resolved from FormContext. */\n  state: ComputedRef<FieldState>\n\n  /**\n   * Counter config — raw `boolean | undefined`.\n   * `undefined` = no opinion; the input resolves final value via `mergeProps`.\n   */\n  counter: ShallowRef<boolean | undefined>\n  counterFormat: ShallowRef<string | ((c: number, min?: number, max?: number) => string) | undefined>\n\n  /** Updates the field value in FormContext. */\n  setValue: (value: unknown) => void\n\n  /** Called by child inputs to declare themselves required or not. */\n  setRequired: (value: boolean) => void\n\n  /** Marks the field dirty in FormContext. */\n  setDirty: (value?: boolean) => void\n\n  /** Marks the field touched in FormContext. */\n  setTouched: (value?: boolean) => void\n\n  /** Sets the field error in FormContext. */\n  setError: (message: string | undefined) => void\n}\n\nexport const FORM_FIELD_CONTEXT_KEY: InjectionKey<FormFieldContext> = Symbol('FormFieldContext')\n\n// Config key for global FormField plugin config\nexport const FORM_FIELD_CONFIG = createComponentConfigKey('formField')\n","type ValidationElement = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement\ntype ValidationAnyElement = HTMLElement & {\n  validity: ValidityState\n  checkValidity: () => boolean\n  value: string\n  getAttribute: (name: string) => string | null\n  validationMessage: string\n}\n\n/**\n * Reads element's validity state and returns a localized validation message.\n * Returns null when element is valid.\n *\n * This is a factory function that takes a translation function (t) from vue-i18n.\n * The consumer is responsible for providing the translation function.\n *\n * @param el - The input/textarea/select element to check\n * @param t - Translation function from vue-i18n's useI18n()\n * @returns Localized error message or null if valid\n */\nexport function getValidationMessage(\n  el: ValidationElement | ValidationAnyElement,\n  t: (key: string, params?: Record<string, string | number>, fallback?: string) => string,\n): string | null {\n  if (el.validity.valid) return null\n\n  const validity = el.validity\n\n  if (validity.valueMissing) return t('common.validation.required')\n  if (validity.typeMismatch) {\n    const type = el.getAttribute('type') || 'default'\n    return t(`common.validation.format.${type}`, {}, t('common.validation.format.default'))\n  }\n  if (validity.tooShort) {\n    const min = el.getAttribute('minLength')\n    return t('common.validation.minLength', { min: min || '0' })\n  }\n  if (validity.tooLong) {\n    const max = el.getAttribute('maxLength')\n    return t('common.validation.maxLength', { max: max || '0' })\n  }\n  if (validity.rangeUnderflow) {\n    const min = el.getAttribute('min')\n    return t('common.validation.min', { min: min || '0' })\n  }\n  if (validity.rangeOverflow) {\n    const max = el.getAttribute('max')\n    return t('common.validation.max', { max: max || '0' })\n  }\n  if (validity.patternMismatch) {\n    const title = el.getAttribute('title')\n    if (title) return title\n    return t('common.validation.pattern')\n  }\n  if (validity.stepMismatch) return t('common.validation.stepMismatch')\n  if (validity.badInput) return t('common.validation.badInput')\n  if (validity.customError) return el.validationMessage || t('common.validation.customError')\n\n  // Fallback to browser's validation message\n  return el.validationMessage || null\n}\n","import type { FormFieldContext } from '@/components/data/form-field/form-field.context'\nimport { FORM_FIELD_CONTEXT_KEY } from '@/components/data/form-field/form-field.context'\nimport { getValidationMessage } from '@/utils/get-validation-message'\nimport { type ComputedRef, computed, inject, onMounted, type Ref, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\n\nexport interface UseFormFieldOptions {\n  required: ComputedRef<boolean>\n  inputEl?: Ref<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | null>\n}\n\nexport interface UseFormFieldReturn<T> {\n  /** The FormFieldContext when inside a <FormField>, null otherwise. */\n  field: FormFieldContext<T> | null\n  /** The current field value typed as T, or undefined when not in a FormField. */\n  fieldValue: ComputedRef<T | undefined>\n  /** True when the field has a server-side error set via setErrors(). */\n  hasServerError: ComputedRef<boolean>\n  /** Triggers HTML5 constraint validation on the input element. */\n  validate: () => boolean\n  /** To be called on the input's blur event — marks the field as touched. */\n  onBlur: () => void\n  /** Clears the current field error. */\n  clearError: () => void\n  /** Sets a custom validation message (delegates to el.setCustomValidity). */\n  setDelegateMessage: (msg: string) => void\n}\n\nexport function useFormField<T = unknown>(options: UseFormFieldOptions): UseFormFieldReturn<T> {\n  const { t } = useI18n()\n\n  const field = inject(FORM_FIELD_CONTEXT_KEY, null) as FormFieldContext<T> | null\n\n  // Signal required state to FormField on mount and on change\n  onMounted(() => {\n    field?.setRequired(options.required.value)\n  })\n\n  watch(options.required, val => {\n    field?.setRequired(val)\n  })\n\n  const fieldValue = computed<T | undefined>(() => field?.value.value as T | undefined)\n\n  const hasServerError = computed<boolean>(() => {\n    if (!field) return false\n    const state = field.state.value\n    return state.hasError && !state.isDirty\n  })\n\n  function validate(): boolean {\n    const el = options.inputEl?.value\n    if (!el || !field) return true\n\n    const message = getValidationMessage(el, t)\n    field.setError(message ?? undefined)\n    return !message\n  }\n\n  function onBlur(): void {\n    field?.setTouched(true)\n    validate()\n  }\n\n  function clearError(): void {\n    field?.setError(undefined)\n  }\n\n  function setDelegateMessage(msg: string): void {\n    const el = options.inputEl?.value\n    if (!el) return\n    el.setCustomValidity(msg)\n  }\n\n  return {\n    field,\n    fieldValue,\n    hasServerError,\n    validate,\n    onBlur,\n    clearError,\n    setDelegateMessage,\n  }\n}\n"],"mappings":"oFA+CA,IAAa,EAAyD,OAAO,kBAAkB,EAG9D,EAAA,EAAyB,WAAW,EC9BrE,SAAgB,EACd,EACA,EACe,CACf,GAAI,EAAG,SAAS,MAAO,OAAO,KAE9B,IAAM,EAAW,EAAG,SAiCpB,OA/BI,EAAS,aAAqB,EAAE,4BAA4B,EAC5D,EAAS,aAEJ,EAAE,4BADI,EAAG,aAAa,MAAM,GAAK,YACK,CAAC,EAAG,EAAE,kCAAkC,CAAC,EAEpF,EAAS,SAEJ,EAAE,8BAA+B,CAAE,IAD9B,EAAG,aAAa,WACmB,GAAO,GAAI,CAAC,EAEzD,EAAS,QAEJ,EAAE,8BAA+B,CAAE,IAD9B,EAAG,aAAa,WACmB,GAAO,GAAI,CAAC,EAEzD,EAAS,eAEJ,EAAE,wBAAyB,CAAE,IADxB,EAAG,aAAa,KACa,GAAO,GAAI,CAAC,EAEnD,EAAS,cAEJ,EAAE,wBAAyB,CAAE,IADxB,EAAG,aAAa,KACa,GAAO,GAAI,CAAC,EAEnD,EAAS,gBACG,EAAG,aAAa,OAC1B,GACG,EAAE,2BAA2B,EAElC,EAAS,aAAqB,EAAE,gCAAgC,EAChE,EAAS,SAAiB,EAAE,4BAA4B,EACxD,EAAS,YAAoB,EAAG,mBAAqB,EAAE,+BAA+B,EAGnF,EAAG,mBAAqB,IACjC,CChCA,SAAgB,EAA0B,EAAqD,CAC7F,GAAM,CAAE,MAAA,EAAA,EAAA,SAAc,EAEhB,GAAA,EAAA,EAAA,QAAe,EAAwB,IAAI,GAGjD,EAAA,EAAA,eAAgB,CACd,GAAO,YAAY,EAAQ,SAAS,KAAK,CAC3C,CAAC,GAED,EAAA,EAAA,OAAM,EAAQ,SAAU,GAAO,CAC7B,GAAO,YAAY,CAAG,CACxB,CAAC,EAED,IAAM,GAAA,EAAA,EAAA,cAA2C,GAAO,MAAM,KAAsB,EAE9E,GAAA,EAAA,EAAA,cAAyC,CAC7C,GAAI,CAAC,EAAO,MAAO,GACnB,IAAM,EAAQ,EAAM,MAAM,MAC1B,OAAO,EAAM,UAAY,CAAC,EAAM,OAClC,CAAC,EAED,SAAS,GAAoB,CAC3B,IAAM,EAAK,EAAQ,SAAS,MAC5B,GAAI,CAAC,GAAM,CAAC,EAAO,MAAO,GAE1B,IAAM,EAAU,EAAqB,EAAI,CAAC,EAE1C,OADA,EAAM,SAAS,GAAW,IAAA,EAAS,EAC5B,CAAC,CACV,CAEA,SAAS,GAAe,CACtB,GAAO,WAAW,EAAI,EACtB,EAAS,CACX,CAEA,SAAS,GAAmB,CAC1B,GAAO,SAAS,IAAA,EAAS,CAC3B,CAEA,SAAS,EAAmB,EAAmB,CAC7C,IAAM,EAAK,EAAQ,SAAS,MACvB,GACL,EAAG,kBAAkB,CAAG,CAC1B,CAEA,MAAO,CACL,QACA,aACA,iBACA,WACA,SACA,aACA,oBACF,CACF"}

package/dist/utils/build-class.util.d.ts

@@ -0,0 +1,4 @@
+import { ClassValue } from 'vue';
+export declare function getClass<T extends string = string>(values: Record<T, string>, key: T | undefined): Record<T, string>[T] | undefined;
+export declare function clsx(...inputs: ClassValue[]): string;
+//# sourceMappingURL=build-class.util.d.ts.map

package/dist/utils/build-class.util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-class.util.d.ts","sourceRoot":"","sources":["../../src/utils/build-class.util.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAErC,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,SAAS,oCAKhG;AAyBD,wBAAgB,IAAI,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAI3C"}