@vielzeug/buildit 2.0.0

package/dist/inputs/select/select.d.ts

@@ -0,0 +1,79 @@
+import type { VisualVariant } from '../../types';
+import '../../feedback/chip/chip';
+import type { SelectableFieldProps } from '../shared/base-props';
+import { type ChoiceChangeDetail } from '../shared/utils';
+type OptionItem = {
+    disabled: boolean;
+    group?: string;
+    label: string;
+    value: string;
+};
+/** Select component properties */
+export type BitSelectEvents = {
+    change: ChoiceChangeDetail;
+};
+export type BitSelectProps = SelectableFieldProps<Exclude<VisualVariant, 'glass' | 'text' | 'frost'>> & {
+    /** Show loading state in dropdown */
+    loading?: boolean;
+    /** Allow selecting multiple options */
+    multiple?: boolean;
+    /** JS options array (alternative to slotted <option> elements) */
+    options?: OptionItem[];
+    /** Mark the field as required */
+    required?: boolean;
+};
+/**
+ * A fully custom form-associated select dropdown with keyboard navigation and ARIA support.
+ * Reads `<option>` and `<optgroup>` children from the default slot.
+ *
+ * @element bit-select
+ *
+ * @attr {string} label - Label text
+ * @attr {string} label-placement - 'inset' | 'outside'
+ * @attr {string} value - Current selected value(s) (comma-separated for multiple)
+ * @attr {string} placeholder - Placeholder when no option selected
+ * @attr {string} name - Form field name
+ * @attr {boolean} multiple - Enable multi-select
+ * @attr {boolean} disabled - Disable the select
+ * @attr {boolean} required - Required field
+ * @attr {string} helper - Helper text below the select
+ * @attr {string} error - Error message
+ * @attr {string} color - Theme color
+ * @attr {string} variant - Visual variant
+ * @attr {string} size - Component size
+ * @attr {string} rounded - Border radius
+ * @attr {boolean} fullwidth - Expand to full width
+ *
+ * @fires change - Fired when selection changes. detail: { value: string, values: string[], labels: string[], originalEvent?: Event }
+ *
+ * @slot - `<option>` and `<optgroup>` elements
+ *
+ * @cssprop --select-bg - Background
+ * @cssprop --select-border-color - Border color
+ * @cssprop --select-radius - Border radius
+ * @cssprop --select-padding - Padding
+ * @cssprop --select-font-size - Font size
+ * @cssprop --select-placeholder-color - Placeholder text color
+ *
+ * @example
+ * ```html
+ * <bit-select label="Role" value="admin">
+ *   <option value="admin">Administrator</option>
+ *   <option value="editor">Editor</option>
+ *   <option value="viewer">Viewer</option>
+ * </bit-select>
+ *
+ * <bit-select label="Tags" multiple color="primary">
+ *   <optgroup label="Frontend">
+ *     <option value="react">React</option>
+ *     <option value="vue">Vue</option>
+ *   </optgroup>
+ *   <optgroup label="Backend">
+ *     <option value="node">Node.js</option>
+ *   </optgroup>
+ * </bit-select>
+ * ```
+ */
+export declare const SELECT_TAG: string;
+export {};
+//# sourceMappingURL=select.d.ts.map

package/dist/inputs/select/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/inputs/select/select.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,0BAA0B,CAAC;AAClC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAOjE,OAAO,EACL,KAAK,kBAAkB,EAIxB,MAAM,iBAAiB,CAAC;AAQzB,KAAK,UAAU,GAAG;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAqBF,kCAAkC;AAElC,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,kBAAkB,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,oBAAoB,CAAC,OAAO,CAAC,aAAa,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,GAAG;IACtG,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kEAAkE;IAClE,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,eAAO,MAAM,UAAU,QAydrB,CAAC"}

package/dist/inputs/shared/base-props.d.ts

@@ -0,0 +1,39 @@
+import type { DisablableProps, RoundedSize, SizableProps, ThemableProps, VisualVariant } from '../../types';
+export type BaseFormProps = ThemableProps & SizableProps & DisablableProps & {
+    /** Error message (marks field as invalid) */
+    error?: string;
+    /** Full width mode (100% of container) */
+    fullwidth?: boolean;
+    /** Helper text displayed below the field */
+    helper?: string;
+    /** Label text */
+    label?: string;
+    /** Label placement */
+    'label-placement'?: 'inset' | 'outside';
+    /** Form field name */
+    name?: string;
+};
+type FieldVisualProps<TVariant extends VisualVariant> = {
+    /** Border radius size */
+    rounded?: RoundedSize | '';
+    /** Visual style variant */
+    variant?: TVariant;
+};
+export type TextFieldProps<TVariant extends VisualVariant> = BaseFormProps & FieldVisualProps<TVariant> & {
+    /** Placeholder text */
+    placeholder?: string;
+    /** Make the field read-only */
+    readonly?: boolean;
+    /** Mark the field as required */
+    required?: boolean;
+    /** Current value */
+    value?: string;
+};
+export type SelectableFieldProps<TVariant extends VisualVariant> = BaseFormProps & FieldVisualProps<TVariant> & {
+    /** Placeholder text when no option is selected */
+    placeholder?: string;
+    /** Current value */
+    value?: string;
+};
+export {};
+//# sourceMappingURL=base-props.d.ts.map

package/dist/inputs/shared/base-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-props.d.ts","sourceRoot":"","sources":["../../../src/inputs/shared/base-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5G,MAAM,MAAM,aAAa,GAAG,aAAa,GACvC,YAAY,GACZ,eAAe,GAAG;IAChB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,iBAAiB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACxC,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEJ,KAAK,gBAAgB,CAAC,QAAQ,SAAS,aAAa,IAAI;IACtD,yBAAyB;IACzB,OAAO,CAAC,EAAE,WAAW,GAAG,EAAE,CAAC;IAC3B,2BAA2B;IAC3B,OAAO,CAAC,EAAE,QAAQ,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,QAAQ,SAAS,aAAa,IAAI,aAAa,GACxE,gBAAgB,CAAC,QAAQ,CAAC,GAAG;IAC3B,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEJ,MAAM,MAAM,oBAAoB,CAAC,QAAQ,SAAS,aAAa,IAAI,aAAa,GAC9E,gBAAgB,CAAC,QAAQ,CAAC,GAAG;IAC3B,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC"}

package/dist/inputs/shared/composables/index.cjs

@@ -0,0 +1 @@
+require(`./use-text-field.cjs`),require(`./use-toggle-field.cjs`);

package/dist/inputs/shared/composables/index.d.ts

@@ -0,0 +1,3 @@
+export * from './use-text-field';
+export * from './use-toggle-field';
+//# sourceMappingURL=index.d.ts.map

package/dist/inputs/shared/composables/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/inputs/shared/composables/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC"}

package/dist/inputs/shared/composables/index.js

@@ -0,0 +1,2 @@
+import "./use-text-field.js";
+import "./use-toggle-field.js";

package/dist/inputs/shared/composables/use-text-field.cjs

@@ -0,0 +1,2 @@
+const e=require(`../form-context.cjs`),t=require(`../dom-sync/label-sync.cjs`);require(`../dom-sync/index.cjs`);const n=require(`../validation/index.cjs`);let r=require(`@vielzeug/craftit`);function i(i,a){let o=(0,r.inject)(e.FORM_CTX,void 0),s=(0,r.signal)(``),c=(0,r.defineField)({disabled:(0,r.computed)(()=>!!i.disabled.value||!!o?.disabled.value),value:s},{onReset:()=>{s.value=``}});(0,r.watch)(i.value,e=>{s.value=String(e??``)},{immediate:!0});let{errorId:l,fieldId:u,helperId:d,labelId:f}=(0,r.createFormIds)(a,i.name.value||(0,r.createId)(a)),p=`${f}-outside`,m=(0,r.ref)(),h=(0,r.ref)();function g(){t.mountLabelSyncStandalone(m,h,i)}function _(e){n.triggerValidationOnEvent(o,c,e)}return{errorId:l,fieldId:u,formCtx:o,helperId:d,labelInsetId:f,labelInsetRef:m,labelOutsideId:p,labelOutsideRef:h,mountLabelSync:g,triggerValidation:_,valueSignal:s}}exports.useTextField=i;
+//# sourceMappingURL=use-text-field.cjs.map

