@una-ui/nuxt-edge 0.63.1-29258224.a4c2a98 → 0.63.1-29258321.416d95a

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt-edge",
   "configKey": "una",
-  "version": "0.63.1-29258224.a4c2a98",
+  "version": "0.63.1-29258321.416d95a",
   "compatibility": {
     "nuxt": ">=3.0.0"
   },

package/dist/module.mjs

@@ -8,7 +8,7 @@ import 'unocss';
 import 'unocss-preset-animations';
 
 const name = "@una-ui/nuxt-edge";
-const version = "0.63.1-29258224.a4c2a98";
+const version = "0.63.1-29258321.416d95a";
 
 const module = defineNuxtModule({
   meta: {

package/dist/runtime/components/stepper/Stepper.vue

@@ -0,0 +1,163 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { StepperRoot, useForwardPropsEmits } from "reka-ui";
+import { computed, useTemplateRef } from "vue";
+import { cn } from "../../utils";
+import Icon from "../elements/Icon.vue";
+import StepperContainer from "./StepperContainer.vue";
+import StepperDescription from "./StepperDescription.vue";
+import StepperHeader from "./StepperHeader.vue";
+import StepperIndicator from "./StepperIndicator.vue";
+import StepperItem from "./StepperItem.vue";
+import StepperSeparator from "./StepperSeparator.vue";
+import StepperTitle from "./StepperTitle.vue";
+import StepperTrigger from "./StepperTrigger.vue";
+import StepperWrapper from "./StepperWrapper.vue";
+const props = defineProps({
+  items: { type: Array, required: false },
+  stepper: { type: String, required: false, default: "solid-primary" },
+  _stepperItem: { type: Object, required: false },
+  _stepperTrigger: { type: Object, required: false },
+  _stepperSeparator: { type: Object, required: false },
+  _stepperTitle: { type: Object, required: false },
+  _stepperDescription: { type: Object, required: false },
+  _stepperIndicator: { type: Object, required: false },
+  _stepperHeader: { type: Object, required: false },
+  _stepperWrapper: { type: Object, required: false },
+  _stepperContainer: { type: Object, required: false },
+  una: { type: Object, required: false },
+  defaultValue: { type: Number, required: false },
+  orientation: { type: String, required: false, default: "horizontal" },
+  dir: { type: String, required: false },
+  modelValue: { type: Number, required: false },
+  linear: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: [String, Object, Function], required: false },
+  disabled: { type: Boolean, required: false },
+  class: { type: null, required: false },
+  size: { type: null, required: false }
+});
+const emits = defineEmits(["update:modelValue", "next", "prev"]);
+const modelValue = defineModel({ type: [String, Number] });
+const delegatedProps = reactiveOmit(props, [
+  "class",
+  "una"
+]);
+const forwarded = useForwardPropsEmits(delegatedProps, emits);
+const stepper = useTemplateRef("stepper");
+const currentStepIndex = computed({
+  get() {
+    const value = modelValue.value ?? props.defaultValue;
+    return (typeof value === "string" ? props.items?.findIndex((item) => item.value === value) : value) ?? 0;
+  },
+  set(value) {
+    modelValue.value = props.items?.[value]?.value ?? value;
+  }
+});
+const currentStep = computed(() => props.items?.[currentStepIndex.value]);
+const isEveryItemHasStep = computed(() => props.items?.every((item) => item.step));
+const hasNextStep = computed(() => currentStepIndex.value < props.items.length - 1);
+const hasPrevStep = computed(() => currentStepIndex.value > 0);
+defineExpose({
+  goToStep: (step) => {
+    currentStepIndex.value = step;
+    stepper.value?.goToStep(step);
+  },
+  nextStep: () => {
+    if (!hasNextStep.value)
+      return;
+    currentStepIndex.value += 1;
+    stepper.value?.nextStep();
+    emits("next", currentStep.value);
+  },
+  prevStep: () => {
+    if (!hasPrevStep.value)
+      return;
+    currentStepIndex.value -= 1;
+    stepper.value?.prevStep();
+    emits("prev", currentStep.value);
+  },
+  hasNext: () => stepper.value?.hasNext(),
+  hasPrev: () => stepper.value?.hasPrev()
+});
+</script>
+
+<template>
+  <StepperRoot
+    ref="stepper"
+    v-slot="slotProps"
+    v-bind="forwarded"
+    v-model="currentStepIndex"
+    :class="cn(
+  'stepper',
+  orientation === 'horizontal' && 'stepper-horizontal',
+  props.class
+)"
+    :una
+  >
+    <slot v-bind="slotProps">
+      <StepperWrapper :una v-bind="props._stepperWrapper" :orientation>
+        <slot name="wrapper" :items>
+          <StepperItem
+            v-for="(item, idx) in items"
+            :key="isEveryItemHasStep ? item.step : idx"
+            :step="isEveryItemHasStep ? item.step : idx"
+            :disabled="item.disabled ?? props.disabled"
+            :una
+            v-bind="props._stepperItem"
+            :orientation
+          >
+            <slot name="item" :item="item" :step="isEveryItemHasStep ? item.step : idx">
+              <StepperContainer :orientation :una v-bind="props._stepperContainer">
+                <StepperTrigger v-bind="props._stepperTrigger" :una :stepper="props.stepper" :size="size ?? item.size">
+                  <slot name="trigger" :item="item">
+                    <StepperIndicator
+                      v-slot="{ step }"
+                      v-bind="props._stepperIndicator"
+                      :una
+                      :size="size ?? item.size"
+                      :stepper="props.stepper"
+                    >
+                      <slot name="indicator" :item :step>
+                        <Icon v-if="item.icon" :name="item.icon" :size="size ?? item.size" />
+                        <template v-else>
+                          {{ idx + 1 }}
+                        </template>
+                      </slot>
+                    </StepperIndicator>
+                  </slot>
+                </StepperTrigger>
+                <StepperSeparator
+                  v-if="items && idx < items.length - 1"
+                  v-bind="props._stepperSeparator"
+                  :una
+                  :stepper="props.stepper"
+                  :orientation
+                />
+              </StepperContainer>
+              <StepperHeader :una v-bind="props._stepperHeader" :orientation>
+                <slot name="header" :item="item">
+                  <StepperTitle v-if="item.title" :una v-bind="props._stepperTitle" :size="size ?? item.size">
+                    <slot name="title" :item="item">
+                      {{ item.title }}
+                    </slot>
+                  </StepperTitle>
+                  <StepperDescription v-if="item.description" :una v-bind="props._stepperDescription" :size="size ?? item.size">
+                    <slot name="description" :item="item">
+                      {{ item.description }}
+                    </slot>
+                  </StepperDescription>
+                </slot>
+              </StepperHeader>
+            </slot>
+          </StepperItem>
+        </slot>
+      </StepperWrapper>
+      <slot
+        v-if="!!$slots.content || currentStep?.slot"
+        :name="currentStep?.slot ?? 'content'"
+        :item="currentStep"
+      />
+    </slot>
+  </StepperRoot>
+</template>

package/dist/runtime/components/stepper/Stepper.vue.d.ts

@@ -0,0 +1,62 @@
+import type { NStepperItemProps, NStepperProps } from '../../types/index.js';
+declare const _default: <T extends Partial<NStepperItemProps>>(__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"?: ((...args: unknown[]) => any) | undefined;
+        readonly onNext?: ((payload: T) => any) | undefined;
+        readonly onPrev?: ((payload: T) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue" | "onNext" | "onPrev"> & (NStepperProps<T> & {
+        modelValue?: string | number;
+    }) & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{
+        goToStep: (step: number) => void;
+        nextStep: () => void;
+        prevStep: () => void;
+        hasNext: () => boolean | undefined;
+        hasPrev: () => boolean | undefined;
+    }>): void;
+    attrs: any;
+    slots: {
+        [x: string]: ((props: {
+            item: any;
+        }) => any) | undefined;
+    } & {
+        default?: (props: any) => any;
+    } & {
+        wrapper?: (props: {
+            items: any;
+        }) => any;
+    } & {
+        item?: (props: {
+            item: any;
+            step: any;
+        }) => any;
+    } & {
+        trigger?: (props: {
+            item: any;
+        }) => any;
+    } & {
+        indicator?: (props: {
+            item: any;
+            step: any;
+        }) => any;
+    } & {
+        header?: (props: {
+            item: any;
+        }) => any;
+    } & {
+        title?: (props: {
+            item: any;
+        }) => any;
+    } & {
+        description?: (props: {
+            item: any;
+        }) => any;
+    };
+    emit: (((evt: "update:modelValue", payload: number | undefined) => void) & ((evt: "next", payload: T) => void) & ((evt: "prev", payload: T) => void)) & ((evt: "update:modelValue", value: string | number | undefined) => void);
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/runtime/components/stepper/StepperContainer.vue

