@evance/evance-ui 1.0.8 → 1.0.10

package/dist/esm/defaults-BzA2jgnm.mjs

@@ -1,134 +0,0 @@
-/*! Evance UI v1.0.8 | MIT License */
-import { ref, computed, unref, provide, inject, shallowRef, watchEffect } from "vue";
-import { g as getCurrentComponent } from "./components-DrfWf1x8.mjs";
-import { m as mergeDeep } from "./helpers-CVFyfHL3.mjs";
-import { b as toKebabCase } from "./strings-Cl8p6Z5U.mjs";
-function injectSelf(key, component = getCurrentComponent("injectSelf")) {
-  const { provides } = component;
-  if (provides && key in provides) {
-    return provides[key];
-  }
-  return void 0;
-}
-const DefaultsSymbol = Symbol.for("ev:defaults");
-function createDefaults(options) {
-  return ref(options);
-}
-function injectDefaults() {
-  const defaults = inject(DefaultsSymbol);
-  if (!defaults) {
-    throw new Error("Evance UI: Could not find defaults instance");
-  }
-  return defaults;
-}
-function provideDefaults(defaults, options) {
-  const injectedDefaults = injectDefaults();
-  const providedDefaults = ref(defaults);
-  const newDefaults = computed(() => {
-    const disabled = unref(options == null ? void 0 : options.disabled);
-    if (disabled) {
-      return injectedDefaults.value;
-    }
-    const scoped = unref(options == null ? void 0 : options.scoped);
-    const reset = unref(options == null ? void 0 : options.reset);
-    const root = unref(options == null ? void 0 : options.root);
-    if (providedDefaults.value == null && !(scoped || reset || root)) {
-      return injectedDefaults.value;
-    }
-    let properties = mergeDeep(providedDefaults.value, {
-      previous: injectedDefaults.value
-    });
-    if (scoped) {
-      return properties;
-    }
-    if (reset || root) {
-      const len = Number(reset || Infinity);
-      for (let i = 0; i <= len; i++) {
-        if (!properties || !("previous" in properties)) {
-          break;
-        }
-        properties = properties.previous;
-      }
-      if (properties && typeof root === "string" && root in properties) {
-        properties = mergeDeep(
-          mergeDeep(properties, { previous: properties }),
-          properties[root]
-        );
-      }
-      return properties;
-    }
-    return properties.previous ? mergeDeep(properties.previous, properties) : properties;
-  });
-  provide(DefaultsSymbol, newDefaults);
-  return newDefaults;
-}
-function propIsDefined(vnode, prop) {
-  var _a, _b;
-  return typeof ((_a = vnode.props) == null ? void 0 : _a[prop]) !== "undefined" || typeof ((_b = vnode.props) == null ? void 0 : _b[toKebabCase(prop)]) !== "undefined";
-}
-function internalUseDefaults(props = {}, name, defaults = injectDefaults()) {
-  const component = getCurrentComponent("useDefaults");
-  name = name ?? component.type.name ?? component.type.__name;
-  if (!name) {
-    throw new Error("Evance UI: Could not determine component name");
-  }
-  const componentDefaults = computed(
-    () => {
-      var _a;
-      return (_a = defaults.value) == null ? void 0 : _a[props._as ?? name];
-    }
-  );
-  const internalProps = new Proxy(props, {
-    get(target, prop) {
-      var _a, _b, _c, _d;
-      const propValue = Reflect.get(target, prop);
-      if (prop === "class" || prop === "style") {
-        return [(_a = componentDefaults.value) == null ? void 0 : _a[prop], propValue].filter(
-          (v) => v != null
-        );
-      } else if (typeof prop === "string" && !propIsDefined(component.vnode, prop)) {
-        return ((_b = componentDefaults.value) == null ? void 0 : _b[prop]) ?? ((_d = (_c = defaults.value) == null ? void 0 : _c.global) == null ? void 0 : _d[prop]) ?? propValue;
-      }
-      return propValue;
-    }
-  });
-  const subcomponentDefaults = shallowRef();
-  watchEffect(() => {
-    if (componentDefaults.value) {
-      const subComponents = Object.entries(
-        componentDefaults.value
-      ).filter(([key]) => key.startsWith(key[0].toUpperCase()));
-      subcomponentDefaults.value = subComponents.length ? Object.fromEntries(subComponents) : void 0;
-    } else {
-      subcomponentDefaults.value = void 0;
-    }
-  });
-  function provideSubDefaults() {
-    const injected = injectSelf(DefaultsSymbol, component);
-    provide(
-      DefaultsSymbol,
-      computed(() => {
-        return subcomponentDefaults.value ? mergeDeep(
-          (injected == null ? void 0 : injected.value) ?? {},
-          subcomponentDefaults.value
-        ) : injected == null ? void 0 : injected.value;
-      })
-    );
-  }
-  return { props: internalProps, provideSubDefaults };
-}
-function useDefaults(props = {}, name) {
-  const { props: _props, provideSubDefaults } = internalUseDefaults(
-    props,
-    name
-  );
-  provideSubDefaults();
-  return _props;
-}
-export {
-  DefaultsSymbol as D,
-  createDefaults as c,
-  provideDefaults as p,
-  useDefaults as u
-};
-//# sourceMappingURL=defaults-BzA2jgnm.mjs.map

