@vielzeug/refine 1.8.0 → 2.0.0

package/dist/inputs/datagrid/datagrid-controls.js

@@ -1,147 +0,0 @@
-import { computed as e, signal as t, watch as n } from "@vielzeug/ripple";
-//#region src/inputs/datagrid/datagrid-controls.ts
-var r = [
-	{
-		label: "Contains",
-		value: "contains"
-	},
-	{
-		label: "Equals",
-		value: "equals"
-	},
-	{
-		label: "Greater than",
-		value: "gt"
-	},
-	{
-		label: "Less than",
-		value: "lt"
-	}
-], i = (i) => {
-	let a = t(""), o = t(!1), s = t(/* @__PURE__ */ new Set()), c = t(/* @__PURE__ */ new Set()), l = t(/* @__PURE__ */ new Map()), u = e(() => {
-		let e = new Set((i.filterOptions.value ?? []).map((e) => e.key)), t = [...c.value].filter((t) => !e.has(t));
-		if (!t.length) return /* @__PURE__ */ new Map();
-		let n = i.rows.value, r = /* @__PURE__ */ new Map();
-		for (let e of t) {
-			let t = /* @__PURE__ */ new Set(), i = [];
-			for (let r of n) {
-				let n = r[e], a = n == null ? "" : String(n);
-				t.has(a) || (t.add(a), i.push({
-					label: a || "(empty)",
-					value: a
-				}));
-			}
-			r.set(e, i);
-		}
-		return r;
-	}), d = e(() => {
-		let e = i.filterOptions.value ?? [], t = new Set(e.map((e) => e.key)), n = [...c.value].filter((e) => !t.has(e)).map((e) => ({
-			key: e,
-			label: i.columns.value.find((t) => t.key === e)?.label ?? e,
-			operators: r,
-			options: u.value.get(e) ?? []
-		}));
-		return [...e.map((e) => ({
-			...e,
-			operators: e.operators ?? r
-		})), ...n];
-	});
-	n(e(() => new Set(i.columns.value.map((e) => e.key))), (e) => {
-		let t = new Set([...c.value].filter((t) => e.has(t)));
-		t.size !== c.value.size && (c.value = t);
-		let n = new Map([...l.value].filter(([t]) => e.has(t)));
-		n.size !== l.value.size && (l.value = n);
-	}, { immediate: !1 });
-	let f = e(() => {
-		let e = i.rows.value, t = a.value.trim().toLowerCase();
-		return t ? e.filter((e) => Object.values(e).some((e) => e != null && String(e).toLowerCase().includes(t))) : e;
-	});
-	return {
-		activateFilterKey: (e) => {
-			c.value.has(e) || (c.value = /* @__PURE__ */ new Set([...c.value, e]));
-		},
-		clearAllFilters: () => {
-			c.value = /* @__PURE__ */ new Set(), l.value = /* @__PURE__ */ new Map();
-		},
-		filterDefs: d,
-		filteredRows: e(() => {
-			let e = f.value, t = l.value;
-			if (!t.size) return e;
-			let n = new Set(i.columns.value.map((e) => e.key));
-			return e.filter((e) => {
-				for (let [r, i] of t) {
-					if (!i.values.size || !n.has(r)) continue;
-					let t = e[r], a = t == null ? "" : String(t);
-					if (i.operator === "equals") {
-						if (!i.values.has(a)) return !1;
-					} else if (i.operator === "contains") {
-						if (![...i.values].some((e) => a.toLowerCase().includes(e.toLowerCase()))) return !1;
-					} else if (i.operator === "gt" || i.operator === "lt") {
-						let e = parseFloat(a), t = [...i.values].map(parseFloat).filter((e) => !isNaN(e));
-						if (!t.length) continue;
-						if (i.operator === "gt") {
-							if (!t.some((t) => e > t)) return !1;
-						} else if (!t.some((t) => e < t)) return !1;
-					}
-				}
-				return !0;
-			});
-		}),
-		filterValues: l,
-		hiddenColumns: s,
-		removeFilter: (e) => {
-			let t = new Set(c.value);
-			t.delete(e), c.value = t;
-			let n = new Map(l.value);
-			n.delete(e), l.value = n;
-		},
-		resetFilters: () => {
-			c.value = /* @__PURE__ */ new Set(), l.value = /* @__PURE__ */ new Map();
-		},
-		resetSearch: () => {
-			a.value = "", o.value = !1;
-		},
-		searchActive: o,
-		searchQuery: a,
-		setActiveFilterKeys: (e) => {
-			let t = new Set(e);
-			c.value = t;
-			let n = new Map(l.value), r = !1;
-			for (let e of n.keys()) t.has(e) || (n.delete(e), r = !0);
-			r && (l.value = n);
-		},
-		setFilter: (e, t) => {
-			let n = new Map(l.value);
-			if (t.length === 0) n.delete(e);
-			else {
-				let r = n.get(e);
-				n.set(e, {
-					operator: r?.operator ?? "contains",
-					values: new Set(t)
-				});
-			}
-			l.value = n;
-		},
-		setFilterOperator: (e, t) => {
-			let n = new Map(l.value), r = n.get(e);
-			r && (n.set(e, {
-				...r,
-				operator: t
-			}), l.value = n);
-		},
-		setSearchQuery: (e) => {
-			a.value = e;
-		},
-		toggleColumnVisibility: (e) => {
-			let t = new Set(s.value);
-			t.has(e) ? t.delete(e) : t.add(e), s.value = t;
-		},
-		toggleSearch: () => {
-			o.value && (a.value = ""), o.value = !o.value;
-		}
-	};
-};
-//#endregion
-export { i as createDataGridControls };
-
-//# sourceMappingURL=datagrid-controls.js.map