@@ -0,0 +1,21 @@
+<script setup>
+import { cn } from "../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  class: { type: null, required: false },
+  orientation: { type: String, required: false, default: "horizontal" }
+});
+</script>
+
+<template>
+  <div
+    :class="cn(
+  'stepper-container',
+  orientation === 'horizontal' && 'stepper-container-horizontal',
+  props.class,
+  props.una?.stepperContainer
+)"
+  >
+    <slot />
+  </div>
+</template>

package/dist/runtime/components/stepper/StepperContainer.vue.d.ts

@@ -0,0 +1,15 @@
+import type { NStepperContainerProps } from '../../types/index.js';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NStepperContainerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NStepperContainerProps> & Readonly<{}>, {
+    orientation: "vertical" | "horizontal";
+}, {}, {}, {}, 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/stepper/StepperDescription.vue

@@ -0,0 +1,28 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { StepperDescription, useForwardProps } from "reka-ui";
+import { cn } from "../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: [String, Object, Function], required: false },
+  class: { type: null, required: false },
+  size: { type: null, required: false }
+});
+const delegatedProps = reactiveOmit(props, "class", "una");
+const forwarded = useForwardProps(delegatedProps);
+</script>
+
+<template>
+  <StepperDescription
+    v-slot="slotProps"
+    v-bind="forwarded"
+    :class="cn(
+  'stepper-description',
+  props.class,
+  props.una?.stepperDescription
+)"
+  >
+    <slot v-bind="slotProps" />
+  </StepperDescription>
+</template>