package/dist/inputs/shared/composables/use-text-field.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-text-field.cjs","names":[],"sources":["../../../../src/inputs/shared/composables/use-text-field.ts"],"sourcesContent":["/**\n * useTextField — shared setup composable for text-based form fields.\n *\n * Extracts the value-signal management, form-field registration, accessibility\n * IDs, and label-visibility sync that is identical between `bit-input` and\n * `bit-textarea`. Helper/error sync differs between the two and stays in each\n * component.\n *\n * Call this function synchronously inside a component factory. The returned\n * `mountLabelSync()` must be called inside `onMount` once DOM refs are ready.\n */\n\nimport {\n  computed,\n  createId,\n  createFormIds,\n  defineField,\n  inject,\n  type ReadonlySignal,\n  ref,\n  signal,\n  watch,\n} from '@vielzeug/craftit';\n\nimport { mountLabelSyncStandalone } from '../dom-sync';\nimport { FORM_CTX } from '../form-context';\nimport { triggerValidationOnEvent } from '../validation';\n\nexport type TextFieldBaseProps = {\n  disabled: ReadonlySignal<boolean | undefined>;\n  label: ReadonlySignal<string | undefined>;\n  'label-placement': ReadonlySignal<'inset' | 'outside' | undefined>;\n  name: ReadonlySignal<string | undefined>;\n  value: ReadonlySignal<string | undefined>;\n};\n\nexport function useTextField(props: TextFieldBaseProps, fieldPrefix: string) {\n  const formCtx = inject(FORM_CTX, undefined);\n  const valueSignal = signal('');\n\n  const fd = defineField(\n    { disabled: computed(() => Boolean(props.disabled.value) || Boolean(formCtx?.disabled.value)), value: valueSignal },\n    {\n      onReset: () => {\n        valueSignal.value = '';\n      },\n    },\n  );\n\n  watch(\n    props.value,\n    (v) => {\n      valueSignal.value = String(v ?? '');\n    },\n    { immediate: true },\n  );\n\n  const {\n    errorId,\n    fieldId,\n    helperId,\n    labelId: labelInsetId,\n  } = createFormIds(fieldPrefix, props.name.value || createId(fieldPrefix));\n  const labelOutsideId = `${labelInsetId}-outside`;\n\n  const labelInsetRef = ref<HTMLLabelElement>();\n  const labelOutsideRef = ref<HTMLLabelElement>();\n\n  /** Create label-visibility reactive effect. Call inside `onMount`. */\n  function mountLabelSync(): void {\n    mountLabelSyncStandalone(labelInsetRef, labelOutsideRef, props);\n  }\n\n  /** Call inside a blur or change handler to trigger validation if the form context warrants it. */\n  function triggerValidation(on: 'blur' | 'change'): void {\n    triggerValidationOnEvent(formCtx, fd, on);\n  }\n\n  return {\n    errorId,\n    fieldId,\n    formCtx,\n    helperId,\n    labelInsetId,\n    labelInsetRef,\n    labelOutsideId,\n    labelOutsideRef,\n    mountLabelSync,\n    triggerValidation,\n    valueSignal,\n  };\n}\n"],"mappings":"8LAoCA,SAAgB,EAAa,EAA2B,EAAqB,CAC3E,IAAM,GAAA,EAAA,EAAA,QAAiB,EAAA,SAAU,IAAA,GAAU,CACrC,GAAA,EAAA,EAAA,QAAqB,GAAG,CAExB,GAAA,EAAA,EAAA,aACJ,CAAE,UAAA,EAAA,EAAA,cAAyB,EAAQ,EAAM,SAAS,OAAU,EAAQ,GAAS,SAAS,MAAO,CAAE,MAAO,EAAa,CACnH,CACE,YAAe,CACb,EAAY,MAAQ,IAEvB,CACF,EAED,EAAA,EAAA,OACE,EAAM,MACL,GAAM,CACL,EAAY,MAAQ,OAAO,GAAK,GAAG,EAErC,CAAE,UAAW,GAAM,CACpB,CAED,GAAM,CACJ,UACA,UACA,WACA,QAAS,IAAA,EAAA,EAAA,eACO,EAAa,EAAM,KAAK,QAAA,EAAA,EAAA,UAAkB,EAAY,CAAC,CACnE,EAAiB,GAAG,EAAa,UAEjC,GAAA,EAAA,EAAA,MAAuC,CACvC,GAAA,EAAA,EAAA,MAAyC,CAG/C,SAAS,GAAuB,CAC9B,EAAA,yBAAyB,EAAe,EAAiB,EAAM,CAIjE,SAAS,EAAkB,EAA6B,CACtD,EAAA,yBAAyB,EAAS,EAAI,EAAG,CAG3C,MAAO,CACL,UACA,UACA,UACA,WACA,eACA,gBACA,iBACA,kBACA,iBACA,oBACA,cACD"}

package/dist/inputs/shared/composables/use-text-field.d.ts

@@ -0,0 +1,33 @@
+/**
+ * useTextField — shared setup composable for text-based form fields.
+ *
+ * Extracts the value-signal management, form-field registration, accessibility
+ * IDs, and label-visibility sync that is identical between `bit-input` and
+ * `bit-textarea`. Helper/error sync differs between the two and stays in each
+ * component.
+ *
+ * Call this function synchronously inside a component factory. The returned
+ * `mountLabelSync()` must be called inside `onMount` once DOM refs are ready.
+ */
+import { type ReadonlySignal } from '@vielzeug/craftit';
+export type TextFieldBaseProps = {
+    disabled: ReadonlySignal<boolean | undefined>;
+    label: ReadonlySignal<string | undefined>;
+    'label-placement': ReadonlySignal<'inset' | 'outside' | undefined>;
+    name: ReadonlySignal<string | undefined>;
+    value: ReadonlySignal<string | undefined>;
+};
+export declare function useTextField(props: TextFieldBaseProps, fieldPrefix: string): {
+    errorId: string;
+    fieldId: string;
+    formCtx: import("../form-context").FormContext | undefined;
+    helperId: string;
+    labelInsetId: string;
+    labelInsetRef: import("@vielzeug/craftit").Ref<HTMLLabelElement>;
+    labelOutsideId: string;
+    labelOutsideRef: import("@vielzeug/craftit").Ref<HTMLLabelElement>;
+    mountLabelSync: () => void;
+    triggerValidation: (on: "blur" | "change") => void;
+    valueSignal: import("@vielzeug/stateit").Signal<string>;
+};
+//# sourceMappingURL=use-text-field.d.ts.map

package/dist/inputs/shared/composables/use-text-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-text-field.d.ts","sourceRoot":"","sources":["../../../../src/inputs/shared/composables/use-text-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAML,KAAK,cAAc,EAIpB,MAAM,mBAAmB,CAAC;AAM3B,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,cAAc,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IAC9C,KAAK,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC1C,iBAAiB,EAAE,cAAc,CAAC,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC,CAAC;IACnE,IAAI,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACzC,KAAK,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;CAC3C,CAAC;AAEF,wBAAgB,YAAY,CAAC,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM;;;;;;;;;0BAiC9C,IAAI;4BAKA,MAAM,GAAG,QAAQ,KAAG,IAAI;;EAiBxD"}

package/dist/inputs/shared/composables/use-text-field.js

@@ -0,0 +1,41 @@
+import { FORM_CTX as e } from "../form-context.js";
+import { mountLabelSyncStandalone as t } from "../dom-sync/label-sync.js";
+import "../dom-sync/index.js";
+import { triggerValidationOnEvent as n } from "../validation/index.js";
+import { computed as r, createFormIds as i, createId as a, defineField as o, inject as s, ref as c, signal as l, watch as u } from "@vielzeug/craftit";
+//#region src/inputs/shared/composables/use-text-field.ts
+function d(d, f) {
+	let p = s(e, void 0), m = l(""), h = o({
+		disabled: r(() => !!d.disabled.value || !!p?.disabled.value),
+		value: m
+	}, { onReset: () => {
+		m.value = "";
+	} });
+	u(d.value, (e) => {
+		m.value = String(e ?? "");
+	}, { immediate: !0 });
+	let { errorId: g, fieldId: _, helperId: v, labelId: y } = i(f, d.name.value || a(f)), b = `${y}-outside`, x = c(), S = c();
+	function C() {
+		t(x, S, d);
+	}
+	function w(e) {
+		n(p, h, e);
+	}
+	return {
+		errorId: g,
+		fieldId: _,
+		formCtx: p,
+		helperId: v,
+		labelInsetId: y,
+		labelInsetRef: x,
+		labelOutsideId: b,
+		labelOutsideRef: S,
+		mountLabelSync: C,
+		triggerValidation: w,
+		valueSignal: m
+	};
+}
+//#endregion
+export { d as useTextField };
+
+//# sourceMappingURL=use-text-field.js.map