package/dist/esm/defaults-BzA2jgnm.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaults-BzA2jgnm.mjs","sources":["../../src/util/injectSelf.ts","../../src/composables/defaults.ts"],"sourcesContent":["// Utilities\n\n// Types\nimport type { ComponentInternalInstance, InjectionKey } from \"vue\";\nimport { getCurrentComponent } from \"@/util/components\";\n\nexport function injectSelf<T>(\n    key: InjectionKey<T> | string,\n    vm?: ComponentInternalInstance,\n): T | undefined;\nexport function injectSelf(\n    key: InjectionKey<any> | string,\n    component = getCurrentComponent(\"injectSelf\"),\n) {\n    const { provides } = component as { provides?: any };\n\n    if (provides && (key as string | symbol) in provides) {\n        // TS doesn't allow symbol as index type\n        return provides[key as string];\n    }\n    return undefined;\n}\n","import {\n    computed,\n    ComputedRef,\n    inject,\n    InjectionKey,\n    MaybeRef,\n    provide,\n    ref,\n    Ref,\n    shallowRef,\n    unref,\n    VNode,\n    watchEffect,\n} from \"vue\";\nimport {\n    getCurrentComponent,\n    injectSelf,\n    mergeDeep,\n    toKebabCase,\n} from \"@/util\";\n\nexport type DefaultsInstance =\n    | undefined\n    | {\n          [key: string]: undefined | Record<string, unknown>;\n          global?: Record<string, unknown>;\n      };\n\nexport type DefaultsOptions = Partial<DefaultsInstance>;\n\nexport const DefaultsSymbol: InjectionKey<Ref<DefaultsInstance>> =\n    Symbol.for(\"ev:defaults\");\n\n/**\n * # createDefaults\n * @param options\n */\nexport function createDefaults(\n    options?: DefaultsInstance,\n): Ref<DefaultsInstance> {\n    return ref(options);\n}\n\n/**\n * # injectDefaults\n */\nexport function injectDefaults() {\n    const defaults = inject(DefaultsSymbol);\n    if (!defaults) {\n        throw new Error(\"Evance UI: Could not find defaults instance\");\n    }\n    return defaults;\n}\n\n/**\n * # provideDefaults\n * @param defaults\n * @param options\n */\nexport function provideDefaults(\n    defaults?: MaybeRef<DefaultsInstance | undefined>,\n    options?: {\n        disabled?: MaybeRef<boolean | undefined>;\n        reset?: MaybeRef<number | string | undefined>;\n        root?: MaybeRef<boolean | string | undefined>;\n        scoped?: MaybeRef<boolean | undefined>;\n    },\n) {\n    const injectedDefaults = injectDefaults();\n    const providedDefaults = ref(defaults);\n\n    const newDefaults = computed(() => {\n        const disabled = unref(options?.disabled);\n        if (disabled) {\n            return injectedDefaults.value;\n        }\n\n        const scoped = unref(options?.scoped);\n        const reset = unref(options?.reset);\n        const root = unref(options?.root);\n\n        if (providedDefaults.value == null && !(scoped || reset || root)) {\n            return injectedDefaults.value;\n        }\n\n        let properties = mergeDeep(providedDefaults.value, {\n            previous: injectedDefaults.value,\n        });\n\n        if (scoped) {\n            return properties;\n        }\n\n        if (reset || root) {\n            const len = Number(reset || Infinity);\n\n            for (let i = 0; i <= len; i++) {\n                if (!properties || !(\"previous\" in properties)) {\n                    break;\n                }\n                properties = properties.previous;\n            }\n\n            if (properties && typeof root === \"string\" && root in properties) {\n                properties = mergeDeep(\n                    mergeDeep(properties, { previous: properties }),\n                    properties[root],\n                );\n            }\n\n            return properties;\n        }\n\n        return properties.previous\n            ? mergeDeep(properties.previous, properties)\n            : properties;\n    }) as ComputedRef<DefaultsInstance>;\n\n    provide(DefaultsSymbol, newDefaults);\n    return newDefaults;\n}\n\n/**\n * # propIsDefined\n * @param vnode\n * @param prop\n */\nfunction propIsDefined(vnode: VNode, prop: string) {\n    return (\n        typeof vnode.props?.[prop] !== \"undefined\" ||\n        typeof vnode.props?.[toKebabCase(prop)] !== \"undefined\"\n    );\n}\n\n/**\n * # internalUseDefaults\n * @param props\n * @param name\n * @param defaults\n */\nexport function internalUseDefaults(\n    props: Record<string, any> = {},\n    name?: string,\n    defaults = injectDefaults(),\n) {\n    const component = getCurrentComponent(\"useDefaults\");\n\n    name = name ?? component.type.name ?? component.type.__name;\n    if (!name) {\n        throw new Error(\"Evance UI: Could not determine component name\");\n    }\n\n    const componentDefaults = computed(\n        () => defaults.value?.[props._as ?? name],\n    );\n    const internalProps = new Proxy(props, {\n        get(target, prop) {\n            const propValue = Reflect.get(target, prop);\n            if (prop === \"class\" || prop === \"style\") {\n                return [componentDefaults.value?.[prop], propValue].filter(\n                    (v) => v != null,\n                );\n            } else if (\n                typeof prop === \"string\" &&\n                !propIsDefined(component.vnode, prop)\n            ) {\n                return (\n                    componentDefaults.value?.[prop] ??\n                    defaults.value?.global?.[prop] ??\n                    propValue\n                );\n            }\n            return propValue;\n        },\n    });\n\n    const subcomponentDefaults = shallowRef();\n    watchEffect(() => {\n        if (componentDefaults.value) {\n            const subComponents = Object.entries(\n                componentDefaults.value,\n            ).filter(([key]) => key.startsWith(key[0].toUpperCase()));\n            subcomponentDefaults.value = subComponents.length\n                ? Object.fromEntries(subComponents)\n                : undefined;\n        } else {\n            subcomponentDefaults.value = undefined;\n        }\n    });\n\n    function provideSubDefaults() {\n        const injected = injectSelf(DefaultsSymbol, component);\n        provide(\n            DefaultsSymbol,\n            computed(() => {\n                return subcomponentDefaults.value\n                    ? mergeDeep(\n                          injected?.value ?? {},\n                          subcomponentDefaults.value,\n                      )\n                    : injected?.value;\n            }),\n        );\n    }\n\n    return { props: internalProps, provideSubDefaults };\n}\n\n/**\n * # useDefaults\n *\n * @param props\n * @param name\n */\nexport function useDefaults<T extends Record<string, any>>(\n    props: T,\n    name?: string,\n): T;\nexport function useDefaults(\n    props?: undefined,\n    name?: string,\n): Record<string, any>;\nexport function useDefaults(props: Record<string, any> = {}, name?: string) {\n    const { props: _props, provideSubDefaults } = internalUseDefaults(\n        props,\n        name,\n    );\n    provideSubDefaults();\n    return _props;\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/dimensions-BkQ7c186.mjs

@@ -1,30 +0,0 @@
-/*! Evance UI v1.0.8 | MIT License */
-import { p as propsFactory } from "./props-B_DkM75x.mjs";
-import { t as toWebUnit } from "./units-BR1hftKk.mjs";
-import { computed } from "vue";
-const makeDimensionsProps = propsFactory(
-  {
-    height: [Number, String],
-    maxHeight: [Number, String],
-    maxWidth: [Number, String],
-    minHeight: [Number, String],
-    minWidth: [Number, String],
-    width: [Number, String]
-  },
-  "dimensions"
-);
-function useDimensions(props) {
-  return computed(() => ({
-    height: toWebUnit(props.height),
-    maxHeight: toWebUnit(props.maxHeight),
-    maxWidth: toWebUnit(props.maxWidth),
-    minHeight: toWebUnit(props.minHeight),
-    minWidth: toWebUnit(props.minWidth),
-    width: toWebUnit(props.width)
-  }));
-}
-export {
-  makeDimensionsProps as m,
-  useDimensions as u
-};
-//# sourceMappingURL=dimensions-BkQ7c186.mjs.map