package/dist/runtime/components/stepper/StepperDescription.vue.d.ts

@@ -0,0 +1,13 @@
+import type { NStepperDescriptionProps } from '../../types/index.js';
+declare var __VLS_6: any;
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NStepperDescriptionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NStepperDescriptionProps> & 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/stepper/StepperHeader.vue

@@ -0,0 +1,21 @@
+<script setup>
+import { cn } from "../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  class: { type: null, required: false },
+  orientation: { type: String, required: false, default: "horizontal" }
+});
+</script>
+
+<template>
+  <div
+    :class="cn(
+  'stepper-header',
+  orientation === 'horizontal' && 'stepper-header-horizontal',
+  props.class,
+  props.una?.stepperHeader
+)"
+  >
+    <slot />
+  </div>
+</template>

package/dist/runtime/components/stepper/StepperHeader.vue.d.ts

@@ -0,0 +1,15 @@
+import type { NStepperHeaderProps } from '../../types/index.js';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NStepperHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NStepperHeaderProps> & Readonly<{}>, {
+    orientation: "vertical" | "horizontal";
+}, {}, {}, {}, 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/stepper/StepperIndicator.vue

@@ -0,0 +1,34 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { StepperIndicator, useForwardProps } from "reka-ui";
+import { cn } from "../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: [String, Object, Function], required: false },
+  stepper: { type: String, required: false, default: "solid-primary" },
+  class: { type: null, required: false },
+  size: { type: null, required: false }
+});
+const delegatedProps = reactiveOmit(props, [
+  "class",
+  "una",
+  "stepper"
+]);
+const forwarded = useForwardProps(delegatedProps);
+</script>
+
+<template>
+  <StepperIndicator
+    v-slot="slotProps"
+    v-bind="forwarded"
+    :class="cn(
+  'stepper-indicator',
+  props.class,
+  props.una?.stepperIndicator
+)"
+    :stepper
+  >
+    <slot v-bind="slotProps" />
+  </StepperIndicator>
+</template>

package/dist/runtime/components/stepper/StepperIndicator.vue.d.ts

@@ -0,0 +1,15 @@
+import type { NStepperIndicatorProps } from '../../types/index.js';
+declare var __VLS_6: any;
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NStepperIndicatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NStepperIndicatorProps> & Readonly<{}>, {
+    stepper: 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/stepper/StepperItem.vue

@@ -0,0 +1,44 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { StepperItem, useForwardProps } from "reka-ui";
+import { cn } from "../../utils";
+const props = defineProps({
+  slot: { type: String, required: false },
+  title: { type: String, required: false },
+  description: { type: String, required: false },
+  value: { type: [String, Number], required: false },
+  icon: { type: String, required: false },
+  una: { type: Object, required: false },
+  step: { type: Number, required: true },
+  disabled: { type: Boolean, required: false },
+  completed: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: [String, Object, Function], required: false },
+  orientation: { type: String, required: false, default: "horizontal" },
+  class: { type: null, required: false },
+  size: { type: null, required: false }
+});
+const delegatedProps = reactiveOmit(props, [
+  "class",
+  "una",
+  "title",
+  "description",
+  "slot"
+]);
+const forwarded = useForwardProps(delegatedProps);
+</script>
+
+<template>
+  <StepperItem
+    v-slot="slotProps"
+    v-bind="forwarded"
+    :class="cn(
+  'group stepper-item',
+  orientation === 'vertical' && 'stepper-item-vertical',
+  props.class,
+  props.una?.stepperItem
+)"
+  >
+    <slot v-bind="slotProps" />
+  </StepperItem>
+</template>

