@byyuurin/ui 0.0.0

package/dist/components/Toast.vue

@@ -0,0 +1,126 @@
+<script lang="ts">
+import type { PrimitiveProps, ToastRootEmits, ToastRootProps } from 'reka-ui'
+import type { toast } from '../theme'
+import type { ButtonProps, ComponentAttrs } from '../types'
+
+export interface ToastProps extends ComponentAttrs<typeof toast>, Pick<ToastRootProps, 'defaultOpen' | 'open' | 'type' | 'duration'> {
+  /** @default "li" */
+  as?: PrimitiveProps['as']
+  title?: string
+  description?: string
+  icon?: string
+  actions?: ButtonProps[]
+  /**
+   * Display a close button to dismiss the toast.
+   * @default true
+   */
+  close?: ButtonProps | boolean
+  /** @default `app.icons.close` */
+  closeIcon?: string
+}
+
+export interface ToastEmits extends ToastRootEmits {}
+
+export interface ToastSlots {
+  icon?: (props?: {}) => any
+  title?: (props?: {}) => any
+  description?: (props?: {}) => any
+  actions?: (props?: {}) => any
+  close?: (props: { ui: any }) => any
+
+}
+</script>
+
+<script setup lang="ts">
+import { reactivePick, useElementBounding } from '@vueuse/core'
+import { ToastAction, ToastClose, ToastDescription, ToastRoot, ToastTitle, useForwardPropsEmits } from 'reka-ui'
+import { computed, ref } from 'vue'
+import { useTheme } from '../composables'
+import Button from './Button.vue'
+
+const props = withDefaults(defineProps<ToastProps>(), {
+  close: true,
+})
+
+const emit = defineEmits<ToastEmits>()
+const slots = defineSlots<ToastSlots>()
+
+const rootProps = useForwardPropsEmits(reactivePick(props, 'as', 'defaultOpen', 'open', 'duration', 'type'), emit)
+
+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 })
+})
+
+defineExpose({
+  height,
+})
+</script>
+
+<template>
+  <ToastRoot
+    ref="el"
+    v-slot="{ remaining, duration }"
+    v-bind="rootProps"
+    :class="style.root({ class: [props.class, props.ui?.root], multiline })"
+    :style="{ '--height': height }"
+  >
+    <slot name="icon">
+      <i v-if="props.icon" :class="style.icon({ class: [props.icon, props.ui?.icon] })"></i>
+    </slot>
+
+    <div :class="style.wrapper({ class: props.ui?.wrapper })">
+      <ToastTitle v-if="props.title || !!slots.title" :class="style.title({ class: props.ui?.title })">
+        <slot name="title">
+          {{ props.title }}
+        </slot>
+      </ToastTitle>
+      <ToastDescription v-if="props.description || !!slots.description" :class="style.description({ class: props.ui?.description })">
+        <slot name="description">
+          {{ props.description }}
+        </slot>
+      </ToastDescription>
+
+      <div v-if="multiline && actions?.length" :class="style.actions({ class: props.ui?.actions, multiline: true })">
+        <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" />
+          </ToastAction>
+        </slot>
+      </div>
+    </div>
+
+    <div v-if="(!multiline && actions?.length) || props.close !== null" :class="style.actions({ class: props.ui?.actions, multiline: false })">
+      <template v-if="!multiline">
+        <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" />
+          </ToastAction>
+        </slot>
+      </template>
+
+      <ToastClose as-child>
+        <slot name="close" :ui="ui">
+          <UButton
+            v-if="props.close"
+            :icon="props.closeIcon || theme.app.icons.close"
+            size="md"
+            variant="link"
+            aria-label="close"
+            v-bind="typeof close === 'object' ? close : undefined"
+            :class="style.close({ class: props.ui?.close })"
+            @click.stop
+          />
+        </slot>
+      </ToastClose>
+    </div>
+
+    <div v-if="remaining > 0 && duration" :class="style.progress({ class: props.ui?.progress })" :style="{ width: `${remaining / duration * 100}%` }"></div>
+  </ToastRoot>
+</template>

package/dist/components/Toaster.vue

