nuance-ui 0.2.36 → 0.3.1

package/dist/runtime/components/collapsible/collapsible-content.vue

@@ -1,76 +0,0 @@
-<script>
-
-</script>
-
-<script setup>
-import { unrefElement, useEventListener } from "@vueuse/core";
-import { computed, onMounted, ref, shallowRef, useTemplateRef, watch } from "vue";
-import Box from "../box.vue";
-import { useCollapsibleState } from "./collapsible-root.vue";
-const props = defineProps({
-  forceMount: { type: Boolean, required: false },
-  is: { type: null, required: false },
-  mod: { type: [Object, Array, null], required: false }
-});
-const ctx = useCollapsibleState();
-const el = useTemplateRef("el");
-const width = ref(0);
-const height = ref(0);
-const isMountAnimationPrevented = ref(ctx.open.value);
-const savedStyle = shallowRef();
-watch(() => ctx.open.value, () => {
-  const node = unrefElement(el);
-  if (!node)
-    return;
-  if (!savedStyle.value) {
-    savedStyle.value = {
-      transitionDuration: node.style.transitionDuration,
-      animationName: node.style.animationName
-    };
-  }
-  node.style.transitionDuration = "0s";
-  node.style.animationName = "none";
-  height.value = node.scrollHeight;
-  width.value = node.scrollWidth;
-  if (!isMountAnimationPrevented.value) {
-    requestAnimationFrame(() => {
-      node.style.transitionDuration = savedStyle.value.transitionDuration;
-      node.style.animationName = savedStyle.value.animationName;
-    });
-  }
-}, { immediate: true, flush: "post" });
-onMounted(() => {
-  requestAnimationFrame(() => {
-    isMountAnimationPrevented.value = false;
-  });
-});
-const isPresent = computed(() => props.forceMount || ctx.open.value);
-const dataState = computed(() => {
-  if (isMountAnimationPrevented.value)
-    return void 0;
-  return ctx.open.value ? "open" : "closed";
-});
-useEventListener(el, "beforematch", () => {
-  requestAnimationFrame(() => ctx.onOpenToggle());
-});
-</script>
-
-<template>
-	<Box
-		v-if='ctx.unmountOnHide.value ? isPresent : true'
-		v-bind='$attrs'
-		:id='ctx.contentId'
-		ref='el'
-		:hidden='isPresent ? void 0 : ctx.unmountOnHide.value ? void 0 : "until-found"'
-		:mod='[{
-  disabled: ctx.disabled,
-  state: dataState
-}, mod]'
-		:style='{
-  "--collapsible-content-height": `${height}px`,
-  "--collapsible-content-width": `${width}px`
-}'
-	>
-		<slot />
-	</Box>
-</template>

package/dist/runtime/components/collapsible/collapsible-content.vue.d.ts

@@ -1,18 +0,0 @@
-import type { BoxProps } from '../box.vue.js';
-export interface CollapsibleContentProps extends BoxProps {
-    /**
-     * Used to force mounting when more control is needed. Useful when
-     * controlling animation with Vue animation libraries.
-     */
-    forceMount?: boolean;
-}
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<CollapsibleContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CollapsibleContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: (props: {}) => any;
-}>;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/runtime/components/collapsible/collapsible-root.d.vue.ts

@@ -1,42 +0,0 @@
-import type { Ref } from 'vue';
-import type { BoxProps } from '../box.vue.js';
-export interface CollapsibleRootProps extends BoxProps {
-    /**
-     * The open state of the collapsible when it is initially rendered.
-     * Use when you do not need to control its open state.
-     */
-    defaultOpen?: boolean;
-    /** When `true`, prevents the user from interacting with the collapsible. */
-    disabled?: boolean;
-    /** When `true`, the element will be unmounted on closed state. */
-    unmountOnHide?: boolean;
-}
-interface CollapsibleRootContext {
-    contentId: string;
-    disabled?: Ref<boolean>;
-    open: Ref<boolean>;
-    unmountOnHide: Ref<boolean>;
-    onOpenToggle: () => void;
-}
-export declare const useCollapsibleState: () => CollapsibleRootContext;
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<CollapsibleRootProps & {
-    open?: boolean;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:open": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<CollapsibleRootProps & {
-    open?: boolean;
-}> & Readonly<{
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: (props: {
-        /** Current open state */
-        open: boolean;
-    }) => any;
-}>;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/runtime/components/collapsible/collapsible-root.vue

