@evance/evance-ui 1.0.35 → 1.0.36

package/dist/esm/chunks/EvDialog.vue_vue_type_script_setup_true_lang-Dqbh-qtI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDialog.vue_vue_type_script_setup_true_lang-Dqbh-qtI.mjs","sources":["../../../src/util/dom/getOuterHeight.ts","../../../src/util/dom/getOuterWidth.ts","../../../src/util/dom/getViewport.ts","../../../src/composables/dialog.ts","../../../src/components/EvDialog/EvDialogTransition.vue","../../../src/components/EvDialog/EvDialog.ts","../../../src/components/EvDialog/EvDialogBody.vue","../../../src/components/EvDialog/EvDialogFooter.vue","../../../src/components/EvDialog/EvDialogHeader.vue","../../../src/components/EvDialog/EvDialog.vue"],"sourcesContent":["export default function getOuterHeight(\n    element: HTMLElement,\n    margin?: boolean,\n): number {\n    if (element) {\n        let height = element.offsetHeight;\n        if (margin) {\n            const style = getComputedStyle(element);\n            height += parseFloat(style.marginTop);\n            height += parseFloat(style.marginBottom);\n        }\n        return height;\n    }\n    return 0;\n}\n","export default function getOuterWidth(\n    element: unknown,\n    margin?: boolean,\n): number {\n    if (element instanceof HTMLElement) {\n        let width = element.offsetWidth;\n        if (margin) {\n            const style = getComputedStyle(element);\n            width += parseFloat(style.marginLeft);\n            width += parseFloat(style.marginRight);\n        }\n        return width;\n    }\n    return 0;\n}\n","export default function getViewport(): { width: number; height: number } {\n    const win = window,\n        d = document,\n        e = d.documentElement,\n        g = d.getElementsByTagName(\"body\")[0],\n        w = win.innerWidth || e.clientWidth || g.clientWidth,\n        h = win.innerHeight || e.clientHeight || g.clientHeight;\n\n    return { width: w, height: h };\n}\n","import { inject, InjectionKey, provide } from \"vue\";\nimport { EvDialogInstance } from \"@/components/EvDialog/EvDialogInstance\";\nimport { EvDialogServiceOpener } from \"@/components/EvDialog/EvDialogServiceOpener\";\n\nexport const EvDialogServiceSymbol: InjectionKey<EvDialogServiceOpener> =\n    Symbol.for(\"ev:dialog-service\");\nexport const EvDialogInstanceSymbol: InjectionKey<\n    EvDialogInstance | undefined\n> = Symbol.for(\"ev:dialog-instance\");\n\n/**\n * # useDialog\n *\n * Requires that the App has provided `EvDialogService`.\n */\nexport function useDialog(): EvDialogServiceOpener {\n    const dialogService = inject(EvDialogServiceSymbol);\n    if (!dialogService) {\n        throw new Error(\"Evance UI: Unable to find injected dialog service\");\n    }\n    return dialogService;\n}\n\n/**\n * # injectDialog\n */\nexport function injectDialog(): EvDialogInstance | undefined {\n    return inject(EvDialogInstanceSymbol);\n}\n\n/**\n * # provideDialog\n * @param instance\n */\nexport function provideDialog(instance: EvDialogInstance | undefined) {\n    provide(EvDialogInstanceSymbol, instance);\n}\n","<script lang=\"ts\">\nimport { propsFactory } from \"@/util\";\nimport { PropType } from \"vue\";\n\n/**\n * # makeEvDialogTransitionProps\n * We could export these if we need to later, but I don't see a need for that yet.\n */\nexport const makeEvDialogTransitionProps = propsFactory(\n    {\n        target: [Object, Array] as PropType<\n            HTMLElement | [x: number, y: number]\n        >,\n    },\n    \"EvDialogTransition\",\n);\n</script>\n\n<script setup lang=\"ts\">\nimport {\n    adjustedBoundingRect,\n    animate,\n    easingAccelerate,\n    easingDecelerate,\n    getTargetRect,\n} from \"@/util\";\n\nconst props = defineProps({\n    ...makeEvDialogTransitionProps(),\n});\n\n/**\n * ## getDimensions\n *\n * @param target\n * @param el\n */\nfunction getDimensions(\n    target: HTMLElement | [x: number, y: number],\n    el: HTMLElement,\n) {\n    const targetRect = getTargetRect(target);\n    const elRect = adjustedBoundingRect(el);\n    const [originX, originY] = getComputedStyle(el)\n        .transformOrigin.split(\" \")\n        .map((v) => parseFloat(v));\n    const [anchorSide, anchorOffset] = getComputedStyle(el)\n        .getPropertyValue(\"--ev-overlay-position\")\n        .split(\" \");\n\n    let offsetX = targetRect.left + targetRect.width / 2;\n    if (anchorSide === \"left\" || anchorOffset === \"left\") {\n        offsetX -= targetRect.width / 2;\n    } else if (anchorSide === \"right\" || anchorOffset === \"right\") {\n        offsetX += targetRect.width / 2;\n    }\n\n    let offsetY = targetRect.top + targetRect.height / 2;\n    if (anchorSide === \"top\" || anchorOffset === \"top\") {\n        offsetY -= targetRect.height / 2;\n    } else if (anchorSide === \"bottom\" || anchorOffset === \"bottom\") {\n        offsetY += targetRect.height / 2;\n    }\n\n    const tsx = targetRect.width / elRect.width;\n    const tsy = targetRect.height / elRect.height;\n    const maxs = Math.max(1, tsx, tsy);\n    const sx = tsx / maxs || 0;\n    const sy = tsy / maxs || 0;\n\n    // Animate elements larger than 12% of the screen area up to 1.5x slower\n    const asa =\n        (elRect.width * elRect.height) /\n        (window.innerWidth * window.innerHeight);\n    const speed = asa > 0.12 ? Math.min(1.5, (asa - 0.12) * 10 + 1) : 1;\n\n    return {\n        x: offsetX - (originX + elRect.left),\n        y: offsetY - (originY + elRect.top),\n        sx,\n        sy,\n        speed,\n    };\n}\n\n/**\n * ## onBeforeEnter\n *\n * @param el\n */\nfunction onBeforeEnter(el: Element) {\n    (el as HTMLElement).style.pointerEvents = \"none\";\n    (el as HTMLElement).style.visibility = \"hidden\";\n}\n\n/**\n * ## onEnter\n *\n * @param el\n * @param done\n */\nasync function onEnter(el: Element, done: () => void) {\n    await new Promise((resolve) => requestAnimationFrame(resolve));\n    await new Promise((resolve) => requestAnimationFrame(resolve));\n\n    (el as HTMLElement).style.visibility = \"\";\n\n    const { x, y, sx, sy, speed } = getDimensions(\n        props.target!,\n        el as HTMLElement,\n    );\n\n    const animation = animate(\n        el,\n        [\n            {\n                transform: `translate(${x}px, ${y}px) scale(${sx}, ${sy})`,\n                opacity: 0,\n            },\n            {},\n        ],\n        {\n            duration: 225 * speed,\n            easing: easingDecelerate,\n        },\n    );\n    animation.finished.then(() => done());\n}\n\n/**\n * ## onAfterEnter\n *\n * @param el\n */\nfunction onAfterEnter(el: Element) {\n    (el as HTMLElement).style.removeProperty(\"pointer-events\");\n}\n\n/**\n * ## onBeforeLeave\n *\n * @param el\n */\nfunction onBeforeLeave(el: Element) {\n    (el as HTMLElement).style.pointerEvents = \"none\";\n}\n\n/**\n * ## onLeave\n *\n * @param el\n * @param done\n */\nasync function onLeave(el: Element, done: () => void) {\n    await new Promise((resolve) => requestAnimationFrame(resolve));\n    const { x, y, sx, sy, speed } = getDimensions(\n        props.target!,\n        el as HTMLElement,\n    );\n    const animation = animate(\n        el,\n        [\n            {},\n            {\n                transform: `translate(${x}px, ${y}px) scale(${sx}, ${sy})`,\n                opacity: 0,\n            },\n        ],\n        {\n            duration: 125 * speed,\n            easing: easingAccelerate,\n        },\n    );\n    animation.finished.then(() => done());\n}\n\n/**\n * ## onAfterLeave\n *\n * @param el\n */\nfunction onAfterLeave(el: Element) {\n    (el as HTMLElement).style.removeProperty(\"pointer-events\");\n}\n</script>\n\n<template>\n    <transition\n        v-if=\"props.target\"\n        name=\"ev-dialog-transition\"\n        :css=\"false\"\n        @before-enter=\"onBeforeEnter\"\n        @enter=\"onEnter\"\n        @after-enter=\"onAfterEnter\"\n        @before-leave=\"onBeforeLeave\"\n        @leave=\"onLeave\"\n        @after-leave=\"onAfterLeave\">\n        <slot />\n    </transition>\n    <transition v-else name=\"ev-dialog-transition\">\n        <slot />\n    </transition>\n</template>\n","import { propsFactory } from \"@/util\";\nimport { makeEvOverlayProps } from \"@/components/EvOverlay\";\nimport EvDialogTransition from \"@/components/EvDialog/EvDialogTransition.vue\";\nimport { IconProp } from \"@/composables/icons\";\nimport { PropType } from \"vue\";\nimport { EvButtonProps } from \"@/components/EvButton\";\nimport { EvToolbarProps } from \"@/components/EvToolbar\";\nimport { EvDialogBodyProps } from \"./EvDialogBody.vue\";\n\n/**\n * # makeEvDialogProps\n */\nexport const makeEvDialogProps = propsFactory(\n    {\n        bodyProps: Object as PropType<EvDialogBodyProps>,\n        closeable: {\n            type: Boolean,\n            default: true,\n        },\n        draggable: Boolean,\n        dragWithinViewport: {\n            type: Boolean,\n            default: true,\n        },\n        dragMinX: {\n            type: Number,\n            default: 0,\n        },\n        dragMinY: {\n            type: Number,\n            default: 0,\n        },\n        fullscreen: Boolean,\n        headerActions: Array as PropType<readonly EvButtonProps[]>,\n        headerProps: Object as PropType<EvToolbarProps>,\n        hideHeader: Boolean,\n        icon: IconProp,\n        noPadding: Boolean,\n        retainFocus: {\n            type: Boolean,\n            default: true,\n        },\n        scrollable: Boolean,\n        title: String,\n\n        ...makeEvOverlayProps({\n            origin: \"center center\" as const,\n            scrollStrategy: \"block\" as const,\n            positionStrategy: \"static\" as const,\n            transition: {\n                component: EvDialogTransition,\n            },\n            zIndex: 2400,\n        }),\n\n        __instance: null,\n    },\n    \"EvDialog\",\n);\n\nexport const DialogSize = {\n    default: \"medium\",\n    small: \"small\",\n    medium: \"medium\",\n    large: \"large\",\n    xLarge: \"x-large\",\n} as const;\nexport type DialogSizeProp = (typeof DialogSize)[keyof typeof DialogSize];\nexport const DialogSizeToWidth: Record<string, number> = {\n    [DialogSize.small]: 400,\n    [DialogSize.medium]: 600,\n    [DialogSize.large]: 800,\n    [DialogSize.xLarge]: 968,\n};\n","<script lang=\"ts\">\nimport { propsFactory } from \"@/util\";\n\nexport interface EvDialogBodyProps {\n    padding?: boolean;\n}\n\nexport const makeEvDialogBodyProps = propsFactory(\n    {\n        padding: {\n            type: Boolean,\n            default: true,\n        },\n    },\n    \"EvDialogBody\",\n);\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\n\nconst props = defineProps({\n    ...makeEvDialogBodyProps(),\n});\n\nconst paddingClass = computed(() => {\n    return !props.padding ? \"pa-0\" : undefined;\n});\n</script>\n\n<template>\n    <div\n        :class=\"[\n            'ev-dialog--body',\n            'is-scrollable',\n            paddingClass,\n        ]\">\n        <slot />\n    </div>\n</template>\n","<script setup lang=\"ts\"></script>\n\n<template>\n    <div class=\"ev-dialog--footer\">\n        <slot />\n    </div>\n</template>\n","<script lang=\"ts\">\nimport { propsFactory } from \"@/util\";\nimport { makeEvToolbarProps } from \"@/components/EvToolbar\";\n\nexport const makeEvDialogHeaderProps = propsFactory(\n    {\n        modelValue: Boolean,\n        closeable: {\n            type: Boolean,\n            default: true,\n        },\n        ...makeEvToolbarProps({\n            size: \"large\",\n        }),\n    },\n    \"EvDialogHeader\",\n);\n</script>\n\n<script setup lang=\"ts\">\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { EvToolbar } from \"@/components/EvToolbar\";\nimport { computed } from \"vue\";\nimport { filterComponentProps } from \"@/util\";\n\nconst props = defineProps({\n    ...makeEvDialogHeaderProps(),\n});\nconst slots = defineSlots<{\n    default(): never;\n}>();\nconst emit = defineEmits<{\n    (e: \"update:modelValue\", value: boolean): void;\n    (e: \"close\"): void;\n}>();\nconst isActive = useModelProxy(props, \"modelValue\");\n\n/**\n * ## Close\n */\nfunction close() {\n    isActive.value = false;\n    emit(\"close\");\n}\n\nconst closeable = computed(() => (props.closeable ? close : undefined));\n\nconst toolbarProps = computed(() => {\n    return filterComponentProps(EvToolbar, props);\n});\n</script>\n\n<template>\n    <div\n        v-if=\"slots.default\"\n        :class=\"['ev-dialog--header', props.class]\"\n        :style=\"props.style\">\n        <slot />\n    </div>\n    <ev-toolbar\n        v-else\n        :class=\"['ev-dialog--header', { 'is-untitled': !props.title }]\"\n        v-bind=\"toolbarProps\"\n        @click:close=\"closeable\" />\n</template>\n","<script setup lang=\"ts\">\n/**\n * `<ev-dialog>`\n */\nimport \"./EvDialog.scss\";\nimport { DialogSize, DialogSizeToWidth, makeEvDialogProps } from \"./EvDialog\";\nimport {\n    computed,\n    mergeProps,\n    nextTick,\n    onBeforeUnmount,\n    ref,\n    watch,\n} from \"vue\";\nimport { EvOverlay } from \"@/components/EvOverlay\";\nimport EvSurface from \"@/components/EvSurface/EvSurface.vue\";\nimport {\n    Browser,\n    filterComponentProps,\n    getFocusableChildren,\n    getOuterHeight,\n    getOuterWidth,\n    getViewport,\n} from \"@/util\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport EvDialogBody from \"@/components/EvDialog/EvDialogBody.vue\";\nimport EvDialogFooter from \"@/components/EvDialog/EvDialogFooter.vue\";\nimport EvDialogHeader from \"@/components/EvDialog/EvDialogHeader.vue\";\nimport { provideDialog } from \"@/composables/dialog\";\n\nconst props = defineProps({\n    ...makeEvDialogProps(),\n});\nconst slots = defineSlots<{\n    activator(): never;\n    container(): never;\n    default(): never;\n    footer(): never;\n    header(): never;\n}>();\nconst overlayRef = ref();\nconst isActive = useModelProxy(props, \"modelValue\");\nconst isFullscreen = useModelProxy(props, \"fullscreen\");\nconst overlayProps = computed(() => {\n    return filterComponentProps(EvOverlay, props);\n});\n\nconst activatorProps = computed(() => {\n    return mergeProps(\n        {\n            \"aria-haspopup\": \"dialog\",\n            \"aria-expanded\": String(isActive.value),\n        },\n        props.activatorProps,\n    );\n});\n\nconst headerProps = computed(() => {\n    const separatedProps = {\n        actions: props.headerActions,\n        closeable: props.closeable,\n        icon: props.icon,\n        title: props.title,\n    };\n    const suppliedProps = props.headerProps ?? {};\n    return Object.assign(separatedProps, suppliedProps);\n});\n\nconst bodyProps = computed(() => {\n    const separatedProps = {\n        padding: !props.noPadding,\n    };\n    const suppliedProps = props.bodyProps ?? {};\n    return Object.assign(separatedProps, suppliedProps);\n});\n\nconst emit = defineEmits<{\n    (e: \"update:modelValue\", value: boolean): void;\n    (e: \"update:fullscreen\", value: boolean): void;\n    (e: \"dragstart\", value: MouseEvent): void;\n    (e: \"dragend\", value: MouseEvent): void;\n    (e: \"open\"): void;\n    (e: \"after-open\"): void;\n    (e: \"close\"): void;\n    (e: \"after-close\"): void;\n}>();\n\n/**\n * ## Width\n *\n * We want to standardise dialog sizes. So we can intercept the `width` prop.\n *\n * - 'small'\n * - 'medium'\n * - 'large'\n * - 'x-large'\n */\nconst width = computed(() => {\n    const size = props.width ?? DialogSizeToWidth[DialogSize.medium];\n    return DialogSizeToWidth[size] ?? size;\n});\n\n/**\n * ## onFocusin\n *\n * When the user opens the dialog and presses tab (for example)\n * we can apply focus to the first available and focusable element.\n *\n * 1. The dialog MUST be the top-most open dialog.\n * 2. The target element MUST be the document nor the content of the dialog.\n * 3. The target element isn't within the dialog content.\n *\n * If the conditions above are met then we can refocus the user into the\n * first/last available focusable element.\n *\n * @param e\n */\nfunction onFocusin(e: FocusEvent) {\n    const previousEl = e.relatedTarget as HTMLElement | null;\n    const targetEl = e.target as HTMLElement | null;\n\n    if (\n        previousEl !== targetEl &&\n        overlayRef.value?.contentEl &&\n        overlayRef.value?.isTopGlobal &&\n        ![document, overlayRef.value.contentEl].includes(targetEl) &&\n        !overlayRef.value.contentEl.contains(targetEl)\n    ) {\n        const focusable = getFocusableChildren(overlayRef.value.contentEl);\n        if (!focusable.length) {\n            return;\n        }\n        const firstEl = focusable[0];\n        const lastEl = focusable[focusable.length - 1];\n        if (previousEl === firstEl) {\n            lastEl.focus();\n        } else {\n            firstEl.focus();\n        }\n    }\n}\n\n/**\n * If the browser window is available (not SSR)\n * then we need to add the focusin event listen when the dialog is open\n * and then remove the event listener when it is closed.\n */\nif (Browser.hasWindow) {\n    watch(\n        () => isActive.value && props.retainFocus,\n        (value) => {\n            if (value) {\n                document.addEventListener(\"focusin\", onFocusin);\n            } else {\n                document.removeEventListener(\"focusin\", onFocusin);\n            }\n        },\n        {\n            immediate: true,\n        },\n    );\n}\n\n/**\n * Watch for changes to the `modelValue` when the dialog is opened\n * focus on the content element. When it is closed revert focus\n * to the activator element if it is available.\n */\nwatch(isActive, async (value) => {\n    await nextTick();\n    if (value) {\n        overlayRef.value!.contentEl?.focus({ preventScroll: true });\n    } else {\n        overlayRef.value!.activatorEl?.focus({ preventScroll: true });\n    }\n});\n\n/**\n * ## Close\n */\nfunction close() {\n    isActive.value = false;\n}\n\nprovideDialog(props.__instance);\n\ndefineExpose({\n    close,\n});\n\n/**\n * Dragging\n * @todo: Still implementing draggable dialogs\n **/\nlet dragging = false;\nlet lastPageX = null;\nlet lastPageY = null;\nlet documentDragListener = null;\nlet documentDragEndListener = null;\n\nfunction initDrag(e: MouseEvent) {\n    if (\n        !props.draggable ||\n        (e.target instanceof Element && e.target.closest(\"[data-no-drag]\"))\n    ) {\n        return;\n    }\n    dragging = true;\n    lastPageX = e.pageX;\n    lastPageY = e.pageY;\n    document.body.style.userSelect = \"none\";\n    emit(\"dragstart\", e);\n}\n\nfunction onEnter() {\n    emit(\"open\");\n    bindGlobalListeners();\n}\nfunction onAfterEnter() {\n    emit(\"after-open\");\n}\nfunction onBeforeLeave() {\n    if (dragging && documentDragEndListener) {\n        documentDragEndListener();\n    }\n}\nfunction onLeave() {\n    emit(\"close\");\n}\nfunction onAfterLeave() {\n    unbindGlobalListeners();\n    emit(\"after-close\");\n}\n\nfunction bindGlobalListeners() {\n    if (props.draggable) {\n        bindDocumentDragListener();\n        bindDocumentDragEndListener();\n    }\n}\n\nfunction bindDocumentDragListener() {\n    documentDragListener = (event) => {\n        const container = overlayRef.value?.contentEl;\n        if (dragging && container) {\n            const width = getOuterWidth(container);\n            const height = getOuterHeight(container);\n            const deltaX = event.pageX - lastPageX;\n            const deltaY = event.pageY - lastPageY;\n            const offset = container.getBoundingClientRect();\n            const leftPos = offset.left + deltaX;\n            const topPos = offset.top + deltaY;\n            const viewport = getViewport();\n            const containerComputedStyle = getComputedStyle(container);\n            const marginLeft = parseFloat(containerComputedStyle.marginLeft);\n            const marginTop = parseFloat(containerComputedStyle.marginTop);\n            container.style.position = \"fixed\";\n\n            if (props.dragWithinViewport) {\n                if (\n                    leftPos >= props.dragMinX &&\n                    leftPos + width < viewport.width\n                ) {\n                    lastPageX = event.pageX;\n                    container.style.left = leftPos - marginLeft + \"px\";\n                }\n\n                if (\n                    topPos >= props.dragMinY &&\n                    topPos + height < viewport.height\n                ) {\n                    lastPageY = event.pageY;\n                    container.style.top = topPos - marginTop + \"px\";\n                }\n            } else {\n                lastPageX = event.pageX;\n                container.style.left = leftPos - marginLeft + \"px\";\n                lastPageY = event.pageY;\n                container.style.top = topPos - marginTop + \"px\";\n            }\n        }\n    };\n    window.document.addEventListener(\"mousemove\", documentDragListener);\n}\n\nfunction bindDocumentDragEndListener() {\n    documentDragEndListener = (event: MouseEvent) => {\n        if (dragging) {\n            dragging = false;\n            document.body.style.userSelect = \"\";\n            emit(\"dragend\", event);\n        }\n    };\n    window.document.addEventListener(\"mouseup\", documentDragEndListener);\n}\n\nfunction unbindGlobalListeners() {\n    unbindDocumentDragListener();\n    unbindDocumentDragEndListener();\n}\n\nfunction unbindDocumentDragListener() {\n    if (documentDragListener) {\n        window.document.removeEventListener(\"mousemove\", documentDragListener);\n        documentDragListener = null;\n    }\n}\n\nfunction unbindDocumentDragEndListener() {\n    if (documentDragEndListener) {\n        window.document.removeEventListener(\"mouseup\", documentDragEndListener);\n        documentDragEndListener = null;\n    }\n}\n\nonBeforeUnmount(() => {\n    unbindGlobalListeners();\n});\n\n</script>\n\n<template>\n    <ev-overlay\n        ref=\"overlayRef\"\n        v-bind=\"overlayProps\"\n        v-model=\"isActive\"\n        aria-modal=\"true\"\n        role=\"dialog\"\n        :class=\"[\n            'ev-dialog',\n            {\n                'is-fullscreen': isFullscreen,\n                'is-scrollable': props.scrollable,\n            },\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        :activator-props=\"activatorProps\"\n        :width=\"width\"\n        @enter=\"onEnter\"\n        @after-enter=\"onAfterEnter\"\n        @before-leave=\"onBeforeLeave\"\n        @leave=\"onLeave\"\n        @after-leave=\"onAfterLeave\">\n        <template v-if=\"slots.activator\" #activator=\"{ isActive, props }\">\n            <slot name=\"activator\" :is-active=\"isActive\" :props=\"props\" />\n        </template>\n\n        <slot v-if=\"slots.container\" name=\"container\" />\n        <ev-surface\n            v-else\n            class=\"ev-dialog--surface\"\n            elevation=\"overlay\"\n            rounded=\"small\">\n            <ev-dialog-header\n                v-if=\"!props.hideHeader\"\n                v-model=\"isActive\"\n                v-bind=\"headerProps\"\n                @mousedown=\"initDrag\">\n                <template v-if=\"slots.header\" #default>\n                    <slot name=\"header\" />\n                </template>\n            </ev-dialog-header>\n            <ev-dialog-body v-bind=\"bodyProps\">\n                <slot />\n            </ev-dialog-body>\n            <ev-dialog-footer v-if=\"slots.footer\">\n                <slot name=\"footer\" />\n            </ev-dialog-footer>\n        </ev-surface>\n    </ev-overlay>\n</template>\n"],"names":["EvDialogTransition","_openBlock","_createElementBlock","_useSlots","EvToolbar","EvOverlay","width"],"mappings":";;;;;;;;;;;AAAwB,SAAA,eACpB,SACA,QACM;AACN,MAAI,SAAS;AACT,QAAI,SAAS,QAAQ;AACrB,QAAI,QAAQ;AACF,YAAA,QAAQ,iBAAiB,OAAO;AAC5B,gBAAA,WAAW,MAAM,SAAS;AAC1B,gBAAA,WAAW,MAAM,YAAY;AAAA,IAAA;AAEpC,WAAA;AAAA,EAAA;AAEJ,SAAA;AACX;ACdwB,SAAA,cACpB,SACA,QACM;AACN,MAAI,mBAAmB,aAAa;AAChC,QAAI,QAAQ,QAAQ;AACpB,QAAI,QAAQ;AACF,YAAA,QAAQ,iBAAiB,OAAO;AAC7B,eAAA,WAAW,MAAM,UAAU;AAC3B,eAAA,WAAW,MAAM,WAAW;AAAA,IAAA;AAElC,WAAA;AAAA,EAAA;AAEJ,SAAA;AACX;ACdA,SAAwB,cAAiD;AAC/D,QAAA,MAAM,QACR,IAAI,UACJ,IAAI,EAAE,iBACN,IAAI,EAAE,qBAAqB,MAAM,EAAE,CAAC,GACpC,IAAI,IAAI,cAAc,EAAE,eAAe,EAAE,aACzC,IAAI,IAAI,eAAe,EAAE,gBAAgB,EAAE;AAE/C,SAAO,EAAE,OAAO,GAAG,QAAQ,EAAE;AACjC;ACLa,MAAA,wBACT,OAAO,IAAI,mBAAmB;AACrB,MAAA,yBAET,OAAO,IAAI,oBAAoB;AAO5B,SAAS,YAAmC;AACzC,QAAA,gBAAgB,OAAO,qBAAqB;AAClD,MAAI,CAAC,eAAe;AACV,UAAA,IAAI,MAAM,mDAAmD;AAAA,EAAA;AAEhE,SAAA;AACX;AAKO,SAAS,eAA6C;AACzD,SAAO,OAAO,sBAAsB;AACxC;AAMO,SAAS,cAAc,UAAwC;AAClE,UAAQ,wBAAwB,QAAQ;AAC5C;AC5BO,MAAM,8BAA8B;AAAA,EACvC;AAAA,IACI,QAAQ,CAAC,QAAQ,KAAK;AAAA,EAG1B;AAAA,EACA;AACJ;;;;;;;;AAsBS,aAAA,cACL,QACA,IACF;AACQ,YAAA,aAAa,cAAc,MAAM;AACjC,YAAA,SAAS,qBAAqB,EAAE;AACtC,YAAM,CAAC,SAAS,OAAO,IAAI,iBAAiB,EAAE,EACzC,gBAAgB,MAAM,GAAG,EACzB,IAAI,CAAC,MAAM,WAAW,CAAC,CAAC;AACvB,YAAA,CAAC,YAAY,YAAY,IAAI,iBAAiB,EAAE,EACjD,iBAAiB,uBAAuB,EACxC,MAAM,GAAG;AAEd,UAAI,UAAU,WAAW,OAAO,WAAW,QAAQ;AAC/C,UAAA,eAAe,UAAU,iBAAiB,QAAQ;AAClD,mBAAW,WAAW,QAAQ;AAAA,MACvB,WAAA,eAAe,WAAW,iBAAiB,SAAS;AAC3D,mBAAW,WAAW,QAAQ;AAAA,MAAA;AAGlC,UAAI,UAAU,WAAW,MAAM,WAAW,SAAS;AAC/C,UAAA,eAAe,SAAS,iBAAiB,OAAO;AAChD,mBAAW,WAAW,SAAS;AAAA,MACxB,WAAA,eAAe,YAAY,iBAAiB,UAAU;AAC7D,mBAAW,WAAW,SAAS;AAAA,MAAA;AAG7B,YAAA,MAAM,WAAW,QAAQ,OAAO;AAChC,YAAA,MAAM,WAAW,SAAS,OAAO;AACvC,YAAM,OAAO,KAAK,IAAI,GAAG,KAAK,GAAG;AAC3B,YAAA,KAAK,MAAM,QAAQ;AACnB,YAAA,KAAK,MAAM,QAAQ;AAGzB,YAAM,MACD,OAAO,QAAQ,OAAO,UACtB,OAAO,aAAa,OAAO;AAC1B,YAAA,QAAQ,MAAM,OAAO,KAAK,IAAI,MAAM,MAAM,QAAQ,KAAK,CAAC,IAAI;AAE3D,aAAA;AAAA,QACH,GAAG,WAAW,UAAU,OAAO;AAAA,QAC/B,GAAG,WAAW,UAAU,OAAO;AAAA,QAC/B;AAAA,QACA;AAAA,QACA;AAAA,MACJ;AAAA,IAAA;AAQJ,aAAS,cAAc,IAAa;AAC/B,SAAmB,MAAM,gBAAgB;AACzC,SAAmB,MAAM,aAAa;AAAA,IAAA;AAS5B,mBAAA,QAAQ,IAAa,MAAkB;AAClD,YAAM,IAAI,QAAQ,CAAC,YAAY,sBAAsB,OAAO,CAAC;AAC7D,YAAM,IAAI,QAAQ,CAAC,YAAY,sBAAsB,OAAO,CAAC;AAE5D,SAAmB,MAAM,aAAa;AAEvC,YAAM,EAAE,GAAG,GAAG,IAAI,IAAI,UAAU;AAAA,QAC5B,MAAM;AAAA,QACN;AAAA,MACJ;AAEA,YAAM,YAAY;AAAA,QACd;AAAA,QACA;AAAA,UACI;AAAA,YACI,WAAW,aAAa,CAAC,OAAO,CAAC,aAAa,EAAE,KAAK,EAAE;AAAA,YACvD,SAAS;AAAA,UACb;AAAA,UACA,CAAA;AAAA,QACJ;AAAA,QACA;AAAA,UACI,UAAU,MAAM;AAAA,UAChB,QAAQ;AAAA,QAAA;AAAA,MAEhB;AACA,gBAAU,SAAS,KAAK,MAAM,KAAA,CAAM;AAAA,IAAA;AAQxC,aAAS,aAAa,IAAa;AAC9B,SAAmB,MAAM,eAAe,gBAAgB;AAAA,IAAA;AAQ7D,aAAS,cAAc,IAAa;AAC/B,SAAmB,MAAM,gBAAgB;AAAA,IAAA;AAS/B,mBAAA,QAAQ,IAAa,MAAkB;AAClD,YAAM,IAAI,QAAQ,CAAC,YAAY,sBAAsB,OAAO,CAAC;AAC7D,YAAM,EAAE,GAAG,GAAG,IAAI,IAAI,UAAU;AAAA,QAC5B,MAAM;AAAA,QACN;AAAA,MACJ;AACA,YAAM,YAAY;AAAA,QACd;AAAA,QACA;AAAA,UACI,CAAC;AAAA,UACD;AAAA,YACI,WAAW,aAAa,CAAC,OAAO,CAAC,aAAa,EAAE,KAAK,EAAE;AAAA,YACvD,SAAS;AAAA,UAAA;AAAA,QAEjB;AAAA,QACA;AAAA,UACI,UAAU,MAAM;AAAA,UAChB,QAAQ;AAAA,QAAA;AAAA,MAEhB;AACA,gBAAU,SAAS,KAAK,MAAM,KAAA,CAAM;AAAA,IAAA;AAQxC,aAAS,aAAa,IAAa;AAC9B,SAAmB,MAAM,eAAe,gBAAgB;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC1KtD,MAAM,oBAAoB;AAAA,EAC7B;AAAA,IACI,WAAW;AAAA,IACX,WAAW;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,WAAW;AAAA,IACX,oBAAoB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,UAAU;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,UAAU;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,WAAW;AAAA,IACX,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,IAEP,GAAG,mBAAmB;AAAA,MAClB,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,YAAY;AAAA,QACR,WAAWA;AAAAA,MACf;AAAA,MACA,QAAQ;AAAA,IAAA,CACX;AAAA,IAED,YAAY;AAAA,EAChB;AAAA,EACA;AACJ;AAEO,MAAM,aAAa;AAAA,EACtB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AACZ;AAEO,MAAM,oBAA4C;AAAA,EACrD,CAAC,WAAW,KAAK,GAAG;AAAA,EACpB,CAAC,WAAW,MAAM,GAAG;AAAA,EACrB,CAAC,WAAW,KAAK,GAAG;AAAA,EACpB,CAAC,WAAW,MAAM,GAAG;AACzB;AClEO,MAAM,wBAAwB;AAAA,EACjC;AAAA,IACI,SAAS;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EAEjB;AAAA,EACA;AACJ;;;;;;;;AAUM,UAAA,eAAe,SAAS,MAAM;AACzB,aAAA,CAAC,MAAM,UAAU,SAAS;AAAA,IAAA,CACpC;;;;;;;;;;;;;;;;;;;;;;;ACxBG,SAAA,YAAA,MAAA,QAAA;SACYC,UAAA,GAAAC,mBAAA,OAAA,YAAA;AAAA;;;;ACAT,MAAM,0BAA0B;AAAA,EACnC;AAAA,IACI,YAAY;AAAA,IACZ,WAAW;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,GAAG,mBAAmB;AAAA,MAClB,MAAM;AAAA,IACT,CAAA;AAAA,EACL;AAAA,EACA;AACJ;;;;;;;;;AAYA,UAAM,QAAQC;AAOR,UAAA,WAAW,cAAc,OAAO,YAAY;AAKlD,aAAS,QAAQ;AACb,eAAS,QAAQ;AACjB,WAAK,OAAO;AAAA,IAAA;AAGhB,UAAM,YAAY,SAAS,MAAO,MAAM,YAAY,QAAQ,MAAU;AAEhE,UAAA,eAAe,SAAS,MAAM;AACzB,aAAA,qBAAqBC,aAAW,KAAK;AAAA,IAAA,CAC/C;;;;;;;;;;;;;;;;;;;;;;;AChBD,UAAM,QAAQD;AAOd,UAAM,aAAa,IAAI;AACjB,UAAA,WAAW,cAAc,OAAO,YAAY;AAC5C,UAAA,eAAe,cAAc,OAAO,YAAY;AAChD,UAAA,eAAe,SAAS,MAAM;AACzB,aAAA,qBAAqBE,aAAW,KAAK;AAAA,IAAA,CAC/C;AAEK,UAAA,iBAAiB,SAAS,MAAM;AAC3B,aAAA;AAAA,QACH;AAAA,UACI,iBAAiB;AAAA,UACjB,iBAAiB,OAAO,SAAS,KAAK;AAAA,QAC1C;AAAA,QACA,MAAM;AAAA,MACV;AAAA,IAAA,CACH;AAEK,UAAA,cAAc,SAAS,MAAM;AAC/B,YAAM,iBAAiB;AAAA,QACnB,SAAS,MAAM;AAAA,QACf,WAAW,MAAM;AAAA,QACjB,MAAM,MAAM;AAAA,QACZ,OAAO,MAAM;AAAA,MACjB;AACM,YAAA,gBAAgB,MAAM,eAAe,CAAC;AACrC,aAAA,OAAO,OAAO,gBAAgB,aAAa;AAAA,IAAA,CACrD;AAEK,UAAA,YAAY,SAAS,MAAM;AAC7B,YAAM,iBAAiB;AAAA,QACnB,SAAS,CAAC,MAAM;AAAA,MACpB;AACM,YAAA,gBAAgB,MAAM,aAAa,CAAC;AACnC,aAAA,OAAO,OAAO,gBAAgB,aAAa;AAAA,IAAA,CACrD;AAuBK,UAAA,QAAQ,SAAS,MAAM;AACzB,YAAM,OAAO,MAAM,SAAS,kBAAkB,WAAW,MAAM;AACxD,aAAA,kBAAkB,IAAI,KAAK;AAAA,IAAA,CACrC;AAiBD,aAAS,UAAU,GAAe;;AAC9B,YAAM,aAAa,EAAE;AACrB,YAAM,WAAW,EAAE;AAGf,UAAA,eAAe,cACf,gBAAW,UAAX,mBAAkB,gBAClB,gBAAW,UAAX,mBAAkB,gBAClB,CAAC,CAAC,UAAU,WAAW,MAAM,SAAS,EAAE,SAAS,QAAQ,KACzD,CAAC,WAAW,MAAM,UAAU,SAAS,QAAQ,GAC/C;AACE,cAAM,YAAY,qBAAqB,WAAW,MAAM,SAAS;AAC7D,YAAA,CAAC,UAAU,QAAQ;AACnB;AAAA,QAAA;AAEE,cAAA,UAAU,UAAU,CAAC;AAC3B,cAAM,SAAS,UAAU,UAAU,SAAS,CAAC;AAC7C,YAAI,eAAe,SAAS;AACxB,iBAAO,MAAM;AAAA,QAAA,OACV;AACH,kBAAQ,MAAM;AAAA,QAAA;AAAA,MAClB;AAAA,IACJ;AAQJ,QAAI,QAAQ,WAAW;AACnB;AAAA,QACI,MAAM,SAAS,SAAS,MAAM;AAAA,QAC9B,CAAC,UAAU;AACP,cAAI,OAAO;AACE,qBAAA,iBAAiB,WAAW,SAAS;AAAA,UAAA,OAC3C;AACM,qBAAA,oBAAoB,WAAW,SAAS;AAAA,UAAA;AAAA,QAEzD;AAAA,QACA;AAAA,UACI,WAAW;AAAA,QAAA;AAAA,MAEnB;AAAA,IAAA;AAQE,UAAA,UAAU,OAAO,UAAU;;AAC7B,YAAM,SAAS;AACf,UAAI,OAAO;AACP,yBAAW,MAAO,cAAlB,mBAA6B,MAAM,EAAE,eAAe;MAAM,OACvD;AACH,yBAAW,MAAO,gBAAlB,mBAA+B,MAAM,EAAE,eAAe;MAAM;AAAA,IAChE,CACH;AAKD,aAAS,QAAQ;AACb,eAAS,QAAQ;AAAA,IAAA;AAGrB,kBAAc,MAAM,UAAU;AAEjB,aAAA;AAAA,MACT;AAAA,IAAA,CACH;AAMD,QAAI,WAAW;AACf,QAAI,YAAY;AAChB,QAAI,YAAY;AAChB,QAAI,uBAAuB;AAC3B,QAAI,0BAA0B;AAE9B,aAAS,SAAS,GAAe;AAEzB,UAAA,CAAC,MAAM,aACN,EAAE,kBAAkB,WAAW,EAAE,OAAO,QAAQ,gBAAgB,GACnE;AACE;AAAA,MAAA;AAEO,iBAAA;AACX,kBAAY,EAAE;AACd,kBAAY,EAAE;AACL,eAAA,KAAK,MAAM,aAAa;AACjC,WAAK,aAAa,CAAC;AAAA,IAAA;AAGvB,aAAS,UAAU;AACf,WAAK,MAAM;AACS,0BAAA;AAAA,IAAA;AAExB,aAAS,eAAe;AACpB,WAAK,YAAY;AAAA,IAAA;AAErB,aAAS,gBAAgB;AACrB,UAAI,YAAY,yBAAyB;AACb,gCAAA;AAAA,MAAA;AAAA,IAC5B;AAEJ,aAAS,UAAU;AACf,WAAK,OAAO;AAAA,IAAA;AAEhB,aAAS,eAAe;AACE,4BAAA;AACtB,WAAK,aAAa;AAAA,IAAA;AAGtB,aAAS,sBAAsB;AAC3B,UAAI,MAAM,WAAW;AACQ,iCAAA;AACG,oCAAA;AAAA,MAAA;AAAA,IAChC;AAGJ,aAAS,2BAA2B;AAChC,6BAAuB,CAAC,UAAU;;AACxB,cAAA,aAAY,gBAAW,UAAX,mBAAkB;AACpC,YAAI,YAAY,WAAW;AACjBC,gBAAAA,SAAQ,cAAc,SAAS;AAC/B,gBAAA,SAAS,eAAe,SAAS;AACjC,gBAAA,SAAS,MAAM,QAAQ;AACvB,gBAAA,SAAS,MAAM,QAAQ;AACvB,gBAAA,SAAS,UAAU,sBAAsB;AACzC,gBAAA,UAAU,OAAO,OAAO;AACxB,gBAAA,SAAS,OAAO,MAAM;AAC5B,gBAAM,WAAW,YAAY;AACvB,gBAAA,yBAAyB,iBAAiB,SAAS;AACnD,gBAAA,aAAa,WAAW,uBAAuB,UAAU;AACzD,gBAAA,YAAY,WAAW,uBAAuB,SAAS;AAC7D,oBAAU,MAAM,WAAW;AAE3B,cAAI,MAAM,oBAAoB;AAC1B,gBACI,WAAW,MAAM,YACjB,UAAUA,SAAQ,SAAS,OAC7B;AACE,0BAAY,MAAM;AACR,wBAAA,MAAM,OAAO,UAAU,aAAa;AAAA,YAAA;AAGlD,gBACI,UAAU,MAAM,YAChB,SAAS,SAAS,SAAS,QAC7B;AACE,0BAAY,MAAM;AACR,wBAAA,MAAM,MAAM,SAAS,YAAY;AAAA,YAAA;AAAA,UAC/C,OACG;AACH,wBAAY,MAAM;AACR,sBAAA,MAAM,OAAO,UAAU,aAAa;AAC9C,wBAAY,MAAM;AACR,sBAAA,MAAM,MAAM,SAAS,YAAY;AAAA,UAAA;AAAA,QAC/C;AAAA,MAER;AACO,aAAA,SAAS,iBAAiB,aAAa,oBAAoB;AAAA,IAAA;AAGtE,aAAS,8BAA8B;AACnC,gCAA0B,CAAC,UAAsB;AAC7C,YAAI,UAAU;AACC,qBAAA;AACF,mBAAA,KAAK,MAAM,aAAa;AACjC,eAAK,WAAW,KAAK;AAAA,QAAA;AAAA,MAE7B;AACO,aAAA,SAAS,iBAAiB,WAAW,uBAAuB;AAAA,IAAA;AAGvE,aAAS,wBAAwB;AACF,iCAAA;AACG,oCAAA;AAAA,IAAA;AAGlC,aAAS,6BAA6B;AAClC,UAAI,sBAAsB;AACf,eAAA,SAAS,oBAAoB,aAAa,oBAAoB;AAC9C,+BAAA;AAAA,MAAA;AAAA,IAC3B;AAGJ,aAAS,gCAAgC;AACrC,UAAI,yBAAyB;AAClB,eAAA,SAAS,oBAAoB,WAAW,uBAAuB;AAC5C,kCAAA;AAAA,MAAA;AAAA,IAC9B;AAGJ,oBAAgB,MAAM;AACI,4BAAA;AAAA,IAAA,CACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/chunks/EvDivider.vue_vue_type_style_index_0_lang-BWlvaivP.mjs

@@ -0,0 +1,82 @@
+/*! Evance UI v1.0.36 | MIT License */
+import { defineComponent, useCssVars, computed, useSlots, createElementBlock, unref, openBlock, normalizeClass, createElementVNode, renderSlot } from "vue";
+import { h as hasSlotWithContent } from "./hasSlotWithContent-x7ZSS7zL.mjs";
+import { i as isIntegerish } from "./numbers-Dj22sKLd.mjs";
+import { k as isCssVariable } from "./is-functions-DV0o6XE9.mjs";
+import { a as appearanceModifier } from "./modifiers-BVTtETUg.mjs";
+import { A as Appearance } from "./appearance-n5ZZbaNU.mjs";
+const _hoisted_1 = /* @__PURE__ */ createElementVNode("hr", { class: "ev-divider--line" }, null, -1);
+const _hoisted_2 = { class: "ev-divider--content" };
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("hr", { class: "ev-divider--line" }, null, -1);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvDivider",
+  props: {
+    appearance: { default: "default" },
+    borderStyle: { default: "solid" },
+    thickness: { default: 1 },
+    opacity: { default: void 0 },
+    vertical: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    useCssVars((_ctx) => ({
+      "1c626f9e": borderColor.value,
+      "09641586": borderOpacity.value,
+      "1d465dec": borderStyle.value,
+      "1d796e01": borderWidth.value
+    }));
+    const slots = useSlots();
+    const hasDefaultSlot = hasSlotWithContent(slots, "default");
+    const borderColor = computed(() => {
+      return props.appearance !== "default" ? `var(--text-${props.appearance})` : null;
+    });
+    const borderOpacity = computed(() => {
+      if (!props.opacity) {
+        return null;
+      }
+      if (isIntegerish(props.opacity)) {
+        return +props.opacity / 100;
+      }
+      if (isCssVariable(props.opacity)) {
+        return `var(${props.opacity})`;
+      }
+      return null;
+    });
+    const borderStyle = computed(() => {
+      return props.borderStyle !== "solid" ? props.borderStyle : null;
+    });
+    const borderWidth = computed(() => {
+      return props.thickness > 1 ? props.thickness + "px" : null;
+    });
+    const classNames = computed(() => {
+      return [
+        {
+          "is-horizontal": !props.vertical,
+          "is-vertical": props.vertical
+        },
+        appearanceModifier(props.appearance, [Appearance.default])
+      ];
+    });
+    return (_ctx, _cache) => {
+      return unref(hasDefaultSlot) ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(["ev-divider", classNames.value]),
+        role: "separator"
+      }, [
+        _hoisted_1,
+        createElementVNode("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _hoisted_3
+      ], 2)) : (openBlock(), createElementBlock("hr", {
+        key: 1,
+        class: normalizeClass(["ev-divider", classNames.value]),
+        role: "separator"
+      }, null, 2));
+    };
+  }
+});
+export {
+  _sfc_main as _
+};
+//# sourceMappingURL=EvDivider.vue_vue_type_style_index_0_lang-BWlvaivP.mjs.map