package/dist/inputs/datagrid/datagrid-controls.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"datagrid-controls.js","names":[],"sources":["../../../src/inputs/datagrid/datagrid-controls.ts"],"sourcesContent":["import { computed, signal, type Readable, watch } from '@vielzeug/ripple';\n\nimport type { DataGridColumn } from '../../headless';\n\n// ── Types ──────────────────────────────────────────────────────────────────────\n\n/**\n * A single filter option definition — the available choices shown in the filter picker\n * for one column. When `filterOptions` is not provided on the grid, options are\n * auto-derived from the current row data.\n */\nexport type FilterOption = {\n  key: string;\n  label: string;\n  operators?: { label: string; value: string }[];\n  options: { label?: string; value: string }[];\n};\n\nexport type FilterOperator = 'contains' | 'equals' | 'gt' | 'lt';\n\nexport type FilterRule = {\n  operator: FilterOperator;\n  values: Set<string>;\n};\n\nexport type DataGridView = {\n  /** Unique identifier for this view. */\n  id: string;\n  /** Display label shown in the tab. */\n  label: string;\n};\n\nexport type DataGridControlsOptions = {\n  /** Reactive column definitions — used to auto-derive filter options and prune stale state. */\n  columns: Readable<DataGridColumn[]>;\n  /**\n   * Pre-defined filter option definitions per column key.\n   * When set, these replace auto-derived options for matching keys.\n   */\n  filterOptions: Readable<FilterOption[] | undefined>;\n  /** Reactive row data — searched and filtered to produce `filteredRows`. */\n  rows: Readable<Record<string, unknown>[]>;\n};\n\nexport type DataGridControlsHandle = {\n  /** Add a column key to the active filter set (makes its rule appear in the UI). */\n  activateFilterKey(key: string): void;\n  /** Clear all active filter rules and values. */\n  clearAllFilters(): void;\n  /**\n   * Merged filter option definitions (provided + user-activated auto-derived).\n   * A key's presence means its filter rule is visible in the UI.\n   */\n  readonly filterDefs: Readable<FilterOption[]>;\n  /**\n   * Rows after applying search and filter. Pass this as the `items` source\n   * to the table control so the headless module owns the full data pipeline.\n   */\n  readonly filteredRows: Readable<Record<string, unknown>[]>;\n  /** Unified filter state: column key → filter rule (operator + values). */\n  readonly filterValues: Readable<Map<string, FilterRule>>;\n  /** Set of column keys hidden by the user. */\n  readonly hiddenColumns: Readable<Set<string>>;\n  /** Remove a column's filter rule and clear its selected values. */\n  removeFilter(key: string): void;\n  /** Clear all active filter rules and values. Alias for clearAllFilters, provided for symmetry with resetSearch. */\n  resetFilters(): void;\n  /** Clear search state (query + active flag). Column visibility is a persistent preference and is never reset. */\n  resetSearch(): void;\n  /** Whether the inline search input is currently open. */\n  readonly searchActive: Readable<boolean>;\n  /** Current text search query. */\n  readonly searchQuery: Readable<string>;\n  /** Set the active filter keys at once, pruning stale values. */\n  setActiveFilterKeys(keys: string[]): void;\n  /** Apply or update a multi-select filter for a column. Pass [] to clear that column's values. */\n  setFilter(key: string, values: string[]): void;\n  /** Update the operator for a specific filter rule. */\n  setFilterOperator(key: string, operator: FilterOperator): void;\n  /** Set the raw search query text directly. */\n  setSearchQuery(q: string): void;\n  /** Toggle a column's visibility. */\n  toggleColumnVisibility(key: string): void;\n  /** Toggle search open/closed. Clears the query on close. */\n  toggleSearch(): void;\n};\n\n// ── Implementation ─────────────────────────────────────────────────────────────\n\nconst DEFAULT_OPERATORS: { label: string; value: FilterOperator }[] = [\n  { label: 'Contains', value: 'contains' },\n  { label: 'Equals', value: 'equals' },\n  { label: 'Greater than', value: 'gt' },\n  { label: 'Less than', value: 'lt' },\n];\n\n/**\n * Headless controls for ore-datagrid: search, filter, column visibility, and derived rows.\n *\n * Design notes:\n * - Filter state uses two signals: activeFilterKeys (Set) drives filterDefs and\n *   the filter rule DOM; filterValues (Map) tracks selected values per key.\n *   Separating them prevents filterDefs from recomputing on value changes, which\n *   would otherwise destroy and recreate the combobox mid-interaction.\n * - colOptions is computed lazily — only for columns with active filter rules,\n *   so the common case (no active filters) costs O(0) row iterations.\n * - filteredRows is derived here (not in the component) so the full data pipeline\n *   lives in one place and can be unit-tested end-to-end.\n */\nexport const createDataGridControls = (options: DataGridControlsOptions): DataGridControlsHandle => {\n  const searchQuery = signal('');\n  const searchActive = signal(false);\n  const hiddenColumns = signal(new Set<string>());\n\n  // Two-signal filter state: activeFilterKeys tracks which rules exist (drives\n  // filterDefs / DOM structure); filterValues tracks selected values per key.\n  // Separating them prevents filterDefs from recomputing — and the filter rule\n  // DOM from being torn down — every time a value is selected.\n  const activeFilterKeys = signal(new Set<string>());\n  const filterValues = signal(new Map<string, FilterRule>());\n\n  // Derive options only for columns that have an active filter rule and are not\n  // covered by externally-provided filterOptions. Lazy: O(activeRules × rows).\n  const colOptions = computed(() => {\n    const externalKeys = new Set((options.filterOptions.value ?? []).map((f) => f.key));\n    const activeKeys = [...activeFilterKeys.value].filter((k) => !externalKeys.has(k));\n\n    if (!activeKeys.length) return new Map<string, { label: string; value: string }[]>();\n\n    const rows = options.rows.value;\n    const map = new Map<string, { label: string; value: string }[]>();\n\n    for (const key of activeKeys) {\n      const seen = new Set<string>();\n      const opts: { label: string; value: string }[] = [];\n\n      for (const row of rows) {\n        const v = row[key];\n        const s = v == null ? '' : String(v);\n\n        if (!seen.has(s)) {\n          seen.add(s);\n          opts.push({ label: s || '(empty)', value: s });\n        }\n      }\n\n      map.set(key, opts);\n    }\n\n    return map;\n  });\n\n  // Merge provided filter options with auto-derived ones for active keys.\n  // Depends only on activeFilterKeys (not filterValues) so adding/removing a\n  // value does not tear down the filter rule DOM.\n  const filterDefs = computed<FilterOption[]>(() => {\n    const provided = options.filterOptions.value ?? [];\n    const providedKeys = new Set(provided.map((f) => f.key));\n    const derived = [...activeFilterKeys.value]\n      .filter((k) => !providedKeys.has(k))\n      .map((k) => {\n        const col = options.columns.value.find((c) => c.key === k);\n\n        return {\n          key: k,\n          label: col?.label ?? k,\n          operators: DEFAULT_OPERATORS,\n          options: colOptions.value.get(k) ?? [],\n        };\n      });\n\n    return [...provided.map((f) => ({ ...f, operators: f.operators ?? DEFAULT_OPERATORS })), ...derived];\n  });\n\n  // Prune stale filter rules when columns are removed.\n  watch(\n    computed(() => new Set(options.columns.value.map((c) => c.key))),\n    (keySet) => {\n      const prunedKeys = new Set([...activeFilterKeys.value].filter((k) => keySet.has(k)));\n\n      if (prunedKeys.size !== activeFilterKeys.value.size) activeFilterKeys.value = prunedKeys;\n\n      const prunedValues = new Map([...filterValues.value].filter(([k]) => keySet.has(k)));\n\n      if (prunedValues.size !== filterValues.value.size) filterValues.value = prunedValues;\n    },\n    { immediate: false },\n  );\n\n  // Full data pipeline: search then filter. Lives here so the headless module\n  // owns the complete input→output contract and can be tested end-to-end.\n  const searchedRows = computed(() => {\n    const rows = options.rows.value;\n    const q = searchQuery.value.trim().toLowerCase();\n\n    if (!q) return rows;\n\n    return rows.filter((row) => Object.values(row).some((v) => v != null && String(v).toLowerCase().includes(q)));\n  });\n\n  const filteredRows = computed(() => {\n    const rows = searchedRows.value;\n    const fv = filterValues.value;\n\n    if (!fv.size) return rows;\n\n    const currentKeys = new Set(options.columns.value.map((c) => c.key));\n\n    return rows.filter((row) => {\n      for (const [key, rule] of fv) {\n        if (!rule.values.size || !currentKeys.has(key)) continue;\n\n        const cell = row[key];\n        const cellValue = cell == null ? '' : String(cell);\n\n        if (rule.operator === 'equals') {\n          if (!rule.values.has(cellValue)) return false;\n        } else if (rule.operator === 'contains') {\n          if (![...rule.values].some((v) => cellValue.toLowerCase().includes(v.toLowerCase()))) return false;\n        } else if (rule.operator === 'gt' || rule.operator === 'lt') {\n          const num = parseFloat(cellValue);\n          const targets = [...rule.values].map(parseFloat).filter((n) => !isNaN(n));\n\n          if (!targets.length) continue;\n\n          if (rule.operator === 'gt') {\n            if (!targets.some((t) => num > t)) return false;\n          } else {\n            if (!targets.some((t) => num < t)) return false;\n          }\n        }\n      }\n\n      return true;\n    });\n  });\n\n  const setFilter = (key: string, values: string[]): void => {\n    const next = new Map(filterValues.value);\n\n    if (values.length === 0) {\n      next.delete(key);\n    } else {\n      const existing = next.get(key);\n\n      next.set(key, { operator: existing?.operator ?? 'contains', values: new Set(values) });\n    }\n\n    filterValues.value = next;\n  };\n\n  const setFilterOperator = (key: string, operator: FilterOperator): void => {\n    const next = new Map(filterValues.value);\n    const existing = next.get(key);\n\n    if (existing) {\n      next.set(key, { ...existing, operator });\n\n      filterValues.value = next;\n    }\n  };\n\n  const activateFilterKey = (key: string): void => {\n    if (activeFilterKeys.value.has(key)) return;\n\n    activeFilterKeys.value = new Set([...activeFilterKeys.value, key]);\n  };\n\n  const removeFilter = (key: string): void => {\n    const nextKeys = new Set(activeFilterKeys.value);\n\n    nextKeys.delete(key);\n    activeFilterKeys.value = nextKeys;\n\n    const nextValues = new Map(filterValues.value);\n\n    nextValues.delete(key);\n    filterValues.value = nextValues;\n  };\n\n  const clearAllFilters = (): void => {\n    activeFilterKeys.value = new Set();\n    filterValues.value = new Map();\n  };\n\n  const setSearchQuery = (q: string): void => {\n    searchQuery.value = q;\n  };\n\n  const setActiveFilterKeys = (keys: string[]): void => {\n    const nextKeys = new Set(keys);\n\n    activeFilterKeys.value = nextKeys;\n\n    // Prune values for keys that are no longer active.\n    const nextValues = new Map(filterValues.value);\n    let changed = false;\n\n    for (const k of nextValues.keys()) {\n      if (!nextKeys.has(k)) {\n        nextValues.delete(k);\n        changed = true;\n      }\n    }\n\n    if (changed) filterValues.value = nextValues;\n  };\n\n  const toggleColumnVisibility = (key: string): void => {\n    const next = new Set(hiddenColumns.value);\n\n    if (next.has(key)) {\n      next.delete(key);\n    } else {\n      next.add(key);\n    }\n\n    hiddenColumns.value = next;\n  };\n\n  const toggleSearch = (): void => {\n    if (searchActive.value) searchQuery.value = '';\n\n    searchActive.value = !searchActive.value;\n  };\n\n  const resetSearch = (): void => {\n    searchQuery.value = '';\n    searchActive.value = false;\n  };\n\n  const resetFilters = (): void => {\n    activeFilterKeys.value = new Set();\n    filterValues.value = new Map();\n  };\n\n  return {\n    activateFilterKey,\n    clearAllFilters,\n    filterDefs,\n    filteredRows,\n    filterValues,\n    hiddenColumns,\n    removeFilter,\n    resetFilters,\n    resetSearch,\n    searchActive,\n    searchQuery,\n    setActiveFilterKeys,\n    setFilter,\n    setFilterOperator,\n    setSearchQuery,\n    toggleColumnVisibility,\n    toggleSearch,\n  };\n};\n"],"mappings":"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"}

