@soave/ui 0.2.0 → 0.2.1

package/dist/components/ui/Dialog.vue

@@ -44,9 +44,10 @@
 </template>
 
 <script setup lang="ts">
-import { computed, provide, type InjectionKey } from "vue"
+import { computed, provide } from "vue"
 import { useStyleAdapter } from "../../composables"
 import type { DialogProps } from "../../types/dialog"
+import { DIALOG_KEY } from "../../types/dialog"
 import type { DialogState } from "../../types/composables"
 
 interface DialogComponentProps extends DialogProps {
@@ -101,13 +102,7 @@ const handleOverlayClick = () => {
     }
 }
 
-export interface DialogContext {
-    close: () => void
-}
-
-export const DialogKey: InjectionKey<DialogContext> = Symbol("dialog")
-
-provide(DialogKey, { close })
+provide(DIALOG_KEY, { close })
 </script>
 
 <style scoped>

package/dist/components/ui/DropdownMenu.vue

@@ -5,11 +5,12 @@
 </template>
 
 <script setup lang="ts">
-import { provide, ref, type InjectionKey, type Ref } from "vue"
-import { useDropdown, type UseDropdownReturn } from "../../composables/useDropdown"
+import { provide, ref, type Ref } from "vue"
+import { useDropdown } from "../../composables/useDropdown"
 import type { DropdownSide, DropdownAlign } from "../../types/dropdown"
+import { DROPDOWN_CONTEXT_KEY } from "../../types/dropdown"
 