@@ -0,0 +1,143 @@
+<script lang="ts">
+import type { VariantProps } from '@byyuurin/ui-kit'
+import type { ToastProviderProps } from 'reka-ui'
+import type { toaster } from '../theme'
+import type { ComponentAttrs } from '../types'
+
+type ToasterVariants = VariantProps<typeof toaster>
+
+export interface ToasterProps extends ComponentAttrs<typeof toaster>, Omit<ToastProviderProps, 'swipeDirection'> {
+  /** @default "bottom-right" */
+  position?: ToasterVariants['position']
+  /**
+   * Expand the toasts to show multiple toasts at once.
+   * @default true
+   */
+  expand?: boolean
+  /**
+   * Render the toaster in a portal.
+   * @default true
+   */
+  portal?: boolean
+}
+
+export interface ToasterSlots {
+  default?: (props?: {}) => any
+}
+</script>
+
+<script setup lang="ts">
+import { reactivePick } from '@vueuse/core'
+import { ToastPortal, ToastProvider, ToastViewport, useForwardProps } from 'reka-ui'
+import { computed, ref } from 'vue'
+import { useTheme, useToast } from '../composables'
+import { omit } from '../utils'
+import Toast from './Toast.vue'
+
+const props = withDefaults(defineProps<ToasterProps>(), {
+  position: 'bottom-right',
+  expand: true,
+  portal: true,
+  duration: 5000,
+})
+defineSlots<ToasterSlots>()
+
+const providerProps = useForwardProps(reactivePick(props, 'duration', 'label', 'swipeThreshold'))
+
+const { toasts, remove } = useToast()
+
+const swipeDirection = computed(() => {
+  switch (props.position) {
+    case 'top-center':
+      return 'up'
+    case 'top-right':
+    case 'bottom-right':
+      return 'right'
+    case 'bottom-center':
+      return 'down'
+    case 'top-left':
+    case 'bottom-left':
+      return 'left'
+  }
+
+  console.warn(`[Toaster] Unknown position "${props.position}"`)
+
+  return 'right'
+})
+
+const { theme, createStyler } = useTheme()
+const style = computed(() => {
+  const styler = createStyler(theme.value.toaster)
+  return styler({
+    ...props,
+    swipeDirection: swipeDirection.value,
+  })
+})
+
+function onUpdateOpen(value: boolean, id: string | number) {
+  if (value)
+    return
+
+  remove(id)
+}
+
+const hovered = ref(false)
+const expanded = computed(() => props.expand || hovered.value)
+
+const refs = ref<{ height: number }[]>([])
+
+const height = computed(() => refs.value.reduce((sum, { height }) => sum + height + 16, 0))
+const frontHeight = computed(() => refs.value[refs.value.length - 1]?.height || 0)
+
+function getOffset(index: number) {
+  return refs.value.slice(index + 1).reduce((acc, { height }) => acc + height + 16, 0)
+}
+</script>
+
+<template>
+  <ToastProvider :swipe-direction="swipeDirection" v-bind="providerProps">
+    <slot></slot>
+
+    <Toast
+      v-for="(toast, index) of toasts"
+      :key="toast.id"
+      ref="refs"
+      v-bind="omit(toast, ['id'])"
+      :data-expanded="expanded"
+      :data-front="!expanded && index === toasts.length - 1"
+      :style="{
+        '--index': (index - toasts.length) + toasts.length,
+        '--before': toasts.length - 1 - index,
+        '--offset': getOffset(index),
+        '--scale': expanded ? '1' : 'calc(1 - var(--before) * var(--scale-factor))',
+        '--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,
+      }]"
+      @update:open="onUpdateOpen($event, toast.id)"
+      @click="toast.click && toast.click(toast)"
+    />
+
+    <ToastPortal :disabled="!portal">
+      <ToastViewport
+        :data-expanded="expanded"
+        :class="style.viewport({ class: [props.class, props.ui?.viewport] })"
+        :style="{
+          '--scale-factor': '0.05',
+          '--translate-factor': position?.startsWith('top') ? '1px' : '-1px',
+          '--gap': position?.startsWith('top') ? '16px' : '-16px',
+          '--front-height': `${frontHeight}px`,
+          '--height': `${height}px`,
+        }"
+        @mouseenter="hovered = true"
+        @mouseleave="hovered = false"
+      />
+    </ToastPortal>
+  </ToastProvider>
+</template>
+
+<style>
+@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/components/Tooltip.vue