package/dist/esm/dimensions-BkQ7c186.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"dimensions-BkQ7c186.mjs","sources":["../../src/composables/dimensions.ts"],"sourcesContent":["import { propsFactory, toWebUnit } from \"../util\";\nimport { computed } from \"vue\";\n\n/**\n * # Dimensions Props\n */\nexport interface DimensionsProps {\n    height?: number | string;\n    maxHeight?: number | string;\n    maxWidth?: number | string;\n    minHeight?: number | string;\n    minWidth?: number | string;\n    width?: number | string;\n}\n\n/**\n * # Make Dimensions Props\n */\nexport const makeDimensionsProps = propsFactory(\n    {\n        height: [Number, String],\n        maxHeight: [Number, String],\n        maxWidth: [Number, String],\n        minHeight: [Number, String],\n        minWidth: [Number, String],\n        width: [Number, String],\n    },\n    \"dimensions\",\n);\n\n/**\n * # Use Dimensions\n * @param props\n */\nexport function useDimensions(props: DimensionsProps) {\n    return computed(() => ({\n        height: toWebUnit(props.height),\n        maxHeight: toWebUnit(props.maxHeight),\n        maxWidth: toWebUnit(props.maxWidth),\n        minHeight: toWebUnit(props.minHeight),\n        minWidth: toWebUnit(props.minWidth),\n        width: toWebUnit(props.width),\n    }));\n}\n"],"names":[],"mappings":";;;;AAkBO,MAAM,sBAAsB;AAAA,EAC/B;AAAA,IACI,QAAQ,CAAC,QAAQ,MAAM;AAAA,IACvB,WAAW,CAAC,QAAQ,MAAM;AAAA,IAC1B,UAAU,CAAC,QAAQ,MAAM;AAAA,IACzB,WAAW,CAAC,QAAQ,MAAM;AAAA,IAC1B,UAAU,CAAC,QAAQ,MAAM;AAAA,IACzB,OAAO,CAAC,QAAQ,MAAM;AAAA,EAC1B;AAAA,EACA;AACJ;AAMO,SAAS,cAAc,OAAwB;AAClD,SAAO,SAAS,OAAO;AAAA,IACnB,QAAQ,UAAU,MAAM,MAAM;AAAA,IAC9B,WAAW,UAAU,MAAM,SAAS;AAAA,IACpC,UAAU,UAAU,MAAM,QAAQ;AAAA,IAClC,WAAW,UAAU,MAAM,SAAS;AAAA,IACpC,UAAU,UAAU,MAAM,QAAQ;AAAA,IAClC,OAAO,UAAU,MAAM,KAAK;AAAA,EAC9B,EAAA;AACN;"}

package/dist/esm/display-CRSUlrFS.mjs

