@una-ui/nuxt-edge 1.0.0-alpha.0-29174566.3206b75 → 1.0.0-alpha.0-29174700.640b0f9

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt-edge",
   "configKey": "una",
-  "version": "1.0.0-alpha.0-29174566.3206b75",
+  "version": "1.0.0-alpha.0-29174700.640b0f9",
   "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 = "1.0.0-alpha.0-29174566.3206b75";
+const version = "1.0.0-alpha.0-29174700.640b0f9";
 
 const module = defineNuxtModule({
   meta: {

package/dist/runtime/components/misc/ThemeSwitcher.vue

@@ -104,7 +104,7 @@ function shuffleTheme() {
             >
               <Button
                 v-if="theme"
-                btn="solid-gray"
+                btn="outline-gray"
                 size="xs"
                 :title="capitalize(theme?.name)"
                 class="justify-start gap-2 ring-primary"
@@ -188,7 +188,7 @@ function shuffleTheme() {
             <Button
               v-for="r in RADIUS"
               :key="r"
-              btn="solid-gray"
+              btn="outline-gray"
               size="xs"
               :class="
   r === settings.radius ? 'ring-2 ring-primary' : ''
@@ -207,7 +207,7 @@ function shuffleTheme() {
 
           <div class="flex justify-around py-1.5 space-x-2">
             <Button
-              btn="solid-gray"
+              btn="outline-gray"
               :class="{ 'ring-2 ring-primary': colorMode.preference === 'system' }"
               leading="i-radix-icons-desktop"
               class="px-3"
@@ -217,7 +217,7 @@ function shuffleTheme() {
             />
 
             <Button
-              btn="solid-gray"
+              btn="outline-gray"
               :class="{ 'ring-2 ring-primary': colorMode.preference === 'light' }"
               leading="i-radix-icons-sun"
               class="px-3"
@@ -227,7 +227,7 @@ function shuffleTheme() {
             />
 
             <Button
-              btn="solid-gray"
+              btn="outline-gray"
               :class="{ 'ring-2 ring-primary': colorMode.preference === 'dark' }"
               leading="i-radix-icons-moon"
               class="px-3"
@@ -243,7 +243,7 @@ function shuffleTheme() {
         <div class="grid grid-cols-2 gap-2">
           <Button
             size="xs"
-            btn="solid-gray"
+            btn="outline-gray"
             label="Reset"
             leading="i-radix-icons-reload"
             @click="reset"

package/dist/runtime/components/number-field/NumberField.vue

@@ -0,0 +1,73 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { NumberFieldRoot, useForwardPropsEmits } from "reka-ui";
+import { cn } from "../../utils";
+import NumberFieldContent from "./NumberFieldContent.vue";
+const props = defineProps({
+  numberField: { type: null, required: false, default: "outline-primary" },
+  _numberFieldContent: { type: Object, required: false },
+  _numberFieldDecrement: { type: Object, required: false },
+  _numberFieldIncrement: { type: Object, required: false },
+  _numberFieldInput: { type: Object, required: false },
+  una: { type: Object, required: false },
+  defaultValue: { type: Number, required: false },
+  modelValue: { type: [Number, null], required: false },
+  min: { type: Number, required: false },
+  max: { type: Number, required: false },
+  step: { type: Number, required: false },
+  stepSnapping: { type: Boolean, required: false },
+  formatOptions: { type: null, required: false },
+  locale: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  disableWheelChange: { type: Boolean, required: false },
+  invertWheelChange: { type: Boolean, required: false },
+  id: { type: String, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  name: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  leading: { type: String, required: false, default: "i-lucide-minus" },
+  trailing: { type: String, required: false, default: "i-lucide-plus" },
+  class: { type: null, required: false },
+  size: { type: null, required: false, default: "md" }
+});
+const emits = defineEmits(["update:modelValue"]);
+const delegatedProps = reactiveOmit(props, "class", "numberField");
+const forwarded = useForwardPropsEmits(delegatedProps, emits);
+</script>
+
+<template>
+  <NumberFieldRoot
+    v-bind="forwarded"
+    :class="cn('number-field', props.class)"
+  >
+    <slot>
+      <NumberFieldContent :size>
+        <slot name="content">
+          <NNumberFieldDecrement
+            v-bind="forwarded._numberFieldDecrement"
+            :icon="props.leading"
+            :size
+            :una
+          >
+            <slot name="decrement" />
+          </NNumberFieldDecrement>
+          <NNumberFieldInput
+            v-bind="forwarded._numberFieldInput"
+            :size
+            :number-field
+            :una
+          />
+          <NNumberFieldIncrement
+            v-bind="forwarded._numberFieldIncrement"
+            :icon="props.trailing"
+            :size
+            :una
+          >
+            <slot name="increment" />
+          </NNumberFieldIncrement>
+        </slot>
+      </NumberFieldContent>
+    </slot>
+  </NumberFieldRoot>
+</template>

package/dist/runtime/components/number-field/NumberField.vue.d.ts

@@ -0,0 +1,28 @@
+import type { NNumberFieldProps } from '../../types/index.js';
+declare var __VLS_6: {}, __VLS_11: {}, __VLS_17: {}, __VLS_27: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+} & {
+    content?: (props: typeof __VLS_11) => any;
+} & {
+    decrement?: (props: typeof __VLS_17) => any;
+} & {
+    increment?: (props: typeof __VLS_27) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NNumberFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (val: number) => any;
+}, string, import("vue").PublicProps, Readonly<NNumberFieldProps> & Readonly<{
+    "onUpdate:modelValue"?: ((val: number) => any) | undefined;
+}>, {
+    leading: string;
+    trailing: string;
+    size: import("vue").HTMLAttributes["class"];
+    numberField: import("vue").HTMLAttributes["class"];
+}, {}, {}, {}, 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/number-field/NumberFieldContent.vue

@@ -0,0 +1,20 @@
+<script setup>
+import { cn } from "../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  class: { type: null, required: false },
+  size: { type: null, required: false }
+});
+</script>
+
+<template>
+  <div
+    :class="cn(
+  'number-field-content',
+  props.una?.numberFieldContent,
+  props.class
+)"
+  >
+    <slot />
+  </div>
+</template>

package/dist/runtime/components/number-field/NumberFieldContent.vue.d.ts

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

@@ -0,0 +1,33 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { NumberFieldDecrement, useForwardProps } from "reka-ui";
+import { cn } from "../../utils";
+import Icon from "../elements/Icon.vue";
+const props = defineProps({
+  icon: { type: String, required: false, default: "i-lucide-minus" },
+  una: { type: Object, required: false },
+  disabled: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false },
+  size: { type: null, required: false, default: "md" }
+});
+const delegatedProps = reactiveOmit(props, "class");
+const forwarded = useForwardProps(delegatedProps);
+</script>
+
+<template>
+  <NumberFieldDecrement
+    data-slot="decrement"
+    v-bind="forwarded"
+    :class="cn(
+  'number-field-decrement',
+  props.una?.numberFieldDecrement,
+  props.class
+)"
+  >
+    <slot>
+      <Icon :name="icon" />
+    </slot>
+  </NumberFieldDecrement>
+</template>

package/dist/runtime/components/number-field/NumberFieldDecrement.vue.d.ts

@@ -0,0 +1,16 @@
+import type { NNumberFieldDecrementProps } from '../../types/index.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NNumberFieldDecrementProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NNumberFieldDecrementProps> & Readonly<{}>, {
+    icon: string;
+    size: import("vue").HTMLAttributes["class"];
+}, {}, {}, {}, 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/number-field/NumberFieldIncrement.vue

@@ -0,0 +1,33 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { NumberFieldIncrement, useForwardProps } from "reka-ui";
+import { cn } from "../../utils";
+import Icon from "../elements/Icon.vue";
+const props = defineProps({
+  icon: { type: String, required: false, default: "i-lucide-plus" },
+  una: { type: Object, required: false },
+  disabled: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false },
+  size: { type: null, required: false, default: "md" }
+});
+const delegatedProps = reactiveOmit(props, "class");
+const forwarded = useForwardProps(delegatedProps);
+</script>
+
+<template>
+  <NumberFieldIncrement
+    data-slot="increment"
+    v-bind="forwarded"
+    :class="cn(
+  'number-field-increment',
+  props.una?.numberFieldIncrement,
+  props.class
+)"
+  >
+    <slot>
+      <Icon :name="icon" />
+    </slot>
+  </NumberFieldIncrement>
+</template>

package/dist/runtime/components/number-field/NumberFieldIncrement.vue.d.ts

@@ -0,0 +1,16 @@
+import type { NNumberFieldIncrementProps } from '../../types/index.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NNumberFieldIncrementProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NNumberFieldIncrementProps> & Readonly<{}>, {
+    icon: string;
+    size: import("vue").HTMLAttributes["class"];
+}, {}, {}, {}, 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/number-field/NumberFieldInput.vue