@@ -0,0 +1,71 @@
+<script lang="ts">
+import type { TooltipArrowProps, TooltipContentProps, TooltipRootEmits, TooltipRootProps } from 'reka-ui'
+import type { tooltip } from '../theme'
+import type { ComponentAttrs } from '../types'
+
+export interface TooltipProps extends ComponentAttrs<typeof tooltip>, TooltipRootProps {
+  text?: string
+  content?: Omit<TooltipContentProps, 'as' | 'asChild'>
+  arrow?: boolean | Omit<TooltipArrowProps, 'as' | 'asChild'>
+  /** @default true */
+  portal?: boolean
+}
+
+export interface TooltipEmits extends TooltipRootEmits {}
+
+export interface TooltipSlots {
+  default?: (props: { open: boolean }) => any
+  content?: (props: {}) => any
+}
+</script>
+
+<script lang="ts" setup>
+import { reactivePick } from '@vueuse/core'
+import { defu } from 'defu'
+import { TooltipArrow, TooltipContent, TooltipPortal, TooltipRoot, TooltipTrigger, useForwardPropsEmits } from 'reka-ui'
+import { computed, toRef } from 'vue'
+import { useTheme } from '../composables'
+
+const props = withDefaults(defineProps<TooltipProps>(), {
+  portal: true,
+})
+const emit = defineEmits<TooltipEmits>()
+const slots = defineSlots<TooltipSlots>()
+
+const rootProps = useForwardPropsEmits(reactivePick(props, 'defaultOpen', 'open', 'delayDuration', 'disableHoverableContent', 'disableClosingTrigger', 'disabled', 'ignoreNonKeyboardFocus'), emit)
+
+const contentDefaults: TooltipContentProps = {
+  side: 'bottom',
+  sideOffset: 8,
+  collisionPadding: 8,
+}
+
+const contentProps = toRef(() => defu(props.content, contentDefaults) as TooltipContentProps)
+
+const arrowProps = toRef(() => props.arrow as TooltipArrowProps)
+
+const { theme, createStyler } = useTheme()
+const style = computed(() => {
+  const styler = createStyler(theme.value.tooltip)
+  return styler(props)
+})
+</script>
+
+<template>
+  <TooltipRoot v-slot="{ open }" v-bind="rootProps">
+    <TooltipTrigger v-if="slots.default" as-child :class="props.class">
+      <slot :open="open">
+      </slot>
+    </TooltipTrigger>
+
+    <TooltipPortal :disabled="!props.portal">
+      <TooltipContent v-bind="contentProps" :class="style.content({ class: [!slots.default && props.class, props.ui?.content] })">
+        <slot name="content">
+          <span v-if="props.text" :class="style.text({ class: props.ui?.text })">{{ props.text }}</span>
+        </slot>
+
+        <TooltipArrow v-if="props.arrow" v-bind="arrowProps" :class="style.arrow({ class: props.ui?.arrow })" />
+      </TooltipContent>
+    </TooltipPortal>
+  </TooltipRoot>
+</template>

package/dist/components/index.d.ts

@@ -0,0 +1,18 @@
+export { default as Accordion } from './Accordion.vue';
+export { default as App } from './App.vue';
+export { default as Button } from './Button.vue';
+export { default as Card } from './Card.vue';
+export { default as Checkbox } from './Checkbox.vue';
+export { default as Drawer } from './Drawer.vue';
+export { default as Input } from './Input.vue';
+export { default as Link } from './Link.vue';
+export { default as Modal } from './Modal.vue';
+export { default as ModalProvider } from './ModalProvider.vue';
+export { default as Popover } from './Popover.vue';
+export { default as RadioGroup } from './RadioGroup.vue';
+export { default as Select } from './Select.vue';
+export { default as Switch } from './Switch.vue';
+export { default as Tabs } from './Tabs.vue';
+export { default as Toast } from './Toast.vue';
+export { default as Toaster } from './Toaster.vue';
+export { default as Tooltip } from './Tooltip.vue';

package/dist/components/index.mjs

@@ -0,0 +1,18 @@
+export { default as Accordion } from "./Accordion.vue";
+export { default as App } from "./App.vue";
+export { default as Button } from "./Button.vue";
+export { default as Card } from "./Card.vue";
+export { default as Checkbox } from "./Checkbox.vue";
+export { default as Drawer } from "./Drawer.vue";
+export { default as Input } from "./Input.vue";
+export { default as Link } from "./Link.vue";
+export { default as Modal } from "./Modal.vue";
+export { default as ModalProvider } from "./ModalProvider.vue";
+export { default as Popover } from "./Popover.vue";
+export { default as RadioGroup } from "./RadioGroup.vue";
+export { default as Select } from "./Select.vue";
+export { default as Switch } from "./Switch.vue";
+export { default as Tabs } from "./Tabs.vue";
+export { default as Toast } from "./Toast.vue";
+export { default as Toaster } from "./Toaster.vue";
+export { default as Tooltip } from "./Tooltip.vue";

