@byyuurin/ui 0.2.0 → 0.4.0

package/README.md

@@ -98,13 +98,13 @@ export default setup({
   },
   ui: {
     colors: {
-      primary: 'green',
-      secondary: 'blue',
+      primary: 'orange',
+      secondary: 'teal',
       success: 'green',
       info: 'blue',
       warning: 'yellow',
       error: 'red',
-      neutral: 'slate',
+      neutral: 'stone',
     },
     icons: {
       close: 'i-lucide-x',
@@ -117,6 +117,8 @@ export default setup({
       chevronDoubleLeft: 'i-lucide-chevrons-left',
       chevronDoubleRight: 'i-lucide-chevrons-right',
       ellipsis: 'i-lucide-ellipsis',
+      folder: 'i-lucide-folder',
+      folderOpen: 'i-lucide-folder-open',
       plus: 'i-lucide-plus',
       minus: 'i-lucide-minus',
       external: 'i-lucide-arrow-up-right',

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@byyuurin/ui",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "configKey": "ui",
   "compatibility": {
     "nuxt": ">=3.16.2"

package/dist/module.mjs

@@ -1,7 +1,7 @@
 import { defineNuxtModule, createResolver, addPlugin, addComponentsDir, addImportsDir, hasNuxtModule, installModule } from '@nuxt/kit';
 import { defu } from 'defu';
-import { v as version, n as name, a as addTemplates } from './shared/ui.DLOxhmP0.mjs';
-import { d as defaultOptions, r as resolveColors, g as getDefaultUIConfig } from './shared/ui.CzIlLITK.mjs';
+import { v as version, n as name, a as addTemplates } from './shared/ui.DcEKQd0n.mjs';
+import { d as defaultOptions, r as resolveColors, g as getDefaultUIConfig } from './shared/ui.DYMXCXO6.mjs';
 import 'node:process';
 import 'node:url';
 import '@unocss/config';

package/dist/runtime/components/Accordion.vue

@@ -7,7 +7,7 @@ import { reactivePick } from "@vueuse/core";
 import { AccordionContent, AccordionHeader, AccordionItem, AccordionRoot, AccordionTrigger, useForwardPropsEmits } from "reka-ui";
 import { computed } from "vue";
 import { useAppConfig } from "#imports";
-import { get } from "../utils";
+import { get, pick } from "../utils";
 import { cv, merge } from "../utils/style";
 import Icon from "./Icon.vue";
 const props = defineProps({
@@ -30,7 +30,7 @@ const rootProps = useForwardPropsEmits(reactivePick(props, "as", "collapsible",
 const appConfig = useAppConfig();
 const ui = computed(() => {
   const styler = cv(merge(theme, appConfig.ui.accordion));
-  return styler(props);
+  return styler(pick(props, ["disabled"]));
 });
 </script>
 

package/dist/runtime/components/Accordion.vue.d.ts

@@ -56,10 +56,14 @@ export type AccordionSlots<T extends AccordionItem = AccordionItem> = {
     open: boolean;
     ui: ComponentStyler<typeof theme>;
 }>;
-declare const __VLS_export: <T extends AccordionItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<AccordionProps<T> & {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <T extends AccordionItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<AccordionProps<T> & {
         "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
-    }> & import("vue").PublicProps;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: AccordionSlots<T>;
@@ -67,8 +71,8 @@ declare const __VLS_export: <T extends AccordionItem>(__VLS_props: NonNullable<A
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

package/dist/runtime/components/Alert.vue

@@ -7,6 +7,7 @@ import { Primitive } from "reka-ui";
 import { computed } from "vue";
 import { useAppConfig } from "#imports";
 import { useLocale } from "../composables/useLocale";
+import { pick } from "../utils";
 import { cv, merge } from "../utils/style";
 import Avatar from "./Avatar.vue";
 import Button from "./Button.vue";
@@ -33,7 +34,7 @@ const appConfig = useAppConfig();
 const ui = computed(() => {
   const styler = cv(merge(theme, appConfig.ui.alert));
   return styler({
-    ...props,
+    ...pick(props, ["color", "variant", "orientation"]),
     title: !!props.title || !!slots.title
   });
 });

package/dist/runtime/components/Alert.vue.d.ts

@@ -1,7 +1,7 @@
 import type { VariantProps } from '@byyuurin/ui-kit';
 import type { PrimitiveProps } from 'reka-ui';
 import theme from '#build/ui/alert';
-import type { AvatarProps, ButtonProps, ComponentBaseProps, ComponentStyler, ComponentUIProps, IconProps } from '../types';
+import type { AvatarProps, ButtonProps, ComponentBaseProps, ComponentStyler, ComponentUIProps, IconProps, LinkPropsKeys } from '../types';
 import type { StaticSlot } from '../types/utils';
 type ThemeVariants = VariantProps<typeof theme>;
 export interface AlertProps extends ComponentBaseProps {
@@ -33,7 +33,7 @@ export interface AlertProps extends ComponentBaseProps {
      * Display a close button to dismiss the alert.
      * @default false
      */
-    close?: boolean | Partial<ButtonProps>;
+    close?: boolean | Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon displayed in the close button.
      * @default app.icons.close
@@ -55,6 +55,8 @@ export interface AlertSlots {
         ui: ComponentStyler<typeof theme>;
     }>;
 }
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<AlertProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (open: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<AlertProps> & Readonly<{
@@ -62,8 +64,6 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<AlertP
 }>, {
     orientation: "horizontal" | "vertical";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, AlertSlots>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/components/App.vue

@@ -15,6 +15,7 @@ const props = defineProps({
   tooltip: { type: Object, required: false },
   locale: { type: Object, required: false },
   portal: { type: [Boolean, String], required: false, skipCheck: true, default: "body" },
+  dir: { type: String, required: false },
   scrollBody: { type: [Boolean, Object], required: false },
   nonce: { type: String, required: false }
 });
@@ -29,7 +30,7 @@ providePortalTarget(portal);
 </script>
 
 <template>
-  <ConfigProvider :use-id="() => useId()" :dir="locale?.dir" :locale="locale?.code" v-bind="configProviderProps">
+  <ConfigProvider :use-id="() => useId()" :dir="props.dir || locale?.dir" :locale="locale?.code" v-bind="configProviderProps">
     <TooltipProvider v-bind="tooltipProps">
       <ToastProvider v-if="props.toaster !== null" v-bind="toastProviderProps">
         <slot></slot>

package/dist/runtime/components/App.vue.d.ts

@@ -1,7 +1,7 @@
 import type { ConfigProviderProps, TooltipProviderProps } from 'reka-ui';
 import type { Locale, Messages, ToastProviderProps } from '../types';
 import type { MaybeNull, StaticSlot } from '../types/utils';
-export interface AppProps<T extends Messages = Messages> extends Omit<ConfigProviderProps, 'useId' | 'dir' | 'locale'> {
+export interface AppProps<T extends Messages = Messages> extends Omit<ConfigProviderProps, 'useId' | 'locale'> {
     toaster?: MaybeNull<ToastProviderProps>;
     tooltip?: TooltipProviderProps;
     locale?: Locale<T>;
@@ -10,8 +10,12 @@ export interface AppProps<T extends Messages = Messages> extends Omit<ConfigProv
 export interface AppSlots {
     default: StaticSlot;
 }
-declare const __VLS_export: <T extends Messages>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<AppProps<T>> & import("vue").PublicProps;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <T extends Messages>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<AppProps<T>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: AppSlots;
@@ -19,8 +23,8 @@ declare const __VLS_export: <T extends Messages>(__VLS_props: NonNullable<Awaite
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

package/dist/runtime/components/Avatar.vue

@@ -9,6 +9,7 @@ import { computed, shallowRef, watch } from "vue";
 import ImageComponent from "#build/ui-image-component";
 import { useAppConfig } from "#imports";
 import { useAvatarGroup } from "../composables/useAvatarGroup";
+import { pick } from "../utils";
 import { cv, merge } from "../utils/style";
 import Chip from "./Chip.vue";
 import Icon from "./Icon.vue";
@@ -36,7 +37,7 @@ const appConfig = useAppConfig();
 const ui = computed(() => {
   const styler = cv(merge(theme, appConfig.ui.avatar));
   return styler({
-    ...props,
+    ...pick(props, []),
     size: size.value
   });
 });

package/dist/runtime/components/Avatar.vue.d.ts

@@ -2,13 +2,14 @@ import type { VariantProps } from '@byyuurin/ui-kit';
 import type { PrimitiveProps } from 'reka-ui';
 import theme from '#build/ui/avatar';
 import type { ChipProps, ComponentBaseProps, ComponentUIProps, IconProps } from '../types';
+import type { ImgHTMLAttributes } from '../types/html';
 import type { StaticSlot } from '../types/utils';
 type ThemeVariants = VariantProps<typeof theme>;
 interface InnerAs {
     root?: PrimitiveProps['as'];
     img?: PrimitiveProps['as'];
 }
-export interface AvatarProps extends ComponentBaseProps {
+export interface AvatarProps extends ComponentBaseProps, /** @vue-ignore */ Omit<ImgHTMLAttributes, 'src' | 'alt'> {
     /**
      * The element or component this component should render as.
      * @default "span"
@@ -27,11 +28,11 @@ export interface AvatarProps extends ComponentBaseProps {
 export interface AvatarSlots {
     default: StaticSlot;
 }
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<AvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/components/AvatarGroup.vue

@@ -7,6 +7,7 @@ import { Primitive } from "reka-ui";
 import { computed } from "vue";
 import { useAppConfig } from "#imports";
 import { provideAvatarGroup } from "../composables/useAvatarGroup";
+import { pick } from "../utils";
 import { cv, merge } from "../utils/style";
 import Avatar from "./Avatar.vue";
 const props = defineProps({
@@ -47,7 +48,7 @@ const hiddenCount = computed(() => {
 const appConfig = useAppConfig();
 const ui = computed(() => {
   const styler = cv(merge(theme, appConfig.ui.avatarGroup));
-  return styler(props);
+  return styler(pick(props, ["size"]));
 });
 provideAvatarGroup(computed(() => props));
 </script>

package/dist/runtime/components/AvatarGroup.vue.d.ts

@@ -20,9 +20,9 @@ export interface AvatarGroupProps extends ComponentBaseProps {
 export interface AvatarGroupSlots {
     default: StaticSlot;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<AvatarGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, AvatarGroupSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<AvatarGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, AvatarGroupSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/components/Badge.vue

@@ -8,6 +8,7 @@ import { computed } from "vue";
 import { useAppConfig } from "#imports";
 import { useComponentIcons } from "../composables/useComponentIcons";
 import { useFieldGroup } from "../composables/useFieldGroup";
+import { pick } from "../utils";
 import { cv, merge } from "../utils/style";
 import Avatar from "./Avatar.vue";
 import Icon from "./Icon.vue";
@@ -34,10 +35,10 @@ const appConfig = useAppConfig();
 const ui = computed(() => {
   const styler = cv(merge(theme, appConfig.ui.badge));
   return styler({
-    ...props,
+    ...pick(props, ["color", "variant"]),
     size: size.value,
-    fieldGroup: orientation.value,
-    square: props.square || !slots.default && !props.label
+    square: props.square || !slots.default && !props.label,
+    fieldGroup: orientation.value
   });
 });
 </script>

package/dist/runtime/components/Badge.vue.d.ts

@@ -33,11 +33,11 @@ export interface BadgeSlots {
         ui: ComponentStyler<typeof theme>;
     }>;
 }
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<BadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
     as: import("reka-ui").AsTag | import("vue").Component;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, BadgeSlots>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/components/Breadcrumb.vue

@@ -7,7 +7,7 @@ import { Primitive } from "reka-ui";
 import { computed } from "vue";
 import { useAppConfig } from "#imports";
 import { useLocale } from "../composables/useLocale";
-import { get, pickLinkProps } from "../utils";
+import { get, pick, pickLinkProps } from "../utils";
 import { cv, merge } from "../utils/style";
 import Avatar from "./Avatar.vue";
 import Icon from "./Icon.vue";
@@ -27,7 +27,7 @@ const appConfig = useAppConfig();
 const separatorIcon = computed(() => props.separatorIcon || (dir.value === "rtl" ? appConfig.ui.icons.chevronLeft : appConfig.ui.icons.chevronRight));
 const ui = computed(() => {
   const styler = cv(merge(theme, appConfig.ui.breadcrumb));
-  return styler(props);
+  return styler(pick(props, []));
 });
 </script>
 

package/dist/runtime/components/Breadcrumb.vue.d.ts

@@ -63,8 +63,12 @@ export type BreadcrumbSlots<T extends BreadcrumbItem = BreadcrumbItem> = {
     active?: boolean;
     ui: ComponentStyler<typeof theme>;
 }>;
-declare const __VLS_export: <T extends BreadcrumbItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<BreadcrumbProps<T>> & import("vue").PublicProps;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <T extends BreadcrumbItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<BreadcrumbProps<T>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: BreadcrumbSlots<T>;
@@ -72,8 +76,8 @@ declare const __VLS_export: <T extends BreadcrumbItem>(__VLS_props: NonNullable<
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

package/dist/runtime/components/Button.vue

@@ -9,7 +9,7 @@ import { useAppConfig } from "#imports";
 import { useComponentIcons } from "../composables/useComponentIcons";
 import { useFieldGroup } from "../composables/useFieldGroup";
 import { injectFormLoading } from "../composables/useFormField";
-import { omit, pickLinkProps } from "../utils";
+import { omit, pick, pickLinkProps } from "../utils";
 import { cv, merge } from "../utils/style";
 import Avatar from "./Avatar.vue";
 import Icon from "./Icon.vue";
@@ -47,13 +47,14 @@ const props = defineProps({
   to: { type: null, required: false },
   href: { type: null, required: false },
   external: { type: Boolean, required: false },
-  target: { type: [String, Object], required: false },
-  rel: { type: [String, Object], required: false },
+  target: { type: [String, Object, null], required: false },
+  rel: { type: [String, Object, null], required: false },
   noRel: { type: Boolean, required: false },
   prefetchedClass: { type: String, required: false },
   prefetch: { type: Boolean, required: false },
   prefetchOn: { type: [String, Object], required: false },
   noPrefetch: { type: Boolean, required: false },
+  trailingSlash: { type: String, required: false },
   activeClass: { type: String, required: false },
   exactActiveClass: { type: String, required: false },
   ariaCurrentValue: { type: String, required: false },
@@ -96,14 +97,13 @@ const ui = computed(() => {
   };
   const styler = cv(merge(theme, uiConfig));
   return styler({
-    ...props,
-    loading: isLoading.value,
+    ...pick(props, ["color", "variant", "block"]),
     size: size.value,
-    fieldGroup: orientation.value,
-    block: props.block,
+    loading: isLoading.value,
     square: props.square || !slots.default && !props.label,
     leading: isLeading.value,
-    trailing: isTrailing.value
+    trailing: isTrailing.value,
+    fieldGroup: orientation.value
   });
 });
 </script>

package/dist/runtime/components/Button.vue.d.ts

@@ -35,9 +35,9 @@ export interface ButtonSlots {
         ui: ComponentStyler<typeof theme>;
     }>;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ButtonSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ButtonSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/components/Calendar.vue

@@ -9,6 +9,7 @@ import { Calendar as BaseCalendar, RangeCalendar } from "reka-ui/namespaced";
 import { computed } from "vue";
 import { useAppConfig } from "#imports";
 import { useLocale } from "../composables/useLocale";
+import { pick } from "../utils";
 import { cv, merge } from "../utils/style";
 import Button from "./Button.vue";
 const props = defineProps({
@@ -63,7 +64,7 @@ const appConfig = useAppConfig();
 const ui = computed(() => {
   const styler = cv(merge(theme, appConfig.ui.calendar));
   return styler({
-    ...props,
+    ...pick(props, ["color", "variant", "size"]),
     outsideView: props.numberOfMonths === 1
   });
 });

package/dist/runtime/components/Calendar.vue.d.ts

@@ -2,7 +2,7 @@ import type { VariantProps } from '@byyuurin/ui-kit';
 import type { DateValue } from '@internationalized/date';
 import type { CalendarCellTriggerProps, CalendarRootEmits, CalendarRootProps, DateRange, RangeCalendarRootEmits, RangeCalendarRootProps } from 'reka-ui';
 import theme from '#build/ui/calendar';
-import type { ButtonProps, ComponentBaseProps, ComponentUIProps, IconProps } from '../types';
+import type { ButtonProps, ComponentBaseProps, ComponentUIProps, IconProps, LinkPropsKeys } from '../types';
 import type { MaybeNull, StaticSlot } from '../types/utils';
 type CalendarDefaultValue<R extends boolean = false, M extends boolean = false> = R extends true ? DateRange : M extends true ? DateValue[] : DateValue;
 type CalendarModelValue<R extends boolean = false, M extends boolean = false> = R extends true ? MaybeNull<DateRange> : M extends true ? (DateValue[] | undefined) : (DateValue | undefined);
@@ -23,7 +23,7 @@ export interface CalendarProps<R extends boolean = false, M extends boolean = fa
     /**
      * Configure the next year button.
      */
-    nextYear?: ButtonProps;
+    nextYear?: Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon to use for the next month control.
      * @default app.icons.chevronRight
@@ -32,7 +32,7 @@ export interface CalendarProps<R extends boolean = false, M extends boolean = fa
     /**
      * Configure the next month button.
      */
-    nextMonth?: ButtonProps;
+    nextMonth?: Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon to use for the previous year control.
      * @default app.icons.chevronDoubleLeft
@@ -41,7 +41,7 @@ export interface CalendarProps<R extends boolean = false, M extends boolean = fa
     /**
      * Configure the prev year button.
      */
-    prevYear?: ButtonProps;
+    prevYear?: Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon to use for the previous month control.
      * @default app.icons.chevronLeft
@@ -50,7 +50,7 @@ export interface CalendarProps<R extends boolean = false, M extends boolean = fa
     /**
      * Configure the prev month button.
      */
-    prevMonth?: ButtonProps;
+    prevMonth?: Omit<ButtonProps, LinkPropsKeys>;
     /**
      * @default "md"
      */
@@ -81,13 +81,17 @@ export interface CalendarSlots {
         day: string;
     }>;
 }
-declare const __VLS_export: <R extends boolean, M extends boolean>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<CalendarProps<R, M> & {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <R extends boolean, M extends boolean>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<CalendarProps<R, M> & {
         "onUpdate:modelValue"?: ((date: CalendarModelValue<R, M>) => any) | undefined;
         "onUpdate:placeholder"?: ((...args: DateValue[]) => any) | undefined;
         "onUpdate:validModelValue"?: ((date: DateRange) => any) | undefined;
         "onUpdate:startValue"?: ((date: DateValue | undefined) => any) | undefined;
-    }> & import("vue").PublicProps;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: CalendarSlots;
@@ -95,8 +99,8 @@ declare const __VLS_export: <R extends boolean, M extends boolean>(__VLS_props:
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

package/dist/runtime/components/Card.vue

@@ -6,6 +6,7 @@ import theme from "#build/ui/card";
 import { Primitive } from "reka-ui";
 import { computed } from "vue";
 import { useAppConfig } from "#imports";
+import { pick } from "../utils";
 import { cv, merge } from "../utils/style";
 const props = defineProps({
   as: { type: null, required: false },
@@ -19,7 +20,7 @@ const slots = defineSlots();
 const appConfig = useAppConfig();
 const ui = computed(() => {
   const styler = cv(merge(theme, appConfig.ui.card));
-  return styler(props);
+  return styler(pick(props, ["variant"]));
 });
 </script>
 

package/dist/runtime/components/Card.vue.d.ts

@@ -24,9 +24,9 @@ export interface CardSlots {
     description: StaticSlot;
     footer: StaticSlot;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<CardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CardProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, CardSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<CardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CardProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, CardSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/components/Carousel.vue

@@ -9,6 +9,7 @@ import { Primitive, useForwardProps } from "reka-ui";
 import { computed, onBeforeMount, onMounted, ref, watch } from "vue";
 import { useAppConfig } from "#imports";
 import { useLocale } from "../composables/useLocale";
+import { pick } from "../utils";
 import { cv, merge } from "../utils/style";
 import Button from "./Button.vue";
 const props = defineProps({
@@ -52,7 +53,7 @@ const { t, dir } = useLocale();
 const appConfig = useAppConfig();
 const ui = computed(() => {
   const styler = cv(merge(theme, appConfig.ui.carousel));
-  return styler(props);
+  return styler(pick(props, ["orientation"]));
 });
 const rootProps = useForwardProps(reactivePick(props, "active", "align", "breakpoints", "containScroll", "dragFree", "dragThreshold", "duration", "inViewThreshold", "loop", "skipSnaps", "slidesToScroll", "startIndex", "watchDrag", "watchResize", "watchSlides", "watchFocus"));
 const prevIcon = computed(() => props.prevIcon || (dir.value === "rtl" ? appConfig.ui.icons.chevronRight : appConfig.ui.icons.chevronLeft));

package/dist/runtime/components/Carousel.vue.d.ts

@@ -8,7 +8,7 @@ import type { FadeOptionsType } from 'embla-carousel-fade';
 import type { WheelGesturesPluginOptions } from 'embla-carousel-wheel-gestures';
 import type { PrimitiveProps } from 'reka-ui';
 import theme from '#build/ui/carousel';
-import type { ButtonProps, ComponentBaseProps, ComponentUIProps } from '../types';
+import type { ButtonProps, ComponentBaseProps, ComponentUIProps, LinkPropsKeys } from '../types';
 import type { AcceptableValue, StaticSlot } from '../types/utils';
 export type CarouselValue = AcceptableValue;
 export type CarouselItem = AcceptableValue | {
@@ -27,7 +27,7 @@ export interface CarouselProps<T extends CarouselItem = CarouselItem> extends Co
      * Configure the prev button when arrows are enabled.
      * @default { size: 'md', variant: 'link' }
      */
-    prev?: ButtonProps;
+    prev?: Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon displayed in the prev button.
      * @default app.icons.chevronLeft
@@ -37,7 +37,7 @@ export interface CarouselProps<T extends CarouselItem = CarouselItem> extends Co
      * Configure the next button when arrows are enabled.
      * @default { size: 'md', variant: 'link' }
      */
-    next?: ButtonProps;
+    next?: Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon displayed in the next button.
      * @default app.icons.chevronRight
@@ -104,10 +104,14 @@ export interface CarouselSlots<T extends CarouselItem = CarouselItem> {
         index: number;
     }>;
 }
-declare const __VLS_export: <T extends CarouselItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<CarouselProps<T> & {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <T extends CarouselItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<CarouselProps<T> & {
         onSelect?: ((selectedIndex: number) => any) | undefined;
-    }> & import("vue").PublicProps;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: import("vue").ShallowUnwrapRef<{
         emblaRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
         emblaApi: import("vue").Ref<EmblaCarouselType | undefined, EmblaCarouselType | undefined>;
@@ -118,8 +122,8 @@ declare const __VLS_export: <T extends CarouselItem>(__VLS_props: NonNullable<Aw
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};