package/dist/inputs/shared/composables/use-text-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-text-field.js","names":[],"sources":["../../../../src/inputs/shared/composables/use-text-field.ts"],"sourcesContent":["/**\n * useTextField — shared setup composable for text-based form fields.\n *\n * Extracts the value-signal management, form-field registration, accessibility\n * IDs, and label-visibility sync that is identical between `bit-input` and\n * `bit-textarea`. Helper/error sync differs between the two and stays in each\n * component.\n *\n * Call this function synchronously inside a component factory. The returned\n * `mountLabelSync()` must be called inside `onMount` once DOM refs are ready.\n */\n\nimport {\n  computed,\n  createId,\n  createFormIds,\n  defineField,\n  inject,\n  type ReadonlySignal,\n  ref,\n  signal,\n  watch,\n} from '@vielzeug/craftit';\n\nimport { mountLabelSyncStandalone } from '../dom-sync';\nimport { FORM_CTX } from '../form-context';\nimport { triggerValidationOnEvent } from '../validation';\n\nexport type TextFieldBaseProps = {\n  disabled: ReadonlySignal<boolean | undefined>;\n  label: ReadonlySignal<string | undefined>;\n  'label-placement': ReadonlySignal<'inset' | 'outside' | undefined>;\n  name: ReadonlySignal<string | undefined>;\n  value: ReadonlySignal<string | undefined>;\n};\n\nexport function useTextField(props: TextFieldBaseProps, fieldPrefix: string) {\n  const formCtx = inject(FORM_CTX, undefined);\n  const valueSignal = signal('');\n\n  const fd = defineField(\n    { disabled: computed(() => Boolean(props.disabled.value) || Boolean(formCtx?.disabled.value)), value: valueSignal },\n    {\n      onReset: () => {\n        valueSignal.value = '';\n      },\n    },\n  );\n\n  watch(\n    props.value,\n    (v) => {\n      valueSignal.value = String(v ?? '');\n    },\n    { immediate: true },\n  );\n\n  const {\n    errorId,\n    fieldId,\n    helperId,\n    labelId: labelInsetId,\n  } = createFormIds(fieldPrefix, props.name.value || createId(fieldPrefix));\n  const labelOutsideId = `${labelInsetId}-outside`;\n\n  const labelInsetRef = ref<HTMLLabelElement>();\n  const labelOutsideRef = ref<HTMLLabelElement>();\n\n  /** Create label-visibility reactive effect. Call inside `onMount`. */\n  function mountLabelSync(): void {\n    mountLabelSyncStandalone(labelInsetRef, labelOutsideRef, props);\n  }\n\n  /** Call inside a blur or change handler to trigger validation if the form context warrants it. */\n  function triggerValidation(on: 'blur' | 'change'): void {\n    triggerValidationOnEvent(formCtx, fd, on);\n  }\n\n  return {\n    errorId,\n    fieldId,\n    formCtx,\n    helperId,\n    labelInsetId,\n    labelInsetRef,\n    labelOutsideId,\n    labelOutsideRef,\n    mountLabelSync,\n    triggerValidation,\n    valueSignal,\n  };\n}\n"],"mappings":";;;;;;AAoCA,SAAgB,EAAa,GAA2B,GAAqB;CAC3E,IAAM,IAAU,EAAO,GAAU,KAAA,EAAU,EACrC,IAAc,EAAO,GAAG,EAExB,IAAK,EACT;EAAE,UAAU,QAAe,EAAQ,EAAM,SAAS,SAAU,EAAQ,GAAS,SAAS,MAAO;EAAE,OAAO;EAAa,EACnH,EACE,eAAe;AACb,IAAY,QAAQ;IAEvB,CACF;AAED,GACE,EAAM,QACL,MAAM;AACL,IAAY,QAAQ,OAAO,KAAK,GAAG;IAErC,EAAE,WAAW,IAAM,CACpB;CAED,IAAM,EACJ,YACA,YACA,aACA,SAAS,MACP,EAAc,GAAa,EAAM,KAAK,SAAS,EAAS,EAAY,CAAC,EACnE,IAAiB,GAAG,EAAa,WAEjC,IAAgB,GAAuB,EACvC,IAAkB,GAAuB;CAG/C,SAAS,IAAuB;AAC9B,IAAyB,GAAe,GAAiB,EAAM;;CAIjE,SAAS,EAAkB,GAA6B;AACtD,IAAyB,GAAS,GAAI,EAAG;;AAG3C,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}

package/dist/inputs/shared/composables/use-toggle-field.cjs

@@ -0,0 +1,2 @@
+const e=require(`../form-context.cjs`),t=require(`../validation/index.cjs`);let n=require(`@vielzeug/craftit`);function r(r,i){let a=(0,n.inject)(e.FORM_CTX,void 0),o=(0,n.signal)(!1),s=(0,n.defineField)({disabled:(0,n.computed)(()=>!!r.disabled.value||!!a?.disabled.value),toFormValue:e=>e,value:(0,n.computed)(()=>o.value?r.value.value??``:null)},{onReset:()=>{o.value=r.checked.value??!1,i?.()}});(0,n.watch)(r.checked,e=>{o.value=e??!1},{immediate:!0});let{triggerValidation:c}=t.createFieldValidation(a,s);return{checkedSignal:o,formCtx:a,triggerValidation:c}}exports.useToggleField=r;
+//# sourceMappingURL=use-toggle-field.cjs.map

package/dist/inputs/shared/composables/use-toggle-field.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-toggle-field.cjs","names":[],"sources":["../../../../src/inputs/shared/composables/use-toggle-field.ts"],"sourcesContent":["import { computed, defineField, inject, type ReadonlySignal, signal, watch } from '@vielzeug/craftit';\n\nimport { FORM_CTX } from '../form-context';\nimport { createFieldValidation } from '../validation';\n\nexport interface ToggleFieldBaseProps {\n  disabled: ReadonlySignal<boolean | undefined>;\n  value: ReadonlySignal<string | undefined>;\n  checked: ReadonlySignal<boolean | undefined>;\n}\n\n/**\n * Shared setup for toggle-style form fields (checkbox, switch).\n *\n * @param props  - Component props object with `disabled`, `value`, and `checked`\n * @param onExtraReset - Optional callback invoked alongside the field reset (e.g. to reset `indeterminateSignal`)\n */\nexport function useToggleField(props: ToggleFieldBaseProps, onExtraReset?: () => void) {\n  const formCtx = inject(FORM_CTX, undefined);\n  const checkedSignal = signal(false);\n\n  const fd = defineField(\n    {\n      disabled: computed(() => Boolean(props.disabled.value) || Boolean(formCtx?.disabled.value)),\n      toFormValue: (v: string | null) => v,\n      value: computed(() => (checkedSignal.value ? (props.value.value ?? '') : null)),\n    },\n    {\n      onReset: () => {\n        checkedSignal.value = props.checked.value ?? false;\n        onExtraReset?.();\n      },\n    },\n  );\n\n  watch(\n    props.checked,\n    (v) => {\n      checkedSignal.value = v ?? false;\n    },\n    { immediate: true },\n  );\n\n  const { triggerValidation } = createFieldValidation(formCtx, fd);\n\n  return { checkedSignal, formCtx, triggerValidation };\n}\n"],"mappings":"+GAiBA,SAAgB,EAAe,EAA6B,EAA2B,CACrF,IAAM,GAAA,EAAA,EAAA,QAAiB,EAAA,SAAU,IAAA,GAAU,CACrC,GAAA,EAAA,EAAA,QAAuB,GAAM,CAE7B,GAAA,EAAA,EAAA,aACJ,CACE,UAAA,EAAA,EAAA,cAAyB,EAAQ,EAAM,SAAS,OAAU,EAAQ,GAAS,SAAS,MAAO,CAC3F,YAAc,GAAqB,EACnC,OAAA,EAAA,EAAA,cAAuB,EAAc,MAAS,EAAM,MAAM,OAAS,GAAM,KAAM,CAChF,CACD,CACE,YAAe,CACb,EAAc,MAAQ,EAAM,QAAQ,OAAS,GAC7C,KAAgB,EAEnB,CACF,EAED,EAAA,EAAA,OACE,EAAM,QACL,GAAM,CACL,EAAc,MAAQ,GAAK,IAE7B,CAAE,UAAW,GAAM,CACpB,CAED,GAAM,CAAE,qBAAsB,EAAA,sBAAsB,EAAS,EAAG,CAEhE,MAAO,CAAE,gBAAe,UAAS,oBAAmB"}

package/dist/inputs/shared/composables/use-toggle-field.d.ts