package/dist/composables/index.d.ts

@@ -0,0 +1,4 @@
+export { useComponentIcons } from './useComponentIcons';
+export { useModal } from './useModal';
+export { useTheme } from './useTheme';
+export { useToast } from './useToast';

package/dist/composables/index.mjs

@@ -0,0 +1,4 @@
+export { useComponentIcons } from "./useComponentIcons.mjs";
+export { useModal } from "./useModal.mjs";
+export { useTheme } from "./useTheme.mjs";
+export { useToast } from "./useToast.mjs";

package/dist/composables/useComponentIcons.d.ts

@@ -0,0 +1,26 @@
+import { type MaybeRefOrGetter } from 'vue';
+export interface UseComponentIconsProps {
+    /** Display an icon based on the `prefix` and `suffix` props. */
+    icon?: string;
+    /** When `true`, the icon will be displayed on the left side. */
+    prefix?: boolean;
+    /** Display an icon on the left side. */
+    prefixIcon?: string;
+    /** When `true`, the icon will be displayed on the right side. */
+    suffix?: boolean;
+    /** Display an icon on the right side. */
+    suffixIcon?: string;
+    /** When `true`, the loading icon will be displayed. */
+    loading?: boolean;
+    /**
+     * The icon when the `loading` prop is `true`.
+     * @default app.icons.loading
+     */
+    loadingIcon?: string;
+}
+export declare function useComponentIcons(componentProps: MaybeRefOrGetter<UseComponentIconsProps>): {
+    isPrefix: import("vue").ComputedRef<boolean>;
+    isSuffix: import("vue").ComputedRef<boolean>;
+    prefixIconName: import("vue").ComputedRef<string | undefined>;
+    suffixIconName: import("vue").ComputedRef<string | undefined>;
+};

package/dist/composables/useComponentIcons.mjs

@@ -0,0 +1,24 @@
+import { computed, toValue } from "vue";
+import { useTheme } from "./useTheme.mjs";
+export function useComponentIcons(componentProps) {
+  const { theme } = useTheme();
+  const props = computed(() => toValue(componentProps));
+  const isPrefix = computed(() => props.value.icon && props.value.prefix || props.value.icon && !props.value.suffix || props.value.loading && !props.value.suffix || !!props.value.prefixIcon);
+  const isSuffix = computed(() => props.value.icon && props.value.suffix || props.value.loading && props.value.suffix || !!props.value.suffixIcon);
+  const prefixIconName = computed(() => {
+    if (props.value.loading)
+      return props.value.loadingIcon || theme.value.app.icons.loading;
+    return props.value.prefixIcon || props.value.icon;
+  });
+  const suffixIconName = computed(() => {
+    if (props.value.loading && !isPrefix.value)
+      return props.value.loadingIcon || theme.value.app.icons.loading;
+    return props.value.suffixIcon || props.value.icon;
+  });
+  return {
+    isPrefix,
+    isSuffix,
+    prefixIconName,
+    suffixIconName
+  };
+}

package/dist/composables/useModal.d.ts

@@ -0,0 +1,15 @@
+import type { Component, ShallowRef } from 'vue';
+import type { ComponentProps } from 'vue-component-type-helpers';
+import type { ModalProps } from '../types';
+export interface ModalState {
+    component: Component | string;
+    props: ModalProps;
+}
+export declare const injectModalState: () => ShallowRef<ModalState> | undefined, provideModalState: (value: ShallowRef<ModalState>) => void;
+export declare const useModal: () => {
+    open: <T extends Component>(component: T, props?: ModalProps & ComponentProps<T>) => void;
+    close: () => void;
+    reset: () => void;
+    patch: <T extends Component = Record<string, never>>(props: Partial<ModalProps & ComponentProps<T>>) => void;
+    isOpen: import("vue").Ref<boolean, boolean>;
+};

package/dist/composables/useModal.mjs