package/dist/inputs/form/form.css.cjs

@@ -1,2 +0,0 @@
-var e=`@layer refine.base{:host{display:block}form{gap:var(--form-gap,var(--size-4,1rem));align-items:start;display:grid}}@layer refine.orientation{:host([orientation=horizontal]) form{flex-wrap:wrap;align-items:center;display:flex}}`;exports.default=e;
-//# sourceMappingURL=form.css.cjs.map

package/dist/inputs/form/form.css.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"form.css.cjs","names":[],"sources":["../../../src/inputs/form/form.css?inline"],"sourcesContent":["@layer refine.base {\n  :host {\n    display: block;\n  }\n\n  form {\n    display: grid;\n    gap: var(--form-gap, var(--size-4, 1rem));\n    align-items: start;\n  }\n}\n\n@layer refine.orientation {\n  :host([orientation='horizontal']) form {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n  }\n}\n"],"mappings":""}

package/dist/inputs/form/form.css.js

@@ -1,6 +0,0 @@
-//#region src/inputs/form/form.css?inline
-var e = "@layer refine.base{:host{display:block}form{gap:var(--form-gap,var(--size-4,1rem));align-items:start;display:grid}}@layer refine.orientation{:host([orientation=horizontal]) form{flex-wrap:wrap;align-items:center;display:flex}}";
-//#endregion
-export { e as default };
-
-//# sourceMappingURL=form.css.js.map

package/dist/inputs/form/form.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form.css.js","names":[],"sources":["../../../src/inputs/form/form.css?inline"],"sourcesContent":["@layer refine.base {\n  :host {\n    display: block;\n  }\n\n  form {\n    display: grid;\n    gap: var(--form-gap, var(--size-4, 1rem));\n    align-items: start;\n  }\n}\n\n@layer refine.orientation {\n  :host([orientation='horizontal']) form {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n  }\n}\n"],"mappings":""}

package/dist/inputs/form/form.d.ts

@@ -1,59 +0,0 @@
-import type { ValidationTrigger } from '../../headless';
-import type { ComponentSize, VisualVariant } from '../../types';
-/** Form component properties */
-export type OreFormProps = {
-    /** Disabled state */
-    disabled?: boolean;
-    /** No validate */
-    novalidate?: boolean;
-    /** Layout orientation for child fields */
-    orientation?: 'horizontal' | 'vertical';
-    /** Form size preset */
-    size?: ComponentSize;
-    /** Validate on: 'submit' | 'change' | 'blur' | 'input' */
-    validateOn?: ValidationTrigger;
-    /** Form visual variant — propagated to all child form fields via FormContext */
-    variant?: VisualVariant;
-};
-/** Events emitted by the form component */
-export type OreFormEvents = {
-    /** Emitted when the form is reset */
-    reset: {
-        originalEvent: Event;
-    };
-    /** Emitted when the form is submitted */
-    submit: {
-        formData: FormData;
-        originalEvent: SubmitEvent;
-    };
-};
-/**
- * A wrapper for standard HTML form that provides context to child ore-* form fields.
- * Manages shared state like size, variant, and validation timing.
- *
- * @element ore-form
- *
- * @attr {boolean} disabled - Disable all child fields
- * @attr {boolean} novalidate - Disable native browser validation
- * @attr {string} validate-on - When to trigger validation: 'submit' | 'change' | 'blur' | 'input' (default: 'submit')
- *
- * @fires submit - detail: { formData, originalEvent }
- * @fires reset - detail: { originalEvent }
- *
- * @slot - Form controls and content rendered inside the form element.
- * @cssprop --form-gap - Gap between form control rows
- * @part form - Form root element.
- * @example
- * ```html
- * <ore-form @submit=${(e) => console.log(e.detail.formData)}>
- *   <ore-input name="username" label="Username" required></ore-input>
- *   <ore-select name="role" label="Role">
- *     <option value="user">User</option>
- *     <option value="admin">Admin</option>
- *   </ore-select>
- *   <ore-button type="submit">Submit</ore-button>
- * </ore-form>
- * ```
- */
-export declare const FORM_TAG: "ore-form";
-//# sourceMappingURL=form.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/inputs/form/form.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAKhE,gCAAgC;AAChC,MAAM,MAAM,YAAY,GAAG;IACzB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,uBAAuB;IACvB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,gFAAgF;IAChF,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC;AAEF,2CAA2C;AAC3C,MAAM,MAAM,aAAa,GAAG;IAC1B,qCAAqC;IACrC,KAAK,EAAE;QAAE,aAAa,EAAE,KAAK,CAAA;KAAE,CAAC;IAChC,yCAAyC;IACzC,MAAM,EAAE;QAAE,QAAQ,EAAE,QAAQ,CAAC;QAAC,aAAa,EAAE,WAAW,CAAA;KAAE,CAAC;CAC5D,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,QAAQ,EAAG,UAAmB,CAAC"}

