@una-ui/nuxt 1.0.0-alpha.1 → 1.0.0-alpha.11

package/dist/runtime/components/elements/accordion/AccordionItem.vue

@@ -0,0 +1,59 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { AccordionItem, Primitive, useForwardProps } from "reka-ui";
+import { cn } from "../../../utils";
+import NAccordionContent from "./AccordionContent.vue";
+import NAccordionHeader from "./AccordionHeader.vue";
+import NAccordionTrigger from "./AccordionTrigger.vue";
+const props = defineProps({
+  label: { type: String, required: false },
+  content: { type: String, required: false },
+  una: { type: Object, required: false },
+  _accordionHeader: { type: Object, required: false },
+  _accordionTrigger: { type: Object, required: false },
+  _accordionContent: { type: Object, required: false },
+  disabled: { type: Boolean, required: false },
+  value: { type: String, required: true },
+  unmountOnHide: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false }
+});
+const forwardProps = useForwardProps(reactiveOmit(props, ["una", "label", "content", "_accordionContent", "_accordionHeader", "_accordionTrigger"]));
+</script>
+
+<template>
+  <AccordionItem
+    v-slot="{ open }"
+    v-bind="forwardProps"
+    :class="cn('accordion-item', una?.accordionItem)"
+  >
+    <slot :open>
+      <NAccordionHeader :una v-bind="_accordionHeader">
+        <Primitive
+          as-child
+          :label
+          v-bind="_accordionTrigger"
+          :una="{
+  btnLeading: cn('accordion-leading', una?.accordionLeading),
+  btnTrailing: cn(
+    'accordion-trailing',
+    una?.accordionTrailing,
+    open ? una?.accordionTrailingOpen : una?.accordionTrailingClose
+  )
+}"
+        >
+          <slot name="header" :open>
+            <NAccordionTrigger>
+              <slot name="trigger" :open />
+            </NAccordionTrigger>
+          </slot>
+        </Primitive>
+      </NAccordionHeader>
+      <NAccordionContent :una v-bind="_accordionContent">
+        <slot name="content" :open>
+          {{ content }}
+        </slot>
+      </NAccordionContent>
+    </slot>
+  </AccordionItem>
+</template>

package/dist/runtime/components/elements/accordion/AccordionItem.vue.d.ts

@@ -0,0 +1,27 @@
+import type { NAccordionItemProps } from '../../../types/accordion.js';
+declare var __VLS_6: {
+    open: any;
+}, __VLS_15: {
+    open: any;
+}, __VLS_20: {
+    open: any;
+}, __VLS_25: {
+    open: any;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+} & {
+    header?: (props: typeof __VLS_15) => any;
+} & {
+    trigger?: (props: typeof __VLS_20) => any;
+} & {
+    content?: (props: typeof __VLS_25) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NAccordionItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAccordionItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/elements/accordion/AccordionTrigger.vue

@@ -0,0 +1,56 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { AccordionTrigger, useForwardProps } from "reka-ui";
+import { cn } from "../../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  type: { type: String, required: false },
+  loadingPlacement: { type: String, required: false },
+  icon: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false },
+  reverse: { type: Boolean, required: false },
+  loading: { type: Boolean, required: false },
+  block: { type: Boolean, required: false },
+  to: { type: null, required: false },
+  label: { type: String, required: false },
+  btn: { type: String, required: false, default: "~ text" },
+  leading: { type: String, required: false },
+  trailing: { type: String, required: false, default: "accordion-trailing-icon" },
+  size: { type: String, required: false },
+  square: { type: null, required: false },
+  rounded: { type: null, required: false },
+  class: { type: null, required: false },
+  breadcrumbActive: { type: String, required: false },
+  breadcrumbInactive: { type: String, required: false },
+  paginationSelected: { type: String, required: false },
+  paginationUnselected: { type: String, required: false },
+  dropdownMenu: { type: String, required: false },
+  toggleOn: { type: String, required: false },
+  toggleOff: { type: String, required: false },
+  tabsActive: { type: String, required: false },
+  tabsInactive: { type: String, required: false },
+  navigationMenu: { type: String, required: false },
+  navigationMenuLink: { type: String, required: false },
+  ariaLabel: { type: String, required: false }
+});
+const forwardProps = useForwardProps(reactiveOmit(props, ["una"]));
+</script>
+
+<template>
+  <AccordionTrigger
+    class="group/accordion-trigger accordion-trigger"
+    v-bind="forwardProps"
+    as-child
+    :una="{
+  ...una,
+  btn: cn('accordion-trigger-padding', una?.btn),
+  btnLabel: cn('accordion-trigger-label', una?.btnLabel)
+}"
+  >
+    <slot>
+      <NButton />
+    </slot>
+  </AccordionTrigger>
+</template>

