@orvui/vue 0.0.0-stage → 0.1.0

package/dist/animated-sidebar-DgCcjTf5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animated-sidebar-DgCcjTf5.js","names":["$attrs","_hoisted_1","_openBlock","_createElementBlock","_unref","_normalizeStyle","_normalizeClass","_renderSlot","_sfc_main","$attrs","_openBlock","_createBlock","_Teleport","_createElementVNode","_normalizeClass","_unref","_createVNode","_mergeProps","_withCtx","_renderSlot","_sfc_main","$attrs","_unref","_openBlock","_createBlock","MobileSidebar","_mergeProps","_withCtx","_renderSlot","_createVNode","_normalizeClass","_sfc_main","$attrs","_hoisted_1","_openBlock","_createElementBlock","_normalizeClass","_unref","_renderSlot","_createVNode","_sfc_main","$attrs","_openBlock","_createElementBlock","_normalizeClass","_unref","_renderSlot","_createVNode","_sfc_main","$attrs","_hoisted_1","_openBlock","_createElementBlock","_unref","_normalizeClass","_sfc_main","$attrs","layout","_openBlock","_createBlock","_unref","_normalizeClass","_withCtx","_renderSlot","_sfc_main","$attrs","base","_openBlock","_createElementBlock","_normalizeClass","_unref","_renderSlot","_sfc_main","$attrs","base","_openBlock","_createElementBlock","_normalizeClass","_unref","_renderSlot","_sfc_main","$attrs","base","_openBlock","_createElementBlock","_normalizeClass","_unref","_renderSlot","_sfc_main","$attrs","base","_openBlock","_createElementBlock","_normalizeClass","_unref","_renderSlot","_sfc_main","$attrs","base","_openBlock","_createElementBlock","_normalizeClass","_unref","_renderSlot","_sfc_main","$attrs","_openBlock","_createBlock","_unref","SharedLayoutBg","_normalizeClass","_withCtx","_renderSlot","_sfc_main","$attrs","_openBlock","_createBlock","_unref","_normalizeClass","_withCtx","_renderSlot","_sfc_main","$attrs","_openBlock","_createBlock","_unref","_withCtx","_mergeProps","_renderSlot","_createCommentVNode","_sfc_main","$attrs","_openBlock","_createBlock","_unref","_normalizeClass","_withCtx","_renderSlot","_sfc_main","$attrs","_hoisted_1","_openBlock","_createElementBlock","_normalizeClass","_unref","_renderSlot","_sfc_main","$attrs","_hoisted_1","_hoisted_2","_openBlock","_createBlock","_resolveDynamicComponent","_unref","_mergeProps","_withCtx","_createCommentVNode","_createElementBlock","_renderSlot","_createVNode","RenderContent","_normalizeClass","_sfc_main","$attrs","_openBlock","_createBlock","_resolveDynamicComponent","_unref","_mergeProps","_withCtx","_createElementVNode","_renderSlot","RenderContent","_createElementBlock","_sfc_main","useMediaQuery","useOverlay","useReducedMotion","SPRING_PRESS","SPRING_LAYOUT","EASE_OUT","EASE_DRAWER","cn","RenderContent_default","SharedLayoutBg_default","provideSidebar","local","ref","props","localMobile","open","computed","value","emit","mobileOpen","event","mobile","reduce","id","useId","triggerRef","toggle","context","shortcut","onMounted","onBeforeUnmount","_hoisted_1$5","AnimatedSidebarProvider_default","defineComponent","__emit","__props","openBlock","createElementBlock","unref","normalizeStyle","normalizeClass","_ctx","renderSlot","useSidebar","state","inject","useSidebarPanel","panel","MobileSidebar_default","ctx","hidden","watch","destination","transition","complete","createBlock","Teleport","createElementVNode","createVNode","motion","_cache","mergeProps","withCtx","AnimatedSidebar_default","collapsed","offcanvas","width","_hoisted_1$4","AnimatedSidebarTrigger_default","trigger","expanded","click","PanelLeft","AnimatedSidebarClose_default","close","X","_hoisted_1$3","rail","AnimatedSidebarRail_default","$event","layout$1","AnimatedSidebarInset_default","base$5","AnimatedSidebarHeader_default","base$4","AnimatedSidebarContent_default","base$3","AnimatedSidebarFooter_default","base$2","AnimatedSidebarGroup_default","base$1","AnimatedSidebarGroupContent_default","list","AnimatedSidebarMenu_default","layout","AnimatedSidebarMenuItem_default","submenuVariants","submenuItemVariants","AnimatedSidebarMenuSub_default","present","movement","AnimatePresence","createCommentVNode","base","AnimatedSidebarMenuSubItem_default","_hoisted_1$2","AnimatedSidebarGroupLabel_default","_hoisted_1$1","_hoisted_2$1","AnimatedSidebarMenuButton_default","slots","useSlots","textLabel","node","textTransition","select","blocked","resolveDynamicComponent","ChevronRight","_hoisted_1","_hoisted_2","_hoisted_3","AnimatedSidebarMenuSubButton_default"],"sources":["../src/motion/animated-sidebar/src/use-sidebar-state.ts","../src/motion/animated-sidebar/src/AnimatedSidebarProvider.vue","../src/motion/animated-sidebar/src/AnimatedSidebarProvider.vue","../src/motion/animated-sidebar/src/context.ts","../src/motion/animated-sidebar/src/MobileSidebar.vue","../src/motion/animated-sidebar/src/MobileSidebar.vue","../src/motion/animated-sidebar/src/AnimatedSidebar.vue","../src/motion/animated-sidebar/src/AnimatedSidebar.vue","../src/motion/animated-sidebar/src/AnimatedSidebarTrigger.vue","../src/motion/animated-sidebar/src/AnimatedSidebarTrigger.vue","../src/motion/animated-sidebar/src/AnimatedSidebarClose.vue","../src/motion/animated-sidebar/src/AnimatedSidebarClose.vue","../src/motion/animated-sidebar/src/AnimatedSidebarRail.vue","../src/motion/animated-sidebar/src/AnimatedSidebarRail.vue","../src/motion/animated-sidebar/src/AnimatedSidebarInset.vue","../src/motion/animated-sidebar/src/AnimatedSidebarInset.vue","../src/motion/animated-sidebar/src/AnimatedSidebarHeader.vue","../src/motion/animated-sidebar/src/AnimatedSidebarHeader.vue","../src/motion/animated-sidebar/src/AnimatedSidebarContent.vue","../src/motion/animated-sidebar/src/AnimatedSidebarContent.vue","../src/motion/animated-sidebar/src/AnimatedSidebarFooter.vue","../src/motion/animated-sidebar/src/AnimatedSidebarFooter.vue","../src/motion/animated-sidebar/src/AnimatedSidebarGroup.vue","../src/motion/animated-sidebar/src/AnimatedSidebarGroup.vue","../src/motion/animated-sidebar/src/AnimatedSidebarGroupContent.vue","../src/motion/animated-sidebar/src/AnimatedSidebarGroupContent.vue","../src/motion/animated-sidebar/src/AnimatedSidebarMenu.vue","../src/motion/animated-sidebar/src/AnimatedSidebarMenu.vue","../src/motion/animated-sidebar/src/AnimatedSidebarMenuItem.vue","../src/motion/animated-sidebar/src/AnimatedSidebarMenuItem.vue","../src/motion/animated-sidebar/src/transitions.ts","../src/motion/animated-sidebar/src/AnimatedSidebarMenuSub.vue","../src/motion/animated-sidebar/src/AnimatedSidebarMenuSub.vue","../src/motion/animated-sidebar/src/AnimatedSidebarMenuSubItem.vue","../src/motion/animated-sidebar/src/AnimatedSidebarMenuSubItem.vue","../src/motion/animated-sidebar/src/AnimatedSidebarGroupLabel.vue","../src/motion/animated-sidebar/src/AnimatedSidebarGroupLabel.vue","../src/motion/animated-sidebar/src/AnimatedSidebarMenuButton.vue","../src/motion/animated-sidebar/src/AnimatedSidebarMenuButton.vue","../src/motion/animated-sidebar/src/AnimatedSidebarMenuSubButton.vue","../src/motion/animated-sidebar/src/AnimatedSidebarMenuSubButton.vue"],"sourcesContent":["import { computed, onBeforeUnmount, onMounted, provide, ref, useId } from \"vue\";\nimport { useMediaQuery, useReducedMotion } from \"../../../lib/composables\";\nimport type { SidebarContext } from \"./context\";\nexport interface SidebarOptions {\n  open?: boolean;\n  defaultOpen: boolean;\n  openMobile?: boolean;\n  mobileOpen?: boolean;\n  defaultOpenMobile?: boolean;\n  defaultMobileOpen: boolean;\n  shortcut: boolean;\n}\nexport function provideSidebar(\n  props: SidebarOptions,\n  emit: (name: string, value: boolean) => void,\n) {\n  const local = ref(props.defaultOpen),\n    localMobile = ref(props.defaultOpenMobile ?? props.defaultMobileOpen);\n  const open = computed({\n    get: () => props.open ?? local.value,\n    set(value: boolean) {\n      if (props.open === undefined) local.value = value;\n      emit(\"update:open\", value);\n      emit(\"openChange\", value);\n    },\n  });\n  const mobileOpen = computed({\n    get: () => props.openMobile ?? props.mobileOpen ?? localMobile.value,\n    set(value: boolean) {\n      if (props.openMobile === undefined && props.mobileOpen === undefined)\n        localMobile.value = value;\n      for (const event of [\n        \"update:openMobile\",\n        \"update:mobileOpen\",\n        \"openMobileChange\",\n      ])\n        emit(event, value);\n    },\n  });\n  const mobile = useMediaQuery(\"(max-width: 767px)\"),\n    reduce = useReducedMotion(),\n    id = useId(),\n    triggerRef = ref<HTMLButtonElement | null>(null);\n  function toggle() {\n    if (mobile.value) mobileOpen.value = !mobileOpen.value;\n    else open.value = !open.value;\n  }\n  const state = computed((): \"expanded\" | \"collapsed\" =>\n    open.value ? \"expanded\" : \"collapsed\",\n  );\n  const context: SidebarContext = {\n    open,\n    mobileOpen,\n    mobile,\n    reduce,\n    id,\n    triggerRef,\n    toggle,\n    setOpen(value) {\n      open.value = value;\n    },\n    setOpenMobile(value) {\n      mobileOpen.value = value;\n    },\n    state,\n  };\n  provide(\"orvui-sidebar\", context);\n  function shortcut(event: KeyboardEvent) {\n    if (\n      !props.shortcut ||\n      !(event.ctrlKey || event.metaKey) ||\n      event.key.toLowerCase() !== \"b\"\n    )\n      return;\n    event.preventDefault();\n    toggle();\n  }\n  onMounted(() => window.addEventListener(\"keydown\", shortcut));\n  onBeforeUnmount(() => window.removeEventListener(\"keydown\", shortcut));\n  return context;\n}\n","<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nimport { provideSidebar } from \"./use-sidebar-state\";\nconst props = withDefaults(\n  defineProps<{\n    open?: boolean;\n    defaultOpen?: boolean;\n    openMobile?: boolean;\n    defaultOpenMobile?: boolean;\n    mobileOpen?: boolean;\n    defaultMobileOpen?: boolean;\n    shortcut?: boolean;\n    expandedWidth?: number;\n    collapsedWidth?: number;\n  }>(),\n  {\n    open: undefined,\n    openMobile: undefined,\n    mobileOpen: undefined,\n    defaultOpen: true,\n    defaultOpenMobile: undefined,\n    defaultMobileOpen: false,\n    shortcut: true,\n    expandedWidth: 256,\n    collapsedWidth: 68,\n  },\n);\nconst emit = defineEmits([\n  \"update:open\",\n  \"openChange\",\n  \"update:openMobile\",\n  \"openMobileChange\",\n  \"update:mobileOpen\",\n]);\nconst { open, toggle } = provideSidebar(props, (event, value) =>\n  emit(event as \"update:open\", value),\n);\n</script>\n<template>\n  <div\n    data-slot=\"sidebar-wrapper\"\n    :data-state=\"open ? 'expanded' : 'collapsed'\"\n    :style=\"{\n      '--sidebar-width': expandedWidth + 'px',\n      '--sidebar-width-icon': collapsedWidth + 'px',\n      '--sidebar-width-mobile': '18rem',\n    }\"\n    :class=\"\n      cn('group/sidebar-wrapper flex min-h-svh w-full min-w-0', $attrs.class)\n    \"\n  >\n    <slot :open=\"open\" :toggle=\"toggle\" />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nimport { provideSidebar } from \"./use-sidebar-state\";\nconst props = withDefaults(\n  defineProps<{\n    open?: boolean;\n    defaultOpen?: boolean;\n    openMobile?: boolean;\n    defaultOpenMobile?: boolean;\n    mobileOpen?: boolean;\n    defaultMobileOpen?: boolean;\n    shortcut?: boolean;\n    expandedWidth?: number;\n    collapsedWidth?: number;\n  }>(),\n  {\n    open: undefined,\n    openMobile: undefined,\n    mobileOpen: undefined,\n    defaultOpen: true,\n    defaultOpenMobile: undefined,\n    defaultMobileOpen: false,\n    shortcut: true,\n    expandedWidth: 256,\n    collapsedWidth: 68,\n  },\n);\nconst emit = defineEmits([\n  \"update:open\",\n  \"openChange\",\n  \"update:openMobile\",\n  \"openMobileChange\",\n  \"update:mobileOpen\",\n]);\nconst { open, toggle } = provideSidebar(props, (event, value) =>\n  emit(event as \"update:open\", value),\n);\n</script>\n<template>\n  <div\n    data-slot=\"sidebar-wrapper\"\n    :data-state=\"open ? 'expanded' : 'collapsed'\"\n    :style=\"{\n      '--sidebar-width': expandedWidth + 'px',\n      '--sidebar-width-icon': collapsedWidth + 'px',\n      '--sidebar-width-mobile': '18rem',\n    }\"\n    :class=\"\n      cn('group/sidebar-wrapper flex min-h-svh w-full min-w-0', $attrs.class)\n    \"\n  >\n    <slot :open=\"open\" :toggle=\"toggle\" />\n  </div>\n</template>\n","import {\n  inject,\n  type Ref,\n  type ComputedRef,\n  type WritableComputedRef,\n} from \"vue\";\nexport interface SidebarContext {\n  open: WritableComputedRef<boolean>;\n  mobileOpen: WritableComputedRef<boolean>;\n  mobile: Ref<boolean>;\n  reduce: Ref<boolean>;\n  id: string;\n  triggerRef: Ref<HTMLButtonElement | null>;\n  toggle: () => void;\n  setOpen: (value: boolean) => void;\n  setOpenMobile: (value: boolean) => void;\n  state: ComputedRef<\"expanded\" | \"collapsed\">;\n}\nexport interface SidebarPanel {\n  collapsed: ComputedRef<boolean>;\n  side: ComputedRef<\"left\" | \"right\">;\n  collapsible: ComputedRef<\"offcanvas\" | \"icon\" | \"none\">;\n}\nexport function useSidebar() {\n  const state = inject<SidebarContext>(\"orvui-sidebar\");\n  if (state) return state;\n  throw new Error(\n    \"useAnimatedSidebar must be used inside AnimatedSidebarProvider.\",\n  );\n}\nexport function useSidebarPanel() {\n  const panel = inject<SidebarPanel>(\"orvui-sidebar-panel\");\n  if (panel) return panel;\n  throw new Error(\n    \"Animated Sidebar parts must be used inside AnimatedSidebar.\",\n  );\n}\n","<script setup lang=\"ts\">\nimport { computed, ref, watch } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { useOverlay } from \"../../../lib/composables\";\nimport { EASE_DRAWER } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { useSidebar } from \"./context\";\ndefineOptions({ inheritAttrs: false });\nconst props = withDefaults(\n  defineProps<{ side?: \"left\" | \"right\"; ariaLabel?: string }>(),\n  { side: \"left\", ariaLabel: \"Sidebar\" },\n);\nconst ctx = useSidebar(),\n  panel = ref<HTMLElement | null>(null),\n  hidden = ref(!ctx.mobileOpen.value);\nwatch(\n  ctx.mobileOpen,\n  (value) => {\n    if (value) hidden.value = false;\n  },\n  { flush: \"sync\" },\n);\nuseOverlay(ctx.mobileOpen, panel, () => {\n  ctx.mobileOpen.value = false;\n});\nconst destination = computed(() => ({\n  opacity: ctx.reduce.value ? (ctx.mobileOpen.value ? 1 : 0) : 1,\n  x: ctx.reduce.value\n    ? 0\n    : ctx.mobileOpen.value\n      ? \"0%\"\n      : props.side === \"left\"\n        ? \"-100%\"\n        : \"100%\",\n}));\nconst transition = computed(() => ({\n  duration: ctx.reduce.value ? 0.16 : 0.36,\n  ease: EASE_DRAWER,\n}));\nfunction complete() {\n  if (!ctx.mobileOpen.value) hidden.value = true;\n}\n</script>\n<template>\n  <Teleport to=\"body\"\n    ><div\n      :class=\"[\n        'pointer-events-none fixed left-0 top-0 z-50 size-0 md:hidden',\n        hidden && !ctx.mobileOpen.value ? 'invisible' : 'visible',\n      ]\"\n    >\n      <motion.button\n        type=\"button\"\n        aria-label=\"Close sidebar\"\n        :tabindex=\"ctx.mobileOpen.value ? 0 : -1\"\n        :initial=\"false\"\n        :animate=\"{ opacity: ctx.mobileOpen.value ? 1 : 0 }\"\n        :transition=\"transition\"\n        :class=\"[\n          'fixed inset-0 bg-black/40',\n          ctx.mobileOpen.value ? 'pointer-events-auto' : 'pointer-events-none',\n        ]\"\n        @click=\"ctx.mobileOpen.value = false\"\n      /><motion.div\n        ref=\"panel\"\n        v-bind=\"$attrs\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        :aria-label=\"ariaLabel\"\n        :aria-hidden=\"!ctx.mobileOpen.value\"\n        :inert=\"!ctx.mobileOpen.value || undefined\"\n        tabindex=\"-1\"\n        data-mobile=\"true\"\n        :data-state=\"ctx.mobileOpen.value ? 'expanded' : 'collapsed'\"\n        :data-side=\"side\"\n        :initial=\"false\"\n        :animate=\"destination\"\n        :transition=\"transition\"\n        :class=\"\n          cn(\n            'pointer-events-auto fixed inset-y-0 flex h-dvh w-(--sidebar-width-mobile) max-w-[88vw] flex-col overflow-hidden border-border bg-background shadow-2xl will-change-transform',\n            side === 'left' ? 'left-0 border-r' : 'right-0 border-l',\n            !ctx.mobileOpen.value && 'pointer-events-none',\n            $attrs.class,\n          )\n        \"\n        @animation-complete=\"complete\"\n        ><slot\n      /></motion.div></div\n  ></Teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, watch } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { useOverlay } from \"../../../lib/composables\";\nimport { EASE_DRAWER } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { useSidebar } from \"./context\";\ndefineOptions({ inheritAttrs: false });\nconst props = withDefaults(\n  defineProps<{ side?: \"left\" | \"right\"; ariaLabel?: string }>(),\n  { side: \"left\", ariaLabel: \"Sidebar\" },\n);\nconst ctx = useSidebar(),\n  panel = ref<HTMLElement | null>(null),\n  hidden = ref(!ctx.mobileOpen.value);\nwatch(\n  ctx.mobileOpen,\n  (value) => {\n    if (value) hidden.value = false;\n  },\n  { flush: \"sync\" },\n);\nuseOverlay(ctx.mobileOpen, panel, () => {\n  ctx.mobileOpen.value = false;\n});\nconst destination = computed(() => ({\n  opacity: ctx.reduce.value ? (ctx.mobileOpen.value ? 1 : 0) : 1,\n  x: ctx.reduce.value\n    ? 0\n    : ctx.mobileOpen.value\n      ? \"0%\"\n      : props.side === \"left\"\n        ? \"-100%\"\n        : \"100%\",\n}));\nconst transition = computed(() => ({\n  duration: ctx.reduce.value ? 0.16 : 0.36,\n  ease: EASE_DRAWER,\n}));\nfunction complete() {\n  if (!ctx.mobileOpen.value) hidden.value = true;\n}\n</script>\n<template>\n  <Teleport to=\"body\"\n    ><div\n      :class=\"[\n        'pointer-events-none fixed left-0 top-0 z-50 size-0 md:hidden',\n        hidden && !ctx.mobileOpen.value ? 'invisible' : 'visible',\n      ]\"\n    >\n      <motion.button\n        type=\"button\"\n        aria-label=\"Close sidebar\"\n        :tabindex=\"ctx.mobileOpen.value ? 0 : -1\"\n        :initial=\"false\"\n        :animate=\"{ opacity: ctx.mobileOpen.value ? 1 : 0 }\"\n        :transition=\"transition\"\n        :class=\"[\n          'fixed inset-0 bg-black/40',\n          ctx.mobileOpen.value ? 'pointer-events-auto' : 'pointer-events-none',\n        ]\"\n        @click=\"ctx.mobileOpen.value = false\"\n      /><motion.div\n        ref=\"panel\"\n        v-bind=\"$attrs\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        :aria-label=\"ariaLabel\"\n        :aria-hidden=\"!ctx.mobileOpen.value\"\n        :inert=\"!ctx.mobileOpen.value || undefined\"\n        tabindex=\"-1\"\n        data-mobile=\"true\"\n        :data-state=\"ctx.mobileOpen.value ? 'expanded' : 'collapsed'\"\n        :data-side=\"side\"\n        :initial=\"false\"\n        :animate=\"destination\"\n        :transition=\"transition\"\n        :class=\"\n          cn(\n            'pointer-events-auto fixed inset-y-0 flex h-dvh w-(--sidebar-width-mobile) max-w-[88vw] flex-col overflow-hidden border-border bg-background shadow-2xl will-change-transform',\n            side === 'left' ? 'left-0 border-r' : 'right-0 border-l',\n            !ctx.mobileOpen.value && 'pointer-events-none',\n            $attrs.class,\n          )\n        \"\n        @animation-complete=\"complete\"\n        ><slot\n      /></motion.div></div\n  ></Teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, provide } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { EASE_DRAWER } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { useSidebar } from \"./context\";\nimport MobileSidebar from \"./MobileSidebar.vue\";\ndefineOptions({ inheritAttrs: false });\nconst props = withDefaults(\n  defineProps<{\n    side?: \"left\" | \"right\";\n    variant?: \"sidebar\" | \"floating\" | \"inset\";\n    collapsible?: \"icon\" | \"offcanvas\" | \"none\";\n    ariaLabel?: string;\n    panelClassName?: string;\n  }>(),\n  {\n    side: \"left\",\n    variant: \"sidebar\",\n    collapsible: \"icon\",\n    ariaLabel: \"Sidebar\",\n  },\n);\nconst ctx = useSidebar(),\n  collapsed = computed(\n    () => !ctx.mobile.value && props.collapsible !== \"none\" && !ctx.open.value,\n  ),\n  offcanvas = computed(\n    () => collapsed.value && props.collapsible === \"offcanvas\",\n  );\nprovide(\"orvui-sidebar-panel\", {\n  collapsed,\n  side: computed(() => props.side),\n  collapsible: computed(() => props.collapsible),\n});\nconst width = computed(() =>\n  offcanvas.value\n    ? \"0px\"\n    : collapsed.value\n      ? \"var(--sidebar-width-icon)\"\n      : \"var(--sidebar-width)\",\n);\n</script>\n<template>\n  <MobileSidebar\n    v-if=\"ctx.mobile.value\"\n    v-bind=\"$attrs\"\n    :side=\"side\"\n    :aria-label=\"ariaLabel\"\n    ><slot /></MobileSidebar\n  ><motion.aside\n    v-else\n    v-bind=\"$attrs\"\n    :initial=\"false\"\n    :aria-label=\"ariaLabel\"\n    data-slot=\"sidebar\"\n    :data-state=\"collapsed ? 'collapsed' : 'expanded'\"\n    :data-collapsible=\"collapsible\"\n    :data-variant=\"variant\"\n    :data-side=\"side\"\n    :animate=\"{ width }\"\n    :transition=\"\n      ctx.reduce.value\n        ? { duration: 0 }\n        : { type: 'spring', stiffness: 380, damping: 35, mass: 0.75 }\n    \"\n    :class=\"\n      cn(\n        'group/sidebar peer relative hidden h-auto shrink-0 md:block will-change-[width]',\n        side === 'right' && 'order-last',\n        $attrs.class,\n      )\n    \"\n    ><motion.div\n      :initial=\"false\"\n      :animate=\"{\n        opacity: offcanvas ? 0 : 1,\n        x: offcanvas ? (side === 'left' ? '-100%' : '100%') : '0%',\n      }\"\n      :transition=\"{\n        duration: ctx.reduce.value ? 0.16 : 0.36,\n        ease: EASE_DRAWER,\n      }\"\n      :inert=\"offcanvas || undefined\"\n      :class=\"\n        cn(\n          'sticky top-0 flex h-svh w-full flex-col overflow-hidden bg-background',\n          collapsible === 'offcanvas' && 'w-[var(--sidebar-width)]',\n          variant === 'sidebar' &&\n            (side === 'left'\n              ? 'border-border border-r'\n              : 'border-border border-l'),\n          variant === 'floating' &&\n            'm-2 h-[calc(100svh-1rem)] rounded-2xl border border-border shadow-sm',\n          variant === 'inset' && 'm-2 h-[calc(100svh-1rem)] rounded-2xl',\n          panelClassName,\n        )\n      \"\n      ><slot /></motion.div\n  ></motion.aside>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, provide } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { EASE_DRAWER } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { useSidebar } from \"./context\";\nimport MobileSidebar from \"./MobileSidebar.vue\";\ndefineOptions({ inheritAttrs: false });\nconst props = withDefaults(\n  defineProps<{\n    side?: \"left\" | \"right\";\n    variant?: \"sidebar\" | \"floating\" | \"inset\";\n    collapsible?: \"icon\" | \"offcanvas\" | \"none\";\n    ariaLabel?: string;\n    panelClassName?: string;\n  }>(),\n  {\n    side: \"left\",\n    variant: \"sidebar\",\n    collapsible: \"icon\",\n    ariaLabel: \"Sidebar\",\n  },\n);\nconst ctx = useSidebar(),\n  collapsed = computed(\n    () => !ctx.mobile.value && props.collapsible !== \"none\" && !ctx.open.value,\n  ),\n  offcanvas = computed(\n    () => collapsed.value && props.collapsible === \"offcanvas\",\n  );\nprovide(\"orvui-sidebar-panel\", {\n  collapsed,\n  side: computed(() => props.side),\n  collapsible: computed(() => props.collapsible),\n});\nconst width = computed(() =>\n  offcanvas.value\n    ? \"0px\"\n    : collapsed.value\n      ? \"var(--sidebar-width-icon)\"\n      : \"var(--sidebar-width)\",\n);\n</script>\n<template>\n  <MobileSidebar\n    v-if=\"ctx.mobile.value\"\n    v-bind=\"$attrs\"\n    :side=\"side\"\n    :aria-label=\"ariaLabel\"\n    ><slot /></MobileSidebar\n  ><motion.aside\n    v-else\n    v-bind=\"$attrs\"\n    :initial=\"false\"\n    :aria-label=\"ariaLabel\"\n    data-slot=\"sidebar\"\n    :data-state=\"collapsed ? 'collapsed' : 'expanded'\"\n    :data-collapsible=\"collapsible\"\n    :data-variant=\"variant\"\n    :data-side=\"side\"\n    :animate=\"{ width }\"\n    :transition=\"\n      ctx.reduce.value\n        ? { duration: 0 }\n        : { type: 'spring', stiffness: 380, damping: 35, mass: 0.75 }\n    \"\n    :class=\"\n      cn(\n        'group/sidebar peer relative hidden h-auto shrink-0 md:block will-change-[width]',\n        side === 'right' && 'order-last',\n        $attrs.class,\n      )\n    \"\n    ><motion.div\n      :initial=\"false\"\n      :animate=\"{\n        opacity: offcanvas ? 0 : 1,\n        x: offcanvas ? (side === 'left' ? '-100%' : '100%') : '0%',\n      }\"\n      :transition=\"{\n        duration: ctx.reduce.value ? 0.16 : 0.36,\n        ease: EASE_DRAWER,\n      }\"\n      :inert=\"offcanvas || undefined\"\n      :class=\"\n        cn(\n          'sticky top-0 flex h-svh w-full flex-col overflow-hidden bg-background',\n          collapsible === 'offcanvas' && 'w-[var(--sidebar-width)]',\n          variant === 'sidebar' &&\n            (side === 'left'\n              ? 'border-border border-r'\n              : 'border-border border-l'),\n          variant === 'floating' &&\n            'm-2 h-[calc(100svh-1rem)] rounded-2xl border border-border shadow-sm',\n          variant === 'inset' && 'm-2 h-[calc(100svh-1rem)] rounded-2xl',\n          panelClassName,\n        )\n      \"\n      ><slot /></motion.div\n  ></motion.aside>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { PanelLeft } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { useSidebar } from \"./context\";\nconst ctx = useSidebar(),\n  trigger = ctx.triggerRef,\n  expanded = computed(() =>\n    ctx.mobile.value ? ctx.mobileOpen.value : ctx.open.value,\n  );\nfunction click(event: MouseEvent) {\n  if (!event.defaultPrevented) ctx.toggle();\n}\n</script>\n<template>\n  <button\n    ref=\"trigger\"\n    type=\"button\"\n    aria-label=\"Toggle sidebar\"\n    :aria-expanded=\"expanded\"\n    data-slot=\"sidebar-trigger\"\n    :data-state=\"expanded ? 'expanded' : 'collapsed'\"\n    :class=\"\n      cn(\n        'inline-flex size-10 shrink-0 items-center justify-center rounded-xl outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background',\n        $attrs.class,\n      )\n    \"\n    @click=\"click\"\n  >\n    <slot><PanelLeft class=\"size-4\" /></slot>\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { PanelLeft } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { useSidebar } from \"./context\";\nconst ctx = useSidebar(),\n  trigger = ctx.triggerRef,\n  expanded = computed(() =>\n    ctx.mobile.value ? ctx.mobileOpen.value : ctx.open.value,\n  );\nfunction click(event: MouseEvent) {\n  if (!event.defaultPrevented) ctx.toggle();\n}\n</script>\n<template>\n  <button\n    ref=\"trigger\"\n    type=\"button\"\n    aria-label=\"Toggle sidebar\"\n    :aria-expanded=\"expanded\"\n    data-slot=\"sidebar-trigger\"\n    :data-state=\"expanded ? 'expanded' : 'collapsed'\"\n    :class=\"\n      cn(\n        'inline-flex size-10 shrink-0 items-center justify-center rounded-xl outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background',\n        $attrs.class,\n      )\n    \"\n    @click=\"click\"\n  >\n    <slot><PanelLeft class=\"size-4\" /></slot>\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport { X } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { useSidebar } from \"./context\";\nconst ctx = useSidebar();\nfunction close(event: MouseEvent) {\n  if (!event.defaultPrevented)\n    (ctx.mobile.value ? ctx.setOpenMobile : ctx.setOpen)(false);\n}\n</script>\n<template>\n  <button\n    type=\"button\"\n    aria-label=\"Close sidebar\"\n    :class=\"\n      cn(\n        'inline-flex size-10 shrink-0 items-center justify-center rounded-xl outline-none focus-visible:ring-2 focus-visible:ring-ring',\n        $attrs.class,\n      )\n    \"\n    @click=\"close\"\n  >\n    <slot><X class=\"size-4\" /></slot>\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport { X } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { useSidebar } from \"./context\";\nconst ctx = useSidebar();\nfunction close(event: MouseEvent) {\n  if (!event.defaultPrevented)\n    (ctx.mobile.value ? ctx.setOpenMobile : ctx.setOpen)(false);\n}\n</script>\n<template>\n  <button\n    type=\"button\"\n    aria-label=\"Close sidebar\"\n    :class=\"\n      cn(\n        'inline-flex size-10 shrink-0 items-center justify-center rounded-xl outline-none focus-visible:ring-2 focus-visible:ring-ring',\n        $attrs.class,\n      )\n    \"\n    @click=\"close\"\n  >\n    <slot><X class=\"size-4\" /></slot>\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nimport { useSidebar, useSidebarPanel } from \"./context\";\nconst ctx = useSidebar(),\n  panel = useSidebarPanel();\nconst rail =\n  \"absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 outline-none md:block after:absolute after:inset-y-0 after:left-1/2 after:w-px after:bg-transparent after:transition-colors hover:after:bg-border data-[side=right]:right-0 data-[side=right]:translate-x-1/2 data-[side=left]:left-full\";\n</script>\n<template>\n  <button\n    type=\"button\"\n    :data-side=\"panel.side.value\"\n    tabindex=\"-1\"\n    aria-label=\"Toggle sidebar\"\n    title=\"Toggle sidebar\"\n    :class=\"cn(rail, $attrs.class)\"\n    @click=\"!$event.defaultPrevented && ctx.toggle()\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nimport { useSidebar, useSidebarPanel } from \"./context\";\nconst ctx = useSidebar(),\n  panel = useSidebarPanel();\nconst rail =\n  \"absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 outline-none md:block after:absolute after:inset-y-0 after:left-1/2 after:w-px after:bg-transparent after:transition-colors hover:after:bg-border data-[side=right]:right-0 data-[side=right]:translate-x-1/2 data-[side=left]:left-full\";\n</script>\n<template>\n  <button\n    type=\"button\"\n    :data-side=\"panel.side.value\"\n    tabindex=\"-1\"\n    aria-label=\"Toggle sidebar\"\n    title=\"Toggle sidebar\"\n    :class=\"cn(rail, $attrs.class)\"\n    @click=\"!$event.defaultPrevented && ctx.toggle()\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nconst layout =\n  \"relative flex min-h-svh min-w-0 flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-2xl md:peer-data-[variant=inset]:shadow-sm\";\n</script>\n<template>\n  <motion.main data-slot=\"sidebar-inset\" :class=\"cn(layout, $attrs.class)\"\n    ><slot\n  /></motion.main>\n</template>\n","<script setup lang=\"ts\">\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nconst layout =\n  \"relative flex min-h-svh min-w-0 flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-2xl md:peer-data-[variant=inset]:shadow-sm\";\n</script>\n<template>\n  <motion.main data-slot=\"sidebar-inset\" :class=\"cn(layout, $attrs.class)\"\n    ><slot\n  /></motion.main>\n</template>\n","<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nconst base = \"flex shrink-0 flex-col gap-2 p-3\";\n</script>\n<template>\n  <div data-slot=\"sidebar-header\" :class=\"cn(base, $attrs.class)\"><slot /></div>\n</template>\n","<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nconst base = \"flex shrink-0 flex-col gap-2 p-3\";\n</script>\n<template>\n  <div data-slot=\"sidebar-header\" :class=\"cn(base, $attrs.class)\"><slot /></div>\n</template>\n","<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nconst base =\n  \"flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto overflow-x-hidden overscroll-contain px-2 py-2\";\n</script>\n<template>\n  <div data-slot=\"sidebar-content\" :class=\"cn(base, $attrs.class)\">\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nconst base =\n  \"flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto overflow-x-hidden overscroll-contain px-2 py-2\";\n</script>\n<template>\n  <div data-slot=\"sidebar-content\" :class=\"cn(base, $attrs.class)\">\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nconst base =\n  \"flex shrink-0 flex-col gap-2 border-border border-t p-3 pb-[max(0.75rem,env(safe-area-inset-bottom))]\";\n</script>\n<template>\n  <div data-slot=\"sidebar-footer\" :class=\"cn(base, $attrs.class)\"><slot /></div>\n</template>\n","<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nconst base =\n  \"flex shrink-0 flex-col gap-2 border-border border-t p-3 pb-[max(0.75rem,env(safe-area-inset-bottom))]\";\n</script>\n<template>\n  <div data-slot=\"sidebar-footer\" :class=\"cn(base, $attrs.class)\"><slot /></div>\n</template>\n","<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nconst base = \"flex w-full min-w-0 flex-col px-1 py-1.5\";\n</script>\n<template>\n  <div data-slot=\"sidebar-group\" :class=\"cn(base, $attrs.class)\"><slot /></div>\n</template>\n","<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nconst base = \"flex w-full min-w-0 flex-col px-1 py-1.5\";\n</script>\n<template>\n  <div data-slot=\"sidebar-group\" :class=\"cn(base, $attrs.class)\"><slot /></div>\n</template>\n","<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nconst base = \"w-full min-w-0\";\n</script>\n<template>\n  <div data-slot=\"sidebar-group-content\" :class=\"cn(base, $attrs.class)\">\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nconst base = \"w-full min-w-0\";\n</script>\n<template>\n  <div data-slot=\"sidebar-group-content\" :class=\"cn(base, $attrs.class)\">\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { SharedLayoutBg } from \"../../shared-layout-bg\";\nimport { cn } from \"../../../lib/utils\";\nconst list = \"flex w-full min-w-0 list-none flex-col gap-0.5\";\n</script>\n<template>\n  <SharedLayoutBg\n    as=\"ul\"\n    :inset=\"0\"\n    pill-class-name=\"rounded-xl bg-muted/70\"\n    pill-container-class-name=\"inset-y-auto top-0 h-9\"\n    data-slot=\"sidebar-menu\"\n    :class=\"cn(list, $attrs.class)\"\n    ><slot\n  /></SharedLayoutBg>\n</template>\n","<script setup lang=\"ts\">\nimport { SharedLayoutBg } from \"../../shared-layout-bg\";\nimport { cn } from \"../../../lib/utils\";\nconst list = \"flex w-full min-w-0 list-none flex-col gap-0.5\";\n</script>\n<template>\n  <SharedLayoutBg\n    as=\"ul\"\n    :inset=\"0\"\n    pill-class-name=\"rounded-xl bg-muted/70\"\n    pill-container-class-name=\"inset-y-auto top-0 h-9\"\n    data-slot=\"sidebar-menu\"\n    :class=\"cn(list, $attrs.class)\"\n    ><slot\n  /></SharedLayoutBg>\n</template>\n","<script setup lang=\"ts\">\nimport { motion } from \"motion-v\";\nimport { SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nconst layout = \"position\" as const;\n</script>\n<template>\n  <motion.li\n    :layout=\"layout\"\n    :transition=\"SPRING_LAYOUT\"\n    data-slot=\"sidebar-menu-item\"\n    :class=\"cn('relative', $attrs.class)\"\n    ><slot\n  /></motion.li>\n</template>\n","<script setup lang=\"ts\">\nimport { motion } from \"motion-v\";\nimport { SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nconst layout = \"position\" as const;\n</script>\n<template>\n  <motion.li\n    :layout=\"layout\"\n    :transition=\"SPRING_LAYOUT\"\n    data-slot=\"sidebar-menu-item\"\n    :class=\"cn('relative', $attrs.class)\"\n    ><slot\n  /></motion.li>\n</template>\n","import { EASE_OUT } from \"../../../lib/ease\";\nconst closedClip = \"inset(0 0 100% 0 round 8px)\",\n  openClip = \"inset(0 0 0% 0 round 8px)\";\nexport const submenuVariants = {\n  closed: {\n    opacity: 0,\n    clipPath: closedClip,\n    transition: {\n      duration: 0.14,\n      ease: EASE_OUT,\n      staggerChildren: 0.025,\n      staggerDirection: -1,\n    },\n  },\n  open: {\n    opacity: 1,\n    clipPath: openClip,\n    transition: {\n      duration: 0.2,\n      delayChildren: 0.035,\n      ease: EASE_OUT,\n      staggerChildren: 0.045,\n    },\n  },\n};\nexport const submenuItemVariants = {\n  closed: { opacity: 0, y: -6, filter: \"blur(3px)\" },\n  open: {\n    opacity: 1,\n    y: 0,\n    filter: \"blur(0px)\",\n    transition: { duration: 0.18, ease: EASE_OUT },\n  },\n};\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { motion, AnimatePresence } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { useSidebar, useSidebarPanel } from \"./context\";\nimport { submenuVariants } from \"./transitions\";\nconst props = defineProps<{ open: boolean }>(),\n  ctx = useSidebar(),\n  panel = useSidebarPanel();\nconst present = computed(() => props.open && !panel.collapsed.value);\nconst movement = computed(() =>\n  ctx.reduce.value\n    ? {\n        initial: false as const,\n        animate: { opacity: 1 },\n        exit: { opacity: 0 },\n        transition: { duration: 0.12 },\n      }\n    : {\n        variants: submenuVariants,\n        initial: \"closed\",\n        animate: \"open\",\n        exit: \"closed\",\n      },\n);\n</script>\n<template>\n  <AnimatePresence :initial=\"false\" mode=\"popLayout\"\n    ><motion.ul\n      v-if=\"present\"\n      key=\"sidebar-submenu\"\n      v-bind=\"movement\"\n      data-slot=\"sidebar-menu-sub\"\n      :class=\"\n        cn(\n          'relative mt-1 ml-5 flex min-w-0 flex-col gap-0.5 border-border border-l pl-3',\n          $attrs.class,\n        )\n      \"\n      ><slot /></motion.ul\n  ></AnimatePresence>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { motion, AnimatePresence } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { useSidebar, useSidebarPanel } from \"./context\";\nimport { submenuVariants } from \"./transitions\";\nconst props = defineProps<{ open: boolean }>(),\n  ctx = useSidebar(),\n  panel = useSidebarPanel();\nconst present = computed(() => props.open && !panel.collapsed.value);\nconst movement = computed(() =>\n  ctx.reduce.value\n    ? {\n        initial: false as const,\n        animate: { opacity: 1 },\n        exit: { opacity: 0 },\n        transition: { duration: 0.12 },\n      }\n    : {\n        variants: submenuVariants,\n        initial: \"closed\",\n        animate: \"open\",\n        exit: \"closed\",\n      },\n);\n</script>\n<template>\n  <AnimatePresence :initial=\"false\" mode=\"popLayout\"\n    ><motion.ul\n      v-if=\"present\"\n      key=\"sidebar-submenu\"\n      v-bind=\"movement\"\n      data-slot=\"sidebar-menu-sub\"\n      :class=\"\n        cn(\n          'relative mt-1 ml-5 flex min-w-0 flex-col gap-0.5 border-border border-l pl-3',\n          $attrs.class,\n        )\n      \"\n      ><slot /></motion.ul\n  ></AnimatePresence>\n</template>\n","<script setup lang=\"ts\">\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { submenuItemVariants } from \"./transitions\";\nconst base = \"relative min-w-0\";\n</script>\n<template>\n  <motion.li\n    :variants=\"submenuItemVariants\"\n    data-slot=\"sidebar-menu-sub-item\"\n    :class=\"cn(base, $attrs.class)\"\n    ><slot\n  /></motion.li>\n</template>\n","<script setup lang=\"ts\">\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { submenuItemVariants } from \"./transitions\";\nconst base = \"relative min-w-0\";\n</script>\n<template>\n  <motion.li\n    :variants=\"submenuItemVariants\"\n    data-slot=\"sidebar-menu-sub-item\"\n    :class=\"cn(base, $attrs.class)\"\n    ><slot\n  /></motion.li>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\nimport { useSidebarPanel } from \"./context\";\nconst panel = useSidebarPanel(),\n  hidden = computed(() => panel.collapsed.value);\n</script>\n<template>\n  <div\n    :aria-hidden=\"hidden\"\n    data-slot=\"sidebar-group-label\"\n    :class=\"\n      cn(\n        'mb-1 h-7 overflow-hidden px-2 text-[10px] font-medium uppercase tracking-[0.14em] text-muted-foreground transition-opacity',\n        hidden ? 'opacity-0' : 'opacity-100',\n        $attrs.class,\n      )\n    \"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\nimport { useSidebarPanel } from \"./context\";\nconst panel = useSidebarPanel(),\n  hidden = computed(() => panel.collapsed.value);\n</script>\n<template>\n  <div\n    :aria-hidden=\"hidden\"\n    data-slot=\"sidebar-group-label\"\n    :class=\"\n      cn(\n        'mb-1 h-7 overflow-hidden px-2 text-[10px] font-medium uppercase tracking-[0.14em] text-muted-foreground transition-opacity',\n        hidden ? 'opacity-0' : 'opacity-100',\n        $attrs.class,\n      )\n    \"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useSlots } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { ChevronRight } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_LAYOUT, SPRING_PRESS, EASE_OUT } from \"../../../lib/ease\";\nimport RenderContent from \"../../../lib/RenderContent\";\nimport { useSidebar, useSidebarPanel } from \"./context\";\ndefineOptions({ inheritAttrs: false });\nconst props = withDefaults(\n  defineProps<{\n    href?: string;\n    isActive?: boolean;\n    ariaExpanded?: boolean;\n    disabled?: boolean;\n    closeOnSelect?: boolean;\n    icon?: any;\n    badge?: any;\n    target?: string;\n    rel?: string;\n  }>(),\n  { ariaExpanded: undefined, closeOnSelect: undefined },\n);\nconst emit = defineEmits([\"select\"]),\n  ctx = useSidebar(),\n  panel = useSidebarPanel(),\n  slots = useSlots();\nconst textLabel = computed(() =>\n  slots\n    .default?.()\n    .flatMap((node) =>\n      typeof node.children === \"string\" ? [node.children] : [],\n    )\n    .join(\"\"),\n);\nconst textTransition = computed(() => ({\n  duration: ctx.reduce.value ? 0.16 : panel.collapsed.value ? 0.12 : 0.2,\n  delay: !ctx.reduce.value && !panel.collapsed.value ? 0.08 : 0,\n  ease: EASE_OUT,\n}));\nfunction select(event: MouseEvent) {\n  const blocked = props.disabled;\n  if (blocked) event.preventDefault();\n  if (blocked || event.defaultPrevented) return;\n  emit(\"select\");\n  if (ctx.mobile.value) {\n    const closeAfterSelection =\n      props.closeOnSelect === undefined\n        ? props.ariaExpanded === undefined\n        : props.closeOnSelect;\n    if (closeAfterSelection) ctx.setOpenMobile(false);\n    return;\n  }\n  if (props.ariaExpanded !== undefined && panel.collapsed.value) {\n    ctx.setOpen(true);\n  }\n}\n</script>\n<template>\n  <component\n    :is=\"href ? motion.a : motion.button\"\n    v-bind=\"$attrs\"\n    :type=\"href ? undefined : 'button'\"\n    :href=\"href\"\n    :target=\"target\"\n    :rel=\"rel ?? (target === '_blank' ? 'noreferrer noopener' : undefined)\"\n    :disabled=\"href ? undefined : disabled\"\n    :aria-current=\"isActive ? 'page' : undefined\"\n    :aria-expanded=\"ariaExpanded\"\n    :aria-disabled=\"disabled || undefined\"\n    :aria-label=\"panel.collapsed.value ? textLabel : undefined\"\n    :title=\"panel.collapsed.value ? textLabel : undefined\"\n    :tabindex=\"href && disabled ? -1 : undefined\"\n    :while-press=\"ctx.reduce.value || disabled ? undefined : { scale: 0.98 }\"\n    :transition=\"SPRING_PRESS\"\n    :class=\"\n      cn(\n        'relative flex min-h-9 w-full min-w-0 items-center gap-2.5 overflow-hidden rounded-xl px-3 text-left text-sm font-medium outline-none text-muted-foreground transition-colors hover:text-foreground focus-visible:bg-muted/70 focus-visible:ring-2 focus-visible:ring-ring',\n        isActive && 'text-foreground',\n        disabled && 'cursor-not-allowed opacity-40',\n        $attrs.class,\n      )\n    \"\n    @click=\"select\"\n    ><motion.span\n      v-if=\"isActive\"\n      :layout-id=\"ctx.id + '-active'\"\n      :transition=\"ctx.reduce.value ? { duration: 0 } : SPRING_LAYOUT\"\n      class=\"absolute inset-0 rounded-xl bg-muted\" /><span\n      v-if=\"icon || slots.icon\"\n      aria-hidden=\"true\"\n      class=\"relative z-10 grid size-5 shrink-0 place-items-center\"\n      ><slot name=\"icon\"><RenderContent :node=\"icon\" /></slot></span\n    ><motion.span\n      :initial=\"false\"\n      :animate=\"{\n        opacity: panel.collapsed.value ? 0 : 1,\n        x: panel.collapsed.value ? -4 : 0,\n      }\"\n      :transition=\"textTransition\"\n      :aria-hidden=\"panel.collapsed.value\"\n      :class=\"\n        cn(\n          'relative z-10 min-w-0 flex-1 truncate',\n          panel.collapsed.value && 'pointer-events-none',\n        )\n      \"\n      ><slot /></motion.span\n    ><span\n      v-if=\"badge && !panel.collapsed.value\"\n      class=\"relative z-10 shrink-0 text-xs text-muted-foreground\"\n      ><RenderContent :node=\"badge\" /></span\n    ><motion.span\n      v-if=\"ariaExpanded !== undefined\"\n      aria-hidden=\"true\"\n      :initial=\"false\"\n      :animate=\"{\n        opacity: panel.collapsed.value ? 0 : 1,\n        rotate: ariaExpanded ? 90 : 0,\n        x: panel.collapsed.value ? 4 : 0,\n      }\"\n      :transition=\"ctx.reduce.value ? { duration: 0 } : SPRING_LAYOUT\"\n      class=\"relative z-10 grid size-4 shrink-0 place-items-center text-muted-foreground\"\n      ><ChevronRight class=\"size-3.5\" /></motion.span\n  ></component>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useSlots } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { ChevronRight } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_LAYOUT, SPRING_PRESS, EASE_OUT } from \"../../../lib/ease\";\nimport RenderContent from \"../../../lib/RenderContent\";\nimport { useSidebar, useSidebarPanel } from \"./context\";\ndefineOptions({ inheritAttrs: false });\nconst props = withDefaults(\n  defineProps<{\n    href?: string;\n    isActive?: boolean;\n    ariaExpanded?: boolean;\n    disabled?: boolean;\n    closeOnSelect?: boolean;\n    icon?: any;\n    badge?: any;\n    target?: string;\n    rel?: string;\n  }>(),\n  { ariaExpanded: undefined, closeOnSelect: undefined },\n);\nconst emit = defineEmits([\"select\"]),\n  ctx = useSidebar(),\n  panel = useSidebarPanel(),\n  slots = useSlots();\nconst textLabel = computed(() =>\n  slots\n    .default?.()\n    .flatMap((node) =>\n      typeof node.children === \"string\" ? [node.children] : [],\n    )\n    .join(\"\"),\n);\nconst textTransition = computed(() => ({\n  duration: ctx.reduce.value ? 0.16 : panel.collapsed.value ? 0.12 : 0.2,\n  delay: !ctx.reduce.value && !panel.collapsed.value ? 0.08 : 0,\n  ease: EASE_OUT,\n}));\nfunction select(event: MouseEvent) {\n  const blocked = props.disabled;\n  if (blocked) event.preventDefault();\n  if (blocked || event.defaultPrevented) return;\n  emit(\"select\");\n  if (ctx.mobile.value) {\n    const closeAfterSelection =\n      props.closeOnSelect === undefined\n        ? props.ariaExpanded === undefined\n        : props.closeOnSelect;\n    if (closeAfterSelection) ctx.setOpenMobile(false);\n    return;\n  }\n  if (props.ariaExpanded !== undefined && panel.collapsed.value) {\n    ctx.setOpen(true);\n  }\n}\n</script>\n<template>\n  <component\n    :is=\"href ? motion.a : motion.button\"\n    v-bind=\"$attrs\"\n    :type=\"href ? undefined : 'button'\"\n    :href=\"href\"\n    :target=\"target\"\n    :rel=\"rel ?? (target === '_blank' ? 'noreferrer noopener' : undefined)\"\n    :disabled=\"href ? undefined : disabled\"\n    :aria-current=\"isActive ? 'page' : undefined\"\n    :aria-expanded=\"ariaExpanded\"\n    :aria-disabled=\"disabled || undefined\"\n    :aria-label=\"panel.collapsed.value ? textLabel : undefined\"\n    :title=\"panel.collapsed.value ? textLabel : undefined\"\n    :tabindex=\"href && disabled ? -1 : undefined\"\n    :while-press=\"ctx.reduce.value || disabled ? undefined : { scale: 0.98 }\"\n    :transition=\"SPRING_PRESS\"\n    :class=\"\n      cn(\n        'relative flex min-h-9 w-full min-w-0 items-center gap-2.5 overflow-hidden rounded-xl px-3 text-left text-sm font-medium outline-none text-muted-foreground transition-colors hover:text-foreground focus-visible:bg-muted/70 focus-visible:ring-2 focus-visible:ring-ring',\n        isActive && 'text-foreground',\n        disabled && 'cursor-not-allowed opacity-40',\n        $attrs.class,\n      )\n    \"\n    @click=\"select\"\n    ><motion.span\n      v-if=\"isActive\"\n      :layout-id=\"ctx.id + '-active'\"\n      :transition=\"ctx.reduce.value ? { duration: 0 } : SPRING_LAYOUT\"\n      class=\"absolute inset-0 rounded-xl bg-muted\" /><span\n      v-if=\"icon || slots.icon\"\n      aria-hidden=\"true\"\n      class=\"relative z-10 grid size-5 shrink-0 place-items-center\"\n      ><slot name=\"icon\"><RenderContent :node=\"icon\" /></slot></span\n    ><motion.span\n      :initial=\"false\"\n      :animate=\"{\n        opacity: panel.collapsed.value ? 0 : 1,\n        x: panel.collapsed.value ? -4 : 0,\n      }\"\n      :transition=\"textTransition\"\n      :aria-hidden=\"panel.collapsed.value\"\n      :class=\"\n        cn(\n          'relative z-10 min-w-0 flex-1 truncate',\n          panel.collapsed.value && 'pointer-events-none',\n        )\n      \"\n      ><slot /></motion.span\n    ><span\n      v-if=\"badge && !panel.collapsed.value\"\n      class=\"relative z-10 shrink-0 text-xs text-muted-foreground\"\n      ><RenderContent :node=\"badge\" /></span\n    ><motion.span\n      v-if=\"ariaExpanded !== undefined\"\n      aria-hidden=\"true\"\n      :initial=\"false\"\n      :animate=\"{\n        opacity: panel.collapsed.value ? 0 : 1,\n        rotate: ariaExpanded ? 90 : 0,\n        x: panel.collapsed.value ? 4 : 0,\n      }\"\n      :transition=\"ctx.reduce.value ? { duration: 0 } : SPRING_LAYOUT\"\n      class=\"relative z-10 grid size-4 shrink-0 place-items-center text-muted-foreground\"\n      ><ChevronRight class=\"size-3.5\" /></motion.span\n  ></component>\n</template>\n","<script setup lang=\"ts\">\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_PRESS } from \"../../../lib/ease\";\nimport RenderContent from \"../../../lib/RenderContent\";\nimport { useSidebar } from \"./context\";\ndefineOptions({ inheritAttrs: false });\nconst props = withDefaults(\n  defineProps<{\n    href?: string;\n    isActive?: boolean;\n    disabled?: boolean;\n    closeOnSelect?: boolean;\n    icon?: any;\n    target?: string;\n    rel?: string;\n  }>(),\n  { closeOnSelect: true },\n);\nconst emit = defineEmits([\"select\"]),\n  ctx = useSidebar();\nfunction select(event: MouseEvent) {\n  const blocked = props.disabled;\n  if (blocked) event.preventDefault();\n  const accepted = !blocked && !event.defaultPrevented;\n  if (accepted) {\n    emit(\"select\");\n    const dismissMobile = ctx.mobile.value && props.closeOnSelect;\n    if (dismissMobile) ctx.setOpenMobile(false);\n  }\n}\n</script>\n<template>\n  <component\n    :is=\"href ? motion.a : motion.button\"\n    v-bind=\"$attrs\"\n    :href=\"href\"\n    :type=\"href ? undefined : 'button'\"\n    :target=\"target\"\n    :rel=\"rel ?? (target === '_blank' ? 'noreferrer noopener' : undefined)\"\n    :disabled=\"href ? undefined : disabled\"\n    :aria-current=\"isActive ? 'page' : undefined\"\n    :aria-disabled=\"disabled || undefined\"\n    :tabindex=\"href && disabled ? -1 : undefined\"\n    :while-press=\"ctx.reduce.value || disabled ? undefined : { scale: 0.98 }\"\n    :transition=\"SPRING_PRESS\"\n    :class=\"\n      cn(\n        'flex min-h-8 w-full min-w-0 items-center gap-2 rounded-lg px-2 text-left text-xs outline-none text-muted-foreground transition-colors hover:bg-muted/60 hover:text-foreground focus-visible:bg-muted/70 focus-visible:ring-2 focus-visible:ring-ring',\n        isActive && 'bg-muted/70 text-foreground',\n        disabled && 'cursor-not-allowed opacity-40',\n        $attrs.class,\n      )\n    \"\n    @click=\"select\"\n    ><span aria-hidden=\"true\" class=\"grid size-4 shrink-0 place-items-center\"\n      ><slot name=\"icon\"\n        ><RenderContent v-if=\"icon\" :node=\"icon\" /><span\n          v-else\n          class=\"size-1 rounded-full bg-current\" /></slot></span\n    ><span class=\"min-w-0 flex-1 truncate\"><slot /></span\n  ></component>\n</template>\n","<script setup lang=\"ts\">\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_PRESS } from \"../../../lib/ease\";\nimport RenderContent from \"../../../lib/RenderContent\";\nimport { useSidebar } from \"./context\";\ndefineOptions({ inheritAttrs: false });\nconst props = withDefaults(\n  defineProps<{\n    href?: string;\n    isActive?: boolean;\n    disabled?: boolean;\n    closeOnSelect?: boolean;\n    icon?: any;\n    target?: string;\n    rel?: string;\n  }>(),\n  { closeOnSelect: true },\n);\nconst emit = defineEmits([\"select\"]),\n  ctx = useSidebar();\nfunction select(event: MouseEvent) {\n  const blocked = props.disabled;\n  if (blocked) event.preventDefault();\n  const accepted = !blocked && !event.defaultPrevented;\n  if (accepted) {\n    emit(\"select\");\n    const dismissMobile = ctx.mobile.value && props.closeOnSelect;\n    if (dismissMobile) ctx.setOpenMobile(false);\n  }\n}\n</script>\n<template>\n  <component\n    :is=\"href ? motion.a : motion.button\"\n    v-bind=\"$attrs\"\n    :href=\"href\"\n    :type=\"href ? undefined : 'button'\"\n    :target=\"target\"\n    :rel=\"rel ?? (target === '_blank' ? 'noreferrer noopener' : undefined)\"\n    :disabled=\"href ? undefined : disabled\"\n    :aria-current=\"isActive ? 'page' : undefined\"\n    :aria-disabled=\"disabled || undefined\"\n    :tabindex=\"href && disabled ? -1 : undefined\"\n    :while-press=\"ctx.reduce.value || disabled ? undefined : { scale: 0.98 }\"\n    :transition=\"SPRING_PRESS\"\n    :class=\"\n      cn(\n        'flex min-h-8 w-full min-w-0 items-center gap-2 rounded-lg px-2 text-left text-xs outline-none text-muted-foreground transition-colors hover:bg-muted/60 hover:text-foreground focus-visible:bg-muted/70 focus-visible:ring-2 focus-visible:ring-ring',\n        isActive && 'bg-muted/70 text-foreground',\n        disabled && 'cursor-not-allowed opacity-40',\n        $attrs.class,\n      )\n    \"\n    @click=\"select\"\n    ><span aria-hidden=\"true\" class=\"grid size-4 shrink-0 place-items-center\"\n      ><slot name=\"icon\"\n        ><RenderContent v-if=\"icon\" :node=\"icon\" /><span\n          v-else\n          class=\"size-1 rounded-full bg-current\" /></slot></span\n    ><span class=\"min-w-0 flex-1 truncate\"><slot /></span\n  ></component>\n</template>\n"],"mappings":";;;;;;;;;AAYA,SAAgByL,EACd,GACA,GACA;CACA,IAAMC,IAAQC,EAAIC,EAAM,WAAW,GACjCC,IAAcF,EAAIC,EAAM,qBAAqBA,EAAM,iBAAiB,GAChEE,IAAOC,EAAS;EACpB,WAAWH,EAAM,QAAQF,EAAM;EAC/B,IAAI,GAAgB;GAGlB,AAFIE,EAAM,SAAS,KAAA,MAAW,EAAM,QAAQI,IAC5CC,EAAK,eAAeD,CAAK,GACzBC,EAAK,cAAcD,CAAK;EAC1B;CACF,CAAC,GACKE,IAAaH,EAAS;EAC1B,WAAWH,EAAM,cAAcA,EAAM,cAAcC,EAAY;EAC/D,IAAI,GAAgB;GAClB,AAAID,EAAM,eAAe,KAAA,KAAaA,EAAM,eAAe,KAAA,MACzD,EAAY,QAAQI;GACtB,KAAK,IAAMG,KAAS;IAClB;IACA;IACA;GACF,GACE,EAAKA,GAAOH,CAAK;EACrB;CACF,CAAC,GACKI,IAASrB,EAAc,oBAAoB,GAC/CsB,IAASpB,EAAiB,GAC1BqB,IAAKC,EAAM,GACXC,IAAab,EAA8B,IAAI;CACjD,SAASc,IAAS;EAChB,AAAIL,EAAO,QAAO,EAAW,QAAQ,CAACF,EAAW,QAC5C,EAAK,QAAQ,CAACJ,EAAK;CAC1B;CAIA,IAAMY,IAA0B;EAC9B;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QAAQ,GAAO;GACb,EAAK,QAAQV;EACf;EACA,cAAc,GAAO;GACnB,EAAW,QAAQA;EACrB;EACA,OAjBYD,QACZD,EAAK,QAAQ,aAAa,WAgB1B;CACF;CACA,EAAQ,iBAAiBY,CAAO;CAChC,SAASC,EAAS,GAAsB;EACtC,AACGf,EAAM,aACLO,EAAM,WAAWA,EAAM,YACzBA,EAAM,IAAI,YAAY,MAAM,QAG9BA,EAAM,eAAe,GACrBM,EAAO;CACT;CAGA,OAFAG,QAAgB,OAAO,iBAAiB,WAAWD,CAAQ,CAAC,GAC5DE,SAAsB,OAAO,oBAAoB,WAAWF,CAAQ,CAAC,GAC9DD;AACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EC7EA,IAAMd,IAAQsB,GAwBRjB,IAAOgB,GAOP,EAAE,SAAM,cAAWxB,EAAeG,IAAQ,GAAO,MACrDK,EAAKE,GAAwBH,CAAK,CACpC;E,kBAGE9L,EAAA,GAAAC,EAaM,OAAA;GAZJ,aAAU;GACT,cAAYC,EAAA0L,CAAA,IAAI,aAAA;GAChB,OAAKzL,EAAA;IAA6B,mBAAA6M,EAAA,gBAAa;IAAuC,wBAAAA,EAAA,iBAAc;;;GAKpG,OAAK5M,EAASF,EAAAkL,CAAA,CAAE,CAAA,uDAAwDtL,EAAAA,OAAO,KAAK,C;E,IAIrFO,EAAsCiN,EAAA,QAAA,WAAA;GAA/B,MAAMpN,EAAA0L,CAAA;GAAO,QAAQ1L,EAAAqM,CAAA;;;;;AE5BhC,SAAgBiB,IAAa;CAC3B,IAAMC,IAAQC,EAAuB,eAAe;CACpD,IAAID,GAAO,OAAOA;CAClB,MAAU,MACR,iEACF;AACF;AACA,SAAgBE,IAAkB;CAChC,IAAMC,IAAQF,EAAqB,qBAAqB;CACxD,IAAIE,GAAO,OAAOA;CAClB,MAAU,MACR,6DACF;AACF;;;;;;;;;;EC5BA,IAAMlC,IAAQsB,GAIRc,IAAMN,EAAW,GACrBI,IAAQnC,EAAwB,IAAI,GACpCsC,IAAStC,EAAI,CAACqC,EAAI,WAAW,KAAK;EAQpC,AAPAE,GACEF,EAAI,aACH,MAAU;GACT,AAAIhC,MAAO,EAAO,QAAQ;EAC5B,GACA,EAAE,OAAO,OAAO,CAClB,GACAhB,EAAWgD,EAAI,YAAYF,SAAa;GACtC,EAAI,WAAW,QAAQ;EACzB,CAAC;EACD,IAAMK,IAAcpC,SAAgB;GAClC,SAASiC,EAAI,OAAO,QAAS,KAAI,WAAW,QAAiB;GAC7D,GAAGA,EAAI,OAAO,QACV,IACAA,EAAI,WAAW,QACb,OACApC,EAAM,SAAS,SACb,UACA;EACV,EAAE,GACIwC,IAAarC,SAAgB;GACjC,UAAUiC,EAAI,OAAO,QAAQ,MAAO;GACpC,MAAM3C;EACR,EAAE;EACF,SAASgD,IAAW;GAClB,AAAKL,EAAI,WAAW,UAAO,EAAO,QAAQ;EAC5C;E,kBAGEtN,EAAA,GAAAC,EA6CYC,GAAA,EA7CF,IAAG,OAAM,GAAA,CAChBC,EA4CF,OAAA,EA3CI,OAAKC,EAAA,C,gEAAoFmN,EAAA,SAAM,CAAKlN,EAAAiN,CAAA,CAAG,CAAC,WAAW,QAAK,cAAA,S,OAKzHhN,EAYED,EAAA2N,CAAA,CAAA,CAAA,QAAA;GAXA,MAAK;GACL,cAAW;GACV,UAAU3N,EAAAiN,CAAA,CAAG,CAAC,WAAW,QAAK,IAAA;GAC9B,SAAS;GACT,SAAO,EAAA,SAAajN,KAAAiN,CAAA,CAAG,CAAC,WAAW,MAAK;GACxC,YAAYI,EAAA;GACZ,OAAKtN,EAAA,C,6BAAqDC,EAAAiN,CAAA,CAAG,CAAC,WAAW,QAAK,wBAAA,qB;GAI9E,SAAK,AAAAW,EAAA,QAAA,MAAE,EAAAX,CAAA,CAAG,CAAC,WAAW,QAAK;;;;;;E,IAC5BhN,EAyBaD,EAAA2N,CAAA,CAAA,CAAA,KAzBbzN,EAyBa;GAxBT,SAAA;GAAJ,KAAI6M;EACIrN,GAAAA,EAAAA,QAAM;GACd,MAAK;GACL,cAAW;GACV,cAAYyM,EAAA;GACZ,eAAW,CAAGnM,EAAAiN,CAAA,CAAG,CAAC,WAAW;GAC7B,OAAK,CAAGjN,EAAAiN,CAAA,CAAG,CAAC,WAAW,SAAS,KAAA;GACjC,UAAS;GACT,eAAY;GACX,cAAYjN,EAAAiN,CAAA,CAAG,CAAC,WAAW,QAAK,aAAA;GAChC,aAAWd,EAAA;GACX,SAAS;GACT,SAASiB,EAAA;GACT,YAAYC,EAAA;GACZ,OAAkBrN,EAAAuK,CAAA,CAAE,C,gLAA0M4B,EAAA,SAAI,SAAA,oBAAA,oBAAmE,CAAAnM,EAAAiN,CAAA,CAAG,CAAC,WAAW,SAAK,uBAAuCvN,EAAAA,OAAO,K;GAQvW,qBAAoB4N;;GACpB,SAAAnN,QACD,CADCC,EACDqM,EAAA,QAAA,SAAA,C;;;;;;;;;;;;;;;;;;;;;;;;EEhFR,IAAM5B,IAAQsB,GAeRc,IAAMN,EAAW,GACrBqB,IAAYhD,QACJ,CAACiC,EAAI,OAAO,SAASpC,EAAM,gBAAgB,UAAU,CAACoC,EAAI,KAAK,KACvE,GACAgB,IAAYjD,QACJgD,EAAU,SAASnD,EAAM,gBAAgB,WACjD;EACF,EAAQ,uBAAuB;GAC7B;GACA,MAAMG,QAAeH,EAAM,IAAI;GAC/B,aAAaG,QAAeH,EAAM,WAAW;EAC/C,CAAC;EACD,IAAMqD,IAAQlD,QACZiD,EAAU,QACN,QACAD,EAAU,QACR,8BACA,sBACR;E,iBAIUzN,EAAA0M,CAAA,CAAG,CAAC,OAAO,SADnBzM,EAAA,GAAAC,EAMCC,GANDC,EAMC,EAAA,KAAA,EAAA,GAJSL,EAAAA,QAAM;GACb,MAAM6L,EAAA;GACN,cAAYA,EAAA;;GACZ,SAAAvL,QAAQ,CAARC,EAAQ4L,EAAA,QAAA,SAAA,C;;E,mCACVjM,EAAA,GAAAC,EAiDeF,EAAAoN,CAAA,CAAA,CAAA,OAjDfhN,EAiDe,EAAA,KAAA,EAAA,GA/CNL,EAAAA,QAAM;GACb,SAAS;GACT,cAAY6L,EAAA;GACb,aAAU;GACT,cAAY6B,EAAA,QAAS,cAAA;GACrB,oBAAkB7B,EAAA;GAClB,gBAAcA,EAAA;GACd,aAAWA,EAAA;GACX,SAAO,EAAA,OAAI+B,EAAA,MAAK;GAChB,YAAmB3N,EAAA0M,CAAA,CAAG,CAAC,OAAO,Q;;;;;;GAK9B,OAAc1M,EAAAgK,CAAA,CAAE,C,mFAAqG4B,EAAA,SAAI,WAAA,cAAsC7L,EAAAA,OAAO,K;;GAOtK,SAAAM,QA0BF,CA1BEE,EA0BFP,EAAAoN,CAAA,CAAA,CAAA,KAAA;IAzBI,SAAS;IACT,SAAO;KAAqB,SAAA,IAAA;KAA8B,GAAAM,EAAA,QAAa9B,EAAA,SAAI,SAAA,UAAA,SAAA;;IAI3E,YAAU;KAAsB,UAAA5L,EAAA0M,CAAA,CAAG,CAAC,OAAO,QAAK,MAAA;KAA8B,MAAA1M,EAAA+J,CAAA;;IAI9E,OAAO2D,EAAA,SAAa,KAAA;IACpB,OAAKlN,EAAWR,EAAAgK,CAAA,CAAE,C,yEAA+F4B,EAAA,gBAAW,eAAA,4BAA0DA,EAAA,YAAO,cAA+BA,EAAA,SAAI,S,sDAA0GA,EAAA,YAAO,c,wEAAiHA,EAAA,YAAO,WAAA,yCAAmEA,EAAA,c;;IAc5gB,SAAAvL,QAAQ,CAARC,EAAQ4L,EAAA,QAAA,SAAA,C;;;;;;;;;;;;;;;;;;;;;;;EE7Ff,IAAMQ,IAAMN,EAAW,GACrB0B,IAAUpB,EAAI,YACdqB,IAAWtD,QACTiC,EAAI,OAAO,QAAQA,EAAI,WAAW,QAAQA,EAAI,KAAK,KACrD;EACF,SAASsB,EAAM,GAAmB;GAChC,AAAKnD,EAAM,oBAAkB6B,EAAI,OAAO;EAC1C;E,kBAGE9L,EAAA,GAAAC,EAgBS,UAAA;GAfH,SAAA;GAAJ,KAAIiN;GACJ,MAAK;GACL,cAAW;GACV,iBAAeC,EAAA;GAChB,aAAU;GACT,cAAYA,EAAA,QAAQ,aAAA;GACpB,OAAKjN,EAASC,EAAAiJ,CAAA,CAAE,C,kMAAoNtJ,EAAAA,OAAO,K;GAM3O,SAAOsN;E,IAERhN,EAAyCkL,EAAA,QAAA,WAAA,CAAA,SAAA,CAAnCjL,EAA4BF,EAAAkN,CAAA,GAAA,EAAjB,OAAM,SAAQ,CAAA,C;;;;;EE1BnC,IAAMvB,IAAMN,EAAW;EACvB,SAAS+B,EAAM,GAAmB;GAChC,AAAKtD,EAAM,qBACR6B,EAAI,OAAO,QAAQA,EAAI,gBAAgBA,EAAI,QAAA,CAAS,EAAK;EAC9D;E,kBAGEtL,EAAA,GAAAC,EAYS,UAAA;GAXP,MAAK;GACL,cAAW;GACV,OAAKC,EAASC,EAAAyI,CAAA,CAAE,C,iIAAmJ7I,EAAAA,OAAO,K;GAM1K,SAAOgN;E,IAER3M,EAAiC0K,EAAA,QAAA,WAAA,CAAA,SAAA,CAA3BzK,EAAoBF,EAAA6M,CAAA,GAAA,EAAjB,OAAM,SAAQ,CAAA,C;;A,uBEjBrBE,IACJ,gS;;;EAHF,IAAM5B,IAAMN,EAAW,GACrBI,IAAQD,EAAgB;E,kBAKxB1K,EAAA,GAAAC,EAQE,UAAA;GAPA,MAAK;GACJ,aAAWC,EAAAyK,CAAA,CAAK,CAAC,KAAK;GACvB,UAAS;GACT,cAAW;GACX,OAAM;GACL,OAAKxK,EAAED,EAAAiI,CAAA,CAAE,CAACsE,GAAM3M,EAAAA,OAAO,KAAK,CAAA;GAC5B,SAAK,AAAA0L,EAAA,QAAA,MAAA,CAAGmB,EAAO,oBAAoBzM,EAAA2K,CAAA,CAAG,CAAC,OAAM;;;A,IEb5CvK,IACJ,oN;;;E,kBAGAC,EAAA,GAAAC,EAEgBC,EAAA8K,CAAA,CAAA,CAAA,MAAA;GAFH,aAAU;GAAiB,OAAK7K,EAAED,EAAA0H,CAAA,CAAE,CAAC7H,GAAQD,EAAAA,OAAO,KAAK,CAAA;;GACnE,SAAAM,QACD,CADCC,EACDyJ,EAAA,QAAA,SAAA,C;;;;A,IEPEtJ,IAAO,oC;;;E,kBAGXC,EAAA,GAAAC,EAA8E,OAAA;GAAzE,aAAU;GAAkB,OAAKC,EAAEC,EAAAgH,CAAA,CAAE,CAACpH,GAAMD,EAAAA,OAAO,KAAK,CAAA;E,IAAGM,EAAQiJ,EAAA,QAAA,SAAA,C;;A,IEHpE9I,KACJ,qG;;;E,kBAGAC,EAAA,GAAAC,EAEM,OAAA;GAFD,aAAU;GAAmB,OAAKC,EAAEC,EAAAwG,CAAA,CAAE,CAAC5G,IAAMD,EAAAA,OAAO,KAAK,CAAA;E,IAC5DM,EAAQyI,EAAA,QAAA,SAAA,C;;A,IELNtI,KACJ,yG;;;E,kBAGAC,EAAA,GAAAC,EAA8E,OAAA;GAAzE,aAAU;GAAkB,OAAKC,EAAEC,EAAAgG,CAAA,CAAE,CAACpG,IAAMD,EAAAA,OAAO,KAAK,CAAA;E,IAAGM,EAAQiI,EAAA,QAAA,SAAA,C;;A,IEJpE9H,KAAO,4C;;;E,kBAGXC,EAAA,GAAAC,EAA6E,OAAA;GAAxE,aAAU;GAAiB,OAAKC,EAAEC,EAAAwF,CAAA,CAAE,CAAC5F,IAAMD,EAAAA,OAAO,KAAK,CAAA;E,IAAGM,EAAQyH,EAAA,QAAA,SAAA,C;;A,IEHnEtH,KAAO,kB;;;E,kBAGXC,EAAA,GAAAC,EAEM,OAAA;GAFD,aAAU;GAAyB,OAAKC,EAAEC,EAAAgF,CAAA,CAAE,CAACpF,IAAMD,EAAAA,OAAO,KAAK,CAAA;E,IAClEM,EAAQiH,EAAA,QAAA,SAAA,C;;A,IEHNmD,KAAO,kD;;;E,kBAGXjK,EAAA,GAAAC,EAQmBC,EAAAC,CAAA,GAAA;GAPjB,IAAG;GACF,OAAO;GACR,mBAAgB;GAChB,6BAA0B;GAC1B,aAAU;GACT,OAAKC,EAAEF,EAAA0E,CAAA,CAAE,CAACqF,IAAMlK,EAAAA,OAAO,KAAK,CAAA;;GAC5B,SAAAM,QACD,CADCC,EACDwG,EAAA,QAAA,SAAA,C;;;;A,IEVEqD,KAAS,Y;;;E,kBAGb1J,EAAA,GAAAC,EAMcC,EAAAqH,CAAA,CAAA,CAAA,IAAA;GALH;GACR,YAAYrH,EAAA8D,CAAA;GACb,aAAU;GACT,OAAK7D,EAAED,EAAAiE,CAAA,CAAE,CAAA,YAAapE,EAAAA,OAAO,KAAK,CAAA;;GAClC,SAAAK,QACD,CADCC,EACDgG,EAAA,QAAA,SAAA,C;;;;A,IEVSuD,KAAkB;CAC7B,QAAQ;EACN,SAAS;EACT,UAAU;EACV,YAAY;GACV,UAAU;GACV,MAAM3F;GACN,iBAAiB;GACjB,kBAAkB;EACpB;CACF;CACA,MAAM;EACJ,SAAS;EACT,UAAU;EACV,YAAY;GACV,UAAU;GACV,eAAe;GACf,MAAMA;GACN,iBAAiB;EACnB;CACF;AACF,GACa4F,KAAsB;CACjC,QAAQ;EAAE,SAAS;EAAG,GAAG;EAAI,QAAQ;CAAY;CACjD,MAAM;EACJ,SAAS;EACT,GAAG;EACH,QAAQ;EACR,YAAY;GAAE,UAAU;GAAM,MAAM5F;EAAS;CAC/C;AACF,G;;;;EC3BA,IAAMQ,IAAQsB,GACZc,IAAMN,EAAW,GACjBI,IAAQD,EAAgB,GACpBqD,IAAUnF,QAAeH,EAAM,QAAQ,CAACkC,EAAM,UAAU,KAAK,GAC7DqD,IAAWpF,QACfiC,EAAI,OAAO,QACP;GACE,SAAS;GACT,SAAS,EAAE,SAAS,EAAE;GACtB,MAAM,EAAE,SAAS,EAAE;GACnB,YAAY,EAAE,UAAU,IAAK;EAC/B,IACA;GACE,UAAU+C;GACV,SAAS;GACT,SAAS;GACT,MAAM;EACR,CACN;E,kBAGEpJ,EAAA,GAAAC,EAamBC,EAAAuJ,CAAA,GAAA;GAbD,SAAS;GAAO,MAAK;;GACpC,SAAAtJ,QAYF,CAXSoJ,EAAA,SADPvJ,EAAA,GAAAC,EAYFC,EAAA6G,CAAA,CAAA,CAAA,IAZE3G,EAYF,EAVG,KAAI,kBAAiB,GACboJ,EAAA,OAAQ;IAChB,aAAU;IACT,OAAgBtJ,EAAAyD,CAAA,CAAE,C,gFAAsG5D,EAAAA,OAAO,K;;IAM/H,SAAAI,QAAQ,CAARE,EAAQwF,EAAA,QAAA,SAAA,C;;;;;;A,IEnCT8D,KAAO,oB;;;E,kBAGXlJ,EAAA,GAAAC,EAKcC,EAAAoG,CAAA,CAAA,CAAA,IAAA;GAJX,UAAUpG,EAAA0I,EAAA;GACX,aAAU;GACT,OAAKzI,EAAED,EAAAgD,CAAA,CAAE,CAACgG,IAAMnJ,EAAAA,OAAO,KAAK,CAAA;;GAC5B,SAAAK,QACD,CADCC,EACD+E,EAAA,QAAA,SAAA,C;;;;;;;EERJ,IAAMM,IAAQD,EAAgB,GAC5BI,IAASlC,QAAe+B,EAAM,UAAU,KAAK;E,kBAG7CjF,EAAA,GAAAC,EAYM,OAAA;GAXH,eAAamF,EAAA;GACd,aAAU;GACT,OAAKlF,EAASC,EAAAsC,CAAA,CAAE,C,8HAAgJ2C,EAAA,QAAM,cAAA,eAAwCtF,EAAAA,OAAO,K;E,IAQtNM,EAAQuE,EAAA,QAAA,SAAA,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EEVZ,IAAM5B,IAAQsB,GAcRjB,IAAOgB,GACXe,IAAMN,EAAW,GACjBI,IAAQD,EAAgB,GACxBgE,IAAQC,EAAS,GACbC,IAAYhG,QAChB8F,EACG,UAAU,CAAA,CACV,SAAS,MACR,OAAOG,EAAK,YAAa,WAAW,CAACA,EAAK,QAAQ,IAAI,CAAC,CACzD,CAAA,CACC,KAAK,EAAE,CACZ,GACMC,IAAiBlG,SAAgB;GACrC,UAAUiC,EAAI,OAAO,QAAQ,MAAOF,EAAM,UAAU,QAAQ,MAAO;GACnE,OAAO,CAACE,EAAI,OAAO,SAAS,CAACF,EAAM,UAAU,QAAQ,MAAO;GAC5D,MAAM1C;EACR,EAAE;EACF,SAAS8G,EAAO,GAAmB;GACjC,IAAMC,IAAUvG,EAAM;GAEtB,AADIuG,KAAShG,EAAM,eAAe,GAC9B,OAAWA,EAAM,sBACrBF,EAAK,QAAQ,GACT+B,EAAI,OAAO,SAEXpC,EAAM,kBAAkB,KAAA,IACpBA,EAAM,iBAAiB,KAAA,IACvBA,EAAM,kBACaoC,EAAI,cAAc,EAAK,IAG9CpC,EAAM,iBAAiB,KAAA,KAAakC,EAAM,UAAU,SACtDE,EAAI,QAAQ,EAAI;EAEpB;E,kBAGE1E,EAAA,GAAAC,EAiEaC,EAhEN0D,EAAA,OAAOzD,EAAAiF,CAAA,CAAM,CAAC,IAAIjF,EAAAiF,CAAA,CAAM,CAAC,MAAM,GADtChF,EAEUP,EA+DG,QA/DG;GACb,MAAM+D,EAAA,OAAO,KAAA,IAAS;GACtB,MAAMA,EAAA;GACN,QAAQA,EAAA;GACR,KAAKA,EAAA,QAAQA,EAAA,WAAM,WAAA,wBAAwC,KAAA;GAC3D,UAAUA,EAAA,OAAO,KAAA,IAAYA,EAAA;GAC7B,gBAAcA,EAAA,WAAQ,SAAY,KAAA;GAClC,iBAAeA,EAAA;GACf,iBAAeA,EAAA,YAAY,KAAA;GAC3B,cAAYzD,EAAAqE,CAAA,CAAK,CAAC,UAAU,QAAQiE,EAAA,QAAY,KAAA;GAChD,OAAOtI,EAAAqE,CAAA,CAAK,CAAC,UAAU,QAAQiE,EAAA,QAAY,KAAA;GAC3C,UAAU7E,EAAA,QAAQA,EAAA,WAAQ,KAAQ,KAAA;GAClC,eAAazD,EAAAuE,CAAA,CAAG,CAAC,OAAO,SAASd,EAAA,WAAW,KAAA,IAAS,EAAA,OAAA,IAAA;GACrD,YAAYzD,EAAAyB,CAAA;GACZ,OAAczB,EAAA6B,CAAA,CAAE,C,6QAA+R4B,EAAA,YAAQ,mBAA+BA,EAAA,YAAQ,iCAA6C/D,EAAAA,OAAO,K;GAQlZ,SAAO+I;;GACP,SAAAvI,QAIgD;IAHzCuD,EAAA,YADP5D,EAAA,GAAAC,EAIgDE,EAAAiF,CAAA,CAAA,CAAA,MAAA;;KAF9C,aAAWjF,EAAAuE,CAAA,CAAG,CAAC,KAAE;KACjB,YAAYvE,EAAAuE,CAAA,CAAG,CAAC,OAAO,QAAK,EAAA,UAAA,EAAA,IAAqBvE,EAAA0B,CAAA;KAClD,OAAM;;IACA+B,EAAA,QAAQzD,EAAAoI,CAAA,CAAK,CAAC,QAD2BvI,EAAA,GAAAO,EAKhD,QALgDT,IAKhD,CADEU,EAAuD0D,EAAA,QAAA,QAAA,CAAA,SAAA,CAArCzD,EAA8BN,EAAAO,CAAA,GAAA,EAAd,MAAMkD,EAAA,KAAI,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA,C;IAC9CnD,EAeAN,EAAAiF,CAAA,CAAA,CAAA,MAAA;KAdE,SAAS;KACT,SAAO;MAAqB,SAAAjF,IAAAqE,CAAA,CAAK,CAAC,UAAU;MAA0B,GAAArE,EAAAqE,CAAA,CAAK,CAAC,UAAU,QAAK,KAAA;;KAI3F,YAAYmE,EAAA;KACZ,eAAaxI,EAAAqE,CAAA,CAAK,CAAC,UAAU;KAC7B,OAAK7D,EAAWR,EAAA6B,CAAA,CAAE,C,yCAA+D7B,EAAAqE,CAAA,CAAK,CAAC,UAAU,SAAK,qB;;KAMtG,SAAAnE,QAAQ,CAARG,EAAQ0D,EAAA,QAAA,SAAA,C;;;;;;;;IAEHN,EAAA,SAAK,CAAKzD,EAAAqE,CAAA,CAAK,CAAC,UAAU,SADjCxE,EAAA,GAAAO,EAIA,QAJAR,IAIA,CADEU,EAA+BN,EAAAO,CAAA,GAAA,EAAf,MAAMkD,EAAA,MAAK,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA,C;IAEtBA,EAAA,iBAAiB,KAAA,I,aADxB5D,EAAA,GAAAC,EAYFE,EAAAiF,CAAA,CAAA,CAAA,MAAA;;KAVG,eAAY;KACX,SAAS;KACT,SAAO;MAAqB,SAAAjF,IAAAqE,CAAA,CAAK,CAAC,UAAU;MAA+B,QAAAZ,EAAA,eAAY,KAAA;MAAsB,GAAAzD,EAAAqE,CAAA,CAAK,CAAC,UAAU,QAAK,IAAA;;KAKlI,YAAYrE,EAAAuE,CAAA,CAAG,CAAC,OAAO,QAAK,EAAA,UAAA,EAAA,IAAqBvE,EAAA0B,CAAA;KAClD,OAAM;;KACL,SAAAxB,QAAiC,CAAjCI,EAAiCN,EAAA4I,CAAA,GAAA,EAAnB,OAAM,WAAU,CAAA,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EEpHrC,IAAMzG,IAAQsB,GAYRjB,IAAOgB,GACXe,IAAMN,EAAW;EACnB,SAASwE,EAAO,GAAmB;GACjC,IAAMC,IAAUvG,EAAM;GAGtB,AAFIuG,KAAShG,EAAM,eAAe,GACjB,CAACgG,KAAW,CAAChG,EAAM,qBAElCF,EAAK,QAAQ,GACS+B,EAAI,OAAO,SAASpC,EAAM,iBAC7BoC,EAAI,cAAc,EAAK;EAE9C;E,kBAGE5D,EAAA,GAAAC,EA4BaC,EA3BN4C,EAAA,OAAO3C,EAAAmE,CAAA,CAAM,CAAC,IAAInE,EAAAmE,CAAA,CAAM,CAAC,MAAM,GADtClE,EAEUL,EA0BG,QA1BG;GACb,MAAM+C,EAAA;GACN,MAAMA,EAAA,OAAO,KAAA,IAAS;GACtB,QAAQA,EAAA;GACR,KAAKA,EAAA,QAAQA,EAAA,WAAM,WAAA,wBAAwC,KAAA;GAC3D,UAAUA,EAAA,OAAO,KAAA,IAAYA,EAAA;GAC7B,gBAAcA,EAAA,WAAQ,SAAY,KAAA;GAClC,iBAAeA,EAAA,YAAY,KAAA;GAC3B,UAAUA,EAAA,QAAQA,EAAA,WAAQ,KAAQ,KAAA;GAClC,eAAa3C,EAAAyD,CAAA,CAAG,CAAC,OAAO,SAASd,EAAA,WAAW,KAAA,IAAS,EAAA,OAAA,IAAA;GACrD,YAAY3C,EAAAW,CAAA;GACZ,OAAcX,EAAAe,CAAA,CAAE,C,wPAA0Q4B,EAAA,YAAQ,+BAA2CA,EAAA,YAAQ,iCAA6C/C,EAAAA,OAAO,K;GAQzY,SAAO+H;;GACP,SAAAzH,QAKA,CALAC,EAKA,QALA4H,IAKA,CAJE3H,EAGmD6C,EAAA,QAAA,QAAA,CAAA,SAAA,CAF5BN,EAAA,QAArB9C,EAAA,GAAAC,EAA0CE,EAAAK,CAAA,GAAA;;IAAd,MAAMsC,EAAA;G,0BAAQ9C,EAAA,GAAAS,EAEA,QAFA0H,EAEA,E,MAC9C7H,EACF,QADE8H,IACF,CADwC7H,EAAQ6C,EAAA,QAAA,SAAA,C"}