@@ -1,292 +0,0 @@
-/*! Evance UI v1.0.8 | MIT License */
-import { inject, isRef, computed, shallowRef, reactive, watchEffect, toRefs } from "vue";
-import { B as Browser, m as mergeDeep } from "./helpers-CVFyfHL3.mjs";
-import { c as consoleWarn } from "./console-qc1UkOGv.mjs";
-import { i as isObject, a as isString, b as isBoolean } from "./is-functions-t4AT-bOe.mjs";
-import { t as toCamelCase, a as trimEnd, b as toKebabCase, s as spaceSeparatedValues } from "./strings-Cl8p6Z5U.mjs";
-import { t as toWebUnit } from "./units-BR1hftKk.mjs";
-const breakpoints = ["sm", "md", "lg", "xl", "xxl"];
-const parseDisplayOptions = (options = defaultDisplayOptions) => {
-  return mergeDeep(defaultDisplayOptions, options);
-};
-function getClientWidth(ssr) {
-  return Browser.hasWindow && !ssr ? window.innerWidth : isObject(ssr) && ssr.clientWidth || 0;
-}
-function getClientHeight(ssr) {
-  return Browser.hasWindow && !ssr ? window.innerHeight : isObject(ssr) && ssr.clientHeight || 0;
-}
-function getPlatform(ssr) {
-  const userAgent = Browser.hasWindow && !ssr ? window.navigator.userAgent : "ssr";
-  function isUserAgent(regexp) {
-    return Boolean(userAgent.match(regexp));
-  }
-  return {
-    android: isUserAgent(/android/i),
-    ios: isUserAgent(/iphone|ipad|ipod/i),
-    cordova: isUserAgent(/cordova/i),
-    electron: isUserAgent(/electron/i),
-    chrome: isUserAgent(/chrome/i),
-    edge: isUserAgent(/edge/i),
-    firefox: isUserAgent(/firefox/i),
-    opera: isUserAgent(/opera/i),
-    win: isUserAgent(/win/i),
-    mac: isUserAgent(/mac/i),
-    linux: isUserAgent(/linux/i),
-    touch: Browser.supportsTouch,
-    ssr: userAgent === "ssr"
-  };
-}
-const DisplaySymbol = Symbol.for("ev:display");
-const defaultDisplayOptions = {
-  mobileBreakpoint: "lg",
-  thresholds: {
-    xs: 0,
-    sm: 600,
-    md: 960,
-    lg: 1200,
-    xl: 1600,
-    xxl: 2400
-  }
-};
-function createDisplay(options, ssr) {
-  const { thresholds, mobileBreakpoint } = parseDisplayOptions(options);
-  const height = shallowRef(getClientHeight(ssr));
-  const platform = shallowRef(getPlatform(ssr));
-  const state = reactive({});
-  const width = shallowRef(getClientWidth(ssr));
-  function updateSize() {
-    height.value = getClientHeight();
-    width.value = getClientWidth();
-  }
-  function update() {
-    updateSize();
-    platform.value = getPlatform();
-  }
-  function hasActiveRule(rules) {
-    const rulesInternal = toDisplayRuleArray(rules);
-    for (const rule of rulesInternal) {
-      if (!isString(rule)) {
-        continue;
-      }
-      if (!isDisplayRule(rule)) {
-        consoleWarn(
-          `The display rule '${rule}' is not valid and will be ignored.`
-        );
-        continue;
-      }
-      const displayKey = toDisplayStateKey(rule);
-      const displayState = state[displayKey];
-      if (displayState) {
-        return true;
-      }
-    }
-    return false;
-  }
-  watchEffect(() => {
-    const xs = width.value < thresholds.sm;
-    const sm = width.value < thresholds.md && !xs;
-    const md = width.value < thresholds.lg && !(sm || xs);
-    const lg = width.value < thresholds.xl && !(md || sm || xs);
-    const xl = width.value < thresholds.xxl && !(lg || md || sm || xs);
-    const xxl = width.value >= thresholds.xxl;
-    const name = xs ? "xs" : sm ? "sm" : md ? "md" : lg ? "lg" : xl ? "xl" : "xxl";
-    const breakpointValue = typeof mobileBreakpoint === "number" ? mobileBreakpoint : thresholds[mobileBreakpoint];
-    const mobile = width.value < breakpointValue;
-    state.xs = xs;
-    state.sm = sm;
-    state.md = md;
-    state.lg = lg;
-    state.xl = xl;
-    state.xxl = xxl;
-    state.xsUp = true;
-    state.smUp = !xs;
-    state.mdUp = !(xs || sm);
-    state.lgUp = !(xs || sm || md);
-    state.xlUp = !(xs || sm || md || lg);
-    state.xxlUp = !(xs || sm || md || lg || xl);
-    state.smDown = !(md || lg || xl || xxl);
-    state.mdDown = !(lg || xl || xxl);
-    state.lgDown = !(xl || xxl);
-    state.xlDown = !xxl;
-    state.name = name;
-    state.height = height.value;
-    state.width = width.value;
-    state.mobile = mobile;
-    state.mobileBreakpoint = mobileBreakpoint;
-    state.platform = platform.value;
-    state.thresholds = thresholds;
-  });
-  if (Browser.hasWindow) {
-    window.addEventListener("resize", updateSize, { passive: true });
-  }
-  return {
-    ...toRefs(state),
-    update,
-    hasActiveRule,
-    ssr: !!ssr
-  };
-}
-function useDisplay() {
-  const display = inject(DisplaySymbol);
-  if (!display) {
-    throw new Error(
-      "Evance UI: Could not find `ev:display` injection symbol"
-    );
-  }
-  return display;
-}
-const displayRules = [
-  "xxl",
-  "xl",
-  "lg",
-  "md",
-  "sm",
-  "xs",
-  "xxlOnly",
-  "xlOnly",
-  "lgOnly",
-  "mdOnly",
-  "smOnly",
-  "xsOnly",
-  "xxlUp",
-  "xlUp",
-  "lgUp",
-  "mdUp",
-  "smUp",
-  "xsUp",
-  "smDown",
-  "mdDown",
-  "lgDown",
-  "xlDown"
-];
-const displayRulesKebab = [
-  "xxl-only",
-  "xl-only",
-  "lg-only",
-  "md-only",
-  "sm-only",
-  "xs-only",
-  "xxl-up",
-  "xl-up",
-  "lg-up",
-  "md-up",
-  "sm-up",
-  "xs-up",
-  "sm-down",
-  "md-down",
-  "lg-down",
-  "xl-down"
-];
-function calculateDisplayRuleValue(rules) {
-  const display = useDisplay();
-  if (!isObject(rules)) {
-    return toWebUnit(rules);
-  }
-  for (const ruleKey of displayRules) {
-    const displayKey = toDisplayStateKey(ruleKey);
-    const displayState = display[displayKey];
-    if (isRef(displayState) && displayState.value && !!rules[ruleKey]) {
-      return toWebUnit(rules[ruleKey]);
-    }
-  }
-  return void 0;
-}
-function toDisplayStateKey(displayRule) {
-  if (toDisplayStateKey.cache.has(displayRule)) {
-    return toDisplayStateKey.cache.get(displayRule);
-  }
-  let value = toCamelCase(displayRule);
-  if (isDisplayBreakpoint(value)) {
-    value = `${value}Up`;
-  }
-  value = trimEnd(value, "Only");
-  toKebabCase.cache.set(displayRule, value);
-  return value;
-}
-toDisplayStateKey.cache = /* @__PURE__ */ new Map();
-function toDisplayRuleKebab(displayRule) {
-  if (toDisplayRuleKebab.cache.has(displayRule)) {
-    return toDisplayRuleKebab.cache.get(displayRule);
-  }
-  let value = toKebabCase(displayRule);
-  if (isDisplayBreakpoint(value)) {
-    value = `${value}-up`;
-  }
-  toDisplayRuleKebab.cache.set(displayRule, value);
-  return value;
-}
-toDisplayRuleKebab.cache = /* @__PURE__ */ new Map();
-function isDisplayRule(value, acceptKebabs = true) {
-  return displayRules.includes(value) || acceptKebabs && displayRulesKebab.includes(value);
-}
-function isDisplayBreakpoint(value) {
-  return ["xs", ...breakpoints].includes(value);
-}
-function useBreakpointClasses(props, propName, prefix = void 0, useXs = false) {
-  return computed(() => {
-    const prop = props[propName];
-    if (!prop) {
-      return [];
-    }
-    const classes = [];
-    const values = typeof prop !== "object" ? { xs: prop } : prop;
-    for (const [breakpoint, value] of Object.entries(values)) {
-      const className = [];
-      if (prefix) {
-        className.push(prefix);
-      }
-      if (useXs || breakpoint !== "xs") {
-        className.push(breakpoint);
-      }
-      className.push(value);
-      classes.push(className.join("-"));
-    }
-    return classes;
-  });
-}
-function useDisplayRuleClasses(props, propName, prefix = void 0) {
-  return computed(() => {
-    const classes = [];
-    const rules = toDisplayRuleArray(props[propName]);
-    for (const rule of rules) {
-      if (!isString(rule)) {
-        continue;
-      }
-      if (!isDisplayRule(rule)) {
-        consoleWarn(
-          `The display rule '${rule}' is not valid and will be ignored.`
-        );
-        continue;
-      }
-      const suffix = toDisplayRuleKebab(rule);
-      classes.push(`${prefix}-${suffix}`);
-    }
-    return classes;
-  });
-}
-function toDisplayRuleArray(prop) {
-  if (Array.isArray(prop)) {
-    return prop;
-  }
-  if (isString(prop)) {
-    return spaceSeparatedValues(prop);
-  }
-  if (isObject(prop)) {
-    return Object.entries(prop).map(([key, value]) => {
-      if (isBoolean(value)) {
-        return value ? key : void 0;
-      }
-      return isString(value) ? `${key}-${value.toLowerCase()}` : void 0;
-    }).filter((value) => value !== void 0);
-  }
-  return [];
-}
-export {
-  DisplaySymbol as D,
-  useDisplayRuleClasses as a,
-  useBreakpointClasses as b,
-  calculateDisplayRuleValue as c,
-  createDisplay as d,
-  useDisplay as u
-};
-//# sourceMappingURL=display-CRSUlrFS.mjs.map

