@toife/vue 3.2.5 → 3.2.7

package/src/components/toast/toast-content/toast-content.vue

@@ -0,0 +1,51 @@
+<style lang="scss" src="@toife/core/features/toast/toast-content.scss" scoped></style>
+<template src="./toast-content.html"></template>
+<script lang="ts" setup>
+import { unref, computed, inject, onMounted, ref } from "vue";
+import {
+  TOAST_CONTENT_DEFAULT_PROPS,
+  APP_PROVIDER_STATE_KEY,
+  getToastContentAttrs,
+  type AppProviderState,
+  type ToastContentEvent,
+  type ToastContentProps,
+} from "@toife/core";
+import type { ProviderStateRefs } from "../../../shared/provider-state";
+
+// Component setup (props, emits, injects)
+// ----------------------------------------------------------------------------
+const props = withDefaults(defineProps<ToastContentProps>(), {
+  ...TOAST_CONTENT_DEFAULT_PROPS,
+});
+const emit = defineEmits<ToastContentEvent>();
+const appState = inject<ProviderStateRefs<AppProviderState>>(APP_PROVIDER_STATE_KEY);
+
+// Reactive state
+// ----------------------------------------------------------------------------
+const isClosing = ref(false);
+
+// Computed properties
+// ----------------------------------------------------------------------------
+const contentAttrs = computed(() => {
+  const role = props.role || unref(appState?.role) || "";
+  const shape = props.shape || unref(appState?.shape) || "";
+  return getToastContentAttrs({
+    role,
+    shape,
+    variant: props.variant,
+    closing: isClosing.value,
+  });
+});
+
+// Lifecycle
+// ----------------------------------------------------------------------------
+onMounted(() => {
+  setTimeout(() => {
+    isClosing.value = true;
+
+    setTimeout(() => {
+      emit("close");
+    }, 500);
+  }, props.duration);
+});
+</script>

package/src/components/toast/toast.composable.ts

@@ -0,0 +1,22 @@
+import { ref } from "vue";
+import { type ToastContentProps } from "@toife/core";
+
+// Queue of active toast payloads (each open() appends with a monotonic id)
+const messages = ref<ToastContentProps[]>([]);
+const messageId = ref(1);
+
+export const useToast = () => {
+  const open = (message: ToastContentProps) => {
+    messages.value.push({ ...message, id: messageId.value++ });
+  };
+
+  const close = (id: number) => {
+    messages.value = messages.value.filter((item) => item.id !== id);
+  };
+
+  return {
+    messages,
+    open,
+    close,
+  };
+};

package/src/components/toolbar/index.ts

@@ -0,0 +1 @@
+export { default as Toolbar } from "./toolbar.vue";

package/src/components/toolbar/toolbar.html

@@ -0,0 +1,3 @@
+<div v-bind="toolbarAttrs">
+  <slot />
+</div>

package/src/components/toolbar/toolbar.vue

@@ -0,0 +1,39 @@
+<style lang="scss" src="@toife/core/features/toolbar/toolbar.scss" scoped></style>
+<template src="./toolbar.html"></template>
+<script lang="ts" setup>
+import { unref, computed, inject } from "vue";
+import {
+  TOOLBAR_DEFAULT_PROPS,
+  APP_PROVIDER_STATE_KEY,
+  CABLE_PROVIDER_STATE_KEY,
+  getToolbarAttrs,
+  type AppProviderState,
+  type CableProviderState,
+  type ToolbarProps,
+} from "@toife/core";
+import type { ProviderStateRefs } from "../../shared/provider-state";
+
+// Component setup (props, emits, injects)
+// ----------------------------------------------------------------------------
+const props = withDefaults(defineProps<ToolbarProps>(), {
+  ...TOOLBAR_DEFAULT_PROPS,
+});
+const cable = inject<ProviderStateRefs<CableProviderState>>(CABLE_PROVIDER_STATE_KEY);
+const appState = inject<ProviderStateRefs<AppProviderState>>(APP_PROVIDER_STATE_KEY);
+
+// Computed properties
+// ----------------------------------------------------------------------------
+const toolbarAttrs = computed(() => {
+  const role = props.role || unref(appState?.role) || "";
+  const placement = props.placement || unref(cable?.placement) || "";
+  const divider =
+    (props?.divider !== undefined ? props.divider : unref(appState?.divider)) ?? false;
+
+  return getToolbarAttrs({
+    role,
+    placement,
+    safe: props.safe,
+    divider,
+  });
+});
+</script>