@@ -0,0 +1,24 @@
+<script setup>
+import { NumberFieldInput } 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 },
+  class: { type: null, required: false },
+  size: { type: null, required: false },
+  numberField: { type: null, required: false, default: "outline-primary" }
+});
+</script>
+
+<template>
+  <NumberFieldInput
+    data-slot="input"
+    :class="cn(
+  'number-field-input',
+  props.una?.numberFieldInput,
+  props.class
+)"
+    :number-field
+  />
+</template>

package/dist/runtime/components/number-field/NumberFieldInput.vue.d.ts

@@ -0,0 +1,5 @@
+import type { NNumberFieldInputProps } from '../../types/index.js';
+declare const _default: import("vue").DefineComponent<NNumberFieldInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NNumberFieldInputProps> & Readonly<{}>, {
+    numberField: import("vue").HTMLAttributes["class"];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -24,6 +24,7 @@ export * from './kbd.js';
 export * from './label.js';
 export * from './link.js';
 export * from './navigation-menu.js';
+export * from './number-field.js';
 export * from './pagination.js';
 export * from './popover.js';
 export * from './progress.js';

package/dist/runtime/types/index.js

@@ -24,6 +24,7 @@ export * from "./kbd.js";
 export * from "./label.js";
 export * from "./link.js";
 export * from "./navigation-menu.js";
+export * from "./number-field.js";
 export * from "./pagination.js";
 export * from "./popover.js";
 export * from "./progress.js";

package/dist/runtime/types/number-field.d.ts

@@ -0,0 +1,48 @@
+import type { NumberFieldDecrementProps, NumberFieldIncrementProps, NumberFieldInputProps, NumberFieldRootProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+import type { NInputProps } from './input.js';
+export interface NNumberFieldProps extends NumberFieldRootProps, Pick<NInputProps, 'leading' | 'trailing'>, BaseExtensions {
+    /**
+     * Allows you to add `UnaUI` input 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/number-field.ts
+     * @example
+     * numberField="solid-green"
+     */
+    numberField?: HTMLAttributes['class'];
+    _numberFieldContent?: NNumberFieldContentProps;
+    _numberFieldDecrement?: NNumberFieldDecrementProps;
+    _numberFieldIncrement?: NNumberFieldIncrementProps;
+    _numberFieldInput?: NNumberFieldInputProps;
+    /**
+     * `UnaUI` preset configuration
+     * @see https://github.com/una-ui/una-ui/blob/main/packages/preset/src/_shortcuts/number-field.ts
+     */
+    una?: NNumberFieldUnaProps;
+}
+export interface NNumberFieldContentProps extends BaseExtensions {
+    una?: Pick<NNumberFieldUnaProps, 'numberFieldContent'>;
+}
+export interface NNumberFieldDecrementProps extends NumberFieldDecrementProps, BaseExtensions {
+    icon?: string;
+    una?: Pick<NNumberFieldUnaProps, 'numberFieldDecrement'>;
+}
+export interface NNumberFieldIncrementProps extends NumberFieldIncrementProps, BaseExtensions {
+    icon?: string;
+    una?: Pick<NNumberFieldUnaProps, 'numberFieldIncrement'>;
+}
+export interface NNumberFieldInputProps extends NumberFieldInputProps, BaseExtensions, Pick<NNumberFieldProps, 'numberField'> {
+    una?: Pick<NNumberFieldUnaProps, 'numberFieldInput'>;
+}
+export interface NNumberFieldUnaProps {
+    numberFieldContent?: HTMLAttributes['class'];
+    numberFieldIncrement?: HTMLAttributes['class'];
+    numberFieldDecrement?: HTMLAttributes['class'];
+    numberFieldInput?: HTMLAttributes['class'];
+}
+interface BaseExtensions {
+    class?: HTMLAttributes['class'];
+    size?: HTMLAttributes['class'];
+}
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt-edge",
   "type": "module",
-  "version": "1.0.0-alpha.0-29174566.3206b75",
+  "version": "1.0.0-alpha.0-29174700.640b0f9",
   "description": "Nuxt module for @una-ui",
   "author": "Phojie Rengel <phojrengel@gmail.com>",
   "license": "MIT",
@@ -41,8 +41,8 @@
     "@nuxt/kit": "^3.17.5",
     "@nuxtjs/color-mode": "^3.5.2",
     "@tanstack/vue-table": "^8.21.3",
-    "@una-ui/extractor-vue-script": "npm:@una-ui/extractor-vue-script-edge@1.0.0-alpha.0-29174566.3206b75",
-    "@una-ui/preset": "npm:@una-ui/preset-edge@1.0.0-alpha.0-29174566.3206b75",
+    "@una-ui/extractor-vue-script": "npm:@una-ui/extractor-vue-script-edge@1.0.0-alpha.0-29174700.640b0f9",
+    "@una-ui/preset": "npm:@una-ui/preset-edge@1.0.0-alpha.0-29174700.640b0f9",
     "@unocss/core": "^66.2.0",
     "@unocss/nuxt": "^66.2.0",
     "@unocss/preset-attributify": "^66.2.0",