package/dist/esm/display-CRSUlrFS.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"display-CRSUlrFS.mjs","sources":["../../src/composables/display.ts"],"sourcesContent":["import {\n    computed,\n    inject,\n    InjectionKey,\n    isRef,\n    reactive,\n    Ref,\n    shallowRef,\n    toRefs,\n    watchEffect,\n} from \"vue\";\nimport {\n    Browser,\n    consoleWarn,\n    isBoolean,\n    isObject,\n    isString,\n    mergeDeep,\n    spaceSeparatedValues,\n    toCamelCase,\n    toKebabCase,\n    toWebUnit,\n    trimEnd,\n} from \"@/util\";\nimport { ResponsiveProp, ResponsivePropObject } from \"@/components\";\n\n/**\n * # Breakpoints\n * Excludes `xs` as this is the smallest size - not really a breakpoint.\n */\nexport const breakpoints = [\"sm\", \"md\", \"lg\", \"xl\", \"xxl\"] as const;\n\nexport type Breakpoint = (typeof breakpoints)[number];\n\nexport type DisplayBreakpoint = \"xs\" | Breakpoint;\n\nexport type DisplayThresholds = {\n    [key in DisplayBreakpoint]: number;\n};\n\nexport interface DisplayOptions {\n    mobileBreakpoint?: number | DisplayBreakpoint;\n    thresholds?: Partial<DisplayThresholds>;\n}\n\nexport interface InternalDisplayOptions {\n    mobileBreakpoint: number | DisplayBreakpoint;\n    thresholds: DisplayThresholds;\n}\n\nexport type SSROptions =\n    | boolean\n    | {\n          clientWidth: number;\n          clientHeight?: number;\n      };\n\nexport interface DisplayPlatform {\n    android: boolean;\n    ios: boolean;\n    cordova: boolean;\n    electron: boolean;\n    chrome: boolean;\n    edge: boolean;\n    firefox: boolean;\n    opera: boolean;\n    win: boolean;\n    mac: boolean;\n    linux: boolean;\n    touch: boolean;\n    ssr: boolean;\n}\n\nexport interface DisplayInstance {\n    xs: Ref<boolean>;\n    sm: Ref<boolean>;\n    md: Ref<boolean>;\n    lg: Ref<boolean>;\n    xl: Ref<boolean>;\n    xxl: Ref<boolean>;\n    xsUp: Ref<boolean>;\n    smUp: Ref<boolean>;\n    mdUp: Ref<boolean>;\n    lgUp: Ref<boolean>;\n    xlUp: Ref<boolean>;\n    xxlUp: Ref<boolean>;\n    smDown: Ref<boolean>;\n    mdDown: Ref<boolean>;\n    lgDown: Ref<boolean>;\n    xlDown: Ref<boolean>;\n    name: Ref<DisplayBreakpoint>;\n    height: Ref<number>;\n    width: Ref<number>;\n    mobile: Ref<boolean>;\n    mobileBreakpoint: Ref<number | DisplayBreakpoint>;\n    platform: Ref<DisplayPlatform>;\n    thresholds: Ref<DisplayThresholds>;\n\n    /** @internal */\n    ssr: boolean;\n\n    hasActiveRule(rules: DisplayRuleListProp): boolean;\n\n    update(): void;\n}\n\nconst parseDisplayOptions = (\n    options: DisplayOptions = defaultDisplayOptions,\n) => {\n    return mergeDeep(defaultDisplayOptions, options) as InternalDisplayOptions;\n};\n\nfunction getClientWidth(ssr?: SSROptions) {\n    return Browser.hasWindow && !ssr\n        ? window.innerWidth\n        : (isObject(ssr) && ssr.clientWidth) || 0;\n}\n\nfunction getClientHeight(ssr?: SSROptions) {\n    return Browser.hasWindow && !ssr\n        ? window.innerHeight\n        : (isObject(ssr) && ssr.clientHeight) || 0;\n}\n\nfunction getPlatform(ssr?: SSROptions): DisplayPlatform {\n    const userAgent =\n        Browser.hasWindow && !ssr ? window.navigator.userAgent : \"ssr\";\n\n    function isUserAgent(regexp: RegExp) {\n        return Boolean(userAgent.match(regexp));\n    }\n\n    return {\n        android: isUserAgent(/android/i),\n        ios: isUserAgent(/iphone|ipad|ipod/i),\n        cordova: isUserAgent(/cordova/i),\n        electron: isUserAgent(/electron/i),\n        chrome: isUserAgent(/chrome/i),\n        edge: isUserAgent(/edge/i),\n        firefox: isUserAgent(/firefox/i),\n        opera: isUserAgent(/opera/i),\n        win: isUserAgent(/win/i),\n        mac: isUserAgent(/mac/i),\n        linux: isUserAgent(/linux/i),\n        touch: Browser.supportsTouch,\n        ssr: userAgent === \"ssr\",\n    };\n}\n\nexport const DisplaySymbol: InjectionKey<DisplayInstance> =\n    Symbol.for(\"ev:display\");\n\nexport const defaultDisplayOptions: DisplayOptions = {\n    mobileBreakpoint: \"lg\",\n    thresholds: {\n        xs: 0,\n        sm: 600,\n        md: 960,\n        lg: 1200,\n        xl: 1600,\n        xxl: 2400,\n    },\n};\n\n/**\n * # Create Display\n * @param options\n * @param ssr\n */\nexport function createDisplay(\n    options?: DisplayOptions,\n    ssr?: SSROptions,\n): DisplayInstance {\n    const { thresholds, mobileBreakpoint } = parseDisplayOptions(options);\n\n    const height = shallowRef(getClientHeight(ssr));\n    const platform = shallowRef(getPlatform(ssr));\n    const state = reactive({} as DisplayInstance);\n    const width = shallowRef(getClientWidth(ssr));\n\n    function updateSize() {\n        height.value = getClientHeight();\n        width.value = getClientWidth();\n    }\n\n    function update() {\n        updateSize();\n        platform.value = getPlatform();\n    }\n\n    function hasActiveRule(rules: DisplayRuleListProp): boolean\n    {\n        const rulesInternal = toDisplayRuleArray(rules);\n        for (const rule of rulesInternal) {\n            if (!isString(rule)) {\n                continue;\n            }\n            if (!isDisplayRule(rule)) {\n                consoleWarn(\n                    `The display rule '${rule}' is not valid and will be ignored.`,\n                );\n                continue;\n            }\n            const displayKey = toDisplayStateKey(rule);\n            const displayState = state[displayKey as keyof DisplayInstance];\n            if (displayState) {\n                return true;\n            }\n        }\n        return false;\n    }\n\n    // eslint-disable-next-line max-statements\n    watchEffect(() => {\n        const xs = width.value < thresholds.sm;\n        const sm = width.value < thresholds.md && !xs;\n        const md = width.value < thresholds.lg && !(sm || xs);\n        const lg = width.value < thresholds.xl && !(md || sm || xs);\n        const xl = width.value < thresholds.xxl && !(lg || md || sm || xs);\n        const xxl = width.value >= thresholds.xxl;\n        const name = xs\n            ? \"xs\"\n            : sm\n              ? \"sm\"\n              : md\n                ? \"md\"\n                : lg\n                  ? \"lg\"\n                  : xl\n                    ? \"xl\"\n                    : \"xxl\";\n        const breakpointValue =\n            typeof mobileBreakpoint === \"number\"\n                ? mobileBreakpoint\n                : thresholds[mobileBreakpoint];\n        const mobile = width.value < breakpointValue;\n\n        state.xs = xs;\n        state.sm = sm;\n        state.md = md;\n        state.lg = lg;\n        state.xl = xl;\n        state.xxl = xxl;\n        state.xsUp = true;\n        state.smUp = !xs;\n        state.mdUp = !(xs || sm);\n        state.lgUp = !(xs || sm || md);\n        state.xlUp = !(xs || sm || md || lg);\n        state.xxlUp = !(xs || sm || md || lg || xl);\n        state.smDown = !(md || lg || xl || xxl);\n        state.mdDown = !(lg || xl || xxl);\n        state.lgDown = !(xl || xxl);\n        state.xlDown = !xxl;\n        state.name = name;\n        state.height = height.value;\n        state.width = width.value;\n        state.mobile = mobile;\n        state.mobileBreakpoint = mobileBreakpoint;\n        state.platform = platform.value;\n        state.thresholds = thresholds;\n    });\n\n    if (Browser.hasWindow) {\n        window.addEventListener(\"resize\", updateSize, { passive: true });\n    }\n\n    return {\n        ...toRefs(state),\n        update,\n        hasActiveRule,\n        ssr: !!ssr,\n    };\n}\n\n/**\n * # Use Display (from Symbol);\n */\nexport function useDisplay() {\n    const display = inject(DisplaySymbol);\n    if (!display) {\n        throw new Error(\n            \"Evance UI: Could not find `ev:display` injection symbol\",\n        );\n    }\n    return display;\n}\n\n/**\n * # Display Point Options\n *\n * These are listed in order of calculation priority.\n */\nexport const displayRules = [\n    \"xxl\",\n    \"xl\",\n    \"lg\",\n    \"md\",\n    \"sm\",\n    \"xs\",\n    \"xxlOnly\",\n    \"xlOnly\",\n    \"lgOnly\",\n    \"mdOnly\",\n    \"smOnly\",\n    \"xsOnly\",\n    \"xxlUp\",\n    \"xlUp\",\n    \"lgUp\",\n    \"mdUp\",\n    \"smUp\",\n    \"xsUp\",\n    \"smDown\",\n    \"mdDown\",\n    \"lgDown\",\n    \"xlDown\",\n] as const;\nexport const displayRulesKebab = [\n    \"xxl-only\",\n    \"xl-only\",\n    \"lg-only\",\n    \"md-only\",\n    \"sm-only\",\n    \"xs-only\",\n    \"xxl-up\",\n    \"xl-up\",\n    \"lg-up\",\n    \"md-up\",\n    \"sm-up\",\n    \"xs-up\",\n    \"sm-down\",\n    \"md-down\",\n    \"lg-down\",\n    \"xl-down\",\n] as const;\n\nexport type DisplayRuleSuffix = \"only\" | \"up\" | \"down\";\nexport type DisplayRuleKey = (typeof displayRules)[number];\nexport type DisplayRuleKebab = (typeof displayRulesKebab)[number];\nexport type DisplayRuleValue = number | string;\nexport type DisplayRuleObject = {\n    [key in DisplayRuleKey]?: DisplayRuleValue;\n};\nexport type DisplayRuleProp = DisplayRuleValue | DisplayRuleObject;\nexport type DisplayRuleListProp =\n    | DisplayRuleKey\n    | DisplayRuleKey[]\n    | DisplayRuleKebab\n    | DisplayRuleKebab[]\n    | { [key in DisplayRuleKey]?: DisplayRuleSuffix };\n\n/** Visibility props */\nexport type VisibilityRuleProp = DisplayRuleListProp | boolean;\n\n/**\n * # calculateDisplayRuleValue\n *\n * @param rules\n */\nexport function calculateDisplayRuleValue(\n    rules?: DisplayRuleObject | DisplayRuleValue,\n) {\n    const display = useDisplay();\n    if (!isObject(rules)) {\n        return toWebUnit(rules);\n    }\n    for (const ruleKey of displayRules) {\n        const displayKey = toDisplayStateKey(ruleKey);\n        const displayState = display[displayKey as keyof DisplayInstance];\n        if (isRef(displayState) && displayState.value && !!rules[ruleKey]) {\n            return toWebUnit(rules[ruleKey]);\n        }\n    }\n    return undefined;\n}\n\n/**\n * # To Display Key\n *\n * @param displayRule\n */\nexport function toDisplayStateKey(displayRule: string): string {\n    if (toDisplayStateKey.cache.has(displayRule)) {\n        return toDisplayStateKey.cache.get(displayRule)!;\n    }\n    let value = toCamelCase(displayRule);\n    if (isDisplayBreakpoint(value)) {\n        value = `${value}Up`;\n    }\n    value = trimEnd(value, \"Only\");\n    toKebabCase.cache.set(displayRule, value);\n    return value;\n}\ntoDisplayStateKey.cache = new Map<string, string>();\n\n/**\n * # To Display Rule Kebab\n *\n * @param displayRule\n */\nexport function toDisplayRuleKebab(displayRule: string): string {\n    if (toDisplayRuleKebab.cache.has(displayRule)) {\n        return toDisplayRuleKebab.cache.get(displayRule)!;\n    }\n    let value = toKebabCase(displayRule);\n    if (isDisplayBreakpoint(value)) {\n        value = `${value}-up`;\n    }\n    toDisplayRuleKebab.cache.set(displayRule, value);\n    return value;\n}\ntoDisplayRuleKebab.cache = new Map<string, string>();\n\n/**\n * # isDisplayRule\n *\n * @param value\n * @param acceptKebabs\n */\nexport function isDisplayRule(\n    value: unknown,\n    acceptKebabs: boolean = true,\n): value is DisplayRuleKey | DisplayRuleKebab {\n    return (\n        displayRules.includes(value as DisplayRuleKey) ||\n        (acceptKebabs && displayRulesKebab.includes(value as DisplayRuleKebab))\n    );\n}\n\n/**\n * # isDisplayBreakpoint\n *\n * @param value\n */\nexport function isDisplayBreakpoint(\n    value: unknown,\n): value is DisplayBreakpoint {\n    return [\"xs\", ...breakpoints].includes(value as DisplayBreakpoint);\n}\n\n/**\n * # createBreakpointClasses\n *\n * @param props\n * @param propName\n * @param prefix\n * @param useXs\n */\nexport function useBreakpointClasses<\n    PropsObject extends object,\n    PropName extends Extract<keyof PropsObject, string>,\n    Prefix extends string | undefined,\n    UseXs extends boolean,\n>(\n    props: PropsObject,\n    propName: PropName,\n    prefix: Prefix = undefined as Prefix,\n    useXs: UseXs = false as UseXs,\n) {\n    return computed(() => {\n        const prop = props[propName] as ResponsiveProp;\n        if (!prop) {\n            return [];\n        }\n        const classes = [];\n        const values =\n            typeof prop !== \"object\"\n                ? ({ xs: prop } as ResponsivePropObject)\n                : prop;\n        for (const [breakpoint, value] of Object.entries(values)) {\n            const className = [];\n            if (prefix) {\n                className.push(prefix);\n            }\n            if (useXs || breakpoint !== \"xs\") {\n                className.push(breakpoint);\n            }\n            className.push(value);\n            classes.push(className.join(\"-\"));\n        }\n        return classes;\n    });\n}\n\n/**\n * # useDisplayRuleClasses\n *\n * @param props\n * @param propName\n * @param prefix\n */\nexport function useDisplayRuleClasses<\n    PropsObject extends object,\n    PropName extends Extract<keyof PropsObject, string>,\n    Prefix extends string | undefined,\n>(\n    props: PropsObject,\n    propName: PropName,\n    prefix: Prefix = undefined as Prefix,\n) {\n    return computed(() => {\n        const classes = [];\n        const rules = toDisplayRuleArray(props[propName]);\n        for (const rule of rules) {\n            if (!isString(rule)) {\n                // Gracefully ignore anything that is not a string.\n                continue;\n            }\n            if (!isDisplayRule(rule)) {\n                consoleWarn(\n                    `The display rule '${rule}' is not valid and will be ignored.`,\n                );\n                continue;\n            }\n            const suffix = toDisplayRuleKebab(rule);\n            classes.push(`${prefix}-${suffix}`);\n        }\n        return classes;\n    });\n}\n\n/**\n * # toDisplayRuleArray\n *\n * @param prop\n */\nexport function toDisplayRuleArray(prop: unknown): string[] {\n    if (Array.isArray(prop)) {\n        return prop;\n    }\n    if (isString(prop)) {\n        return spaceSeparatedValues(prop as string);\n    }\n    if (isObject(prop)) {\n        return <string[]>Object.entries(prop)\n            .map(([key, value]) => {\n                if (isBoolean(value)) {\n                    return value ? key : undefined;\n                }\n                return isString(value)\n                    ? `${key}-${value.toLowerCase()}`\n                    : undefined;\n            })\n            .filter((value) => value !== undefined);\n    }\n    return [];\n}"],"names":[],"mappings":"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"}

