abckit 0.0.1

package/dist/runtime/components/ui/auto-form/AutoForm.d.vue.ts

@@ -0,0 +1,44 @@
+import type { FormContext, GenericObject } from 'vee-validate';
+import type { z } from 'zod';
+import type { Config, ConfigItem, Dependency, Shape } from './interface.js';
+import { type ZodObjectOrWrapped } from './utils.js';
+declare const __VLS_export: <T extends ZodObjectOrWrapped>(__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<{
+        schema: T;
+        form?: FormContext<GenericObject>;
+        fieldConfig?: Config<z.infer<T>>;
+        dependencies?: Dependency<z.infer<T>>[];
+        initialValues?: Partial<z.infer<T>>;
+    } & {
+        onSubmit?: ((event: z.core.output<T>) => any) | undefined;
+    }> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: { [K in NonNullable<keyof z.core.output<T>>]?: ((props: {
+        shape: { [key in keyof T]: Shape; }[keyof T];
+        fieldName: string;
+        config: ConfigItem;
+    }) => any) | undefined; } & {
+        customAutoForm?: (props: {
+            fields: { [key in keyof z.core.output<T>]: {
+                shape: Shape;
+                fieldName: string;
+                config: ConfigItem;
+            }; };
+        }) => any;
+    } & {
+        default?: (props: {
+            shapes: { [key in keyof T]: Shape; };
+        }) => any;
+    };
+    emit: (evt: "submit", event: z.core.output<T>) => void;
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/dist/runtime/components/ui/auto-form/AutoForm.vue

@@ -0,0 +1,91 @@
+<script setup>
+import { Form } from "abckit/shadcn/form";
+import { computed, toRefs } from "vue";
+import AutoFormField from "./AutoFormField.vue";
+import { provideDependencies } from "./dependencies";
+import { getBaseSchema, getBaseType, getDefaultValueInZodStack, getObjectFormSchema } from "./utils";
+const props = defineProps({
+  schema: { type: null, required: true },
+  form: { type: Object, required: false },
+  fieldConfig: { type: null, required: false },
+  dependencies: { type: Array, required: false },
+  initialValues: { type: Object, required: false }
+});
+const emits = defineEmits(["submit"]);
+const { dependencies } = toRefs(props);
+provideDependencies(dependencies);
+const shapes = computed(() => {
+  const val = {};
+  const baseSchema = getObjectFormSchema(props.schema);
+  const shape = baseSchema.shape;
+  Object.keys(shape).forEach((name) => {
+    const item = shape[name];
+    const baseItem = getBaseSchema(item);
+    let options = baseItem && "values" in baseItem._def ? baseItem._def.values : void 0;
+    if (!Array.isArray(options) && typeof options === "object")
+      options = Object.values(options);
+    val[name] = {
+      type: getBaseType(item),
+      default: getDefaultValueInZodStack(item),
+      options,
+      // @ts-ignore
+      required: !["ZodOptional", "ZodNullable"].includes(item._def.typeName),
+      schema: baseItem
+    };
+  });
+  return val;
+});
+const fields = computed(() => {
+  const val = {};
+  for (const key in shapes.value) {
+    const shape = shapes.value[key];
+    val[key] = {
+      shape,
+      config: props.fieldConfig?.[key],
+      fieldName: key
+    };
+  }
+  return val;
+});
+const formComponent = computed(() => props.form ? "form" : Form);
+const formComponentProps = computed(() => {
+  if (props.form) {
+    return {
+      onSubmit: props.form.handleSubmit((val) => emits("submit", val))
+    };
+  } else {
+    return {
+      keepValues: true,
+      validationSchema: props.schema,
+      initialValues: props.initialValues || {},
+      onSubmit: (val) => emits("submit", val)
+    };
+  }
+});
+</script>
+
+<template>
+  <component
+    :is="formComponent"
+    v-bind="formComponentProps"
+  >
+    <slot name="customAutoForm" :fields="fields">
+      <template v-for="(shape, key) of shapes" :key="key">
+        <slot
+          :shape="shape"
+          :name="key.toString()"
+          :field-name="key.toString()"
+          :config="fieldConfig?.[key]"
+        >
+          <AutoFormField
+            :config="fieldConfig?.[key]"
+            :field-name="key.toString()"
+            :shape="shape"
+          />
+        </slot>
+      </template>
+    </slot>
+
+    <slot :shapes="shapes" />
+  </component>
+</template>

package/dist/runtime/components/ui/auto-form/AutoForm.vue.d.ts

@@ -0,0 +1,44 @@
+import type { FormContext, GenericObject } from 'vee-validate';
+import type { z } from 'zod';
+import type { Config, ConfigItem, Dependency, Shape } from './interface.js';
+import { type ZodObjectOrWrapped } from './utils.js';
+declare const __VLS_export: <T extends ZodObjectOrWrapped>(__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<{
+        schema: T;
+        form?: FormContext<GenericObject>;
+        fieldConfig?: Config<z.infer<T>>;
+        dependencies?: Dependency<z.infer<T>>[];
+        initialValues?: Partial<z.infer<T>>;
+    } & {
+        onSubmit?: ((event: z.core.output<T>) => any) | undefined;
+    }> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: { [K in NonNullable<keyof z.core.output<T>>]?: ((props: {
+        shape: { [key in keyof T]: Shape; }[keyof T];
+        fieldName: string;
+        config: ConfigItem;
+    }) => any) | undefined; } & {
+        customAutoForm?: (props: {
+            fields: { [key in keyof z.core.output<T>]: {
+                shape: Shape;
+                fieldName: string;
+                config: ConfigItem;
+            }; };
+        }) => any;
+    } & {
+        default?: (props: {
+            shapes: { [key in keyof T]: Shape; };
+        }) => any;
+    };
+    emit: (evt: "submit", event: z.core.output<T>) => void;
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/dist/runtime/components/ui/auto-form/AutoFormField.d.vue.ts

@@ -0,0 +1,31 @@
+import type { ZodAny } from 'zod';
+import type { Config, ConfigItem, Shape } from './interface.js';
+declare const __VLS_export: <U extends ZodAny>(__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<{
+        fieldName: string;
+        shape: Shape;
+        config?: ConfigItem | Config<U>;
+    }> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        default?: (props: {
+            id: string;
+            fieldName: string;
+            label: string | undefined;
+            required: boolean | undefined;
+            config: ConfigItem | Config<U> | undefined;
+            disabled: boolean;
+        }) => any;
+    };
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/dist/runtime/components/ui/auto-form/AutoFormField.vue

@@ -0,0 +1,37 @@
+<script setup>
+import { computed } from "vue";
+import { DEFAULT_ZOD_HANDLERS, INPUT_COMPONENTS } from "./constant";
+import useDependencies from "./dependencies";
+const props = defineProps({
+  fieldName: { type: String, required: true },
+  shape: { type: Object, required: true },
+  config: { type: null, required: false }
+});
+function isValidConfig(config) {
+  return !!config?.component;
+}
+const delegatedProps = computed(() => {
+  if (["ZodObject", "ZodArray"].includes(props.shape?.type))
+    return { schema: props.shape?.schema };
+  return void 0;
+});
+const { isDisabled, isHidden, isRequired, overrideOptions } = useDependencies(props.fieldName);
+const fieldId = `afield-${props.fieldName.replace(/\W/g, "_")}`;
+</script>
+
+<template>
+  <component
+    :is="isValidConfig(config) ? typeof config.component === 'string' ? INPUT_COMPONENTS[config.component] : config.component : INPUT_COMPONENTS[DEFAULT_ZOD_HANDLERS[shape.type]]"
+    v-if="!isHidden"
+    :field-name="fieldName"
+    :label="shape.schema?.description"
+    :required="isRequired || shape.required"
+    :options="overrideOptions || shape.options"
+    :disabled="isDisabled"
+    :config="config"
+    :id="fieldId"
+    v-bind="delegatedProps"
+  >
+    <slot v-bind="{ id: fieldId, fieldName, label: shape.schema?.description, required: isRequired || shape.required, config, disabled: isDisabled }" />
+  </component>
+</template>

package/dist/runtime/components/ui/auto-form/AutoFormField.vue.d.ts

@@ -0,0 +1,31 @@
+import type { ZodAny } from 'zod';
+import type { Config, ConfigItem, Shape } from './interface.js';
+declare const __VLS_export: <U extends ZodAny>(__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<{
+        fieldName: string;
+        shape: Shape;
+        config?: ConfigItem | Config<U>;
+    }> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        default?: (props: {
+            id: string;
+            fieldName: string;
+            label: string | undefined;
+            required: boolean | undefined;
+            config: ConfigItem | Config<U> | undefined;
+            disabled: boolean;
+        }) => any;
+    };
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/dist/runtime/components/ui/auto-form/AutoFormFieldArray.vue

@@ -0,0 +1,128 @@
+<script setup>
+import { Button } from "abckit/shadcn/button";
+import { FormItem, FormMessage } from "abckit/shadcn/form";
+import { PlusIcon, TrashIcon } from "lucide-vue-next";
+import { FieldArray, FieldContextKey, useField } from "vee-validate";
+import { computed, provide } from "vue";
+import * as z from "zod";
+import AutoFormField from "./AutoFormField.vue";
+import AutoFormLabel from "./AutoFormLabel.vue";
+import { beautifyObjectName, getBaseType } from "./utils";
+const props = defineProps({
+  fieldName: { type: String, required: true },
+  required: { type: Boolean, required: false },
+  config: { type: null, required: false },
+  schema: { type: null, required: false },
+  disabled: { type: Boolean, required: false }
+});
+function isZodArray(item) {
+  return item instanceof z.ZodArray;
+}
+function isZodDefault(item) {
+  return item instanceof z.ZodDefault;
+}
+const itemShape = computed(() => {
+  if (!props.schema)
+    return;
+  const schema = isZodArray(props.schema) ? props.schema._def.type : isZodDefault(props.schema) ? props.schema._def.innerType._def.type : null;
+  return {
+    type: getBaseType(schema),
+    schema
+  };
+});
+const fieldContext = useField(props.fieldName);
+provide(FieldContextKey, fieldContext);
+function getEmptyValueForZodType(schema) {
+  if (!schema) return void 0;
+  const def = schema._def;
+  switch (def.typeName) {
+    case "ZodString":
+      return "";
+    case "ZodNumber":
+      return 0;
+    case "ZodBoolean":
+      return false;
+    case "ZodObject": {
+      const shape = schema.shape;
+      const obj = {};
+      for (const key in shape) {
+        obj[key] = getEmptyValueForZodType(shape[key]);
+      }
+      return obj;
+    }
+    case "ZodArray":
+      return [];
+    case "ZodEnum":
+      return def.values?.[0] ?? "";
+    case "ZodDate":
+      return "";
+    case "ZodNullable":
+      return null;
+    case "ZodOptional":
+      return void 0;
+    default:
+      return void 0;
+  }
+}
+</script>
+
+<template>
+  <FieldArray v-slot="{ fields, remove, push }" as="section" :name="fieldName">
+    <slot v-bind="props">
+      <FormItem class="space-y-4">
+        <!-- Başlık ve açıklama -->
+        <div class="space-y-2">
+          <AutoFormLabel class="text-base" :required="required">
+            {{ schema?.description || beautifyObjectName(fieldName) }}
+          </AutoFormLabel>
+          <p v-if="schema?.description" class="text-sm text-muted-foreground">
+            {{ schema.description }}
+          </p>
+        </div>
+
+        <!-- Array items - Her zaman görünür -->
+        <div class="space-y-4 border rounded-lg p-4">
+          <template v-for="(field, index) of fields" :key="`${fieldName}-${field.key}`">
+            <div class="relative space-y-3 p-3 border rounded-md bg-card">
+              <div class="flex items-center justify-between">
+                <span class="text-sm font-medium text-muted-foreground">
+                  {{ beautifyObjectName(fieldName) }} #{{ index + 1 }}
+                </span>
+                <Button
+                  type="button"
+                  size="sm"
+                  variant="ghost"
+                  class="h-8 w-8 p-0 text-destructive hover:text-destructive"
+                  @click="remove(index)"
+                >
+                  <TrashIcon :size="14" />
+                </Button>
+              </div>
+              
+              <AutoFormField
+                :field-name="`${fieldName}[${index}]`"
+                :label="fieldName"
+                :shape="itemShape"
+                :config="config"
+              />
+            </div>
+          </template>
+
+          <!-- Add button -->
+          <Button
+            type="button"
+            variant="outline"
+            class="w-full flex items-center justify-center gap-2"
+            :disabled="disabled"
+            @click="push(getEmptyValueForZodType(itemShape?.schema))"
+          >
+            <PlusIcon :size="16" />
+            {{ `Add ${beautifyObjectName(fieldName.replace(/s$/, ""))}` }}
+          </Button>
+        </div>
+
+        <FormMessage />
+      </FormItem>
+    </slot>
+  </FieldArray>
+</template>

package/dist/runtime/components/ui/auto-form/AutoFormFieldBoolean.d.vue.ts

@@ -0,0 +1,14 @@
+import type { FieldProps } from './interface.js';
+declare var __VLS_20: any;
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<FieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/auto-form/AutoFormFieldBoolean.vue

@@ -0,0 +1,44 @@
+<script setup>
+import { Checkbox } from "abckit/shadcn/checkbox";
+import { FormControl, FormDescription, FormField, FormItem, FormMessage } from "abckit/shadcn/form";
+import { Switch } from "abckit/shadcn/switch";
+import { computed } from "vue";
+import AutoFormLabel from "./AutoFormLabel.vue";
+import { beautifyObjectName, maybeBooleanishToBoolean } from "./utils";
+const props = defineProps({
+  fieldName: { type: String, required: true },
+  label: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  config: { type: Object, required: false },
+  disabled: { type: Boolean, required: false }
+});
+const booleanComponent = computed(() => props.config?.component === "switch" ? Switch : Checkbox);
+</script>
+
+<template>
+  <FormField v-slot="slotProps" :name="fieldName">
+    <FormItem>
+      <div class="space-y-0 mb-3 flex items-center gap-3">
+        <FormControl>
+          <slot v-bind="slotProps">
+            <component
+              :is="booleanComponent"
+              :disabled="maybeBooleanishToBoolean(config?.inputProps?.disabled) ?? disabled"
+              :name="slotProps.componentField.name"
+              :model-value="slotProps.componentField.modelValue"
+              @update:model-value="slotProps.componentField['onUpdate:modelValue']"
+            />
+          </slot>
+        </FormControl>
+        <AutoFormLabel v-if="!config?.hideLabel" :required="required">
+          {{ config?.label || beautifyObjectName(label ?? fieldName) }}
+        </AutoFormLabel>
+      </div>
+
+      <FormDescription v-if="config?.description">
+        {{ config.description }}
+      </FormDescription>
+      <FormMessage />
+    </FormItem>
+  </FormField>
+</template>

package/dist/runtime/components/ui/auto-form/AutoFormFieldBoolean.vue.d.ts

@@ -0,0 +1,14 @@
+import type { FieldProps } from './interface.js';
+declare var __VLS_20: any;
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<FieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/auto-form/AutoFormFieldDate.d.vue.ts

@@ -0,0 +1,14 @@
+import type { FieldProps } from './interface.js';
+declare var __VLS_25: any;
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_25) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<FieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/auto-form/AutoFormFieldDate.vue

@@ -0,0 +1,59 @@
+<script setup>
+import { cn } from "abckit/utils";
+import { Button } from "abckit/shadcn/button";
+import { Calendar } from "abckit/shadcn/calendar";
+import { FormControl, FormDescription, FormField, FormItem, FormMessage } from "abckit/shadcn/form";
+import { Popover, PopoverContent, PopoverTrigger } from "abckit/shadcn/popover";
+import { DateFormatter, getLocalTimeZone } from "@internationalized/date";
+import { CalendarIcon } from "lucide-vue-next";
+import AutoFormLabel from "./AutoFormLabel.vue";
+import { beautifyObjectName, maybeBooleanishToBoolean } from "./utils";
+defineProps({
+  fieldName: { type: String, required: true },
+  label: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  config: { type: Object, required: false },
+  disabled: { type: Boolean, required: false }
+});
+const df = new DateFormatter("en-US", {
+  dateStyle: "long"
+});
+</script>
+
+<template>
+  <FormField v-slot="slotProps" :name="fieldName">
+    <FormItem>
+      <AutoFormLabel v-if="!config?.hideLabel" :required="required">
+        {{ config?.label || beautifyObjectName(label ?? fieldName) }}
+      </AutoFormLabel>
+      <FormControl>
+        <slot v-bind="slotProps">
+          <div>
+            <Popover>
+              <PopoverTrigger as-child :disabled="maybeBooleanishToBoolean(config?.inputProps?.disabled) ?? disabled">
+                <Button
+                  variant="outline"
+                  :class="cn(
+  'w-full justify-start text-left font-normal',
+  !slotProps.componentField.modelValue && 'text-muted-foreground'
+)"
+                >
+                  <CalendarIcon class="mr-2 h-4 w-4" />
+                  {{ slotProps.componentField.modelValue ? df.format(slotProps.componentField.modelValue.toDate(getLocalTimeZone())) : "Pick a date" }}
+                </Button>
+              </PopoverTrigger>
+              <PopoverContent class="w-auto p-0">
+                <Calendar initial-focus v-bind="slotProps.componentField" />
+              </PopoverContent>
+            </Popover>
+          </div>
+        </slot>
+      </FormControl>
+
+      <FormDescription v-if="config?.description">
+        {{ config.description }}
+      </FormDescription>
+      <FormMessage />
+    </FormItem>
+  </FormField>
+</template>

