@vielzeug/refine 1.3.0 → 1.4.0

package/dist/headless/text-field.cjs

@@ -1,2 +1,2 @@
-const e=require("./field-base.cjs"),t=require("./signals.cjs");require("@vielzeug/ripple");var n=n=>{let r=t.syncedSignal(n.value,n.signal,e=>String(e??``)),i=e.createField(n),a=n.maxLength?e.createCounterState({maxLength:n.maxLength,value:r}):null,o=e=>{e?.preventDefault?.(),r.value=``,n.onInput?.(e??new InputEvent(`input`,{bubbles:!0}),``),n.onChange?.(e??new Event(`change`,{bubbles:!0}),``),i.triggerValidation(`change`)},s=(e,t)=>{let a=[],o=(t,n)=>{e.addEventListener(t,n),a.push(()=>e.removeEventListener(t,n))};n.onFocus&&o(`focus`,e=>n.onFocus(e)),o(`input`,t=>{t.stopPropagation(),n.onBeforeInput?.(t),r.value=e.value,n.onInput?.(t,e.value)}),o(`change`,t=>{t.stopPropagation(),r.value=e.value,n.onChange?.(t,e.value),i.triggerValidation(`change`)}),o(`blur`,e=>{n.onBlur?.(e),i.triggerValidation(`blur`)});let s=!1,c=()=>{if(!s){s=!0;for(let e of a)e()}};return t?.addEventListener(`abort`,c,{once:!0}),c};return{...i,clear:o,counter:a,value:r,wire:s}};exports.createTextField=n;
+const e=require("./field-base.cjs"),t=require("./signals.cjs");let n=require("@vielzeug/ripple");var r=e=>e.trim()===``,i=e=>String(e??``),a=a=>{let o=t.syncedSignal(a.value,a.signal,i),s=e.createField(a),c=a.maxLength?e.createCounterState({maxLength:a.maxLength,value:o}):null,l=(0,n.computed)(()=>!a.readonly?.value&&a.required?.value&&r(o.value)?{valueMissing:!0}:null),u=(0,n.computed)(()=>l.value?a.requiredMessage?.value||`This field is required.`:``),d=()=>{o.value=i(a.value.value),s.triggerValidation(`change`)},f=e=>{e?.preventDefault?.(),o.value=``,a.onInput?.(e??new InputEvent(`input`,{bubbles:!0}),``),a.onChange?.(e??new Event(`change`,{bubbles:!0}),``),s.triggerValidation(`change`)},p=(e,t)=>{let n=[],r=(t,r)=>{e.addEventListener(t,r),n.push(()=>e.removeEventListener(t,r))};a.onFocus&&r(`focus`,e=>a.onFocus(e)),r(`input`,t=>{t.stopPropagation(),a.onBeforeInput?.(t),o.value=e.value,a.onInput?.(t,e.value)}),r(`change`,t=>{t.stopPropagation(),o.value=e.value,a.onChange?.(t,e.value),s.triggerValidation(`change`)}),r(`blur`,e=>{a.onBlur?.(e),s.triggerValidation(`blur`)});let i=!1,c=()=>{if(!i){i=!0;for(let e of n)e()}};return t?.addEventListener(`abort`,c,{once:!0}),c};return{...s,clear:f,counter:c,reset:d,validationMessage:u,validity:l,value:o,wire:p}};exports.createTextField=a;
 //# sourceMappingURL=text-field.cjs.map

package/dist/headless/text-field.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.cjs","names":[],"sources":["../../src/headless/text-field.ts"],"sourcesContent":["import { type Readable, type Signal } from '@vielzeug/ripple';\n\nimport { type CounterState, createCounterState, createField, type FieldHandle, type FieldOptions } from './field-base';\nimport { syncedSignal } from './signals';\n\n// ── Text field ────────────────────────────────────────────────────────────────\n\n/** Detach function returned by `wire()`. Call to remove element listeners. */\nexport type TextFieldDetach = () => void;\n\nexport type TextFieldOptions = FieldOptions & {\n  maxLength?: Readable<number | undefined>;\n  /**\n   * Called synchronously before value extraction on every input event.\n   * Use only for DOM side-effects (e.g. auto-resize measurement) that must\n   * run before the reactive value is updated.\n   */\n  onBeforeInput?: (event: Event) => void;\n  onBlur?: (event: FocusEvent) => void;\n  onChange?: (event: Event, value: string) => void;\n  onFocus?: (event: FocusEvent) => void;\n  onInput?: (event: Event, value: string) => void;\n  /** `AbortSignal` from the component lifecycle. The internal value-sync watcher is disposed on abort. */\n  signal: AbortSignal;\n  value: Readable<string | undefined>;\n};\n\nexport type TextFieldHandle = FieldHandle & {\n  /** Clears the field value and fires synthetic input/change events. */\n  clear: (event?: Event) => void;\n  /**\n   * Reactive counter state. Non-null when `maxLength` was provided; `null` otherwise.\n   * Components should only render a counter element when this is non-null.\n   */\n  counter: Readable<CounterState> | null;\n  /** The local mutable field value (two-way bound to the input element via `wire()`). */\n  value: Signal<string>;\n  /**\n   * Attaches event listeners to the underlying input or textarea element.\n   *\n   * When `signal` is provided, the listeners are detached automatically when\n   * the signal's controller calls `abort()`. Without a signal the returned\n   * `TextFieldDetach` must be called manually.\n   *\n   * Safe to call multiple times — each call attaches a fresh set of listeners\n   * and returns a distinct detach function. Calling detach multiple times is\n   * a no-op (guarded internally).\n   */\n  wire: (el: HTMLInputElement | HTMLTextAreaElement, signal?: AbortSignal) => TextFieldDetach;\n};\n\nexport const createTextField = (options: TextFieldOptions): TextFieldHandle => {\n  const value = syncedSignal(options.value, options.signal, (v) => String(v ?? ''));\n\n  const field = createField(options);\n  const counter = options.maxLength ? createCounterState({ maxLength: options.maxLength, value }) : null;\n\n  const clear = (event?: Event): void => {\n    event?.preventDefault?.();\n    value.value = '';\n    options.onInput?.(event ?? new InputEvent('input', { bubbles: true }), '');\n    options.onChange?.(event ?? new Event('change', { bubbles: true }), '');\n    field.triggerValidation('change');\n  };\n\n  const wire = (element: HTMLInputElement | HTMLTextAreaElement, signal?: AbortSignal): TextFieldDetach => {\n    const cleanups: Array<() => void> = [];\n    const on = (type: string, handler: EventListener): void => {\n      element.addEventListener(type, handler);\n      cleanups.push(() => element.removeEventListener(type, handler));\n    };\n\n    if (options.onFocus) {\n      on('focus', (e) => options.onFocus!(e as FocusEvent));\n    }\n\n    on('input', (e) => {\n      e.stopPropagation();\n      options.onBeforeInput?.(e);\n      value.value = element.value;\n      options.onInput?.(e, element.value);\n    });\n\n    on('change', (e) => {\n      e.stopPropagation();\n      value.value = element.value;\n      options.onChange?.(e, element.value);\n      field.triggerValidation('change');\n    });\n\n    on('blur', (e) => {\n      options.onBlur?.(e as FocusEvent);\n      field.triggerValidation('blur');\n    });\n\n    let detached = false;\n    const detach = (): void => {\n      if (detached) return;\n\n      detached = true;\n      for (const dispose of cleanups) dispose();\n    };\n\n    signal?.addEventListener('abort', detach, { once: true });\n\n    return detach;\n  };\n\n  return { ...field, clear, counter, value, wire };\n};\n"],"mappings":"2FAmDA,IAAa,EAAmB,GAA+C,CAC7E,IAAM,EAAQ,EAAA,aAAa,EAAQ,MAAO,EAAQ,OAAS,GAAM,OAAO,GAAK,EAAE,CAAC,EAE1E,EAAQ,EAAA,YAAY,CAAO,EAC3B,EAAU,EAAQ,UAAY,EAAA,mBAAmB,CAAE,UAAW,EAAQ,UAAW,OAAM,CAAC,EAAI,KAE5F,EAAS,GAAwB,CACrC,GAAO,iBAAiB,EACxB,EAAM,MAAQ,GACd,EAAQ,UAAU,GAAS,IAAI,WAAW,QAAS,CAAE,QAAS,EAAK,CAAC,EAAG,EAAE,EACzE,EAAQ,WAAW,GAAS,IAAI,MAAM,SAAU,CAAE,QAAS,EAAK,CAAC,EAAG,EAAE,EACtE,EAAM,kBAAkB,QAAQ,CAClC,EAEM,GAAQ,EAAiD,IAA0C,CACvG,IAAM,EAA8B,CAAC,EAC/B,GAAM,EAAc,IAAiC,CACzD,EAAQ,iBAAiB,EAAM,CAAO,EACtC,EAAS,SAAW,EAAQ,oBAAoB,EAAM,CAAO,CAAC,CAChE,EAEI,EAAQ,SACV,EAAG,QAAU,GAAM,EAAQ,QAAS,CAAe,CAAC,EAGtD,EAAG,QAAU,GAAM,CACjB,EAAE,gBAAgB,EAClB,EAAQ,gBAAgB,CAAC,EACzB,EAAM,MAAQ,EAAQ,MACtB,EAAQ,UAAU,EAAG,EAAQ,KAAK,CACpC,CAAC,EAED,EAAG,SAAW,GAAM,CAClB,EAAE,gBAAgB,EAClB,EAAM,MAAQ,EAAQ,MACtB,EAAQ,WAAW,EAAG,EAAQ,KAAK,EACnC,EAAM,kBAAkB,QAAQ,CAClC,CAAC,EAED,EAAG,OAAS,GAAM,CAChB,EAAQ,SAAS,CAAe,EAChC,EAAM,kBAAkB,MAAM,CAChC,CAAC,EAED,IAAI,EAAW,GACT,MAAqB,CACrB,MAEJ,GAAW,GACX,IAAK,IAAM,KAAW,EAAU,EAAQ,CAD7B,CAEb,EAIA,OAFA,GAAQ,iBAAiB,QAAS,EAAQ,CAAE,KAAM,EAAK,CAAC,EAEjD,CACT,EAEA,MAAO,CAAE,GAAG,EAAO,QAAO,UAAS,QAAO,MAAK,CACjD"}
+{"version":3,"file":"text-field.cjs","names":[],"sources":["../../src/headless/text-field.ts"],"sourcesContent":["import { computed, type Readable, type Signal } from '@vielzeug/ripple';\n\nimport { type CounterState, createCounterState, createField, type FieldHandle, type FieldOptions } from './field-base';\nimport { syncedSignal } from './signals';\n\n// ── Text field ────────────────────────────────────────────────────────────────\n\n/** Detach function returned by `wire()`. Call to remove element listeners. */\nexport type TextFieldDetach = () => void;\n\nexport type TextFieldOptions = FieldOptions & {\n  maxLength?: Readable<number | undefined>;\n  /**\n   * Called synchronously before value extraction on every input event.\n   * Use only for DOM side-effects (e.g. auto-resize measurement) that must\n   * run before the reactive value is updated.\n   */\n  onBeforeInput?: (event: Event) => void;\n  onBlur?: (event: FocusEvent) => void;\n  onChange?: (event: Event, value: string) => void;\n  onFocus?: (event: FocusEvent) => void;\n  onInput?: (event: Event, value: string) => void;\n  /**\n   * Bars the field from constraint validation while true — matches the native HTML rule that a\n   * `readonly` field is never a candidate for constraint validation (a `readonly required`\n   * field is always valid, per spec), so `validity`/`validationMessage` don't feed a false\n   * `valueMissing` into `useField()` just because a read-only field happens to be blank.\n   */\n  readonly?: Readable<boolean | undefined>;\n  /** Marks a blank value invalid — feeds `validity`/`validationMessage` (see below). */\n  required?: Readable<boolean | undefined>;\n  /** Message for the blank+required case. Defaults to `'This field is required.'`. */\n  requiredMessage?: Readable<string | undefined>;\n  /** `AbortSignal` from the component lifecycle. The internal value-sync watcher is disposed on abort. */\n  signal: AbortSignal;\n  value: Readable<string | undefined>;\n};\n\nexport type TextFieldHandle = FieldHandle & {\n  /**\n   * Registers the real form field handle (the return value of `useField()`) so that\n   * `triggerValidation()` — called internally on blur/change — can call its\n   * `reportValidity()`. `useField()` itself needs `value` (below) to exist first, so this\n   * is a two-step wiring rather than a constructor option:\n   *\n   * ```ts\n   * const tf = createTextField({ value: props.value, ... });\n   * const formField = useField({ value: tf.value, ... });\n   * tf.attachFormField(formField);\n   * ```\n   */\n  attachFormField: (formField: { reportValidity(): void }) => void;\n  /** Clears the field value and fires synthetic input/change events. */\n  clear: (event?: Event) => void;\n  /**\n   * Reactive counter state. Non-null when `maxLength` was provided; `null` otherwise.\n   * Components should only render a counter element when this is non-null.\n   */\n  counter: Readable<CounterState> | null;\n  /**\n   * Restores the value to whatever the `value` option currently holds (native form\n   * `reset()` semantics: a `<input>` reverts to its *current* `value` content attribute,\n   * not a frozen snapshot from element creation — so setting the attribute programmatically\n   * after mount changes what a later reset reverts to). Wire into `useField({ onReset: tf.reset })`.\n   */\n  reset: () => void;\n  /** Reactive validation message paired with `validity`. Empty string when valid. */\n  validationMessage: Readable<string>;\n  /**\n   * Reactive `ValidityStateFlags` — `{ valueMissing: true }` while `required` and blank,\n   * `null` (valid) otherwise. Pass straight to `useField({ validity: tf.validity })`.\n   */\n  validity: Readable<ValidityStateFlags | null>;\n  /** The local mutable field value (two-way bound to the input element via `wire()`). */\n  value: Signal<string>;\n  /**\n   * Attaches event listeners to the underlying input or textarea element.\n   *\n   * When `signal` is provided, the listeners are detached automatically when\n   * the signal's controller calls `abort()`. Without a signal the returned\n   * `TextFieldDetach` must be called manually.\n   *\n   * Safe to call multiple times — each call attaches a fresh set of listeners\n   * and returns a distinct detach function. Calling detach multiple times is\n   * a no-op (guarded internally).\n   */\n  wire: (el: HTMLInputElement | HTMLTextAreaElement, signal?: AbortSignal) => TextFieldDetach;\n};\n\nconst isBlank = (value: string): boolean => value.trim() === '';\nconst toFieldValue = (v: string | undefined): string => String(v ?? '');\n\nexport const createTextField = (options: TextFieldOptions): TextFieldHandle => {\n  const value = syncedSignal(options.value, options.signal, toFieldValue);\n\n  const field = createField(options);\n  const counter = options.maxLength ? createCounterState({ maxLength: options.maxLength, value }) : null;\n\n  const validity = computed<ValidityStateFlags | null>(() =>\n    !options.readonly?.value && options.required?.value && isBlank(value.value) ? { valueMissing: true } : null,\n  );\n  const validationMessage = computed(() =>\n    validity.value ? options.requiredMessage?.value || 'This field is required.' : '',\n  );\n\n  const reset = (): void => {\n    value.value = toFieldValue(options.value.value);\n    field.triggerValidation('change');\n  };\n\n  const clear = (event?: Event): void => {\n    event?.preventDefault?.();\n    value.value = '';\n    options.onInput?.(event ?? new InputEvent('input', { bubbles: true }), '');\n    options.onChange?.(event ?? new Event('change', { bubbles: true }), '');\n    field.triggerValidation('change');\n  };\n\n  const wire = (element: HTMLInputElement | HTMLTextAreaElement, signal?: AbortSignal): TextFieldDetach => {\n    const cleanups: Array<() => void> = [];\n    const on = (type: string, handler: EventListener): void => {\n      element.addEventListener(type, handler);\n      cleanups.push(() => element.removeEventListener(type, handler));\n    };\n\n    if (options.onFocus) {\n      on('focus', (e) => options.onFocus!(e as FocusEvent));\n    }\n\n    on('input', (e) => {\n      e.stopPropagation();\n      options.onBeforeInput?.(e);\n      value.value = element.value;\n      options.onInput?.(e, element.value);\n    });\n\n    on('change', (e) => {\n      e.stopPropagation();\n      value.value = element.value;\n      options.onChange?.(e, element.value);\n      field.triggerValidation('change');\n    });\n\n    on('blur', (e) => {\n      options.onBlur?.(e as FocusEvent);\n      field.triggerValidation('blur');\n    });\n\n    let detached = false;\n    const detach = (): void => {\n      if (detached) return;\n\n      detached = true;\n      for (const dispose of cleanups) dispose();\n    };\n\n    signal?.addEventListener('abort', detach, { once: true });\n\n    return detach;\n  };\n\n  return { ...field, clear, counter, reset, validationMessage, validity, value, wire };\n};\n"],"mappings":"iGAyFA,IAAM,EAAW,GAA2B,EAAM,KAAK,IAAM,GACvD,EAAgB,GAAkC,OAAO,GAAK,EAAE,EAEzD,EAAmB,GAA+C,CAC7E,IAAM,EAAQ,EAAA,aAAa,EAAQ,MAAO,EAAQ,OAAQ,CAAY,EAEhE,EAAQ,EAAA,YAAY,CAAO,EAC3B,EAAU,EAAQ,UAAY,EAAA,mBAAmB,CAAE,UAAW,EAAQ,UAAW,OAAM,CAAC,EAAI,KAE5F,GAAA,EAAA,EAAA,SAAA,KACJ,CAAC,EAAQ,UAAU,OAAS,EAAQ,UAAU,OAAS,EAAQ,EAAM,KAAK,EAAI,CAAE,aAAc,EAAK,EAAI,IACzG,EACM,GAAA,EAAA,EAAA,SAAA,KACJ,EAAS,MAAQ,EAAQ,iBAAiB,OAAS,0BAA4B,EACjF,EAEM,MAAoB,CACxB,EAAM,MAAQ,EAAa,EAAQ,MAAM,KAAK,EAC9C,EAAM,kBAAkB,QAAQ,CAClC,EAEM,EAAS,GAAwB,CACrC,GAAO,iBAAiB,EACxB,EAAM,MAAQ,GACd,EAAQ,UAAU,GAAS,IAAI,WAAW,QAAS,CAAE,QAAS,EAAK,CAAC,EAAG,EAAE,EACzE,EAAQ,WAAW,GAAS,IAAI,MAAM,SAAU,CAAE,QAAS,EAAK,CAAC,EAAG,EAAE,EACtE,EAAM,kBAAkB,QAAQ,CAClC,EAEM,GAAQ,EAAiD,IAA0C,CACvG,IAAM,EAA8B,CAAC,EAC/B,GAAM,EAAc,IAAiC,CACzD,EAAQ,iBAAiB,EAAM,CAAO,EACtC,EAAS,SAAW,EAAQ,oBAAoB,EAAM,CAAO,CAAC,CAChE,EAEI,EAAQ,SACV,EAAG,QAAU,GAAM,EAAQ,QAAS,CAAe,CAAC,EAGtD,EAAG,QAAU,GAAM,CACjB,EAAE,gBAAgB,EAClB,EAAQ,gBAAgB,CAAC,EACzB,EAAM,MAAQ,EAAQ,MACtB,EAAQ,UAAU,EAAG,EAAQ,KAAK,CACpC,CAAC,EAED,EAAG,SAAW,GAAM,CAClB,EAAE,gBAAgB,EAClB,EAAM,MAAQ,EAAQ,MACtB,EAAQ,WAAW,EAAG,EAAQ,KAAK,EACnC,EAAM,kBAAkB,QAAQ,CAClC,CAAC,EAED,EAAG,OAAS,GAAM,CAChB,EAAQ,SAAS,CAAe,EAChC,EAAM,kBAAkB,MAAM,CAChC,CAAC,EAED,IAAI,EAAW,GACT,MAAqB,CACrB,MAEJ,GAAW,GACX,IAAK,IAAM,KAAW,EAAU,EAAQ,CAD7B,CAEb,EAIA,OAFA,GAAQ,iBAAiB,QAAS,EAAQ,CAAE,KAAM,EAAK,CAAC,EAEjD,CACT,EAEA,MAAO,CAAE,GAAG,EAAO,QAAO,UAAS,QAAO,oBAAmB,WAAU,QAAO,MAAK,CACrF"}