@@ -0,0 +1,51 @@
+import { createSharedComposable } from "@vueuse/core";
+import { ref } from "vue";
+import { createInjection } from "../utils/index.mjs";
+export const {
+  inject: injectModalState,
+  provide: provideModalState
+} = createInjection("ui.modal");
+export const useModal = createSharedComposable(() => {
+  const modalState = injectModalState();
+  const isOpen = ref(false);
+  function open(component, props) {
+    if (!modalState)
+      throw new Error("useModal() is called without provider");
+    modalState.value = {
+      component,
+      props: props ?? {}
+    };
+    isOpen.value = true;
+  }
+  function close() {
+    if (!modalState)
+      return;
+    isOpen.value = false;
+  }
+  function reset() {
+    if (!modalState)
+      return;
+    modalState.value = {
+      component: "div",
+      props: {}
+    };
+  }
+  function patch(props) {
+    if (!modalState)
+      return;
+    modalState.value = {
+      ...modalState.value,
+      props: {
+        ...modalState.value.props,
+        ...props
+      }
+    };
+  }
+  return {
+    open,
+    close,
+    reset,
+    patch,
+    isOpen
+  };
+});

package/dist/composables/useTheme.d.ts

@@ -0,0 +1,8 @@
+import type { MaybeRefOrGetter } from 'vue';
+import * as theme from '../theme';
+export declare const provideThemeExtension: (value: MaybeRefOrGetter<import("../types").PartialTheme<typeof theme>>) => void, injectThemeExtension: () => MaybeRefOrGetter<import("../types").PartialTheme<typeof theme>>;
+export declare const mergeRules: import("@byyuurin/ui-kit/index").CRRule[];
+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>; };
+};

package/dist/composables/useTheme.mjs

@@ -0,0 +1,18 @@
+import { createSharedComposable } from "@vueuse/core";
+import { computed, toValue } from "vue";
+import { createMergeRules, extendTheme, prepareStyler } from "../internal/index.mjs";
+import * as theme from "../theme/index.mjs";
+import { createInjection } from "../utils/index.mjs";
+export const {
+  provide: provideThemeExtension,
+  inject: injectThemeExtension
+} = createInjection("ui.themeExtension", {});
+export const mergeRules = createMergeRules();
+export const useTheme = createSharedComposable(() => {
+  const _theme = injectThemeExtension();
+  const { createStyler } = prepareStyler(mergeRules);
+  return {
+    theme: computed(() => extendTheme(toValue(_theme), theme)),
+    createStyler
+  };
+});

package/dist/composables/useToast.d.ts

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

package/dist/composables/useToast.mjs

@@ -0,0 +1,48 @@
+import { createSharedComposable } from "@vueuse/core";
+import { ref } from "vue";
+export const useToast = createSharedComposable(() => {
+  const toasts = ref([]);
+  function add(toast) {
+    const body = {
+      id: Date.now().toString(),
+      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);
+    return body;
+  }
+  function update(id, toast) {
+    const index = toasts.value.findIndex((t) => t.id === id);
+    if (index === -1)
+      return;
+    toasts.value[index] = {
+      ...toasts.value[index],
+      ...toast
+    };
+  }
+  function remove(id) {
+    const index = toasts.value.findIndex((t) => t.id === id);
+    if (index === -1)
+      return;
+    toasts.value[index] = {
+      ...toasts.value[index],
+      open: false
+    };
+    setTimeout(() => {
+      toasts.value = toasts.value.filter((t) => t.id !== id);
+    }, 200);
+  }
+  function clear() {
+    toasts.value = [];
+  }
+  return {
+    toasts,
+    add,
+    update,
+    remove,
+    clear
+  };
+});

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './composables';
+export * from './types';

package/dist/index.mjs

@@ -0,0 +1,3 @@
+export * from "./components/index.mjs";
+export * from "./composables/index.mjs";
+export * from "./types/index.mjs";

package/dist/internal/constants.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentName } from '../types';
+export declare const packageName = "@byyuurin/ui";
+export declare const componentNames: ComponentName[];

package/dist/internal/constants.mjs

@@ -0,0 +1,21 @@
+export const packageName = "@byyuurin/ui";
+export const componentNames = [
+  "Accordion",
+  "App",
+  "Button",
+  "Card",
+  "Checkbox",
+  "Drawer",
+  "Input",
+  "Link",
+  "Modal",
+  "ModalProvider",
+  "Popover",
+  "RadioGroup",
+  "Select",
+  "Switch",
+  "Tabs",
+  "Toast",
+  "Toaster",
+  "Tooltip"
+];

package/dist/internal/extend-theme.d.ts

@@ -0,0 +1,9 @@
+export declare const extendTheme: <Source extends {
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+}, Defaults extends Array<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} | (number | boolean | any[] | Record<never, any> | null | undefined)>>(source: Source, ...defaults: Defaults) => import("defu").Defu<Source, Defaults>;