package/dist/runtime/components/ui/auto-form/AutoFormFieldDate.vue.d.ts

@@ -0,0 +1,14 @@
+import type { FieldProps } from './interface.js';
+declare var __VLS_25: any;
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_25) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<FieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/auto-form/AutoFormFieldEnum.d.vue.ts

@@ -0,0 +1,17 @@
+import type { FieldProps } from './interface.js';
+type __VLS_Props = FieldProps & {
+    options?: string[];
+};
+declare var __VLS_25: any;
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_25) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/auto-form/AutoFormFieldEnum.vue

@@ -0,0 +1,52 @@
+<script setup>
+import { FormControl, FormDescription, FormField, FormItem, FormMessage } from "abckit/shadcn/form";
+import { Label } from "abckit/shadcn/label";
+import { RadioGroup, RadioGroupItem } from "abckit/shadcn/radio-group";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "abckit/shadcn/select";
+import AutoFormLabel from "./AutoFormLabel.vue";
+import { beautifyObjectName, maybeBooleanishToBoolean } from "./utils";
+defineProps({
+  fieldName: { type: String, required: true },
+  label: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  config: { type: Object, required: false },
+  disabled: { type: Boolean, required: false },
+  options: { type: Array, required: false }
+});
+</script>
+
+<template>
+  <FormField v-slot="slotProps" :name="fieldName">
+    <FormItem>
+      <AutoFormLabel v-if="!config?.hideLabel" :required="required">
+        {{ config?.label || beautifyObjectName(label ?? fieldName) }}
+      </AutoFormLabel>
+      <FormControl>
+        <slot v-bind="slotProps">
+          <RadioGroup v-if="config?.component === 'radio'" :disabled="maybeBooleanishToBoolean(config?.inputProps?.disabled) ?? disabled" :orientation="'vertical'" v-bind="{ ...slotProps.componentField }">
+            <div v-for="(option, index) in options" :key="option" class="mb-2 flex items-center gap-3 space-y-0">
+              <RadioGroupItem :id="`${option}-${index}`" :value="option" />
+              <Label :for="`${option}-${index}`">{{ beautifyObjectName(option) }}</Label>
+            </div>
+          </RadioGroup>
+
+          <Select v-else :disabled="maybeBooleanishToBoolean(config?.inputProps?.disabled) ?? disabled" v-bind="{ ...slotProps.componentField }">
+            <SelectTrigger class="w-full">
+              <SelectValue :placeholder="config?.inputProps?.placeholder" />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem v-for="option in options" :key="option" :value="option">
+                {{ beautifyObjectName(option) }}
+              </SelectItem>
+            </SelectContent>
+          </Select>
+        </slot>
+      </FormControl>
+
+      <FormDescription v-if="config?.description">
+        {{ config.description }}
+      </FormDescription>
+      <FormMessage />
+    </FormItem>
+  </FormField>
+</template>