@eslamdevui/ui 3.3.4 → 4.0.0

package/dist/runtime/components/ScrollToSection.vue

@@ -1,62 +0,0 @@
-<script>
-import theme from "#build/ui/scroll-to-section";
-</script>
-
-<script setup>
-import { Primitive } from "reka-ui";
-import { computed, onMounted, watch } from "vue";
-import { useAppConfig, useRoute, useRouter } from "#imports";
-import { tv } from "../utils/tv";
-const props = defineProps({
-  as: { type: null, required: false, default: "div" },
-  class: { type: null, required: false },
-  offset: { type: Number, required: false, default: 0 },
-  autoScroll: { type: Boolean, required: false, default: true },
-  clearQuery: { type: Boolean, required: false, default: false },
-  param: { type: String, required: false, default: "section" }
-});
-const route = useRoute();
-const router = useRouter();
-const appConfig = useAppConfig();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.scrollToSection || {} }));
-const scrollToSection = (id) => {
-  const el = document.getElementById(id);
-  if (!el) return;
-  const top = el.getBoundingClientRect().top + window.scrollY - props.offset;
-  window.scrollTo({ top, behavior: "smooth" });
-};
-const maybeScroll = () => {
-  const sectionId = route.query[props.param];
-  if (!sectionId) return;
-  scrollToSection(sectionId);
-  if (props.clearQuery) {
-    const { [props.param]: _, ...rest } = route.query;
-    router.replace({ query: rest });
-  }
-};
-onMounted(() => {
-  if (props.autoScroll) maybeScroll();
-});
-watch(() => route.query[props.param], () => {
-  if (props.autoScroll) maybeScroll();
-});
-const scrollToQuery = (id, replace = true) => {
-  router[replace ? "replace" : "push"]({
-    query: {
-      ...route.query,
-      [props.param]: id
-    }
-  });
-};
-</script>
-
-<template>
-  <Primitive :as="as" :class="ui({ class: props.class })">
-    <slot />
-
-    <!-- Named slot for internal scroll links -->
-    <slot name="link" :scroll-to-query="scrollToQuery" :param="props.param">
-      <!-- Default behavior: render nothing unless used -->
-    </slot>
-  </Primitive>
-</template>

package/dist/runtime/components/ScrollToSection.vue.d.ts

@@ -1,36 +0,0 @@
-export interface UScrollToSectionProps {
-    as?: any;
-    class?: any;
-    offset?: number;
-    autoScroll?: boolean;
-    clearQuery?: boolean;
-    param?: string;
-}
-export interface UScrollToSectionSlots {
-    default(props?: {}): any;
-    link(props: {
-        to: string;
-        replace: boolean;
-        param: string;
-    }): any;
-}
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<UScrollToSectionProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<UScrollToSectionProps> & Readonly<{}>, {
-    as: any;
-    autoScroll: boolean;
-    offset: number;
-    clearQuery: boolean;
-    param: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: (props: {}) => any;
-} & {
-    link?: (props: {
-        scrollToQuery: any;
-        param: string;
-    }) => any;
-}>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/runtime/composables/useBreakpoint.d.ts

@@ -1,11 +0,0 @@
-export declare function useBreakpoint(): {
-    isSm: import("vue").ComputedRef<boolean>;
-    isMd: import("vue").ComputedRef<boolean>;
-    isLg: import("vue").ComputedRef<boolean>;
-    isXl: import("vue").ComputedRef<boolean>;
-    is2xl: import("vue").ComputedRef<boolean>;
-    isMobile: import("vue").ComputedRef<boolean>;
-    isTablet: import("vue").ComputedRef<boolean>;
-    isDesktop: import("vue").ComputedRef<boolean>;
-    current: import("vue").ComputedRef<"sm" | "md" | "lg" | "xl" | "2xl">;
-};

package/dist/runtime/composables/useBreakpoint.js

@@ -1,53 +0,0 @@
-import { useMediaQuery } from "@vueuse/core";
-import { computed } from "vue";
-import { useAppConfig } from "#imports";
-const defaultBreakpoints = {
-  "sm": "640px",
-  "md": "768px",
-  "lg": "1024px",
-  "xl": "1280px",
-  "2xl": "1536px"
-};
-export function useBreakpoint() {
-  const config = useAppConfig();
-  const breakpoints = {
-    ...defaultBreakpoints,
-    ...config.ui?.breakpoints || {}
-  };
-  const queries = {
-    "sm": useMediaQuery(`(min-width: ${breakpoints.sm})`),
-    "md": useMediaQuery(`(min-width: ${breakpoints.md})`),
-    "lg": useMediaQuery(`(min-width: ${breakpoints.lg})`),
-    "xl": useMediaQuery(`(min-width: ${breakpoints.xl})`),
-    "2xl": useMediaQuery(`(min-width: ${breakpoints["2xl"]})`)
-  };
-  const current = computed(() => {
-    const order = ["2xl", "xl", "lg", "md", "sm"];
-    for (const key of order) {
-      if (queries[key].value) return key;
-    }
-    return "sm";
-  });
-  const isSm = queries.sm;
-  const isMd = queries.md;
-  const isLg = queries.lg;
-  const isXl = queries.xl;
-  const is2xl = queries["2xl"];
-  const isMobile = computed(() => !isMd.value);
-  const isTablet = computed(() => isMd.value && !isLg.value);
-  const isDesktop = computed(() => isLg.value);
-  return {
-    // individual breakpoints
-    isSm,
-    isMd,
-    isLg,
-    isXl,
-    is2xl,
-    // helpers
-    isMobile,
-    isTablet,
-    isDesktop,
-    // current active key
-    current
-  };
-}

package/dist/runtime/composables/useButtonGroup.js

@@ -1,9 +0,0 @@
-import { inject, computed } from "vue";
-export const buttonGroupInjectionKey = Symbol("eslamdevui-ui.button-group");
-export function useButtonGroup(props) {
-  const buttonGroup = inject(buttonGroupInjectionKey, void 0);
-  return {
-    orientation: computed(() => buttonGroup?.value.orientation),
-    size: computed(() => props?.size ?? buttonGroup?.value.size)
-  };
-}

package/dist/runtime/composables/useLocalePro.d.ts

@@ -1,3 +0,0 @@
-import type { Ref } from 'vue';
-import type { Messages, Locale } from '../types/locale';
-export declare const useLocalePro: (localeOverrides?: Ref<Locale<Messages> | undefined>) => import("../utils/locale").LocaleContext<Messages>;

package/dist/runtime/composables/useLocalePro.js

@@ -1,11 +0,0 @@
-import { computed, inject, toRef } from "vue";
-import { createSharedComposable } from "@vueuse/core";
-import { buildLocaleContext } from "../utils/locale.js";
-import en from "../locale/en.js";
-import { localeContextInjectionKey } from "./useLocale.js";
-const _useLocalePro = (localeOverrides) => {
-  const injectedLocale = inject(localeContextInjectionKey);
-  const locale = localeOverrides || toRef(injectedLocale);
-  return buildLocaleContext(computed(() => locale.value || en));
-};
-export const useLocalePro = /* @__PURE__ */ createSharedComposable(_useLocalePro);