package/dist/runtime/components/elements/accordion/AccordionTrigger.vue.d.ts

@@ -0,0 +1,16 @@
+import type { NAccordionTriggerProps } from '../../../types/accordion.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NAccordionTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAccordionTriggerProps> & Readonly<{}>, {
+    btn: string;
+    trailing: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -9,9 +9,9 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_component: import("vue").DefineComponent<NAvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAvatarProps> & Readonly<{}>, {
     size: import("vue").HTMLAttributes["class"];
+    as: import("reka-ui").AsTag | import("vue").Component;
     square: import("vue").HTMLAttributes["class"];
     rounded: import("vue").HTMLAttributes["class"];
-    as: import("reka-ui").AsTag | import("vue").Component;
     avatar: import("vue").HTMLAttributes["class"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/runtime/components/elements/collapsible/Collapsible.vue.d.ts

@@ -1,8 +1,8 @@
 import type { NCollapsibleProps } from '../../../types/index.js';
 declare var __VLS_6: {
-    open: boolean;
+    open: any;
 }, __VLS_11: {
-    open: boolean;
+    open: any;
 }, __VLS_16: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;

package/dist/runtime/components/elements/collapsible/CollapsibleContent.vue

@@ -13,6 +13,7 @@ const props = defineProps({
   <CollapsibleContent
     v-bind="props"
     :class="cn(
+  'data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down',
   'collapsible-content',
   props.class
 )"

package/dist/runtime/components/elements/dialog/Dialog.vue.d.ts

@@ -1,6 +1,6 @@
 import type { NDialogProps } from '../../../types/index.js';
 declare var __VLS_6: {}, __VLS_11: {
-    open: boolean;
+    open: any;
 }, __VLS_27: {}, __VLS_32: {}, __VLS_37: {}, __VLS_42: {}, __VLS_44: {}, __VLS_49: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;

package/dist/runtime/components/elements/dialog/DialogContent.vue

@@ -20,7 +20,6 @@ const props = defineProps({
   _dialogOverlay: { type: Object, required: false },
   una: { type: Object, required: false },
   forceMount: { type: Boolean, required: false },
-  trapFocus: { type: Boolean, required: false },
   disableOutsidePointerEvents: { type: Boolean, required: false },
   asChild: { type: Boolean, required: false },
   as: { type: null, required: false },

package/dist/runtime/components/elements/dialog/DialogDescription.vue

@@ -17,7 +17,8 @@ const forwardedProps = useForwardProps(delegatedProps);
     data-slot="dialog-description"
     v-bind="forwardedProps"
     :class="cn(
-  'dialog-description data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-48% data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-48%',
+  'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-48% data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-48%',
+  'dialog-description',
   props.una?.dialogDescription,
   props.class
 )"

package/dist/runtime/components/elements/dialog/DialogScrollContent.vue

@@ -20,7 +20,6 @@ const props = defineProps({
   _dialogOverlay: { type: Object, required: false },
   una: { type: Object, required: false },
   forceMount: { type: Boolean, required: false },
-  trapFocus: { type: Boolean, required: false },
   disableOutsidePointerEvents: { type: Boolean, required: false },
   asChild: { type: Boolean, required: false },
   as: { type: null, required: false },

package/dist/runtime/components/elements/dropdown-menu/DropdownMenu.vue.d.ts

@@ -1,10 +1,10 @@
 import type { NDropdownMenuProps } from '../../../types/index.js';
 declare var __VLS_7: {}, __VLS_12: {}, __VLS_17: {}, __VLS_22: {
-    items: NDropdownMenuProps[] | undefined;
+    items: any;
 }, __VLS_27: {
-    items: NDropdownMenuProps[] | undefined;
-}, __VLS_30: `item-${string}`, __VLS_31: {}, __VLS_62: {
-    label: string | undefined;
+    items: any;
+}, __VLS_30: any, __VLS_31: {}, __VLS_62: {
+    label: any;
 };
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_30>]?: (props: typeof __VLS_31) => any;

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuContent.vue

@@ -19,8 +19,10 @@ const props = defineProps({
   loop: { type: Boolean, required: false },
   side: { type: null, required: false },
   sideOffset: { type: Number, required: false, default: 4 },
+  sideFlip: { type: Boolean, required: false },
   align: { type: null, required: false },
   alignOffset: { type: Number, required: false },
+  alignFlip: { type: Boolean, required: false },
   avoidCollisions: { type: Boolean, required: false },
   collisionBoundary: { type: null, required: false },
   collisionPadding: { type: [Number, Object], required: false },
@@ -45,7 +47,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
     <DropdownMenuContent
       v-bind="forwarded"
       :class="cn(
-  'dropdown-menu-content data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+  'dropdown-menu-content data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',
   props.una?.dropdownMenuContent,
   props.class
 )"

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuSubContent.vue

@@ -12,7 +12,9 @@ const props = defineProps({
   forceMount: { type: Boolean, required: false },
   loop: { type: Boolean, required: false },
   sideOffset: { type: Number, required: false },
+  sideFlip: { type: Boolean, required: false },
   alignOffset: { type: Number, required: false },
+  alignFlip: { type: Boolean, required: false },
   avoidCollisions: { type: Boolean, required: false },
   collisionBoundary: { type: null, required: false },
   collisionPadding: { type: [Number, Object], required: false },
@@ -36,7 +38,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
   <DropdownMenuSubContent
     v-bind="forwarded"
     :class="cn(
-  'dropdown-menu-sub-content data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+  'dropdown-menu-sub-content data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',
   forwarded.una?.dropdownMenuSubContent,
   props.class
 )"

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuSubTrigger.vue.d.ts

@@ -1,5 +1,5 @@
 import type { NDropdownMenuSubTriggerProps } from '../../../types/index.js';
-declare var __VLS_10: string | number, __VLS_11: any;
+declare var __VLS_10: any, __VLS_11: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
 };

package/dist/runtime/components/elements/pagination/Pagination.vue.d.ts

@@ -1,10 +1,7 @@
 import type { NPaginationProps } from '../../../types/index.js';
 declare var __VLS_10: {}, __VLS_15: {}, __VLS_20: {}, __VLS_22: {
-    item: {
-        type: "page";
-        value: number;
-    };
-    page: number;
+    item: any;
+    page: any;
 }, __VLS_30: {}, __VLS_35: {}, __VLS_40: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_10) => any;

package/dist/runtime/components/elements/pagination/PaginationListItem.vue.d.ts

@@ -1,5 +1,5 @@
 import type { NPaginationListItemProps } from '../../../types/index.js';
-declare var __VLS_10: string | number, __VLS_11: any;
+declare var __VLS_10: any, __VLS_11: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
 };

package/dist/runtime/components/elements/popover/Popover.vue.d.ts

@@ -1,6 +1,6 @@
 import type { NPopoverProps } from '../../../types/index.js';
 declare var __VLS_10: {
-    open: boolean;
+    open: any;
 }, __VLS_15: {};
 type __VLS_Slots = {} & {
     trigger?: (props: typeof __VLS_10) => any;

package/dist/runtime/components/elements/popover/PopoverContent.vue

@@ -13,8 +13,10 @@ const props = defineProps({
   forceMount: { type: Boolean, required: false },
   side: { type: null, required: false },
   sideOffset: { type: Number, required: false, default: 4 },
+  sideFlip: { type: Boolean, required: false },
   align: { type: null, required: false, default: "center" },
   alignOffset: { type: Number, required: false },
+  alignFlip: { type: Boolean, required: false },
   avoidCollisions: { type: Boolean, required: false },
   collisionBoundary: { type: null, required: false },
   collisionPadding: { type: [Number, Object], required: false },
@@ -42,6 +44,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
       v-bind="{ ...forwarded, ...$attrs }"
       :class="
   cn(
+    'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',
     'popover-content',
     props.class
   )

package/dist/runtime/components/elements/tabs/Tabs.vue.d.ts

@@ -1,6 +1,6 @@
 import type { NTabsProps } from '../../../types/tabs.js';
 declare var __VLS_6: {}, __VLS_11: {
-    items: any[] | undefined;
+    items: any;
 }, __VLS_16: {
     item: any;
     disabled: any;

package/dist/runtime/components/elements/tabs/TabsTrigger.vue.d.ts

@@ -1,5 +1,5 @@
 import type { NTabsTriggerProps } from '../../../types/tabs.js';
-declare var __VLS_7: string | number, __VLS_8: any;
+declare var __VLS_7: any, __VLS_8: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_7>]?: (props: typeof __VLS_8) => any;
 };

package/dist/runtime/components/elements/tooltip/TooltipContent.vue

@@ -37,6 +37,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
     <TooltipContent
       v-bind="{ ...forwarded, ...$attrs }"
       :class="cn(
+  'animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95',
   'tooltip-content',
   props.class,
   props.una?.tooltipContent

package/dist/runtime/components/forms/Input.vue.d.ts

@@ -12,19 +12,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
     blur: () => void | undefined;
     select: () => void | undefined;
     inputRef: import("vue").Ref<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    leading: (...args: any[]) => void;
-    trailing: (...args: any[]) => void;
-    blur: (...args: any[]) => void;
-    change: (...args: any[]) => void;
-    "update:modelValue": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onLeading?: ((...args: any[]) => any) | undefined;
-    onTrailing?: ((...args: any[]) => any) | undefined;
-    onBlur?: ((...args: any[]) => any) | undefined;
-    onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {
     type: HTMLInputElement["type"] | "textarea";
     size: string;
     autofocusDelay: number;

package/dist/runtime/components/forms/Switch.vue.d.ts

@@ -1,8 +1,8 @@
 import type { NSwitchProps } from '../../types/index.js';
 declare var __VLS_10: {
-    modelValue: boolean;
+    modelValue: any;
 }, __VLS_15: {
-    modelValue: boolean;
+    modelValue: any;
 };
 type __VLS_Slots = {} & {
     icon?: (props: typeof __VLS_10) => any;

package/dist/runtime/components/forms/radio-group/RadioGroup.vue

@@ -8,6 +8,7 @@ import { RadioGroupRoot, useForwardPropsEmits } from "reka-ui";
 import { cn } from "../../../utils";
 import RadioGroupItem from "./RadioGroupItem.vue";
 const props = defineProps({
+  modelValue: { type: null, required: true },
   items: { type: Array, required: false },
   labelKey: { type: null, required: false },
   valueKey: { type: null, required: false },
@@ -20,7 +21,6 @@ const props = defineProps({
   square: { type: null, required: false, default: "1em" },
   rounded: { type: null, required: false },
   icon: { type: null, required: false },
-  modelValue: { type: null, required: false },
   defaultValue: { type: null, required: false },
   disabled: { type: Boolean, required: false },
   orientation: { type: String, required: false },
@@ -71,7 +71,6 @@ function getItemDescription(item) {
 
 <template>
   <RadioGroupRoot
-    v-slot="{ modelValue }"
     :class="cn(
   'radio-group',
   orientation === 'horizontal' ? 'radio-group-orientation-horizontal' : 'radio-group-orientation-vertical',

package/dist/runtime/components/forms/radio-group/RadioGroup.vue.d.ts

@@ -1,22 +1,22 @@
 import type { AcceptableValue } from 'reka-ui';
 import type { NRadioGroupItemProps, NRadioGroupProps } from '../../../types/index.js';
-declare const _default: <T extends AcceptableValue>(__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<{
+declare const _default: <T extends AcceptableValue, Item extends T | NRadioGroupItemProps<T>>(__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<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:modelValue"?: ((payload: string) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & NRadioGroupProps<T> & Partial<{}>> & import("vue").PublicProps;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & NRadioGroupProps<T, Item> & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
         default?: (props: {
-            modelValue: AcceptableValue | undefined;
+            modelValue: any;
         }) => any;
     } & {
         label?: (props: {
-            item: NRadioGroupItemProps | T;
+            item: any;
         }) => any;
     } & {
         description?: (props: {
-            item: NRadioGroupItemProps | T;
+            item: any;
         }) => any;
     };
     emit: (evt: "update:modelValue", payload: string) => void;

package/dist/runtime/components/forms/radio-group/RadioGroupItem.vue

@@ -12,6 +12,7 @@ defineOptions({
   inheritAttrs: false
 });
 const props = defineProps({
+  value: { type: null, required: true },
   label: { type: String, required: false },
   radioGroup: { type: null, required: false, default: "primary" },
   description: { type: String, required: false },
@@ -22,7 +23,6 @@ const props = defineProps({
   rounded: { type: null, required: false },
   icon: { type: null, required: false, default: "radio-group-indicator-icon" },
   id: { type: String, required: false },
-  value: { type: null, required: false },
   disabled: { type: Boolean, required: false },
   asChild: { type: Boolean, required: false },
   as: { type: null, required: false },

package/dist/runtime/components/forms/radio-group/RadioGroupItem.vue.d.ts

@@ -1,4 +1,5 @@
 import type { NRadioGroupItemProps } from '../../../types/index.js';
+type __VLS_Props = NRadioGroupItemProps;
 declare var __VLS_9: {}, __VLS_17: {}, __VLS_19: {};
 type __VLS_Slots = {} & {
     icon?: (props: typeof __VLS_9) => any;
@@ -7,7 +8,7 @@ type __VLS_Slots = {} & {
 } & {
     description?: (props: typeof __VLS_19) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<NRadioGroupItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NRadioGroupItemProps> & Readonly<{}>, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     icon: import("vue").HTMLAttributes["class"];
     size: import("vue").HTMLAttributes["class"];
     square: import("vue").HTMLAttributes["class"];

package/dist/runtime/components/forms/select/Select.vue

@@ -4,7 +4,7 @@ import { computed } from "vue";
 
 <script setup>
 import { SelectRoot, useForwardPropsEmits } from "reka-ui";
-import { cn, isEqualObject } from "../../../utils";
+import { cn } from "../../../utils";
 import SelectContent from "./SelectContent.vue";
 import SelectGroup from "./SelectGroup.vue";
 import SelectItem from "./SelectItem.vue";
@@ -13,11 +13,14 @@ import SelectSeparator from "./SelectSeparator.vue";
 import SelectTrigger from "./SelectTrigger.vue";
 import SelectValue from "./SelectValue.vue";
 const props = defineProps({
-  items: { type: Array, required: true },
+  items: { type: null, required: false },
   itemKey: { type: null, required: false },
   valueKey: { type: null, required: false },
   label: { type: String, required: false },
   groupSeparator: { type: Boolean, required: false },
+  defaultValue: { type: null, required: false },
+  modelValue: { type: null, required: false },
+  multiple: { type: null, required: false },
   _selectScrollUpButton: { type: Object, required: false },
   _selectItemText: { type: Object, required: false },
   _selectScrollDownButton: { type: Object, required: false },
@@ -31,11 +34,8 @@ const props = defineProps({
   una: { type: Object, required: false },
   open: { type: Boolean, required: false },
   defaultOpen: { type: Boolean, required: false },
-  defaultValue: { type: null, required: false },
-  modelValue: { type: null, required: false },
   by: { type: [String, Function], required: false },
   dir: { type: String, required: false },
-  multiple: { type: Boolean, required: false },
   autocomplete: { type: String, required: false },
   disabled: { type: Boolean, required: false },
   name: { type: String, required: false },
@@ -69,25 +69,10 @@ function formatSelectedValue(value) {
   }
   return value;
 }
-function isItemSelected(item, modelValue) {
-  if (!modelValue)
-    return false;
-  if (props.multiple && Array.isArray(modelValue)) {
-    return modelValue.some((val) => {
-      const valObj = typeof val === "object" && val ? val : { value: val };
-      const itemObj2 = typeof item === "object" && item ? item : { value: item };
-      return isEqualObject(valObj, itemObj2);
-    });
-  }
-  const modelObj = typeof modelValue === "object" && modelValue ? modelValue : { value: modelValue };
-  const itemObj = typeof item === "object" && item ? item : { value: item };
-  return isEqualObject(modelObj, itemObj);
-}
 </script>
 
 <template>
   <SelectRoot
-    v-slot="{ modelValue, open }"
     :class="cn(
   props.una?.select,
   props.class
@@ -150,7 +135,6 @@ function isItemSelected(item, modelValue) {
                 :size
                 :select-item
                 v-bind="props._selectItem"
-                :is-selected="isItemSelected(item, modelValue)"
                 :una
               >
                 <slot name="item" :item="item">
@@ -197,7 +181,6 @@ function isItemSelected(item, modelValue) {
                     :size
                     :select-item
                     v-bind="{ ..._selectItem, ...group._selectItem }"
-                    :is-selected="isItemSelected(item, modelValue)"
                     :una
                   >
                     <slot name="item" :item="item">
@@ -211,7 +194,6 @@ function isItemSelected(item, modelValue) {
               </slot>
             </SelectGroup>
           </template>
-          <slot />
         </slot>
       </SelectContent>
     </slot>