package/dist/inputs/shared/form-context.cjs

@@ -1,2 +0,0 @@
-let e=require("@vielzeug/ore"),t=require("@vielzeug/ripple");var n=(0,e.createContext)(`FormContext`),r=(e,n)=>({disabled:(0,t.computed)(()=>!!e.disabled?.value||!!n?.disabled?.value),size:(0,t.computed)(()=>e.size?.value??n?.size?.value),variant:(0,t.computed)(()=>e.variant?.value??n?.variant?.value)}),i=(t,n)=>{let i=r(t,n);return(0,e.bind)({attr:{disabled:()=>i.disabled.value?``:void 0}}),i};exports.FORM_CTX=n,exports.mergeFormContext=r,exports.useFormContext=i;
-//# sourceMappingURL=form-context.cjs.map

package/dist/inputs/shared/form-context.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-context.cjs","names":[],"sources":["../../../src/inputs/shared/form-context.ts"],"sourcesContent":["import { bind, createContext } from '@vielzeug/ore';\nimport { computed, type Readable } from '@vielzeug/ripple';\n\nimport type { ValidationTrigger } from '../../headless';\nimport type { ComponentSize, VisualVariant } from '../../types';\n\nexport type FormContext = {\n  /** Whether all child fields are disabled */\n  disabled: Readable<boolean>;\n  /** Default size propagated to all child form fields */\n  size: Readable<ComponentSize | undefined>;\n  /**\n   * When to validate child form controls:\n   * - `'submit'` (default): only on form submit\n   * - `'blur'`: validate each field when it loses focus\n   * - `'change'`: validate on every value change\n   * - `'input'`: validate on every input event\n   */\n  validateOn: Readable<ValidationTrigger>;\n  /** Default variant propagated to all child form fields */\n  variant: Readable<VisualVariant | undefined>;\n};\n\nexport const FORM_CTX = createContext<FormContext>('FormContext');\n\n// ── Prop resolver ─────────────────────────────────────────────────────────────\n\ntype FormContextResolvedProps = {\n  disabled: Readable<boolean>;\n  size: Readable<ComponentSize | undefined>;\n  variant: Readable<VisualVariant | undefined>;\n};\n\n/**\n * Pure resolver: merges local prop signals with an optional `FormContext`.\n * Returns computed `disabled`, `size`, and `variant` signals without any\n * side-effects — suitable for unit testing and composition.\n */\nexport const mergeFormContext = (\n  props: {\n    disabled?: Readable<boolean | undefined> | Readable<boolean>;\n    size?: Readable<string | undefined> | Readable<string>;\n    variant?: Readable<string | undefined> | Readable<string>;\n  },\n  formCtx?: FormContext,\n): FormContextResolvedProps => ({\n  disabled: computed(() => Boolean(props.disabled?.value) || Boolean(formCtx?.disabled?.value)),\n  size: computed(\n    (): ComponentSize | undefined => (props.size?.value ?? formCtx?.size?.value) as ComponentSize | undefined,\n  ),\n  variant: computed(\n    (): VisualVariant | undefined => (props.variant?.value ?? formCtx?.variant?.value) as VisualVariant | undefined,\n  ),\n});\n\n/**\n * Resolves form context props AND automatically reflects the computed `disabled`\n * state as a `disabled` attribute on the host element.\n *\n * The `use` prefix signals that calling this function performs a side-effect\n * (`bind()` on the current component's host) in addition to returning the\n * resolved props — a real composable, since `bind` resolves the active\n * component through implicit context rather than being passed in.\n *\n * Accepts `FormContext | undefined` directly — pass `inject(FORM_CTX)`.\n *\n * `props` here is a field component's *own* full props object (from `setup(props)`), not a\n * narrowed struct — this reads `props.disabled`/`props.size`/`props.variant` off it directly,\n * by name. That's easy to miss when auditing a component: `props.variant` can look unused\n * (never appears as `props.variant` anywhere else in the file) purely because its only reader\n * is this call — grepping for `useFormContext(props` is the tell.\n */\nexport const useFormContext = (\n  props: Parameters<typeof mergeFormContext>[0],\n  formCtx?: FormContext,\n): FormContextResolvedProps => {\n  const resolved = mergeFormContext(props, formCtx);\n\n  bind({\n    attr: {\n      disabled: () => (resolved.disabled.value ? '' : undefined),\n    },\n  });\n\n  return resolved;\n};\n"],"mappings":"6DAuBA,IAAa,GAAA,EAAA,EAAA,cAAA,CAAsC,aAAa,EAenD,GACX,EAKA,KAC8B,CAC9B,UAAA,EAAA,EAAA,SAAA,KAAyB,EAAQ,EAAM,UAAU,OAAU,EAAQ,GAAS,UAAU,KAAM,EAC5F,MAAA,EAAA,EAAA,SAAA,KACoC,EAAM,MAAM,OAAS,GAAS,MAAM,KACxE,EACA,SAAA,EAAA,EAAA,SAAA,KACoC,EAAM,SAAS,OAAS,GAAS,SAAS,KAC9E,CACF,GAmBa,GACX,EACA,IAC6B,CAC7B,IAAM,EAAW,EAAiB,EAAO,CAAO,EAQhD,OANA,EAAA,EAAA,KAAA,CAAK,CACH,KAAM,CACJ,aAAiB,EAAS,SAAS,MAAQ,GAAK,IAAA,EAClD,CACF,CAAC,EAEM,CACT"}

package/dist/inputs/shared/form-context.d.ts

@@ -1,55 +0,0 @@
-import { type Readable } from '@vielzeug/ripple';
-import type { ValidationTrigger } from '../../headless';
-import type { ComponentSize, VisualVariant } from '../../types';
-export type FormContext = {
-    /** Whether all child fields are disabled */
-    disabled: Readable<boolean>;
-    /** Default size propagated to all child form fields */
-    size: Readable<ComponentSize | undefined>;
-    /**
-     * When to validate child form controls:
-     * - `'submit'` (default): only on form submit
-     * - `'blur'`: validate each field when it loses focus
-     * - `'change'`: validate on every value change
-     * - `'input'`: validate on every input event
-     */
-    validateOn: Readable<ValidationTrigger>;
-    /** Default variant propagated to all child form fields */
-    variant: Readable<VisualVariant | undefined>;
-};
-export declare const FORM_CTX: import("@vielzeug/ore").InjectionKey<FormContext>;
-type FormContextResolvedProps = {
-    disabled: Readable<boolean>;
-    size: Readable<ComponentSize | undefined>;
-    variant: Readable<VisualVariant | undefined>;
-};
-/**
- * Pure resolver: merges local prop signals with an optional `FormContext`.
- * Returns computed `disabled`, `size`, and `variant` signals without any
- * side-effects — suitable for unit testing and composition.
- */
-export declare const mergeFormContext: (props: {
-    disabled?: Readable<boolean | undefined> | Readable<boolean>;
-    size?: Readable<string | undefined> | Readable<string>;
-    variant?: Readable<string | undefined> | Readable<string>;
-}, formCtx?: FormContext) => FormContextResolvedProps;
-/**
- * Resolves form context props AND automatically reflects the computed `disabled`
- * state as a `disabled` attribute on the host element.
- *
- * The `use` prefix signals that calling this function performs a side-effect
- * (`bind()` on the current component's host) in addition to returning the
- * resolved props — a real composable, since `bind` resolves the active
- * component through implicit context rather than being passed in.
- *
- * Accepts `FormContext | undefined` directly — pass `inject(FORM_CTX)`.
- *
- * `props` here is a field component's *own* full props object (from `setup(props)`), not a
- * narrowed struct — this reads `props.disabled`/`props.size`/`props.variant` off it directly,
- * by name. That's easy to miss when auditing a component: `props.variant` can look unused
- * (never appears as `props.variant` anywhere else in the file) purely because its only reader
- * is this call — grepping for `useFormContext(props` is the tell.
- */
-export declare const useFormContext: (props: Parameters<typeof mergeFormContext>[0], formCtx?: FormContext) => FormContextResolvedProps;
-export {};
-//# sourceMappingURL=form-context.d.ts.map

