@shwfed/nuxt 0.7.8 → 0.7.10

package/dist/runtime/components/ui/input-group/InputGroupComboboxInput.d.vue.ts

@@ -1,3 +1,10 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Props = {
+    invalid?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onBlur?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ui/input-group/InputGroupComboboxInput.vue

@@ -2,15 +2,26 @@
 import { cn } from "../../../utils/cn";
 import { ListboxFilter } from "reka-ui";
 import { useCommand } from "../command";
+const props = defineProps({
+  invalid: { type: Boolean, required: false }
+});
+const emits = defineEmits(["blur"]);
 const { filterState } = useCommand();
+function handleBlur(event) {
+  filterState.search = "";
+  emits("blur", event);
+}
 </script>
 
 <template>
   <ListboxFilter
     v-model="filterState.search"
+    data-slot="input-group-control"
     :data-value="!!filterState.search"
+    :aria-invalid="props.invalid ? 'true' : void 0"
     :class="cn(
-  'flex-1 px-2 rounded-none border-none bg-transparent shadow-none dark:bg-transparent peer outline-none'
+  'flex-1 px-2 rounded-none border-none bg-transparent shadow-none dark:bg-transparent peer outline-none disabled:cursor-not-allowed disabled:text-zinc-600 disabled:opacity-100'
 )"
+    @blur="handleBlur"
   />
 </template>

package/dist/runtime/components/ui/input-group/InputGroupComboboxInput.vue.d.ts