package/src/env.d.ts

@@ -0,0 +1,7 @@
+// Vue SFC module typings for this package and for consumers (source is built in their app).
+// Intentionally no "vite/client" so projects without Vite still typecheck.
+declare module "*.vue" {
+  import type { DefineComponent } from "vue";
+  const component: DefineComponent<{}, {}, any>;
+  export default component;
+}

package/src/factory.ts

@@ -0,0 +1,162 @@
+import {
+  Action,
+  App,
+  Avatar,
+  Button,
+  Cable,
+  Card,
+  CardBody,
+  CardHeader,
+  CardFooter,
+  Checkbox,
+  Collapse,
+  Container,
+  DecisionModal,
+  Divider,
+  Dropdown,
+  Field,
+  Flex,
+  FlexItem,
+  FormGroup,
+  GestureIndicator,
+  Grid,
+  GridItem,
+  Image,
+  Modal,
+  Page,
+  Present,
+  Radio,
+  RadioGroup,
+  Refresher,
+  RouteNavigator,
+  RouteWrapper,
+  RouteProvider,
+  RouteOutlet,
+  SegmentedField,
+  Select,
+  SlideRange,
+  Skeleton,
+  Switch,
+  Tag,
+  Tab,
+  Tabs,
+  Toast,
+  ToastContent,
+  Toolbar,
+} from "./components";
+import { type SubscribeOptions } from "./types";
+import { DefineComponent, ref, type App as VueApp } from "vue";
+import { preventDefault } from "@toife/core";
+
+const apps = ref<Record<string, any>>({});
+const defaultAppName = "toife";
+
+class Toife {
+  /**
+   * Subscribe options
+   */
+  public options: SubscribeOptions;
+  public app: VueApp;
+
+  /**
+   * Constructor
+   */
+  constructor(app: VueApp, options?: SubscribeOptions) {
+    this.options = {
+      name: options?.name || defaultAppName,
+      prefix: options?.prefix || "t-",
+    };
+
+    this.app = app;
+  }
+
+  /**
+   * Subscribe components
+   */
+  subscribeAll() {
+    const prefix = this.options.prefix;
+    this.app.component(prefix + "app", App);
+    this.app.component(prefix + "action", Action);
+    this.app.component(prefix + "avatar", Avatar);
+    this.app.component(prefix + "button", Button);
+    this.app.component(prefix + "cable", Cable);
+    this.app.component(prefix + "card", Card);
+    this.app.component(prefix + "card-body", CardBody);
+    this.app.component(prefix + "card-header", CardHeader);
+    this.app.component(prefix + "card-footer", CardFooter);
+    this.app.component(prefix + "checkbox", Checkbox);
+    this.app.component(prefix + "radio", Radio);
+    this.app.component(prefix + "radio-group", RadioGroup);
+    this.app.component(prefix + "collapse", Collapse);
+    this.app.component(prefix + "container", Container);
+    this.app.component(prefix + "decision-modal", DecisionModal);
+    this.app.component(prefix + "divider", Divider);
+    this.app.component(prefix + "dropdown", Dropdown);
+    this.app.component(prefix + "field", Field);
+    this.app.component(prefix + "flex", Flex);
+    this.app.component(prefix + "flex-item", FlexItem);
+    this.app.component(prefix + "form-group", FormGroup);
+    this.app.component(prefix + "gesture-indicator", GestureIndicator);
+    this.app.component(prefix + "grid", Grid);
+    this.app.component(prefix + "grid-item", GridItem);
+    this.app.component(prefix + "image", Image);
+    this.app.component(prefix + "modal", Modal);
+    this.app.component(prefix + "page", Page);
+    this.app.component(prefix + "present", Present);
+    this.app.component(prefix + "refresher", Refresher);
+    this.app.component(prefix + "route-navigator", RouteNavigator);
+    this.app.component(prefix + "route-wrapper", RouteWrapper);
+    this.app.component(prefix + "route-provider", RouteProvider);
+    this.app.component(prefix + "route-outlet", RouteOutlet);
+    this.app.component(prefix + "segmented-field", SegmentedField);
+    this.app.component(prefix + "select", Select);
+    this.app.component(prefix + "slide-range", SlideRange);
+    this.app.component(prefix + "skeleton", Skeleton);
+    this.app.component(prefix + "switch", Switch);
+    this.app.component(prefix + "tag", Tag);
+    this.app.component(prefix + "tab", Tab);
+    this.app.component(prefix + "tabs", Tabs);
+    this.app.component(prefix + "toast", Toast);
+    this.app.component(prefix + "toast-content", ToastContent);
+    this.app.component(prefix + "toolbar", Toolbar);
+  }
+
+  /**
+   * Subscribe a component
+   */
+  subscribe(name: string, component: DefineComponent<{}, {}, any>) {
+    if (!this.app.component(this.options.prefix + name)) {
+      this.app.component(this.options.prefix + name, component);
+    }
+  }
+
+  /**
+   * Prevent default behavior
+   */
+  preventDefault() {
+    preventDefault();
+  }
+}
+
+/**
+ * Subscribe components
+ */
+export const createToife = (app: VueApp, options?: SubscribeOptions) => {
+  const instance = new Toife(app, options);
+  apps.value[instance.options.name] = instance;
+  return instance;
+};
+
+/**
+ * Get component name
+ */
+export const useApp = (name: string = defaultAppName) => {
+  return apps.value[name] || null;
+};
+
+/**
+ * Get all apps
+ */
+export const getApps = () => {
+  return apps.value;
+};