package/dist/headless/text-field.d.ts

@@ -14,11 +14,37 @@ export type TextFieldOptions = FieldOptions & {
     onChange?: (event: Event, value: string) => void;
     onFocus?: (event: FocusEvent) => void;
     onInput?: (event: Event, value: string) => void;
+    /**
+     * Bars the field from constraint validation while true — matches the native HTML rule that a
+     * `readonly` field is never a candidate for constraint validation (a `readonly required`
+     * field is always valid, per spec), so `validity`/`validationMessage` don't feed a false
+     * `valueMissing` into `useField()` just because a read-only field happens to be blank.
+     */
+    readonly?: Readable<boolean | undefined>;
+    /** Marks a blank value invalid — feeds `validity`/`validationMessage` (see below). */
+    required?: Readable<boolean | undefined>;
+    /** Message for the blank+required case. Defaults to `'This field is required.'`. */
+    requiredMessage?: Readable<string | undefined>;
     /** `AbortSignal` from the component lifecycle. The internal value-sync watcher is disposed on abort. */
     signal: AbortSignal;
     value: Readable<string | undefined>;
 };
 export type TextFieldHandle = FieldHandle & {
+    /**
+     * Registers the real form field handle (the return value of `useField()`) so that
+     * `triggerValidation()` — called internally on blur/change — can call its
+     * `reportValidity()`. `useField()` itself needs `value` (below) to exist first, so this
+     * is a two-step wiring rather than a constructor option:
+     *
+     * ```ts
+     * const tf = createTextField({ value: props.value, ... });
+     * const formField = useField({ value: tf.value, ... });
+     * tf.attachFormField(formField);
+     * ```
+     */
+    attachFormField: (formField: {
+        reportValidity(): void;
+    }) => void;
     /** Clears the field value and fires synthetic input/change events. */
     clear: (event?: Event) => void;
     /**
@@ -26,6 +52,20 @@ export type TextFieldHandle = FieldHandle & {
      * Components should only render a counter element when this is non-null.
      */
     counter: Readable<CounterState> | null;
+    /**
+     * Restores the value to whatever the `value` option currently holds (native form
+     * `reset()` semantics: a `<input>` reverts to its *current* `value` content attribute,
+     * not a frozen snapshot from element creation — so setting the attribute programmatically
+     * after mount changes what a later reset reverts to). Wire into `useField({ onReset: tf.reset })`.
+     */
+    reset: () => void;
+    /** Reactive validation message paired with `validity`. Empty string when valid. */
+    validationMessage: Readable<string>;
+    /**
+     * Reactive `ValidityStateFlags` — `{ valueMissing: true }` while `required` and blank,
+     * `null` (valid) otherwise. Pass straight to `useField({ validity: tf.validity })`.
+     */
+    validity: Readable<ValidityStateFlags | null>;
     /** The local mutable field value (two-way bound to the input element via `wire()`). */
     value: Signal<string>;
     /**

package/dist/headless/text-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../src/headless/text-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE9D,OAAO,EAAE,KAAK,YAAY,EAAmC,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAKvH,8EAA8E;AAC9E,MAAM,MAAM,eAAe,GAAG,MAAM,IAAI,CAAC;AAEzC,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG;IAC5C,SAAS,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACzC;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,wGAAwG;IACxG,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC1C,sEAAsE;IACtE,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC/B;;;OAGG;IACH,OAAO,EAAE,QAAQ,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC;IACvC,uFAAuF;IACvF,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACtB;;;;;;;;;;OAUG;IACH,IAAI,EAAE,CAAC,EAAE,EAAE,gBAAgB,GAAG,mBAAmB,EAAE,MAAM,CAAC,EAAE,WAAW,KAAK,eAAe,CAAC;CAC7F,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,SAAS,gBAAgB,KAAG,eA0D3D,CAAC"}
+{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../src/headless/text-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,QAAQ,EAAE,KAAK,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAExE,OAAO,EAAE,KAAK,YAAY,EAAmC,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAKvH,8EAA8E;AAC9E,MAAM,MAAM,eAAe,GAAG,MAAM,IAAI,CAAC;AAEzC,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG;IAC5C,SAAS,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACzC;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IACzC,sFAAsF;IACtF,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IACzC,oFAAoF;IACpF,eAAe,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC/C,wGAAwG;IACxG,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC1C;;;;;;;;;;;OAWG;IACH,eAAe,EAAE,CAAC,SAAS,EAAE;QAAE,cAAc,IAAI,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;IACjE,sEAAsE;IACtE,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC/B;;;OAGG;IACH,OAAO,EAAE,QAAQ,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC;IACvC;;;;;OAKG;IACH,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,mFAAmF;IACnF,iBAAiB,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IACpC;;;OAGG;IACH,QAAQ,EAAE,QAAQ,CAAC,kBAAkB,GAAG,IAAI,CAAC,CAAC;IAC9C,uFAAuF;IACvF,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACtB;;;;;;;;;;OAUG;IACH,IAAI,EAAE,CAAC,EAAE,EAAE,gBAAgB,GAAG,mBAAmB,EAAE,MAAM,CAAC,EAAE,WAAW,KAAK,eAAe,CAAC;CAC7F,CAAC;AAKF,eAAO,MAAM,eAAe,GAAI,SAAS,gBAAgB,KAAG,eAsE3D,CAAC"}

package/dist/headless/text-field.js

@@ -1,41 +1,46 @@
 import { createCounterState as e, createField as t } from "./field-base.js";
 import { syncedSignal as n } from "./signals.js";
-import "@vielzeug/ripple";
+import { computed as r } from "@vielzeug/ripple";
 //#region src/headless/text-field.ts
-var r = (r) => {
-	let i = n(r.value, r.signal, (e) => String(e ?? "")), a = t(r), o = r.maxLength ? e({
-		maxLength: r.maxLength,
-		value: i
-	}) : null, s = (e) => {
-		e?.preventDefault?.(), i.value = "", r.onInput?.(e ?? new InputEvent("input", { bubbles: !0 }), ""), r.onChange?.(e ?? new Event("change", { bubbles: !0 }), ""), a.triggerValidation("change");
-	}, c = (e, t) => {
-		let n = [], o = (t, r) => {
+var i = (e) => e.trim() === "", a = (e) => String(e ?? ""), o = (o) => {
+	let s = n(o.value, o.signal, a), c = t(o), l = o.maxLength ? e({
+		maxLength: o.maxLength,
+		value: s
+	}) : null, u = r(() => !o.readonly?.value && o.required?.value && i(s.value) ? { valueMissing: !0 } : null), d = r(() => u.value ? o.requiredMessage?.value || "This field is required." : ""), f = () => {
+		s.value = a(o.value.value), c.triggerValidation("change");
+	}, p = (e) => {
+		e?.preventDefault?.(), s.value = "", o.onInput?.(e ?? new InputEvent("input", { bubbles: !0 }), ""), o.onChange?.(e ?? new Event("change", { bubbles: !0 }), ""), c.triggerValidation("change");
+	}, m = (e, t) => {
+		let n = [], r = (t, r) => {
 			e.addEventListener(t, r), n.push(() => e.removeEventListener(t, r));
 		};
-		r.onFocus && o("focus", (e) => r.onFocus(e)), o("input", (t) => {
-			t.stopPropagation(), r.onBeforeInput?.(t), i.value = e.value, r.onInput?.(t, e.value);
-		}), o("change", (t) => {
-			t.stopPropagation(), i.value = e.value, r.onChange?.(t, e.value), a.triggerValidation("change");
-		}), o("blur", (e) => {
-			r.onBlur?.(e), a.triggerValidation("blur");
+		o.onFocus && r("focus", (e) => o.onFocus(e)), r("input", (t) => {
+			t.stopPropagation(), o.onBeforeInput?.(t), s.value = e.value, o.onInput?.(t, e.value);
+		}), r("change", (t) => {
+			t.stopPropagation(), s.value = e.value, o.onChange?.(t, e.value), c.triggerValidation("change");
+		}), r("blur", (e) => {
+			o.onBlur?.(e), c.triggerValidation("blur");
 		});
-		let s = !1, c = () => {
-			if (!s) {
-				s = !0;
+		let i = !1, a = () => {
+			if (!i) {
+				i = !0;
 				for (let e of n) e();
 			}
 		};
-		return t?.addEventListener("abort", c, { once: !0 }), c;
+		return t?.addEventListener("abort", a, { once: !0 }), a;
 	};
 	return {
-		...a,
-		clear: s,
-		counter: o,
-		value: i,
-		wire: c
+		...c,
+		clear: p,
+		counter: l,
+		reset: f,
+		validationMessage: d,
+		validity: u,
+		value: s,
+		wire: m
 	};
 };
 //#endregion
-export { r as createTextField };
+export { o as createTextField };
 
 //# sourceMappingURL=text-field.js.map

package/dist/headless/text-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.js","names":[],"sources":["../../src/headless/text-field.ts"],"sourcesContent":["import { type Readable, type Signal } from '@vielzeug/ripple';\n\nimport { type CounterState, createCounterState, createField, type FieldHandle, type FieldOptions } from './field-base';\nimport { syncedSignal } from './signals';\n\n// ── Text field ────────────────────────────────────────────────────────────────\n\n/** Detach function returned by `wire()`. Call to remove element listeners. */\nexport type TextFieldDetach = () => void;\n\nexport type TextFieldOptions = FieldOptions & {\n  maxLength?: Readable<number | undefined>;\n  /**\n   * Called synchronously before value extraction on every input event.\n   * Use only for DOM side-effects (e.g. auto-resize measurement) that must\n   * run before the reactive value is updated.\n   */\n  onBeforeInput?: (event: Event) => void;\n  onBlur?: (event: FocusEvent) => void;\n  onChange?: (event: Event, value: string) => void;\n  onFocus?: (event: FocusEvent) => void;\n  onInput?: (event: Event, value: string) => void;\n  /** `AbortSignal` from the component lifecycle. The internal value-sync watcher is disposed on abort. */\n  signal: AbortSignal;\n  value: Readable<string | undefined>;\n};\n\nexport type TextFieldHandle = FieldHandle & {\n  /** Clears the field value and fires synthetic input/change events. */\n  clear: (event?: Event) => void;\n  /**\n   * Reactive counter state. Non-null when `maxLength` was provided; `null` otherwise.\n   * Components should only render a counter element when this is non-null.\n   */\n  counter: Readable<CounterState> | null;\n  /** The local mutable field value (two-way bound to the input element via `wire()`). */\n  value: Signal<string>;\n  /**\n   * Attaches event listeners to the underlying input or textarea element.\n   *\n   * When `signal` is provided, the listeners are detached automatically when\n   * the signal's controller calls `abort()`. Without a signal the returned\n   * `TextFieldDetach` must be called manually.\n   *\n   * Safe to call multiple times — each call attaches a fresh set of listeners\n   * and returns a distinct detach function. Calling detach multiple times is\n   * a no-op (guarded internally).\n   */\n  wire: (el: HTMLInputElement | HTMLTextAreaElement, signal?: AbortSignal) => TextFieldDetach;\n};\n\nexport const createTextField = (options: TextFieldOptions): TextFieldHandle => {\n  const value = syncedSignal(options.value, options.signal, (v) => String(v ?? ''));\n\n  const field = createField(options);\n  const counter = options.maxLength ? createCounterState({ maxLength: options.maxLength, value }) : null;\n\n  const clear = (event?: Event): void => {\n    event?.preventDefault?.();\n    value.value = '';\n    options.onInput?.(event ?? new InputEvent('input', { bubbles: true }), '');\n    options.onChange?.(event ?? new Event('change', { bubbles: true }), '');\n    field.triggerValidation('change');\n  };\n\n  const wire = (element: HTMLInputElement | HTMLTextAreaElement, signal?: AbortSignal): TextFieldDetach => {\n    const cleanups: Array<() => void> = [];\n    const on = (type: string, handler: EventListener): void => {\n      element.addEventListener(type, handler);\n      cleanups.push(() => element.removeEventListener(type, handler));\n    };\n\n    if (options.onFocus) {\n      on('focus', (e) => options.onFocus!(e as FocusEvent));\n    }\n\n    on('input', (e) => {\n      e.stopPropagation();\n      options.onBeforeInput?.(e);\n      value.value = element.value;\n      options.onInput?.(e, element.value);\n    });\n\n    on('change', (e) => {\n      e.stopPropagation();\n      value.value = element.value;\n      options.onChange?.(e, element.value);\n      field.triggerValidation('change');\n    });\n\n    on('blur', (e) => {\n      options.onBlur?.(e as FocusEvent);\n      field.triggerValidation('blur');\n    });\n\n    let detached = false;\n    const detach = (): void => {\n      if (detached) return;\n\n      detached = true;\n      for (const dispose of cleanups) dispose();\n    };\n\n    signal?.addEventListener('abort', detach, { once: true });\n\n    return detach;\n  };\n\n  return { ...field, clear, counter, value, wire };\n};\n"],"mappings":";;;;AAmDA,IAAa,KAAmB,MAA+C;CAC7E,IAAM,IAAQ,EAAa,EAAQ,OAAO,EAAQ,SAAS,MAAM,OAAO,KAAK,EAAE,CAAC,GAE1E,IAAQ,EAAY,CAAO,GAC3B,IAAU,EAAQ,YAAY,EAAmB;EAAE,WAAW,EAAQ;EAAW;CAAM,CAAC,IAAI,MAE5F,KAAS,MAAwB;EAKrC,AAJA,GAAO,iBAAiB,GACxB,EAAM,QAAQ,IACd,EAAQ,UAAU,KAAS,IAAI,WAAW,SAAS,EAAE,SAAS,GAAK,CAAC,GAAG,EAAE,GACzE,EAAQ,WAAW,KAAS,IAAI,MAAM,UAAU,EAAE,SAAS,GAAK,CAAC,GAAG,EAAE,GACtE,EAAM,kBAAkB,QAAQ;CAClC,GAEM,KAAQ,GAAiD,MAA0C;EACvG,IAAM,IAA8B,CAAC,GAC/B,KAAM,GAAc,MAAiC;GAEzD,AADA,EAAQ,iBAAiB,GAAM,CAAO,GACtC,EAAS,WAAW,EAAQ,oBAAoB,GAAM,CAAO,CAAC;EAChE;EAoBA,AAlBI,EAAQ,WACV,EAAG,UAAU,MAAM,EAAQ,QAAS,CAAe,CAAC,GAGtD,EAAG,UAAU,MAAM;GAIjB,AAHA,EAAE,gBAAgB,GAClB,EAAQ,gBAAgB,CAAC,GACzB,EAAM,QAAQ,EAAQ,OACtB,EAAQ,UAAU,GAAG,EAAQ,KAAK;EACpC,CAAC,GAED,EAAG,WAAW,MAAM;GAIlB,AAHA,EAAE,gBAAgB,GAClB,EAAM,QAAQ,EAAQ,OACtB,EAAQ,WAAW,GAAG,EAAQ,KAAK,GACnC,EAAM,kBAAkB,QAAQ;EAClC,CAAC,GAED,EAAG,SAAS,MAAM;GAEhB,AADA,EAAQ,SAAS,CAAe,GAChC,EAAM,kBAAkB,MAAM;EAChC,CAAC;EAED,IAAI,IAAW,IACT,UAAqB;GACrB,QAEJ;QAAW;IACX,KAAK,IAAM,KAAW,GAAU,EAAQ;GAD7B;EAEb;EAIA,OAFA,GAAQ,iBAAiB,SAAS,GAAQ,EAAE,MAAM,GAAK,CAAC,GAEjD;CACT;CAEA,OAAO;EAAE,GAAG;EAAO;EAAO;EAAS;EAAO;CAAK;AACjD"}
+{"version":3,"file":"text-field.js","names":[],"sources":["../../src/headless/text-field.ts"],"sourcesContent":["import { computed, type Readable, type Signal } from '@vielzeug/ripple';\n\nimport { type CounterState, createCounterState, createField, type FieldHandle, type FieldOptions } from './field-base';\nimport { syncedSignal } from './signals';\n\n// ── Text field ────────────────────────────────────────────────────────────────\n\n/** Detach function returned by `wire()`. Call to remove element listeners. */\nexport type TextFieldDetach = () => void;\n\nexport type TextFieldOptions = FieldOptions & {\n  maxLength?: Readable<number | undefined>;\n  /**\n   * Called synchronously before value extraction on every input event.\n   * Use only for DOM side-effects (e.g. auto-resize measurement) that must\n   * run before the reactive value is updated.\n   */\n  onBeforeInput?: (event: Event) => void;\n  onBlur?: (event: FocusEvent) => void;\n  onChange?: (event: Event, value: string) => void;\n  onFocus?: (event: FocusEvent) => void;\n  onInput?: (event: Event, value: string) => void;\n  /**\n   * Bars the field from constraint validation while true — matches the native HTML rule that a\n   * `readonly` field is never a candidate for constraint validation (a `readonly required`\n   * field is always valid, per spec), so `validity`/`validationMessage` don't feed a false\n   * `valueMissing` into `useField()` just because a read-only field happens to be blank.\n   */\n  readonly?: Readable<boolean | undefined>;\n  /** Marks a blank value invalid — feeds `validity`/`validationMessage` (see below). */\n  required?: Readable<boolean | undefined>;\n  /** Message for the blank+required case. Defaults to `'This field is required.'`. */\n  requiredMessage?: Readable<string | undefined>;\n  /** `AbortSignal` from the component lifecycle. The internal value-sync watcher is disposed on abort. */\n  signal: AbortSignal;\n  value: Readable<string | undefined>;\n};\n\nexport type TextFieldHandle = FieldHandle & {\n  /**\n   * Registers the real form field handle (the return value of `useField()`) so that\n   * `triggerValidation()` — called internally on blur/change — can call its\n   * `reportValidity()`. `useField()` itself needs `value` (below) to exist first, so this\n   * is a two-step wiring rather than a constructor option:\n   *\n   * ```ts\n   * const tf = createTextField({ value: props.value, ... });\n   * const formField = useField({ value: tf.value, ... });\n   * tf.attachFormField(formField);\n   * ```\n   */\n  attachFormField: (formField: { reportValidity(): void }) => void;\n  /** Clears the field value and fires synthetic input/change events. */\n  clear: (event?: Event) => void;\n  /**\n   * Reactive counter state. Non-null when `maxLength` was provided; `null` otherwise.\n   * Components should only render a counter element when this is non-null.\n   */\n  counter: Readable<CounterState> | null;\n  /**\n   * Restores the value to whatever the `value` option currently holds (native form\n   * `reset()` semantics: a `<input>` reverts to its *current* `value` content attribute,\n   * not a frozen snapshot from element creation — so setting the attribute programmatically\n   * after mount changes what a later reset reverts to). Wire into `useField({ onReset: tf.reset })`.\n   */\n  reset: () => void;\n  /** Reactive validation message paired with `validity`. Empty string when valid. */\n  validationMessage: Readable<string>;\n  /**\n   * Reactive `ValidityStateFlags` — `{ valueMissing: true }` while `required` and blank,\n   * `null` (valid) otherwise. Pass straight to `useField({ validity: tf.validity })`.\n   */\n  validity: Readable<ValidityStateFlags | null>;\n  /** The local mutable field value (two-way bound to the input element via `wire()`). */\n  value: Signal<string>;\n  /**\n   * Attaches event listeners to the underlying input or textarea element.\n   *\n   * When `signal` is provided, the listeners are detached automatically when\n   * the signal's controller calls `abort()`. Without a signal the returned\n   * `TextFieldDetach` must be called manually.\n   *\n   * Safe to call multiple times — each call attaches a fresh set of listeners\n   * and returns a distinct detach function. Calling detach multiple times is\n   * a no-op (guarded internally).\n   */\n  wire: (el: HTMLInputElement | HTMLTextAreaElement, signal?: AbortSignal) => TextFieldDetach;\n};\n\nconst isBlank = (value: string): boolean => value.trim() === '';\nconst toFieldValue = (v: string | undefined): string => String(v ?? '');\n\nexport const createTextField = (options: TextFieldOptions): TextFieldHandle => {\n  const value = syncedSignal(options.value, options.signal, toFieldValue);\n\n  const field = createField(options);\n  const counter = options.maxLength ? createCounterState({ maxLength: options.maxLength, value }) : null;\n\n  const validity = computed<ValidityStateFlags | null>(() =>\n    !options.readonly?.value && options.required?.value && isBlank(value.value) ? { valueMissing: true } : null,\n  );\n  const validationMessage = computed(() =>\n    validity.value ? options.requiredMessage?.value || 'This field is required.' : '',\n  );\n\n  const reset = (): void => {\n    value.value = toFieldValue(options.value.value);\n    field.triggerValidation('change');\n  };\n\n  const clear = (event?: Event): void => {\n    event?.preventDefault?.();\n    value.value = '';\n    options.onInput?.(event ?? new InputEvent('input', { bubbles: true }), '');\n    options.onChange?.(event ?? new Event('change', { bubbles: true }), '');\n    field.triggerValidation('change');\n  };\n\n  const wire = (element: HTMLInputElement | HTMLTextAreaElement, signal?: AbortSignal): TextFieldDetach => {\n    const cleanups: Array<() => void> = [];\n    const on = (type: string, handler: EventListener): void => {\n      element.addEventListener(type, handler);\n      cleanups.push(() => element.removeEventListener(type, handler));\n    };\n\n    if (options.onFocus) {\n      on('focus', (e) => options.onFocus!(e as FocusEvent));\n    }\n\n    on('input', (e) => {\n      e.stopPropagation();\n      options.onBeforeInput?.(e);\n      value.value = element.value;\n      options.onInput?.(e, element.value);\n    });\n\n    on('change', (e) => {\n      e.stopPropagation();\n      value.value = element.value;\n      options.onChange?.(e, element.value);\n      field.triggerValidation('change');\n    });\n\n    on('blur', (e) => {\n      options.onBlur?.(e as FocusEvent);\n      field.triggerValidation('blur');\n    });\n\n    let detached = false;\n    const detach = (): void => {\n      if (detached) return;\n\n      detached = true;\n      for (const dispose of cleanups) dispose();\n    };\n\n    signal?.addEventListener('abort', detach, { once: true });\n\n    return detach;\n  };\n\n  return { ...field, clear, counter, reset, validationMessage, validity, value, wire };\n};\n"],"mappings":";;;;AAyFA,IAAM,KAAW,MAA2B,EAAM,KAAK,MAAM,IACvD,KAAgB,MAAkC,OAAO,KAAK,EAAE,GAEzD,KAAmB,MAA+C;CAC7E,IAAM,IAAQ,EAAa,EAAQ,OAAO,EAAQ,QAAQ,CAAY,GAEhE,IAAQ,EAAY,CAAO,GAC3B,IAAU,EAAQ,YAAY,EAAmB;EAAE,WAAW,EAAQ;EAAW;CAAM,CAAC,IAAI,MAE5F,IAAW,QACf,CAAC,EAAQ,UAAU,SAAS,EAAQ,UAAU,SAAS,EAAQ,EAAM,KAAK,IAAI,EAAE,cAAc,GAAK,IAAI,IACzG,GACM,IAAoB,QACxB,EAAS,QAAQ,EAAQ,iBAAiB,SAAS,4BAA4B,EACjF,GAEM,UAAoB;EAExB,AADA,EAAM,QAAQ,EAAa,EAAQ,MAAM,KAAK,GAC9C,EAAM,kBAAkB,QAAQ;CAClC,GAEM,KAAS,MAAwB;EAKrC,AAJA,GAAO,iBAAiB,GACxB,EAAM,QAAQ,IACd,EAAQ,UAAU,KAAS,IAAI,WAAW,SAAS,EAAE,SAAS,GAAK,CAAC,GAAG,EAAE,GACzE,EAAQ,WAAW,KAAS,IAAI,MAAM,UAAU,EAAE,SAAS,GAAK,CAAC,GAAG,EAAE,GACtE,EAAM,kBAAkB,QAAQ;CAClC,GAEM,KAAQ,GAAiD,MAA0C;EACvG,IAAM,IAA8B,CAAC,GAC/B,KAAM,GAAc,MAAiC;GAEzD,AADA,EAAQ,iBAAiB,GAAM,CAAO,GACtC,EAAS,WAAW,EAAQ,oBAAoB,GAAM,CAAO,CAAC;EAChE;EAoBA,AAlBI,EAAQ,WACV,EAAG,UAAU,MAAM,EAAQ,QAAS,CAAe,CAAC,GAGtD,EAAG,UAAU,MAAM;GAIjB,AAHA,EAAE,gBAAgB,GAClB,EAAQ,gBAAgB,CAAC,GACzB,EAAM,QAAQ,EAAQ,OACtB,EAAQ,UAAU,GAAG,EAAQ,KAAK;EACpC,CAAC,GAED,EAAG,WAAW,MAAM;GAIlB,AAHA,EAAE,gBAAgB,GAClB,EAAM,QAAQ,EAAQ,OACtB,EAAQ,WAAW,GAAG,EAAQ,KAAK,GACnC,EAAM,kBAAkB,QAAQ;EAClC,CAAC,GAED,EAAG,SAAS,MAAM;GAEhB,AADA,EAAQ,SAAS,CAAe,GAChC,EAAM,kBAAkB,MAAM;EAChC,CAAC;EAED,IAAI,IAAW,IACT,UAAqB;GACrB,QAEJ;QAAW;IACX,KAAK,IAAM,KAAW,GAAU,EAAQ;GAD7B;EAEb;EAIA,OAFA,GAAQ,iBAAiB,SAAS,GAAQ,EAAE,MAAM,GAAK,CAAC,GAEjD;CACT;CAEA,OAAO;EAAE,GAAG;EAAO;EAAO;EAAS;EAAO;EAAmB;EAAU;EAAO;CAAK;AACrF"}

package/dist/headless.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./headless/ore.cjs"),t=require("./headless/field-base.cjs"),n=require("./headless/signals.cjs"),r=require("./headless/text-field.cjs"),i=require("./headless/choice-field.cjs"),a=require("./headless/keyboard.cjs"),o=require("./headless/checkable.cjs"),s=require("./headless/typeahead.cjs"),c=require("./headless/nav.cjs"),l=require("./headless/overlay.cjs"),u=require("./headless/positioner.cjs"),d=require("./headless/option-list.cjs"),f=require("./headless/paginated-list.cjs"),p=require("./headless/numbers.cjs"),m=require("./headless/spinner.cjs"),h=require("./headless/slider.cjs"),g=require("./headless/swipe.cjs"),_=require("./headless/announcer.cjs"),v=require("./headless/date-picker.cjs"),y=require("./headless/dialog-focus.cjs"),b=require("./headless/light-dom.cjs"),x=require("./headless/selection-control.cjs"),S=require("./headless/sort-control.cjs"),C=require("./headless/datagrid.cjs"),w=require("./headless/parse.cjs");exports.announce=_.announce,exports.createCheckable=o.createCheckable,exports.createChoiceField=i.createChoiceField,exports.createDataGridControl=C.createDataGridControl,exports.createDatePickerControl=v.createDatePickerControl,exports.createDialogFocusControl=y.createDialogFocusControl,exports.createDropdownPositioner=u.createDropdownPositioner,exports.createErrorHelperState=t.createErrorHelperState,exports.createInteraction=a.createInteraction,exports.createListControl=c.createListControl,exports.createOptionList=d.createOptionList,exports.createOverlayControl=l.createOverlayControl,exports.createPaginatedList=f.createPaginatedList,exports.createSelectionControl=x.createSelectionControl,exports.createSliderControl=h.createSliderControl,exports.createSortControl=S.createSortControl,exports.createSpinnerControl=m.createSpinnerControl,exports.createSwipeControl=g.createSwipeControl,exports.createTextField=r.createTextField,exports.createTypeahead=s.createTypeahead,exports.dispatchKeyboardAction=a.dispatchKeyboardAction,exports.formatDisplayDate=v.formatDisplayDate,exports.getChoiceLabel=b.getChoiceLabel,exports.getLightChildrenByTag=b.getLightChildrenByTag,exports.lifecycleSignal=e.lifecycleSignal,exports.parseIso=v.parseIso,exports.parseStringTriggers=w.parseStringTriggers,exports.syncedSignal=n.syncedSignal,exports.toFiniteNumber=p.toFiniteNumber,exports.toFiniteNumberOr=p.toFiniteNumberOr,exports.toIsoString=v.toIsoString,exports.toPositiveStep=p.toPositiveStep;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./headless/ore.cjs"),t=require("./headless/auto-resize.cjs"),n=require("./headless/field-base.cjs"),r=require("./headless/signals.cjs"),i=require("./headless/text-field.cjs"),a=require("./headless/choice-field.cjs"),o=require("./headless/keyboard.cjs"),s=require("./headless/checkable.cjs"),c=require("./headless/composer.cjs"),l=require("./headless/typeahead.cjs"),u=require("./headless/nav.cjs"),d=require("./headless/overlay.cjs"),f=require("./headless/positioner.cjs"),p=require("./headless/option-list.cjs"),m=require("./headless/paginated-list.cjs"),h=require("./headless/numbers.cjs"),g=require("./headless/spinner.cjs"),_=require("./headless/slider.cjs"),v=require("./headless/swipe.cjs"),y=require("./headless/announcer.cjs"),b=require("./headless/date-picker.cjs"),x=require("./headless/dialog-focus.cjs"),S=require("./headless/light-dom.cjs"),C=require("./headless/selection-control.cjs"),w=require("./headless/sort-control.cjs"),T=require("./headless/datagrid.cjs"),E=require("./headless/parse.cjs");exports.announce=y.announce,exports.counterClassName=n.counterClassName,exports.createAssistiveState=n.createAssistiveState,exports.createAutoResize=t.createAutoResize,exports.createCheckable=s.createCheckable,exports.createChoiceField=a.createChoiceField,exports.createComposerControl=c.createComposerControl,exports.createDataGridControl=T.createDataGridControl,exports.createDatePickerControl=b.createDatePickerControl,exports.createDialogFocusControl=x.createDialogFocusControl,exports.createDropdownPositioner=f.createDropdownPositioner,exports.createErrorHelperState=n.createErrorHelperState,exports.createField=n.createField,exports.createInteraction=o.createInteraction,exports.createLabelState=n.createLabelState,exports.createListControl=u.createListControl,exports.createOptionList=p.createOptionList,exports.createOverlayControl=d.createOverlayControl,exports.createPaginatedList=m.createPaginatedList,exports.createSelectionControl=C.createSelectionControl,exports.createSliderControl=_.createSliderControl,exports.createSortControl=w.createSortControl,exports.createSpinnerControl=g.createSpinnerControl,exports.createSwipeControl=v.createSwipeControl,exports.createTextField=i.createTextField,exports.createTypeahead=l.createTypeahead,exports.dispatchKeyboardAction=o.dispatchKeyboardAction,exports.formatDisplayDate=b.formatDisplayDate,exports.getChoiceLabel=S.getChoiceLabel,exports.getLightChildrenByTag=S.getLightChildrenByTag,exports.lifecycleSignal=e.lifecycleSignal,exports.parseIso=b.parseIso,exports.parseStringTriggers=E.parseStringTriggers,exports.syncedSignal=r.syncedSignal,exports.toFiniteNumber=h.toFiniteNumber,exports.toFiniteNumberOr=h.toFiniteNumberOr,exports.toIsoString=b.toIsoString,exports.toPositiveStep=h.toPositiveStep;

