@unsource/ui 1.0.1 → 1.1.0

package/dist/runtime/components/Un/Rate.d.vue.ts

@@ -0,0 +1,10 @@
+type __VLS_ModelProps = {
+    modelValue?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Un/Rate.vue

@@ -0,0 +1,9 @@
+<template>
+  <div class="flex gap-2 items-center" dir="ltr">
+    <TheNuxtIcon name="solar:star-bold-duotone"  :class="value >= n ? 'text-primary-500' : 'text-gray-500'" v-for="n in 5" @click="value = n" />
+  </div>
+</template>
+
+<script setup>
+const value = defineModel({ type: Number });
+</script>

package/dist/runtime/components/Un/Rate.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_ModelProps = {
+    modelValue?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Un/Search.d.vue.ts

@@ -0,0 +1,21 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+    };
+}>> & Readonly<{}>, {
+    placeholder: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Un/Search.vue

@@ -0,0 +1,28 @@
+<template>
+  <form
+      class="h-10 rounded-2xl flex flex-row gap-1 items-center p-1 relative select-none"
+      @submit.prevent="emit('submit')">
+    <input
+        class="outline-none bg-transparent flex-grow text-base px2"
+        v-model="value"
+        :placeholder="placeholder"/>
+    <div
+        class="flex items-center justify-center svg:(w-6 h-6)"
+        @click="emit('submit')">
+      <TheNuxtIcon icon-type="svg" name="search-normal"/>
+    </div>
+  </form>
+</template>
+
+<script setup>
+const emit = defineEmits(["submit", "input"]);
+defineProps(
+  {
+    placeholder: {
+      type: String,
+      default: "\u0639\u0646\u0648\u0627\u0646..."
+    }
+  }
+);
+const value = defineModel();
+</script>

package/dist/runtime/components/Un/Search.vue.d.ts

@@ -0,0 +1,21 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+    };
+}>> & Readonly<{}>, {
+    placeholder: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Un/Searchbar.d.vue.ts

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    placeholder: string;
+    title?: string;
+    disabled?: boolean;
+    inputMode?: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Un/Searchbar.vue

@@ -0,0 +1,35 @@
+<template>
+  <div class="flex justify-center items-center px-3 py-2 gap-2 rounded-2xl bg-white relative">
+    <input dir="rtl"
+           @keyup.enter="$emit('search')"
+           v-model="value"
+           :type="inputMode"
+           class="search flex-grow bg-transparent placeholder-gray-600  text-xs" :disabled="disabled"
+           :placeholder="' '"/>
+    <p class="flex gap-1 items-center absolute right-3 top-1/2 transform -translate-y-1/2 text-xs pointer-events-none">
+      {{placeholder}} <b class="text-primary-500">{{title}}</b>
+    </p>
+    <TheNuxtIcon name="solar:rounded-magnifer-line-duotone" @click="$emit('search')"/>
+  </div>
+</template>
+
+<script setup>
+defineProps({
+  placeholder: { type: String, required: true },
+  title: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  inputMode: { type: String, required: false }
+});
+defineEmits(["search"]);
+const value = defineModel({ type: String });
+</script>
+
+<style>
+.search + p {
+  display: none;
+}
+
+.search:placeholder-shown + p {
+  display: flex;
+}
+</style>

package/dist/runtime/components/Un/Searchbar.vue.d.ts

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    placeholder: string;
+    title?: string;
+    disabled?: boolean;
+    inputMode?: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Un/Slider.d.vue.ts

@@ -0,0 +1,9 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {
+    $props: Partial<typeof __VLS_props>;
+    slider?: unknown[] | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_props: {
+    readonly slider?: unknown[] | undefined;
+};

package/dist/runtime/components/Un/Slider.vue

@@ -0,0 +1,18 @@
+<template>
+    <div class="flex flex-col gap-2">
+        <TheNuxtIcon name="Content.png" icon-type="img" class="!w-full !h-auto b-rd-2"/>
+        <div class="flex gap-1 self-center">
+            <TheNuxtIcon name="Ellipse7" icon-type="svg" class="c-primary-500 w-2"/>
+            <TheNuxtIcon name="Ellipse7" icon-type="svg" class="c-gray-200 w-2"/>
+            <TheNuxtIcon name="Ellipse7" icon-type="svg" class="c-gray-200 w-2"/>
+        </div>
+    </div>
+</template>
+
+<script setup>
+defineProps({
+  slider: {
+    type: Array
+  }
+});
+</script>

package/dist/runtime/components/Un/Slider.vue.d.ts

@@ -0,0 +1,9 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {
+    $props: Partial<typeof __VLS_props>;
+    slider?: unknown[] | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_props: {
+    readonly slider?: unknown[] | undefined;
+};

package/dist/runtime/components/Un/Tab.d.vue.ts

@@ -0,0 +1,15 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {
+    $props: Partial<typeof props>;
+    mini: boolean;
+    items: unknown[];
+    routable: boolean;
+    label?: string | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const props: {
+    readonly mini: boolean;
+    readonly items: unknown[];
+    readonly routable: boolean;
+    readonly label?: string | undefined;
+};

package/dist/runtime/components/Un/Tab.vue

@@ -0,0 +1,47 @@
+<template>
+  <div class="flex items-stretch text-(base gray-600) font-semibold bg-transparent p-1 h-13">
+    <label v-for="item in items"
+           :class="[[item?.value === ( value ) ? 'text-primary-500 cursor-default  border-primary-500 border-2' : 'border-1 border-gray-400' ] , [mini ? 'px-3' : ' px-4']]"
+           class="flex justify-center items-center flex-grow basis-1 border-b-(solid) cursor-pointer p-3 text-sm"
+           @click="addToQuery(item.key , item.value)">
+      <input v-model="value" type="radio" :value="item.value" hidden>
+      <span class="whitespace-nowrap">
+        {{ item.label }}
+      </span>
+    </label>
+  </div>
+</template>
+
+<script setup>
+const props = defineProps({
+  items: {
+    type: Array,
+    required: true
+  },
+  mini: {
+    type: Boolean,
+    default: false
+  },
+  routable: {
+    type: Boolean,
+    default: true
+  },
+  label: {
+    type: String
+  }
+});
+const value = defineModel();
+const route = useRoute();
+const router = useRouter();
+const addToQuery = (key, v) => {
+  value.value = v;
+  if (props.routable) {
+    router.replace({
+      query: {
+        ...route.query,
+        [props.label]: v
+      }
+    });
+  }
+};
+</script>

package/dist/runtime/components/Un/Tab.vue.d.ts

@@ -0,0 +1,15 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {
+    $props: Partial<typeof props>;
+    mini: boolean;
+    items: unknown[];
+    routable: boolean;
+    label?: string | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const props: {
+    readonly mini: boolean;
+    readonly items: unknown[];
+    readonly routable: boolean;
+    readonly label?: string | undefined;
+};

package/dist/runtime/components/Un/TableCard.d.vue.ts

@@ -0,0 +1,22 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_base: import("vue").DefineComponent<{}, {
+    $props: Partial<typeof __VLS_props>;
+    items: unknown[];
+    cols: unknown[];
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    [x: string]: ((props: {
+        col: any;
+        item: any;
+        items: any;
+    }) => any) | undefined;
+};
+declare const __VLS_props: {
+    readonly items: unknown[];
+    readonly cols: unknown[];
+};

package/dist/runtime/components/Un/TableCard.vue

@@ -0,0 +1,46 @@
+<template>
+  <div class="flex flex-col children:(p-4)">
+    <table class="flex-grow">
+      <thead>
+      <tr class="border-b-2 border-gray-100 children:(text-center p-4) rounded-2xl <md:children:p-1">
+        <th v-for="col in cols"
+            :class="{'<md:hidden':col.isDesktop,'hidden <md:table-cell':col.isMobile}"
+            class="text-xs text-gray-400 font-medium first:text-right last:text-left">
+          {{ col.title }}
+        </th>
+      </tr>
+      </thead>
+      <tbody >
+      <tr v-for="item in items"
+          @click="$emit('click:row',item)"
+          class="children:p-3 <md:children:p-1 text-center children:(border-b border-gray-100) hover:children:(bg-gray-100)">
+        <td v-for="col in cols"
+            class="text-gray-400 text-sm first:text-right last:text-left text-center first:rounded-r-lg last:rounded-l-lg"
+            :class="[col.class,{'<md:hidden':col.isDesktop,'hidden <md:table-cell':col.isMobile}]" :dir="col.dir">
+          <slot :name="col.name" :col="col" :item="item" :items="_at(item,col.key)">
+            {{ _at(item, col.key).join(' ') }}
+          </slot>
+        </td>
+      </tr>
+      </tbody>
+    </table>
+    <div v-if="!items.length" class="flex justify-center items-center p-24 font-bold text-sm text-text">
+      {{ $t('هیچ موردی برای این جستجو یافت نشد') }}
+    </div>
+
+  </div>
+</template>
+
+<script setup>
+defineProps({
+  cols: {
+    type: Array,
+    default: () => []
+  },
+  items: {
+    type: Array,
+    default: () => []
+  }
+});
+const { isDesktop, isMobile } = useDevice();
+</script>

package/dist/runtime/components/Un/TableCard.vue.d.ts

@@ -0,0 +1,22 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_base: import("vue").DefineComponent<{}, {
+    $props: Partial<typeof __VLS_props>;
+    items: unknown[];
+    cols: unknown[];
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    [x: string]: ((props: {
+        col: any;
+        item: any;
+        items: any;
+    }) => any) | undefined;
+};
+declare const __VLS_props: {
+    readonly items: unknown[];
+    readonly cols: unknown[];
+};

package/dist/runtime/components/Un/TextIcon.d.vue.ts

@@ -0,0 +1,3 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/Un/TextIcon.vue

@@ -0,0 +1,10 @@
+<template>
+    <div class="flex gap-1">
+        <TheNuxtIcon name="location" icon-type="svg" class="text-5 c-primary-300"/>
+        <p class="text-sm" >{{}}</p>
+    </div>
+</template>
+
+<script setup>
+
+</script>

package/dist/runtime/components/Un/TextIcon.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/Un/Timer.d.vue.ts

@@ -0,0 +1,23 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    time: {
+        type: StringConstructor;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+    };
+}>, {
+    timestamp: any;
+    pause: any;
+    resume: any;
+    diff: any;
+    isExpired: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    time: {
+        type: StringConstructor;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Un/Timer.vue

@@ -0,0 +1,29 @@
+<template>
+  <time dir="ltr" class="text-center font-black text-base text-primary-500 ">
+    {{diff > d ? Math.floor(diff / d) + ":" : ""}}
+    {{diff > h ? Math.floor(diff % d / h) + ":" : ""}}
+    {{diff > m ? Math.floor(diff % h / m) + ":" : ""}}
+    {{Math.floor(diff % m)}}
+  </time>
+</template>
+
+<script setup>
+const props = defineProps({
+  time: {
+    type: String
+  }
+});
+const m = 60;
+const h = 60 * m;
+const d = 24 * h;
+const emit = defineEmits(["complete"]);
+const value = defineModel();
+const { timestamp, pause, resume } = useTimestamp({ controls: true, interval: 330 });
+const diff = computed(() => (moment(props.time).valueOf() - timestamp.value) / 1e3);
+const isExpired = computed(() => diff.value <= 0);
+value.value = isExpired.value;
+watch(isExpired, () => {
+  value.value = isExpired.value;
+});
+defineExpose({ timestamp, pause, resume, diff, isExpired });
+</script>

package/dist/runtime/components/Un/Timer.vue.d.ts

@@ -0,0 +1,23 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    time: {
+        type: StringConstructor;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+    };
+}>, {
+    timestamp: any;
+    pause: any;
+    resume: any;
+    diff: any;
+    isExpired: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    time: {
+        type: StringConstructor;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Un/Toggle/Button.d.vue.ts

@@ -0,0 +1,11 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {
+    $props: Partial<typeof __VLS_props>;
+    value: number | boolean;
+    disabled: boolean;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_props: {
+    readonly value: number | boolean;
+    readonly disabled: boolean;
+};

package/dist/runtime/components/Un/Toggle/Button.vue

@@ -0,0 +1,22 @@
+<template>
+  <div
+      class="w-9 h-5 relative flex items-center rounded-full transition-bg duration-200"
+      :class="[value && !disabled ? 'bg-primary-500' : 'bg-border']">
+    <div
+        class="absolute bg-white h-4 w-4 rounded-1/2 shadow-toggle transform transition-all duration-200"
+        :class="[ value ? 'left-full -translate-x-18px ' : 'left-0 translate-x-0.5',]"/>
+  </div>
+</template>
+
+<script setup>
+defineProps({
+  value: {
+    type: [Boolean, Number],
+    default: false
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  }
+});
+</script>

package/dist/runtime/components/Un/Toggle/Button.vue.d.ts

@@ -0,0 +1,11 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {
+    $props: Partial<typeof __VLS_props>;
+    value: number | boolean;
+    disabled: boolean;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_props: {
+    readonly value: number | boolean;
+    readonly disabled: boolean;
+};

package/dist/runtime/components/Un/Toggle/index.d.vue.ts

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    label: string;
+    disabled: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue?: any;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Un/Toggle/index.vue

@@ -0,0 +1,22 @@
+<template>
+  <div
+      class="h-12 w-full flex flex-row gap-1 items-center cursor-pointer text-black-1 select-none"
+      @click="!disabled && changeValue()">
+    <div class="flex-grow truncate text-sm">
+      {{ label }}
+    </div>
+    <TheToggleButton :value="value" :disabled="disabled"/>
+  </div>
+</template>
+
+<script setup>
+const emit = defineEmits(["input"]);
+defineProps({
+  label: { type: String, required: true },
+  disabled: { type: Boolean, required: true }
+});
+const value = defineModel();
+const changeValue = () => {
+  value.value = !value.value;
+};
+</script>

package/dist/runtime/components/Un/Toggle/index.vue.d.ts

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    label: string;
+    disabled: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue?: any;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Un/UploadFile.d.vue.ts

@@ -0,0 +1,24 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_base: import("vue").DefineComponent<{}, {
+    $props: Partial<typeof props>;
+    label: string;
+    icon: string;
+    disabled: boolean;
+    accept: string;
+    edit: boolean;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    icon?: ((props: {}) => any) | undefined;
+};
+declare const props: {
+    readonly label: string;
+    readonly icon: string;
+    readonly disabled: boolean;
+    readonly accept: string;
+    readonly edit: boolean;
+};