@shwfed/nuxt 0.7.8 → 0.7.10

package/dist/runtime/components/ui/field/FieldDescription.vue

@@ -9,7 +9,7 @@ const props = defineProps({
   <p
     data-slot="field-description"
     :class="cn(
-  'text-muted-foreground text-sm leading-normal font-normal group-has-data-[orientation=horizontal]/field:text-balance',
+  'text-zinc-400 text-sm leading-normal font-normal group-has-data-[orientation=horizontal]/field:text-balance',
   'last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5',
   '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4',
   props.class

package/dist/runtime/components/ui/field/FieldError.vue

@@ -28,7 +28,7 @@ const content = computed(() => {
     v-if="$slots.default || content"
     role="alert"
     data-slot="field-error"
-    :class="cn('text-destructive text-sm font-normal', props.class)"
+    :class="cn('absolute left-0 top-full z-10 max-w-full pt-1 text-red-600 text-xs leading-tight font-normal', props.class)"
   >
     <slot v-if="$slots.default" />
 
@@ -38,7 +38,7 @@ const content = computed(() => {
 
     <ul
       v-else-if="Array.isArray(content)"
-      class="ml-4 flex list-disc flex-col gap-1"
+      class="ml-3 flex list-disc flex-col gap-0.5"
     >
       <li
         v-for="(error, index) in content"

package/dist/runtime/components/ui/field/FieldLabel.vue

@@ -10,7 +10,7 @@ const props = defineProps({
   <Label
     data-slot="field-label"
     :class="cn(
-  'group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50',
+  'group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:text-zinc-600 group-data-[disabled=true]/field:opacity-100',
   'has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border *:data-[slot=field]:p-4',
   'has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10',
   props.class

package/dist/runtime/components/ui/field/FieldSeparator.vue

@@ -18,7 +18,7 @@ const props = defineProps({
     <Separator class="absolute inset-0 top-1/2" />
     <span
       v-if="$slots.default"
-      class="bg-background text-muted-foreground relative mx-auto block w-fit px-2"
+      class="bg-zinc-50 text-zinc-400 relative mx-auto block w-fit px-2"
       data-slot="field-separator-content"
     >
       <slot />

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

@@ -1,13 +1,13 @@
 import { cva } from "class-variance-authority";
 export const fieldVariants = cva(
-  "group/field flex w-full gap-3 data-[invalid=true]:text-destructive",
+  "group/field flex w-full gap-3 data-[invalid=true]:text-red-400",
   {
     variants: {
       orientation: {
         vertical: ["flex-col *:w-full [&>.sr-only]:w-auto"],
         horizontal: [
           "flex-row items-center",
-          "*:data-[slot=field-label]:flex-auto",
+          "*:data-[slot=field-label]:shrink-0 *:data-[slot=field-label]:whitespace-nowrap",
           "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
         ],
         responsive: [
@@ -16,11 +16,12 @@ export const fieldVariants = cva(
           "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
         ],
         floating: [
-          "relative *:data-[slot=field-label]:absolute *:data-[slot=field-label]:text-zinc-500",
-          "*:data-[slot=field-label]:top-1/2 *:data-[slot=field-label]:-translate-y-1/2 *:data-[slot=field-label]:transition-all *:data-[slot=field-label]:duration-180",
+          "relative *:data-[slot=field-label]:absolute *:data-[slot=field-label]:text-zinc-500 *:data-[slot=field-label]:z-20",
+          "*:data-[slot=field-label]:top-1/2 *:data-[slot=field-label]:-translate-y-1/2 *:data-[slot=field-label]:transition-[top,transform,color,font-size] *:data-[slot=field-label]:duration-180",
           "*:data-[slot=field-label]:pointer-events-none *:data-[slot=field-label]:select-none *:data-[slot=field-label]:cursor-text",
           "has-data-[value=true]:**:data-[slot=field-label]:top-0",
           "**:data-[slot=field-label]:bg-white",
+          "data-[disabled=true]:**:data-[slot=field-label]:bg-transparent",
           "**:data-[slot=field-label]:px-1",
           "has-data-[value=true]:**:data-[slot=field-label]:text-xs",
           "has-[[data-slot=input-group-control]:focus]:**:data-[slot=field-label]:top-0",
@@ -30,13 +31,14 @@ export const fieldVariants = cva(
           "has-[[data-slot=input-group-control]:focus]:**:data-[slot=field-label]:text-zinc-700",
           "has-data-[state=open]:**:data-[slot=field-label]:text-zinc-700",
           "has-data-[value=true]:**:data-[slot=field-label]:text-zinc-700",
+          "data-[disabled=true]:**:data-[slot=field-label]:text-zinc-400",
           "*:data-[slot=field-label]:left-3",
           "has-[[data-slot=input-group-addon][data-align=inline-start]]:**:data-[slot=field-label]:left-7"
         ]
       }
     },
     defaultVariants: {
-      orientation: "floating"
+      orientation: "horizontal"
     }
   }
 );

package/dist/runtime/components/ui/fields/Fields.d.vue.ts

@@ -0,0 +1,376 @@
+import z from 'zod';
+import { Effect } from 'effect';
+export declare const StringFieldC: z.ZodObject<{
+    type: z.ZodLiteral<"string">;
+    path: z.ZodString;
+    title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
+        locale: z.ZodEnum<{
+            zh: "zh";
+            ja: "ja";
+            en: "en";
+            ko: "ko";
+        }>;
+        message: z.ZodString;
+    }, z.core.$strip>>>;
+    icon: z.ZodOptional<z.ZodString>;
+    style: z.ZodOptional<z.ZodString>;
+    discardEmptyString: z.ZodOptional<z.ZodBoolean>;
+    maxLength: z.ZodOptional<z.ZodString>;
+    hidden: z.ZodOptional<z.ZodString>;
+    disabled: z.ZodOptional<z.ZodString>;
+    validation: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
+        expression: z.ZodString;
+        message: z.ZodString;
+    }, z.core.$strip>>>>>;
+}, z.core.$strip>;
+export declare const NumberFieldC: z.ZodObject<{
+    type: z.ZodLiteral<"number">;
+    path: z.ZodString;
+    title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
+        locale: z.ZodEnum<{
+            zh: "zh";
+            ja: "ja";
+            en: "en";
+            ko: "ko";
+        }>;
+        message: z.ZodString;
+    }, z.core.$strip>>>;
+    icon: z.ZodOptional<z.ZodString>;
+    style: z.ZodOptional<z.ZodString>;
+    min: z.ZodOptional<z.ZodString>;
+    max: z.ZodOptional<z.ZodString>;
+    step: z.ZodOptional<z.ZodString>;
+    hidden: z.ZodOptional<z.ZodString>;
+    disabled: z.ZodOptional<z.ZodString>;
+    validation: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
+        expression: z.ZodString;
+        message: z.ZodString;
+    }, z.core.$strip>>>>>;
+}, z.core.$strip>;
+export declare const SelectFieldC: z.ZodObject<{
+    type: z.ZodLiteral<"select">;
+    path: z.ZodString;
+    title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
+        locale: z.ZodEnum<{
+            zh: "zh";
+            ja: "ja";
+            en: "en";
+            ko: "ko";
+        }>;
+        message: z.ZodString;
+    }, z.core.$strip>>>;
+    icon: z.ZodOptional<z.ZodString>;
+    options: z.ZodString;
+    label: z.ZodString;
+    value: z.ZodString;
+    key: z.ZodString;
+    style: z.ZodOptional<z.ZodString>;
+    hidden: z.ZodOptional<z.ZodString>;
+    disabled: z.ZodOptional<z.ZodString>;
+    validation: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
+        expression: z.ZodString;
+        message: z.ZodString;
+    }, z.core.$strip>>>>>;
+}, z.core.$strip>;
+export declare const CalendarFieldC: z.ZodObject<{
+    type: z.ZodLiteral<"calendar">;
+    path: z.ZodString;
+    title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
+        locale: z.ZodEnum<{
+            zh: "zh";
+            ja: "ja";
+            en: "en";
+            ko: "ko";
+        }>;
+        message: z.ZodString;
+    }, z.core.$strip>>>;
+    icon: z.ZodOptional<z.ZodString>;
+    style: z.ZodOptional<z.ZodString>;
+    mode: z.ZodEnum<{
+        year: "year";
+        month: "month";
+        date: "date";
+    }>;
+    display: z.ZodOptional<z.ZodString>;
+    value: z.ZodString;
+    disableDate: z.ZodOptional<z.ZodString>;
+    hidden: z.ZodOptional<z.ZodString>;
+    disabled: z.ZodOptional<z.ZodString>;
+    validation: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
+        expression: z.ZodString;
+        message: z.ZodString;
+    }, z.core.$strip>>>>>;
+}, z.core.$strip>;
+export declare const FieldC: z.ZodUnion<readonly [z.ZodObject<{
+    type: z.ZodLiteral<"string">;
+    path: z.ZodString;
+    title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
+        locale: z.ZodEnum<{
+            zh: "zh";
+            ja: "ja";
+            en: "en";
+            ko: "ko";
+        }>;
+        message: z.ZodString;
+    }, z.core.$strip>>>;
+    icon: z.ZodOptional<z.ZodString>;
+    style: z.ZodOptional<z.ZodString>;
+    discardEmptyString: z.ZodOptional<z.ZodBoolean>;
+    maxLength: z.ZodOptional<z.ZodString>;
+    hidden: z.ZodOptional<z.ZodString>;
+    disabled: z.ZodOptional<z.ZodString>;
+    validation: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
+        expression: z.ZodString;
+        message: z.ZodString;
+    }, z.core.$strip>>>>>;
+}, z.core.$strip>, z.ZodObject<{
+    type: z.ZodLiteral<"number">;
+    path: z.ZodString;
+    title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
+        locale: z.ZodEnum<{
+            zh: "zh";
+            ja: "ja";
+            en: "en";
+            ko: "ko";
+        }>;
+        message: z.ZodString;
+    }, z.core.$strip>>>;
+    icon: z.ZodOptional<z.ZodString>;
+    style: z.ZodOptional<z.ZodString>;
+    min: z.ZodOptional<z.ZodString>;
+    max: z.ZodOptional<z.ZodString>;
+    step: z.ZodOptional<z.ZodString>;
+    hidden: z.ZodOptional<z.ZodString>;
+    disabled: z.ZodOptional<z.ZodString>;
+    validation: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
+        expression: z.ZodString;
+        message: z.ZodString;
+    }, z.core.$strip>>>>>;
+}, z.core.$strip>, z.ZodObject<{
+    type: z.ZodLiteral<"select">;
+    path: z.ZodString;
+    title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
+        locale: z.ZodEnum<{
+            zh: "zh";
+            ja: "ja";
+            en: "en";
+            ko: "ko";
+        }>;
+        message: z.ZodString;
+    }, z.core.$strip>>>;
+    icon: z.ZodOptional<z.ZodString>;
+    options: z.ZodString;
+    label: z.ZodString;
+    value: z.ZodString;
+    key: z.ZodString;
+    style: z.ZodOptional<z.ZodString>;
+    hidden: z.ZodOptional<z.ZodString>;
+    disabled: z.ZodOptional<z.ZodString>;
+    validation: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
+        expression: z.ZodString;
+        message: z.ZodString;
+    }, z.core.$strip>>>>>;
+}, z.core.$strip>, z.ZodObject<{
+    type: z.ZodLiteral<"calendar">;
+    path: z.ZodString;
+    title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
+        locale: z.ZodEnum<{
+            zh: "zh";
+            ja: "ja";
+            en: "en";
+            ko: "ko";
+        }>;
+        message: z.ZodString;
+    }, z.core.$strip>>>;
+    icon: z.ZodOptional<z.ZodString>;
+    style: z.ZodOptional<z.ZodString>;
+    mode: z.ZodEnum<{
+        year: "year";
+        month: "month";
+        date: "date";
+    }>;
+    display: z.ZodOptional<z.ZodString>;
+    value: z.ZodString;
+    disableDate: z.ZodOptional<z.ZodString>;
+    hidden: z.ZodOptional<z.ZodString>;
+    disabled: z.ZodOptional<z.ZodString>;
+    validation: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
+        expression: z.ZodString;
+        message: z.ZodString;
+    }, z.core.$strip>>>>>;
+}, z.core.$strip>]>;
+export type Field = z.infer<typeof FieldC>;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    orientation?: "horizontal" | "vertical" | "floating";
+    fields: Effect.Effect<ReadonlyArray<z.infer<typeof FieldC>>>;
+} & {
+    modelValue?: Record<string, unknown>;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: Record<string, unknown>) => any;
+    "update:fields": (args_0: readonly ({
+        type: "string";
+        path: string;
+        title: readonly {
+            locale: "zh" | "ja" | "en" | "ko";
+            message: string;
+        }[];
+        icon?: string | undefined;
+        style?: string | undefined;
+        discardEmptyString?: boolean | undefined;
+        maxLength?: string | undefined;
+        hidden?: string | undefined;
+        disabled?: string | undefined;
+        validation?: readonly Readonly<{
+            expression: string;
+            message: string;
+        }>[] | undefined;
+    } | {
+        type: "number";
+        path: string;
+        title: readonly {
+            locale: "zh" | "ja" | "en" | "ko";
+            message: string;
+        }[];
+        icon?: string | undefined;
+        style?: string | undefined;
+        min?: string | undefined;
+        max?: string | undefined;
+        step?: string | undefined;
+        hidden?: string | undefined;
+        disabled?: string | undefined;
+        validation?: readonly Readonly<{
+            expression: string;
+            message: string;
+        }>[] | undefined;
+    } | {
+        type: "select";
+        path: string;
+        title: readonly {
+            locale: "zh" | "ja" | "en" | "ko";
+            message: string;
+        }[];
+        options: string;
+        label: string;
+        value: string;
+        key: string;
+        icon?: string | undefined;
+        style?: string | undefined;
+        hidden?: string | undefined;
+        disabled?: string | undefined;
+        validation?: readonly Readonly<{
+            expression: string;
+            message: string;
+        }>[] | undefined;
+    } | {
+        type: "calendar";
+        path: string;
+        title: readonly {
+            locale: "zh" | "ja" | "en" | "ko";
+            message: string;
+        }[];
+        mode: "year" | "month" | "date";
+        value: string;
+        icon?: string | undefined;
+        style?: string | undefined;
+        display?: string | undefined;
+        disableDate?: string | undefined;
+        hidden?: string | undefined;
+        disabled?: string | undefined;
+        validation?: readonly Readonly<{
+            expression: string;
+            message: string;
+        }>[] | undefined;
+    })[]) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    orientation?: "horizontal" | "vertical" | "floating";
+    fields: Effect.Effect<ReadonlyArray<z.infer<typeof FieldC>>>;
+} & {
+    modelValue?: Record<string, unknown>;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Record<string, unknown>) => any) | undefined;
+    "onUpdate:fields"?: ((args_0: readonly ({
+        type: "string";
+        path: string;
+        title: readonly {
+            locale: "zh" | "ja" | "en" | "ko";
+            message: string;
+        }[];
+        icon?: string | undefined;
+        style?: string | undefined;
+        discardEmptyString?: boolean | undefined;
+        maxLength?: string | undefined;
+        hidden?: string | undefined;
+        disabled?: string | undefined;
+        validation?: readonly Readonly<{
+            expression: string;
+            message: string;
+        }>[] | undefined;
+    } | {
+        type: "number";
+        path: string;
+        title: readonly {
+            locale: "zh" | "ja" | "en" | "ko";
+            message: string;
+        }[];
+        icon?: string | undefined;
+        style?: string | undefined;
+        min?: string | undefined;
+        max?: string | undefined;
+        step?: string | undefined;
+        hidden?: string | undefined;
+        disabled?: string | undefined;
+        validation?: readonly Readonly<{
+            expression: string;
+            message: string;
+        }>[] | undefined;
+    } | {
+        type: "select";
+        path: string;
+        title: readonly {
+            locale: "zh" | "ja" | "en" | "ko";
+            message: string;
+        }[];
+        options: string;
+        label: string;
+        value: string;
+        key: string;
+        icon?: string | undefined;
+        style?: string | undefined;
+        hidden?: string | undefined;
+        disabled?: string | undefined;
+        validation?: readonly Readonly<{
+            expression: string;
+            message: string;
+        }>[] | undefined;
+    } | {
+        type: "calendar";
+        path: string;
+        title: readonly {
+            locale: "zh" | "ja" | "en" | "ko";
+            message: string;
+        }[];
+        mode: "year" | "month" | "date";
+        value: string;
+        icon?: string | undefined;
+        style?: string | undefined;
+        display?: string | undefined;
+        disableDate?: string | undefined;
+        hidden?: string | undefined;
+        disabled?: string | undefined;
+        validation?: readonly Readonly<{
+            expression: string;
+            message: string;
+        }>[] | undefined;
+    })[]) => any) | undefined;
+}>, {
+    orientation: "horizontal" | "vertical" | "floating";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};