package/dist/headless.js

@@ -1,26 +1,28 @@
 import { lifecycleSignal as e } from "./headless/ore.js";
-import { createErrorHelperState as t } from "./headless/field-base.js";
-import { syncedSignal as n } from "./headless/signals.js";
-import { createTextField as r } from "./headless/text-field.js";
-import { createChoiceField as i } from "./headless/choice-field.js";
-import { createInteraction as a, dispatchKeyboardAction as o } from "./headless/keyboard.js";
-import { createCheckable as s } from "./headless/checkable.js";
-import { createTypeahead as c } from "./headless/typeahead.js";
-import { createListControl as l } from "./headless/nav.js";
-import { createOverlayControl as u } from "./headless/overlay.js";
-import { createDropdownPositioner as d } from "./headless/positioner.js";
-import { createOptionList as f } from "./headless/option-list.js";
-import { createPaginatedList as p } from "./headless/paginated-list.js";
-import { toFiniteNumber as m, toFiniteNumberOr as h, toPositiveStep as g } from "./headless/numbers.js";
-import { createSpinnerControl as _ } from "./headless/spinner.js";
-import { createSliderControl as v } from "./headless/slider.js";
-import { createSwipeControl as y } from "./headless/swipe.js";
-import { announce as b } from "./headless/announcer.js";
-import { createDatePickerControl as x, formatDisplayDate as S, parseIso as C, toIsoString as w } from "./headless/date-picker.js";
-import { createDialogFocusControl as T } from "./headless/dialog-focus.js";
-import { getChoiceLabel as E, getLightChildrenByTag as D } from "./headless/light-dom.js";
-import { createSelectionControl as O } from "./headless/selection-control.js";
-import { createSortControl as k } from "./headless/sort-control.js";
-import { createDataGridControl as A } from "./headless/datagrid.js";
-import { parseStringTriggers as j } from "./headless/parse.js";
-export { b as announce, s as createCheckable, i as createChoiceField, A as createDataGridControl, x as createDatePickerControl, T as createDialogFocusControl, d as createDropdownPositioner, t as createErrorHelperState, a as createInteraction, l as createListControl, f as createOptionList, u as createOverlayControl, p as createPaginatedList, O as createSelectionControl, v as createSliderControl, k as createSortControl, _ as createSpinnerControl, y as createSwipeControl, r as createTextField, c as createTypeahead, o as dispatchKeyboardAction, S as formatDisplayDate, E as getChoiceLabel, D as getLightChildrenByTag, e as lifecycleSignal, C as parseIso, j as parseStringTriggers, n as syncedSignal, m as toFiniteNumber, h as toFiniteNumberOr, w as toIsoString, g as toPositiveStep };
+import { createAutoResize as t } from "./headless/auto-resize.js";
+import { counterClassName as n, createAssistiveState as r, createErrorHelperState as i, createField as a, createLabelState as o } from "./headless/field-base.js";
+import { syncedSignal as s } from "./headless/signals.js";
+import { createTextField as c } from "./headless/text-field.js";
+import { createChoiceField as l } from "./headless/choice-field.js";
+import { createInteraction as u, dispatchKeyboardAction as d } from "./headless/keyboard.js";
+import { createCheckable as f } from "./headless/checkable.js";
+import { createComposerControl as p } from "./headless/composer.js";
+import { createTypeahead as m } from "./headless/typeahead.js";
+import { createListControl as h } from "./headless/nav.js";
+import { createOverlayControl as g } from "./headless/overlay.js";
+import { createDropdownPositioner as _ } from "./headless/positioner.js";
+import { createOptionList as v } from "./headless/option-list.js";
+import { createPaginatedList as y } from "./headless/paginated-list.js";
+import { toFiniteNumber as b, toFiniteNumberOr as x, toPositiveStep as S } from "./headless/numbers.js";
+import { createSpinnerControl as C } from "./headless/spinner.js";
+import { createSliderControl as w } from "./headless/slider.js";
+import { createSwipeControl as T } from "./headless/swipe.js";
+import { announce as E } from "./headless/announcer.js";
+import { createDatePickerControl as D, formatDisplayDate as O, parseIso as k, toIsoString as A } from "./headless/date-picker.js";
+import { createDialogFocusControl as j } from "./headless/dialog-focus.js";
+import { getChoiceLabel as M, getLightChildrenByTag as N } from "./headless/light-dom.js";
+import { createSelectionControl as P } from "./headless/selection-control.js";
+import { createSortControl as F } from "./headless/sort-control.js";
+import { createDataGridControl as I } from "./headless/datagrid.js";
+import { parseStringTriggers as L } from "./headless/parse.js";
+export { E as announce, n as counterClassName, r as createAssistiveState, t as createAutoResize, f as createCheckable, l as createChoiceField, p as createComposerControl, I as createDataGridControl, D as createDatePickerControl, j as createDialogFocusControl, _ as createDropdownPositioner, i as createErrorHelperState, a as createField, u as createInteraction, o as createLabelState, h as createListControl, v as createOptionList, g as createOverlayControl, y as createPaginatedList, P as createSelectionControl, w as createSliderControl, F as createSortControl, C as createSpinnerControl, T as createSwipeControl, c as createTextField, m as createTypeahead, d as dispatchKeyboardAction, O as formatDisplayDate, M as getChoiceLabel, N as getLightChildrenByTag, e as lifecycleSignal, k as parseIso, L as parseStringTriggers, s as syncedSignal, b as toFiniteNumber, x as toFiniteNumberOr, A as toIsoString, S as toPositiveStep };