@@ -1,3 +1,10 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Props = {
+    invalid?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onBlur?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ui/input-group/InputGroupInput.vue

@@ -13,7 +13,7 @@ const props = defineProps({
     data-slot="input-group-control"
     :treat-empty-as-different-state-from-null="treatEmptyAsDifferentStateFromNull"
     :class="cn(
-  'flex-1 rounded-none border-0 bg-transparent shadow-none dark:bg-transparent peer',
+  'flex-1 rounded-none border-0 bg-transparent shadow-none dark:bg-transparent peer disabled:text-zinc-600 disabled:opacity-100',
   props.class
 )"
   />

package/dist/runtime/components/ui/input-group/InputGroupNumberField.d.vue.ts

@@ -2,11 +2,14 @@ import type { NumberFieldRootProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
 type __VLS_Props = NumberFieldRootProps & {
     class?: HTMLAttributes['class'];
+    invalid?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (val: number) => any;
+    "update:modelValue": (...args: any[]) => void;
+    blur: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((val: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ui/input-group/InputGroupNumberField.vue

@@ -22,10 +22,14 @@ const props = defineProps({
   as: { type: null, required: false },
   name: { type: String, required: false },
   required: { type: Boolean, required: false },
-  class: { type: null, required: false }
+  class: { type: null, required: false },
+  invalid: { type: Boolean, required: false }
 });
-const emits = defineEmits(["update:modelValue"]);
-const delegatedProps = reactiveOmit(props, "class");
+const emits = defineEmits([
+  "update:modelValue",
+  "blur"
+]);
+const delegatedProps = reactiveOmit(props, "class", "invalid");
 </script>
 
 <template>
@@ -37,9 +41,11 @@ const delegatedProps = reactiveOmit(props, "class");
     <NumberFieldInput
       data-slot="input-group-control"
       :data-value="typeof delegatedProps.modelValue === 'number'"
+      :aria-invalid="props.invalid ? 'true' : void 0"
       :class="cn(
-  'flex-1 px-2 py-1 rounded-none w-full text-sm text-slate-700 border-0 bg-transparent shadow-none dark:bg-transparent outline-none peer'
+  'flex-1 px-2 py-1 rounded-none w-full text-sm text-zinc-700 border-0 bg-transparent shadow-none dark:bg-transparent outline-none peer disabled:cursor-not-allowed disabled:text-zinc-600 disabled:opacity-100'
 )"
+      @blur="emits('blur', $event)"
     />
   </NumberField>
 </template>

package/dist/runtime/components/ui/input-group/InputGroupNumberField.vue.d.ts

@@ -2,11 +2,14 @@ import type { NumberFieldRootProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
 type __VLS_Props = NumberFieldRootProps & {
     class?: HTMLAttributes['class'];
+    invalid?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (val: number) => any;
+    "update:modelValue": (...args: any[]) => void;
+    blur: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((val: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ui/input-group/InputGroupText.vue

@@ -8,7 +8,7 @@ const props = defineProps({
 <template>
   <span
     :class="cn(
-  'text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*=\'size-\'])]:size-4',
+  'text-zinc-400 flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*=\'size-\'])]:size-4',
   props.class
 )"
   >

package/dist/runtime/components/ui/input-group/InputGroupTextarea.vue

@@ -10,7 +10,7 @@ const props = defineProps({
   <Textarea
     data-slot="input-group-control"
     :class="cn(
-  'flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent',
+  'flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none dark:bg-transparent',
   props.class
 )"
   />

package/dist/runtime/components/ui/input-group/index.js

@@ -9,7 +9,7 @@ export { default as InputGroupTextarea } from "./InputGroupTextarea.vue";
 export { default as InputGroupCombobox } from "./InputGroupCombobox.vue";
 export { default as InputGroupNumberField } from "./InputGroupNumberField.vue";
 export const inputGroupAddonVariants = cva(
-  "text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 [&>kbd]:rounded-[calc(var(--radius)-5px)] group-data-[disabled=true]/input-group:opacity-50",
+  "text-zinc-500 flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 [&>kbd]:rounded-[calc(var(--radius)-5px)] group-data-[disabled=true]/input-group:text-zinc-400",
   {
     variants: {
       align: {
@@ -31,7 +31,7 @@ export const inputGroupButtonVariants = cva(
       size: {
         "xs": "h-6 gap-1 px-2 rounded-sm [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2",
         "sm": "h-8 px-2.5 gap-1.5 rounded-md has-[>svg]:px-2.5",
-        "icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
+        "icon-xs": "size-6 rounded-xs p-0 has-[>svg]:p-0",
         "icon-sm": "size-8 p-0 has-[>svg]:p-0"
       }
     },

package/dist/runtime/components/ui/label/Label.vue

@@ -17,7 +17,7 @@ const delegatedProps = reactiveOmit(props, "class");
     v-bind="delegatedProps"
     :class="
   cn(
-    'flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
+    'flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed text-zinc-700 peer-disabled:opacity-50',
     props.class
   )
 "

package/dist/runtime/components/ui/locale/Locale.d.vue.ts

@@ -0,0 +1,20 @@
+import type { HTMLAttributes } from 'vue';
+import { type LocaleValue } from '../../../utils/coders.js';
+type __VLS_Props = {
+    modelValue?: LocaleValue;
+    class?: HTMLAttributes['class'];
+    multiline?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (args_0: readonly {
+        locale: "zh" | "ja" | "en" | "ko";
+        message: string;
+    }[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: readonly {
+        locale: "zh" | "ja" | "en" | "ko";
+        message: string;
+    }[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/locale/Locale.vue

@@ -0,0 +1,291 @@
+<script setup>
+import { useVModel } from "@vueuse/core";
+import { Icon } from "@iconify/vue";
+import { computed } from "vue";
+import { useI18n } from "vue-i18n";
+import { cn } from "../../../utils/cn";
+import { supportedLocales } from "../../../utils/coders";
+import { Button } from "../button";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../dropdown-menu";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupTextarea } from "../input-group";
+defineOptions({
+  inheritAttrs: false
+});
+const props = defineProps({
+  modelValue: { type: null, required: false },
+  class: { type: null, required: false },
+  multiline: { type: Boolean, required: false }
+});
+const emits = defineEmits(["update:modelValue"]);
+const modelValue = useVModel(props, "modelValue", emits, {
+  passive: true,
+  defaultValue: createDefaultLocaleValue()
+});
+const { t } = useI18n();
+const locales = computed(
+  () => [...modelValue.value ?? createDefaultLocaleValue()].sort((left, right) => {
+    if (left.locale === "zh") {
+      return -1;
+    }
+    if (right.locale === "zh") {
+      return 1;
+    }
+    return 0;
+  })
+);
+const hasRemainingLocales = computed(() => locales.value.length < supportedLocales.length);
+const localeLabels = {
+  zh: "\u4E2D\u6587",
+  ja: "\u65E5\u672C\u8A9E",
+  en: "English",
+  ko: "\uD55C\uAD6D\uC5B4"
+};
+function createDefaultLocaleValue() {
+  return [{ locale: "zh", message: "" }];
+}
+function localeIcon(locale) {
+  return `circle-flags:lang-${locale}`;
+}
+function localeLabel(locale) {
+  return localeLabels[locale];
+}
+function availableLocales(index) {
+  const currentLocale = locales.value[index]?.locale;
+  return supportedLocales.filter((locale) => locale !== currentLocale && !locales.value.some((item) => item.locale === locale));
+}
+function updateMessage(index, message) {
+  modelValue.value = locales.value.map((item, itemIndex) => {
+    if (itemIndex !== index) {
+      return item;
+    }
+    return {
+      locale: item.locale,
+      message: String(message)
+    };
+  });
+}
+function updateLocale(index, locale) {
+  const currentItem = locales.value[index];
+  if (!currentItem || currentItem.locale === "zh" && locale !== "zh") {
+    return;
+  }
+  modelValue.value = locales.value.map((item, itemIndex) => {
+    if (itemIndex !== index) {
+      return item;
+    }
+    return {
+      locale,
+      message: item.message
+    };
+  });
+}
+function removeLocale(index) {
+  const currentItem = locales.value[index];
+  if (!currentItem || currentItem.locale === "zh") {
+    return;
+  }
+  modelValue.value = locales.value.filter((_, itemIndex) => itemIndex !== index);
+}
+function addLocale() {
+  const locale = supportedLocales.find((candidate) => !locales.value.some((item) => item.locale === candidate));
+  if (!locale) {
+    return;
+  }
+  const nextValue = [...locales.value];
+  nextValue.push({
+    locale,
+    message: ""
+  });
+  modelValue.value = nextValue;
+}
+function handleMessageUpdate(index, value) {
+  updateMessage(index, value);
+}
+</script>
+
+<template>
+  <div
+    v-bind="$attrs"
+    data-slot="locale"
+    :class="cn('flex flex-col gap-2', props.class)"
+  >
+    <InputGroup
+      v-for="(item, index) in locales"
+      :key="item.locale"
+      data-slot="locale-row"
+      :data-locale="item.locale"
+    >
+      <InputGroupAddon
+        v-if="props.multiline"
+        align="block-start"
+        class="border-b border-zinc-200"
+      >
+        <div class="flex w-full items-center justify-between gap-3">
+          <DropdownMenu v-if="item.locale !== 'zh' && availableLocales(index).length > 0">
+            <DropdownMenuTrigger as-child>
+              <InputGroupButton
+                size="sm"
+                as-child
+              >
+                <button
+                  type="button"
+                  data-slot="locale-trigger"
+                  class="text-zinc-500 transition-colors hover:text-zinc-700"
+                  :aria-label="t('select-locale', { locale: localeLabel(item.locale) })"
+                >
+                  <Icon :icon="localeIcon(item.locale)" />
+                  <span>{{ localeLabel(item.locale) }}</span>
+                </button>
+              </InputGroupButton>
+            </DropdownMenuTrigger>
+            <DropdownMenuContent align="start">
+              <DropdownMenuItem
+                v-for="locale in availableLocales(index)"
+                :key="locale"
+                data-slot="locale-option"
+                :data-locale-option="locale"
+                @select="updateLocale(index, locale)"
+              >
+                <Icon :icon="localeIcon(locale)" />
+                <span>{{ localeLabel(locale) }}</span>
+              </DropdownMenuItem>
+            </DropdownMenuContent>
+          </DropdownMenu>
+
+          <span
+            v-else
+            data-slot="locale-icon"
+            class="flex items-center gap-2 text-zinc-500"
+          >
+            <Icon :icon="localeIcon(item.locale)" />
+            <span>{{ localeLabel(item.locale) }}</span>
+          </span>
+
+          <InputGroupButton
+            variant="destructive"
+            size="icon-xs"
+            as-child
+          >
+            <button
+              type="button"
+              data-slot="locale-delete"
+              :disabled="item.locale === 'zh'"
+              :aria-label="t('delete-locale', { locale: localeLabel(item.locale) })"
+              @click="removeLocale(index)"
+            >
+              <Icon icon="fluent:delete-20-regular" />
+            </button>
+          </InputGroupButton>
+        </div>
+      </InputGroupAddon>
+
+      <InputGroupAddon v-else>
+        <DropdownMenu v-if="item.locale !== 'zh' && availableLocales(index).length > 0">
+          <DropdownMenuTrigger as-child>
+            <InputGroupButton
+              size="icon-sm"
+              as-child
+            >
+              <button
+                type="button"
+                data-slot="locale-trigger"
+                class="text-zinc-500 transition-colors hover:text-zinc-700 [&_svg:not([class*='size-'])]:size-3.5"
+                :aria-label="t('select-locale', { locale: localeLabel(item.locale) })"
+              >
+                <Icon :icon="localeIcon(item.locale)" />
+              </button>
+            </InputGroupButton>
+          </DropdownMenuTrigger>
+          <DropdownMenuContent align="start">
+            <DropdownMenuItem
+              v-for="locale in availableLocales(index)"
+              :key="locale"
+              data-slot="locale-option"
+              :data-locale-option="locale"
+              @select="updateLocale(index, locale)"
+            >
+              <Icon :icon="localeIcon(locale)" />
+              <span>{{ localeLabel(locale) }}</span>
+            </DropdownMenuItem>
+          </DropdownMenuContent>
+        </DropdownMenu>
+        <span
+          v-else
+          data-slot="locale-icon"
+          class="-ml-[0.45rem] flex size-8 items-center justify-center text-zinc-500"
+        >
+          <Icon :icon="localeIcon(item.locale)" />
+        </span>
+      </InputGroupAddon>
+
+      <InputGroupInput
+        v-if="!props.multiline"
+        data-slot="locale-input"
+        :model-value="item.message"
+        :placeholder="localeLabel(item.locale)"
+        @update:model-value="handleMessageUpdate(index, $event)"
+      />
+
+      <InputGroupTextarea
+        v-else
+        data-slot="locale-textarea"
+        class="min-h-32"
+        :model-value="item.message"
+        :placeholder="localeLabel(item.locale)"
+        @update:model-value="handleMessageUpdate(index, $event)"
+      />
+
+      <InputGroupAddon
+        v-if="!props.multiline"
+        align="inline-end"
+      >
+        <InputGroupButton
+          variant="destructive"
+          size="icon-xs"
+          as-child
+        >
+          <button
+            type="button"
+            data-slot="locale-delete"
+            :disabled="item.locale === 'zh'"
+            :aria-label="t('delete-locale', { locale: localeLabel(item.locale) })"
+            @click="removeLocale(index)"
+          >
+            <Icon icon="fluent:delete-20-regular" />
+          </button>
+        </InputGroupButton>
+      </InputGroupAddon>
+    </InputGroup>
+
+    <Button
+      type="button"
+      data-slot="locale-add"
+      class="w-full justify-center"
+      :disabled="!hasRemainingLocales"
+      @click="addLocale"
+    >
+      <Icon icon="fluent:add-20-regular" />
+      <span>{{ t("add-language") }}</span>
+    </Button>
+  </div>
+</template>
+
+<i18n lang="json">
+{
+  "zh": {
+    "add-language": "新增语言",
+    "select-locale": "选择语言：{locale}",
+    "delete-locale": "删除语言：{locale}"
+  },
+  "ja": {
+    "add-language": "言語を追加",
+    "select-locale": "言語を選択: {locale}",
+    "delete-locale": "言語を削除: {locale}"
+  },
+  "en": {
+    "add-language": "Add language",
+    "select-locale": "Select language: {locale}",
+    "delete-locale": "Delete language: {locale}"
+  }
+}
+</i18n>

package/dist/runtime/components/ui/locale/Locale.vue.d.ts

@@ -0,0 +1,20 @@
+import type { HTMLAttributes } from 'vue';
+import { type LocaleValue } from '../../../utils/coders.js';
+type __VLS_Props = {
+    modelValue?: LocaleValue;
+    class?: HTMLAttributes['class'];
+    multiline?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (args_0: readonly {
+        locale: "zh" | "ja" | "en" | "ko";
+        message: string;
+    }[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: readonly {
+        locale: "zh" | "ja" | "en" | "ko";
+        message: string;
+    }[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/locale/index.d.ts

@@ -0,0 +1 @@
+export { default as Locale } from './Locale.vue.js';

package/dist/runtime/components/ui/locale/index.js

@@ -0,0 +1 @@
+export { default as Locale } from "./Locale.vue";

package/dist/runtime/components/ui/native-select/NativeSelect.vue

@@ -27,9 +27,9 @@ const delegatedProps = reactiveOmit(props, "class");
       v-model="modelValue"
       data-slot="native-select"
       :class="cn(
-  'border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 h-9 w-full min-w-0 appearance-none rounded-md border bg-transparent px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed',
-  'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',
-  'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
+  'border-zinc-200 placeholder:text-zinc-400 selection:bg-primary selection:text-primary-foreground dark:bg-zinc-200/30 dark:hover:bg-zinc-200/50 h-9 w-full min-w-0 appearance-none rounded-md border bg-transparent px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed',
+  'focus-visible:border-(--primary)',
+  'aria-invalid:border-red-400',
   props.class
 )"
     >

package/dist/runtime/components/ui/native-select/NativeSelectOption.d.vue.ts

@@ -1,6 +1,7 @@
 import type { HTMLAttributes } from 'vue';
 type __VLS_Props = {
     class?: HTMLAttributes['class'];
+    value?: string | number;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/runtime/components/ui/native-select/NativeSelectOption.vue

@@ -1,13 +1,16 @@
 <script setup>
 import { cn } from "../../../utils/cn";
 const props = defineProps({
-  class: { type: null, required: false }
+  class: { type: null, required: false },
+  value: { type: [String, Number], required: false }
 });
 </script>
 
 <template>
   <option
     data-slot="native-select-option"
+    :value="props.value"
+    v-bind="$attrs"
     :class="cn('bg-white text-zinc-700', props.class)"
   >
     <slot />

package/dist/runtime/components/ui/native-select/NativeSelectOption.vue.d.ts

@@ -1,6 +1,7 @@
 import type { HTMLAttributes } from 'vue';
 type __VLS_Props = {
     class?: HTMLAttributes['class'];
+    value?: string | number;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/runtime/components/ui/navigation-menu/NavigationMenuLink.vue

@@ -20,7 +20,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
   <NavigationMenuLink
     data-slot="navigation-menu-link"
     v-bind="forwarded"
-    :class="cn('data-active:focus:bg-slate-100 data-active:hover:bg-slate-100 data-active:bg-slate-100 data-active:text-slate-900 hover:bg-slate-100 hover:text-slate-900 focus:bg-slate-100 focus:text-slate-900 [&_svg:not([class*=\'text-\'])]:text-zinc-500 flex flex-col gap-1 rounded-sm p-2 text-sm transition-[color,box-shadow] focus-visible:outline-1 [&_svg:not([class*=\'size-\'])]:size-4', props.class)"
+    :class="cn('data-active:focus:bg-zinc-100 data-active:hover:bg-zinc-100 data-active:bg-zinc-100 data-active:text-zinc-900 hover:bg-zinc-100 hover:text-zinc-900 focus:bg-zinc-100 focus:text-zinc-900 [&_svg:not([class*=\'text-\'])]:text-zinc-500 flex flex-col gap-1 rounded-sm p-2 text-sm transition-[color,box-shadow] focus-visible:outline-1 [&_svg:not([class*=\'size-\'])]:size-4', props.class)"
   >
     <slot />
   </NavigationMenuLink>

package/dist/runtime/components/ui/navigation-menu/NavigationMenuViewport.vue

@@ -23,7 +23,7 @@ const forwardedProps = useForwardProps(delegatedProps);
       v-bind="forwardedProps"
       :class="
   cn(
-    'origin-top-center bg-white text-slate-700 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-(--reka-navigation-menu-viewport-height) w-full overflow-hidden rounded-md border shadow md:w-(--reka-navigation-menu-viewport-width) left-(--reka-navigation-menu-viewport-left)',
+    'origin-top-center bg-white text-zinc-700 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-(--reka-navigation-menu-viewport-height) w-full overflow-hidden rounded-md border shadow md:w-(--reka-navigation-menu-viewport-width) left-(--reka-navigation-menu-viewport-left)',
     props.class
   )
 "

package/dist/runtime/components/ui/number-field/NumberFieldInput.vue

@@ -9,6 +9,6 @@ const props = defineProps({
 <template>
   <NumberFieldInput
     data-slot="input"
-    :class="cn('flex h-9 w-full rounded border border-zinc-200 hover:border-zinc-300 focus-visible:border-[color-mix(in_srgb,var(--primary)_60%,white)] bg-transparent py-1 text-sm text-center shadow-sm transition-colors duration-180 placeholder:text-zinc-700 outline-none disabled:cursor-not-allowed disabled:opacity-50', props.class)"
+    :class="cn('flex h-9 w-full rounded border border-zinc-200 hover:border-zinc-300 focus-visible:border-[color-mix(in_srgb,var(--primary)_60%,white)] bg-transparent px-3 py-1 text-sm text-center shadow-xs transition-colors duration-180 placeholder:text-zinc-700 outline-none disabled:cursor-not-allowed disabled:opacity-50', props.class)"
   />
 </template>

package/dist/runtime/components/ui/range-calendar/RangeCalendarCell.vue

@@ -15,7 +15,7 @@ const forwardedProps = useForwardProps(delegatedProps);
 <template>
   <RangeCalendarCell
     data-slot="range-calendar-cell"
-    :class="cn('relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([data-selected])]:bg-accent first:[&:has([data-selected])]:rounded-l-md last:[&:has([data-selected])]:rounded-r-md [&:has([data-selected][data-selection-end])]:rounded-r-md [&:has([data-selected][data-selection-start])]:rounded-l-md', props.class)"
+    :class="cn('relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([data-selected])]:bg-zinc-100 first:[&:has([data-selected])]:rounded-l-md last:[&:has([data-selected])]:rounded-r-md [&:has([data-selected][data-selection-end])]:rounded-r-md [&:has([data-selected][data-selection-start])]:rounded-l-md', props.class)"
     v-bind="forwardedProps"
   >
     <slot />

package/dist/runtime/components/ui/range-calendar/RangeCalendarCellTrigger.vue

@@ -20,7 +20,7 @@ const forwardedProps = useForwardProps(delegatedProps);
     :class="cn(
   buttonVariants({ variant: 'ghost' }),
   'h-8 w-8 p-0 font-normal data-selected:opacity-100',
-  '[&[data-today]:not([data-selected])]:bg-white [&[data-today]:not([data-selected])]:text-accent-foreground',
+  '[&[data-today]:not([data-selected])]:bg-white [&[data-today]:not([data-selected])]:text-zinc-700',
   // Selection Start
   'data-selection-start:bg-[color-mix(in_srgb,var(--primary)_20%,white)] data-selection-start:text-white data-selection-start:hover:bg-[color-mix(in_srgb,var(--primary)_40%,white)] data-selection-start:hover:text-white data-selection-start:focus:bg-[color-mix(in_srgb,var(--primary)_40%,white)] data-selection-start:focus:text-white',
   // Selection End

package/dist/runtime/components/ui/sheet/SheetOverlay.vue

@@ -14,7 +14,7 @@ const delegatedProps = reactiveOmit(props, "class");
 <template>
   <DialogOverlay
     data-slot="sheet-overlay"
-    :class="cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80', props.class)"
+    :class="cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-zinc-900/80', props.class)"
     v-bind="delegatedProps"
   >
     <slot />