package/dist/esm/events-Cfk66haO.mjs

@@ -1,82 +0,0 @@
-/*! Evance UI v1.0.8 | MIT License */
-import { capitalize, onScopeDispose } from "vue";
-import { a as getScrollParents } from "./scroll-C4DJo4hA.mjs";
-const EventProp = () => [Function, Array];
-function eventName(propName) {
-  return propName[2].toLowerCase() + propName.slice(3);
-}
-const focusableElements = [
-  "button",
-  "[href]",
-  'input:not([type="hidden"])',
-  "select",
-  "[tabindex]",
-  "textarea"
-];
-function focusChild(el, position) {
-  if (!el) {
-    return void 0;
-  }
-  let focusedElement;
-  const focusableElements2 = getFocusableChildren(el);
-  const index = focusableElements2.indexOf(
-    document.activeElement
-  );
-  if (!position) {
-    if (el === document.activeElement || !el.contains(document.activeElement)) {
-      focusedElement = focusableElements2[0];
-    }
-  } else if (position === "first") {
-    focusedElement = focusableElements2[0];
-  } else if (position === "last") {
-    focusedElement = focusableElements2.at(-1);
-  } else {
-    let lastElement;
-    let lastIndex = index;
-    const increment = position === "next" ? 1 : -1;
-    do {
-      lastIndex += increment;
-      lastElement = focusableElements2[lastIndex];
-    } while ((!lastElement || lastElement.offsetParent == null) && lastIndex < focusableElements2.length && lastIndex >= 0);
-    if (lastElement) {
-      focusedElement = lastElement;
-    } else {
-      return focusChild(el, position === "next" ? "first" : "last");
-    }
-  }
-  if (focusedElement) {
-    focusedElement.focus();
-    return focusedElement;
-  }
-  return void 0;
-}
-function getFocusableChildren(el, filterByTabIndex = true) {
-  const selectors = focusableElements.map(
-    (selector) => `${selector}${filterByTabIndex ? ':not([tabindex="-1"])' : ""}:not([disabled])`
-  ).join(", ");
-  return [...el.querySelectorAll(selectors)];
-}
-function hasEventListener(props, name) {
-  name = "on" + capitalize(name);
-  return !!(props[name] || props[`${name}Once`] || props[`${name}Capture`] || props[`${name}OnceCapture`] || props[`${name}CaptureOnce`]);
-}
-function addScrollEventListener(el, onScroll) {
-  const scrollElements = [document, ...getScrollParents(el)];
-  scrollElements.forEach((el2) => {
-    el2.addEventListener("scroll", onScroll, { passive: true });
-  });
-  onScopeDispose(() => {
-    scrollElements.forEach((el2) => {
-      el2.removeEventListener("scroll", onScroll);
-    });
-  });
-}
-export {
-  EventProp as E,
-  addScrollEventListener as a,
-  eventName as e,
-  focusChild as f,
-  getFocusableChildren as g,
-  hasEventListener as h
-};
-//# sourceMappingURL=events-Cfk66haO.mjs.map

