nuxt-ui-tools 0.1.0

package/dist/runtime/form/fields/auto-complete/types.d.ts

@@ -0,0 +1,17 @@
+import type { FormStatefulFieldBase } from '../../types/field-base.js';
+import type { FieldOptionValue, FallbackNever, NullableValue } from '../../types/field-output-utils.js';
+import type { FormOptionConfig, FormOptionItem, FormOptionValue, FormOptionsSource } from '../../types/options.js';
+import type { FormSelectCreateItem } from '../select/types.js';
+export interface FormAutoCompleteField<TContext = {}, TDeps = {}, TValue extends FormOptionValue = FormOptionValue, TOption extends FormOptionItem<TValue> = FormOptionItem<TValue>> extends FormStatefulFieldBase<'auto-complete', TValue | readonly TValue[] | null, TContext, TDeps> {
+    options: FormOptionConfig<TOption, TContext, TDeps, TValue | readonly TValue[] | null> | FormOptionsSource<TOption, TContext, TDeps, TValue | readonly TValue[] | null>;
+    multiple?: boolean;
+    clearable?: boolean;
+    createItem?: FormSelectCreateItem;
+}
+type AutoCompleteFieldValue<TField> = TField extends {
+    multiple: true;
+} ? readonly FieldOptionValue<TField>[] | NullableValue : FieldOptionValue<TField> | NullableValue;
+export type AutoCompleteFieldOutput<TField> = FallbackNever<AutoCompleteFieldValue<TField>, TField extends {
+    multiple: true;
+} ? readonly FormOptionValue[] | NullableValue : FormOptionValue | NullableValue>;
+export {};

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