package/dist/runtime/components/stepper/StepperItem.vue.d.ts

@@ -0,0 +1,15 @@
+import type { NStepperItemProps } from '../../types/index.js';
+declare var __VLS_6: any;
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NStepperItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NStepperItemProps> & Readonly<{}>, {
+    orientation: "vertical" | "horizontal";
+}, {}, {}, {}, 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/stepper/StepperSeparator.vue

@@ -0,0 +1,29 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { StepperSeparator, useForwardProps } from "reka-ui";
+import { cn } from "../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  orientation: { type: String, required: false, default: "horizontal" },
+  decorative: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: [String, Object, Function], required: false },
+  stepper: { type: String, required: false, default: "solid-primary" },
+  class: { type: null, required: false }
+});
+const delegatedProps = reactiveOmit(props, "class", "una");
+const forwarded = useForwardProps(delegatedProps);
+</script>
+
+<template>
+  <StepperSeparator
+    v-bind="forwarded"
+    :class="cn(
+  'stepper-separator',
+  orientation === 'vertical' ? 'stepper-separator-vertical' : 'stepper-separator-horizontal',
+  props.class,
+  props.una?.stepperSeparator
+)"
+    :stepper
+  />
+</template>

package/dist/runtime/components/stepper/StepperSeparator.vue.d.ts

@@ -0,0 +1,6 @@
+import type { NStepperSeparatorProps } from '../../types/index.js';
+declare const _default: import("vue").DefineComponent<NStepperSeparatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NStepperSeparatorProps> & Readonly<{}>, {
+    orientation: "vertical" | "horizontal";
+    stepper: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/components/stepper/StepperTitle.vue

@@ -0,0 +1,27 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { StepperTitle, useForwardProps } from "reka-ui";
+import { cn } from "../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: [String, Object, Function], required: false },
+  class: { type: null, required: false },
+  size: { type: null, required: false }
+});
+const delegatedProps = reactiveOmit(props, "class", "una");
+const forwarded = useForwardProps(delegatedProps);
+</script>
+
+<template>
+  <StepperTitle
+    v-bind="forwarded"
+    :class="cn(
+  'stepper-title',
+  props.class,
+  props.una?.stepperTitle
+)"
+  >
+    <slot />
+  </StepperTitle>
+</template>

package/dist/runtime/components/stepper/StepperTitle.vue.d.ts

@@ -0,0 +1,13 @@
+import type { NStepperTitleProps } from '../../types/index.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NStepperTitleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NStepperTitleProps> & 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/stepper/StepperTrigger.vue

@@ -0,0 +1,29 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { StepperTrigger, useForwardProps } from "reka-ui";
+import { cn } from "../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: [String, Object, Function], required: false },
+  stepper: { type: String, required: false, default: "solid-primary" },
+  class: { type: null, required: false },
+  size: { type: null, required: false }
+});
+const delegatedProps = reactiveOmit(props, "class", "una");
+const forwarded = useForwardProps(delegatedProps);
+</script>
+
+<template>
+  <StepperTrigger
+    v-bind="forwarded"
+    :class="cn(
+  'stepper-trigger',
+  props.class,
+  props.una?.stepperTrigger
+)"
+    :stepper
+  >
+    <slot />
+  </StepperTrigger>
+</template>

package/dist/runtime/components/stepper/StepperTrigger.vue.d.ts

@@ -0,0 +1,15 @@
+import type { NStepperTriggerProps } from '../../types/index.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NStepperTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NStepperTriggerProps> & Readonly<{}>, {
+    stepper: 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/stepper/StepperWrapper.vue

