@byyuurin/ui 0.0.6 → 0.0.7

package/dist/runtime/components/Table.vue

@@ -0,0 +1,292 @@
+<script lang="ts">
+import type { CellContext, ColumnDef, ColumnFiltersOptions, ColumnFiltersState, ColumnOrderState, ColumnPinningOptions, ColumnPinningState, ColumnSizingInfoState, ColumnSizingOptions, ColumnSizingState, CoreOptions, ExpandedOptions, ExpandedState, FacetedOptions, GlobalFilterOptions, GroupingOptions, GroupingState, HeaderContext, PaginationOptions, PaginationState, Row, RowData, RowPinningOptions, RowPinningState, RowSelectionOptions, RowSelectionState, SortingOptions, SortingState, Updater, VisibilityOptions, VisibilityState } from '@tanstack/vue-table'
+import type { PrimitiveProps } from 'reka-ui'
+import type { Ref } from 'vue'
+import type { table } from '../theme'
+import type { ComponentAttrs } from '../types'
+
+export type TableData = RowData
+export type TableColumn<T extends TableData, D = unknown> = ColumnDef<T, D> & { title?: string }
+
+export interface TableOptions<T extends TableData> extends Omit<CoreOptions<T>, 'data' | 'columns' | 'getCoreRowModel' | 'state' | 'onStateChange' | 'renderFallbackValue'> {
+  state?: CoreOptions<T>['state']
+  onStateChange?: CoreOptions<T>['onStateChange']
+  renderFallbackValue?: CoreOptions<T>['renderFallbackValue']
+}
+
+type DynamicHeaderSlots<T, K = keyof T> = Record<string, (props: HeaderContext<T, unknown>) => any> & Record<`${K extends string ? K : never}-header`, (props: HeaderContext<T, unknown>) => any>
+type DynamicCellSlots<T, K = keyof T> = Record<string, (props: CellContext<T, unknown>) => any> & Record<`${K extends string ? K : never}-cell`, (props: CellContext<T, unknown>) => any>
+
+export type TableSlots<T> = {
+  expanded: (props: { row: Row<T> }) => any
+  empty: (props?: {}) => any
+  caption: (props?: {}) => any
+} & DynamicHeaderSlots<T> & DynamicCellSlots<T>
+
+export interface TableProps<T extends TableData> extends ComponentAttrs<typeof table>, Pick<PrimitiveProps, 'as'>, TableOptions<T> {
+  data?: T[]
+  columns?: TableColumn<T>[]
+  caption?: string
+  /**
+   * Whether the table should have a sticky header.
+   * @default false
+   */
+  sticky?: boolean
+  /**
+   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/global-filtering#table-options)
+   * @link [Guide](https://tanstack.com/table/v8/docs/guide/global-filtering)
+   */
+  globalFilterOptions?: Omit<GlobalFilterOptions<T>, 'onGlobalFilterChange'>
+  /**
+   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-filtering#table-options)
+   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-filtering)
+   */
+  columnFiltersOptions?: Omit<ColumnFiltersOptions<T>, 'getFilteredRowModel' | 'onColumnFiltersChange'>
+  /**
+   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#table-options)
+   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)
+   */
+  columnPinningOptions?: Omit<ColumnPinningOptions, 'onColumnPinningChange'>
+  /**
+   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#table-options)
+   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)
+   */
+  columnSizingOptions?: Omit<ColumnSizingOptions, 'onColumnSizingChange' | 'onColumnSizingInfoChange'>
+  /**
+   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#table-options)
+   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)
+   */
+  visibilityOptions?: Omit<VisibilityOptions, 'onColumnVisibilityChange'>
+  /**
+   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/sorting#table-options)
+   * @link [Guide](https://tanstack.com/table/v8/docs/guide/sorting)
+   */
+  sortingOptions?: Omit<SortingOptions<T>, 'getSortedRowModel' | 'onSortingChange'>
+  /**
+   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#table-options)
+   * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)
+   */
+  groupingOptions?: Omit<GroupingOptions, 'onGroupingChange'>
+  /**
+   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/expanding#table-options)
+   * @link [Guide](https://tanstack.com/table/v8/docs/guide/expanding)
+   */
+  expandedOptions?: Omit<ExpandedOptions<T>, 'getExpandedRowModel' | 'onExpandedChange'>
+  /**
+   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/row-selection#table-options)
+   * @link [Guide](https://tanstack.com/table/v8/docs/guide/row-selection)
+   */
+  rowSelectionOptions?: Omit<RowSelectionOptions<T>, 'onRowSelectionChange'>
+  /**
+   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/row-pinning#table-options)
+   * @link [Guide](https://tanstack.com/table/v8/docs/guide/row-pinning)
+   */
+  rowPinningOptions?: Omit<RowPinningOptions<T>, 'onRowPinningChange'>
+  /**
+   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/pagination#table-options)
+   * @link [Guide](https://tanstack.com/table/v8/docs/guide/pagination)
+   */
+  paginationOptions?: Omit<PaginationOptions, 'onPaginationChange'>
+  /**
+   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-faceting#table-options)
+   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-faceting)
+   */
+  facetedOptions?: FacetedOptions<T>
+}
+</script>
+
+<script setup lang="ts" generic="T extends TableData">
+import { FlexRender, getCoreRowModel, getExpandedRowModel, getFilteredRowModel, getSortedRowModel, useVueTable } from '@tanstack/vue-table'
+import { reactiveOmit } from '@vueuse/core'
+import { Primitive } from 'reka-ui'
+import { upperFirst } from 'scule'
+import { computed } from 'vue'
+import { useTheme } from '../composables/useTheme'
+
+const props = defineProps<TableProps<T>>()
+
+defineSlots<TableSlots<T>>()
+
+const globalFilterState = defineModel<string>('globalFilter', { default: undefined })
+const columnFiltersState = defineModel<ColumnFiltersState>('columnFilters', { default: [] })
+const columnOrderState = defineModel<ColumnOrderState>('columnOrder', { default: [] })
+const columnVisibilityState = defineModel<VisibilityState>('columnVisibility', { default: {} })
+const columnPinningState = defineModel<ColumnPinningState>('columnPinning', { default: {} })
+const columnSizingState = defineModel<ColumnSizingState>('columnSizing', { default: {} })
+const columnSizingInfoState = defineModel<ColumnSizingInfoState>('columnSizingInfo', { default: {} })
+const rowSelectionState = defineModel<RowSelectionState>('rowSelection', { default: {} })
+const rowPinningState = defineModel<RowPinningState>('rowPinning', { default: {} })
+const sortingState = defineModel<SortingState>('sorting', { default: [] })
+const groupingState = defineModel<GroupingState>('grouping', { default: [] })
+const expandedState = defineModel<ExpandedState>('expanded', { default: {} })
+const paginationState = defineModel<PaginationState>('pagination', { default: {} })
+
+const data = computed(() => props.data ?? [])
+const columns = computed<TableColumn<T>[]>(
+  () =>
+    props.columns ?? Object.keys(data.value[0] ?? {}).map(
+      (accessorKey: string) => ({ accessorKey, header: upperFirst(accessorKey) }),
+    ),
+)
+
+const tableApi = useVueTable({
+  ...reactiveOmit(props, 'data', 'columns', 'caption', 'sticky', 'class', 'ui'),
+  data,
+  columns: columns.value,
+  getCoreRowModel: getCoreRowModel(),
+
+  ...props.globalFilterOptions,
+  onGlobalFilterChange: (updaterOrValue) => valueUpdater(updaterOrValue, globalFilterState),
+
+  ...props.columnFiltersOptions,
+  getFilteredRowModel: getFilteredRowModel(),
+  onColumnFiltersChange: (updaterOrValue) => valueUpdater(updaterOrValue, columnFiltersState),
+  onColumnOrderChange: (updaterOrValue) => valueUpdater(updaterOrValue, columnOrderState),
+
+  ...props.visibilityOptions,
+  onColumnVisibilityChange: (updaterOrValue) => valueUpdater(updaterOrValue, columnVisibilityState),
+
+  ...props.columnPinningOptions,
+  onColumnPinningChange: (updaterOrValue) => valueUpdater(updaterOrValue, columnPinningState),
+
+  ...props.columnSizingOptions,
+  onColumnSizingChange: (updaterOrValue) => valueUpdater(updaterOrValue, columnSizingState),
+  onColumnSizingInfoChange: (updaterOrValue) => valueUpdater(updaterOrValue, columnSizingInfoState),
+
+  ...props.rowSelectionOptions,
+  onRowSelectionChange: (updaterOrValue) => valueUpdater(updaterOrValue, rowSelectionState),
+
+  ...props.rowPinningOptions,
+  onRowPinningChange: (updaterOrValue) => valueUpdater(updaterOrValue, rowPinningState),
+
+  ...props.sortingOptions,
+  getSortedRowModel: getSortedRowModel(),
+  onSortingChange: (updaterOrValue) => valueUpdater(updaterOrValue, sortingState),
+
+  ...props.groupingOptions,
+  onGroupingChange: (updaterOrValue) => valueUpdater(updaterOrValue, groupingState),
+
+  ...props.expandedOptions,
+  getExpandedRowModel: getExpandedRowModel(),
+  onExpandedChange: (updaterOrValue) => valueUpdater(updaterOrValue, expandedState),
+
+  ...props.paginationOptions,
+  onPaginationChange: (updaterOrValue) => valueUpdater(updaterOrValue, paginationState),
+
+  ...props.facetedOptions,
+  state: {
+    get globalFilter() {
+      return globalFilterState.value
+    },
+    get columnFilters() {
+      return columnFiltersState.value
+    },
+    get columnOrder() {
+      return columnOrderState.value
+    },
+    get columnVisibility() {
+      return columnVisibilityState.value
+    },
+    get columnPinning() {
+      return columnPinningState.value
+    },
+    get expanded() {
+      return expandedState.value
+    },
+    get rowSelection() {
+      return rowSelectionState.value
+    },
+    get sorting() {
+      return sortingState.value
+    },
+    get grouping() {
+      return groupingState.value
+    },
+    get rowPinning() {
+      return rowPinningState.value
+    },
+    get columnSizing() {
+      return columnSizingState.value
+    },
+    get columnSizingInfo() {
+      return columnSizingInfoState.value
+    },
+    get pagination() {
+      return paginationState.value
+    },
+  },
+})
+
+function valueUpdater<T extends Updater<any>>(updaterOrValue: T, ref: Ref) {
+  ref.value = typeof updaterOrValue === 'function' ? updaterOrValue(ref.value) : updaterOrValue
+}
+
+const { theme, createStyler } = useTheme()
+const style = computed(() => {
+  const styler = createStyler(theme.value.table)
+  return styler(props)
+})
+
+defineExpose({
+  tableApi,
+})
+</script>
+
+<template>
+  <Primitive :as="props.as" :class="style.root({ class: [props.class, props.ui?.root] })">
+    <table :class="style.base({ class: props.ui?.base })">
+      <caption v-if="props.caption" :class="style.caption({ class: props.caption })">
+        <slot name="caption">
+          {{ props.caption }}
+        </slot>
+      </caption>
+
+      <thead :class="style.thead({ class: props.ui?.thead })">
+        <tr v-for="headerGroup in tableApi.getHeaderGroups()" :key="headerGroup.id" :class="style.tr({ class: props.ui?.tr })">
+          <th
+            v-for="header in headerGroup.headers"
+            :key="header.id"
+            :data-pinned="header.column.getIsPinned()"
+            :class="style.th({ class: props.ui?.th, pinned: !!header.column.getIsPinned() })"
+          >
+            <slot :name="`${header.id}-header`" v-bind="header.getContext()">
+              <FlexRender v-if="!header.isPlaceholder" :render="header.column.columnDef.header" :props="header.getContext" />
+            </slot>
+          </th>
+        </tr>
+      </thead>
+
+      <tbody :class="style.tbody({ class: props.ui?.tbody })">
+        <template v-if="tableApi.getRowModel().rows.length > 0">
+          <template v-for="row in tableApi.getRowModel().rows" :key="row.id">
+            <tr :data-selected="row.getIsSelected()" :data-expanded="row.getIsExpanded()" :class="style.tr({ class: props.ui?.tr })">
+              <td
+                v-for="cell in row.getVisibleCells()"
+                :key="cell.id"
+                :data-pinned="cell.column.getIsPinned()"
+                :class="style.td({ class: props.ui?.td, pinned: !!cell.column.getIsPinned() })"
+              >
+                <slot :name="`${cell.column.id}-cell`" v-bind="cell.getContext()">
+                  <FlexRender :render="cell.column.columnDef.cell" :props="cell.getContext()" />
+                </slot>
+              </td>
+            </tr>
+            <tr v-if="row.getIsExpanded()" :class="style.tr({ class: props.ui?.tr, expanded: true })">
+              <td :colspan="row.getAllCells().length" :class="style.td({ class: props.ui?.td })">
+                <slot name="expanded" :row="row"></slot>
+              </td>
+            </tr>
+          </template>
+        </template>
+
+        <tr v-else :class="style.tr({ class: props.ui?.tr })">
+          <td :colspan="columns.length" :class="style.empty({ class: props.ui?.empty })">
+            <slot name="empty">
+              Empty
+            </slot>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </Primitive>
+</template>