package/dist/inputs/shared/form-context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-context.d.ts","sourceRoot":"","sources":["../../../src/inputs/shared/form-context.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE3D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEhE,MAAM,MAAM,WAAW,GAAG;IACxB,4CAA4C;IAC5C,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC5B,uDAAuD;IACvD,IAAI,EAAE,QAAQ,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;IAC1C;;;;;;OAMG;IACH,UAAU,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IACxC,0DAA0D;IAC1D,OAAO,EAAE,QAAQ,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;CAC9C,CAAC;AAEF,eAAO,MAAM,QAAQ,mDAA4C,CAAC;AAIlE,KAAK,wBAAwB,GAAG;IAC9B,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC5B,IAAI,EAAE,QAAQ,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;IAC1C,OAAO,EAAE,QAAQ,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;CAC9C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAC3B,OAAO;IACL,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC7D,IAAI,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IACvD,OAAO,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;CAC3D,EACD,UAAU,WAAW,KACpB,wBAQD,CAAC;AAEH;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,cAAc,GACzB,OAAO,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,CAAC,CAAC,EAC7C,UAAU,WAAW,KACpB,wBAUF,CAAC"}

package/dist/inputs/shared/form-context.js

@@ -1,15 +0,0 @@
-import { bind as e, createContext as t } from "@vielzeug/ore";
-import { computed as n } from "@vielzeug/ripple";
-//#region src/inputs/shared/form-context.ts
-var r = t("FormContext"), i = (e, t) => ({
-	disabled: n(() => !!e.disabled?.value || !!t?.disabled?.value),
-	size: n(() => e.size?.value ?? t?.size?.value),
-	variant: n(() => e.variant?.value ?? t?.variant?.value)
-}), a = (t, n) => {
-	let r = i(t, n);
-	return e({ attr: { disabled: () => r.disabled.value ? "" : void 0 } }), r;
-};
-//#endregion
-export { r as FORM_CTX, i as mergeFormContext, a as useFormContext };
-
-//# sourceMappingURL=form-context.js.map

package/dist/inputs/shared/form-context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-context.js","names":[],"sources":["../../../src/inputs/shared/form-context.ts"],"sourcesContent":["import { bind, createContext } from '@vielzeug/ore';\nimport { computed, type Readable } from '@vielzeug/ripple';\n\nimport type { ValidationTrigger } from '../../headless';\nimport type { ComponentSize, VisualVariant } from '../../types';\n\nexport type FormContext = {\n  /** Whether all child fields are disabled */\n  disabled: Readable<boolean>;\n  /** Default size propagated to all child form fields */\n  size: Readable<ComponentSize | undefined>;\n  /**\n   * When to validate child form controls:\n   * - `'submit'` (default): only on form submit\n   * - `'blur'`: validate each field when it loses focus\n   * - `'change'`: validate on every value change\n   * - `'input'`: validate on every input event\n   */\n  validateOn: Readable<ValidationTrigger>;\n  /** Default variant propagated to all child form fields */\n  variant: Readable<VisualVariant | undefined>;\n};\n\nexport const FORM_CTX = createContext<FormContext>('FormContext');\n\n// ── Prop resolver ─────────────────────────────────────────────────────────────\n\ntype FormContextResolvedProps = {\n  disabled: Readable<boolean>;\n  size: Readable<ComponentSize | undefined>;\n  variant: Readable<VisualVariant | undefined>;\n};\n\n/**\n * Pure resolver: merges local prop signals with an optional `FormContext`.\n * Returns computed `disabled`, `size`, and `variant` signals without any\n * side-effects — suitable for unit testing and composition.\n */\nexport const mergeFormContext = (\n  props: {\n    disabled?: Readable<boolean | undefined> | Readable<boolean>;\n    size?: Readable<string | undefined> | Readable<string>;\n    variant?: Readable<string | undefined> | Readable<string>;\n  },\n  formCtx?: FormContext,\n): FormContextResolvedProps => ({\n  disabled: computed(() => Boolean(props.disabled?.value) || Boolean(formCtx?.disabled?.value)),\n  size: computed(\n    (): ComponentSize | undefined => (props.size?.value ?? formCtx?.size?.value) as ComponentSize | undefined,\n  ),\n  variant: computed(\n    (): VisualVariant | undefined => (props.variant?.value ?? formCtx?.variant?.value) as VisualVariant | undefined,\n  ),\n});\n\n/**\n * Resolves form context props AND automatically reflects the computed `disabled`\n * state as a `disabled` attribute on the host element.\n *\n * The `use` prefix signals that calling this function performs a side-effect\n * (`bind()` on the current component's host) in addition to returning the\n * resolved props — a real composable, since `bind` resolves the active\n * component through implicit context rather than being passed in.\n *\n * Accepts `FormContext | undefined` directly — pass `inject(FORM_CTX)`.\n *\n * `props` here is a field component's *own* full props object (from `setup(props)`), not a\n * narrowed struct — this reads `props.disabled`/`props.size`/`props.variant` off it directly,\n * by name. That's easy to miss when auditing a component: `props.variant` can look unused\n * (never appears as `props.variant` anywhere else in the file) purely because its only reader\n * is this call — grepping for `useFormContext(props` is the tell.\n */\nexport const useFormContext = (\n  props: Parameters<typeof mergeFormContext>[0],\n  formCtx?: FormContext,\n): FormContextResolvedProps => {\n  const resolved = mergeFormContext(props, formCtx);\n\n  bind({\n    attr: {\n      disabled: () => (resolved.disabled.value ? '' : undefined),\n    },\n  });\n\n  return resolved;\n};\n"],"mappings":";;;AAuBA,IAAa,IAAW,EAA2B,aAAa,GAenD,KACX,GAKA,OAC8B;CAC9B,UAAU,QAAe,EAAQ,EAAM,UAAU,SAAU,EAAQ,GAAS,UAAU,KAAM;CAC5F,MAAM,QAC8B,EAAM,MAAM,SAAS,GAAS,MAAM,KACxE;CACA,SAAS,QAC2B,EAAM,SAAS,SAAS,GAAS,SAAS,KAC9E;AACF,IAmBa,KACX,GACA,MAC6B;CAC7B,IAAM,IAAW,EAAiB,GAAO,CAAO;CAQhD,OANA,EAAK,EACH,MAAM,EACJ,gBAAiB,EAAS,SAAS,QAAQ,KAAK,KAAA,EAClD,EACF,CAAC,GAEM;AACT"}