package/dist/esm/chunks/EvDivider.vue_vue_type_style_index_0_lang-BWlvaivP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDivider.vue_vue_type_style_index_0_lang-BWlvaivP.mjs","sources":["../../../src/components/EvDivider/EvDivider.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvDivider\n *\n * `<ev-divider />`\n */\nimport \"./EvDivider.scss\";\nimport { computed, useSlots } from \"vue\";\nimport { hasSlotWithContent } from \"@/composables/hasSlotWithContent\";\nimport {\n    Appearance,\n    appearanceModifier,\n    AppearanceProp,\n    isCssVariable,\n    isIntegerish,\n} from \"@/util\";\n\n/**\n * ## Divider Border Style\n */\ntype BorderStyle = \"solid\" | \"dashed\" | \"dotted\";\n\n/**\n * ## Divider Props\n */\ninterface DividerProps {\n    appearance?: AppearanceProp;\n    borderStyle?: BorderStyle;\n    thickness?: number;\n    opacity?: number | string;\n    vertical?: boolean;\n}\nconst props = withDefaults(defineProps<DividerProps>(), {\n    appearance: \"default\",\n    borderStyle: \"solid\",\n    opacity: undefined,\n    thickness: 1,\n    vertical: false,\n});\n\nconst slots = useSlots();\nconst hasDefaultSlot = hasSlotWithContent(slots, \"default\");\n\nconst borderColor = computed(() => {\n    return props.appearance !== \"default\"\n        ? `var(--text-${props.appearance})`\n        : null;\n});\n\nconst borderOpacity = computed(() => {\n    if (!props.opacity) {\n        return null;\n    }\n    if (isIntegerish(props.opacity)) {\n        return +props.opacity / 100;\n    }\n    if (isCssVariable(props.opacity)) {\n        return `var(${props.opacity})`;\n    }\n    return null;\n});\n\nconst borderStyle = computed(() => {\n    return props.borderStyle !== \"solid\" ? props.borderStyle : null;\n});\n\nconst borderWidth = computed(() => {\n    return props.thickness > 1 ? props.thickness + \"px\" : null;\n});\n\nconst classNames = computed(() => {\n    return [\n        {\n            \"is-horizontal\": !props.vertical,\n            \"is-vertical\": props.vertical,\n        },\n        appearanceModifier(props.appearance, [Appearance.default]),\n    ];\n});\n</script>\n\n<template>\n    <div\n        v-if=\"hasDefaultSlot\"\n        class=\"ev-divider\"\n        role=\"separator\"\n        :class=\"classNames\">\n        <hr class=\"ev-divider--line\" />\n        <div class=\"ev-divider--content\"><slot /></div>\n        <hr class=\"ev-divider--line\" />\n    </div>\n    <hr v-else class=\"ev-divider\" role=\"separator\" :class=\"classNames\" />\n</template>\n\n<style>\n.ev-divider {\n    --border-color: v-bind(borderColor);\n    --border-opacity: v-bind(borderOpacity);\n    --border-style: v-bind(borderStyle);\n    --border-width: v-bind(borderWidth);\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,UAAM,QAAQ,SAAS;AACjB,UAAA,iBAAiB,mBAAmB,OAAO,SAAS;AAEpD,UAAA,cAAc,SAAS,MAAM;AAC/B,aAAO,MAAM,eAAe,YACtB,cAAc,MAAM,UAAU,MAC9B;AAAA,IAAA,CACT;AAEK,UAAA,gBAAgB,SAAS,MAAM;AAC7B,UAAA,CAAC,MAAM,SAAS;AACT,eAAA;AAAA,MAAA;AAEP,UAAA,aAAa,MAAM,OAAO,GAAG;AACtB,eAAA,CAAC,MAAM,UAAU;AAAA,MAAA;AAExB,UAAA,cAAc,MAAM,OAAO,GAAG;AACvB,eAAA,OAAO,MAAM,OAAO;AAAA,MAAA;AAExB,aAAA;AAAA,IAAA,CACV;AAEK,UAAA,cAAc,SAAS,MAAM;AAC/B,aAAO,MAAM,gBAAgB,UAAU,MAAM,cAAc;AAAA,IAAA,CAC9D;AAEK,UAAA,cAAc,SAAS,MAAM;AAC/B,aAAO,MAAM,YAAY,IAAI,MAAM,YAAY,OAAO;AAAA,IAAA,CACzD;AAEK,UAAA,aAAa,SAAS,MAAM;AACvB,aAAA;AAAA,QACH;AAAA,UACI,iBAAiB,CAAC,MAAM;AAAA,UACxB,eAAe,MAAM;AAAA,QACzB;AAAA,QACA,mBAAmB,MAAM,YAAY,CAAC,WAAW,OAAO,CAAC;AAAA,MAC7D;AAAA,IAAA,CACH;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/chunks/EvDrawer.vue_vue_type_script_setup_true_lang-KKorEK6t.mjs