@@ -0,0 +1,18 @@
+import { type ReadonlySignal } from '@vielzeug/craftit';
+export interface ToggleFieldBaseProps {
+    disabled: ReadonlySignal<boolean | undefined>;
+    value: ReadonlySignal<string | undefined>;
+    checked: ReadonlySignal<boolean | undefined>;
+}
+/**
+ * Shared setup for toggle-style form fields (checkbox, switch).
+ *
+ * @param props  - Component props object with `disabled`, `value`, and `checked`
+ * @param onExtraReset - Optional callback invoked alongside the field reset (e.g. to reset `indeterminateSignal`)
+ */
+export declare function useToggleField(props: ToggleFieldBaseProps, onExtraReset?: () => void): {
+    checkedSignal: import("@vielzeug/stateit").Signal<boolean>;
+    formCtx: import("../form-context").FormContext | undefined;
+    triggerValidation: (on: import("../validation").ValidationTrigger) => void;
+};
+//# sourceMappingURL=use-toggle-field.d.ts.map

package/dist/inputs/shared/composables/use-toggle-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-toggle-field.d.ts","sourceRoot":"","sources":["../../../../src/inputs/shared/composables/use-toggle-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,cAAc,EAAiB,MAAM,mBAAmB,CAAC;AAKtG,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,cAAc,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IAC9C,KAAK,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC1C,OAAO,EAAE,cAAc,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;CAC9C;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,oBAAoB,EAAE,YAAY,CAAC,EAAE,MAAM,IAAI;;;;EA6BpF"}

package/dist/inputs/shared/composables/use-toggle-field.js

@@ -0,0 +1,26 @@
+import { FORM_CTX as e } from "../form-context.js";
+import { createFieldValidation as t } from "../validation/index.js";
+import { computed as n, defineField as r, inject as i, signal as a, watch as o } from "@vielzeug/craftit";
+//#region src/inputs/shared/composables/use-toggle-field.ts
+function s(s, c) {
+	let l = i(e, void 0), u = a(!1), d = r({
+		disabled: n(() => !!s.disabled.value || !!l?.disabled.value),
+		toFormValue: (e) => e,
+		value: n(() => u.value ? s.value.value ?? "" : null)
+	}, { onReset: () => {
+		u.value = s.checked.value ?? !1, c?.();
+	} });
+	o(s.checked, (e) => {
+		u.value = e ?? !1;
+	}, { immediate: !0 });
+	let { triggerValidation: f } = t(l, d);
+	return {
+		checkedSignal: u,
+		formCtx: l,
+		triggerValidation: f
+	};
+}
+//#endregion
+export { s as useToggleField };
+
+//# sourceMappingURL=use-toggle-field.js.map

package/dist/inputs/shared/composables/use-toggle-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-toggle-field.js","names":[],"sources":["../../../../src/inputs/shared/composables/use-toggle-field.ts"],"sourcesContent":["import { computed, defineField, inject, type ReadonlySignal, signal, watch } from '@vielzeug/craftit';\n\nimport { FORM_CTX } from '../form-context';\nimport { createFieldValidation } from '../validation';\n\nexport interface ToggleFieldBaseProps {\n  disabled: ReadonlySignal<boolean | undefined>;\n  value: ReadonlySignal<string | undefined>;\n  checked: ReadonlySignal<boolean | undefined>;\n}\n\n/**\n * Shared setup for toggle-style form fields (checkbox, switch).\n *\n * @param props  - Component props object with `disabled`, `value`, and `checked`\n * @param onExtraReset - Optional callback invoked alongside the field reset (e.g. to reset `indeterminateSignal`)\n */\nexport function useToggleField(props: ToggleFieldBaseProps, onExtraReset?: () => void) {\n  const formCtx = inject(FORM_CTX, undefined);\n  const checkedSignal = signal(false);\n\n  const fd = defineField(\n    {\n      disabled: computed(() => Boolean(props.disabled.value) || Boolean(formCtx?.disabled.value)),\n      toFormValue: (v: string | null) => v,\n      value: computed(() => (checkedSignal.value ? (props.value.value ?? '') : null)),\n    },\n    {\n      onReset: () => {\n        checkedSignal.value = props.checked.value ?? false;\n        onExtraReset?.();\n      },\n    },\n  );\n\n  watch(\n    props.checked,\n    (v) => {\n      checkedSignal.value = v ?? false;\n    },\n    { immediate: true },\n  );\n\n  const { triggerValidation } = createFieldValidation(formCtx, fd);\n\n  return { checkedSignal, formCtx, triggerValidation };\n}\n"],"mappings":";;;;AAiBA,SAAgB,EAAe,GAA6B,GAA2B;CACrF,IAAM,IAAU,EAAO,GAAU,KAAA,EAAU,EACrC,IAAgB,EAAO,GAAM,EAE7B,IAAK,EACT;EACE,UAAU,QAAe,EAAQ,EAAM,SAAS,SAAU,EAAQ,GAAS,SAAS,MAAO;EAC3F,cAAc,MAAqB;EACnC,OAAO,QAAgB,EAAc,QAAS,EAAM,MAAM,SAAS,KAAM,KAAM;EAChF,EACD,EACE,eAAe;AAEb,EADA,EAAc,QAAQ,EAAM,QAAQ,SAAS,IAC7C,KAAgB;IAEnB,CACF;AAED,GACE,EAAM,UACL,MAAM;AACL,IAAc,QAAQ,KAAK;IAE7B,EAAE,WAAW,IAAM,CACpB;CAED,IAAM,EAAE,yBAAsB,EAAsB,GAAS,EAAG;AAEhE,QAAO;EAAE;EAAe;EAAS;EAAmB"}

package/dist/inputs/shared/design-presets.cjs