package/dist/runtime/components/Tabs.vue

@@ -2,7 +2,7 @@
 import type { VariantProps } from '@byyuurin/ui-kit'
 import type { PrimitiveProps, TabsRootEmits, TabsRootProps } from 'reka-ui'
 import type { tabs } from '../theme'
-import type { ComponentAttrs, DynamicSlots } from '../types'
+import type { ComponentAttrs } from '../types'
 
 export interface TabsItem {
   label?: string
@@ -14,6 +14,17 @@ export interface TabsItem {
   disabled?: boolean
 }
 
+export interface TabsEmits extends TabsRootEmits<string | number> {}
+
+type SlotProps<T> = (props: { item: T, index: number }) => any
+
+export type TabsSlots<T extends { slot?: string }> = {
+  prefix?: SlotProps<T>
+  default?: SlotProps<T>
+  suffix?: SlotProps<T>
+  content?: SlotProps<T>
+} & Record<string, SlotProps<T>>
+
 type TabsVariants = VariantProps<typeof tabs>
 
 export interface TabsProps<T> extends ComponentAttrs<typeof tabs>, Pick<TabsRootProps<string | number>, 'defaultValue' | 'modelValue' | 'activationMode' | 'unmountOnHide'> {
@@ -23,7 +34,7 @@ export interface TabsProps<T> extends ComponentAttrs<typeof tabs>, Pick<TabsRoot
   orientation?: TabsVariants['orientation']
   size?: TabsVariants['size']
   /** @default true */
-  full?: boolean
+  evenly?: boolean
   /**
    * The content of the tabs, can be disabled to prevent rendering the content.
    * @default true
@@ -35,17 +46,6 @@ export interface TabsProps<T> extends ComponentAttrs<typeof tabs>, Pick<TabsRoot
    */
   labelKey?: string
 }
-
-export interface TabsEmits extends TabsRootEmits<string | number> {}
-
-type SlotProps<T> = (props: { item: T, index: number }) => any
-
-export type TabsSlots<T extends { slot?: string }> = {
-  prefix?: SlotProps<T>
-  default?: SlotProps<T>
-  suffix?: SlotProps<T>
-  content?: SlotProps<T>
-} & DynamicSlots<T, SlotProps<T>>
 </script>
 
 <script lang="ts" setup generic="T extends TabsItem">
@@ -59,15 +59,15 @@ const props = withDefaults(defineProps<TabsProps<T>>(), {
   defaultValue: '0',
   variant: 'solid',
   orientation: 'horizontal',
-  full: true,
+  evenly: true,
   content: true,
   labelKey: 'label',
 })
 
-const emits = defineEmits<TabsEmits>()
+const emit = defineEmits<TabsEmits>()
 const slots = defineSlots<TabsSlots<T>>()
 
-const rootProps = useForwardPropsEmits(reactivePick(props, 'as', 'modelValue', 'defaultValue', 'orientation', 'activationMode', 'unmountOnHide'), emits)
+const rootProps = useForwardPropsEmits(reactivePick(props, 'as', 'modelValue', 'defaultValue', 'orientation', 'activationMode', 'unmountOnHide'), emit)
 
 const { theme, createStyler } = useTheme()
 const style = computed(() => {
@@ -89,7 +89,7 @@ const style = computed(() => {
         :class="style.trigger({ class: props.ui?.trigger })"
       >
         <slot name="prefix" :item="item" :index="index">
-          <i v-if="item.icon" :class="style.prefixIcon({ class: [item.icon, props.ui?.prefixIcon] })"></i>
+          <span v-if="item.icon" :class="style.prefixIcon({ class: [item.icon, props.ui?.prefixIcon] })"></span>
         </slot>
 
         <span v-if="get(item, props.labelKey) || slots.default" :class="style.label({ class: props.ui?.label })">

package/dist/runtime/components/Toast.vue

@@ -83,7 +83,7 @@ defineExpose({
     :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 })">

package/dist/runtime/components/Toaster.vue

@@ -139,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

@@ -1,5 +1,5 @@
 import type { ComputedRef } from 'vue';
-import type { ButtonGroupProps } from '../components/ButtonGroup.vue';
+import type { ButtonGroupProps } from '../components/ButtonGroup.vue.js';
 interface ButtonGroupInjectData {
     size: ButtonGroupProps['size'];
     orientation: ButtonGroupProps['orientation'];

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

@@ -1,5 +1,5 @@
 import { computed } from "vue";
-import { defineInjection } from "./defineInjection.mjs";
+import { defineInjection } from "./defineInjection.js";
 export const {
   InjectionKey: InjectionKeyButtonGroup,
   inject: injectButtonGroup,

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/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>, DV extends import("@byyuurin/ui-kit/index").CVDefaultVariants<V, S>, 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, DV, B, S>) => [keyof V] extends string[] ? (props: 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";
 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,4 +1,4 @@
-import type { ToastProps } from '../types';
+import type { ToastProps } from '../types/index.js';
 export interface Toast extends Omit<ToastProps, 'defaultOpen'> {
     id: string | number;
     onClick?: (toast: Toast) => void;

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,11 +31,11 @@ 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/index").CVDefaultVariants<{
+    defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
         disabled: {
             true: {
                 trigger: string;
@@ -48,8 +48,8 @@ declare const _default: {
         trigger: string;
         content: string[];
         body: string;
-        icon: string;
-        trailingIcon: string;
+        prefixIcon: string;
+        suffixIcon: string;
         label: string;
     }>;
 };

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,7 +81,7 @@ declare const _default: {
         actions: string;
         close: string;
     }, undefined>;
-    defaultVariants: import("@byyuurin/ui-kit/index").CVDefaultVariants<{
+    defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
         variant: {
             solid: {
                 root: string;