@byyuurin/ui 0.0.5 → 0.0.7

package/dist/runtime/components/Toast.vue

@@ -1,21 +1,30 @@
 <script lang="ts">
+import type { VariantProps } from '@byyuurin/ui-kit'
 import type { PrimitiveProps, ToastRootEmits, ToastRootProps } from 'reka-ui'
 import type { toast } from '../theme'
 import type { ButtonProps, ComponentAttrs } from '../types'
 
+type ToastVariants = VariantProps<typeof toast>
+
 export interface ToastProps extends ComponentAttrs<typeof toast>, Pick<ToastRootProps, 'defaultOpen' | 'open' | 'type' | 'duration'> {
   /** @default "li" */
   as?: PrimitiveProps['as']
   title?: string
   description?: string
   icon?: string
+  orientation?: ToastVariants['orientation']
+  /**
+   * Display a list of actions:
+   * - under the title and description when orientation is `vertical`
+   * - next to the close button when orientation is `horizontal`
+   */
   actions?: ButtonProps[]
   /**
    * Display a close button to dismiss the toast.
    * @default true
    */
   close?: ButtonProps | boolean
-  /** @default `app.icons.close` */
+  /** @default app.icons.close */
   closeIcon?: string
 }
 
@@ -39,6 +48,7 @@ import { useTheme } from '../composables/useTheme'
 import Button from './Button.vue'
 
 const props = withDefaults(defineProps<ToastProps>(), {
+  orientation: 'vertical',
   close: true,
 })
 