@@ -0,0 +1,94 @@
+/*! Evance UI v1.0.36 | MIT License */
+import { provide, inject, defineComponent, computed, ref, createBlock, openBlock, unref, mergeProps, isRef, createSlots, renderList, withCtx, resolveDynamicComponent, normalizeProps, guardReactiveProps } from "vue";
+import { m as makeEvDialogProps, _ as _sfc_main$1 } from "./EvDialog.vue_vue_type_script_setup_true_lang-Dqbh-qtI.mjs";
+import { p as propsFactory } from "./props-2s59DNIa.mjs";
+import { o as omit, f as filterComponentProps } from "./helpers-BU9eM0b_.mjs";
+import { u as useModelProxy } from "./modelProxy-CZKYGR_7.mjs";
+const EvDrawerServiceSymbol = Symbol.for("ev:drawer-service");
+const EvDrawerInstanceSymbol = Symbol.for("ev:drawer-instance");
+function useDrawer() {
+  const service = inject(EvDrawerServiceSymbol);
+  if (!service) {
+    throw new Error("Evance UI: Unable to find injected drawer service");
+  }
+  return service;
+}
+function injectDrawer() {
+  return inject(EvDrawerInstanceSymbol);
+}
+function provideDrawer(instance) {
+  provide(EvDrawerInstanceSymbol, instance);
+}
+const makeEvDrawerProps = propsFactory(
+  {
+    position: {
+      type: String,
+      default: "left"
+    },
+    ...omit(makeEvDialogProps(), ["position"])
+  },
+  "EvDrawer"
+);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvDrawer",
+  props: {
+    ...makeEvDrawerProps()
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const dialogProps = computed(() => {
+      return omit(filterComponentProps(_sfc_main$1, props), ["position"]);
+    });
+    const isActive = useModelProxy(props, "modelValue");
+    const dialogRef = ref();
+    const positionClass = computed(() => {
+      return `is-position-${props.position}`;
+    });
+    const transition = computed(() => {
+      return `ev-drawer--transition-${props.position}`;
+    });
+    const overlayWidth = computed(() => {
+      if (props.position === "top" || props.position === "bottom") {
+        return "100%";
+      }
+      return props.width ?? "medium";
+    });
+    function close() {
+      isActive.value = false;
+    }
+    provideDrawer(props.__instance);
+    __expose({
+      close
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1), mergeProps({
+        ref_key: "dialogRef",
+        ref: dialogRef
+      }, dialogProps.value, {
+        modelValue: unref(isActive),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(isActive) ? isActive.value = $event : null),
+        class: ["ev-drawer", positionClass.value, props.class],
+        style: props.style,
+        transition: transition.value,
+        width: overlayWidth.value
+      }), createSlots({ _: 2 }, [
+        renderList(_ctx.$slots, (slot, name) => {
+          return {
+            name,
+            fn: withCtx((slotProps) => [
+              (openBlock(), createBlock(resolveDynamicComponent(slot), normalizeProps(guardReactiveProps(slotProps)), null, 16))
+            ])
+          };
+        })
+      ]), 1040, ["modelValue", "class", "style", "transition", "width"]);
+    };
+  }
+});
+export {
+  EvDrawerServiceSymbol as E,
+  _sfc_main as _,
+  injectDrawer as i,
+  makeEvDrawerProps as m,
+  useDrawer as u
+};
+//# sourceMappingURL=EvDrawer.vue_vue_type_script_setup_true_lang-KKorEK6t.mjs.map