package/dist/esm/events-Cfk66haO.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"events-Cfk66haO.mjs","sources":["../../src/util/events.ts"],"sourcesContent":["import { capitalize, onScopeDispose, PropType } from \"vue\";\nimport { getScrollParents } from \"./scroll\";\n\n/**\n * # Click Event Listeners\n * Standard listeners for click events.\n */\nexport interface ClickEventListeners {\n    onClick?: EventProp | undefined;\n    onClickOnce?: EventProp | undefined;\n}\n\nexport type EventProp<T extends any[] = any[], F = (...args: T) => any> =\n    | F\n    | F[];\nexport const EventProp = <T extends any[] = any[]>() =>\n    [Function, Array] as PropType<EventProp<T>>;\n\n/**\n * # Call Event\n * @param eventHandler\n * @param args\n */\nexport function callEvent<T extends any[]>(\n    eventHandler: EventProp<T> | undefined,\n    ...args: T\n) {\n    if (Array.isArray(eventHandler)) {\n        for (const handlerElement of eventHandler) {\n            handlerElement(...args);\n        }\n    } else if (typeof eventHandler === \"function\") {\n        eventHandler(...args);\n    }\n}\n\n/**\n * # Event Name\n * @param propName\n */\nexport function eventName(propName: string) {\n    return propName[2].toLowerCase() + propName.slice(3);\n}\n\n/**\n * # Focusable Elements\n * A list of elements we can focus on dynamically.\n */\nexport const focusableElements = [\n    \"button\",\n    \"[href]\",\n    'input:not([type=\"hidden\"])',\n    \"select\",\n    \"[tabindex]\",\n    \"textarea\",\n];\n\n/**\n * # Focus Position\n */\nexport type FocusPosition = \"next\" | \"previous\" | \"first\" | \"last\";\n\n/**\n * # Focus Child\n * @param el\n * @param position\n */\nexport function focusChild(\n    el?: Element,\n    position?: FocusPosition,\n): HTMLElement | undefined {\n    if (!el) {\n        return undefined;\n    }\n\n    let focusedElement: HTMLElement | undefined;\n    const focusableElements = getFocusableChildren(el);\n    const index = focusableElements.indexOf(\n        document.activeElement as HTMLElement,\n    );\n\n    if (!position) {\n        if (\n            el === document.activeElement ||\n            !el.contains(document.activeElement)\n        ) {\n            focusedElement = focusableElements[0];\n        }\n    } else if (position === \"first\") {\n        focusedElement = focusableElements[0];\n    } else if (position === \"last\") {\n        focusedElement = focusableElements.at(-1)!;\n    } else {\n        let lastElement;\n        let lastIndex = index;\n        const increment = position === \"next\" ? 1 : -1;\n        do {\n            lastIndex += increment;\n            lastElement = focusableElements[lastIndex];\n        } while (\n            (!lastElement || lastElement.offsetParent == null) &&\n            lastIndex < focusableElements.length &&\n            lastIndex >= 0\n        );\n        if (lastElement) {\n            focusedElement = lastElement;\n        } else {\n            return focusChild(el, position === \"next\" ? \"first\" : \"last\");\n        }\n    }\n    if (focusedElement) {\n        focusedElement.focus();\n        return focusedElement;\n    }\n    return undefined;\n}\n\n/**\n * # Get Focusable Children\n *\n * Find and return any focusable elements within the supplied element,\n * unless they're disabled or have a negative `tabindex` of -1.\n *\n * @param el\n * @param filterByTabIndex\n */\nexport function getFocusableChildren(\n    el: Element,\n    filterByTabIndex = true,\n): HTMLElement[] {\n    const selectors = focusableElements\n        .map(\n            (selector) =>\n                `${selector}${filterByTabIndex ? ':not([tabindex=\"-1\"])' : \"\"}:not([disabled])`,\n        )\n        .join(\", \");\n    return [...el.querySelectorAll(selectors)] as HTMLElement[];\n}\n\n/**\n * # Has Event Listener\n *\n * Determines whether the `props` supplied includes an event listener, or\n * any variations of the event listener. For example, 'click' events may have:\n * - 'onClick'\n * - 'onClickOnce'\n * - 'onClickOnceCapture'\n * - 'onClickCaptureOnce'\n *\n * @param props\n * @param name\n */\nexport function hasEventListener(\n    props: Record<string, any>,\n    name: string,\n): boolean {\n    name = \"on\" + capitalize(name);\n    return !!(\n        props[name] ||\n        props[`${name}Once`] ||\n        props[`${name}Capture`] ||\n        props[`${name}OnceCapture`] ||\n        props[`${name}CaptureOnce`]\n    );\n}\n\n/**\n * ## Add Scroll Event Listeners to Element (and its parents)\n * @param el\n * @param onScroll\n */\nexport function addScrollEventListener(\n    el: HTMLElement | undefined,\n    onScroll: (e: Event) => void,\n) {\n    const scrollElements = [document, ...getScrollParents(el)];\n    scrollElements.forEach((el) => {\n        el.addEventListener(\"scroll\", onScroll, { passive: true });\n    });\n    onScopeDispose(() => {\n        scrollElements.forEach((el) => {\n            el.removeEventListener(\"scroll\", onScroll);\n        });\n    });\n}\n"],"names":["focusableElements","el"],"mappings":";;;AAeO,MAAM,YAAY,MACrB,CAAC,UAAU,KAAK;AAwBb,SAAS,UAAU,UAAkB;AACxC,SAAO,SAAS,CAAC,EAAE,YAAgB,IAAA,SAAS,MAAM,CAAC;AACvD;AAMO,MAAM,oBAAoB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAYgB,SAAA,WACZ,IACA,UACuB;AACvB,MAAI,CAAC,IAAI;AACE,WAAA;AAAA,EACX;AAEI,MAAA;AACEA,QAAAA,qBAAoB,qBAAqB,EAAE;AACjD,QAAM,QAAQA,mBAAkB;AAAA,IAC5B,SAAS;AAAA,EAAA;AAGb,MAAI,CAAC,UAAU;AAEP,QAAA,OAAO,SAAS,iBAChB,CAAC,GAAG,SAAS,SAAS,aAAa,GACrC;AACE,uBAAiBA,mBAAkB,CAAC;AAAA,IACxC;AAAA,EAAA,WACO,aAAa,SAAS;AAC7B,qBAAiBA,mBAAkB,CAAC;AAAA,EAAA,WAC7B,aAAa,QAAQ;AACXA,qBAAAA,mBAAkB,GAAG,EAAE;AAAA,EAAA,OACrC;AACC,QAAA;AACJ,QAAI,YAAY;AACV,UAAA,YAAY,aAAa,SAAS,IAAI;AACzC,OAAA;AACc,mBAAA;AACb,oBAAcA,mBAAkB,SAAS;AAAA,IAC7C,UACK,CAAC,eAAe,YAAY,gBAAgB,SAC7C,YAAYA,mBAAkB,UAC9B,aAAa;AAEjB,QAAI,aAAa;AACI,uBAAA;AAAA,IAAA,OACd;AACH,aAAO,WAAW,IAAI,aAAa,SAAS,UAAU,MAAM;AAAA,IAChE;AAAA,EACJ;AACA,MAAI,gBAAgB;AAChB,mBAAe,MAAM;AACd,WAAA;AAAA,EACX;AACO,SAAA;AACX;AAWgB,SAAA,qBACZ,IACA,mBAAmB,MACN;AACb,QAAM,YAAY,kBACb;AAAA,IACG,CAAC,aACG,GAAG,QAAQ,GAAG,mBAAmB,0BAA0B,EAAE;AAAA,EAAA,EAEpE,KAAK,IAAI;AACd,SAAO,CAAC,GAAG,GAAG,iBAAiB,SAAS,CAAC;AAC7C;AAegB,SAAA,iBACZ,OACA,MACO;AACA,SAAA,OAAO,WAAW,IAAI;AACtB,SAAA,CAAC,EACJ,MAAM,IAAI,KACV,MAAM,GAAG,IAAI,MAAM,KACnB,MAAM,GAAG,IAAI,SAAS,KACtB,MAAM,GAAG,IAAI,aAAa,KAC1B,MAAM,GAAG,IAAI,aAAa;AAElC;AAOgB,SAAA,uBACZ,IACA,UACF;AACE,QAAM,iBAAiB,CAAC,UAAU,GAAG,iBAAiB,EAAE,CAAC;AAC1C,iBAAA,QAAQ,CAACC,QAAO;AAC3BA,QAAG,iBAAiB,UAAU,UAAU,EAAE,SAAS,MAAM;AAAA,EAAA,CAC5D;AACD,iBAAe,MAAM;AACF,mBAAA,QAAQ,CAACA,QAAO;AAC3BA,UAAG,oBAAoB,UAAU,QAAQ;AAAA,IAAA,CAC5C;AAAA,EAAA,CACJ;AACL;"}