package/dist/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./code-window.cjs"),t=require("./icon.cjs"),n=require("./copy-command.cjs"),r=require("./shared/prop-bundles.cjs"),i=require("./shared/size-presets.cjs"),a=require("./progress.cjs"),o=require("./errors.cjs"),ee=require("./content/carousel/carousel-slide.cjs"),s=require("./carousel.cjs"),c=require("./avatar.cjs"),l=require("./breadcrumb.cjs"),u=require("./card.cjs"),d=require("./chat-message.cjs"),f=require("./button-group.cjs"),te=require("./inputs/shared/form-context.cjs"),ne=require("./button.cjs"),re=require("./pagination.cjs"),p=require("./separator.cjs"),m=require("./table.cjs"),h=require("./text.cjs"),g=require("./accordion.cjs"),_=require("./tabs.cjs"),v=require("./accordion-item.cjs"),y=require("./tab-item.cjs"),b=require("./tab-panel.cjs"),x=require("./async.cjs"),S=require("./alert.cjs"),C=require("./badge.cjs"),w=require("./chip.cjs"),T=require("./password-strength.cjs"),E=require("./skeleton.cjs"),D=require("./typing-indicator.cjs"),O=require("./toast.cjs"),k=require("./checkbox-group.cjs"),A=require("./checkbox.cjs"),j=require("./input.cjs"),M=require("./combobox.cjs"),ie=require("./select.cjs"),N=require("./popover.cjs"),P=require("./datagrid.cjs"),F=require("./calendar.cjs"),I=require("./date-picker.cjs"),L=require("./file-input.cjs"),R=require("./form.cjs"),z=require("./number-input.cjs"),B=require("./otp-input.cjs"),V=require("./radio-group.cjs"),H=require("./radio.cjs"),U=require("./rating.cjs"),W=require("./slider.cjs"),G=require("./switch.cjs"),K=require("./textarea.cjs"),q=require("./time-picker.cjs"),J=require("./box.cjs"),Y=require("./grid-item.cjs"),ae=require("./grid.cjs"),X=require("./navbar.cjs"),Z=require("./sidebar.cjs"),Q=require("./command-palette.cjs"),oe=require("./dialog.cjs"),se=require("./drawer.cjs"),$=require("./menu.cjs"),ce=require("./tooltip.cjs");exports.ACCORDION_CTX=g.ACCORDION_CTX,exports.ACCORDION_ITEM_TAG=v.ACCORDION_ITEM_TAG,exports.ACCORDION_TAG=g.ACCORDION_TAG,exports.ALERT_TAG=S.ALERT_TAG,exports.ASYNC_TAG=x.ASYNC_TAG,exports.AVATAR_GROUP_TAG=c.AVATAR_GROUP_TAG,exports.AVATAR_TAG=c.AVATAR_TAG,exports.BADGE_TAG=C.BADGE_TAG,exports.BOX_TAG=J.BOX_TAG,exports.BREADCRUMB_ITEM_TAG=l.BREADCRUMB_ITEM_TAG,exports.BREADCRUMB_TAG=l.BREADCRUMB_TAG,exports.BUTTON_GROUP_CTX=f.BUTTON_GROUP_CTX,exports.BUTTON_GROUP_TAG=f.BUTTON_GROUP_TAG,exports.BUTTON_TAG=ne.BUTTON_TAG,exports.CALENDAR_TAG=F.CALENDAR_TAG,exports.CARD_TAG=u.CARD_TAG,exports.CAROUSEL_SLIDE_TAG=ee.CAROUSEL_SLIDE_TAG,exports.CAROUSEL_TAG=s.CAROUSEL_TAG,exports.CHAT_MESSAGE_TAG=d.CHAT_MESSAGE_TAG,exports.CHECKBOX_GROUP_CTX=k.CHECKBOX_GROUP_CTX,exports.CHECKBOX_GROUP_TAG=k.CHECKBOX_GROUP_TAG,exports.CHECKBOX_TAG=A.CHECKBOX_TAG,exports.CHIP_TAG=w.CHIP_TAG,exports.CODE_WINDOW_TAG=e.CODE_WINDOW_TAG,exports.COMBOBOX_TAG=M.COMBOBOX_TAG,exports.COMMAND_PALETTE_ITEM_TAG=Q.COMMAND_PALETTE_ITEM_TAG,exports.COMMAND_PALETTE_TAG=Q.COMMAND_PALETTE_TAG,exports.CONTROL_SIZE_PRESET=i.CONTROL_SIZE_PRESET,exports.COPY_COMMAND_TAG=n.COPY_COMMAND_TAG,exports.DATAGRID_TAG=P.DATAGRID_TAG,exports.DATE_PICKER_TAG=I.DATE_PICKER_TAG,exports.DIALOG_TAG=oe.DIALOG_TAG,exports.DRAWER_TAG=se.DRAWER_TAG,exports.FIELD_SIZE_PRESET=i.FIELD_SIZE_PRESET,exports.FILE_INPUT_SIZE_PRESET=i.FILE_INPUT_SIZE_PRESET,exports.FILE_INPUT_TAG=L.FILE_INPUT_TAG,exports.FORM_CTX=te.FORM_CTX,exports.FORM_TAG=R.FORM_TAG,exports.GRID_ITEM_TAG=Y.GRID_ITEM_TAG,exports.GRID_TAG=ae.GRID_TAG,exports.ICON_TAG=t.ICON_TAG,exports.INPUT_TAG=j.INPUT_TAG,exports.MENU_ITEM_TAG=$.MENU_ITEM_TAG,exports.MENU_TAG=$.MENU_TAG,exports.NAVBAR_CTX=X.NAVBAR_CTX,exports.NAVBAR_ITEM_TAG=X.NAVBAR_ITEM_TAG,exports.NAVBAR_TAG=X.NAVBAR_TAG,exports.NUMBER_INPUT_TAG=z.NUMBER_INPUT_TAG,exports.OTP_INPUT_TAG=B.OTP_INPUT_TAG,exports.PAGINATION_TAG=re.PAGINATION_TAG,exports.PASSWORD_STRENGTH_TAG=T.PASSWORD_STRENGTH_TAG,exports.POPOVER_TAG=N.POPOVER_TAG,exports.PROGRESS_TAG=a.PROGRESS_TAG,exports.RADIO_GROUP_CTX=V.RADIO_GROUP_CTX,exports.RADIO_GROUP_TAG=V.RADIO_GROUP_TAG,exports.RADIO_TAG=H.RADIO_TAG,exports.RATING_TAG=U.RATING_TAG,exports.RefineConfigError=o.RefineConfigError,exports.RefineError=o.RefineError,exports.SELECT_TAG=ie.SELECT_TAG,exports.SEPARATOR_TAG=p.SEPARATOR_TAG,exports.SIDEBAR_CTX=Z.SIDEBAR_CTX,exports.SIDEBAR_GROUP_TAG=Z.SIDEBAR_GROUP_TAG,exports.SIDEBAR_ITEM_TAG=Z.SIDEBAR_ITEM_TAG,exports.SIDEBAR_TAG=Z.SIDEBAR_TAG,exports.SKELETON_TAG=E.SKELETON_TAG,exports.SLIDER_SIZE_PRESET=i.SLIDER_SIZE_PRESET,exports.SLIDER_TAG=W.SLIDER_TAG,exports.SWITCH_SIZE_PRESET=i.SWITCH_SIZE_PRESET,exports.SWITCH_TAG=G.SWITCH_TAG,exports.TABLE_TAG=m.TABLE_TAG,exports.TABS_CTX=_.TABS_CTX,exports.TABS_TAG=_.TABS_TAG,exports.TAB_ITEM_TAG=y.TAB_ITEM_TAG,exports.TAB_PANEL_TAG=b.TAB_PANEL_TAG,exports.TEXTAREA_SIZE_PRESET=i.TEXTAREA_SIZE_PRESET,exports.TEXTAREA_TAG=K.TEXTAREA_TAG,exports.TEXT_TAG=h.TEXT_TAG,exports.TIME_PICKER_TAG=q.TIME_PICKER_TAG,exports.TOAST_TAG=O.TOAST_TAG,exports.TOOLTIP_TAG=ce.TOOLTIP_TAG,exports.TYPING_INDICATOR_TAG=D.TYPING_INDICATOR_TAG,exports.commonProps=r.commonProps,exports.createToastService=O.createToastService,exports.disablableBundle=r.disablableBundle,exports.elevatableBundle=r.elevatableBundle,exports.loadableBundle=r.loadableBundle,exports.registerIcons=t.registerIcons,exports.roundableBundle=r.roundableBundle,exports.sizableBundle=r.sizableBundle,exports.themableBundle=r.themableBundle,exports.toast=O.toast;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./code-window.cjs"),t=require("./icon.cjs"),n=require("./copy-command.cjs"),r=require("./shared/prop-bundles.cjs"),i=require("./shared/size-presets.cjs"),a=require("./progress.cjs"),o=require("./errors.cjs"),ee=require("./content/carousel/carousel-slide.cjs"),s=require("./carousel.cjs"),c=require("./avatar.cjs"),l=require("./breadcrumb.cjs"),u=require("./card.cjs"),d=require("./chat-message.cjs"),f=require("./button-group.cjs"),te=require("./inputs/shared/form-context.cjs"),ne=require("./button.cjs"),re=require("./pagination.cjs"),p=require("./separator.cjs"),m=require("./table.cjs"),h=require("./text.cjs"),g=require("./accordion.cjs"),_=require("./tabs.cjs"),v=require("./accordion-item.cjs"),y=require("./tab-item.cjs"),b=require("./tab-panel.cjs"),x=require("./async.cjs"),S=require("./alert.cjs"),C=require("./badge.cjs"),w=require("./chip.cjs"),T=require("./password-strength.cjs"),E=require("./skeleton.cjs"),D=require("./typing-indicator.cjs"),O=require("./toast.cjs"),k=require("./checkbox-group.cjs"),A=require("./checkbox.cjs"),j=require("./input.cjs"),M=require("./combobox.cjs"),ie=require("./select.cjs"),N=require("./popover.cjs"),P=require("./datagrid.cjs"),F=require("./calendar.cjs"),I=require("./date-picker.cjs"),L=require("./file-input.cjs"),R=require("./form.cjs"),z=require("./message-composer.cjs"),B=require("./number-input.cjs"),V=require("./otp-input.cjs"),H=require("./radio-group.cjs"),U=require("./radio.cjs"),W=require("./rating.cjs"),G=require("./slider.cjs"),K=require("./switch.cjs"),q=require("./textarea.cjs"),J=require("./time-picker.cjs"),Y=require("./box.cjs"),ae=require("./grid-item.cjs"),oe=require("./grid.cjs"),X=require("./navbar.cjs"),Z=require("./sidebar.cjs"),Q=require("./command-palette.cjs"),se=require("./dialog.cjs"),ce=require("./drawer.cjs"),$=require("./menu.cjs"),le=require("./tooltip.cjs");exports.ACCORDION_CTX=g.ACCORDION_CTX,exports.ACCORDION_ITEM_TAG=v.ACCORDION_ITEM_TAG,exports.ACCORDION_TAG=g.ACCORDION_TAG,exports.ALERT_TAG=S.ALERT_TAG,exports.ASYNC_TAG=x.ASYNC_TAG,exports.AVATAR_GROUP_TAG=c.AVATAR_GROUP_TAG,exports.AVATAR_TAG=c.AVATAR_TAG,exports.BADGE_TAG=C.BADGE_TAG,exports.BOX_TAG=Y.BOX_TAG,exports.BREADCRUMB_ITEM_TAG=l.BREADCRUMB_ITEM_TAG,exports.BREADCRUMB_TAG=l.BREADCRUMB_TAG,exports.BUTTON_GROUP_CTX=f.BUTTON_GROUP_CTX,exports.BUTTON_GROUP_TAG=f.BUTTON_GROUP_TAG,exports.BUTTON_TAG=ne.BUTTON_TAG,exports.CALENDAR_TAG=F.CALENDAR_TAG,exports.CARD_TAG=u.CARD_TAG,exports.CAROUSEL_SLIDE_TAG=ee.CAROUSEL_SLIDE_TAG,exports.CAROUSEL_TAG=s.CAROUSEL_TAG,exports.CHAT_MESSAGE_TAG=d.CHAT_MESSAGE_TAG,exports.CHECKBOX_GROUP_CTX=k.CHECKBOX_GROUP_CTX,exports.CHECKBOX_GROUP_TAG=k.CHECKBOX_GROUP_TAG,exports.CHECKBOX_TAG=A.CHECKBOX_TAG,exports.CHIP_TAG=w.CHIP_TAG,exports.CODE_WINDOW_TAG=e.CODE_WINDOW_TAG,exports.COMBOBOX_TAG=M.COMBOBOX_TAG,exports.COMMAND_PALETTE_ITEM_TAG=Q.COMMAND_PALETTE_ITEM_TAG,exports.COMMAND_PALETTE_TAG=Q.COMMAND_PALETTE_TAG,exports.CONTROL_SIZE_PRESET=i.CONTROL_SIZE_PRESET,exports.COPY_COMMAND_TAG=n.COPY_COMMAND_TAG,exports.DATAGRID_TAG=P.DATAGRID_TAG,exports.DATE_PICKER_TAG=I.DATE_PICKER_TAG,exports.DIALOG_TAG=se.DIALOG_TAG,exports.DRAWER_TAG=ce.DRAWER_TAG,exports.FIELD_SIZE_PRESET=i.FIELD_SIZE_PRESET,exports.FILE_INPUT_SIZE_PRESET=i.FILE_INPUT_SIZE_PRESET,exports.FILE_INPUT_TAG=L.FILE_INPUT_TAG,exports.FORM_CTX=te.FORM_CTX,exports.FORM_TAG=R.FORM_TAG,exports.GRID_ITEM_TAG=ae.GRID_ITEM_TAG,exports.GRID_TAG=oe.GRID_TAG,exports.ICON_TAG=t.ICON_TAG,exports.INPUT_TAG=j.INPUT_TAG,exports.MENU_ITEM_TAG=$.MENU_ITEM_TAG,exports.MENU_TAG=$.MENU_TAG,exports.MESSAGE_COMPOSER_SIZE_PRESET=i.MESSAGE_COMPOSER_SIZE_PRESET,exports.MESSAGE_COMPOSER_TAG=z.MESSAGE_COMPOSER_TAG,exports.NAVBAR_CTX=X.NAVBAR_CTX,exports.NAVBAR_ITEM_TAG=X.NAVBAR_ITEM_TAG,exports.NAVBAR_TAG=X.NAVBAR_TAG,exports.NUMBER_INPUT_TAG=B.NUMBER_INPUT_TAG,exports.OTP_INPUT_TAG=V.OTP_INPUT_TAG,exports.PAGINATION_TAG=re.PAGINATION_TAG,exports.PASSWORD_STRENGTH_TAG=T.PASSWORD_STRENGTH_TAG,exports.POPOVER_TAG=N.POPOVER_TAG,exports.PROGRESS_TAG=a.PROGRESS_TAG,exports.RADIO_GROUP_CTX=H.RADIO_GROUP_CTX,exports.RADIO_GROUP_TAG=H.RADIO_GROUP_TAG,exports.RADIO_TAG=U.RADIO_TAG,exports.RATING_TAG=W.RATING_TAG,exports.RefineConfigError=o.RefineConfigError,exports.RefineError=o.RefineError,exports.SELECT_TAG=ie.SELECT_TAG,exports.SEPARATOR_TAG=p.SEPARATOR_TAG,exports.SIDEBAR_CTX=Z.SIDEBAR_CTX,exports.SIDEBAR_GROUP_TAG=Z.SIDEBAR_GROUP_TAG,exports.SIDEBAR_ITEM_TAG=Z.SIDEBAR_ITEM_TAG,exports.SIDEBAR_TAG=Z.SIDEBAR_TAG,exports.SKELETON_TAG=E.SKELETON_TAG,exports.SLIDER_SIZE_PRESET=i.SLIDER_SIZE_PRESET,exports.SLIDER_TAG=G.SLIDER_TAG,exports.SWITCH_SIZE_PRESET=i.SWITCH_SIZE_PRESET,exports.SWITCH_TAG=K.SWITCH_TAG,exports.TABLE_TAG=m.TABLE_TAG,exports.TABS_CTX=_.TABS_CTX,exports.TABS_TAG=_.TABS_TAG,exports.TAB_ITEM_TAG=y.TAB_ITEM_TAG,exports.TAB_PANEL_TAG=b.TAB_PANEL_TAG,exports.TEXTAREA_SIZE_PRESET=i.TEXTAREA_SIZE_PRESET,exports.TEXTAREA_TAG=q.TEXTAREA_TAG,exports.TEXT_TAG=h.TEXT_TAG,exports.TIME_PICKER_TAG=J.TIME_PICKER_TAG,exports.TOAST_TAG=O.TOAST_TAG,exports.TOOLTIP_TAG=le.TOOLTIP_TAG,exports.TYPING_INDICATOR_TAG=D.TYPING_INDICATOR_TAG,exports.commonProps=r.commonProps,exports.createToastService=O.createToastService,exports.disablableBundle=r.disablableBundle,exports.elevatableBundle=r.elevatableBundle,exports.loadableBundle=r.loadableBundle,exports.registerIcons=t.registerIcons,exports.roundableBundle=r.roundableBundle,exports.sizableBundle=r.sizableBundle,exports.themableBundle=r.themableBundle,exports.toast=O.toast;