package/dist/esm/chunks/EvDrawer.vue_vue_type_script_setup_true_lang-KKorEK6t.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDrawer.vue_vue_type_script_setup_true_lang-KKorEK6t.mjs","sources":["../../../src/composables/drawer.ts","../../../src/components/EvDrawer/EvDrawer.ts","../../../src/components/EvDrawer/EvDrawer.vue"],"sourcesContent":["import { inject, InjectionKey, provide } from \"vue\";\nimport { EvDrawerInstance } from \"@/components/EvDrawer/EvDrawerInstance\";\nimport { EvDrawerServiceOpener } from \"@/components/EvDrawer/EvDrawerServiceOpener\";\n\nexport const EvDrawerServiceSymbol: InjectionKey<EvDrawerServiceOpener> =\n    Symbol.for(\"ev:drawer-service\");\nexport const EvDrawerInstanceSymbol: InjectionKey<\n    EvDrawerInstance | undefined\n> = Symbol.for(\"ev:drawer-instance\");\n\n/**\n * # useDrawer\n *\n * Requires that the App has provided `EvDrawerService`.\n */\nexport function useDrawer(): EvDrawerServiceOpener {\n    const service = inject(EvDrawerServiceSymbol);\n    if (!service) {\n        throw new Error(\"Evance UI: Unable to find injected drawer service\");\n    }\n    return service;\n}\n\n/**\n * # injectDrawer\n */\nexport function injectDrawer(): EvDrawerInstance | undefined {\n    return inject(EvDrawerInstanceSymbol);\n}\n\n/**\n * # provideDrawer\n * @param instance\n */\nexport function provideDrawer(instance: EvDrawerInstance | undefined) {\n    provide(EvDrawerInstanceSymbol, instance);\n}\n","import { omit, PhysicalSide, propsFactory } from \"@/util\";\nimport { makeEvDialogProps } from \"@/components\";\nimport { PropType } from \"vue\";\n\nexport const makeEvDrawerProps = propsFactory(\n    {\n        position: {\n            type: String as PropType<PhysicalSide>,\n            default: \"left\",\n        },\n\n        ...omit(makeEvDialogProps(), [\"position\"]),\n    },\n    \"EvDrawer\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvDrawer.scss\";\nimport { EvDialog } from \"@/components/EvDialog\";\nimport { makeEvDrawerProps } from \"@/components/EvDrawer/EvDrawer\";\nimport { computed, ref } from \"vue\";\nimport { filterComponentProps, omit } from \"@/util\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { provideDrawer } from \"@/composables/drawer\";\n\nconst props = defineProps({\n    ...makeEvDrawerProps(),\n});\nconst dialogProps = computed(() => {\n    return omit(filterComponentProps(EvDialog, props), [\"position\"]);\n});\nconst isActive = useModelProxy(props, \"modelValue\");\nconst dialogRef = ref<typeof EvDialog>();\n\nconst positionClass = computed(() => {\n    return `is-position-${props.position}`;\n});\n\nconst transition = computed(() => {\n    return `ev-drawer--transition-${props.position}`;\n});\n\nconst overlayWidth = computed(() => {\n    if (props.position === \"top\" || props.position === \"bottom\") {\n        return \"100%\";\n    }\n    return props.width ?? \"medium\";\n});\n\n/**\n * ## Close\n */\nfunction close() {\n    isActive.value = false;\n}\n\nprovideDrawer(props.__instance);\n\ndefineExpose({\n    close,\n});\n</script>\n\n<template>\n    <ev-dialog\n        ref=\"dialogRef\"\n        v-bind=\"dialogProps\"\n        v-model=\"isActive\"\n        :class=\"['ev-drawer', positionClass, props.class]\"\n        :style=\"props.style\"\n        :transition=\"transition\"\n        :width=\"overlayWidth\">\n        <template\n            v-for=\"(slot, name) in $slots\"\n            :key=\"name\"\n            #[name]=\"slotProps\">\n            <component :is=\"slot\" v-bind=\"slotProps\" />\n        </template>\n    </ev-dialog>\n</template>\n"],"names":["EvDialog"],"mappings":";;;;;;AAIa,MAAA,wBACT,OAAO,IAAI,mBAAmB;AACrB,MAAA,yBAET,OAAO,IAAI,oBAAoB;AAO5B,SAAS,YAAmC;AACzC,QAAA,UAAU,OAAO,qBAAqB;AAC5C,MAAI,CAAC,SAAS;AACJ,UAAA,IAAI,MAAM,mDAAmD;AAAA,EAAA;AAEhE,SAAA;AACX;AAKO,SAAS,eAA6C;AACzD,SAAO,OAAO,sBAAsB;AACxC;AAMO,SAAS,cAAc,UAAwC;AAClE,UAAQ,wBAAwB,QAAQ;AAC5C;AChCO,MAAM,oBAAoB;AAAA,EAC7B;AAAA,IACI,UAAU;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IAEA,GAAG,KAAK,qBAAqB,CAAC,UAAU,CAAC;AAAA,EAC7C;AAAA,EACA;AACJ;;;;;;;;ACFM,UAAA,cAAc,SAAS,MAAM;AAC/B,aAAO,KAAK,qBAAqBA,aAAU,KAAK,GAAG,CAAC,UAAU,CAAC;AAAA,IAAA,CAClE;AACK,UAAA,WAAW,cAAc,OAAO,YAAY;AAClD,UAAM,YAAY,IAAqB;AAEjC,UAAA,gBAAgB,SAAS,MAAM;AAC1B,aAAA,eAAe,MAAM,QAAQ;AAAA,IAAA,CACvC;AAEK,UAAA,aAAa,SAAS,MAAM;AACvB,aAAA,yBAAyB,MAAM,QAAQ;AAAA,IAAA,CACjD;AAEK,UAAA,eAAe,SAAS,MAAM;AAChC,UAAI,MAAM,aAAa,SAAS,MAAM,aAAa,UAAU;AAClD,eAAA;AAAA,MAAA;AAEX,aAAO,MAAM,SAAS;AAAA,IAAA,CACzB;AAKD,aAAS,QAAQ;AACb,eAAS,QAAQ;AAAA,IAAA;AAGrB,kBAAc,MAAM,UAAU;AAEjB,aAAA;AAAA,MACT;AAAA,IAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/chunks/EvEmptyState.vue_vue_type_script_setup_true_lang-DCT34_Oc.mjs