@@ -0,0 +1,8 @@
+import type { FormButtonField } from '../../types/index.js';
+type __VLS_Props = {
+    field: FormButtonField;
+    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/button/component.vue

@@ -0,0 +1,30 @@
+<script setup>
+import UButton from "@nuxt/ui/components/Button.vue";
+import { computed } from "vue";
+import { useFieldControl } from "../../composables/use-field-control";
+import { resolveFormText } from "../../utils/text";
+const props = defineProps({
+  field: { type: Object, required: true },
+  path: { type: Array, required: true }
+});
+const { controlProps, disabled, params } = useFieldControl(
+  () => props.field,
+  () => props.path
+);
+const label = computed(() => resolveFormText(props.field.label));
+async function handleClick() {
+  await props.field.onClick(params.value);
+}
+</script>
+
+<template>
+  <UButton
+    v-bind="controlProps"
+    :label="label"
+    :icon="field.icon"
+    :color="field.color ?? 'primary'"
+    :variant="field.variant ?? 'solid'"
+    :disabled="disabled"
+    @click="handleClick"
+  />
+</template>

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

@@ -0,0 +1,8 @@
+import type { FormButtonField } from '../../types/index.js';
+type __VLS_Props = {
+    field: FormButtonField;
+    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/button/config.d.ts

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

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

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

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

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

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

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

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

@@ -0,0 +1,11 @@
+import type { FormFieldCallback } from '../../types/callbacks.js';
+import type { FormStatelessFieldBase } from '../../types/field-base.js';
+import type { FormText } from '../../types/utils.js';
+export interface FormButtonField<TContext = {}, TDeps = {}> extends FormStatelessFieldBase<'button', TContext, TDeps> {
+    label?: FormText;
+    icon?: string;
+    color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
+    variant?: 'solid' | 'outline' | 'soft' | 'subtle' | 'ghost' | 'link';
+    disabled?: FormFieldCallback<boolean, TContext, TDeps>;
+    onClick: FormFieldCallback<void | Promise<void>, TContext, TDeps>;
+}

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

@@ -0,0 +1,9 @@
+import type { FormCardField } from '../../types/index.js';
+type __VLS_Props = {
+    field: FormCardField;
+    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/card/component.vue

@@ -0,0 +1,69 @@
+<script setup>
+import UCard from "@nuxt/ui/components/Card.vue";
+import { computed } from "vue";
+import FormFieldRenderer from "../../components/renderer/FormFieldRenderer.vue";
+import { useFieldControl } from "../../composables/use-field-control";
+import { useFormContainerLayout } from "../../composables/use-form-layout";
+import { resolveFormText } from "../../utils/text";
+const props = defineProps({
+  field: { type: Object, required: true },
+  path: { type: Array, required: true },
+  parentPath: { type: Array, required: true }
+});
+const { form, params } = useFieldControl(
+  () => props.field,
+  () => props.path
+);
+const grid = useFormContainerLayout({
+  layout: () => props.field.layout,
+  formLayout: form.currentLayout
+});
+const title = computed(
+  () => resolveRenderable(props.field.header) ?? resolveFormText(props.field.label)
+);
+const description = computed(() => resolveFormText(props.field.description));
+const headerExtra = computed(() => resolveRenderable(props.field.headerExtra));
+const footer = computed(() => resolveRenderable(props.field.footer));
+const action = computed(() => resolveRenderable(props.field.action));
+function resolveRenderable(value) {
+  const resolved = typeof value === "function" ? value(params.value) : value;
+  return typeof resolved === "string" || typeof resolved === "number" ? String(resolved) : void 0;
+}
+</script>
+
+<template>
+  <UCard>
+    <template v-if="title || description || headerExtra" #header>
+      <div class="flex items-start justify-between gap-4">
+        <div class="grid gap-1">
+          <h3 v-if="title" class="text-sm font-medium text-highlighted">
+            {{ title }}
+          </h3>
+          <p v-if="description" class="text-sm text-muted">
+            {{ description }}
+          </p>
+        </div>
+
+        <div v-if="headerExtra" class="text-sm text-muted">
+          {{ headerExtra }}
+        </div>
+      </div>
+    </template>
+
+    <div :style="grid.style.value">
+      <FormFieldRenderer
+        v-for="child in field.fields"
+        :key="child.key"
+        :field="child"
+        :parent-path="parentPath"
+      />
+    </div>
+
+    <template v-if="footer || action" #footer>
+      <div class="flex items-center justify-between gap-4 text-sm text-muted">
+        <span v-if="footer">{{ footer }}</span>
+        <span v-if="action" class="ml-auto">{{ action }}</span>
+      </div>
+    </template>
+  </UCard>
+</template>

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

@@ -0,0 +1,9 @@
+import type { FormCardField } from '../../types/index.js';
+type __VLS_Props = {
+    field: FormCardField;
+    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/card/config.d.ts

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

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+import type { FormFieldCallback } from '../../types/callbacks.js';
+import type { FormContainerFieldBase } from '../../types/field-base.js';
+import type { FormRenderable } from '../../types/utils.js';
+export interface FormCardField<TContext = {}, TDeps = {}> extends FormContainerFieldBase<'card', TContext, TDeps> {
+    header?: FormRenderable | FormFieldCallback<FormRenderable, TContext, TDeps>;
+    headerExtra?: FormRenderable | FormFieldCallback<FormRenderable, TContext, TDeps>;
+    footer?: FormRenderable | FormFieldCallback<FormRenderable, TContext, TDeps>;
+    action?: FormRenderable | FormFieldCallback<FormRenderable, TContext, TDeps>;
+}

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

@@ -0,0 +1,17 @@
+export declare const cascaderFieldKind: {
+    readonly type: "cascader";
+    readonly state: "stateful";
+    readonly ui: {
+        readonly label: true;
+        readonly description: true;
+        readonly hint: true;
+    };
+    readonly layout: {
+        readonly item: true;
+    };
+    readonly options: {
+        readonly enabled: true;
+    };
+    readonly validation: true;
+    readonly transform: true;
+};

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

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

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

@@ -0,0 +1 @@
+export type { FormCascaderField, FormHierarchyOption, HierarchyFieldOutput as CascaderFieldOutput, } from '../hierarchy/types.js';

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

@@ -0,0 +1,8 @@
+import type { FormCheckboxField } from '../../types/index.js';
+type __VLS_Props = {
+    field: FormCheckboxField;
+    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/checkbox/component.vue

@@ -0,0 +1,40 @@
+<script setup>
+import UCheckbox from "@nuxt/ui/components/Checkbox.vue";
+import { computed } from "vue";
+import FormFieldShell from "../../components/renderer/FormFieldShell.vue";
+import { useFieldControl } from "../../composables/use-field-control";
+import { useFormFieldBare } from "../../composables/use-form-field-chrome";
+const props = defineProps({
+  field: { type: Object, required: true },
+  path: { type: Array, required: true }
+});
+const bare = useFormFieldBare();
+const { form, controlProps, disabled, handleBlur } = useFieldControl(
+  () => props.field,
+  () => props.path
+);
+const model = computed({
+  get: () => form.getValue(props.path) === true,
+  set: (value) => form.setValue(props.path, value)
+});
+</script>
+
+<template>
+  <FormFieldShell
+    v-slot="{ label, description, required }"
+    :field="field"
+    :path="path"
+    inline-label
+  >
+    <UCheckbox
+      v-model="model"
+      v-bind="controlProps"
+      :label="bare ? void 0 : label"
+      :description="bare ? void 0 : description"
+      :required="required"
+      :disabled="disabled"
+      class="w-full"
+      @blur="handleBlur"
+    />
+  </FormFieldShell>
+</template>

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

@@ -0,0 +1,8 @@
+import type { FormCheckboxField } from '../../types/index.js';
+type __VLS_Props = {
+    field: FormCheckboxField;
+    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/checkbox/config.d.ts

@@ -0,0 +1,14 @@
+export declare const checkboxFieldKind: {
+    readonly type: "checkbox";
+    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/checkbox/config.js

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+import type { FormStatefulFieldBase } from '../../types/field-base.js';
+export interface FormCheckboxField<TContext = {}, TDeps = {}> extends FormStatefulFieldBase<'checkbox', boolean, TContext, TDeps> {
+}
+export type CheckboxFieldOutput = boolean;

package/dist/runtime/form/fields/checkbox-card/component.d.vue.ts

@@ -0,0 +1,8 @@
+import type { FormCheckboxCardField } from '../../types/index.js';
+type __VLS_Props = {
+    field: FormCheckboxCardField;
+    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/checkbox-card/component.vue

@@ -0,0 +1,56 @@
+<script setup>
+import UCheckbox from "@nuxt/ui/components/Checkbox.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, options } = useFieldControl(
+  () => props.field,
+  () => props.path
+);
+const model = computed({
+  get: () => {
+    const value = form.getValue(props.path);
+    return Array.isArray(value) ? value.filter(isOptionValue) : [];
+  },
+  set: (value) => form.setValue(props.path, value)
+});
+const items = computed(() => [...options.items.value]);
+function toggleOption(value, checked) {
+  const current = model.value;
+  if (checked) {
+    model.value = current.includes(value) ? current : [...current, value];
+    return;
+  }
+  model.value = current.filter((item) => item !== value);
+}
+function isOptionValue(value) {
+  return typeof value === "string" || typeof value === "number" || typeof value === "boolean";
+}
+</script>
+
+<template>
+  <FormFieldShell :field="field" :path="path">
+    <div
+      v-bind="controlProps"
+      class="grid gap-2"
+      :class="field.orientation === 'horizontal' ? 'sm:flex sm:flex-wrap' : ''"
+    >
+      <UCheckbox
+        v-for="item in items"
+        :key="String(item.value)"
+        :model-value="model.includes(item.value)"
+        :label="item.label"
+        :description="item.description"
+        :disabled="disabled || item.disabled"
+        variant="card"
+        :indicator="field.indicator"
+        @update:model-value="toggleOption(item.value, $event === true)"
+        @blur="handleBlur"
+      />
+    </div>
+  </FormFieldShell>
+</template>

package/dist/runtime/form/fields/checkbox-card/component.vue.d.ts

@@ -0,0 +1,8 @@
+import type { FormCheckboxCardField } from '../../types/index.js';
+type __VLS_Props = {
+    field: FormCheckboxCardField;
+    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/checkbox-card/config.d.ts

@@ -0,0 +1,17 @@
+export declare const checkboxCardFieldKind: {
+    readonly type: "checkbox-card";
+    readonly state: "stateful";
+    readonly ui: {
+        readonly label: true;
+        readonly description: true;
+        readonly hint: true;
+    };
+    readonly layout: {
+        readonly item: true;
+    };
+    readonly options: {
+        readonly enabled: true;
+    };
+    readonly validation: true;
+    readonly transform: true;
+};

package/dist/runtime/form/fields/checkbox-card/config.js

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

package/dist/runtime/form/fields/checkbox-card/index.d.ts

@@ -0,0 +1,2 @@
+export { checkboxCardFieldKind } from './config.js';
+export type { CheckboxCardFieldOutput, FormCheckboxCardField } from './types.js';

package/dist/runtime/form/fields/checkbox-card/index.js

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

package/dist/runtime/form/fields/checkbox-card/types.d.ts

@@ -0,0 +1,6 @@
+import type { FormCheckboxGroupField, CheckboxGroupFieldOutput } from '../checkbox-group/types.js';
+export interface FormCheckboxCardField<TContext = {}, TDeps = {}> extends Omit<FormCheckboxGroupField<TContext, TDeps>, 'type' | 'variant'> {
+    type: 'checkbox-card';
+    indicator?: 'start' | 'end' | 'hidden';
+}
+export type CheckboxCardFieldOutput<TField> = CheckboxGroupFieldOutput<TField>;

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

@@ -0,0 +1,8 @@
+import type { FormCheckboxGroupField } from '../../types/index.js';
+type __VLS_Props = {
+    field: FormCheckboxGroupField;
+    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/checkbox-group/component.vue

@@ -0,0 +1,56 @@
+<script setup>
+import UCheckbox from "@nuxt/ui/components/Checkbox.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, options } = useFieldControl(
+  () => props.field,
+  () => props.path
+);
+const model = computed({
+  get: () => {
+    const value = form.getValue(props.path);
+    return Array.isArray(value) ? value.filter(isOptionValue) : [];
+  },
+  set: (value) => form.setValue(props.path, value)
+});
+const items = computed(() => [...options.items.value]);
+function toggleOption(value, checked) {
+  const current = model.value;
+  if (checked) {
+    model.value = current.includes(value) ? current : [...current, value];
+    return;
+  }
+  model.value = current.filter((item) => item !== value);
+}
+function isOptionValue(value) {
+  return typeof value === "string" || typeof value === "number" || typeof value === "boolean";
+}
+</script>
+
+<template>
+  <FormFieldShell :field="field" :path="path">
+    <div
+      v-bind="controlProps"
+      class="grid gap-2"
+      :class="field.orientation === 'horizontal' ? 'sm:flex sm:flex-wrap' : ''"
+    >
+      <UCheckbox
+        v-for="item in items"
+        :key="String(item.value)"
+        :model-value="model.includes(item.value)"
+        :label="item.label"
+        :description="item.description"
+        :disabled="disabled || item.disabled"
+        :variant="field.variant === 'table' ? 'list' : field.variant ?? 'list'"
+        :indicator="field.indicator"
+        @update:model-value="toggleOption(item.value, $event === true)"
+        @blur="handleBlur"
+      />
+    </div>
+  </FormFieldShell>
+</template>

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

@@ -0,0 +1,8 @@
+import type { FormCheckboxGroupField } from '../../types/index.js';
+type __VLS_Props = {
+    field: FormCheckboxGroupField;
+    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/checkbox-group/config.d.ts

@@ -0,0 +1,17 @@
+export declare const checkboxGroupFieldKind: {
+    readonly type: "checkbox-group";
+    readonly state: "stateful";
+    readonly ui: {
+        readonly label: true;
+        readonly description: true;
+        readonly hint: true;
+    };
+    readonly layout: {
+        readonly item: true;
+    };
+    readonly options: {
+        readonly enabled: true;
+    };
+    readonly validation: true;
+    readonly transform: true;
+};

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

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

package/dist/runtime/form/fields/checkbox-group/index.d.ts

@@ -0,0 +1,2 @@
+export { checkboxGroupFieldKind } from './config.js';
+export type { CheckboxGroupFieldOutput, FormCheckboxGroupField } from './types.js';

package/dist/runtime/form/fields/checkbox-group/index.js

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

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

@@ -0,0 +1,10 @@
+import type { FormStatefulFieldBase } from '../../types/field-base.js';
+import type { FieldOptionValue, NullableValue } from '../../types/field-output-utils.js';
+import type { FormOptionConfig, FormOptionItem, FormOptionValue, FormOptionsSource } from '../../types/options.js';
+export interface FormCheckboxGroupField<TContext = {}, TDeps = {}, TValue extends FormOptionValue = FormOptionValue, TOption extends FormOptionItem<TValue> = FormOptionItem<TValue>> extends FormStatefulFieldBase<'checkbox-group', readonly TValue[] | null, TContext, TDeps> {
+    options: FormOptionConfig<TOption, TContext, TDeps, readonly TValue[] | null> | FormOptionsSource<TOption, TContext, TDeps, readonly TValue[] | null>;
+    variant?: 'table' | 'list' | 'card';
+    orientation?: 'horizontal' | 'vertical';
+    indicator?: 'start' | 'end' | 'hidden';
+}
+export type CheckboxGroupFieldOutput<TField> = readonly FieldOptionValue<TField>[] | NullableValue;