package/dist/index.js

@@ -2,63 +2,64 @@ import { CODE_WINDOW_TAG as e } from "./code-window.js";
 import { ICON_TAG as t, registerIcons as n } from "./icon.js";
 import { COPY_COMMAND_TAG as r } from "./copy-command.js";
 import { commonProps as i, disablableBundle as a, elevatableBundle as o, loadableBundle as s, roundableBundle as c, sizableBundle as l, themableBundle as u } from "./shared/prop-bundles.js";
-import { CONTROL_SIZE_PRESET as d, FIELD_SIZE_PRESET as f, FILE_INPUT_SIZE_PRESET as p, SLIDER_SIZE_PRESET as m, SWITCH_SIZE_PRESET as h, TEXTAREA_SIZE_PRESET as g } from "./shared/size-presets.js";
-import { PROGRESS_TAG as _ } from "./progress.js";
-import { RefineConfigError as v, RefineError as y } from "./errors.js";
-import { CAROUSEL_SLIDE_TAG as b } from "./content/carousel/carousel-slide.js";
-import { CAROUSEL_TAG as x } from "./carousel.js";
-import { AVATAR_GROUP_TAG as S, AVATAR_TAG as C } from "./avatar.js";
-import { BREADCRUMB_ITEM_TAG as w, BREADCRUMB_TAG as T } from "./breadcrumb.js";
-import { CARD_TAG as E } from "./card.js";
-import { CHAT_MESSAGE_TAG as D } from "./chat-message.js";
-import { BUTTON_GROUP_CTX as O, BUTTON_GROUP_TAG as k } from "./button-group.js";
-import { FORM_CTX as A } from "./inputs/shared/form-context.js";
-import { BUTTON_TAG as j } from "./button.js";
-import { PAGINATION_TAG as M } from "./pagination.js";
-import { SEPARATOR_TAG as N } from "./separator.js";
-import { TABLE_TAG as P } from "./table.js";
-import { TEXT_TAG as F } from "./text.js";
-import { ACCORDION_CTX as I, ACCORDION_TAG as L } from "./accordion.js";
-import { TABS_CTX as R, TABS_TAG as z } from "./tabs.js";
-import { ACCORDION_ITEM_TAG as B } from "./accordion-item.js";
-import { TAB_ITEM_TAG as V } from "./tab-item.js";
-import { TAB_PANEL_TAG as H } from "./tab-panel.js";
-import { ASYNC_TAG as U } from "./async.js";
-import { ALERT_TAG as W } from "./alert.js";
-import { BADGE_TAG as G } from "./badge.js";
-import { CHIP_TAG as K } from "./chip.js";
-import { PASSWORD_STRENGTH_TAG as q } from "./password-strength.js";
-import { SKELETON_TAG as J } from "./skeleton.js";
-import { TYPING_INDICATOR_TAG as Y } from "./typing-indicator.js";
-import { TOAST_TAG as X, createToastService as Z, toast as Q } from "./toast.js";
-import { CHECKBOX_GROUP_CTX as $, CHECKBOX_GROUP_TAG as ee } from "./checkbox-group.js";
-import { CHECKBOX_TAG as te } from "./checkbox.js";
-import { INPUT_TAG as ne } from "./input.js";
-import { COMBOBOX_TAG as re } from "./combobox.js";
-import { SELECT_TAG as ie } from "./select.js";
-import { POPOVER_TAG as ae } from "./popover.js";
-import { DATAGRID_TAG as oe } from "./datagrid.js";
-import { CALENDAR_TAG as se } from "./calendar.js";
-import { DATE_PICKER_TAG as ce } from "./date-picker.js";
-import { FILE_INPUT_TAG as le } from "./file-input.js";
-import { FORM_TAG as ue } from "./form.js";
-import { NUMBER_INPUT_TAG as de } from "./number-input.js";
-import { OTP_INPUT_TAG as fe } from "./otp-input.js";
-import { RADIO_GROUP_CTX as pe, RADIO_GROUP_TAG as me } from "./radio-group.js";
-import { RADIO_TAG as he } from "./radio.js";
-import { RATING_TAG as ge } from "./rating.js";
-import { SLIDER_TAG as _e } from "./slider.js";
-import { SWITCH_TAG as ve } from "./switch.js";
-import { TEXTAREA_TAG as ye } from "./textarea.js";
-import { TIME_PICKER_TAG as be } from "./time-picker.js";
-import { BOX_TAG as xe } from "./box.js";
-import { GRID_ITEM_TAG as Se } from "./grid-item.js";
-import { GRID_TAG as Ce } from "./grid.js";
-import { NAVBAR_CTX as we, NAVBAR_ITEM_TAG as Te, NAVBAR_TAG as Ee } from "./navbar.js";
-import { SIDEBAR_CTX as De, SIDEBAR_GROUP_TAG as Oe, SIDEBAR_ITEM_TAG as ke, SIDEBAR_TAG as Ae } from "./sidebar.js";
-import { COMMAND_PALETTE_ITEM_TAG as je, COMMAND_PALETTE_TAG as Me } from "./command-palette.js";
-import { DIALOG_TAG as Ne } from "./dialog.js";
-import { DRAWER_TAG as Pe } from "./drawer.js";
-import { MENU_ITEM_TAG as Fe, MENU_TAG as Ie } from "./menu.js";
-import { TOOLTIP_TAG as Le } from "./tooltip.js";
-export { I as ACCORDION_CTX, B as ACCORDION_ITEM_TAG, L as ACCORDION_TAG, W as ALERT_TAG, U as ASYNC_TAG, S as AVATAR_GROUP_TAG, C as AVATAR_TAG, G as BADGE_TAG, xe as BOX_TAG, w as BREADCRUMB_ITEM_TAG, T as BREADCRUMB_TAG, O as BUTTON_GROUP_CTX, k as BUTTON_GROUP_TAG, j as BUTTON_TAG, se as CALENDAR_TAG, E as CARD_TAG, b as CAROUSEL_SLIDE_TAG, x as CAROUSEL_TAG, D as CHAT_MESSAGE_TAG, $ as CHECKBOX_GROUP_CTX, ee as CHECKBOX_GROUP_TAG, te as CHECKBOX_TAG, K as CHIP_TAG, e as CODE_WINDOW_TAG, re as COMBOBOX_TAG, je as COMMAND_PALETTE_ITEM_TAG, Me as COMMAND_PALETTE_TAG, d as CONTROL_SIZE_PRESET, r as COPY_COMMAND_TAG, oe as DATAGRID_TAG, ce as DATE_PICKER_TAG, Ne as DIALOG_TAG, Pe as DRAWER_TAG, f as FIELD_SIZE_PRESET, p as FILE_INPUT_SIZE_PRESET, le as FILE_INPUT_TAG, A as FORM_CTX, ue as FORM_TAG, Se as GRID_ITEM_TAG, Ce as GRID_TAG, t as ICON_TAG, ne as INPUT_TAG, Fe as MENU_ITEM_TAG, Ie as MENU_TAG, we as NAVBAR_CTX, Te as NAVBAR_ITEM_TAG, Ee as NAVBAR_TAG, de as NUMBER_INPUT_TAG, fe as OTP_INPUT_TAG, M as PAGINATION_TAG, q as PASSWORD_STRENGTH_TAG, ae as POPOVER_TAG, _ as PROGRESS_TAG, pe as RADIO_GROUP_CTX, me as RADIO_GROUP_TAG, he as RADIO_TAG, ge as RATING_TAG, v as RefineConfigError, y as RefineError, ie as SELECT_TAG, N as SEPARATOR_TAG, De as SIDEBAR_CTX, Oe as SIDEBAR_GROUP_TAG, ke as SIDEBAR_ITEM_TAG, Ae as SIDEBAR_TAG, J as SKELETON_TAG, m as SLIDER_SIZE_PRESET, _e as SLIDER_TAG, h as SWITCH_SIZE_PRESET, ve as SWITCH_TAG, P as TABLE_TAG, R as TABS_CTX, z as TABS_TAG, V as TAB_ITEM_TAG, H as TAB_PANEL_TAG, g as TEXTAREA_SIZE_PRESET, ye as TEXTAREA_TAG, F as TEXT_TAG, be as TIME_PICKER_TAG, X as TOAST_TAG, Le as TOOLTIP_TAG, Y as TYPING_INDICATOR_TAG, i as commonProps, Z as createToastService, a as disablableBundle, o as elevatableBundle, s as loadableBundle, n as registerIcons, c as roundableBundle, l as sizableBundle, u as themableBundle, Q as toast };
+import { CONTROL_SIZE_PRESET as d, FIELD_SIZE_PRESET as f, FILE_INPUT_SIZE_PRESET as p, MESSAGE_COMPOSER_SIZE_PRESET as m, SLIDER_SIZE_PRESET as h, SWITCH_SIZE_PRESET as g, TEXTAREA_SIZE_PRESET as _ } from "./shared/size-presets.js";
+import { PROGRESS_TAG as v } from "./progress.js";
+import { RefineConfigError as y, RefineError as b } from "./errors.js";
+import { CAROUSEL_SLIDE_TAG as x } from "./content/carousel/carousel-slide.js";
+import { CAROUSEL_TAG as S } from "./carousel.js";
+import { AVATAR_GROUP_TAG as C, AVATAR_TAG as w } from "./avatar.js";
+import { BREADCRUMB_ITEM_TAG as T, BREADCRUMB_TAG as E } from "./breadcrumb.js";
+import { CARD_TAG as D } from "./card.js";
+import { CHAT_MESSAGE_TAG as O } from "./chat-message.js";
+import { BUTTON_GROUP_CTX as k, BUTTON_GROUP_TAG as A } from "./button-group.js";
+import { FORM_CTX as j } from "./inputs/shared/form-context.js";
+import { BUTTON_TAG as M } from "./button.js";
+import { PAGINATION_TAG as N } from "./pagination.js";
+import { SEPARATOR_TAG as P } from "./separator.js";
+import { TABLE_TAG as F } from "./table.js";
+import { TEXT_TAG as I } from "./text.js";
+import { ACCORDION_CTX as L, ACCORDION_TAG as R } from "./accordion.js";
+import { TABS_CTX as z, TABS_TAG as B } from "./tabs.js";
+import { ACCORDION_ITEM_TAG as V } from "./accordion-item.js";
+import { TAB_ITEM_TAG as H } from "./tab-item.js";
+import { TAB_PANEL_TAG as U } from "./tab-panel.js";
+import { ASYNC_TAG as W } from "./async.js";
+import { ALERT_TAG as G } from "./alert.js";
+import { BADGE_TAG as K } from "./badge.js";
+import { CHIP_TAG as q } from "./chip.js";
+import { PASSWORD_STRENGTH_TAG as J } from "./password-strength.js";
+import { SKELETON_TAG as Y } from "./skeleton.js";
+import { TYPING_INDICATOR_TAG as X } from "./typing-indicator.js";
+import { TOAST_TAG as Z, createToastService as Q, toast as $ } from "./toast.js";
+import { CHECKBOX_GROUP_CTX as ee, CHECKBOX_GROUP_TAG as te } from "./checkbox-group.js";
+import { CHECKBOX_TAG as ne } from "./checkbox.js";
+import { INPUT_TAG as re } from "./input.js";
+import { COMBOBOX_TAG as ie } from "./combobox.js";
+import { SELECT_TAG as ae } from "./select.js";
+import { POPOVER_TAG as oe } from "./popover.js";
+import { DATAGRID_TAG as se } from "./datagrid.js";
+import { CALENDAR_TAG as ce } from "./calendar.js";
+import { DATE_PICKER_TAG as le } from "./date-picker.js";
+import { FILE_INPUT_TAG as ue } from "./file-input.js";
+import { FORM_TAG as de } from "./form.js";
+import { MESSAGE_COMPOSER_TAG as fe } from "./message-composer.js";
+import { NUMBER_INPUT_TAG as pe } from "./number-input.js";
+import { OTP_INPUT_TAG as me } from "./otp-input.js";
+import { RADIO_GROUP_CTX as he, RADIO_GROUP_TAG as ge } from "./radio-group.js";
+import { RADIO_TAG as _e } from "./radio.js";
+import { RATING_TAG as ve } from "./rating.js";
+import { SLIDER_TAG as ye } from "./slider.js";
+import { SWITCH_TAG as be } from "./switch.js";
+import { TEXTAREA_TAG as xe } from "./textarea.js";
+import { TIME_PICKER_TAG as Se } from "./time-picker.js";
+import { BOX_TAG as Ce } from "./box.js";
+import { GRID_ITEM_TAG as we } from "./grid-item.js";
+import { GRID_TAG as Te } from "./grid.js";
+import { NAVBAR_CTX as Ee, NAVBAR_ITEM_TAG as De, NAVBAR_TAG as Oe } from "./navbar.js";
+import { SIDEBAR_CTX as ke, SIDEBAR_GROUP_TAG as Ae, SIDEBAR_ITEM_TAG as je, SIDEBAR_TAG as Me } from "./sidebar.js";
+import { COMMAND_PALETTE_ITEM_TAG as Ne, COMMAND_PALETTE_TAG as Pe } from "./command-palette.js";
+import { DIALOG_TAG as Fe } from "./dialog.js";
+import { DRAWER_TAG as Ie } from "./drawer.js";
+import { MENU_ITEM_TAG as Le, MENU_TAG as Re } from "./menu.js";
+import { TOOLTIP_TAG as ze } from "./tooltip.js";
+export { L as ACCORDION_CTX, V as ACCORDION_ITEM_TAG, R as ACCORDION_TAG, G as ALERT_TAG, W as ASYNC_TAG, C as AVATAR_GROUP_TAG, w as AVATAR_TAG, K as BADGE_TAG, Ce as BOX_TAG, T as BREADCRUMB_ITEM_TAG, E as BREADCRUMB_TAG, k as BUTTON_GROUP_CTX, A as BUTTON_GROUP_TAG, M as BUTTON_TAG, ce as CALENDAR_TAG, D as CARD_TAG, x as CAROUSEL_SLIDE_TAG, S as CAROUSEL_TAG, O as CHAT_MESSAGE_TAG, ee as CHECKBOX_GROUP_CTX, te as CHECKBOX_GROUP_TAG, ne as CHECKBOX_TAG, q as CHIP_TAG, e as CODE_WINDOW_TAG, ie as COMBOBOX_TAG, Ne as COMMAND_PALETTE_ITEM_TAG, Pe as COMMAND_PALETTE_TAG, d as CONTROL_SIZE_PRESET, r as COPY_COMMAND_TAG, se as DATAGRID_TAG, le as DATE_PICKER_TAG, Fe as DIALOG_TAG, Ie as DRAWER_TAG, f as FIELD_SIZE_PRESET, p as FILE_INPUT_SIZE_PRESET, ue as FILE_INPUT_TAG, j as FORM_CTX, de as FORM_TAG, we as GRID_ITEM_TAG, Te as GRID_TAG, t as ICON_TAG, re as INPUT_TAG, Le as MENU_ITEM_TAG, Re as MENU_TAG, m as MESSAGE_COMPOSER_SIZE_PRESET, fe as MESSAGE_COMPOSER_TAG, Ee as NAVBAR_CTX, De as NAVBAR_ITEM_TAG, Oe as NAVBAR_TAG, pe as NUMBER_INPUT_TAG, me as OTP_INPUT_TAG, N as PAGINATION_TAG, J as PASSWORD_STRENGTH_TAG, oe as POPOVER_TAG, v as PROGRESS_TAG, he as RADIO_GROUP_CTX, ge as RADIO_GROUP_TAG, _e as RADIO_TAG, ve as RATING_TAG, y as RefineConfigError, b as RefineError, ae as SELECT_TAG, P as SEPARATOR_TAG, ke as SIDEBAR_CTX, Ae as SIDEBAR_GROUP_TAG, je as SIDEBAR_ITEM_TAG, Me as SIDEBAR_TAG, Y as SKELETON_TAG, h as SLIDER_SIZE_PRESET, ye as SLIDER_TAG, g as SWITCH_SIZE_PRESET, be as SWITCH_TAG, F as TABLE_TAG, z as TABS_CTX, B as TABS_TAG, H as TAB_ITEM_TAG, U as TAB_PANEL_TAG, _ as TEXTAREA_SIZE_PRESET, xe as TEXTAREA_TAG, I as TEXT_TAG, Se as TIME_PICKER_TAG, Z as TOAST_TAG, ze as TOOLTIP_TAG, X as TYPING_INDICATOR_TAG, i as commonProps, Q as createToastService, a as disablableBundle, o as elevatableBundle, s as loadableBundle, n as registerIcons, c as roundableBundle, l as sizableBundle, u as themableBundle, $ as toast };