@@ -0,0 +1,156 @@
+/*! Evance UI v1.0.36 | MIT License */
+import { defineComponent, useSlots, computed, mergeProps, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createCommentVNode, createBlock, renderSlot } from "vue";
+import { I as IconProp } from "./icons-Bd-Q-1Nq.mjs";
+import { m as makeComponentProps } from "./component-B7n8wpjB.mjs";
+import { p as propsFactory } from "./props-2s59DNIa.mjs";
+import { _ as _sfc_main$3 } from "./EvHeading.vue_vue_type_style_index_0_lang-Cn4zMVBS.mjs";
+import { _ as _sfc_main$4 } from "./EvText.vue_vue_type_style_index_0_lang-D-RgpNV3.mjs";
+import { _ as _sfc_main$5 } from "./EvButtonGroup.vue_vue_type_script_setup_true_lang-CYOEIlzc.mjs";
+import { _ as _sfc_main$2 } from "./EvIcon.vue_vue_type_style_index_0_lang-CnNH8Bfs.mjs";
+import { _ as _sfc_main$1 } from "./EvImg.vue_vue_type_script_setup_true_lang-B4YA61CG.mjs";
+import { s as sizeModifier } from "./modifiers-BVTtETUg.mjs";
+const makeEvEmptyStateProps = propsFactory(
+  {
+    actions: {
+      type: Array,
+      default: () => []
+    },
+    icon: IconProp,
+    iconProps: {
+      type: Object,
+      default: () => ({})
+    },
+    image: String,
+    imageProps: {
+      type: Object,
+      default: () => ({})
+    },
+    size: {
+      type: String,
+      default: "large"
+    },
+    title: String,
+    titleProps: {
+      type: Object,
+      default: () => ({})
+    },
+    subtitle: String,
+    subtitleProps: {
+      type: Object,
+      default: () => ({})
+    },
+    ...makeComponentProps()
+  },
+  "EvEmptyState"
+);
+const _hoisted_1 = {
+  key: 0,
+  class: "ev-empty-state--media"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "ev-empty-state--heading text-width-readable"
+};
+const _hoisted_3 = {
+  key: 2,
+  class: "ev-empty-state--content"
+};
+const _hoisted_4 = {
+  key: 3,
+  class: "ev-empty-state--actions"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvEmptyState",
+  props: { ...makeEvEmptyStateProps() },
+  setup(__props) {
+    const props = __props;
+    const slots = useSlots();
+    const sizes = {
+      small: "medium",
+      medium: "large",
+      large: "x-large"
+    };
+    const buttonSizes = {
+      small: "x-small",
+      medium: "small",
+      large: "medium"
+    };
+    const imgSizes = {
+      small: 120,
+      medium: 180,
+      large: 240
+    };
+    const actionProps = computed(() => ({
+      appearance: "primary",
+      size: buttonSizes[props.size]
+    }));
+    const headingProps = computed(
+      () => mergeProps({ size: sizes[props.size] }, props.titleProps)
+    );
+    const subtitleProps = computed(
+      () => mergeProps({ size: sizes[props.size] }, props.subtitleProps)
+    );
+    const iconProps = computed(
+      () => mergeProps(
+        { appearance: "primary", size: sizes[props.size] },
+        props.iconProps
+      )
+    );
+    const imageProps = computed(
+      () => mergeProps({ height: imgSizes[props.size] }, props.imageProps)
+    );
+    const hasMedia = computed(() => !!slots.media || !!props.icon || !!props.image);
+    const hasHeading = computed(() => !!props.title || !!props.subtitle);
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "ev-empty-state",
+          props.class,
+          unref(sizeModifier)(props.size, ["medium"])
+        ]),
+        style: normalizeStyle(props.style)
+      }, [
+        hasMedia.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          renderSlot(_ctx.$slots, "media", {}, () => [
+            props.image ? (openBlock(), createBlock(unref(_sfc_main$1), mergeProps({ key: 0 }, imageProps.value, {
+              src: props.image
+            }), null, 16, ["src"])) : props.icon ? (openBlock(), createBlock(unref(_sfc_main$2), mergeProps({ key: 1 }, iconProps.value, {
+              glyph: props.icon
+            }), null, 16, ["glyph"])) : createCommentVNode("", true)
+          ])
+        ])) : createCommentVNode("", true),
+        hasHeading.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          props.title ? (openBlock(), createBlock(unref(_sfc_main$3), mergeProps({
+            key: 0,
+            class: "ev-empty-state--title"
+          }, headingProps.value, {
+            text: props.title
+          }), null, 16, ["text"])) : createCommentVNode("", true),
+          props.title ? (openBlock(), createBlock(unref(_sfc_main$4), mergeProps({
+            key: 1,
+            class: "ev-empty-state--subtitle"
+          }, subtitleProps.value, {
+            text: props.subtitle
+          }), null, 16, ["text"])) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
+        unref(slots).default ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          renderSlot(_ctx.$slots, "default")
+        ])) : createCommentVNode("", true),
+        unref(slots).actions ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          renderSlot(_ctx.$slots, "actions")
+        ])) : ((_a = props.actions) == null ? void 0 : _a.length) ? (openBlock(), createBlock(unref(_sfc_main$5), mergeProps({
+          key: 4,
+          class: "ev-empty-state--actions"
+        }, actionProps.value, {
+          items: props.actions
+        }), null, 16, ["items"])) : createCommentVNode("", true)
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvEmptyStateProps as m
+};
+//# sourceMappingURL=EvEmptyState.vue_vue_type_script_setup_true_lang-DCT34_Oc.mjs.map