package/src/index.ts

@@ -0,0 +1,4 @@
+/// <reference path="./env.d.ts" />
+export * from "./factory";
+export * from "./components";
+export * from "@toife/core";

package/src/shared/provider-state.ts

@@ -0,0 +1,8 @@
+import type { ComputedRef, Ref } from "vue";
+
+/** Vue `provide`/`inject` shape for core provider state (refs stay reactive). */
+export type ProviderStateRefs<T extends Record<string, unknown>> = {
+  [K in keyof T]: T[K] extends (...args: infer A) => infer R
+    ? (...args: A) => R
+    : Ref<T[K]> | ComputedRef<T[K]>;
+};

package/src/types.ts

@@ -0,0 +1,4 @@
+export type SubscribeOptions = {
+  prefix?: string;
+  name: string;
+};

package/dist/components/action/action.composable.d.ts

@@ -1,44 +0,0 @@
-import { ActionButton, ActionComposableProps } from '@toife/core';
-export declare const useAction: () => {
-    open: (props: ActionComposableProps) => void;
-    close: (type?: string) => void;
-    choose: (btn: ActionButton) => void;
-    visible: import('vue').Ref<boolean, boolean>;
-    data: import('vue').Ref<{
-        visible?: boolean | undefined;
-        dismiss?: string[] | undefined;
-        actions: {
-            text?: string | undefined;
-            role?: string | undefined;
-            variant?: import('@toife/core').ButtonVariant | undefined;
-            shadow?: boolean | undefined;
-            handler?: (() => void) | undefined;
-            data?: unknown;
-        }[][];
-        role?: string | undefined;
-        shape?: string | undefined;
-        divider?: boolean | undefined;
-        shadow?: boolean | undefined;
-        placement?: import('@toife/core').ActionPlacement | undefined;
-        onClose?: ((type?: string) => void) | undefined;
-        onChoose?: ((btn?: ActionButton) => void) | undefined;
-    } | null, ActionComposableProps | {
-        visible?: boolean | undefined;
-        dismiss?: string[] | undefined;
-        actions: {
-            text?: string | undefined;
-            role?: string | undefined;
-            variant?: import('@toife/core').ButtonVariant | undefined;
-            shadow?: boolean | undefined;
-            handler?: (() => void) | undefined;
-            data?: unknown;
-        }[][];
-        role?: string | undefined;
-        shape?: string | undefined;
-        divider?: boolean | undefined;
-        shadow?: boolean | undefined;
-        placement?: import('@toife/core').ActionPlacement | undefined;
-        onClose?: ((type?: string) => void) | undefined;
-        onChoose?: ((btn?: ActionButton) => void) | undefined;
-    } | null>;
-};

package/dist/components/action/action.vue.d.ts

@@ -1,16 +0,0 @@
-import { ActionButton, ActionProps } from '@toife/core';
-declare const _default: import('vue').DefineComponent<ActionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    close: (type?: string | undefined) => any;
-    choose: (btn: ActionButton) => any;
-}, string, import('vue').PublicProps, Readonly<ActionProps> & Readonly<{
-    onClose?: ((type?: string | undefined) => any) | undefined;
-    onChoose?: ((btn: ActionButton) => any) | undefined;
-}>, {
-    role: string;
-    shape: string;
-    divider: boolean;
-    placement: import('@toife/core').ActionPlacement;
-    shadow: boolean;
-    visible: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/action/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Action } from './action.vue';
-export { useAction } from './action.composable';