package/dist/input.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./ore/dist/directives/live.cjs");require("./ore/dist/directives.cjs");const t=require("./styles/mixins/shape.css.cjs"),n=require("./styles/mixins/theme.css.cjs"),r=require("./styles/index.cjs"),i=require("./shared/prop-bundles.cjs"),a=require("./shared/size-presets.cjs"),o=require("./headless/ore.cjs"),s=require("./headless/text-field.cjs"),c=require("./ore/dist/forms/field.cjs");require("./ore/dist/forms.cjs");const l=require("./inputs/shared/form-context.cjs"),u=require("./inputs/input/input.css.cjs");let d=require("@vielzeug/ore"),f=require("@vielzeug/ripple");var p=[`text`,`email`,`password`,`search`,`url`,`tel`,`number`,`date`,`time`,`datetime-local`,`month`,`week`],m=`ore-input`;(0,d.define)(m,{formAssociated:!0,props:{...i.themableBundle,...i.sizableBundle,...i.disablableBundle,...i.roundableBundle,autocomplete:d.prop.string(),clearable:d.prop.bool(!1),error:d.prop.string(),fullwidth:d.prop.bool(!1),helper:d.prop.string(),inputmode:d.prop.string(),label:d.prop.string(),"label-placement":d.prop.oneOf([`inset`,`outside`],`inset`),maxlength:d.prop.json(void 0),minlength:d.prop.json(void 0),name:d.prop.string(),pattern:d.prop.string(),placeholder:d.prop.string(),readonly:d.prop.bool(!1),ref:d.prop.json(void 0),required:d.prop.bool(!1),type:d.prop.oneOf(p,`text`),value:d.prop.string(),variant:d.prop.string()},setup(t){let n=(0,d.useEmit)(),r=(0,d.useSlots)(),i=(0,d.inject)(l.FORM_CTX),a=l.useFormContext(t,i),u=(0,f.signal)(!1),p=(0,d.ref)(),m=(0,f.computed)(()=>!!t.label.value||r.has(`label`).value),h=o.lifecycleSignal(d.onCleanup),g=null,_=s.createTextField({disabled:a.disabled,error:t.error,getFormField:()=>g,hasLabel:m,helper:t.helper,label:t.label,labelPlacement:t[`label-placement`],maxLength:t.maxlength,onChange:(e,t)=>{n(`change`,{originalEvent:e,value:t})},onInput:(e,t)=>{n(`input`,{originalEvent:e,value:t})},prefix:`input`,signal:h,validateOn:i?.validateOn,value:t.value});g=c.useField({disabled:_.disabled,toFormValue:e=>e,value:_.value});let{ariaDescribedBy:v,ariaErrorMessage:y,ariaInvalid:b,ariaLabelledBy:x,assistiveId:S,clear:C,counter:w,errorId:T,errorText:E,fieldId:D,helperText:O,labelId:k,labelVisible:A,value:j,wire:M}=_;return(0,d.onElement)(p,e=>{M(e,h),t.ref.value?.(e);let n=(0,f.watch)(t.ref,t=>{t?.(e)});return()=>{n.dispose(),t.ref.value?.(null)}}),(0,d.bind)({attr:{error:()=>E.value||void 0,"has-value":()=>j.value?!0:void 0,size:a.size,variant:a.variant}}),d.html`
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./ore/dist/directives/live.cjs");require("./ore/dist/directives.cjs");const t=require("./styles/mixins/shape.css.cjs"),n=require("./styles/mixins/theme.css.cjs"),r=require("./styles/index.cjs"),i=require("./shared/prop-bundles.cjs"),a=require("./shared/size-presets.cjs"),o=require("./headless/ore.cjs"),s=require("./headless/text-field.cjs"),c=require("./ore/dist/forms/field.cjs");require("./ore/dist/forms.cjs");const l=require("./inputs/shared/field-binding.cjs"),u=require("./inputs/shared/form-context.cjs"),d=require("./inputs/input/input.css.cjs");let f=require("@vielzeug/ore"),p=require("@vielzeug/ripple");var m=[`text`,`email`,`password`,`search`,`url`,`tel`,`number`,`date`,`time`,`datetime-local`,`month`,`week`],h=`ore-input`;(0,f.define)(h,{formAssociated:!0,props:{...i.themableBundle,...i.sizableBundle,...i.disablableBundle,...i.roundableBundle,autocomplete:f.prop.string(),clearable:f.prop.bool(!1),error:f.prop.string(),fullwidth:f.prop.bool(!1),helper:f.prop.string(),inputmode:f.prop.string(),label:f.prop.string(),"label-placement":f.prop.oneOf([`inset`,`outside`],`inset`),maxlength:f.prop.json(void 0),minlength:f.prop.json(void 0),name:f.prop.string(),pattern:f.prop.string(),placeholder:f.prop.string(),readonly:f.prop.bool(!1),ref:f.prop.json(void 0),required:f.prop.bool(!1),type:f.prop.oneOf(m,`text`),value:f.prop.string(),variant:f.prop.string()},setup(t){let n=(0,f.useEmit)(),r=(0,f.useSlots)(),i=(0,f.inject)(u.FORM_CTX),a=u.useFormContext(t,i),d=(0,p.signal)(!1),m=(0,f.ref)(),h=(0,p.computed)(()=>!!t.label.value||r.has(`label`).value),g=o.lifecycleSignal(f.onCleanup),_=s.createTextField({disabled:a.disabled,error:t.error,hasLabel:h,helper:t.helper,label:t.label,labelPlacement:t[`label-placement`],maxLength:t.maxlength,onChange:(e,t)=>{n(`change`,{originalEvent:e,value:t})},onInput:(e,t)=>{n(`input`,{originalEvent:e,value:t})},prefix:`input`,readonly:t.readonly,required:t.required,signal:g,validateOn:i?.validateOn,value:t.value});_.attachFormField(c.useField({disabled:_.disabled,onReset:_.reset,toFormValue:e=>e,validationMessage:_.validationMessage,validity:_.validity,value:_.value}));let{ariaDescribedBy:v,ariaErrorMessage:y,ariaInvalid:b,ariaLabelledBy:x,assistiveId:S,clear:C,counter:w,errorId:T,errorText:E,fieldId:D,helperText:O,labelId:k,labelVisible:A,value:j,wire:M}=_;return(0,f.onElement)(m,e=>{M(e,g),t.ref.value?.(e);let n=(0,p.watch)(t.ref,t=>{t?.(e)});return()=>{n.dispose(),t.ref.value?.(null)}}),(0,f.bind)({attr:{error:l.errorAttr(E),"has-value":()=>j.value?!0:void 0,size:a.size,variant:a.variant}}),f.html`
       <div class="input-wrapper" part="wrapper">
         <label class="label" for="${D}" id="${k}" part="label" ?hidden="${()=>!A.value}"
           ><slot name="label">${t.label}</slot></label