package/dist/esm/chunks/EvEmptyState.vue_vue_type_script_setup_true_lang-DCT34_Oc.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvEmptyState.vue_vue_type_script_setup_true_lang-DCT34_Oc.mjs","sources":["../../../src/components/EvEmptyState/EvEmptyState.ts","../../../src/components/EvEmptyState/EvEmptyState.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables\";\nimport { PropType } from \"vue\";\nimport { EvButtonProps } from \"@/components/EvButton\";\nimport { EvHeadingProps } from \"@/components/EvHeading\";\nimport { EvTextProps } from \"@/components/EvText\";\nimport { IconProp, IconValue } from \"@/composables/icons\";\nimport { EvIconProps } from \"@/components/EvIcon\";\nimport { EvImgProps } from \"@/components/EvImg\";\nimport { ComponentProps } from \"@/composables/component\";\n\nexport interface EvEmptyStateProps extends ComponentProps {\n    actions?: EvButtonProps[];\n    icon?: IconValue;\n    iconProps?: EvIconProps;\n    image?: string;\n    imageProps?: EvImgProps;\n    size?: \"small\" | \"medium\" | \"large\";\n    title?: string;\n    titleProps?: EvHeadingProps;\n    subtitle?: string;\n    subtitleProps?: EvTextProps;\n}\n\n/**\n * @todo: add a `size` prop\n */\n\nexport const makeEvEmptyStateProps = propsFactory(\n    {\n        actions: {\n            type: Array as PropType<readonly EvButtonProps[]>,\n            default: () => [],\n        },\n        icon: IconProp,\n        iconProps: {\n            type: Object as PropType<EvIconProps>,\n            default: () => ({}),\n        },\n        image: String,\n        imageProps: {\n            type: Object as PropType<EvImgProps>,\n            default: () => ({}),\n        },\n        size: {\n            type: String as PropType<EvEmptyStateProps[\"size\"]>,\n            default: \"large\",\n        },\n        title: String,\n        titleProps: {\n            type: Object as PropType<EvHeadingProps>,\n            default: () => ({}),\n        },\n        subtitle: String,\n        subtitleProps: {\n            type: Object as PropType<EvTextProps>,\n            default: () => ({}),\n        },\n        ...makeComponentProps(),\n    },\n    \"EvEmptyState\",\n);","<script setup lang=\"ts\">\nimport \"./EvEmptyState.scss\";\nimport { makeEvEmptyStateProps } from \"./EvEmptyState\";\nimport { EvHeading } from \"@/components/EvHeading\";\nimport { EvText } from \"@/components/EvText\";\nimport { EvButtonGroup } from \"@/components/EvButtonGroup\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { computed, mergeProps } from \"vue\";\nimport { EvImg } from \"@/components/EvImg\";\nimport { sizeModifier } from \"@/util\";\nimport { EvButtonProps } from \"@/components/EvButton\";\n\nconst props = defineProps({ ...makeEvEmptyStateProps() });\nconst slots = defineSlots<{\n    default(): never;\n    actions(): never;\n    media(): never;\n}>();\n\nconst sizes = {\n    small: \"medium\",\n    medium: \"large\",\n    large: \"x-large\",\n};\n\nconst buttonSizes = {\n    small: \"x-small\",\n    medium: \"small\",\n    large: \"medium\",\n};\n\nconst imgSizes = {\n    small: 120,\n    medium: 180,\n    large: 240,\n};\n\nconst actionProps = computed(() => ({\n    appearance: \"primary\" as const,\n    size: buttonSizes[props.size],\n}));\n\nconst headingProps = computed(() =>\n    mergeProps({ size: sizes[props.size] }, props.titleProps),\n);\n\nconst subtitleProps = computed(() =>\n    mergeProps({ size: sizes[props.size] }, props.subtitleProps),\n);\n\nconst iconProps = computed(() =>\n    mergeProps(\n        { appearance: \"primary\", size: sizes[props.size] },\n        props.iconProps,\n    ),\n);\n\nconst imageProps = computed(() =>\n    mergeProps({ height: imgSizes[props.size] }, props.imageProps),\n);\n\nconst hasMedia = computed(() => !!slots.media || !!props.icon || !!props.image);\nconst hasHeading = computed(() => !!props.title || !!props.subtitle);\n\n</script>\n\n<template>\n    <div\n        :class=\"[\n            'ev-empty-state',\n            props.class,\n            sizeModifier(props.size, ['medium']),\n        ]\"\n        :style=\"props.style\">\n        <div v-if=\"hasMedia\" class=\"ev-empty-state--media\">\n            <slot name=\"media\">\n                <ev-img\n                    v-if=\"props.image\"\n                    v-bind=\"imageProps\"\n                    :src=\"props.image\" />\n                <ev-icon\n                    v-else-if=\"props.icon\"\n                    v-bind=\"iconProps\"\n                    :glyph=\"props.icon\" />\n            </slot>\n        </div>\n\n        <div\n            v-if=\"hasHeading\"\n            class=\"ev-empty-state--heading text-width-readable\">\n            <ev-heading\n                v-if=\"props.title\"\n                class=\"ev-empty-state--title\"\n                v-bind=\"headingProps\"\n                :text=\"props.title\" />\n\n            <ev-text\n                v-if=\"props.title\"\n                class=\"ev-empty-state--subtitle\"\n                v-bind=\"subtitleProps\"\n                :text=\"props.subtitle\" />\n        </div>\n\n        <div v-if=\"slots.default\" class=\"ev-empty-state--content\">\n            <slot />\n        </div>\n\n        <div v-if=\"slots.actions\" class=\"ev-empty-state--actions\">\n            <slot name=\"actions\" />\n        </div>\n        <ev-button-group\n            v-else-if=\"props.actions?.length\"\n            class=\"ev-empty-state--actions\"\n            v-bind=\"actionProps as EvButtonProps\"\n            :items=\"props.actions\" />\n    </div>\n</template>\n"],"names":["_useSlots"],"mappings":";;;;;;;;;;;AA4BO,MAAM,wBAAwB;AAAA,EACjC;AAAA,IACI,SAAS;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IACnB;AAAA,IACA,MAAM;AAAA,IACN,WAAW;AAAA,MACP,MAAM;AAAA,MACN,SAAS,OAAO,CAAC;AAAA,IACrB;AAAA,IACA,OAAO;AAAA,IACP,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAAS,OAAO,CAAC;AAAA,IACrB;AAAA,IACA,MAAM;AAAA,MACF,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,OAAO;AAAA,IACP,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAAS,OAAO,CAAC;AAAA,IACrB;AAAA,IACA,UAAU;AAAA,IACV,eAAe;AAAA,MACX,MAAM;AAAA,MACN,SAAS,OAAO,CAAC;AAAA,IACrB;AAAA,IACA,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;;;;;;;;;;;;;;;;;AChDA,UAAM,QAAQA;AAMd,UAAM,QAAQ;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,IACX;AAEA,UAAM,cAAc;AAAA,MAChB,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,IACX;AAEA,UAAM,WAAW;AAAA,MACb,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,IACX;AAEM,UAAA,cAAc,SAAS,OAAO;AAAA,MAChC,YAAY;AAAA,MACZ,MAAM,YAAY,MAAM,IAAI;AAAA,IAAA,EAC9B;AAEF,UAAM,eAAe;AAAA,MAAS,MAC1B,WAAW,EAAE,MAAM,MAAM,MAAM,IAAI,EAAA,GAAK,MAAM,UAAU;AAAA,IAC5D;AAEA,UAAM,gBAAgB;AAAA,MAAS,MAC3B,WAAW,EAAE,MAAM,MAAM,MAAM,IAAI,EAAA,GAAK,MAAM,aAAa;AAAA,IAC/D;AAEA,UAAM,YAAY;AAAA,MAAS,MACvB;AAAA,QACI,EAAE,YAAY,WAAW,MAAM,MAAM,MAAM,IAAI,EAAE;AAAA,QACjD,MAAM;AAAA,MAAA;AAAA,IAEd;AAEA,UAAM,aAAa;AAAA,MAAS,MACxB,WAAW,EAAE,QAAQ,SAAS,MAAM,IAAI,EAAA,GAAK,MAAM,UAAU;AAAA,IACjE;AAEA,UAAM,WAAW,SAAS,MAAM,CAAC,CAAC,MAAM,SAAS,CAAC,CAAC,MAAM,QAAQ,CAAC,CAAC,MAAM,KAAK;AACxE,UAAA,aAAa,SAAS,MAAM,CAAC,CAAC,MAAM,SAAS,CAAC,CAAC,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/chunks/EvErrors.vue_vue_type_script_setup_true_lang-kHnT6vvI.mjs