@@ -50,12 +60,13 @@ const rootProps = useForwardPropsEmits(reactivePick(props, 'as', 'defaultOpen',
 const el = ref<InstanceType<typeof ToastRoot>>()
 const { height } = useElementBounding(() => el.value?.$el.getBoundingClientRect ? el.value.$el : undefined)
 
-const multiline = computed(() => !!props.title && !!props.description)
-
 const { theme, createStyler } = useTheme()
 const style = computed(() => {
   const styler = createStyler(theme.value.toast)
-  return styler({ ...props, multiline: multiline.value })
+  return styler({
+    ...props,
+    title: !!(props.title || slots.title),
+  })
 })
 
 defineExpose({
@@ -68,11 +79,11 @@ defineExpose({
     ref="el"
     v-slot="{ remaining, duration }"
     v-bind="rootProps"
-    :class="style.root({ class: [props.class, props.ui?.root], multiline })"
+    :class="style.root({ class: [props.class, props.ui?.root] })"
     :style="{ '--height': height }"
   >
     <slot name="icon">
-      <i v-if="props.icon" :class="style.icon({ class: [props.icon, props.ui?.icon] })"></i>
+      <span v-if="props.icon" :class="style.icon({ class: [props.icon, props.ui?.icon] })"></span>
     </slot>
 
     <div :class="style.wrapper({ class: props.ui?.wrapper })">
@@ -87,7 +98,7 @@ defineExpose({
         </slot>
       </ToastDescription>
 
-      <div v-if="multiline && actions?.length" :class="style.actions({ class: props.ui?.actions, multiline: true })">
+      <div v-if="props.orientation === 'vertical' && actions?.length" :class="style.actions({ class: props.ui?.actions })">
         <slot name="actions">
           <ToastAction v-for="(action, index) in props.actions" :key="index" :alt-text="action.label || 'Action'" as-child @click.stop>
             <Button size="xs" v-bind="action" />
@@ -96,8 +107,8 @@ defineExpose({
       </div>
     </div>
 
-    <div v-if="(!multiline && actions?.length) || props.close !== null" :class="style.actions({ class: props.ui?.actions, multiline: false })">
-      <template v-if="!multiline">
+    <div v-if="(props.orientation === 'horizontal' && actions?.length) || props.close !== null" :class="style.actions({ class: props.ui?.actions })">
+      <template v-if="props.orientation === 'horizontal'">
         <slot name="actions">
           <ToastAction v-for="(action, index) in props.actions" :key="index" :alt-text="action.label || 'Action'" as-child @click.stop>
             <Button size="xs" v-bind="action" />
@@ -107,7 +118,7 @@ defineExpose({
 
       <ToastClose as-child>
         <slot name="close" :ui="ui">
-          <UButton
+          <Button
             v-if="props.close"
             :icon="props.closeIcon || theme.app.icons.close"
             size="md"

package/dist/runtime/components/Toaster.vue

@@ -72,6 +72,7 @@ const style = computed(() => {
   return styler({
     ...props,
     swipeDirection: swipeDirection.value,
+    clickable: false,
   })
 })
 
@@ -114,11 +115,9 @@ function getOffset(index: number) {
         '--translate': expanded ? 'calc(var(--offset) * var(--translate-factor))' : 'calc(var(--before) * var(--gap))',
         '--transform': 'translateY(var(--translate)) scale(var(--scale))',
       }"
-      :class="[style.base(), {
-        'cursor-pointer': !!toast.click,
-      }]"
+      :class="style.base({ clickable: !!(toast.onClick) })"
       @update:open="onUpdateOpen($event, toast.id)"
-      @click="toast.click && toast.click(toast)"
+      @click="toast.onClick && toast.onClick(toast)"
     />
 
     <ToastPortal :disabled="!portal">
@@ -140,39 +139,5 @@ function getOffset(index: number) {
 </template>
 
 <style>
-@keyframes toast-collapsed-closed {
-  from {
-    transform: var(--transform);
-  }
-  to {
-    transform: translateY(calc((var(--before) - var(--height)) * var(--gap)))
-      scale(var(--scale));
-  }
-}
-@keyframes toast-closed {
-  from {
-    transform: var(--transform);
-  }
-  to {
-    transform: translateY(
-      calc((var(--offset) - var(--height)) * var(--translate-factor))
-    );
-  }
-}
-@keyframes toast-slide-left {
-  from {
-    transform: translateX(0) translateY(var(--translate));
-  }
-  to {
-    transform: translateX(-100%) translateY(var(--translate));
-  }
-}
-@keyframes toast-slide-right {
-  from {
-    transform: translateX(0) translateY(var(--translate));
-  }
-  to {
-    transform: translateX(100%) translateY(var(--translate));
-  }
-}
+@keyframes toast-collapsed-closed{0%{transform:var(--transform)}to{transform:translateY(calc((var(--before) - var(--height))*var(--gap))) scale(var(--scale))}}@keyframes toast-closed{0%{transform:var(--transform)}to{transform:translateY(calc((var(--offset) - var(--height))*var(--translate-factor)))}}@keyframes toast-slide-left{0%{transform:translateX(0) translateY(var(--translate))}to{transform:translateX(-100%) translateY(var(--translate))}}@keyframes toast-slide-right{0%{transform:translateX(0) translateY(var(--translate))}to{transform:translateX(100%) translateY(var(--translate))}}
 </style>

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

@@ -0,0 +1,13 @@
+import type { ComputedRef } from 'vue';
+import type { ButtonGroupProps } from '../components/ButtonGroup.vue.js';
+interface ButtonGroupInjectData {
+    size: ButtonGroupProps['size'];
+    orientation: ButtonGroupProps['orientation'];
+}
+export declare const InjectionKeyButtonGroup: import("vue").InjectionKey<ComputedRef<ButtonGroupInjectData>>, injectButtonGroup: () => ComputedRef<ButtonGroupInjectData> | undefined, provideButtonGroup: (value: ComputedRef<ButtonGroupInjectData>) => void;
+type UseButtonGroupProps = Pick<ButtonGroupProps, 'size'>;
+export declare function useButtonGroup(props?: UseButtonGroupProps): {
+    size: ComputedRef<any>;
+    orientation: ComputedRef<any>;
+};
+export {};

package/dist/runtime/composables/useButtonGroup.js

@@ -0,0 +1,14 @@
+import { computed } from "vue";
+import { defineInjection } from "./defineInjection.js";
+export const {
+  InjectionKey: InjectionKeyButtonGroup,
+  inject: injectButtonGroup,
+  provide: provideButtonGroup
+} = defineInjection("ui.buttonGroup");
+export function useButtonGroup(props = {}) {
+  const buttonGroup = injectButtonGroup();
+  return {
+    size: computed(() => props.size ?? buttonGroup?.value.size),
+    orientation: computed(() => buttonGroup?.value.orientation)
+  };
+}

package/dist/runtime/composables/{useComponentIcons.mjs → useComponentIcons.js}

@@ -1,5 +1,5 @@
 import { computed, toValue } from "vue";
-import { useTheme } from "./useTheme.mjs";
+import { useTheme } from "./useTheme.js";
 export function useComponentIcons(componentProps) {
   const { theme } = useTheme();
   const props = computed(() => toValue(componentProps));

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

@@ -1,6 +1,6 @@
 import type { Component, ShallowRef } from 'vue';
 import type { ComponentProps } from 'vue-component-type-helpers';
-import type { ModalProps } from '../types';
+import type { ModalProps } from '../types/index.js';
 export interface ModalState {
     component: Component | string;
     props: ModalProps;

package/dist/runtime/composables/{useModal.mjs → useModal.js}

@@ -1,6 +1,6 @@
 import { createSharedComposable } from "@vueuse/core";
 import { ref } from "vue";
-import { defineInjection } from "./defineInjection.mjs";
+import { defineInjection } from "./defineInjection.js";
 export const {
   InjectionKey: InjectionKeyModalState,
   inject: injectModalState,

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

@@ -1,9 +1,9 @@
-import type { UserConfig } from 'unocss';
+import type { UserConfig } from '@unocss/core';
 import type { MaybeRefOrGetter } from 'vue';
-import * as theme from '../theme';
-export declare const InjectionKeyThemeExtension: import("vue").InjectionKey<MaybeRefOrGetter<import("../types").PartialTheme<typeof theme>>>, provideThemeExtension: (value: MaybeRefOrGetter<import("../types").PartialTheme<typeof theme>>) => void, injectThemeExtension: () => MaybeRefOrGetter<import("../types").PartialTheme<typeof theme>>;
+import * as theme from '../theme/index.js';
+export declare const InjectionKeyThemeExtension: import("vue").InjectionKey<MaybeRefOrGetter<import("..").PartialTheme<typeof theme>>>, provideThemeExtension: (value: MaybeRefOrGetter<import("..").PartialTheme<typeof theme>>) => void, injectThemeExtension: () => MaybeRefOrGetter<import("..").PartialTheme<typeof theme>>;
 export declare const InjectionKeyUnoConfig: import("vue").InjectionKey<UserConfig<object>>, provideUnoConfig: (value: UserConfig<object>) => void, injectUnoConfig: () => UserConfig<object>;
 export declare const useTheme: () => {
     theme: import("vue").ComputedRef<typeof theme>;
-    createStyler: <V extends import("@byyuurin/ui-kit/index").CVVariants<S, B>, CV extends import("@byyuurin/ui-kit/index").CVCompoundVariants<V, S, B>, B extends import("@byyuurin/ui-kit/index").ClassValue = undefined, S extends import("@byyuurin/ui-kit/index").CVSlots = undefined>(theme: import("@byyuurin/ui-kit/index").CVMeta<V, CV, never, B, S>) => [keyof V] extends string[] ? (props: Required<import("@byyuurin/ui-kit/index").VariantProps<import("@byyuurin/ui-kit/index").CVReturnType<V, S, B>>> & import("../types").StylerBaseProps) => S extends undefined ? string : { [K in keyof S | (B extends undefined ? never : "base")]: import("@byyuurin/ui-kit/index").CVHandler<V, S, string>; } : (props?: import("../types").StylerBaseProps) => S extends undefined ? string : { [K in keyof S | (B extends undefined ? never : "base")]: import("@byyuurin/ui-kit/index").CVHandler<V, S, string>; };
+    createStyler: <V extends import("@byyuurin/ui-kit").CVVariants<S, B>, CV extends import("@byyuurin/ui-kit").CVCompoundVariants<V, S, B>, DV extends import("@byyuurin/ui-kit").CVDefaultVariants<V, S>, B extends import("@byyuurin/ui-kit").ClassValue = undefined, S extends import("@byyuurin/ui-kit").CVSlots = undefined>(theme: import("@byyuurin/ui-kit").CVMeta<V, CV, DV, B, S>) => [keyof V] extends string[] ? (props: import("@byyuurin/ui-kit").VariantProps<import("@byyuurin/ui-kit").CVReturnType<V, S, B>> & import("..").StylerBaseProps) => S extends undefined ? string : { [K in keyof S | (B extends undefined ? never : "base")]: import("@byyuurin/ui-kit").CVHandler<V, S, string>; } : (props?: import("..").StylerBaseProps) => S extends undefined ? string : { [K in keyof S | (B extends undefined ? never : "base")]: import("@byyuurin/ui-kit").CVHandler<V, S, string>; };
 };

package/dist/runtime/composables/{useTheme.mjs → useTheme.js}

@@ -1,9 +1,9 @@
-import { transformUnoRules } from "@byyuurin/ui/unocss-preset";
+import { transformUnoRules } from "@byyuurin/ui/unocss";
 import { createSharedComposable } from "@vueuse/core";
 import { computed, toValue } from "vue";
-import * as theme from "../theme/index.mjs";
-import { extendTheme, prepareStyler } from "../utils/index.mjs";
-import { defineInjection } from "./defineInjection.mjs";
+import * as theme from "../theme/index.js";
+import { extendTheme, prepareStyler } from "../utils/index.js";
+import { defineInjection } from "./defineInjection.js";
 export const {
   InjectionKey: InjectionKeyThemeExtension,
   provide: provideThemeExtension,

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

@@ -1,7 +1,7 @@
-import type { ToastProps } from '@byyuurin/ui';
+import type { ToastProps } from '../types/index.js';
 export interface Toast extends Omit<ToastProps, 'defaultOpen'> {
     id: string | number;
-    click?: (toast: Toast) => void;
+    onClick?: (toast: Toast) => void;
 }
 export declare const useToast: () => {
     toasts: import("vue").Ref<{
@@ -9,13 +9,13 @@ export declare const useToast: () => {
         [x: number]: any;
         [x: symbol]: ToastProps;
         id: string | number;
-        click?: ((toast: Toast) => void) | undefined;
+        onClick?: ((toast: Toast) => void) | undefined;
     }[], Toast[] | {
         [x: string]: any;
         [x: number]: any;
         [x: symbol]: ToastProps;
         id: string | number;
-        click?: ((toast: Toast) => void) | undefined;
+        onClick?: ((toast: Toast) => void) | undefined;
     }[]>;
     add: (toast: Partial<Toast>) => Toast;
     update: (id: string | number, toast: Partial<Omit<Toast, "id">>) => void;

package/dist/runtime/composables/{useToast.mjs → useToast.js}

@@ -1,17 +1,30 @@
 import { createSharedComposable } from "@vueuse/core";
-import { ref } from "vue";
+import { nextTick, ref } from "vue";
 export const useToast = createSharedComposable(() => {
   const toasts = ref([]);
+  const running = ref(false);
+  const maxToasts = 5;
+  const queue = [];
+  const generateId = () => `${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
+  async function processQueue() {
+    if (running.value || queue.length === 0)
+      return;
+    running.value = true;
+    while (queue.length > 0) {
+      const toast = queue.shift();
+      await nextTick();
+      toasts.value = [...toasts.value, toast].slice(-maxToasts);
+    }
+    running.value = false;
+  }
   function add(toast) {
     const body = {
-      id: Date.now().toString(),
+      id: generateId(),
       open: true,
       ...toast
     };
-    const index = toasts.value.findIndex((t) => t.id === body.id);
-    if (index === -1)
-      toasts.value.push(body);
-    toasts.value = toasts.value.slice(-5);
+    queue.push(body);
+    processQueue();
     return body;
   }
   function update(id, toast) {

package/dist/runtime/index.d.ts

@@ -0,0 +1,34 @@
+export { default as Accordion } from './components/Accordion.vue.js';
+export { default as Alert } from './components/Alert.vue.js';
+export { default as App } from './components/App.vue.js';
+export { default as Badge } from './components/Badge.vue.js';
+export { default as Button } from './components/Button.vue.js';
+export { default as ButtonGroup } from './components/ButtonGroup.vue.js';
+export { default as Card } from './components/Card.vue.js';
+export { default as Carousel } from './components/Carousel.vue.js';
+export { default as Checkbox } from './components/Checkbox.vue.js';
+export { default as Chip } from './components/Chip.vue.js';
+export { default as Collapsible } from './components/Collapsible.vue.js';
+export { default as Drawer } from './components/Drawer.vue.js';
+export { default as Input } from './components/Input.vue.js';
+export { default as InputNumber } from './components/InputNumber.vue.js';
+export { default as Link } from './components/Link.vue.js';
+export { default as LinkBase } from './components/LinkBase.vue.js';
+export { default as Modal } from './components/Modal.vue.js';
+export { default as ModalProvider } from './components/ModalProvider.vue.js';
+export { default as Pagination } from './components/Pagination.vue.js';
+export { default as PinInput } from './components/PinInput.vue.js';
+export { default as Popover } from './components/Popover.vue.js';
+export { default as RadioGroup } from './components/RadioGroup.vue.js';
+export { default as ScrollArea } from './components/ScrollArea.vue.js';
+export { default as Select } from './components/Select.vue.js';
+export { default as Separator } from './components/Separator.vue.js';
+export { default as Slider } from './components/Slider.vue.js';
+export { default as Switch } from './components/Switch.vue.js';
+export { default as Table } from './components/Table.vue.js';
+export { default as Tabs } from './components/Tabs.vue.js';
+export { default as Textarea } from './components/Textarea.vue.js';
+export { default as Toast } from './components/Toast.vue.js';
+export { default as Toaster } from './components/Toaster.vue.js';
+export { default as Tooltip } from './components/Tooltip.vue.js';
+export * from './types/index.js';

package/dist/runtime/index.js

@@ -0,0 +1,34 @@
+export { default as Accordion } from "./components/Accordion.vue";
+export { default as Alert } from "./components/Alert.vue";
+export { default as App } from "./components/App.vue";
+export { default as Badge } from "./components/Badge.vue";
+export { default as Button } from "./components/Button.vue";
+export { default as ButtonGroup } from "./components/ButtonGroup.vue";
+export { default as Card } from "./components/Card.vue";
+export { default as Carousel } from "./components/Carousel.vue";
+export { default as Checkbox } from "./components/Checkbox.vue";
+export { default as Chip } from "./components/Chip.vue";
+export { default as Collapsible } from "./components/Collapsible.vue";
+export { default as Drawer } from "./components/Drawer.vue";
+export { default as Input } from "./components/Input.vue";
+export { default as InputNumber } from "./components/InputNumber.vue";
+export { default as Link } from "./components/Link.vue";
+export { default as LinkBase } from "./components/LinkBase.vue";
+export { default as Modal } from "./components/Modal.vue";
+export { default as ModalProvider } from "./components/ModalProvider.vue";
+export { default as Pagination } from "./components/Pagination.vue";
+export { default as PinInput } from "./components/PinInput.vue";
+export { default as Popover } from "./components/Popover.vue";
+export { default as RadioGroup } from "./components/RadioGroup.vue";
+export { default as ScrollArea } from "./components/ScrollArea.vue";
+export { default as Select } from "./components/Select.vue";
+export { default as Separator } from "./components/Separator.vue";
+export { default as Slider } from "./components/Slider.vue";
+export { default as Switch } from "./components/Switch.vue";
+export { default as Table } from "./components/Table.vue";
+export { default as Tabs } from "./components/Tabs.vue";
+export { default as Textarea } from "./components/Textarea.vue";
+export { default as Toast } from "./components/Toast.vue";
+export { default as Toaster } from "./components/Toaster.vue";
+export { default as Tooltip } from "./components/Tooltip.vue";
+export * from "./types/index.js";

package/dist/runtime/theme/accordion.d.ts

@@ -7,8 +7,8 @@ declare const _default: {
         trigger: string;
         content: string[];
         body: string;
-        icon: string;
-        trailingIcon: string;
+        prefixIcon: string;
+        suffixIcon: string;
         label: string;
     };
     variants: {
@@ -18,7 +18,7 @@ declare const _default: {
             };
         };
     };
-    compoundVariants: import("@byyuurin/ui-kit/index").CVCompoundVariants<{
+    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
         disabled: {
             true: {
                 trigger: string;
@@ -31,9 +31,26 @@ declare const _default: {
         trigger: string;
         content: string[];
         body: string;
-        icon: string;
-        trailingIcon: string;
+        prefixIcon: string;
+        suffixIcon: string;
         label: string;
     }, undefined>;
+    defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
+        disabled: {
+            true: {
+                trigger: string;
+            };
+        };
+    }, {
+        root: string;
+        item: string;
+        header: string;
+        trigger: string;
+        content: string[];
+        body: string;
+        prefixIcon: string;
+        suffixIcon: string;
+        label: string;
+    }>;
 };
 export default _default;

package/dist/runtime/theme/{accordion.mjs → accordion.js}

@@ -13,8 +13,8 @@ export default ct(
         "data-[state=closed]:animate-[accordion-up_200ms_ease-out]"
       ],
       body: "text-sm pb-4 color-ui-cb/80",
-      icon: "shrink-0 size-5",
-      trailingIcon: "shrink-0 size-5 ms-auto group-data-[state=open]:rotate-180 transition-transform duration-200",
+      prefixIcon: "shrink-0 size-5",
+      suffixIcon: "shrink-0 size-5 ms-auto group-data-[state=open]:rotate-180 transition-all duration-200",
       label: "text-start break-words"
     },
     variants: {

package/dist/runtime/theme/alert.d.ts

@@ -41,7 +41,7 @@ declare const _default: {
             };
         };
     };
-    compoundVariants: import("@byyuurin/ui-kit/index").CVCompoundVariants<{
+    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
         variant: {
             solid: {
                 root: string;
@@ -81,5 +81,45 @@ declare const _default: {
         actions: string;
         close: string;
     }, undefined>;
+    defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
+        variant: {
+            solid: {
+                root: string;
+                close: string;
+            };
+            outline: {
+                root: string;
+            };
+            soft: {
+                root: string;
+            };
+            'soft-outline': {
+                root: string;
+            };
+        };
+        orientation: {
+            horizontal: {
+                root: string;
+                actions: string;
+            };
+            vertical: {
+                root: string;
+                actions: string;
+            };
+        };
+        title: {
+            true: {
+                description: string;
+            };
+        };
+    }, {
+        root: string;
+        wrapper: string;
+        title: string;
+        description: string;
+        icon: string;
+        actions: string;
+        close: string;
+    }>;
 };
 export default _default;

package/dist/runtime/theme/{alert.mjs → alert.js}

@@ -14,17 +14,17 @@ export default ct(
     variants: {
       variant: {
         "solid": {
-          root: "color-ui-c1 bg-ui-fill",
+          root: "color-ui-cx bg-ui-fill",
           close: "ui-base-inverted"
         },
         "outline": {
-          root: "color-ui-content bg-ui-c1 ring ring-inset ring-ui-fill"
+          root: "color-ui-content bg-ui-cx ring ring-inset ring-ui-fill/30"
         },
         "soft": {
-          root: "color-ui-content bg-ui-fill/10"
+          root: "color-ui-content bg-soft-ui-fill/10"
         },
         "soft-outline": {
-          root: "color-ui-content bg-ui-fill/10 ring ring-inset ring-ui-fill/40"
+          root: "color-ui-content bg-soft-ui-fill/10 ring ring-inset ring-ui-fill/30"
         }
       },
       orientation: {

package/dist/runtime/theme/app.d.ts

@@ -4,7 +4,15 @@ declare const _default: {
         loading: string;
         check: string;
         indeterminate: string;
+        up: string;
         down: string;
+        arrowLeft: string;
+        arrowRight: string;
+        doubleLeft: string;
+        doubleRight: string;
+        ellipsis: string;
+        plus: string;
+        minus: string;
     };
 };
 export default _default;

package/dist/runtime/theme/app.js

@@ -0,0 +1,18 @@
+export default {
+  /* @unocss-include */
+  icons: {
+    close: "i-mdi-close-thick",
+    loading: "i-mdi-loading",
+    check: "i-mdi-check-bold",
+    indeterminate: "i-mdi-minus-thick",
+    up: "i-mdi-chevron-up",
+    down: "i-mdi-chevron-down",
+    arrowLeft: "i-mdi-chevron-left",
+    arrowRight: "i-mdi-chevron-right",
+    doubleLeft: "i-mdi-chevron-double-left",
+    doubleRight: "i-mdi-chevron-double-right",
+    ellipsis: "i-mdi-dots-horizontal",
+    plus: "i-mdi-plus",
+    minus: "i-mdi-minus"
+  }
+};

package/dist/runtime/theme/badge.d.ts

@@ -50,30 +50,57 @@ declare const _default: {
             };
         };
     };
-    compoundVariants: ({
-        position: "top-right";
-        inset: false;
-        class: {
-            base: string;
+    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
+        size: {
+            xs: {
+                root: string;
+            };
+            sm: {
+                root: string;
+            };
+            md: {
+                root: string;
+            };
+            lg: {
+                root: string;
+            };
+            xl: {
+                root: string;
+            };
         };
-    } | {
-        position: "bottom-right";
-        inset: false;
-        class: {
-            base: string;
+        position: {
+            'top-right': {
+                base: string;
+            };
+            'bottom-right': {
+                base: string;
+            };
+            'top-left': {
+                base: string;
+            };
+            'bottom-left': {
+                base: string;
+            };
         };
-    } | {
-        position: "top-left";
-        inset: false;
-        class: {
-            base: string;
+        show: {
+            true: {
+                base: string;
+            };
         };
-    } | {
-        position: "bottom-left";
-        inset: false;
-        class: {
-            base: string;
+        inset: {
+            true: "";
+        };
+        standalone: {
+            false: {
+                base: string;
+            };
         };
-    })[];
+    }, {
+        root: string;
+        base: string[];
+    }, undefined>;
+    defaultVariants: {
+        size: "md";
+    };
 };
 export default _default;