@@ -1,41 +0,0 @@
-<script>
-import { toRefs } from "vue";
-import { createStrictInjection } from "#imports";
-import Box from "../box.vue";
-const injectionKey = /* @__PURE__ */ Symbol("collapsible-ctx");
-const [useProvide, useInject] = createStrictInjection((state) => state, {
-  name: "CollapsibleRoot",
-  injectionKey
-});
-export const useCollapsibleState = useInject;
-</script>
-
-<script setup>
-const props = defineProps({
-  defaultOpen: { type: Boolean, required: false },
-  disabled: { type: Boolean, required: false },
-  unmountOnHide: { type: Boolean, required: false },
-  is: { type: null, required: false },
-  mod: { type: [Object, Array, null], required: false }
-});
-defineSlots();
-const open = defineModel("open", { type: Boolean, ...{ default: false } });
-const { disabled, unmountOnHide } = toRefs(props);
-useProvide({
-  contentId: "",
-  disabled,
-  open,
-  unmountOnHide,
-  onOpenToggle: () => {
-    if (disabled.value)
-      return;
-    open.value = !open.value;
-  }
-});
-</script>
-
-<template>
-	<Box :mod='[{ disabled, open: open ? "open" : "closed" }, mod]'>
-		<slot :open='open' />
-	</Box>
-</template>

package/dist/runtime/components/collapsible/collapsible-root.vue.d.ts

@@ -1,42 +0,0 @@
-import type { Ref } from 'vue';
-import type { BoxProps } from '../box.vue.js';
-export interface CollapsibleRootProps extends BoxProps {
-    /**
-     * The open state of the collapsible when it is initially rendered.
-     * Use when you do not need to control its open state.
-     */
-    defaultOpen?: boolean;
-    /** When `true`, prevents the user from interacting with the collapsible. */
-    disabled?: boolean;
-    /** When `true`, the element will be unmounted on closed state. */
-    unmountOnHide?: boolean;
-}
-interface CollapsibleRootContext {
-    contentId: string;
-    disabled?: Ref<boolean>;
-    open: Ref<boolean>;
-    unmountOnHide: Ref<boolean>;
-    onOpenToggle: () => void;
-}
-export declare const useCollapsibleState: () => CollapsibleRootContext;
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<CollapsibleRootProps & {
-    open?: boolean;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:open": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<CollapsibleRootProps & {
-    open?: boolean;
-}> & Readonly<{
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: (props: {
-        /** Current open state */
-        open: boolean;
-    }) => any;
-}>;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/runtime/components/collapsible/collapsible-trigger.d.vue.ts

@@ -1,13 +0,0 @@
-declare var __VLS_10: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_10) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/runtime/components/collapsible/collapsible-trigger.vue

@@ -1,20 +0,0 @@
-<script setup>
-import Renderless from "../renderless/renderless.vue";
-import { useCollapsibleState } from "./collapsible-root.vue";
-const ctx = useCollapsibleState();
-</script>
-
-<template>
-	<Renderless
-		:mod='{
-  disabled: ctx.disabled?.value,
-  state: ctx.open.value ? "open" : "closed"
-}'
-		:aria-controls='ctx.contentId'
-		:aria-expanded='ctx.open.value'
-		:disabled='ctx.disabled?.value'
-		@click='ctx.onOpenToggle()'
-	>
-		<slot />
-	</Renderless>
-</template>

package/dist/runtime/components/collapsible/collapsible-trigger.vue.d.ts

@@ -1,13 +0,0 @@
-declare var __VLS_10: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_10) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/runtime/components/collapsible/index.d.ts

@@ -1,3 +0,0 @@
-export type * from './collapsible-content.vue';
-export { type CollapsibleRootProps, useCollapsibleState } from './collapsible-root.vue.js';
-export type * from './collapsible-trigger.vue';

package/dist/runtime/components/collapsible/index.js

@@ -1 +0,0 @@
-export { useCollapsibleState } from "./collapsible-root.vue";