@@ -9,7 +9,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
             <input
               part="input"
               id="${D}"
-              :type="${()=>t.type.value===`password`&&u.value?`text`:t.type.value??`text`}"
+              :type="${()=>t.type.value===`password`&&d.value?`text`:t.type.value??`text`}"
               :name="${t.name}"
               :placeholder="${t.placeholder}"
               :autocomplete="${t.autocomplete}"
@@ -25,17 +25,17 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
               :aria-describedby="${v}"
               :aria-errormessage="${y}"
               :aria-invalid="${b}"
-              ref="${p}" />
+              ref="${m}" />
             <slot name="suffix"></slot>
             <button
               class="pwd-toggle-btn"
               part="pwd-toggle"
               type="button"
-              :aria-label="${()=>u.value?`Hide password`:`Show password`}"
-              :aria-pressed="${()=>String(u.value)}"
+              :aria-label="${()=>d.value?`Hide password`:`Show password`}"
+              :aria-pressed="${()=>String(d.value)}"
               :tabindex="${()=>t.type.value===`password`?`0`:`-1`}"
-              @click="${()=>{u.value=!u.value,p.value?.focus()}}">
-              ${()=>u.value?d.html`<ore-icon name="eye-off" size="14" stroke-width="2" aria-hidden="true"></ore-icon>`:d.html`<ore-icon name="eye" size="14" stroke-width="2" aria-hidden="true"></ore-icon>`}
+              @click="${()=>{d.value=!d.value,m.value?.focus()}}">
+              ${()=>d.value?f.html`<ore-icon name="eye-off" size="14" stroke-width="2" aria-hidden="true"></ore-icon>`:f.html`<ore-icon name="eye" size="14" stroke-width="2" aria-hidden="true"></ore-icon>`}
             </button>
             <button
               aria-label="Clear"
@@ -43,7 +43,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
               part="clear"
               type="button"
               :tabindex="${()=>j.value?`0`:`-1`}"
-              @click="${e=>{C(e),p.value?.focus()}}">
+              @click="${e=>{C(e),m.value?.focus()}}">
               <ore-icon aria-hidden="true" name="x" size="12" stroke-width="2.5"></ore-icon>
             </button>
           </div>
@@ -63,5 +63,5 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
           ${()=>w?.value.counterText??``}
         </div>
       </div>
-    `},shadow:{delegatesFocus:!0},styles:[...r.fieldMixins,t.sizeVariantMixin(a.FIELD_SIZE_PRESET),n.forcedColorsFocusMixin(`input`),u.default]}),exports.INPUT_TAG=m;
+    `},shadow:{delegatesFocus:!0},styles:[...r.fieldMixins,t.sizeVariantMixin(a.FIELD_SIZE_PRESET),n.forcedColorsFocusMixin(`input`),d.default]}),exports.INPUT_TAG=h;
 //# sourceMappingURL=input.cjs.map