@@ -0,0 +1,2 @@
+var e={lg:{"--_field-height":`var(--size-12)`,"--_padding":`var(--size-2-5) var(--size-3-5)`,fontSize:`var(--text-base)`,gap:`var(--size-2-5)`},md:{"--_field-height":`var(--size-10)`,"--_padding":`var(--size-1-5) var(--size-3)`,fontSize:`var(--text-sm)`,gap:`var(--size-2)`},sm:{"--_field-height":`var(--size-8)`,"--_padding":`var(--size-1) var(--size-2)`,fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`}},t={lg:{"--_padding":`var(--size-2-5) var(--size-3-5)`,fontSize:`var(--text-base)`,gap:`var(--size-2-5)`},md:{"--_padding":`var(--size-1-5) var(--size-3)`,fontSize:`var(--text-sm)`,gap:`var(--size-2)`},sm:{"--_padding":`var(--size-1) var(--size-2)`,fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`}},n={lg:{fontSize:`var(--text-base)`,gap:`var(--size-2-5)`,size:`var(--size-6)`},sm:{fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`,size:`var(--size-4)`}},r={lg:{fontSize:`var(--text-base)`,gap:`var(--size-3)`,height:`var(--size-7)`,thumbSize:`var(--size-6)`,width:`var(--size-14)`},sm:{fontSize:`var(--text-xs)`,gap:`var(--size-2)`,height:`var(--size-5)`,thumbSize:`var(--size-4)`,width:`var(--size-9)`}},i={lg:{fontSize:`var(--text-base)`,height:`calc(var(--size-5) - var(--size-1))`,size:`var(--size-5)`},md:{fontSize:`var(--text-base)`,height:`var(--size-3)`,size:`var(--size-5)`},sm:{fontSize:`var(--text-xs)`,height:`var(--size-2)`,size:`var(--size-4)`}},a={lg:{"--_min-height":`var(--size-40)`,fontSize:`var(--text-base)`},sm:{"--_min-height":`var(--size-28)`,fontSize:`var(--text-xs)`}};exports.CONTROL_SIZE_PRESET=n,exports.FIELD_SIZE_PRESET=e,exports.FILE_INPUT_SIZE_PRESET=a,exports.SLIDER_SIZE_PRESET=i,exports.SWITCH_SIZE_PRESET=r,exports.TEXTAREA_SIZE_PRESET=t;
+//# sourceMappingURL=design-presets.cjs.map

package/dist/inputs/shared/design-presets.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-presets.cjs","names":[],"sources":["../../../src/inputs/shared/design-presets.ts"],"sourcesContent":["export const FIELD_SIZE_PRESET = {\n  lg: {\n    '--_field-height': 'var(--size-12)',\n    '--_padding': 'var(--size-2-5) var(--size-3-5)',\n    fontSize: 'var(--text-base)',\n    gap: 'var(--size-2-5)',\n  },\n  md: {\n    '--_field-height': 'var(--size-10)',\n    '--_padding': 'var(--size-1-5) var(--size-3)',\n    fontSize: 'var(--text-sm)',\n    gap: 'var(--size-2)',\n  },\n  sm: {\n    '--_field-height': 'var(--size-8)',\n    '--_padding': 'var(--size-1) var(--size-2)',\n    fontSize: 'var(--text-xs)',\n    gap: 'var(--size-1-5)',\n  },\n} as const;\n\nexport const TEXTAREA_SIZE_PRESET = {\n  lg: {\n    '--_padding': 'var(--size-2-5) var(--size-3-5)',\n    fontSize: 'var(--text-base)',\n    gap: 'var(--size-2-5)',\n  },\n  md: {\n    '--_padding': 'var(--size-1-5) var(--size-3)',\n    fontSize: 'var(--text-sm)',\n    gap: 'var(--size-2)',\n  },\n  sm: {\n    '--_padding': 'var(--size-1) var(--size-2)',\n    fontSize: 'var(--text-xs)',\n    gap: 'var(--size-1-5)',\n  },\n} as const;\n\n/** Shared size preset for checkbox and radio (icon + label layout). */\nexport const CONTROL_SIZE_PRESET = {\n  lg: {\n    fontSize: 'var(--text-base)',\n    gap: 'var(--size-2-5)',\n    size: 'var(--size-6)',\n  },\n  sm: {\n    fontSize: 'var(--text-xs)',\n    gap: 'var(--size-1-5)',\n    size: 'var(--size-4)',\n  },\n} as const;\n\n/** Shared size preset for the switch toggle control. */\nexport const SWITCH_SIZE_PRESET = {\n  lg: {\n    fontSize: 'var(--text-base)',\n    gap: 'var(--size-3)',\n    height: 'var(--size-7)',\n    thumbSize: 'var(--size-6)',\n    width: 'var(--size-14)',\n  },\n  sm: {\n    fontSize: 'var(--text-xs)',\n    gap: 'var(--size-2)',\n    height: 'var(--size-5)',\n    thumbSize: 'var(--size-4)',\n    width: 'var(--size-9)',\n  },\n} as const;\n\n/** Shared size preset for the slider track/thumb. */\nexport const SLIDER_SIZE_PRESET = {\n  lg: {\n    fontSize: 'var(--text-base)',\n    height: 'calc(var(--size-5) - var(--size-1))',\n    size: 'var(--size-5)',\n  },\n  md: {\n    fontSize: 'var(--text-base)',\n    height: 'var(--size-3)',\n    size: 'var(--size-5)',\n  },\n  sm: {\n    fontSize: 'var(--text-xs)',\n    height: 'var(--size-2)',\n    size: 'var(--size-4)',\n  },\n} as const;\n\n/** Shared size preset for the file-input dropzone. */\nexport const FILE_INPUT_SIZE_PRESET = {\n  lg: {\n    '--_min-height': 'var(--size-40)',\n    fontSize: 'var(--text-base)',\n  },\n  sm: {\n    '--_min-height': 'var(--size-28)',\n    fontSize: 'var(--text-xs)',\n  },\n} as const;\n"],"mappings":"AAAA,IAAa,EAAoB,CAC/B,GAAI,CACF,kBAAmB,iBACnB,aAAc,kCACd,SAAU,mBACV,IAAK,kBACN,CACD,GAAI,CACF,kBAAmB,iBACnB,aAAc,gCACd,SAAU,iBACV,IAAK,gBACN,CACD,GAAI,CACF,kBAAmB,gBACnB,aAAc,8BACd,SAAU,iBACV,IAAK,kBACN,CACF,CAEY,EAAuB,CAClC,GAAI,CACF,aAAc,kCACd,SAAU,mBACV,IAAK,kBACN,CACD,GAAI,CACF,aAAc,gCACd,SAAU,iBACV,IAAK,gBACN,CACD,GAAI,CACF,aAAc,8BACd,SAAU,iBACV,IAAK,kBACN,CACF,CAGY,EAAsB,CACjC,GAAI,CACF,SAAU,mBACV,IAAK,kBACL,KAAM,gBACP,CACD,GAAI,CACF,SAAU,iBACV,IAAK,kBACL,KAAM,gBACP,CACF,CAGY,EAAqB,CAChC,GAAI,CACF,SAAU,mBACV,IAAK,gBACL,OAAQ,gBACR,UAAW,gBACX,MAAO,iBACR,CACD,GAAI,CACF,SAAU,iBACV,IAAK,gBACL,OAAQ,gBACR,UAAW,gBACX,MAAO,gBACR,CACF,CAGY,EAAqB,CAChC,GAAI,CACF,SAAU,mBACV,OAAQ,sCACR,KAAM,gBACP,CACD,GAAI,CACF,SAAU,mBACV,OAAQ,gBACR,KAAM,gBACP,CACD,GAAI,CACF,SAAU,iBACV,OAAQ,gBACR,KAAM,gBACP,CACF,CAGY,EAAyB,CACpC,GAAI,CACF,gBAAiB,iBACjB,SAAU,mBACX,CACD,GAAI,CACF,gBAAiB,iBACjB,SAAU,iBACX,CACF"}

package/dist/inputs/shared/design-presets.d.ts

@@ -0,0 +1,97 @@
+export declare const FIELD_SIZE_PRESET: {
+    readonly lg: {
+        readonly '--_field-height': "var(--size-12)";
+        readonly '--_padding': "var(--size-2-5) var(--size-3-5)";
+        readonly fontSize: "var(--text-base)";
+        readonly gap: "var(--size-2-5)";
+    };
+    readonly md: {
+        readonly '--_field-height': "var(--size-10)";
+        readonly '--_padding': "var(--size-1-5) var(--size-3)";
+        readonly fontSize: "var(--text-sm)";
+        readonly gap: "var(--size-2)";
+    };
+    readonly sm: {
+        readonly '--_field-height': "var(--size-8)";
+        readonly '--_padding': "var(--size-1) var(--size-2)";
+        readonly fontSize: "var(--text-xs)";
+        readonly gap: "var(--size-1-5)";
+    };
+};
+export declare const TEXTAREA_SIZE_PRESET: {
+    readonly lg: {
+        readonly '--_padding': "var(--size-2-5) var(--size-3-5)";
+        readonly fontSize: "var(--text-base)";
+        readonly gap: "var(--size-2-5)";
+    };
+    readonly md: {
+        readonly '--_padding': "var(--size-1-5) var(--size-3)";
+        readonly fontSize: "var(--text-sm)";
+        readonly gap: "var(--size-2)";
+    };
+    readonly sm: {
+        readonly '--_padding': "var(--size-1) var(--size-2)";
+        readonly fontSize: "var(--text-xs)";
+        readonly gap: "var(--size-1-5)";
+    };
+};
+/** Shared size preset for checkbox and radio (icon + label layout). */
+export declare const CONTROL_SIZE_PRESET: {
+    readonly lg: {
+        readonly fontSize: "var(--text-base)";
+        readonly gap: "var(--size-2-5)";
+        readonly size: "var(--size-6)";
+    };
+    readonly sm: {
+        readonly fontSize: "var(--text-xs)";
+        readonly gap: "var(--size-1-5)";
+        readonly size: "var(--size-4)";
+    };
+};
+/** Shared size preset for the switch toggle control. */
+export declare const SWITCH_SIZE_PRESET: {
+    readonly lg: {
+        readonly fontSize: "var(--text-base)";
+        readonly gap: "var(--size-3)";
+        readonly height: "var(--size-7)";
+        readonly thumbSize: "var(--size-6)";
+        readonly width: "var(--size-14)";
+    };
+    readonly sm: {
+        readonly fontSize: "var(--text-xs)";
+        readonly gap: "var(--size-2)";
+        readonly height: "var(--size-5)";
+        readonly thumbSize: "var(--size-4)";
+        readonly width: "var(--size-9)";
+    };
+};
+/** Shared size preset for the slider track/thumb. */
+export declare const SLIDER_SIZE_PRESET: {
+    readonly lg: {
+        readonly fontSize: "var(--text-base)";
+        readonly height: "calc(var(--size-5) - var(--size-1))";
+        readonly size: "var(--size-5)";
+    };
+    readonly md: {
+        readonly fontSize: "var(--text-base)";
+        readonly height: "var(--size-3)";
+        readonly size: "var(--size-5)";
+    };
+    readonly sm: {
+        readonly fontSize: "var(--text-xs)";
+        readonly height: "var(--size-2)";
+        readonly size: "var(--size-4)";
+    };
+};
+/** Shared size preset for the file-input dropzone. */
+export declare const FILE_INPUT_SIZE_PRESET: {
+    readonly lg: {
+        readonly '--_min-height': "var(--size-40)";
+        readonly fontSize: "var(--text-base)";
+    };
+    readonly sm: {
+        readonly '--_min-height': "var(--size-28)";
+        readonly fontSize: "var(--text-xs)";
+    };
+};
+//# sourceMappingURL=design-presets.d.ts.map

package/dist/inputs/shared/design-presets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-presets.d.ts","sourceRoot":"","sources":["../../../src/inputs/shared/design-presets.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;CAmBpB,CAAC;AAEX,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;CAgBvB,CAAC;AAEX,uEAAuE;AACvE,eAAO,MAAM,mBAAmB;;;;;;;;;;;CAWtB,CAAC;AAEX,wDAAwD;AACxD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;CAerB,CAAC;AAEX,qDAAqD;AACrD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;CAgBrB,CAAC;AAEX,sDAAsD;AACtD,eAAO,MAAM,sBAAsB;;;;;;;;;CASzB,CAAC"}

package/dist/inputs/shared/design-presets.js

@@ -0,0 +1,92 @@
+//#region src/inputs/shared/design-presets.ts
+var e = {
+	lg: {
+		"--_field-height": "var(--size-12)",
+		"--_padding": "var(--size-2-5) var(--size-3-5)",
+		fontSize: "var(--text-base)",
+		gap: "var(--size-2-5)"
+	},
+	md: {
+		"--_field-height": "var(--size-10)",
+		"--_padding": "var(--size-1-5) var(--size-3)",
+		fontSize: "var(--text-sm)",
+		gap: "var(--size-2)"
+	},
+	sm: {
+		"--_field-height": "var(--size-8)",
+		"--_padding": "var(--size-1) var(--size-2)",
+		fontSize: "var(--text-xs)",
+		gap: "var(--size-1-5)"
+	}
+}, t = {
+	lg: {
+		"--_padding": "var(--size-2-5) var(--size-3-5)",
+		fontSize: "var(--text-base)",
+		gap: "var(--size-2-5)"
+	},
+	md: {
+		"--_padding": "var(--size-1-5) var(--size-3)",
+		fontSize: "var(--text-sm)",
+		gap: "var(--size-2)"
+	},
+	sm: {
+		"--_padding": "var(--size-1) var(--size-2)",
+		fontSize: "var(--text-xs)",
+		gap: "var(--size-1-5)"
+	}
+}, n = {
+	lg: {
+		fontSize: "var(--text-base)",
+		gap: "var(--size-2-5)",
+		size: "var(--size-6)"
+	},
+	sm: {
+		fontSize: "var(--text-xs)",
+		gap: "var(--size-1-5)",
+		size: "var(--size-4)"
+	}
+}, r = {
+	lg: {
+		fontSize: "var(--text-base)",
+		gap: "var(--size-3)",
+		height: "var(--size-7)",
+		thumbSize: "var(--size-6)",
+		width: "var(--size-14)"
+	},
+	sm: {
+		fontSize: "var(--text-xs)",
+		gap: "var(--size-2)",
+		height: "var(--size-5)",
+		thumbSize: "var(--size-4)",
+		width: "var(--size-9)"
+	}
+}, i = {
+	lg: {
+		fontSize: "var(--text-base)",
+		height: "calc(var(--size-5) - var(--size-1))",
+		size: "var(--size-5)"
+	},
+	md: {
+		fontSize: "var(--text-base)",
+		height: "var(--size-3)",
+		size: "var(--size-5)"
+	},
+	sm: {
+		fontSize: "var(--text-xs)",
+		height: "var(--size-2)",
+		size: "var(--size-4)"
+	}
+}, a = {
+	lg: {
+		"--_min-height": "var(--size-40)",
+		fontSize: "var(--text-base)"
+	},
+	sm: {
+		"--_min-height": "var(--size-28)",
+		fontSize: "var(--text-xs)"
+	}
+};
+//#endregion
+export { n as CONTROL_SIZE_PRESET, e as FIELD_SIZE_PRESET, a as FILE_INPUT_SIZE_PRESET, i as SLIDER_SIZE_PRESET, r as SWITCH_SIZE_PRESET, t as TEXTAREA_SIZE_PRESET };
+
+//# sourceMappingURL=design-presets.js.map

package/dist/inputs/shared/design-presets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-presets.js","names":[],"sources":["../../../src/inputs/shared/design-presets.ts"],"sourcesContent":["export const FIELD_SIZE_PRESET = {\n  lg: {\n    '--_field-height': 'var(--size-12)',\n    '--_padding': 'var(--size-2-5) var(--size-3-5)',\n    fontSize: 'var(--text-base)',\n    gap: 'var(--size-2-5)',\n  },\n  md: {\n    '--_field-height': 'var(--size-10)',\n    '--_padding': 'var(--size-1-5) var(--size-3)',\n    fontSize: 'var(--text-sm)',\n    gap: 'var(--size-2)',\n  },\n  sm: {\n    '--_field-height': 'var(--size-8)',\n    '--_padding': 'var(--size-1) var(--size-2)',\n    fontSize: 'var(--text-xs)',\n    gap: 'var(--size-1-5)',\n  },\n} as const;\n\nexport const TEXTAREA_SIZE_PRESET = {\n  lg: {\n    '--_padding': 'var(--size-2-5) var(--size-3-5)',\n    fontSize: 'var(--text-base)',\n    gap: 'var(--size-2-5)',\n  },\n  md: {\n    '--_padding': 'var(--size-1-5) var(--size-3)',\n    fontSize: 'var(--text-sm)',\n    gap: 'var(--size-2)',\n  },\n  sm: {\n    '--_padding': 'var(--size-1) var(--size-2)',\n    fontSize: 'var(--text-xs)',\n    gap: 'var(--size-1-5)',\n  },\n} as const;\n\n/** Shared size preset for checkbox and radio (icon + label layout). */\nexport const CONTROL_SIZE_PRESET = {\n  lg: {\n    fontSize: 'var(--text-base)',\n    gap: 'var(--size-2-5)',\n    size: 'var(--size-6)',\n  },\n  sm: {\n    fontSize: 'var(--text-xs)',\n    gap: 'var(--size-1-5)',\n    size: 'var(--size-4)',\n  },\n} as const;\n\n/** Shared size preset for the switch toggle control. */\nexport const SWITCH_SIZE_PRESET = {\n  lg: {\n    fontSize: 'var(--text-base)',\n    gap: 'var(--size-3)',\n    height: 'var(--size-7)',\n    thumbSize: 'var(--size-6)',\n    width: 'var(--size-14)',\n  },\n  sm: {\n    fontSize: 'var(--text-xs)',\n    gap: 'var(--size-2)',\n    height: 'var(--size-5)',\n    thumbSize: 'var(--size-4)',\n    width: 'var(--size-9)',\n  },\n} as const;\n\n/** Shared size preset for the slider track/thumb. */\nexport const SLIDER_SIZE_PRESET = {\n  lg: {\n    fontSize: 'var(--text-base)',\n    height: 'calc(var(--size-5) - var(--size-1))',\n    size: 'var(--size-5)',\n  },\n  md: {\n    fontSize: 'var(--text-base)',\n    height: 'var(--size-3)',\n    size: 'var(--size-5)',\n  },\n  sm: {\n    fontSize: 'var(--text-xs)',\n    height: 'var(--size-2)',\n    size: 'var(--size-4)',\n  },\n} as const;\n\n/** Shared size preset for the file-input dropzone. */\nexport const FILE_INPUT_SIZE_PRESET = {\n  lg: {\n    '--_min-height': 'var(--size-40)',\n    fontSize: 'var(--text-base)',\n  },\n  sm: {\n    '--_min-height': 'var(--size-28)',\n    fontSize: 'var(--text-xs)',\n  },\n} as const;\n"],"mappings":";AAAA,IAAa,IAAoB;CAC/B,IAAI;EACF,mBAAmB;EACnB,cAAc;EACd,UAAU;EACV,KAAK;EACN;CACD,IAAI;EACF,mBAAmB;EACnB,cAAc;EACd,UAAU;EACV,KAAK;EACN;CACD,IAAI;EACF,mBAAmB;EACnB,cAAc;EACd,UAAU;EACV,KAAK;EACN;CACF,EAEY,IAAuB;CAClC,IAAI;EACF,cAAc;EACd,UAAU;EACV,KAAK;EACN;CACD,IAAI;EACF,cAAc;EACd,UAAU;EACV,KAAK;EACN;CACD,IAAI;EACF,cAAc;EACd,UAAU;EACV,KAAK;EACN;CACF,EAGY,IAAsB;CACjC,IAAI;EACF,UAAU;EACV,KAAK;EACL,MAAM;EACP;CACD,IAAI;EACF,UAAU;EACV,KAAK;EACL,MAAM;EACP;CACF,EAGY,IAAqB;CAChC,IAAI;EACF,UAAU;EACV,KAAK;EACL,QAAQ;EACR,WAAW;EACX,OAAO;EACR;CACD,IAAI;EACF,UAAU;EACV,KAAK;EACL,QAAQ;EACR,WAAW;EACX,OAAO;EACR;CACF,EAGY,IAAqB;CAChC,IAAI;EACF,UAAU;EACV,QAAQ;EACR,MAAM;EACP;CACD,IAAI;EACF,UAAU;EACV,QAAQ;EACR,MAAM;EACP;CACD,IAAI;EACF,UAAU;EACV,QAAQ;EACR,MAAM;EACP;CACF,EAGY,IAAyB;CACpC,IAAI;EACF,iBAAiB;EACjB,UAAU;EACX;CACD,IAAI;EACF,iBAAiB;EACjB,UAAU;EACX;CACF"}

package/dist/inputs/shared/dom-sync/dropdown.cjs

@@ -0,0 +1,2 @@
+let e=require(`@vielzeug/floatit`);function t(t,n,{padding:r=6}={}){function i(){let i=t(),a=n();if(!i||!a)return;let o=i.getBoundingClientRect().width;(0,e.positionFloat)(i,a,{middleware:[(0,e.flip)({padding:r}),(0,e.shift)({padding:r}),(0,e.size)({apply({elements:e}){e.floating.style.width=`${o}px`},padding:r})],placement:`bottom-start`})}return{destroy(){},updatePosition:i}}exports.createDropdownPositioner=t;
+//# sourceMappingURL=dropdown.cjs.map

package/dist/inputs/shared/dom-sync/dropdown.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.cjs","names":[],"sources":["../../../../src/inputs/shared/dom-sync/dropdown.ts"],"sourcesContent":["import { flip, positionFloat, shift, size } from '@vielzeug/floatit';\n\nexport function createDropdownPositioner(\n  getReferenceEl: () => HTMLElement | null,\n  getFloatingEl: () => HTMLElement | null,\n  { padding = 6 }: { padding?: number } = {},\n) {\n  function updatePosition(): void {\n    const ref = getReferenceEl();\n    const floating = getFloatingEl();\n\n    if (!ref || !floating) return;\n\n    const referenceWidth = ref.getBoundingClientRect().width;\n\n    positionFloat(ref, floating, {\n      middleware: [\n        flip({ padding }),\n        shift({ padding }),\n        size({\n          apply({ elements }) {\n            elements.floating.style.width = `${referenceWidth}px`;\n          },\n          padding,\n        }),\n      ],\n      placement: 'bottom-start',\n    });\n  }\n\n  return {\n    destroy(): void {\n      // no-op: auto-update lifecycle is owned by createOverlayControl()\n    },\n    updatePosition,\n  };\n}\n"],"mappings":"mCAEA,SAAgB,EACd,EACA,EACA,CAAE,UAAU,GAA4B,EAAE,CAC1C,CACA,SAAS,GAAuB,CAC9B,IAAM,EAAM,GAAgB,CACtB,EAAW,GAAe,CAEhC,GAAI,CAAC,GAAO,CAAC,EAAU,OAEvB,IAAM,EAAiB,EAAI,uBAAuB,CAAC,OAEnD,EAAA,EAAA,eAAc,EAAK,EAAU,CAC3B,WAAY,YACL,CAAE,UAAS,CAAC,aACX,CAAE,UAAS,CAAC,YACb,CACH,MAAM,CAAE,YAAY,CAClB,EAAS,SAAS,MAAM,MAAQ,GAAG,EAAe,KAEpD,UACD,CAAC,CACH,CACD,UAAW,eACZ,CAAC,CAGJ,MAAO,CACL,SAAgB,GAGhB,iBACD"}

package/dist/inputs/shared/dom-sync/dropdown.d.ts

@@ -0,0 +1,7 @@
+export declare function createDropdownPositioner(getReferenceEl: () => HTMLElement | null, getFloatingEl: () => HTMLElement | null, { padding }?: {
+    padding?: number;
+}): {
+    destroy(): void;
+    updatePosition: () => void;
+};
+//# sourceMappingURL=dropdown.d.ts.map

package/dist/inputs/shared/dom-sync/dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../../src/inputs/shared/dom-sync/dropdown.ts"],"names":[],"mappings":"AAEA,wBAAgB,wBAAwB,CACtC,cAAc,EAAE,MAAM,WAAW,GAAG,IAAI,EACxC,aAAa,EAAE,MAAM,WAAW,GAAG,IAAI,EACvC,EAAE,OAAW,EAAE,GAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAO;eA0B7B,IAAI;0BAxBU,IAAI;EA6BhC"}

package/dist/inputs/shared/dom-sync/dropdown.js

@@ -0,0 +1,30 @@
+import { flip as e, positionFloat as t, shift as n, size as r } from "@vielzeug/floatit";
+//#region src/inputs/shared/dom-sync/dropdown.ts
+function i(i, a, { padding: o = 6 } = {}) {
+	function s() {
+		let s = i(), c = a();
+		if (!s || !c) return;
+		let l = s.getBoundingClientRect().width;
+		t(s, c, {
+			middleware: [
+				e({ padding: o }),
+				n({ padding: o }),
+				r({
+					apply({ elements: e }) {
+						e.floating.style.width = `${l}px`;
+					},
+					padding: o
+				})
+			],
+			placement: "bottom-start"
+		});
+	}
+	return {
+		destroy() {},
+		updatePosition: s
+	};
+}
+//#endregion
+export { i as createDropdownPositioner };
+
+//# sourceMappingURL=dropdown.js.map

package/dist/inputs/shared/dom-sync/dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.js","names":[],"sources":["../../../../src/inputs/shared/dom-sync/dropdown.ts"],"sourcesContent":["import { flip, positionFloat, shift, size } from '@vielzeug/floatit';\n\nexport function createDropdownPositioner(\n  getReferenceEl: () => HTMLElement | null,\n  getFloatingEl: () => HTMLElement | null,\n  { padding = 6 }: { padding?: number } = {},\n) {\n  function updatePosition(): void {\n    const ref = getReferenceEl();\n    const floating = getFloatingEl();\n\n    if (!ref || !floating) return;\n\n    const referenceWidth = ref.getBoundingClientRect().width;\n\n    positionFloat(ref, floating, {\n      middleware: [\n        flip({ padding }),\n        shift({ padding }),\n        size({\n          apply({ elements }) {\n            elements.floating.style.width = `${referenceWidth}px`;\n          },\n          padding,\n        }),\n      ],\n      placement: 'bottom-start',\n    });\n  }\n\n  return {\n    destroy(): void {\n      // no-op: auto-update lifecycle is owned by createOverlayControl()\n    },\n    updatePosition,\n  };\n}\n"],"mappings":";;AAEA,SAAgB,EACd,GACA,GACA,EAAE,aAAU,MAA4B,EAAE,EAC1C;CACA,SAAS,IAAuB;EAC9B,IAAM,IAAM,GAAgB,EACtB,IAAW,GAAe;AAEhC,MAAI,CAAC,KAAO,CAAC,EAAU;EAEvB,IAAM,IAAiB,EAAI,uBAAuB,CAAC;AAEnD,IAAc,GAAK,GAAU;GAC3B,YAAY;IACV,EAAK,EAAE,YAAS,CAAC;IACjB,EAAM,EAAE,YAAS,CAAC;IAClB,EAAK;KACH,MAAM,EAAE,eAAY;AAClB,QAAS,SAAS,MAAM,QAAQ,GAAG,EAAe;;KAEpD;KACD,CAAC;IACH;GACD,WAAW;GACZ,CAAC;;AAGJ,QAAO;EACL,UAAgB;EAGhB;EACD"}

package/dist/inputs/shared/dom-sync/field-sync.cjs

@@ -0,0 +1,2 @@
+const e=require(`../utils/assistive-text.cjs`),t=require(`../utils/field-values.cjs`);let n=require(`@vielzeug/craftit`);function r(r){(0,n.effect)(()=>{let n=r.ref.value;if(!n)return;let i=e.resolveCounterState(typeof r.count==`function`?r.count():r.count.value,t.parsePositiveNumber(typeof r.maxLength==`function`?r.maxLength():r.maxLength.value));n.hidden=i.hidden,r.format===`merged`?(n.textContent=i.text.replace(` / `,`/`),n.className=i.atLimit?`counter at-limit`:i.nearLimit?`counter near-limit`:`counter`):(n.textContent=i.text,n.removeAttribute(`data-near-limit`),n.removeAttribute(`data-at-limit`),i.atLimit?n.setAttribute(`data-at-limit`,``):i.nearLimit&&n.setAttribute(`data-near-limit`,``))})}function i(t){(0,n.effect)(()=>{let n=e.resolveSplitAssistiveText(typeof t.error==`function`?t.error():t.error.value,typeof t.helper==`function`?t.helper():t.helper.value);t.helperRef.value&&(t.helperRef.value.textContent=n.helperText,t.helperRef.value.hidden=n.helperHidden),t.errorRef.value&&(t.errorRef.value.textContent=n.errorText,t.errorRef.value.hidden=n.errorHidden)})}function a(t){(0,n.effect)(()=>{let n=t.ref.value;if(!n)return;let r=e.resolveMergedAssistiveText(typeof t.error==`function`?t.error():t.error.value,typeof t.helper==`function`?t.helper():t.helper.value);n.textContent=r.text,n.hidden=r.hidden})}function o(e,t){e&&(t.onInput&&(0,n.handle)(e,`input`,n=>{t.onInput(n,e.value)}),t.onChange&&(0,n.handle)(e,`change`,n=>{t.onChange(n,e.value)}),t.onBlur&&(0,n.handle)(e,`blur`,t.onBlur))}exports.setupFieldEvents=o,exports.syncCounter=r,exports.syncMergedAssistive=a,exports.syncSplitAssistive=i;
+//# sourceMappingURL=field-sync.cjs.map

package/dist/inputs/shared/dom-sync/field-sync.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-sync.cjs","names":[],"sources":["../../../../src/inputs/shared/dom-sync/field-sync.ts"],"sourcesContent":["import { effect, handle, type ReadonlySignal } from '@vielzeug/craftit';\n\nimport {\n  parsePositiveNumber,\n  resolveCounterState,\n  resolveMergedAssistiveText,\n  resolveSplitAssistiveText,\n} from '../utils';\n\nexport type CounterConfig = {\n  count: ReadonlySignal<number> | (() => number);\n  format?: 'split' | 'merged';\n  maxLength: ReadonlySignal<number | undefined> | (() => number | undefined);\n  ref: { value: HTMLElement | null | undefined };\n};\n\nexport type SplitAssistiveConfig = {\n  error: ReadonlySignal<string | undefined> | (() => string | undefined);\n  errorRef: { value: HTMLDivElement | null | undefined };\n  helper: ReadonlySignal<string | undefined> | (() => string | undefined);\n  helperRef: { value: HTMLDivElement | null | undefined };\n};\n\nexport type MergedAssistiveConfig = {\n  error: ReadonlySignal<string | undefined> | (() => string | undefined);\n  helper: ReadonlySignal<string | undefined> | (() => string | undefined);\n  ref: { value: HTMLDivElement | null | undefined };\n};\n\nexport function syncCounter(config: CounterConfig): void {\n  effect(() => {\n    const counterRef = config.ref.value;\n\n    if (!counterRef) return;\n\n    const count = typeof config.count === 'function' ? config.count() : config.count.value;\n    const maxLen = typeof config.maxLength === 'function' ? config.maxLength() : config.maxLength.value;\n    const state = resolveCounterState(count, parsePositiveNumber(maxLen));\n\n    counterRef.hidden = state.hidden;\n\n    if (config.format === 'merged') {\n      counterRef.textContent = state.text.replace(' / ', '/');\n      counterRef.className = state.atLimit ? 'counter at-limit' : state.nearLimit ? 'counter near-limit' : 'counter';\n    } else {\n      counterRef.textContent = state.text;\n      counterRef.removeAttribute('data-near-limit');\n      counterRef.removeAttribute('data-at-limit');\n\n      if (state.atLimit) counterRef.setAttribute('data-at-limit', '');\n      else if (state.nearLimit) counterRef.setAttribute('data-near-limit', '');\n    }\n  });\n}\n\nexport function syncSplitAssistive(config: SplitAssistiveConfig): void {\n  effect(() => {\n    const error = typeof config.error === 'function' ? config.error() : config.error.value;\n    const helper = typeof config.helper === 'function' ? config.helper() : config.helper.value;\n    const state = resolveSplitAssistiveText(error, helper);\n\n    if (config.helperRef.value) {\n      config.helperRef.value.textContent = state.helperText;\n      config.helperRef.value.hidden = state.helperHidden;\n    }\n\n    if (config.errorRef.value) {\n      config.errorRef.value.textContent = state.errorText;\n      config.errorRef.value.hidden = state.errorHidden;\n    }\n  });\n}\n\nexport function syncMergedAssistive(config: MergedAssistiveConfig): void {\n  effect(() => {\n    const ref = config.ref.value;\n\n    if (!ref) return;\n\n    const error = typeof config.error === 'function' ? config.error() : config.error.value;\n    const helper = typeof config.helper === 'function' ? config.helper() : config.helper.value;\n    const state = resolveMergedAssistiveText(error, helper);\n\n    ref.textContent = state.text;\n    ref.hidden = state.hidden;\n  });\n}\n\nexport type FieldEventHandlers = {\n  onBlur?: (event: FocusEvent) => void;\n  onChange?: (event: Event, value: string) => void;\n  onInput?: (event: Event, value: string) => void;\n};\n\nexport function setupFieldEvents(\n  element: HTMLInputElement | HTMLTextAreaElement | null | undefined,\n  handlers: FieldEventHandlers,\n): void {\n  if (!element) return;\n\n  if (handlers.onInput) {\n    handle(element, 'input', (event: Event) => {\n      handlers.onInput!(event, element.value);\n    });\n  }\n\n  if (handlers.onChange) {\n    handle(element, 'change', (event: Event) => {\n      handlers.onChange!(event, element.value);\n    });\n  }\n\n  if (handlers.onBlur) {\n    handle(element, 'blur', handlers.onBlur as EventListener);\n  }\n}\n"],"mappings":"yHA6BA,SAAgB,EAAY,EAA6B,EACvD,EAAA,EAAA,YAAa,CACX,IAAM,EAAa,EAAO,IAAI,MAE9B,GAAI,CAAC,EAAY,OAIjB,IAAM,EAAQ,EAAA,oBAFA,OAAO,EAAO,OAAU,WAAa,EAAO,OAAO,CAAG,EAAO,MAAM,MAExC,EAAA,oBAD1B,OAAO,EAAO,WAAc,WAAa,EAAO,WAAW,CAAG,EAAO,UAAU,MAC1B,CAAC,CAErE,EAAW,OAAS,EAAM,OAEtB,EAAO,SAAW,UACpB,EAAW,YAAc,EAAM,KAAK,QAAQ,MAAO,IAAI,CACvD,EAAW,UAAY,EAAM,QAAU,mBAAqB,EAAM,UAAY,qBAAuB,YAErG,EAAW,YAAc,EAAM,KAC/B,EAAW,gBAAgB,kBAAkB,CAC7C,EAAW,gBAAgB,gBAAgB,CAEvC,EAAM,QAAS,EAAW,aAAa,gBAAiB,GAAG,CACtD,EAAM,WAAW,EAAW,aAAa,kBAAmB,GAAG,GAE1E,CAGJ,SAAgB,EAAmB,EAAoC,EACrE,EAAA,EAAA,YAAa,CAGX,IAAM,EAAQ,EAAA,0BAFA,OAAO,EAAO,OAAU,WAAa,EAAO,OAAO,CAAG,EAAO,MAAM,MAClE,OAAO,EAAO,QAAW,WAAa,EAAO,QAAQ,CAAG,EAAO,OAAO,MAC/B,CAElD,EAAO,UAAU,QACnB,EAAO,UAAU,MAAM,YAAc,EAAM,WAC3C,EAAO,UAAU,MAAM,OAAS,EAAM,cAGpC,EAAO,SAAS,QAClB,EAAO,SAAS,MAAM,YAAc,EAAM,UAC1C,EAAO,SAAS,MAAM,OAAS,EAAM,cAEvC,CAGJ,SAAgB,EAAoB,EAAqC,EACvE,EAAA,EAAA,YAAa,CACX,IAAM,EAAM,EAAO,IAAI,MAEvB,GAAI,CAAC,EAAK,OAIV,IAAM,EAAQ,EAAA,2BAFA,OAAO,EAAO,OAAU,WAAa,EAAO,OAAO,CAAG,EAAO,MAAM,MAClE,OAAO,EAAO,QAAW,WAAa,EAAO,QAAQ,CAAG,EAAO,OAAO,MAC9B,CAEvD,EAAI,YAAc,EAAM,KACxB,EAAI,OAAS,EAAM,QACnB,CASJ,SAAgB,EACd,EACA,EACM,CACD,IAED,EAAS,UACX,EAAA,EAAA,QAAO,EAAS,QAAU,GAAiB,CACzC,EAAS,QAAS,EAAO,EAAQ,MAAM,EACvC,CAGA,EAAS,WACX,EAAA,EAAA,QAAO,EAAS,SAAW,GAAiB,CAC1C,EAAS,SAAU,EAAO,EAAQ,MAAM,EACxC,CAGA,EAAS,SACX,EAAA,EAAA,QAAO,EAAS,OAAQ,EAAS,OAAwB"}