package/dist/animated-toast-stack-CuBYmZTK.js

@@ -0,0 +1,334 @@
+import { s as e } from "./composables-BJ1sih_H.js";
+import { r as t } from "./ease-rIvCM4O3.js";
+import { t as n } from "./utils-DIrLOK2M.js";
+import { t as r } from "./RenderContent-CwtJ7hLl.js";
+import { Fragment as i, Teleport as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createSlots as d, createVNode as f, defineComponent as p, getCurrentInstance as m, mergeProps as h, normalizeClass as g, normalizeStyle as _, onBeforeUnmount as v, onMounted as y, openBlock as b, ref as x, renderList as S, renderSlot as C, resolveDynamicComponent as w, shallowRef as T, unref as E, useId as D, watch as O, withCtx as k } from "vue";
+import { AnimatePresence as A, motion as j } from "motion-v";
+import { AlertCircle as M, Bell as N, Check as P, Info as F, LoaderCircle as I, X as L } from "lucide-vue-next";
+// src/motion/animated-toast-stack/src/ToastItem.vue
+var R = /* @__PURE__ */ p({
+	__name: "ToastItem",
+	props: {
+		toast: {},
+		index: {},
+		classNames: {},
+		icons: {},
+		canDismiss: { type: Boolean },
+		renderToast: { type: Function }
+	},
+	emits: ["dismiss"],
+	setup(i, { emit: a }) {
+		let d = i, p = a, m = e(), h = o(() => d.toast.status ?? "neutral"), v = o(() => !!(d.toast.description || d.toast.action)), y = {
+			neutral: N,
+			info: F,
+			loading: I,
+			success: P,
+			error: M
+		}, x = {
+			neutral: "text-muted-foreground bg-muted/60",
+			info: "text-primary bg-muted",
+			loading: "text-primary bg-muted",
+			success: "text-emerald-600 bg-emerald-500/10 dark:text-emerald-400",
+			error: "text-destructive bg-destructive/10"
+		}, S = {
+			duration: .28,
+			ease: t
+		}, T = {
+			type: "spring",
+			stiffness: 420,
+			damping: 34,
+			mass: .75
+		}, D = o(() => m.value ? { opacity: 0 } : {
+			opacity: 0,
+			y: 8,
+			scale: .8,
+			filter: "blur(6px)"
+		}), O = o(() => m.value ? { opacity: 1 } : {
+			opacity: 1,
+			y: 0,
+			scale: 1,
+			filter: "blur(0px)"
+		}), R = o(() => m.value ? { opacity: 0 } : {
+			opacity: 0,
+			y: -8,
+			scale: .9,
+			filter: "blur(6px)"
+		}), z = o(() => m.value ? { opacity: 0 } : {
+			opacity: 0,
+			y: 8,
+			filter: "blur(6px)"
+		}), B = o(() => m.value ? { opacity: 1 } : {
+			opacity: 1,
+			y: 0,
+			filter: "blur(0px)"
+		}), V = o(() => m.value ? { opacity: 0 } : {
+			opacity: 0,
+			y: -8,
+			filter: "blur(6px)"
+		});
+		function H(e, t) {
+			d.canDismiss && (Math.abs(t.offset.x) > 72 || Math.abs(t.velocity.x) > 520) && p("dismiss", d.toast.id);
+		}
+		return (e, a) => (b(), s(E(j).li, {
+			layout: "",
+			initial: E(m) ? { opacity: 0 } : {
+				opacity: 0,
+				y: 22,
+				scale: .96,
+				filter: "blur(10px)"
+			},
+			animate: E(m) ? { opacity: 1 } : {
+				opacity: 1,
+				y: 0,
+				scale: 1,
+				filter: "blur(0px)"
+			},
+			exit: E(m) ? { opacity: 0 } : {
+				opacity: 0,
+				x: 32,
+				scale: .96,
+				filter: "blur(8px)",
+				transition: {
+					duration: .18,
+					ease: E(t)
+				}
+			},
+			transition: T,
+			drag: i.canDismiss && !E(m) ? "x" : !1,
+			"drag-constraints": {
+				left: 0,
+				right: 0
+			},
+			"drag-elastic": .18,
+			class: g(E(n)("pointer-events-auto relative will-change-transform", i.classNames?.item)),
+			style: _({ zIndex: 20 - i.index }),
+			onDragEnd: H
+		}, {
+			default: k(() => [u("div", { class: g(E(n)("relative overflow-hidden rounded-2xl border border-border bg-card/95 p-3 shadow-2xl backdrop-blur-xl", i.classNames?.surface)) }, [e.$slots.default ? C(e.$slots, "default", {}, void 0, void 0, 0) : i.renderToast ? (b(), s(E(r), {
+				key: 1,
+				node: i.renderToast(i.toast)
+			}, null, 8, ["node"])) : (b(), l("div", {
+				key: 2,
+				class: g(["flex gap-3", v.value ? "items-start" : "items-center"])
+			}, [
+				f(E(j).span, {
+					layout: "",
+					class: g(E(n)("inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full", v.value && "mt-0.5", x[h.value], i.classNames?.iconWrap))
+				}, {
+					default: k(() => [f(E(A), {
+						mode: "popLayout",
+						initial: !1
+					}, {
+						default: k(() => [(b(), s(E(j).span, {
+							key: h.value,
+							initial: D.value,
+							animate: O.value,
+							exit: R.value,
+							transition: S,
+							class: g(["inline-flex", h.value === "loading" && !E(m) && "animate-spin"])
+						}, {
+							default: k(() => [d.icons?.[h.value] || i.toast.icon ? (b(), s(E(r), {
+								key: 0,
+								node: d.icons?.[h.value] ?? i.toast.icon
+							}, null, 8, ["node"])) : (b(), s(w(y[h.value]), {
+								key: 1,
+								class: "h-3.5 w-3.5"
+							}))]),
+							_: 1
+						}, 8, [
+							"initial",
+							"animate",
+							"exit",
+							"class"
+						]))]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["class"]),
+				u("div", { class: g(E(n)("min-w-0 flex-1", i.classNames?.content)) }, [f(E(A), {
+					mode: "popLayout",
+					initial: !1
+				}, {
+					default: k(() => [(b(), s(E(j).div, {
+						key: `${i.toast.id}-${h.value}-${String(i.toast.title)}`,
+						initial: z.value,
+						animate: B.value,
+						exit: V.value,
+						transition: S
+					}, {
+						default: k(() => [u("p", { class: g(E(n)("truncate text-sm font-medium leading-5 text-foreground", i.classNames?.title)) }, [f(E(r), { node: i.toast.title }, null, 8, ["node"])], 2), i.toast.description ? (b(), l("p", {
+							key: 0,
+							class: g(E(n)("mt-0.5 line-clamp-2 text-xs leading-4 text-muted-foreground", i.classNames?.description))
+						}, [f(E(r), { node: i.toast.description }, null, 8, ["node"])], 2)) : c("", !0)]),
+						_: 1
+					}, 8, [
+						"initial",
+						"animate",
+						"exit"
+					]))]),
+					_: 1
+				}), i.toast.action ? (b(), l("button", {
+					key: 0,
+					type: "button",
+					class: g(E(n)("mt-2 inline-flex h-7 items-center rounded-full bg-muted/80 px-3 text-xs font-medium text-foreground transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring", i.classNames?.action)),
+					onClick: a[0] ||= (e) => i.toast.action.onClick(i.toast)
+				}, [f(E(r), { node: i.toast.action.label }, null, 8, ["node"])], 2)) : c("", !0)], 2),
+				i.canDismiss ? (b(), l("button", {
+					key: 0,
+					type: "button",
+					"aria-label": "Dismiss toast",
+					class: g(E(n)("inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted/80 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring", i.classNames?.close)),
+					onClick: a[1] ||= (e) => p("dismiss", i.toast.id)
+				}, [f(E(L), { class: "h-3.5 w-3.5" })], 2)) : c("", !0)
+			], 2))], 2)]),
+			_: 3
+		}, 8, [
+			"initial",
+			"animate",
+			"exit",
+			"drag",
+			"class",
+			"style"
+		]));
+	}
+}), z = /* @__PURE__ */ p({
+	inheritAttrs: !1,
+	__name: "AnimatedToastStack",
+	props: {
+		toasts: {},
+		position: { default: "bottom-right" },
+		placement: {},
+		fixed: { type: Boolean },
+		portal: {
+			type: Boolean,
+			default: void 0
+		},
+		portalRoot: {},
+		maxVisible: { default: 4 },
+		className: {},
+		classNames: {},
+		icons: {},
+		renderToast: {}
+	},
+	emits: ["dismiss"],
+	setup(e, { emit: t }) {
+		let r = e, c = t, p = m(), g = x(!1), _ = o(() => r.placement ?? (r.fixed ? "fixed" : "static")), v = o(() => r.portal ?? _.value === "fixed"), w = o(() => r.toasts.slice(-r.maxVisible)), T = {
+			"top-left": "left-4 top-4",
+			"top-center": "left-1/2 top-4 -translate-x-1/2",
+			"top-right": "right-4 top-4",
+			"bottom-left": "bottom-6 left-4",
+			"bottom-center": "bottom-6 left-1/2 -translate-x-1/2",
+			"bottom-right": "bottom-6 right-4"
+		};
+		return y(() => {
+			g.value = !0;
+		}), (t, r) => (b(), s(a, {
+			to: e.portalRoot ?? "body",
+			disabled: !v.value || !g.value
+		}, [u("ol", h(t.$attrs, {
+			"aria-live": "polite",
+			"aria-atomic": "false",
+			class: E(n)("pointer-events-none flex w-[calc(100vw-2rem)] max-w-sm gap-2", e.position.startsWith("bottom") ? "flex-col-reverse" : "flex-col", _.value === "fixed" && "fixed z-[90]", _.value === "absolute" && "absolute z-20", _.value !== "static" && T[e.position], e.classNames?.root, e.className, t.$attrs.class)
+		}), [f(E(A), {
+			initial: !1,
+			mode: "popLayout"
+		}, {
+			default: k(() => [(b(!0), l(i, null, S(w.value, (n, i) => (b(), s(R, {
+				key: n.id,
+				toast: n,
+				index: i,
+				"class-names": e.classNames,
+				icons: e.icons,
+				"can-dismiss": n.dismissible !== !1 && !!E(p)?.vnode.props?.onDismiss,
+				"render-toast": e.renderToast,
+				onDismiss: r[0] ||= (e) => c("dismiss", e)
+			}, d({ _: 2 }, [t.$slots.toast ? {
+				name: "default",
+				fn: k(() => [C(t.$slots, "toast", { toast: n })]),
+				key: "0"
+			} : void 0]), 1032, [
+				"toast",
+				"index",
+				"class-names",
+				"icons",
+				"can-dismiss",
+				"render-toast"
+			]))), 128))]),
+			_: 3
+		})], 16)], 8, ["to", "disabled"]));
+	}
+});
+// src/motion/animated-toast-stack/src/useAnimatedToastStack.ts
+function B(e = {}) {
+	let t = D(), n = e.defaultDuration ?? 4200, r = 0, i = !1, a, o = /* @__PURE__ */ new Map();
+	function s(e) {
+		return {
+			duration: n,
+			dismissible: !0,
+			...e,
+			id: e.id ?? `${t}-toast-${r++}`,
+			createdAt: Date.now()
+		};
+	}
+	let c = T((e.initialToasts ?? []).map(s));
+	function l(e) {
+		c.value = c.value.filter((t) => t.id !== e);
+	}
+	function u() {
+		c.value = [];
+	}
+	function d(e) {
+		c.value = typeof e == "function" ? e(c.value) : e;
+	}
+	function f(t) {
+		let n = s(t), r = [...c.value, n];
+		return c.value = typeof e.limit == "number" ? r.slice(-e.limit) : r, n.id;
+	}
+	function p(e, t) {
+		c.value = c.value.map((n) => n.id === e ? {
+			...n,
+			...t,
+			id: e,
+			createdAt: t.duration === void 0 ? n.createdAt : Date.now()
+		} : n);
+	}
+	function m() {
+		a !== void 0 && clearTimeout(a), a = void 0;
+	}
+	function h() {
+		if (a = void 0, !i) return;
+		let e = Date.now(), t = new Set([...o].filter(([, t]) => t <= e).map(([e]) => e));
+		t.size ? c.value = c.value.filter((e) => !t.has(e.id)) : g();
+	}
+	function g() {
+		if (m(), o.clear(), !i) return;
+		let e = Date.now();
+		if (c.value.forEach((t) => {
+			let r = t.duration ?? n;
+			r > 0 && Number.isFinite(r) && o.set(t.id, (t.createdAt ?? e) + r);
+		}), !o.size) return;
+		let t = Math.min(...o.values());
+		a = setTimeout(h, Math.max(0, Math.min(2147483647, t - e)));
+	}
+	return O(c, g, { flush: "sync" }), y(() => {
+		i = !0, g();
+	}), v(() => {
+		i = !1, m(), o.clear();
+	}), {
+		toasts: c,
+		showToast: f,
+		updateToast: p,
+		dismissToast: l,
+		clearToasts: u,
+		setToasts: d,
+		add: f,
+		push: f,
+		toast: f,
+		update: p,
+		dismiss: l,
+		clear: u
+	};
+}
+export { z as n, B as t };
+
+//# sourceMappingURL=animated-toast-stack-CuBYmZTK.js.map

package/dist/animated-toast-stack-CuBYmZTK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animated-toast-stack-CuBYmZTK.js","names":["$slots","_openBlock","_createBlock","_unref","_normalizeClass","_normalizeStyle","_withCtx","_createElementVNode","_renderSlot","RenderContent","_createElementBlock","_createVNode","_resolveDynamicComponent","_createCommentVNode","_sfc_main","$attrs","$slots","_openBlock","_createBlock","_Teleport","_createElementVNode","_mergeProps","_unref","_createVNode","_withCtx","_createElementBlock","_Fragment","_renderList","ToastItem","_createSlots","_renderSlot","_sfc_main","useReducedMotion","EASE_OUT","cn","RenderContent_default","ToastItem_default","defineComponent","__emit","props","__props","emit","reduce","status","computed","details","icons","Bell","Info","LoaderCircle","Check","AlertCircle","colors","contentTransition","spring","iconHidden","iconShown","iconExit","bodyHidden","bodyShown","bodyExit","dragEnd","info","openBlock","createBlock","unref","motion","normalizeClass","normalizeStyle","withCtx","createElementVNode","_ctx","renderSlot","createElementBlock","createVNode","AnimatePresence","resolveDynamicComponent","createCommentVNode","_cache","X","AnimatedToastStack_default","instance","getCurrentInstance","mounted","ref","placement","shouldPortal","visible","positions","onMounted","Teleport","mergeProps","Fragment","renderList","toast","$event","createSlots","useAnimatedToastStack","instanceId","useId","defaultDuration","options","serial","wakeup","deadlines","create","input","toasts","shallowRef","dismissToast","id","clearToasts","setToasts","next","showToast","appended","updateToast","patch","cancelWakeup","expire","now","expired","deadline","schedule","duration","nextDeadline","watch","onBeforeUnmount"],"sources":["../src/motion/animated-toast-stack/src/ToastItem.vue","../src/motion/animated-toast-stack/src/ToastItem.vue","../src/motion/animated-toast-stack/src/AnimatedToastStack.vue","../src/motion/animated-toast-stack/src/AnimatedToastStack.vue","../src/motion/animated-toast-stack/src/useAnimatedToastStack.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, type VNodeChild } from \"vue\";\nimport { motion, AnimatePresence } from \"motion-v\";\nimport {\n  Bell,\n  Info,\n  LoaderCircle,\n  Check,\n  AlertCircle,\n  X,\n} from \"lucide-vue-next\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { cn } from \"../../../lib/utils\";\nimport RenderContent from \"../../../lib/RenderContent\";\nimport type {\n  AnimatedToast,\n  ToastClassNames,\n  ToastStatus,\n} from \"./useAnimatedToastStack\";\nconst props = defineProps<{\n  toast: AnimatedToast;\n  index: number;\n  classNames?: ToastClassNames;\n  icons?: Partial<Record<ToastStatus, any>>;\n  canDismiss: boolean;\n  renderToast?: (toast: AnimatedToast) => VNodeChild;\n}>();\nconst emit = defineEmits<{ dismiss: [id: string] }>(),\n  reduce = useReducedMotion();\nconst status = computed(() => props.toast.status ?? \"neutral\"),\n  details = computed(() => !!(props.toast.description || props.toast.action));\nconst icons = {\n  neutral: Bell,\n  info: Info,\n  loading: LoaderCircle,\n  success: Check,\n  error: AlertCircle,\n};\nconst colors = {\n  neutral: \"text-muted-foreground bg-muted/60\",\n  info: \"text-primary bg-muted\",\n  loading: \"text-primary bg-muted\",\n  success: \"text-emerald-600 bg-emerald-500/10 dark:text-emerald-400\",\n  error: \"text-destructive bg-destructive/10\",\n};\nconst contentTransition = { duration: 0.28, ease: EASE_OUT },\n  spring = { type: \"spring\" as const, stiffness: 420, damping: 34, mass: 0.75 };\nconst iconHidden = computed(() =>\n    reduce.value\n      ? { opacity: 0 }\n      : { opacity: 0, y: 8, scale: 0.8, filter: \"blur(6px)\" },\n  ),\n  iconShown = computed(() =>\n    reduce.value\n      ? { opacity: 1 }\n      : { opacity: 1, y: 0, scale: 1, filter: \"blur(0px)\" },\n  ),\n  iconExit = computed(() =>\n    reduce.value\n      ? { opacity: 0 }\n      : { opacity: 0, y: -8, scale: 0.9, filter: \"blur(6px)\" },\n  );\nconst bodyHidden = computed(() =>\n    reduce.value ? { opacity: 0 } : { opacity: 0, y: 8, filter: \"blur(6px)\" },\n  ),\n  bodyShown = computed(() =>\n    reduce.value ? { opacity: 1 } : { opacity: 1, y: 0, filter: \"blur(0px)\" },\n  ),\n  bodyExit = computed(() =>\n    reduce.value ? { opacity: 0 } : { opacity: 0, y: -8, filter: \"blur(6px)\" },\n  );\nfunction dragEnd(\n  _event: unknown,\n  info: { offset: { x: number }; velocity: { x: number } },\n) {\n  if (\n    props.canDismiss &&\n    (Math.abs(info.offset.x) > 72 || Math.abs(info.velocity.x) > 520)\n  )\n    emit(\"dismiss\", props.toast.id);\n}\n</script>\n<template>\n  <motion.li\n    layout\n    :initial=\"\n      reduce\n        ? { opacity: 0 }\n        : { opacity: 0, y: 22, scale: 0.96, filter: 'blur(10px)' }\n    \"\n    :animate=\"\n      reduce\n        ? { opacity: 1 }\n        : { opacity: 1, y: 0, scale: 1, filter: 'blur(0px)' }\n    \"\n    :exit=\"\n      reduce\n        ? { opacity: 0 }\n        : {\n            opacity: 0,\n            x: 32,\n            scale: 0.96,\n            filter: 'blur(8px)',\n            transition: { duration: 0.18, ease: EASE_OUT },\n          }\n    \"\n    :transition=\"spring\"\n    :drag=\"canDismiss && !reduce ? 'x' : false\"\n    :drag-constraints=\"{ left: 0, right: 0 }\"\n    :drag-elastic=\"0.18\"\n    :class=\"\n      cn('pointer-events-auto relative will-change-transform', classNames?.item)\n    \"\n    :style=\"{ zIndex: 20 - index }\"\n    @drag-end=\"dragEnd\"\n    ><div\n      :class=\"\n        cn(\n          'relative overflow-hidden rounded-2xl border border-border bg-card/95 p-3 shadow-2xl backdrop-blur-xl',\n          classNames?.surface,\n        )\n      \"\n    >\n      <slot v-if=\"$slots.default\" /><RenderContent\n        v-else-if=\"renderToast\"\n        :node=\"renderToast(toast)\"\n      />\n      <div\n        v-else\n        :class=\"['flex gap-3', details ? 'items-start' : 'items-center']\"\n      >\n        <motion.span\n          layout\n          :class=\"\n            cn(\n              'inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full',\n              details && 'mt-0.5',\n              colors[status],\n              classNames?.iconWrap,\n            )\n          \"\n          ><AnimatePresence mode=\"popLayout\" :initial=\"false\"\n            ><motion.span\n              :key=\"status\"\n              :initial=\"iconHidden\"\n              :animate=\"iconShown\"\n              :exit=\"iconExit\"\n              :transition=\"contentTransition\"\n              :class=\"[\n                'inline-flex',\n                status === 'loading' && !reduce && 'animate-spin',\n              ]\"\n              ><RenderContent\n                v-if=\"props.icons?.[status] || toast.icon\"\n                :node=\"props.icons?.[status] ?? toast.icon\" /><component\n                v-else\n                :is=\"icons[status]\"\n                class=\"h-3.5 w-3.5\" /></motion.span></AnimatePresence\n        ></motion.span>\n        <div :class=\"cn('min-w-0 flex-1', classNames?.content)\">\n          <AnimatePresence mode=\"popLayout\" :initial=\"false\"\n            ><motion.div\n              :key=\"`${toast.id}-${status}-${String(toast.title)}`\"\n              :initial=\"bodyHidden\"\n              :animate=\"bodyShown\"\n              :exit=\"bodyExit\"\n              :transition=\"contentTransition\"\n              ><p\n                :class=\"\n                  cn(\n                    'truncate text-sm font-medium leading-5 text-foreground',\n                    classNames?.title,\n                  )\n                \"\n              >\n                <RenderContent :node=\"toast.title\" />\n              </p>\n              <p\n                v-if=\"toast.description\"\n                :class=\"\n                  cn(\n                    'mt-0.5 line-clamp-2 text-xs leading-4 text-muted-foreground',\n                    classNames?.description,\n                  )\n                \"\n              >\n                <RenderContent\n                  :node=\"toast.description\"\n                /></p></motion.div></AnimatePresence\n          ><button\n            v-if=\"toast.action\"\n            type=\"button\"\n            :class=\"\n              cn(\n                'mt-2 inline-flex h-7 items-center rounded-full bg-muted/80 px-3 text-xs font-medium text-foreground transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring',\n                classNames?.action,\n              )\n            \"\n            @click=\"toast.action.onClick(toast)\"\n          >\n            <RenderContent :node=\"toast.action.label\" />\n          </button>\n        </div>\n        <button\n          v-if=\"canDismiss\"\n          type=\"button\"\n          aria-label=\"Dismiss toast\"\n          :class=\"\n            cn(\n              'inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted/80 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring',\n              classNames?.close,\n            )\n          \"\n          @click=\"emit('dismiss', toast.id)\"\n        >\n          <X class=\"h-3.5 w-3.5\" />\n        </button>\n      </div></div\n  ></motion.li>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, type VNodeChild } from \"vue\";\nimport { motion, AnimatePresence } from \"motion-v\";\nimport {\n  Bell,\n  Info,\n  LoaderCircle,\n  Check,\n  AlertCircle,\n  X,\n} from \"lucide-vue-next\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { cn } from \"../../../lib/utils\";\nimport RenderContent from \"../../../lib/RenderContent\";\nimport type {\n  AnimatedToast,\n  ToastClassNames,\n  ToastStatus,\n} from \"./useAnimatedToastStack\";\nconst props = defineProps<{\n  toast: AnimatedToast;\n  index: number;\n  classNames?: ToastClassNames;\n  icons?: Partial<Record<ToastStatus, any>>;\n  canDismiss: boolean;\n  renderToast?: (toast: AnimatedToast) => VNodeChild;\n}>();\nconst emit = defineEmits<{ dismiss: [id: string] }>(),\n  reduce = useReducedMotion();\nconst status = computed(() => props.toast.status ?? \"neutral\"),\n  details = computed(() => !!(props.toast.description || props.toast.action));\nconst icons = {\n  neutral: Bell,\n  info: Info,\n  loading: LoaderCircle,\n  success: Check,\n  error: AlertCircle,\n};\nconst colors = {\n  neutral: \"text-muted-foreground bg-muted/60\",\n  info: \"text-primary bg-muted\",\n  loading: \"text-primary bg-muted\",\n  success: \"text-emerald-600 bg-emerald-500/10 dark:text-emerald-400\",\n  error: \"text-destructive bg-destructive/10\",\n};\nconst contentTransition = { duration: 0.28, ease: EASE_OUT },\n  spring = { type: \"spring\" as const, stiffness: 420, damping: 34, mass: 0.75 };\nconst iconHidden = computed(() =>\n    reduce.value\n      ? { opacity: 0 }\n      : { opacity: 0, y: 8, scale: 0.8, filter: \"blur(6px)\" },\n  ),\n  iconShown = computed(() =>\n    reduce.value\n      ? { opacity: 1 }\n      : { opacity: 1, y: 0, scale: 1, filter: \"blur(0px)\" },\n  ),\n  iconExit = computed(() =>\n    reduce.value\n      ? { opacity: 0 }\n      : { opacity: 0, y: -8, scale: 0.9, filter: \"blur(6px)\" },\n  );\nconst bodyHidden = computed(() =>\n    reduce.value ? { opacity: 0 } : { opacity: 0, y: 8, filter: \"blur(6px)\" },\n  ),\n  bodyShown = computed(() =>\n    reduce.value ? { opacity: 1 } : { opacity: 1, y: 0, filter: \"blur(0px)\" },\n  ),\n  bodyExit = computed(() =>\n    reduce.value ? { opacity: 0 } : { opacity: 0, y: -8, filter: \"blur(6px)\" },\n  );\nfunction dragEnd(\n  _event: unknown,\n  info: { offset: { x: number }; velocity: { x: number } },\n) {\n  if (\n    props.canDismiss &&\n    (Math.abs(info.offset.x) > 72 || Math.abs(info.velocity.x) > 520)\n  )\n    emit(\"dismiss\", props.toast.id);\n}\n</script>\n<template>\n  <motion.li\n    layout\n    :initial=\"\n      reduce\n        ? { opacity: 0 }\n        : { opacity: 0, y: 22, scale: 0.96, filter: 'blur(10px)' }\n    \"\n    :animate=\"\n      reduce\n        ? { opacity: 1 }\n        : { opacity: 1, y: 0, scale: 1, filter: 'blur(0px)' }\n    \"\n    :exit=\"\n      reduce\n        ? { opacity: 0 }\n        : {\n            opacity: 0,\n            x: 32,\n            scale: 0.96,\n            filter: 'blur(8px)',\n            transition: { duration: 0.18, ease: EASE_OUT },\n          }\n    \"\n    :transition=\"spring\"\n    :drag=\"canDismiss && !reduce ? 'x' : false\"\n    :drag-constraints=\"{ left: 0, right: 0 }\"\n    :drag-elastic=\"0.18\"\n    :class=\"\n      cn('pointer-events-auto relative will-change-transform', classNames?.item)\n    \"\n    :style=\"{ zIndex: 20 - index }\"\n    @drag-end=\"dragEnd\"\n    ><div\n      :class=\"\n        cn(\n          'relative overflow-hidden rounded-2xl border border-border bg-card/95 p-3 shadow-2xl backdrop-blur-xl',\n          classNames?.surface,\n        )\n      \"\n    >\n      <slot v-if=\"$slots.default\" /><RenderContent\n        v-else-if=\"renderToast\"\n        :node=\"renderToast(toast)\"\n      />\n      <div\n        v-else\n        :class=\"['flex gap-3', details ? 'items-start' : 'items-center']\"\n      >\n        <motion.span\n          layout\n          :class=\"\n            cn(\n              'inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full',\n              details && 'mt-0.5',\n              colors[status],\n              classNames?.iconWrap,\n            )\n          \"\n          ><AnimatePresence mode=\"popLayout\" :initial=\"false\"\n            ><motion.span\n              :key=\"status\"\n              :initial=\"iconHidden\"\n              :animate=\"iconShown\"\n              :exit=\"iconExit\"\n              :transition=\"contentTransition\"\n              :class=\"[\n                'inline-flex',\n                status === 'loading' && !reduce && 'animate-spin',\n              ]\"\n              ><RenderContent\n                v-if=\"props.icons?.[status] || toast.icon\"\n                :node=\"props.icons?.[status] ?? toast.icon\" /><component\n                v-else\n                :is=\"icons[status]\"\n                class=\"h-3.5 w-3.5\" /></motion.span></AnimatePresence\n        ></motion.span>\n        <div :class=\"cn('min-w-0 flex-1', classNames?.content)\">\n          <AnimatePresence mode=\"popLayout\" :initial=\"false\"\n            ><motion.div\n              :key=\"`${toast.id}-${status}-${String(toast.title)}`\"\n              :initial=\"bodyHidden\"\n              :animate=\"bodyShown\"\n              :exit=\"bodyExit\"\n              :transition=\"contentTransition\"\n              ><p\n                :class=\"\n                  cn(\n                    'truncate text-sm font-medium leading-5 text-foreground',\n                    classNames?.title,\n                  )\n                \"\n              >\n                <RenderContent :node=\"toast.title\" />\n              </p>\n              <p\n                v-if=\"toast.description\"\n                :class=\"\n                  cn(\n                    'mt-0.5 line-clamp-2 text-xs leading-4 text-muted-foreground',\n                    classNames?.description,\n                  )\n                \"\n              >\n                <RenderContent\n                  :node=\"toast.description\"\n                /></p></motion.div></AnimatePresence\n          ><button\n            v-if=\"toast.action\"\n            type=\"button\"\n            :class=\"\n              cn(\n                'mt-2 inline-flex h-7 items-center rounded-full bg-muted/80 px-3 text-xs font-medium text-foreground transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring',\n                classNames?.action,\n              )\n            \"\n            @click=\"toast.action.onClick(toast)\"\n          >\n            <RenderContent :node=\"toast.action.label\" />\n          </button>\n        </div>\n        <button\n          v-if=\"canDismiss\"\n          type=\"button\"\n          aria-label=\"Dismiss toast\"\n          :class=\"\n            cn(\n              'inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted/80 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring',\n              classNames?.close,\n            )\n          \"\n          @click=\"emit('dismiss', toast.id)\"\n        >\n          <X class=\"h-3.5 w-3.5\" />\n        </button>\n      </div></div\n  ></motion.li>\n</template>\n","<script setup lang=\"ts\">\nimport {\n  computed,\n  getCurrentInstance,\n  onMounted,\n  ref,\n  type VNodeChild,\n} from \"vue\";\nimport { AnimatePresence } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport ToastItem from \"./ToastItem.vue\";\nimport type {\n  AnimatedToast,\n  ToastClassNames,\n  ToastPosition,\n  ToastStatus,\n} from \"./useAnimatedToastStack\";\ndefineOptions({ inheritAttrs: false });\nconst props = withDefaults(\n  defineProps<{\n    toasts: AnimatedToast[];\n    position?: ToastPosition;\n    placement?: \"static\" | \"fixed\" | \"absolute\";\n    fixed?: boolean;\n    portal?: boolean;\n    portalRoot?: Element | null;\n    maxVisible?: number;\n    className?: string;\n    classNames?: ToastClassNames;\n    icons?: Partial<Record<ToastStatus, any>>;\n    renderToast?: (toast: AnimatedToast) => VNodeChild;\n  }>(),\n  { position: \"bottom-right\", portal: undefined, maxVisible: 4 },\n);\nconst emit = defineEmits<{ dismiss: [id: string] }>(),\n  instance = getCurrentInstance(),\n  mounted = ref(false);\nconst placement = computed(\n    () => props.placement ?? (props.fixed ? \"fixed\" : \"static\"),\n  ),\n  shouldPortal = computed(() => props.portal ?? placement.value === \"fixed\"),\n  visible = computed(() => props.toasts.slice(-props.maxVisible));\nconst positions: Record<ToastPosition, string> = {\n  \"top-left\": \"left-4 top-4\",\n  \"top-center\": \"left-1/2 top-4 -translate-x-1/2\",\n  \"top-right\": \"right-4 top-4\",\n  \"bottom-left\": \"bottom-6 left-4\",\n  \"bottom-center\": \"bottom-6 left-1/2 -translate-x-1/2\",\n  \"bottom-right\": \"bottom-6 right-4\",\n};\nonMounted(() => {\n  mounted.value = true;\n});\n</script>\n<template>\n  <Teleport :to=\"portalRoot ?? 'body'\" :disabled=\"!shouldPortal || !mounted\"\n    ><ol\n      v-bind=\"$attrs\"\n      aria-live=\"polite\"\n      aria-atomic=\"false\"\n      :class=\"\n        cn(\n          'pointer-events-none flex w-[calc(100vw-2rem)] max-w-sm gap-2',\n          position.startsWith('bottom') ? 'flex-col-reverse' : 'flex-col',\n          placement === 'fixed' && 'fixed z-[90]',\n          placement === 'absolute' && 'absolute z-20',\n          placement !== 'static' && positions[position],\n          classNames?.root,\n          className,\n          $attrs.class,\n        )\n      \"\n    >\n      <AnimatePresence :initial=\"false\" mode=\"popLayout\"\n        ><ToastItem\n          v-for=\"(toast, index) in visible\"\n          :key=\"toast.id\"\n          :toast=\"toast\"\n          :index=\"index\"\n          :class-names=\"classNames\"\n          :icons=\"icons\"\n          :can-dismiss=\"\n            toast.dismissible !== false && !!instance?.vnode.props?.onDismiss\n          \"\n          :render-toast=\"renderToast\"\n          @dismiss=\"emit('dismiss', $event)\"\n          ><template v-if=\"$slots.toast\" #default\n            ><slot name=\"toast\" :toast=\"toast\" /></template></ToastItem\n      ></AnimatePresence></ol\n  ></Teleport>\n</template>\n","<script setup lang=\"ts\">\nimport {\n  computed,\n  getCurrentInstance,\n  onMounted,\n  ref,\n  type VNodeChild,\n} from \"vue\";\nimport { AnimatePresence } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport ToastItem from \"./ToastItem.vue\";\nimport type {\n  AnimatedToast,\n  ToastClassNames,\n  ToastPosition,\n  ToastStatus,\n} from \"./useAnimatedToastStack\";\ndefineOptions({ inheritAttrs: false });\nconst props = withDefaults(\n  defineProps<{\n    toasts: AnimatedToast[];\n    position?: ToastPosition;\n    placement?: \"static\" | \"fixed\" | \"absolute\";\n    fixed?: boolean;\n    portal?: boolean;\n    portalRoot?: Element | null;\n    maxVisible?: number;\n    className?: string;\n    classNames?: ToastClassNames;\n    icons?: Partial<Record<ToastStatus, any>>;\n    renderToast?: (toast: AnimatedToast) => VNodeChild;\n  }>(),\n  { position: \"bottom-right\", portal: undefined, maxVisible: 4 },\n);\nconst emit = defineEmits<{ dismiss: [id: string] }>(),\n  instance = getCurrentInstance(),\n  mounted = ref(false);\nconst placement = computed(\n    () => props.placement ?? (props.fixed ? \"fixed\" : \"static\"),\n  ),\n  shouldPortal = computed(() => props.portal ?? placement.value === \"fixed\"),\n  visible = computed(() => props.toasts.slice(-props.maxVisible));\nconst positions: Record<ToastPosition, string> = {\n  \"top-left\": \"left-4 top-4\",\n  \"top-center\": \"left-1/2 top-4 -translate-x-1/2\",\n  \"top-right\": \"right-4 top-4\",\n  \"bottom-left\": \"bottom-6 left-4\",\n  \"bottom-center\": \"bottom-6 left-1/2 -translate-x-1/2\",\n  \"bottom-right\": \"bottom-6 right-4\",\n};\nonMounted(() => {\n  mounted.value = true;\n});\n</script>\n<template>\n  <Teleport :to=\"portalRoot ?? 'body'\" :disabled=\"!shouldPortal || !mounted\"\n    ><ol\n      v-bind=\"$attrs\"\n      aria-live=\"polite\"\n      aria-atomic=\"false\"\n      :class=\"\n        cn(\n          'pointer-events-none flex w-[calc(100vw-2rem)] max-w-sm gap-2',\n          position.startsWith('bottom') ? 'flex-col-reverse' : 'flex-col',\n          placement === 'fixed' && 'fixed z-[90]',\n          placement === 'absolute' && 'absolute z-20',\n          placement !== 'static' && positions[position],\n          classNames?.root,\n          className,\n          $attrs.class,\n        )\n      \"\n    >\n      <AnimatePresence :initial=\"false\" mode=\"popLayout\"\n        ><ToastItem\n          v-for=\"(toast, index) in visible\"\n          :key=\"toast.id\"\n          :toast=\"toast\"\n          :index=\"index\"\n          :class-names=\"classNames\"\n          :icons=\"icons\"\n          :can-dismiss=\"\n            toast.dismissible !== false && !!instance?.vnode.props?.onDismiss\n          \"\n          :render-toast=\"renderToast\"\n          @dismiss=\"emit('dismiss', $event)\"\n          ><template v-if=\"$slots.toast\" #default\n            ><slot name=\"toast\" :toast=\"toast\" /></template></ToastItem\n      ></AnimatePresence></ol\n  ></Teleport>\n</template>\n","import {\n  shallowRef,\n  watch,\n  onMounted,\n  onBeforeUnmount,\n  useId,\n  type VNodeChild,\n  type Component,\n} from \"vue\";\nexport type ToastStatus = \"neutral\" | \"info\" | \"loading\" | \"success\" | \"error\";\nexport type ToastPosition =\n  | \"top-left\"\n  | \"top-center\"\n  | \"top-right\"\n  | \"bottom-left\"\n  | \"bottom-center\"\n  | \"bottom-right\";\nexport type AnimatedToastAction = {\n  label: VNodeChild;\n  onClick: (toast: AnimatedToast) => void;\n};\nexport type AnimatedToast = {\n  id: string;\n  title: VNodeChild;\n  description?: VNodeChild;\n  icon?: VNodeChild | Component;\n  status?: ToastStatus;\n  action?: AnimatedToastAction;\n  duration?: number;\n  dismissible?: boolean;\n  createdAt?: number;\n};\nexport type ToastInput = Omit<AnimatedToast, \"id\" | \"createdAt\"> & {\n  id?: string;\n};\nexport type ToastClassNames = Partial<\n  Record<\n    | \"root\"\n    | \"item\"\n    | \"surface\"\n    | \"iconWrap\"\n    | \"content\"\n    | \"title\"\n    | \"description\"\n    | \"action\"\n    | \"close\"\n    | \"progress\",\n    string\n  >\n>;\nexport interface UseAnimatedToastStackOptions {\n  initialToasts?: ToastInput[];\n  defaultDuration?: number;\n  limit?: number;\n}\nexport function useAnimatedToastStack(options: UseAnimatedToastStackOptions = {}) {\n  const instanceId = useId();\n  const defaultDuration = options.defaultDuration ?? 4200;\n  let serial = 0, mounted = false;\n  let wakeup: ReturnType<typeof setTimeout> | undefined;\n  const deadlines = new Map<string, number>();\n  function create(input: ToastInput): AnimatedToast {\n    return { duration: defaultDuration, dismissible: true, ...input, id: input.id ?? `${instanceId}-toast-${serial++}`, createdAt: Date.now() };\n  }\n  const toasts = shallowRef<AnimatedToast[]>((options.initialToasts ?? []).map(create));\n  function dismissToast(id: string) { toasts.value = toasts.value.filter(toast => toast.id !== id); }\n  function clearToasts() { toasts.value = []; }\n  function setToasts(next: AnimatedToast[] | ((current: AnimatedToast[]) => AnimatedToast[])) {\n    toasts.value = typeof next === \"function\" ? next(toasts.value) : next;\n  }\n  function showToast(input: ToastInput) {\n    const toast = create(input);\n    const appended = [...toasts.value, toast];\n    toasts.value = typeof options.limit === \"number\" ? appended.slice(-options.limit) : appended;\n    return toast.id;\n  }\n  function updateToast(id: string, patch: Partial<ToastInput>) {\n    toasts.value = toasts.value.map(toast => toast.id !== id ? toast : {\n      ...toast, ...patch, id, createdAt: patch.duration === undefined ? toast.createdAt : Date.now(),\n    });\n  }\n  function cancelWakeup() {\n    if (wakeup !== undefined) clearTimeout(wakeup);\n    wakeup = undefined;\n  }\n  function expire() {\n    wakeup = undefined;\n    if (!mounted) return;\n    const now = Date.now();\n    const expired = new Set([...deadlines].filter(([, deadline]) => deadline <= now).map(([id]) => id));\n    if (expired.size) toasts.value = toasts.value.filter(toast => !expired.has(toast.id));\n    else schedule();\n  }\n  function schedule() {\n    cancelWakeup();\n    deadlines.clear();\n    if (!mounted) return;\n    const now = Date.now();\n    toasts.value.forEach(toast => {\n      const duration = toast.duration ?? defaultDuration;\n      if (duration > 0 && Number.isFinite(duration)) deadlines.set(toast.id, (toast.createdAt ?? now) + duration);\n    });\n    if (!deadlines.size) return;\n    const nextDeadline = Math.min(...deadlines.values());\n    wakeup = setTimeout(expire, Math.max(0, Math.min(2147483647, nextDeadline - now)));\n  }\n  watch(toasts, schedule, { flush: \"sync\" });\n  onMounted(() => { mounted = true; schedule(); });\n  onBeforeUnmount(() => { mounted = false; cancelWakeup(); deadlines.clear(); });\n  return {\n    toasts, showToast, updateToast, dismissToast, clearToasts, setToasts,\n    add: showToast, push: showToast, toast: showToast, update: updateToast,\n    dismiss: dismissToast, clear: clearToasts,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAoBA,IAAMuC,IAAQC,GAQRC,IAAOH,GACXI,IAASV,EAAiB,GACtBW,IAASC,QAAeL,EAAM,MAAM,UAAU,SAAS,GAC3DM,IAAUD,QAAe,CAAC,EAAEL,EAAM,MAAM,eAAeA,EAAM,MAAM,OAAO,GACtEO,IAAQ;GACZ,SAASC;GACT,MAAMC;GACN,SAASC;GACT,SAASC;GACT,OAAOC;EACT,GACMC,IAAS;GACb,SAAS;GACT,MAAM;GACN,SAAS;GACT,SAAS;GACT,OAAO;EACT,GACMC,IAAoB;GAAE,UAAU;GAAM,MAAMpB;EAAS,GACzDqB,IAAS;GAAE,MAAM;GAAmB,WAAW;GAAK,SAAS;GAAI,MAAM;EAAK,GACxEC,IAAaX,QACfF,EAAO,QACH,EAAE,SAAS,EAAE,IACb;GAAE,SAAS;GAAG,GAAG;GAAG,OAAO;GAAK,QAAQ;EAAY,CAC1D,GACAc,IAAYZ,QACVF,EAAO,QACH,EAAE,SAAS,EAAE,IACb;GAAE,SAAS;GAAG,GAAG;GAAG,OAAO;GAAG,QAAQ;EAAY,CACxD,GACAe,IAAWb,QACTF,EAAO,QACH,EAAE,SAAS,EAAE,IACb;GAAE,SAAS;GAAG,GAAG;GAAI,OAAO;GAAK,QAAQ;EAAY,CAC3D,GACIgB,IAAad,QACfF,EAAO,QAAQ,EAAE,SAAS,EAAE,IAAI;GAAE,SAAS;GAAG,GAAG;GAAG,QAAQ;EAAY,CAC1E,GACAiB,IAAYf,QACVF,EAAO,QAAQ,EAAE,SAAS,EAAE,IAAI;GAAE,SAAS;GAAG,GAAG;GAAG,QAAQ;EAAY,CAC1E,GACAkB,IAAWhB,QACTF,EAAO,QAAQ,EAAE,SAAS,EAAE,IAAI;GAAE,SAAS;GAAG,GAAG;GAAI,QAAQ;EAAY,CAC3E;EACF,SAASmB,EACP,GACA,GACA;GACA,AACEtB,EAAM,eACL,KAAK,IAAIuB,EAAK,OAAO,CAAC,IAAI,MAAM,KAAK,IAAIA,EAAK,SAAS,CAAC,IAAI,QAE7DrB,EAAK,WAAWF,EAAM,MAAM,EAAE;EAClC;E,kBAGEtC,EAAA,GAAAC,EAuIaC,EAAA+D,CAAA,CAAA,CAAA,IAAA;GAtIX,QAAA;GACC,SAAgB/D,EAAAuC,CAAA,I;;;;;;GAKhB,SAAgBvC,EAAAuC,CAAA,I;;;;;;GAKhB,MAAavC,EAAAuC,CAAA,I;;;;;IAAiM,YAAA;KAAA,UAAA;KAAA,MAAAvC,EAAA8B,CAAA;IAAQ;;GAWtN,YAAYqB;GACZ,MAAMd,EAAA,cAAU,CAAKrC,EAAAuC,CAAA,IAAM,MAAA;GAC3B,oBAAkB;IAAA,MAAA;IAAA,OAAA;GAAA;GAClB,gBAAc;GACd,OAAKtC,EAASD,EAAA+B,CAAA,CAAE,CAAA,sDAAuDM,EAAA,YAAY,IAAI,C;GAGvF,OAAKnC,EAAA,EAAA,QAAA,KAAiBmC,EAAA,MAAK,CAAA;GAC3B,WAAUqB;;GACV,SAAAvD,QAuGF,CAvGEC,EAuGF,OAAA,EAtGI,OAAKH,EAAWD,EAAA+B,CAAA,CAAE,C,wGAA8HM,EAAA,YAAY,O,OAOjJxC,EAAAA,OAAO,UAAnBQ,EAA8B+D,EAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA,IACjB/B,EAAA,eADiBvC,EAAA,GAAAC,EAG5BC,EAAAM,CAAA,GAAA;;IADC,MAAM+B,EAAA,YAAYA,EAAA,KAAK;G,0BAE1BvC,EAAA,GAAAS,EA0FM,OAAA;;IAxFH,OAAKN,EAAA,CAAA,cAAiByC,EAAA,QAAO,gBAAA,cAAA,CAAA;;IAE9BlC,EA2BeR,EAAA+D,CAAA,CAAA,CAAA,MAAA;KA1Bb,QAAA;KACC,OAAK9D,EAAeD,EAAA+B,CAAA,CAAE,C,yEAAuGW,EAAA,SAAO,UAA4BO,EAAOT,EAAA,QAAuBH,EAAA,YAAY,Q;;KAQ1M,SAAAlC,QAiBF,CAjBEK,EAiBFR,EAAAwE,CAAA,GAAA;MAjBmB,MAAK;MAAa,SAAS;;MAC1C,SAAArE,QAeuC,EAfvCL,EAAA,GAAAC,EAeuCC,EAAA+D,CAAA,CAAA,CAAA,MAAA;OAdrC,KAAKvB,EAAA;OACL,SAASY,EAAA;OACT,SAASC,EAAA;OACT,MAAMC,EAAA;OACN,YAAYJ;OACZ,OAAKjD,EAAA,C,eAAmDuC,EAAA,UAAM,aAAA,CAAmBxC,EAAAuC,CAAA,KAAM,c;;OAIvF,SAAApC,QAE+C,CADxCiC,EAAM,QAAQI,EAAA,UAAWH,EAAA,MAAM,QADtCvC,EAAA,GAAAC,EAE+CC,EAAAM,CAAA,GAAA;;QAA7C,MAAM8B,EAAM,QAAQI,EAAA,UAAWH,EAAA,MAAM;O,0BAAQvC,EAAA,GAAAC,EAGxBU,EADjBkC,EAAMH,EAAA,MAAM,GAAA;;QACjB,OAAM;;;;;;;;;;;;;IAEdpC,EA2CM,OAAA,EA3CA,OAAKH,EAAED,EAAA+B,CAAA,CAAE,CAAA,kBAAmBM,EAAA,YAAY,OAAO,CAAA,E,IACnD7B,EA6BCR,EAAAwE,CAAA,GAAA;KA7BgB,MAAK;KAAa,SAAS;;KACzC,SAAArE,QA2BsB,EA3BtBL,EAAA,GAAAC,EA2BsBC,EAAA+D,CAAA,CAAA,CAAA,KAAA;MA1BpB,KAAG,GAAK1B,EAAA,MAAM,GAAE,GAAIG,EAAA,MAAM,GAAI,OAAOH,EAAA,MAAM,KAAK;MAChD,SAASkB,EAAA;MACT,SAASC,EAAA;MACT,MAAMC,EAAA;MACN,YAAYP;;MACZ,SAAA/C,QASG,CATHC,EASG,KAAA,EARD,OAAKH,EAAqBD,EAAA+B,CAAA,CAAE,C,0DAAoGM,EAAA,YAAY,K,OAO7I7B,EAAqCR,EAAAM,CAAA,GAAA,EAArB,MAAM+B,EAAA,MAAM,M,4BAGtBA,EAAA,MAAM,eADdvC,EAAA,GAAAS,EAWQ,KAAA;;OATL,OAAKN,EAAqBD,EAAA+B,CAAA,CAAE,C,+DAAyGM,EAAA,YAAY,W;M,IAOlJ7B,EAEER,EAAAM,CAAA,GAAA,EADC,MAAM+B,EAAA,MAAM,Y;;;;;;;;I,IAGbA,EAAA,MAAM,UADbvC,EAAA,GAAAS,EAYQ,UAAA;;KAVP,MAAK;KACJ,OAAKN,EAAiBD,EAAA+B,CAAA,CAAE,C,yOAA2QM,EAAA,YAAY,M;KAM/S,SAAK,AAAAsC,EAAA,QAAA,MAAEtC,EAAA,MAAM,OAAO,QAAQA,EAAA,KAAK;I,IAElC7B,EAA4CR,EAAAM,CAAA,GAAA,EAA5B,MAAM+B,EAAA,MAAM,OAAO,M;IAI/BA,EAAA,cADRvC,EAAA,GAAAS,EAaS,UAAA;;KAXP,MAAK;KACL,cAAW;KACV,OAAKN,EAAeD,EAAA+B,CAAA,CAAE,C,0PAAwRM,EAAA,YAAY,K;KAM1T,SAAK,AAAAsC,EAAA,QAAA,MAAErC,EAAI,WAAYD,EAAA,MAAM,EAAE;I,IAEhC7B,EAAyBR,EAAA4E,CAAA,GAAA,EAAtB,OAAM,cAAa,CAAA,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EEtMhC,IAAMxC,IAAQC,GAgBRC,IAAOH,GACX2C,IAAWC,EAAmB,GAC9BC,IAAUC,EAAI,EAAK,GACfC,IAAYzC,QACRL,EAAM,cAAcA,EAAM,QAAQ,UAAU,SACpD,GACA+C,IAAe1C,QAAeL,EAAM,UAAU8C,EAAU,UAAU,OAAO,GACzEE,IAAU3C,QAAeL,EAAM,OAAO,MAAM,CAACA,EAAM,UAAU,CAAC,GAC1DiD,IAA2C;GAC/C,YAAY;GACZ,cAAc;GACd,aAAa;GACb,eAAe;GACf,iBAAiB;GACjB,gBAAgB;EAClB;E,OACAC,QAAgB;GACd,EAAQ,QAAQ;EAClB,CAAC,I,UAGCxE,EAAA,GAAAC,EAkCYC,GAAA;GAlCD,IAAIqB,EAAA,cAAU;GAAa,UAAQ,CAAG8C,EAAA,SAAY,CAAKH,EAAA;E,IAC/D/D,EAiCF,MAjCEC,EACSN,EAgCX,QAhCiB;GACd,aAAU;GACV,eAAY;GACX,OAAgBO,EAAAY,CAAA,CAAE,C,gEAAsFM,EAAA,SAAS,WAAU,QAAA,IAAA,qBAAA,YAAwD6C,EAAA,UAAS,WAAA,gBAA0CA,EAAA,UAAS,cAAA,iBAA8CA,EAAA,UAAS,YAAiBG,EAAUhD,EAAA,WAAqBA,EAAA,YAAY,MAAgBA,EAAA,WAAqBzB,EAAAA,OAAO,K;E,KAa/YQ,EAemBD,EAAAqD,CAAA,GAAA;GAfD,SAAS;GAAO,MAAK;;GAEnC,SAAAnD,QAAiC,EADlCP,EAAA,EAAA,GAAAQ,EAcFC,GAAA,MAAAC,EAb4B4D,EAAA,QAAjB,GAAO,OADhBtE,EAAA,GAAAC,EAcFU,GAAA;IAZI,KAAKkE,EAAM;IACJ;IACA;IACP,eAAatD,EAAA;IACb,OAAOA,EAAA;IACP,eAA0BsD,EAAM,gBAAW,MAAA,CAAA,CAAgBxE,EAAA2D,CAAA,CAAQ,EAAE,MAAM,OAAO;IAGlF,gBAAczC,EAAA;IACd,WAAO,AAAAsC,EAAA,QAAA,MAAErC,EAAI,WAAYsD,CAAM;G,gBACf/E,EAAAA,OAAO,Q;IAAQ,MAAA;IAC7B,IAAAQ,QAAoC,CAApCM,EAAoCyC,EAAA,QAAA,SAAA,EAAT,SAAK,CAAA,C;;;;;;;;;;;;;;;AEhC7C,SAAgB0B,EAAsB,IAAwC,CAAC,GAAG;CAChF,IAAMC,IAAaC,EAAM,GACnBC,IAAkBC,EAAQ,mBAAmB,MAC/CC,IAAS,GAAGnB,IAAU,IACtBoB,GACEC,oBAAY,IAAI,IAAoB;CAC1C,SAASC,EAAO,GAAkC;EAChD,OAAO;GAAE,UAAUL;GAAiB,aAAa;GAAM,GAAGM;GAAO,IAAIA,EAAM,MAAM,GAAGR,EAAW,SAAS;GAAY,WAAW,KAAK,IAAI;EAAE;CAC5I;CACA,IAAMS,IAASC,GAA6BP,EAAQ,iBAAiB,CAAC,EAAA,CAAG,IAAII,CAAM,CAAC;CACpF,SAASI,EAAa,GAAY;EAAE,EAAO,QAAQF,EAAO,MAAM,QAAO,MAASb,EAAM,OAAOgB,CAAE;CAAG;CAClG,SAASC,IAAc;EAAE,EAAO,QAAQ,CAAC;CAAG;CAC5C,SAASC,EAAU,GAAyE;EAC1F,EAAO,QAAQ,OAAOC,KAAS,aAAaA,EAAKN,EAAO,KAAK,IAAIM;CACnE;CACA,SAASC,EAAU,GAAmB;EACpC,IAAMpB,IAAQW,EAAOC,CAAK,GACpBS,IAAW,CAAC,GAAGR,EAAO,OAAOb,CAAK;EAExC,OADA,EAAO,QAAQ,OAAOO,EAAQ,SAAU,WAAWc,EAAS,MAAM,CAACd,EAAQ,KAAK,IAAIc,GAC7ErB,EAAM;CACf;CACA,SAASsB,EAAY,GAAY,GAA4B;EAC3D,EAAO,QAAQT,EAAO,MAAM,KAAI,MAASb,EAAM,OAAOgB,IAAa;GACjE,GAAGhB;GAAO,GAAGuB;GAAO;GAAI,WAAWA,EAAM,aAAa,KAAA,IAAYvB,EAAM,YAAY,KAAK,IAAI;EAC/F,IAF2DA,CAE1D;CACH;CACA,SAASwB,IAAe;EAEtB,AADIf,MAAW,KAAA,KAAW,aAAaA,CAAM,GAC7C,IAAS,KAAA;CACX;CACA,SAASgB,IAAS;EAEhB,IADA,IAAS,KAAA,GACL,CAACpC,GAAS;EACd,IAAMqC,IAAM,KAAK,IAAI,GACfC,IAAU,IAAI,IAAI,CAAC,GAAGjB,CAAS,CAAC,CAAC,QAAQ,GAAGkB,OAAcA,KAAYF,CAAG,CAAC,CAAC,KAAK,CAACV,OAAQA,CAAE,CAAC;EAClG,AAAIW,EAAQ,OAAM,EAAO,QAAQd,EAAO,MAAM,QAAO,MAAS,CAACc,EAAQ,IAAI3B,EAAM,EAAE,CAAC,IAC/E6B,EAAS;CAChB;CACA,SAASA,IAAW;EAGlB,IAFAL,EAAa,GACbd,EAAU,MAAM,GACZ,CAACrB,GAAS;EACd,IAAMqC,IAAM,KAAK,IAAI;EAKrB,IAJAb,EAAO,MAAM,SAAQ,MAAS;GAC5B,IAAMiB,IAAW9B,EAAM,YAAYM;GACnC,AAAIwB,IAAW,KAAK,OAAO,SAASA,CAAQ,KAAGpB,EAAU,IAAIV,EAAM,KAAKA,EAAM,aAAa0B,KAAOI,CAAQ;EAC5G,CAAC,GACG,CAACpB,EAAU,MAAM;EACrB,IAAMqB,IAAe,KAAK,IAAI,GAAGrB,EAAU,OAAO,CAAC;EACnD,IAAS,WAAWe,GAAQ,KAAK,IAAI,GAAG,KAAK,IAAI,YAAYM,IAAeL,CAAG,CAAC,CAAC;CACnF;CAIA,OAHAM,EAAMnB,GAAQgB,GAAU,EAAE,OAAO,OAAO,CAAC,GACzClC,QAAgB;EAAkB,AAAhB,IAAU,IAAMkC,EAAS;CAAG,CAAC,GAC/CI,QAAsB;EAAmC,AAAjC,IAAU,IAAOT,EAAa,GAAGd,EAAU,MAAM;CAAG,CAAC,GACtE;EACL;EAAQ;EAAW;EAAa;EAAc;EAAa;EAC3D,KAAKU;EAAW,MAAMA;EAAW,OAAOA;EAAW,QAAQE;EAC3D,SAASP;EAAc,OAAOE;CAChC;AACF"}