@@ -0,0 +1,21 @@
+<script setup>
+import { cn } from "../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  class: { type: null, required: false },
+  orientation: { type: String, required: false, default: "horizontal" }
+});
+</script>
+
+<template>
+  <div
+    :class="cn(
+  'stepper-wrapper',
+  orientation === 'vertical' && 'stepper-wrapper-vertical',
+  props.class,
+  props.una?.stepperWrapper
+)"
+  >
+    <slot />
+  </div>
+</template>

package/dist/runtime/components/stepper/StepperWrapper.vue.d.ts

@@ -0,0 +1,15 @@
+import type { NStepperWrapperProps } from '../../types/index.js';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NStepperWrapperProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NStepperWrapperProps> & Readonly<{}>, {
+    orientation: "vertical" | "horizontal";
+}, {}, {}, {}, 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/types/index.d.ts

@@ -38,6 +38,7 @@ export * from './sheet.js';
 export * from './sidebar.js';
 export * from './skeleton.js';
 export * from './slider.js';
+export * from './stepper.js';
 export * from './switch.js';
 export * from './table.js';
 export * from './tabs.js';

package/dist/runtime/types/index.js

@@ -38,6 +38,7 @@ export * from "./sheet.js";
 export * from "./sidebar.js";
 export * from "./skeleton.js";
 export * from "./slider.js";
+export * from "./stepper.js";
 export * from "./switch.js";
 export * from "./table.js";
 export * from "./tabs.js";

package/dist/runtime/types/stepper.d.ts