package/dist/components/app/app.vue.d.ts

@@ -1,11 +0,0 @@
-import { AppProps } from '@toife/core';
-declare const _default: import('vue').DefineComponent<AppProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AppProps> & Readonly<{}>, {
-    role: string;
-    shape: string;
-    divider: boolean;
-    direction: import('@toife/core').AppDirection;
-    shadow: boolean;
-    triple: boolean;
-    data: import('@toife/core').AppData;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/app/index.d.ts

@@ -1 +0,0 @@
-export { default as App } from './app.vue';

package/dist/components/avatar/avatar.vue.d.ts

@@ -1,8 +0,0 @@
-import { AvatarProps } from '@toife/core';
-declare const _default: import('vue').DefineComponent<AvatarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AvatarProps> & Readonly<{}>, {
-    role: string;
-    size: string | number;
-    divider: boolean;
-    src: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/avatar/index.d.ts

@@ -1 +0,0 @@
-export { default as Avatar } from './avatar.vue';

package/dist/components/button/button.vue.d.ts

@@ -1,9 +0,0 @@
-import { ButtonProps } from '@toife/core';
-declare const _default: import('vue').DefineComponent<ButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
-    size: import('@toife/core').ButtonSize;
-    variant: import('@toife/core').ButtonVariant;
-    shadow: boolean;
-    block: boolean;
-    loading: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/button/index.d.ts

@@ -1 +0,0 @@
-export { default as Button } from './button.vue';

package/dist/components/cable/cable.vue.d.ts

@@ -1,6 +0,0 @@
-import { CableProps } from '@toife/core';
-declare const _default: import('vue').DefineComponent<CableProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CableProps> & Readonly<{}>, {
-    placement: string;
-    keyboard: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/cable/index.d.ts

@@ -1 +0,0 @@
-export { default as Cable } from './cable.vue';

package/dist/components/card/card/card.vue.d.ts

@@ -1,7 +0,0 @@
-import { CardProps } from '@toife/core';
-declare const _default: import('vue').DefineComponent<CardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CardProps> & Readonly<{}>, {
-    role: string;
-    shape: string;
-    divider: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/card/card/index.d.ts

@@ -1 +0,0 @@
-export { default as Card } from './card.vue';

package/dist/components/card/card-body/card-body.vue.d.ts

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

package/dist/components/card/card-body/index.d.ts

@@ -1 +0,0 @@
-export { default as CardBody } from './card-body.vue';

package/dist/components/card/card-footer/card-footer.vue.d.ts

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

package/dist/components/card/card-footer/index.d.ts

@@ -1 +0,0 @@
-export { default as CardFooter } from './card-footer.vue';

package/dist/components/card/card-header/card-header.vue.d.ts

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

package/dist/components/card/card-header/index.d.ts

@@ -1 +0,0 @@
-export { default as CardHeader } from './card-header.vue';

package/dist/components/card/index.d.ts

@@ -1,4 +0,0 @@
-export * from './card';
-export * from './card-body';
-export * from './card-header';
-export * from './card-footer';

package/dist/components/checkbox/checkbox.vue.d.ts

@@ -1,18 +0,0 @@
-import { CheckboxProps } from '@toife/core';
-declare const _default: import('vue').DefineComponent<CheckboxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    blur: () => any;
-    focus: () => any;
-    "update:modelValue": (value: boolean) => any;
-}, string, import('vue').PublicProps, Readonly<CheckboxProps> & Readonly<{
-    onBlur?: (() => any) | undefined;
-    onFocus?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {
-    size: import('@toife/core').CheckboxSize;
-    variant: import('@toife/core').CheckboxVariant;
-    disabled: boolean;
-    shadow: boolean;
-    modelValue: boolean;
-    readonly: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/checkbox/index.d.ts

@@ -1 +0,0 @@
-export { default as Checkbox } from './checkbox.vue';

package/dist/components/collapse/collapse.vue.d.ts

@@ -1,12 +0,0 @@
-import { CollapseProps } from '@toife/core';
-declare const _default: import('vue').DefineComponent<CollapseProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: boolean) => any;
-}, string, import('vue').PublicProps, Readonly<CollapseProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {
-    role: string;
-    duration: number;
-    disabled: boolean;
-    modelValue: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/collapse/index.d.ts

@@ -1 +0,0 @@
-export { default as Collapse } from './collapse.vue';

package/dist/components/container/container.vue.d.ts

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

package/dist/components/container/index.d.ts

@@ -1 +0,0 @@
-export { default as Container } from './container.vue';

package/dist/components/decision-modal/decision-modal.composable.d.ts

@@ -1,46 +0,0 @@
-import { DecisionModalButton, DecisionModalComposableProps } from '@toife/core';
-export declare const useDecisionModal: () => {
-    open: (props: DecisionModalComposableProps) => void;
-    close: (type?: string) => void;
-    choose: (btn: DecisionModalButton) => void;
-    visible: import('vue').Ref<boolean, boolean>;
-    data: import('vue').Ref<{
-        visible?: boolean | undefined;
-        title?: string | undefined;
-        message: string;
-        actions: {
-            text?: string | undefined;
-            role?: string | undefined;
-            variant?: import('@toife/core').ButtonVariant | undefined;
-            handler?: (() => void) | undefined;
-            data?: unknown;
-        }[];
-        dismiss?: Array<string> | undefined;
-        placement?: string | undefined;
-        role?: string | undefined;
-        shape?: string | undefined;
-        divider?: boolean | undefined;
-        flow?: import('@toife/core').DecisionModalFlow | undefined;
-        onClose?: ((type?: string) => void) | undefined;
-        onChoose?: ((btn?: DecisionModalButton) => void) | undefined;
-    } | null, DecisionModalComposableProps | {
-        visible?: boolean | undefined;
-        title?: string | undefined;
-        message: string;
-        actions: {
-            text?: string | undefined;
-            role?: string | undefined;
-            variant?: import('@toife/core').ButtonVariant | undefined;
-            handler?: (() => void) | undefined;
-            data?: unknown;
-        }[];
-        dismiss?: Array<string> | undefined;
-        placement?: string | undefined;
-        role?: string | undefined;
-        shape?: string | undefined;
-        divider?: boolean | undefined;
-        flow?: import('@toife/core').DecisionModalFlow | undefined;
-        onClose?: ((type?: string) => void) | undefined;
-        onChoose?: ((btn?: DecisionModalButton) => void) | undefined;
-    } | null>;
-};

package/dist/components/decision-modal/decision-modal.vue.d.ts

@@ -1,16 +0,0 @@
-import { DecisionModalButton, DecisionModalProps } from '@toife/core';
-declare const _default: import('vue').DefineComponent<DecisionModalProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    close: (type?: string | undefined) => any;
-    choose: (btn: DecisionModalButton) => any;
-}, string, import('vue').PublicProps, Readonly<DecisionModalProps> & Readonly<{
-    onClose?: ((type?: string | undefined) => any) | undefined;
-    onChoose?: ((btn: DecisionModalButton) => any) | undefined;
-}>, {
-    role: string;
-    shape: string;
-    divider: boolean;
-    placement: string;
-    visible: boolean;
-    flow: import('@toife/core').DecisionModalFlow;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/decision-modal/index.d.ts

@@ -1,2 +0,0 @@
-export { default as DecisionModal } from './decision-modal.vue';
-export { useDecisionModal } from './decision-modal.composable';

package/dist/components/divider/divider.vue.d.ts

@@ -1,5 +0,0 @@
-import { DividerProps } from '@toife/core';
-declare const _default: import('vue').DefineComponent<DividerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DividerProps> & Readonly<{}>, {
-    direction: import('@toife/core').DividerDirection;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/divider/index.d.ts

@@ -1 +0,0 @@
-export { default as Divider } from './divider.vue';

package/dist/components/dropdown/dropdown.vue.d.ts

@@ -1,20 +0,0 @@
-import { DropdownProps } from '@toife/core';
-declare const _default: import('vue').DefineComponent<DropdownProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    close: () => any;
-    "update:modelValue": (open: boolean) => any;
-    open: () => any;
-}, string, import('vue').PublicProps, Readonly<DropdownProps> & Readonly<{
-    onClose?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((open: boolean) => any) | undefined;
-    onOpen?: (() => any) | undefined;
-}>, {
-    role: string;
-    shape: string;
-    size: import('@toife/core').DropdownSize;
-    direction: import('@toife/core').AppDirection;
-    disabled: boolean;
-    placement: import('@toife/core').DropdownPlacement;
-    shadow: boolean;
-    modelValue: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/dropdown/index.d.ts

@@ -1 +0,0 @@
-export { default as Dropdown } from './dropdown.vue';