package/dist/styles/index.cjs

@@ -1,2 +0,0 @@
-const e=require("./mixins/accessibility.css.cjs"),t=require("./mixins/shape.css.cjs"),n=require("./mixins/states.css.cjs"),r=require("./mixins/theme.css.cjs"),i=require("./mixins/animation.css.cjs"),a=require("./mixins/variants.css.cjs"),o=require("./mixins/field-variants.css.cjs"),s=require("./mixins/table-base.css.cjs");var c=[r.colorThemeMixin,r.elevationMixin,t.paddingMixin,t.roundedVariantMixin],l=[r.colorThemeMixin,e.coarsePointerMixin,e.reducedMotionMixin,t.roundedVariantMixin,n.disabledLoadingMixin];exports.SR_ONLY_INLINE_STYLE=e.SR_ONLY_INLINE_STYLE,exports.coarsePointerMixin=e.coarsePointerMixin,exports.colorThemeMixin=r.colorThemeMixin,exports.disabledLoadingMixin=n.disabledLoadingMixin,exports.disabledStateMixin=n.disabledStateMixin,exports.elevationMixin=r.elevationMixin,exports.fieldMixins=l,exports.fieldVariantMixin=o.fieldVariantMixin,exports.forcedColorsFocusMixin=r.forcedColorsFocusMixin,exports.forcedColorsFormControlMixin=r.forcedColorsFormControlMixin,exports.forcedColorsMixin=r.forcedColorsMixin,exports.frostVariantMixin=a.frostVariantMixin,exports.rainbowEffectMixin=i.rainbowEffectMixin,exports.reducedMotionMixin=e.reducedMotionMixin,exports.roundedVariantMixin=t.roundedVariantMixin,exports.shineEffectMixin=i.shineEffectMixin,exports.sizeVariantMixin=t.sizeVariantMixin,exports.srOnlyMixin=e.srOnlyMixin,exports.surfaceMixins=c,exports.tableBaseMixin=s.tableBaseMixin;
-//# sourceMappingURL=index.cjs.map

package/dist/styles/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../src/styles/index.ts"],"sourcesContent":["/**\n * Shared Mixins & Effects\n *\n * Reusable CSS mixins for common component patterns.\n */\n\nimport { coarsePointerMixin, reducedMotionMixin } from './mixins/accessibility.css';\nimport { paddingMixin, roundedVariantMixin } from './mixins/shape.css';\nimport { disabledLoadingMixin } from './mixins/states.css';\nimport { colorThemeMixin, elevationMixin } from './mixins/theme.css';\n\n// Accessibility Mixins\nexport { coarsePointerMixin, reducedMotionMixin, SR_ONLY_INLINE_STYLE, srOnlyMixin } from './mixins/accessibility.css';\n// Effects\nexport {\n  rainbowEffectMixin,\n  registerRainbowProperty,\n  registerShineProperty,\n  shineEffectMixin,\n} from './mixins/animation.css';\n// Shape Mixins (padding, rounded, size)\nexport { paddingMixin, roundedVariantMixin, sizeVariantMixin } from './mixins/shape.css';\n// State Mixins\nexport { disabledLoadingMixin, disabledStateMixin, loadingStateMixin } from './mixins/states.css';\n// Theme Mixins (color, elevation, forced-colors)\nexport {\n  colorThemeMixin,\n  elevationMixin,\n  forcedColorsFocusMixin,\n  forcedColorsFormControlMixin,\n  forcedColorsMixin,\n} from './mixins/theme.css';\n// Frost Mixin\nexport { frostVariantMixin } from './mixins/variants.css';\n// Field Variant Mixin (solid/flat/bordered/outline/ghost, shared by text-entry fields)\nexport { fieldVariantMixin, type FieldVariantMixinOptions } from './mixins/field-variants.css';\n// Table Base Mixin\nexport { tableBaseMixin } from './mixins/table-base.css';\n\n// ── Preset Arrays ─────────────────────────────────────────────────────────────\n\n/**\n * Base mixins for elevated surface components (box, card).\n * Covers theming, elevation shadows, padding, and border radius.\n *\n * @example\n * ```ts\n * styles: [...surfaceMixins, frostVariantMixin('.box'), componentStyles]\n * ```\n */\nexport const surfaceMixins = [colorThemeMixin, elevationMixin, paddingMixin, roundedVariantMixin] as const;\n\n/**\n * Base mixins shared by every text input component (input, textarea, file-input).\n * Covers theming, coarse-pointer targets, reduced-motion, border radius, and\n * disabled/loading states.\n *\n * **Required additions** (component-specific arguments, so not included here):\n * - `sizeVariantMixin(YOUR_PRESET)` — supply the component's size config.\n * - `forcedColorsFocusMixin(selector)` — **mandatory** for WCAG forced-colors\n *   compliance. Pass the CSS selector for the component's focusable inner\n *   element (e.g. `'input'`, `'textarea'`, `'.dropzone'`). Omitting this\n *   removes the focus ring in Windows High Contrast mode.\n *\n * @example\n * ```ts\n * styles: [...fieldMixins, sizeVariantMixin(FIELD_SIZE_PRESET), forcedColorsFocusMixin('input'), componentStyles]\n * ```\n */\nexport const fieldMixins = [\n  colorThemeMixin,\n  coarsePointerMixin,\n  reducedMotionMixin,\n  roundedVariantMixin,\n  disabledLoadingMixin,\n] as const;\n"],"mappings":"oUAkDA,IAAa,EAAgB,CAAC,EAAA,gBAAiB,EAAA,eAAgB,EAAA,aAAc,EAAA,mBAAmB,EAmBnF,EAAc,CACzB,EAAA,gBACA,EAAA,mBACA,EAAA,mBACA,EAAA,oBACA,EAAA,oBACF"}

package/dist/styles/index.js

@@ -1,25 +0,0 @@
-import { SR_ONLY_INLINE_STYLE as e, coarsePointerMixin as t, reducedMotionMixin as n, srOnlyMixin as r } from "./mixins/accessibility.css.js";
-import { paddingMixin as i, roundedVariantMixin as a, sizeVariantMixin as o } from "./mixins/shape.css.js";
-import { disabledLoadingMixin as s, disabledStateMixin as c } from "./mixins/states.css.js";
-import { colorThemeMixin as l, elevationMixin as u, forcedColorsFocusMixin as d, forcedColorsFormControlMixin as f, forcedColorsMixin as p } from "./mixins/theme.css.js";
-import { rainbowEffectMixin as m, shineEffectMixin as h } from "./mixins/animation.css.js";
-import { frostVariantMixin as g } from "./mixins/variants.css.js";
-import { fieldVariantMixin as _ } from "./mixins/field-variants.css.js";
-import { tableBaseMixin as v } from "./mixins/table-base.css.js";
-//#region src/styles/index.ts
-var y = [
-	l,
-	u,
-	i,
-	a
-], b = [
-	l,
-	t,
-	n,
-	a,
-	s
-];
-//#endregion
-export { e as SR_ONLY_INLINE_STYLE, t as coarsePointerMixin, l as colorThemeMixin, s as disabledLoadingMixin, c as disabledStateMixin, u as elevationMixin, b as fieldMixins, _ as fieldVariantMixin, d as forcedColorsFocusMixin, f as forcedColorsFormControlMixin, p as forcedColorsMixin, g as frostVariantMixin, m as rainbowEffectMixin, n as reducedMotionMixin, a as roundedVariantMixin, h as shineEffectMixin, o as sizeVariantMixin, r as srOnlyMixin, y as surfaceMixins, v as tableBaseMixin };
-
-//# sourceMappingURL=index.js.map