@@ -0,0 +1,129 @@
+import type { StepperDescriptionProps, StepperIndicatorProps, StepperItemProps, StepperRootEmits, StepperRootProps, StepperSeparatorProps, StepperTitleProps, StepperTriggerProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+interface BaseExtensions {
+    /** CSS class for the component */
+    class?: HTMLAttributes['class'];
+    /** Size of the component */
+    size?: HTMLAttributes['class'];
+}
+export interface NStepperProps<T> extends StepperRootProps, Pick<StepperItemProps, 'disabled'>, BaseExtensions {
+    /**
+     * The array of steps that is passed to the stepper.
+     *
+     * @default []
+     */
+    items?: T[];
+    /**
+     * Allows you to add `UnaUI` stepper preset properties,
+     * Think of it as a shortcut for adding options or variants to the preset if available.
+     *
+     * @see https://github.com/una-ui/una-ui/blob/main/packages/preset/src/_shortcuts/stepper.ts
+     * @example
+     * stepper="solid-yellow"
+     */
+    stepper?: string;
+    /** Props for the stepper item */
+    _stepperItem?: Partial<NStepperItemProps>;
+    /** Props for the stepper trigger */
+    _stepperTrigger?: Partial<NStepperTriggerProps>;
+    /** Props for the stepper separator */
+    _stepperSeparator?: Partial<NStepperSeparatorProps>;
+    /** Props for the stepper title */
+    _stepperTitle?: Partial<NStepperTitleProps>;
+    /** Props for the stepper description */
+    _stepperDescription?: Partial<NStepperDescriptionProps>;
+    /** Props for the stepper indicator */
+    _stepperIndicator?: Partial<NStepperIndicatorProps>;
+    /** Props for the stepper header */
+    _stepperHeader?: Partial<NStepperHeaderProps>;
+    /** Props for the stepper wrapper */
+    _stepperWrapper?: Partial<NStepperWrapperProps>;
+    /** Props for the stepper container */
+    _stepperContainer?: Partial<NStepperContainerProps>;
+    /**
+     * `UnaUI` preset configuration
+     *
+     * @see https://github.com/una-ui/una-ui/blob/main/packages/preset/src/_shortcuts/stepper.ts
+     */
+    una?: NStepperUnaProps;
+}
+export type NStepperEmits<T> = StepperRootEmits & {
+    next: [payload: T];
+    prev: [payload: T];
+};
+export interface NStepperItemProps extends StepperItemProps, Pick<NStepperProps<NStepperItemProps>, 'orientation'>, BaseExtensions {
+    /** Slot of the stepper item */
+    slot?: string;
+    /** Title of the stepper item. */
+    title?: string;
+    /** Description of the stepper item. */
+    description?: string;
+    value?: string | number;
+    /**
+     * Icon name
+     * @see @IconifyIcon
+     *
+     * @example
+     * 'i-heroicons-book-open-20-solid'
+     */
+    icon?: string;
+    /** Additional properties for the una component */
+    una?: Pick<NStepperUnaProps, 'stepperItem'>;
+}
+export interface NStepperTriggerProps extends StepperTriggerProps, Pick<NStepperProps<StepperItemProps>, 'stepper'>, BaseExtensions {
+    /** Additional properties for the una component */
+    una?: Pick<NStepperUnaProps, 'stepperTrigger' | 'stepperMenuDefaultVariant'>;
+}
+export interface NStepperSeparatorProps extends StepperSeparatorProps, Pick<NStepperProps<StepperItemProps>, 'stepper'>, Pick<BaseExtensions, 'class'> {
+    /** Additional properties for the una component */
+    una?: Pick<NStepperUnaProps, 'stepperSeparator'>;
+}
+export interface NStepperIndicatorProps extends StepperIndicatorProps, Pick<NStepperProps<StepperItemProps>, 'stepper'>, BaseExtensions {
+    /** Additional properties for the una component */
+    una?: Pick<NStepperUnaProps, 'stepperIndicator'>;
+}
+export interface NStepperHeaderProps extends Pick<BaseExtensions, 'class'>, Pick<NStepperProps<StepperItemProps>, 'orientation'> {
+    /** Additional properties for the una component */
+    una?: Pick<NStepperUnaProps, 'stepperHeader'>;
+}
+export interface NStepperTitleProps extends StepperTitleProps, BaseExtensions {
+    /** Additional properties for the una component */
+    una?: Pick<NStepperUnaProps, 'stepperTitle'>;
+}
+export interface NStepperDescriptionProps extends StepperDescriptionProps, BaseExtensions {
+    /** Additional properties for the una component */
+    una?: Pick<NStepperUnaProps, 'stepperDescription'>;
+}
+export interface NStepperContainerProps extends Pick<BaseExtensions, 'class'>, Pick<NStepperProps<StepperItemProps>, 'orientation'> {
+    /** Additional properties for the una component */
+    una?: Pick<NStepperUnaProps, 'stepperContainer'>;
+}
+export interface NStepperWrapperProps extends Pick<BaseExtensions, 'class'>, Pick<NStepperProps<StepperItemProps>, 'orientation'> {
+    /** Additional properties for the una component */
+    una?: Pick<NStepperUnaProps, 'stepperWrapper'>;
+}
+interface NStepperUnaProps {
+    /** CSS class for the stepper */
+    stepper?: HTMLAttributes['class'];
+    /** CSS class for the stepper trigger */
+    stepperTrigger?: HTMLAttributes['class'];
+    /** CSS class for the stepper trigger default variant */
+    stepperMenuDefaultVariant?: HTMLAttributes['class'];
+    /** CSS class for the stepper item */
+    stepperItem?: HTMLAttributes['class'];
+    /** CSS class for the stepper title */
+    stepperTitle?: HTMLAttributes['class'];
+    /** CSS class for the stepper description */
+    stepperDescription?: HTMLAttributes['class'];
+    /** CSS class for the stepper indicator */
+    stepperIndicator?: HTMLAttributes['class'];
+    /** CSS class for the stepper separator */
+    stepperSeparator?: HTMLAttributes['class'];
+    /** CSS class for the stepper header */
+    stepperHeader?: HTMLAttributes['class'];
+    /** CSS class for the stepper container */
+    stepperContainer?: HTMLAttributes['class'];
+    /** CSS class for the stepper wrapper */
+    stepperWrapper?: HTMLAttributes['class'];
+}
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt-edge",
   "type": "module",
-  "version": "0.63.1-29258224.a4c2a98",
+  "version": "0.63.1-29258321.416d95a",
   "description": "Nuxt module for @una-ui",
   "author": "Phojie Rengel <phojrengel@gmail.com>",
   "license": "MIT",
@@ -41,8 +41,8 @@
     "@nuxt/kit": "^3.18.1",
     "@nuxtjs/color-mode": "^3.5.2",
     "@tanstack/vue-table": "^8.21.3",
-    "@una-ui/extractor-vue-script": "npm:@una-ui/extractor-vue-script-edge@0.63.1-29258224.a4c2a98",
-    "@una-ui/preset": "npm:@una-ui/preset-edge@0.63.1-29258224.a4c2a98",
+    "@una-ui/extractor-vue-script": "npm:@una-ui/extractor-vue-script-edge@0.63.1-29258321.416d95a",
+    "@una-ui/preset": "npm:@una-ui/preset-edge@0.63.1-29258321.416d95a",
     "@unocss/core": "^66.4.2",
     "@unocss/nuxt": "^66.4.2",
     "@unocss/preset-attributify": "^66.4.2",