-export interface Props {
+interface Props {
     side?: DropdownSide
     align?: DropdownAlign
     class?: string
@@ -20,8 +21,6 @@ const props = withDefaults(defineProps<Props>(), {
     align: "start"
 })
 
-export const DROPDOWN_CONTEXT_KEY: InjectionKey<UseDropdownReturn> = Symbol("dropdown-context")
-
 const dropdown_props = ref({
     side: props.side,
     align: props.align

package/dist/components/ui/DropdownMenuContent.vue

@@ -19,8 +19,8 @@
 <script setup lang="ts">
 import { inject, ref, computed, watchEffect, nextTick, watch } from "vue"
 import { useStyleAdapter } from "../../composables"
-import { DROPDOWN_CONTEXT_KEY } from "./DropdownMenu.vue"
 import type { DropdownContentProps } from "../../types/dropdown"
+import { DROPDOWN_CONTEXT_KEY } from "../../types/dropdown"
 import type { DropdownState } from "../../types/composables"
 
 const props = withDefaults(defineProps<DropdownContentProps>(), {

package/dist/components/ui/DropdownMenuItem.vue

@@ -18,8 +18,8 @@
 <script setup lang="ts">
 import { inject, computed, onMounted } from "vue"
 import { useStyleAdapter } from "../../composables"
-import { DROPDOWN_CONTEXT_KEY } from "./DropdownMenu.vue"
 import type { DropdownItemProps } from "../../types/dropdown"
+import { DROPDOWN_CONTEXT_KEY } from "../../types/dropdown"
 
 const props = withDefaults(defineProps<DropdownItemProps>(), {
     disabled: false,

package/dist/components/ui/DropdownMenuTrigger.vue

@@ -14,7 +14,7 @@
 
 <script setup lang="ts">
 import { inject, ref, watchEffect } from "vue"
-import { DROPDOWN_CONTEXT_KEY } from "./DropdownMenu.vue"
+import { DROPDOWN_CONTEXT_KEY } from "../../types/dropdown"
 
 const context = inject(DROPDOWN_CONTEXT_KEY)
 

package/dist/components/ui/Popover.vue

@@ -5,11 +5,12 @@
 </template>
 
 <script setup lang="ts">
-import { provide, ref, type InjectionKey, type Ref } from "vue"
-import { usePopover, type UsePopoverReturn } from "../../composables/usePopover"
+import { provide, ref, type Ref } from "vue"
+import { usePopover } from "../../composables/usePopover"
 import type { PopoverSide, PopoverAlign } from "../../types/popover"
+import { POPOVER_CONTEXT_KEY } from "../../types/popover"
 
-export interface Props {
+interface Props {
     side?: PopoverSide
     align?: PopoverAlign
     modal?: boolean
@@ -22,8 +23,6 @@ const props = withDefaults(defineProps<Props>(), {
     modal: false
 })
 
-export const POPOVER_CONTEXT_KEY: InjectionKey<UsePopoverReturn> = Symbol("popover-context")
-
 const popover_props = ref({
     side: props.side,
     align: props.align,

package/dist/components/ui/PopoverContent.vue

@@ -18,8 +18,8 @@
 <script setup lang="ts">
 import { inject, ref, computed, watchEffect, onMounted } from "vue"
 import { useStyleAdapter } from "../../composables"
-import { POPOVER_CONTEXT_KEY } from "./Popover.vue"
 import type { PopoverContentProps } from "../../types/popover"
+import { POPOVER_CONTEXT_KEY } from "../../types/popover"
 import type { PopoverState } from "../../types/composables"
 
 const props = withDefaults(defineProps<PopoverContentProps>(), {

package/dist/components/ui/PopoverTrigger.vue

@@ -13,7 +13,7 @@
 
 <script setup lang="ts">
 import { inject, ref, watchEffect } from "vue"
-import { POPOVER_CONTEXT_KEY } from "./Popover.vue"
+import { POPOVER_CONTEXT_KEY } from "../../types/popover"
 
 const context = inject(POPOVER_CONTEXT_KEY)
 

package/dist/components/ui/Sheet.vue

@@ -48,9 +48,10 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, watch, provide, onMounted, onUnmounted, type InjectionKey } from "vue"
+import { ref, computed, watch, provide, onMounted, onUnmounted } from "vue"
 import { useStyleAdapter } from "../../composables"
 import type { SheetSide, SheetContext, SheetProps } from "../../types/sheet"
+import { SHEET_CONTEXT_KEY } from "../../types/sheet"
 import type { SheetState } from "../../types/composables"
 
 interface Props extends SheetProps {}
@@ -66,7 +67,6 @@ const emit = defineEmits<{
     "update:open": [value: boolean]
 }>()
 
-export const SHEET_CONTEXT_KEY: InjectionKey<SheetContext> = Symbol("sheet-context")
 
 const style_adapter = useStyleAdapter()
 const is_open = ref(props.open)

package/dist/types/dialog.d.ts

@@ -1,4 +1,8 @@
-import type { Ref, DeepReadonly } from "vue";
+import type { Ref, DeepReadonly, InjectionKey } from "vue";
+export interface DialogContext {
+    close: () => void;
+}
+export declare const DIALOG_KEY: InjectionKey<DialogContext>;
 export interface DialogProps {
     open?: boolean;
     modal?: boolean;

package/dist/types/dialog.mjs

@@ -0,0 +1 @@
+export const DIALOG_KEY = Symbol("dialog");

package/dist/types/dropdown.d.ts

@@ -1,3 +1,5 @@
+import type { InjectionKey } from "vue";
+import type { UseDropdownReturn } from "../composables/useDropdown";
 export type DropdownSide = "top" | "right" | "bottom" | "left";
 export type DropdownAlign = "start" | "center" | "end";
 export interface DropdownProps {
@@ -33,3 +35,4 @@ export interface DropdownItemContext {
     is_active: boolean;
     is_disabled: boolean;
 }
+export declare const DROPDOWN_CONTEXT_KEY: InjectionKey<UseDropdownReturn>;

package/dist/types/dropdown.mjs

@@ -0,0 +1 @@
+export const DROPDOWN_CONTEXT_KEY = Symbol("dropdown-context");

package/dist/types/popover.d.ts

@@ -1,3 +1,5 @@
+import type { InjectionKey } from "vue";
+import type { UsePopoverReturn } from "../composables/usePopover";
 export type PopoverSide = "top" | "right" | "bottom" | "left";
 export type PopoverAlign = "start" | "center" | "end";
 export interface PopoverProps {
@@ -19,3 +21,4 @@ export interface PopoverContext {
     close: () => void;
     toggle: () => void;
 }
+export declare const POPOVER_CONTEXT_KEY: InjectionKey<UsePopoverReturn>;

package/dist/types/popover.mjs

@@ -0,0 +1 @@
+export const POPOVER_CONTEXT_KEY = Symbol("popover-context");

package/dist/types/sheet.d.ts

@@ -1,3 +1,4 @@
+import type { InjectionKey } from "vue";
 export type SheetSide = "top" | "right" | "bottom" | "left";
 export interface SheetProps {
     open?: boolean;
@@ -28,3 +29,4 @@ export interface SheetContext {
     open: () => void;
     close: () => void;
 }
+export declare const SHEET_CONTEXT_KEY: InjectionKey<SheetContext>;

package/dist/types/sheet.mjs

@@ -0,0 +1 @@
+export const SHEET_CONTEXT_KEY = Symbol("sheet-context");

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@soave/ui",
-    "version": "0.2.0",
+    "version": "0.2.1",
     "description": "soave UI - Composable-First UI Framework for Vue 3 / Nuxt 4",
     "author": "Arata Ouchi (Original SIN Architecture)",
     "license": "MIT",