@@ -0,0 +1,55 @@
+/*! Evance UI v1.0.36 | MIT License */
+import { defineComponent, computed, createBlock, openBlock, TransitionGroup, normalizeStyle, normalizeClass, withCtx, createElementBlock, Fragment, renderList, toDisplayString } from "vue";
+import { m as makeComponentProps } from "./component-B7n8wpjB.mjs";
+import { p as propsFactory } from "./props-2s59DNIa.mjs";
+import { w as wrapInArray } from "./helpers-BU9eM0b_.mjs";
+const makeEvErrorsProps = propsFactory(
+  {
+    active: Boolean,
+    messages: {
+      type: [Array, String],
+      default: () => []
+    },
+    ...makeComponentProps()
+  },
+  "EvErrors"
+);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvErrors",
+  props: {
+    ...makeEvErrorsProps()
+  },
+  setup(__props) {
+    const props = __props;
+    const messages = computed(() => {
+      return wrapInArray(props.messages);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(TransitionGroup, {
+        appear: "",
+        tag: "div",
+        class: normalizeClass(["ev-errors", props.class]),
+        style: normalizeStyle(props.style),
+        name: "list",
+        role: "alert",
+        "aria-live": "polite"
+      }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(messages.value, (message, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: message,
+              class: "ev-errors--message",
+              style: normalizeStyle(`--animation-order: ${index}`)
+            }, toDisplayString(message), 5);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["class", "style"]);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvErrorsProps as m
+};
+//# sourceMappingURL=EvErrors.vue_vue_type_script_setup_true_lang-kHnT6vvI.mjs.map

package/dist/esm/chunks/EvErrors.vue_vue_type_script_setup_true_lang-kHnT6vvI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvErrors.vue_vue_type_script_setup_true_lang-kHnT6vvI.mjs","sources":["../../../src/components/EvErrors/EvErrors.ts","../../../src/components/EvErrors/EvErrors.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { PropType } from \"vue\";\n\nexport const makeEvErrorsProps = propsFactory(\n    {\n        active: Boolean,\n        messages: {\n            type: [Array, String] as PropType<string | readonly string[]>,\n            default: () => [],\n        },\n\n        ...makeComponentProps(),\n    },\n    \"EvErrors\",\n);\n","<script setup lang=\"ts\">\n/**\n * # EvErrors\n */\nimport \"./EvErrors.scss\";\nimport { makeEvErrorsProps } from \"./EvErrors\";\nimport { computed } from \"vue\";\nimport { wrapInArray } from \"@/util\";\n\nconst props = defineProps({\n    ...makeEvErrorsProps(),\n});\n\nconst messages = computed(() => {\n    return wrapInArray(props.messages);\n});\n</script>\n\n<template>\n    <TransitionGroup\n        appear\n        tag=\"div\"\n        :class=\"['ev-errors', props.class]\"\n        :style=\"props.style\"\n        name=\"list\"\n        role=\"alert\"\n        aria-live=\"polite\">\n        <div\n            v-for=\"(message, index) in messages\"\n            :key=\"message\"\n            class=\"ev-errors--message\"\n            :style=\"`--animation-order: ${index}`\">\n            {{ message }}\n        </div>\n    </TransitionGroup>\n</template>\n"],"names":[],"mappings":";;;;;AAIO,MAAM,oBAAoB;AAAA,EAC7B;AAAA,IACI,QAAQ;AAAA,IACR,UAAU;AAAA,MACN,MAAM,CAAC,OAAO,MAAM;AAAA,MACpB,SAAS,MAAM,CAAA;AAAA,IACnB;AAAA,IAEA,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;;;ACFM,UAAA,WAAW,SAAS,MAAM;AACrB,aAAA,YAAY,MAAM,QAAQ;AAAA,IAAA,CACpC;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/chunks/EvEyebrow.vue_vue_type_script_setup_true_lang-C9qSVeQT.mjs

@@ -0,0 +1,44 @@
+/*! Evance UI v1.0.36 | MIT License */
+import { defineComponent, useSlots, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, unref, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { m as makeComponentProps } from "./component-B7n8wpjB.mjs";
+import { m as makeTagProps } from "./tag-4PAUDCGP.mjs";
+import { m as makeTextAppearanceProps, a as useTextAppearance } from "./appearance-n5ZZbaNU.mjs";
+import { p as propsFactory } from "./props-2s59DNIa.mjs";
+const makeEvEyebrowProps = propsFactory(
+  {
+    text: String,
+    ...makeTextAppearanceProps(),
+    ...makeTagProps({
+      tag: "p"
+    }),
+    ...makeComponentProps()
+  },
+  "EvEyebrow"
+);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvEyebrow",
+  props: { ...makeEvEyebrowProps() },
+  setup(__props) {
+    const props = __props;
+    useSlots();
+    const { appearanceClass } = useTextAppearance(props);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(props.tag), {
+        class: normalizeClass(["ev-eyebrow", "text-eyebrow", unref(appearanceClass), props.class]),
+        style: normalizeStyle(props.style)
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(props.text), 1)
+          ])
+        ]),
+        _: 3
+      }, 8, ["class", "style"]);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvEyebrowProps as m
+};
+//# sourceMappingURL=EvEyebrow.vue_vue_type_script_setup_true_lang-C9qSVeQT.mjs.map