package/dist/styles/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/styles/index.ts"],"sourcesContent":["/**\n * Shared Mixins & Effects\n *\n * Reusable CSS mixins for common component patterns.\n */\n\nimport { coarsePointerMixin, reducedMotionMixin } from './mixins/accessibility.css';\nimport { paddingMixin, roundedVariantMixin } from './mixins/shape.css';\nimport { disabledLoadingMixin } from './mixins/states.css';\nimport { colorThemeMixin, elevationMixin } from './mixins/theme.css';\n\n// Accessibility Mixins\nexport { coarsePointerMixin, reducedMotionMixin, SR_ONLY_INLINE_STYLE, srOnlyMixin } from './mixins/accessibility.css';\n// Effects\nexport {\n  rainbowEffectMixin,\n  registerRainbowProperty,\n  registerShineProperty,\n  shineEffectMixin,\n} from './mixins/animation.css';\n// Shape Mixins (padding, rounded, size)\nexport { paddingMixin, roundedVariantMixin, sizeVariantMixin } from './mixins/shape.css';\n// State Mixins\nexport { disabledLoadingMixin, disabledStateMixin, loadingStateMixin } from './mixins/states.css';\n// Theme Mixins (color, elevation, forced-colors)\nexport {\n  colorThemeMixin,\n  elevationMixin,\n  forcedColorsFocusMixin,\n  forcedColorsFormControlMixin,\n  forcedColorsMixin,\n} from './mixins/theme.css';\n// Frost Mixin\nexport { frostVariantMixin } from './mixins/variants.css';\n// Field Variant Mixin (solid/flat/bordered/outline/ghost, shared by text-entry fields)\nexport { fieldVariantMixin, type FieldVariantMixinOptions } from './mixins/field-variants.css';\n// Table Base Mixin\nexport { tableBaseMixin } from './mixins/table-base.css';\n\n// ── Preset Arrays ─────────────────────────────────────────────────────────────\n\n/**\n * Base mixins for elevated surface components (box, card).\n * Covers theming, elevation shadows, padding, and border radius.\n *\n * @example\n * ```ts\n * styles: [...surfaceMixins, frostVariantMixin('.box'), componentStyles]\n * ```\n */\nexport const surfaceMixins = [colorThemeMixin, elevationMixin, paddingMixin, roundedVariantMixin] as const;\n\n/**\n * Base mixins shared by every text input component (input, textarea, file-input).\n * Covers theming, coarse-pointer targets, reduced-motion, border radius, and\n * disabled/loading states.\n *\n * **Required additions** (component-specific arguments, so not included here):\n * - `sizeVariantMixin(YOUR_PRESET)` — supply the component's size config.\n * - `forcedColorsFocusMixin(selector)` — **mandatory** for WCAG forced-colors\n *   compliance. Pass the CSS selector for the component's focusable inner\n *   element (e.g. `'input'`, `'textarea'`, `'.dropzone'`). Omitting this\n *   removes the focus ring in Windows High Contrast mode.\n *\n * @example\n * ```ts\n * styles: [...fieldMixins, sizeVariantMixin(FIELD_SIZE_PRESET), forcedColorsFocusMixin('input'), componentStyles]\n * ```\n */\nexport const fieldMixins = [\n  colorThemeMixin,\n  coarsePointerMixin,\n  reducedMotionMixin,\n  roundedVariantMixin,\n  disabledLoadingMixin,\n] as const;\n"],"mappings":";;;;;;;;;AAkDA,IAAa,IAAgB;CAAC;CAAiB;CAAgB;CAAc;AAAmB,GAmBnF,IAAc;CACzB;CACA;CACA;CACA;CACA;AACF"}

package/dist/styles/styles.css

@@ -1,5 +0,0 @@
-/* Import all external stylesheets first (LightningCSS requirement) */
-@import url('preflight.css');
-@import url('theme.css');
-@import url('animation.css');
-@import url('layer.css');

package/dist/testing/index.d.ts

