nuxt-ui-tools 0.1.0

package/dist/runtime/form/fields/divider/component.vue

@@ -0,0 +1,14 @@
+<script setup>
+import USeparator from "@nuxt/ui/components/Separator.vue";
+import { computed } from "vue";
+import { resolveFormText } from "../../utils/text";
+const props = defineProps({
+  field: { type: Object, required: true },
+  path: { type: Array, required: true }
+});
+const label = computed(() => resolveFormText(props.field.label));
+</script>
+
+<template>
+  <USeparator :label="label" />
+</template>

package/dist/runtime/form/fields/divider/component.vue.d.ts

@@ -0,0 +1,8 @@
+import type { FormDividerField } from '../../types/index.js';
+type __VLS_Props = {
+    field: FormDividerField;
+    path: readonly string[];
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/form/fields/divider/config.d.ts

@@ -0,0 +1,7 @@
+export declare const dividerFieldKind: {
+    readonly type: "divider";
+    readonly state: "stateless";
+    readonly layout: {
+        readonly item: true;
+    };
+};

package/dist/runtime/form/fields/divider/config.js

@@ -0,0 +1,6 @@
+import { defineFormFieldKind } from "../../utils/field-kind.js";
+export const dividerFieldKind = defineFormFieldKind({
+  type: "divider",
+  state: "stateless",
+  layout: { item: true }
+});

package/dist/runtime/form/fields/divider/index.d.ts

@@ -0,0 +1,2 @@
+export { dividerFieldKind } from './config.js';
+export type * from './types';

package/dist/runtime/form/fields/divider/index.js

@@ -0,0 +1 @@
+export { dividerFieldKind } from "./config.js";

package/dist/runtime/form/fields/divider/types.d.ts

@@ -0,0 +1,5 @@
+import type { FormStatelessFieldBase } from '../../types/field-base.js';
+import type { FormText } from '../../types/utils.js';
+export interface FormDividerField<TContext = {}, TDeps = {}> extends FormStatelessFieldBase<'divider', TContext, TDeps> {
+    label?: FormText;
+}

package/dist/runtime/form/fields/file/component.d.vue.ts

@@ -0,0 +1,8 @@
+import type { FormFileField } from '../../types/index.js';
+type __VLS_Props = {
+    field: FormFileField;
+    path: readonly string[];
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/form/fields/file/component.vue

@@ -0,0 +1,43 @@
+<script setup>
+import UFileUpload from "@nuxt/ui/components/FileUpload.vue";
+import { computed } from "vue";
+import FormFieldShell from "../../components/renderer/FormFieldShell.vue";
+import { useFieldControl } from "../../composables/use-field-control";
+const props = defineProps({
+  field: { type: Object, required: true },
+  path: { type: Array, required: true }
+});
+const { form, controlProps, disabled, handleBlur } = useFieldControl(
+  () => props.field,
+  () => props.path
+);
+const model = computed({
+  get: () => {
+    const value = form.getValue(props.path);
+    if (props.field.multiple) return Array.isArray(value) ? value.filter(isFile) : [];
+    return isFile(value) ? value : null;
+  },
+  set: (value) => form.setValue(props.path, props.field.multiple ? normalizeFiles(value) : value ?? null)
+});
+function normalizeFiles(value) {
+  if (Array.isArray(value)) return value;
+  return value ? [value] : [];
+}
+function isFile(value) {
+  return typeof File !== "undefined" && value instanceof File;
+}
+</script>
+
+<template>
+  <FormFieldShell :field="field" :path="path">
+    <UFileUpload
+      v-model="model"
+      v-bind="controlProps"
+      class="w-full"
+      :accept="field.accept"
+      :multiple="field.multiple"
+      :disabled="disabled"
+      @change="handleBlur"
+    />
+  </FormFieldShell>
+</template>

package/dist/runtime/form/fields/file/component.vue.d.ts

@@ -0,0 +1,8 @@
+import type { FormFileField } from '../../types/index.js';
+type __VLS_Props = {
+    field: FormFileField;
+    path: readonly string[];
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/form/fields/file/config.d.ts

@@ -0,0 +1,14 @@
+export declare const fileFieldKind: {
+    readonly type: "file";
+    readonly state: "stateful";
+    readonly ui: {
+        readonly label: true;
+        readonly description: true;
+        readonly hint: true;
+    };
+    readonly layout: {
+        readonly item: true;
+    };
+    readonly validation: true;
+    readonly transform: true;
+};

package/dist/runtime/form/fields/file/config.js

@@ -0,0 +1,9 @@
+import { defineFormFieldKind } from "../../utils/field-kind.js";
+export const fileFieldKind = defineFormFieldKind({
+  type: "file",
+  state: "stateful",
+  ui: { label: true, description: true, hint: true },
+  layout: { item: true },
+  validation: true,
+  transform: true
+});

package/dist/runtime/form/fields/file/index.d.ts

@@ -0,0 +1,2 @@
+export { fileFieldKind } from './config.js';
+export type * from './types';

package/dist/runtime/form/fields/file/index.js

@@ -0,0 +1 @@
+export { fileFieldKind } from "./config.js";

package/dist/runtime/form/fields/file/types.d.ts

@@ -0,0 +1,10 @@
+import type { FormStatefulFieldBase } from '../../types/field-base.js';
+import type { NullableValue } from '../../types/field-output-utils.js';
+export interface FormFileField<TContext = {}, TDeps = {}> extends FormStatefulFieldBase<'file', File | readonly File[] | null, TContext, TDeps> {
+    accept?: string;
+    multiple?: boolean;
+    directory?: boolean;
+}
+export type FileFieldOutput<TField> = TField extends {
+    multiple: true;
+} ? readonly File[] : File | NullableValue;

package/dist/runtime/form/fields/group/component.d.vue.ts

@@ -0,0 +1,9 @@
+import type { FormGroupField } from './types.js';
+type __VLS_Props = {
+    field: FormGroupField;
+    path: readonly string[];
+    parentPath: readonly string[];
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/form/fields/group/component.vue

@@ -0,0 +1,32 @@
+<script setup>
+import UFieldGroup from "@nuxt/ui/components/FieldGroup.vue";
+import FormFieldRenderer from "../../components/renderer/FormFieldRenderer.vue";
+import FormFieldShell from "../../components/renderer/FormFieldShell.vue";
+import { useFormUi } from "../../composables/use-form-ui";
+import { mergeFormUiClass } from "../../utils/ui";
+defineProps({
+  field: { type: Object, required: true },
+  path: { type: Array, required: true },
+  parentPath: { type: Array, required: true }
+});
+const formUi = useFormUi();
+</script>
+
+<template>
+  <FormFieldShell :field="field" :path="path">
+    <UFieldGroup
+      :size="formUi.controlSize.value"
+      :class="
+  mergeFormUiClass('w-full', formUi.ui.value.group?.ui?.root, formUi.ui.value.group?.ui?.base)
+"
+    >
+      <FormFieldRenderer
+        v-for="child in field.fields"
+        :key="child.key"
+        :field="child"
+        :parent-path="parentPath"
+        bare
+      />
+    </UFieldGroup>
+  </FormFieldShell>
+</template>

package/dist/runtime/form/fields/group/component.vue.d.ts

@@ -0,0 +1,9 @@
+import type { FormGroupField } from './types.js';
+type __VLS_Props = {
+    field: FormGroupField;
+    path: readonly string[];
+    parentPath: readonly string[];
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/form/fields/group/config.d.ts

@@ -0,0 +1,12 @@
+export declare const groupFieldKind: {
+    readonly type: "group";
+    readonly state: "passthrough";
+    readonly ui: {
+        readonly label: true;
+        readonly description: true;
+    };
+    readonly layout: {
+        readonly item: true;
+        readonly container: true;
+    };
+};

package/dist/runtime/form/fields/group/config.js

@@ -0,0 +1,7 @@
+import { defineFormFieldKind } from "../../utils/field-kind.js";
+export const groupFieldKind = defineFormFieldKind({
+  type: "group",
+  state: "passthrough",
+  ui: { label: true, description: true },
+  layout: { item: true, container: true }
+});

package/dist/runtime/form/fields/group/types.d.ts

@@ -0,0 +1,4 @@
+import type { FormContainerFieldBase } from '../../types/field-base.js';
+export interface FormGroupField<TContext = {}, TDeps = {}> extends FormContainerFieldBase<'group', TContext, TDeps> {
+}
+export type GroupFieldOutput<TChildren> = TChildren;

package/dist/runtime/form/fields/hidden/component.d.vue.ts

@@ -0,0 +1,8 @@
+import type { FormHiddenField } from '../../types/index.js';
+type __VLS_Props = {
+    field: FormHiddenField;
+    path: readonly string[];
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/form/fields/hidden/component.vue

@@ -0,0 +1,10 @@
+<script setup>
+defineProps({
+  field: { type: Object, required: true },
+  path: { type: Array, required: true }
+});
+</script>
+
+<template>
+  <input type="hidden" :name="path.join('.')" />
+</template>

package/dist/runtime/form/fields/hidden/component.vue.d.ts

@@ -0,0 +1,8 @@
+import type { FormHiddenField } from '../../types/index.js';
+type __VLS_Props = {
+    field: FormHiddenField;
+    path: readonly string[];
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/form/fields/hidden/config.d.ts

@@ -0,0 +1,6 @@
+export declare const hiddenFieldKind: {
+    readonly type: "hidden";
+    readonly state: "stateful";
+    readonly validation: true;
+    readonly transform: true;
+};

package/dist/runtime/form/fields/hidden/config.js

@@ -0,0 +1,7 @@
+import { defineFormFieldKind } from "../../utils/field-kind.js";
+export const hiddenFieldKind = defineFormFieldKind({
+  type: "hidden",
+  state: "stateful",
+  validation: true,
+  transform: true
+});

package/dist/runtime/form/fields/hidden/index.d.ts

@@ -0,0 +1,2 @@
+export { hiddenFieldKind } from './config.js';
+export type * from './types';

package/dist/runtime/form/fields/hidden/index.js

@@ -0,0 +1 @@
+export { hiddenFieldKind } from "./config.js";

package/dist/runtime/form/fields/hidden/types.d.ts

@@ -0,0 +1,5 @@
+import type { FormStatefulFieldBase } from '../../types/field-base.js';
+import type { FieldDefaultValue, FallbackNever } from '../../types/field-output-utils.js';
+export interface FormHiddenField<TContext = {}, TDeps = {}> extends Pick<FormStatefulFieldBase<'hidden', unknown, TContext, TDeps>, 'key' | 'type' | 'default' | 'dependencies' | 'condition' | 'validation' | 'transform' | 'submit' | 'ignore'> {
+}
+export type HiddenFieldOutput<TField> = FallbackNever<FieldDefaultValue<TField>, unknown>;

package/dist/runtime/form/fields/hierarchy/component.d.vue.ts

@@ -0,0 +1,8 @@
+import type { FormHierarchyField } from './types.js';
+type __VLS_Props = {
+    field: FormHierarchyField;
+    path: readonly string[];
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;