package/dist/esm/chunks/EvEyebrow.vue_vue_type_script_setup_true_lang-C9qSVeQT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvEyebrow.vue_vue_type_script_setup_true_lang-C9qSVeQT.mjs","sources":["../../../src/components/EvEyebrow/EvEyebrow.ts","../../../src/components/EvEyebrow/EvEyebrow.vue"],"sourcesContent":["import { makeTextAppearanceProps, propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeTagProps } from \"@/composables/tag\";\n\nexport const makeEvEyebrowProps = propsFactory(\n    {\n        text: String,\n        ...makeTextAppearanceProps(),\n        ...makeTagProps({\n            tag: \"p\",\n        }),\n        ...makeComponentProps(),\n    },\n    \"EvEyebrow\",\n);","<script setup lang=\"ts\">\nimport \"./EvEyebrow.scss\";\nimport { makeEvEyebrowProps } from \"./EvEyebrow\";\nimport { useTextAppearance } from \"@/util\";\n\nconst props = defineProps({ ...makeEvEyebrowProps() });\n\nconst slots = defineSlots<{\n    default(): never;\n}>();\n\nconst { appearanceClass } = useTextAppearance(props);\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        :class=\"['ev-eyebrow', 'text-eyebrow', appearanceClass, props.class]\"\n        :style=\"props.style\">\n        <slot>{{ props.text }}</slot>\n    </component>\n</template>\n"],"names":["_useSlots"],"mappings":";;;;;;AAIO,MAAM,qBAAqB;AAAA,EAC9B;AAAA,IACI,MAAM;AAAA,IACN,GAAG,wBAAwB;AAAA,IAC3B,GAAG,aAAa;AAAA,MACZ,KAAK;AAAA,IAAA,CACR;AAAA,IACD,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;ACPcA;AAId,UAAM,EAAE,gBAAA,IAAoB,kBAAkB,KAAK;;;;;;;;;;;;;;;;"}

package/dist/esm/chunks/EvFieldHelp.vue_vue_type_script_setup_true_lang-D28qgTGk.mjs

@@ -0,0 +1,65 @@
+/*! Evance UI v1.0.36 | MIT License */
+import { defineComponent, computed, useSlots, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, renderSlot } from "vue";
+import { m as makeComponentProps } from "./component-B7n8wpjB.mjs";
+import { p as propsFactory } from "./props-2s59DNIa.mjs";
+import { u as useDefaults, p as provideDefaults } from "./defaults-SKkFTMsW.mjs";
+import { u as useDisplay } from "./display-DolNId50.mjs";
+const makeEvFieldHelpProps = propsFactory(
+  {
+    breakpoint: String,
+    ...makeComponentProps()
+  },
+  "EvFieldHelp"
+);
+const _hoisted_1 = { class: "ev-field-help--field" };
+const _hoisted_2 = ["hidden"];
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("div", { class: "ev-field-help--pointer" }, [
+  /* @__PURE__ */ createElementVNode("div", { class: "ev-field-help--pointer-circle" }),
+  /* @__PURE__ */ createElementVNode("div", { class: "ev-field-help--pointer-line" })
+], -1);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvFieldHelp",
+  props: { ...makeEvFieldHelpProps() },
+  setup(__props) {
+    const definedProps = __props;
+    const props = useDefaults(definedProps);
+    const display = useDisplay();
+    const breakpoint = computed(() => {
+      return props.breakpoint ?? "md";
+    });
+    useSlots();
+    provideDefaults({
+      EvCardContent: {
+        size: "small"
+      }
+    });
+    const isShow = computed(() => {
+      var _a;
+      console.log(breakpoint.value);
+      const displayRule = `${breakpoint.value}Up`;
+      return ((_a = display[displayRule]) == null ? void 0 : _a.value) ?? false;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["ev-field-help", { "is-visible": isShow.value }, unref(props).class]),
+        style: normalizeStyle(unref(props).style)
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          renderSlot(_ctx.$slots, "field")
+        ]),
+        createElementVNode("div", {
+          class: "ev-field-help--content",
+          hidden: !isShow.value
+        }, [
+          _hoisted_3,
+          renderSlot(_ctx.$slots, "help")
+        ], 8, _hoisted_2)
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvFieldHelpProps as m
+};
+//# sourceMappingURL=EvFieldHelp.vue_vue_type_script_setup_true_lang-D28qgTGk.mjs.map

package/dist/esm/chunks/EvFieldHelp.vue_vue_type_script_setup_true_lang-D28qgTGk.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvFieldHelp.vue_vue_type_script_setup_true_lang-D28qgTGk.mjs","sources":["../../../src/components/EvFieldHelp/EvFieldHelp.ts","../../../src/components/EvFieldHelp/EvFieldHelp.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { PropType } from \"vue\";\nimport { Breakpoint } from \"@/composables/display\";\n\nexport const makeEvFieldHelpProps = propsFactory(\n    {\n        breakpoint: String as PropType<Breakpoint>,\n        ...makeComponentProps(),\n    },\n    \"EvFieldHelp\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvFieldHelp.scss\";\nimport { makeEvFieldHelpProps } from \"./EvFieldHelp\";\nimport { provideDefaults, useDefaults } from \"@/composables/defaults\";\nimport { useDisplay } from \"@/composables\";\nimport { computed } from \"vue\";\n\nconst definedProps = defineProps({ ...makeEvFieldHelpProps() });\nconst props = useDefaults(definedProps);\nconst display = useDisplay();\n\nconst breakpoint = computed(() => {\n    return props.breakpoint ?? \"md\";\n});\n\nconst slots = defineSlots<{\n    field(): never;\n    help(): never;\n}>();\n\nprovideDefaults({\n    EvCardContent: {\n        size: \"small\",\n    },\n});\n\nconst isShow = computed(() => {\n    console.log(breakpoint.value);\n    const displayRule = `${breakpoint.value}Up`;\n    return display[displayRule]?.value ?? false;\n});\n</script>\n\n<template>\n    <div\n        :class=\"['ev-field-help', { 'is-visible': isShow }, props.class]\"\n        :style=\"props.style\">\n        <div class=\"ev-field-help--field\">\n            <slot name=\"field\" />\n        </div>\n        <div class=\"ev-field-help--content\" :hidden=\"!isShow\">\n            <div class=\"ev-field-help--pointer\">\n                <div class=\"ev-field-help--pointer-circle\"></div>\n                <div class=\"ev-field-help--pointer-line\"></div>\n            </div>\n            <slot name=\"help\" />\n        </div>\n    </div>\n</template>\n"],"names":["_useSlots"],"mappings":";;;;;;AAKO,MAAM,uBAAuB;AAAA,EAChC;AAAA,IACI,YAAY;AAAA,IACZ,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;;;;;;;ACHM,UAAA,QAAQ,YAAY,YAAY;AACtC,UAAM,UAAU,WAAW;AAErB,UAAA,aAAa,SAAS,MAAM;AAC9B,aAAO,MAAM,cAAc;AAAA,IAAA,CAC9B;AAEaA;AAKE,oBAAA;AAAA,MACZ,eAAe;AAAA,QACX,MAAM;AAAA,MAAA;AAAA,IACV,CACH;AAEK,UAAA,SAAS,SAAS,MAAM;;AAClB,cAAA,IAAI,WAAW,KAAK;AACtB,YAAA,cAAc,GAAG,WAAW,KAAK;AAChC,eAAA,aAAQ,WAAW,MAAnB,mBAAsB,UAAS;AAAA,IAAA,CACzC;;;;;;;;;;;;;;;;;;;;"}