@@ -1,188 +0,0 @@
-/**
- * @vielzeug/refine/testing
- *
- * Testing utilities for refine components. Provides a11y helpers, ARIA query
- * utilities, and convenience wrappers for common patterns in component tests.
- *
- * @example
- * ```typescript
- * import { getAriaLabel, getAriaDescribedBy, isAriaInvalid } from '@vielzeug/refine/testing';
- * import { mount } from '@vielzeug/ore/testing';
- *
- * const fixture = mount('<ore-input label="Name"></ore-input>');
- * const input = fixture.query('input')!;
- * expect(isAriaInvalid(input)).toBe(false);
- * ```
- */
-/** Returns whether `aria-invalid="true"` is set on the element. */
-export declare const isAriaInvalid: (el: Element) => boolean;
-/** Returns whether `aria-disabled="true"` is set on the element. */
-export declare const isAriaDisabled: (el: Element) => boolean;
-/** Returns whether `aria-checked="true"` is set on the element. */
-export declare const isAriaChecked: (el: Element) => boolean;
-/** Returns whether `aria-checked="mixed"` is set on the element. */
-export declare const isAriaIndeterminate: (el: Element) => boolean;
-/** Returns whether `aria-expanded="true"` is set on the element. */
-export declare const isAriaExpanded: (el: Element) => boolean;
-/** Returns whether `aria-pressed="true"` is set on the element. */
-export declare const isAriaPressed: (el: Element) => boolean;
-/** Returns whether `aria-required="true"` is set on the element. */
-export declare const isAriaRequired: (el: Element) => boolean;
-/** Returns whether `aria-hidden="true"` is set on the element. */
-export declare const isAriaHidden: (el: Element) => boolean;
-/** Returns the `aria-label` string attribute, or null. */
-export declare const getAriaLabel: (el: Element) => null | string;
-/** Returns the `aria-labelledby` attribute value (space-separated IDs), or null. */
-export declare const getAriaLabelledBy: (el: Element) => null | string;
-/** Returns the `aria-describedby` attribute value (space-separated IDs), or null. */
-export declare const getAriaDescribedBy: (el: Element) => null | string;
-/** Returns the `aria-controls` attribute value, or null. */
-export declare const getAriaControls: (el: Element) => null | string;
-/** Returns the `role` attribute value, or null. */
-export declare const getRole: (el: Element) => null | string;
-/**
- * Generic, framework-agnostic — re-exported from `@vielzeug/assay` rather than duplicated here.
- * `dispatchPointer(el, type, init)` from earlier versions of this module is now
- * `fire.pointer<Type>(el, init)` (e.g. `fire.pointerEnter`/`fire.pointerLeave`), imported from
- * `@vielzeug/ore/testing` alongside `mount()` — pass `{ composed: true }` explicitly if you need
- * the event to cross shadow boundaries.
- */
-export { queryInShadow, queryAllInShadow, queryPart, getSlotted } from '@vielzeug/assay';
-/**
- * Returns the current form value of a form-associated custom element.
- * Uses the ElementInternals-exposed `value` if available, then falls back
- * to the reflected DOM `value` property.
- */
-export declare const getFormValue: (el: HTMLElement & {
-    value?: string;
-}) => null | string;
-/**
- * Returns whether a form-associated element is considered valid (no constraint
- * violations reported by the browser or via `setValidity`).
- */
-export declare const isFormValid: (el: HTMLElement & {
-    validity?: ValidityState;
-}) => boolean;
-/**
- * Generic, framework-agnostic — re-exported from `@vielzeug/assay` rather than duplicated here.
- * `keyEvent(key, init)` from earlier versions of this module (construct-only, no dispatch, and
- * unused anywhere in this package's own tests) has been removed — use `fire.keyDown`/
- * `fire.keyboard` from `@vielzeug/ore/testing`, which construct and dispatch in one call.
- */
-export { nextTick, wait } from '@vielzeug/assay';
-/**
- * Resets the headless stable-ID counter to 0. Use in test `beforeEach` hooks when you need
- * deterministic IDs across test runs.
- *
- * @example
- * ```ts
- * import { resetStableIdCounter } from '@vielzeug/refine/testing';
- * beforeEach(() => resetStableIdCounter());
- * ```
- */
-export { resetStableIdCounter } from '@vielzeug/ore';
-/**
- * Returns a snapshot of the most commonly tested ARIA attributes on an element.
- * Useful for concise inline snapshot assertions in component tests.
- *
- * `ariaLabel` and `labelledby` are kept separate because `aria-label` is a
- * direct string while `aria-labelledby` is an ID reference — conflating them
- * masks bugs where the wrong labelling mechanism is used.
- *
- * @example
- * ```ts
- * expect(getAriaState(input)).toMatchObject({ invalid: 'true', required: 'true' });
- * ```
- */
-export declare const getAriaState: (el: Element) => {
-    ariaLabel: null | string;
-    checked: null | string;
-    disabled: null | string;
-    expanded: null | string;
-    invalid: null | string;
-    labelledby: null | string;
-    required: null | string;
-    role: null | string;
-};
-import type { Fixture } from '@vielzeug/ore/testing';
-import type { OreButtonGroupProps } from '../inputs/button-group/button-group';
-import type { OreButtonProps } from '../inputs/button/button';
-import type { OreCheckboxGroupProps } from '../inputs/checkbox-group/checkbox-group';
-import type { OreCheckboxProps } from '../inputs/checkbox/checkbox';
-import type { OreComboboxProps } from '../inputs/combobox/combobox.types';
-import type { OreFileInputProps } from '../inputs/file-input/file-input';
-import type { OreFormProps } from '../inputs/form/form';
-import type { OreInputProps } from '../inputs/input/input';
-import type { OreNumberInputProps } from '../inputs/number-input/number-input';
-import type { OreOtpInputProps } from '../inputs/otp-input/otp-input';
-import type { OreRadioGroupProps } from '../inputs/radio-group/radio-group';
-import type { OreRadioProps } from '../inputs/radio/radio';
-import type { OreRatingProps } from '../inputs/rating/rating';
-import type { OreSelectProps } from '../inputs/select/select';
-import type { OreSliderProps } from '../inputs/slider/slider';
-import type { OreSwitchProps } from '../inputs/switch/switch';
-import type { OreTextareaProps } from '../inputs/textarea/textarea';
-/**
- * Serializes an attribute map to an HTML attribute string fragment.
- * Values are HTML-escaped to prevent attribute injection.
- *
- * @example
- * ```ts
- * attrsToHtml({ disabled: '', label: 'Name' }); // → 'disabled label="Name"'
- * ```
- */
-export declare const attrsToHtml: (attrs: Record<string, string>) => string;
-/**
- * Converts a props object into an HTML attribute record.
- * - `true` → empty boolean attribute (e.g., `disabled`)
- * - `false` / `null` / `undefined` → attribute omitted
- * - Array of objects → **omitted** (cannot be serialized as an HTML attribute;
- *   use `opts.innerHTML` with slotted elements instead)
- * - Array of primitives → comma-joined string
- * - everything else → stringified
- *
- * @example
- * ```ts
- * propsToAttrs({ disabled: true, label: 'Name', value: undefined });
- * // → { disabled: '', label: 'Name' }
- * ```
- */
-export declare const propsToAttrs: (props?: Record<string, unknown>) => Record<string, string>;
-type MountOptions = {
-    innerHTML?: string;
-};
-/** Typed mount wrapper for `<ore-input>`. Catch prop name typos at compile time. */
-export declare const mountOreInput: (props?: Partial<OreInputProps>, opts?: MountOptions) => Promise<Fixture>;
-/** Typed mount wrapper for `<ore-textarea>`. */
-export declare const mountOreTextarea: (props?: Partial<OreTextareaProps>, opts?: MountOptions) => Promise<Fixture>;
-/** Typed mount wrapper for `<ore-select>`. */
-export declare const mountOreSelect: (props?: Partial<OreSelectProps>, opts?: MountOptions) => Promise<Fixture>;
-/** Typed mount wrapper for `<ore-combobox>`. */
-export declare const mountOreCombobox: (props?: Partial<OreComboboxProps>, opts?: MountOptions) => Promise<Fixture>;
-/** Typed mount wrapper for `<ore-checkbox>`. */
-export declare const mountOreCheckbox: (props?: Partial<OreCheckboxProps>, opts?: MountOptions) => Promise<Fixture>;
-/** Typed mount wrapper for `<ore-checkbox-group>`. */
-export declare const mountOreCheckboxGroup: (props?: Partial<OreCheckboxGroupProps>, opts?: MountOptions) => Promise<Fixture>;
-/** Typed mount wrapper for `<ore-radio>`. */
-export declare const mountOreRadio: (props?: Partial<OreRadioProps>, opts?: MountOptions) => Promise<Fixture>;
-/** Typed mount wrapper for `<ore-radio-group>`. */
-export declare const mountOreRadioGroup: (props?: Partial<OreRadioGroupProps>, opts?: MountOptions) => Promise<Fixture>;
-/** Typed mount wrapper for `<ore-switch>`. */
-export declare const mountOreSwitch: (props?: Partial<OreSwitchProps>, opts?: MountOptions) => Promise<Fixture>;
-/** Typed mount wrapper for `<ore-button>`. */
-export declare const mountOreButton: (props?: Partial<OreButtonProps>, opts?: MountOptions) => Promise<Fixture>;
-/** Typed mount wrapper for `<ore-button-group>`. */
-export declare const mountOreButtonGroup: (props?: Partial<OreButtonGroupProps>, opts?: MountOptions) => Promise<Fixture>;
-/** Typed mount wrapper for `<ore-file-input>`. */
-export declare const mountOreFileInput: (props?: Partial<OreFileInputProps>, opts?: MountOptions) => Promise<Fixture>;
-/** Typed mount wrapper for `<ore-form>`. */
-export declare const mountOreForm: (props?: Partial<OreFormProps>, opts?: MountOptions) => Promise<Fixture>;
-/** Typed mount wrapper for `<ore-number-input>`. */
-export declare const mountOreNumberInput: (props?: Partial<OreNumberInputProps>, opts?: MountOptions) => Promise<Fixture>;
-/** Typed mount wrapper for `<ore-otp-input>`. */
-export declare const mountOreOtpInput: (props?: Partial<OreOtpInputProps>, opts?: MountOptions) => Promise<Fixture>;
-/** Typed mount wrapper for `<ore-rating>`. */
-export declare const mountOreRating: (props?: Partial<OreRatingProps>, opts?: MountOptions) => Promise<Fixture>;
-/** Typed mount wrapper for `<ore-slider>`. */
-export declare const mountOreSlider: (props?: Partial<OreSliderProps>, opts?: MountOptions) => Promise<Fixture>;
-//# sourceMappingURL=index.d.ts.map