@vielzeug/buildit 2.0.0

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

@@ -0,0 +1,36 @@
+import { type ReadonlySignal } from '@vielzeug/craftit';
+export type CounterConfig = {
+    count: ReadonlySignal<number> | (() => number);
+    format?: 'split' | 'merged';
+    maxLength: ReadonlySignal<number | undefined> | (() => number | undefined);
+    ref: {
+        value: HTMLElement | null | undefined;
+    };
+};
+export type SplitAssistiveConfig = {
+    error: ReadonlySignal<string | undefined> | (() => string | undefined);
+    errorRef: {
+        value: HTMLDivElement | null | undefined;
+    };
+    helper: ReadonlySignal<string | undefined> | (() => string | undefined);
+    helperRef: {
+        value: HTMLDivElement | null | undefined;
+    };
+};
+export type MergedAssistiveConfig = {
+    error: ReadonlySignal<string | undefined> | (() => string | undefined);
+    helper: ReadonlySignal<string | undefined> | (() => string | undefined);
+    ref: {
+        value: HTMLDivElement | null | undefined;
+    };
+};
+export declare function syncCounter(config: CounterConfig): void;
+export declare function syncSplitAssistive(config: SplitAssistiveConfig): void;
+export declare function syncMergedAssistive(config: MergedAssistiveConfig): void;
+export type FieldEventHandlers = {
+    onBlur?: (event: FocusEvent) => void;
+    onChange?: (event: Event, value: string) => void;
+    onInput?: (event: Event, value: string) => void;
+};
+export declare function setupFieldEvents(element: HTMLInputElement | HTMLTextAreaElement | null | undefined, handlers: FieldEventHandlers): void;
+//# sourceMappingURL=field-sync.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field-sync.d.ts","sourceRoot":"","sources":["../../../../src/inputs/shared/dom-sync/field-sync.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AASxE,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAC/C,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC5B,SAAS,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,CAAC,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;IAC3E,GAAG,EAAE;QAAE,KAAK,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAA;KAAE,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,CAAC,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;IACvE,QAAQ,EAAE;QAAE,KAAK,EAAE,cAAc,GAAG,IAAI,GAAG,SAAS,CAAA;KAAE,CAAC;IACvD,MAAM,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,CAAC,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;IACxE,SAAS,EAAE;QAAE,KAAK,EAAE,cAAc,GAAG,IAAI,GAAG,SAAS,CAAA;KAAE,CAAC;CACzD,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,CAAC,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;IACvE,MAAM,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,CAAC,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;IACxE,GAAG,EAAE;QAAE,KAAK,EAAE,cAAc,GAAG,IAAI,GAAG,SAAS,CAAA;KAAE,CAAC;CACnD,CAAC;AAEF,wBAAgB,WAAW,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI,CAwBvD;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,oBAAoB,GAAG,IAAI,CAgBrE;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,qBAAqB,GAAG,IAAI,CAavE;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,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,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,gBAAgB,GAAG,mBAAmB,GAAG,IAAI,GAAG,SAAS,EAClE,QAAQ,EAAE,kBAAkB,GAC3B,IAAI,CAkBN"}

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

@@ -0,0 +1,37 @@
+import { resolveCounterState as e, resolveMergedAssistiveText as t, resolveSplitAssistiveText as n } from "../utils/assistive-text.js";
+import { parsePositiveNumber as r } from "../utils/field-values.js";
+import { effect as i, handle as a } from "@vielzeug/craftit";
+//#region src/inputs/shared/dom-sync/field-sync.ts
+function o(t) {
+	i(() => {
+		let n = t.ref.value;
+		if (!n) return;
+		let i = e(typeof t.count == "function" ? t.count() : t.count.value, r(typeof t.maxLength == "function" ? t.maxLength() : t.maxLength.value));
+		n.hidden = i.hidden, t.format === "merged" ? (n.textContent = i.text.replace(" / ", "/"), n.className = i.atLimit ? "counter at-limit" : i.nearLimit ? "counter near-limit" : "counter") : (n.textContent = i.text, n.removeAttribute("data-near-limit"), n.removeAttribute("data-at-limit"), i.atLimit ? n.setAttribute("data-at-limit", "") : i.nearLimit && n.setAttribute("data-near-limit", ""));
+	});
+}
+function s(e) {
+	i(() => {
+		let t = n(typeof e.error == "function" ? e.error() : e.error.value, typeof e.helper == "function" ? e.helper() : e.helper.value);
+		e.helperRef.value && (e.helperRef.value.textContent = t.helperText, e.helperRef.value.hidden = t.helperHidden), e.errorRef.value && (e.errorRef.value.textContent = t.errorText, e.errorRef.value.hidden = t.errorHidden);
+	});
+}
+function c(e) {
+	i(() => {
+		let n = e.ref.value;
+		if (!n) return;
+		let r = t(typeof e.error == "function" ? e.error() : e.error.value, typeof e.helper == "function" ? e.helper() : e.helper.value);
+		n.textContent = r.text, n.hidden = r.hidden;
+	});
+}
+function l(e, t) {
+	e && (t.onInput && a(e, "input", (n) => {
+		t.onInput(n, e.value);
+	}), t.onChange && a(e, "change", (n) => {
+		t.onChange(n, e.value);
+	}), t.onBlur && a(e, "blur", t.onBlur));
+}
+//#endregion
+export { l as setupFieldEvents, o as syncCounter, c as syncMergedAssistive, s as syncSplitAssistive };
+
+//# sourceMappingURL=field-sync.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field-sync.js","names":[],"sources":["../../../../src/inputs/shared/dom-sync/field-sync.ts"],"sourcesContent":["import { effect, handle, type ReadonlySignal } from '@vielzeug/craftit';\n\nimport {\n  parsePositiveNumber,\n  resolveCounterState,\n  resolveMergedAssistiveText,\n  resolveSplitAssistiveText,\n} from '../utils';\n\nexport type CounterConfig = {\n  count: ReadonlySignal<number> | (() => number);\n  format?: 'split' | 'merged';\n  maxLength: ReadonlySignal<number | undefined> | (() => number | undefined);\n  ref: { value: HTMLElement | null | undefined };\n};\n\nexport type SplitAssistiveConfig = {\n  error: ReadonlySignal<string | undefined> | (() => string | undefined);\n  errorRef: { value: HTMLDivElement | null | undefined };\n  helper: ReadonlySignal<string | undefined> | (() => string | undefined);\n  helperRef: { value: HTMLDivElement | null | undefined };\n};\n\nexport type MergedAssistiveConfig = {\n  error: ReadonlySignal<string | undefined> | (() => string | undefined);\n  helper: ReadonlySignal<string | undefined> | (() => string | undefined);\n  ref: { value: HTMLDivElement | null | undefined };\n};\n\nexport function syncCounter(config: CounterConfig): void {\n  effect(() => {\n    const counterRef = config.ref.value;\n\n    if (!counterRef) return;\n\n    const count = typeof config.count === 'function' ? config.count() : config.count.value;\n    const maxLen = typeof config.maxLength === 'function' ? config.maxLength() : config.maxLength.value;\n    const state = resolveCounterState(count, parsePositiveNumber(maxLen));\n\n    counterRef.hidden = state.hidden;\n\n    if (config.format === 'merged') {\n      counterRef.textContent = state.text.replace(' / ', '/');\n      counterRef.className = state.atLimit ? 'counter at-limit' : state.nearLimit ? 'counter near-limit' : 'counter';\n    } else {\n      counterRef.textContent = state.text;\n      counterRef.removeAttribute('data-near-limit');\n      counterRef.removeAttribute('data-at-limit');\n\n      if (state.atLimit) counterRef.setAttribute('data-at-limit', '');\n      else if (state.nearLimit) counterRef.setAttribute('data-near-limit', '');\n    }\n  });\n}\n\nexport function syncSplitAssistive(config: SplitAssistiveConfig): void {\n  effect(() => {\n    const error = typeof config.error === 'function' ? config.error() : config.error.value;\n    const helper = typeof config.helper === 'function' ? config.helper() : config.helper.value;\n    const state = resolveSplitAssistiveText(error, helper);\n\n    if (config.helperRef.value) {\n      config.helperRef.value.textContent = state.helperText;\n      config.helperRef.value.hidden = state.helperHidden;\n    }\n\n    if (config.errorRef.value) {\n      config.errorRef.value.textContent = state.errorText;\n      config.errorRef.value.hidden = state.errorHidden;\n    }\n  });\n}\n\nexport function syncMergedAssistive(config: MergedAssistiveConfig): void {\n  effect(() => {\n    const ref = config.ref.value;\n\n    if (!ref) return;\n\n    const error = typeof config.error === 'function' ? config.error() : config.error.value;\n    const helper = typeof config.helper === 'function' ? config.helper() : config.helper.value;\n    const state = resolveMergedAssistiveText(error, helper);\n\n    ref.textContent = state.text;\n    ref.hidden = state.hidden;\n  });\n}\n\nexport type FieldEventHandlers = {\n  onBlur?: (event: FocusEvent) => void;\n  onChange?: (event: Event, value: string) => void;\n  onInput?: (event: Event, value: string) => void;\n};\n\nexport function setupFieldEvents(\n  element: HTMLInputElement | HTMLTextAreaElement | null | undefined,\n  handlers: FieldEventHandlers,\n): void {\n  if (!element) return;\n\n  if (handlers.onInput) {\n    handle(element, 'input', (event: Event) => {\n      handlers.onInput!(event, element.value);\n    });\n  }\n\n  if (handlers.onChange) {\n    handle(element, 'change', (event: Event) => {\n      handlers.onChange!(event, element.value);\n    });\n  }\n\n  if (handlers.onBlur) {\n    handle(element, 'blur', handlers.onBlur as EventListener);\n  }\n}\n"],"mappings":";;;;AA6BA,SAAgB,EAAY,GAA6B;AACvD,SAAa;EACX,IAAM,IAAa,EAAO,IAAI;AAE9B,MAAI,CAAC,EAAY;EAIjB,IAAM,IAAQ,EAFA,OAAO,EAAO,SAAU,aAAa,EAAO,OAAO,GAAG,EAAO,MAAM,OAExC,EAD1B,OAAO,EAAO,aAAc,aAAa,EAAO,WAAW,GAAG,EAAO,UAAU,MAC1B,CAAC;AAIrE,EAFA,EAAW,SAAS,EAAM,QAEtB,EAAO,WAAW,YACpB,EAAW,cAAc,EAAM,KAAK,QAAQ,OAAO,IAAI,EACvD,EAAW,YAAY,EAAM,UAAU,qBAAqB,EAAM,YAAY,uBAAuB,cAErG,EAAW,cAAc,EAAM,MAC/B,EAAW,gBAAgB,kBAAkB,EAC7C,EAAW,gBAAgB,gBAAgB,EAEvC,EAAM,UAAS,EAAW,aAAa,iBAAiB,GAAG,GACtD,EAAM,aAAW,EAAW,aAAa,mBAAmB,GAAG;GAE1E;;AAGJ,SAAgB,EAAmB,GAAoC;AACrE,SAAa;EAGX,IAAM,IAAQ,EAFA,OAAO,EAAO,SAAU,aAAa,EAAO,OAAO,GAAG,EAAO,MAAM,OAClE,OAAO,EAAO,UAAW,aAAa,EAAO,QAAQ,GAAG,EAAO,OAAO,MAC/B;AAOtD,EALI,EAAO,UAAU,UACnB,EAAO,UAAU,MAAM,cAAc,EAAM,YAC3C,EAAO,UAAU,MAAM,SAAS,EAAM,eAGpC,EAAO,SAAS,UAClB,EAAO,SAAS,MAAM,cAAc,EAAM,WAC1C,EAAO,SAAS,MAAM,SAAS,EAAM;GAEvC;;AAGJ,SAAgB,EAAoB,GAAqC;AACvE,SAAa;EACX,IAAM,IAAM,EAAO,IAAI;AAEvB,MAAI,CAAC,EAAK;EAIV,IAAM,IAAQ,EAFA,OAAO,EAAO,SAAU,aAAa,EAAO,OAAO,GAAG,EAAO,MAAM,OAClE,OAAO,EAAO,UAAW,aAAa,EAAO,QAAQ,GAAG,EAAO,OAAO,MAC9B;AAGvD,EADA,EAAI,cAAc,EAAM,MACxB,EAAI,SAAS,EAAM;GACnB;;AASJ,SAAgB,EACd,GACA,GACM;AACD,OAED,EAAS,WACX,EAAO,GAAS,UAAU,MAAiB;AACzC,IAAS,QAAS,GAAO,EAAQ,MAAM;GACvC,EAGA,EAAS,YACX,EAAO,GAAS,WAAW,MAAiB;AAC1C,IAAS,SAAU,GAAO,EAAQ,MAAM;GACxC,EAGA,EAAS,UACX,EAAO,GAAS,QAAQ,EAAS,OAAwB"}

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

@@ -0,0 +1,2 @@
+require(`../form-context.cjs`);let e=require(`@vielzeug/craftit`);function t(t,n,r){if(!n)return;let i=!1;(0,e.effect)(()=>{let e=n.disabled.value;e&&!i?(t.setAttribute(`disabled`,``),i=!0):!e&&i&&(t.removeAttribute(`disabled`),i=!1);let a=n.size.value;if(a&&!r.size.value?t.setAttribute(`size`,a):r.size.value||t.removeAttribute(`size`),r.variant){let e=n.variant.value;e&&!r.variant.value?t.setAttribute(`variant`,e):r.variant.value||t.removeAttribute(`variant`)}})}exports.mountFormContextSync=t;
+//# sourceMappingURL=form-context.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-context.cjs","names":[],"sources":["../../../../src/inputs/shared/dom-sync/form-context.ts"],"sourcesContent":["import { effect, type ReadonlySignal } from '@vielzeug/craftit';\n\nimport { type FormContext } from '../form-context';\n\nexport interface FormContextSyncProps {\n  disabled: ReadonlySignal<boolean | undefined>;\n  size: ReadonlySignal<string | undefined>;\n  variant?: ReadonlySignal<string | undefined>;\n}\n\n/**\n * Propagates form context `disabled`, `size`, and optionally `variant` to the\n * host element's attributes. Call this in setup or inside an `onMount` callback.\n *\n * - `disabled` is tracked with a flag so that context-driven removal only\n *   clears the attribute when it was set by the context (not by the component).\n * - `size` and `variant` are only applied when the component's own prop is unset,\n *   and removed when the context value disappears to prevent stale attributes.\n */\nexport function mountFormContextSync(\n  host: HTMLElement,\n  formCtx: FormContext | undefined,\n  props: FormContextSyncProps,\n): void {\n  if (!formCtx) return;\n\n  let ctxDisabledActive = false;\n\n  effect(() => {\n    const ctxDisabled = formCtx.disabled.value;\n\n    if (ctxDisabled && !ctxDisabledActive) {\n      host.setAttribute('disabled', '');\n      ctxDisabledActive = true;\n    } else if (!ctxDisabled && ctxDisabledActive) {\n      host.removeAttribute('disabled');\n      ctxDisabledActive = false;\n    }\n\n    const ctxSize = formCtx.size.value;\n\n    if (ctxSize && !props.size.value) host.setAttribute('size', ctxSize);\n    else if (!props.size.value) host.removeAttribute('size');\n\n    if (props.variant) {\n      const ctxVariant = formCtx.variant.value;\n\n      if (ctxVariant && !props.variant.value) host.setAttribute('variant', ctxVariant);\n      else if (!props.variant.value) host.removeAttribute('variant');\n    }\n  });\n}\n"],"mappings":"kEAmBA,SAAgB,EACd,EACA,EACA,EACM,CACN,GAAI,CAAC,EAAS,OAEd,IAAI,EAAoB,IAExB,EAAA,EAAA,YAAa,CACX,IAAM,EAAc,EAAQ,SAAS,MAEjC,GAAe,CAAC,GAClB,EAAK,aAAa,WAAY,GAAG,CACjC,EAAoB,IACX,CAAC,GAAe,IACzB,EAAK,gBAAgB,WAAW,CAChC,EAAoB,IAGtB,IAAM,EAAU,EAAQ,KAAK,MAK7B,GAHI,GAAW,CAAC,EAAM,KAAK,MAAO,EAAK,aAAa,OAAQ,EAAQ,CAC1D,EAAM,KAAK,OAAO,EAAK,gBAAgB,OAAO,CAEpD,EAAM,QAAS,CACjB,IAAM,EAAa,EAAQ,QAAQ,MAE/B,GAAc,CAAC,EAAM,QAAQ,MAAO,EAAK,aAAa,UAAW,EAAW,CACtE,EAAM,QAAQ,OAAO,EAAK,gBAAgB,UAAU,GAEhE"}

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

@@ -0,0 +1,18 @@
+import { type ReadonlySignal } from '@vielzeug/craftit';
+import { type FormContext } from '../form-context';
+export interface FormContextSyncProps {
+    disabled: ReadonlySignal<boolean | undefined>;
+    size: ReadonlySignal<string | undefined>;
+    variant?: ReadonlySignal<string | undefined>;
+}
+/**
+ * Propagates form context `disabled`, `size`, and optionally `variant` to the
+ * host element's attributes. Call this in setup or inside an `onMount` callback.
+ *
+ * - `disabled` is tracked with a flag so that context-driven removal only
+ *   clears the attribute when it was set by the context (not by the component).
+ * - `size` and `variant` are only applied when the component's own prop is unset,
+ *   and removed when the context value disappears to prevent stale attributes.
+ */
+export declare function mountFormContextSync(host: HTMLElement, formCtx: FormContext | undefined, props: FormContextSyncProps): void;
+//# sourceMappingURL=form-context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-context.d.ts","sourceRoot":"","sources":["../../../../src/inputs/shared/dom-sync/form-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEhE,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,cAAc,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IAC9C,IAAI,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;CAC9C;AAED;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,WAAW,GAAG,SAAS,EAChC,KAAK,EAAE,oBAAoB,GAC1B,IAAI,CA4BN"}

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

@@ -0,0 +1,20 @@
+import "../form-context.js";
+import { effect as e } from "@vielzeug/craftit";
+//#region src/inputs/shared/dom-sync/form-context.ts
+function t(t, n, r) {
+	if (!n) return;
+	let i = !1;
+	e(() => {
+		let e = n.disabled.value;
+		e && !i ? (t.setAttribute("disabled", ""), i = !0) : !e && i && (t.removeAttribute("disabled"), i = !1);
+		let a = n.size.value;
+		if (a && !r.size.value ? t.setAttribute("size", a) : r.size.value || t.removeAttribute("size"), r.variant) {
+			let e = n.variant.value;
+			e && !r.variant.value ? t.setAttribute("variant", e) : r.variant.value || t.removeAttribute("variant");
+		}
+	});
+}
+//#endregion
+export { t as mountFormContextSync };
+
+//# sourceMappingURL=form-context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-context.js","names":[],"sources":["../../../../src/inputs/shared/dom-sync/form-context.ts"],"sourcesContent":["import { effect, type ReadonlySignal } from '@vielzeug/craftit';\n\nimport { type FormContext } from '../form-context';\n\nexport interface FormContextSyncProps {\n  disabled: ReadonlySignal<boolean | undefined>;\n  size: ReadonlySignal<string | undefined>;\n  variant?: ReadonlySignal<string | undefined>;\n}\n\n/**\n * Propagates form context `disabled`, `size`, and optionally `variant` to the\n * host element's attributes. Call this in setup or inside an `onMount` callback.\n *\n * - `disabled` is tracked with a flag so that context-driven removal only\n *   clears the attribute when it was set by the context (not by the component).\n * - `size` and `variant` are only applied when the component's own prop is unset,\n *   and removed when the context value disappears to prevent stale attributes.\n */\nexport function mountFormContextSync(\n  host: HTMLElement,\n  formCtx: FormContext | undefined,\n  props: FormContextSyncProps,\n): void {\n  if (!formCtx) return;\n\n  let ctxDisabledActive = false;\n\n  effect(() => {\n    const ctxDisabled = formCtx.disabled.value;\n\n    if (ctxDisabled && !ctxDisabledActive) {\n      host.setAttribute('disabled', '');\n      ctxDisabledActive = true;\n    } else if (!ctxDisabled && ctxDisabledActive) {\n      host.removeAttribute('disabled');\n      ctxDisabledActive = false;\n    }\n\n    const ctxSize = formCtx.size.value;\n\n    if (ctxSize && !props.size.value) host.setAttribute('size', ctxSize);\n    else if (!props.size.value) host.removeAttribute('size');\n\n    if (props.variant) {\n      const ctxVariant = formCtx.variant.value;\n\n      if (ctxVariant && !props.variant.value) host.setAttribute('variant', ctxVariant);\n      else if (!props.variant.value) host.removeAttribute('variant');\n    }\n  });\n}\n"],"mappings":";;;AAmBA,SAAgB,EACd,GACA,GACA,GACM;AACN,KAAI,CAAC,EAAS;CAEd,IAAI,IAAoB;AAExB,SAAa;EACX,IAAM,IAAc,EAAQ,SAAS;AAErC,EAAI,KAAe,CAAC,KAClB,EAAK,aAAa,YAAY,GAAG,EACjC,IAAoB,MACX,CAAC,KAAe,MACzB,EAAK,gBAAgB,WAAW,EAChC,IAAoB;EAGtB,IAAM,IAAU,EAAQ,KAAK;AAK7B,MAHI,KAAW,CAAC,EAAM,KAAK,QAAO,EAAK,aAAa,QAAQ,EAAQ,GAC1D,EAAM,KAAK,SAAO,EAAK,gBAAgB,OAAO,EAEpD,EAAM,SAAS;GACjB,IAAM,IAAa,EAAQ,QAAQ;AAEnC,GAAI,KAAc,CAAC,EAAM,QAAQ,QAAO,EAAK,aAAa,WAAW,EAAW,GACtE,EAAM,QAAQ,SAAO,EAAK,gBAAgB,UAAU;;GAEhE"}

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

@@ -0,0 +1 @@
+require(`./dropdown.cjs`),require(`./field-sync.cjs`),require(`./form-context.cjs`),require(`./label-sync.cjs`);

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

@@ -0,0 +1,5 @@
+export { createDropdownPositioner } from './dropdown';
+export { setupFieldEvents, syncCounter, syncMergedAssistive, syncSplitAssistive, type CounterConfig, type FieldEventHandlers, type MergedAssistiveConfig, type SplitAssistiveConfig, } from './field-sync';
+export { mountFormContextSync, type FormContextSyncProps } from './form-context';
+export { mountLabelSyncStandalone, type LabelSyncProps } from './label-sync';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/inputs/shared/dom-sync/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,mBAAmB,EACnB,kBAAkB,EAClB,KAAK,aAAa,EAClB,KAAK,kBAAkB,EACvB,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,GAC1B,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,oBAAoB,EAAE,KAAK,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACjF,OAAO,EAAE,wBAAwB,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC"}

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

@@ -0,0 +1,4 @@
+import "./dropdown.js";
+import "./field-sync.js";
+import "./form-context.js";
+import "./label-sync.js";

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

@@ -0,0 +1,2 @@
+let e=require(`@vielzeug/craftit`);function t(t,n,r){(0,e.effect)(()=>{let e=r[`label-placement`].value??`inset`,i=r.label.value??``;t.value&&(t.value.textContent=i,t.value.hidden=!i||e!==`inset`),n.value&&(n.value.textContent=i,n.value.hidden=!i||e!==`outside`)})}exports.mountLabelSyncStandalone=t;
+//# sourceMappingURL=label-sync.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label-sync.cjs","names":[],"sources":["../../../../src/inputs/shared/dom-sync/label-sync.ts"],"sourcesContent":["import { effect, type ReadonlySignal } from '@vielzeug/craftit';\n\nexport type LabelSyncProps = {\n  label: ReadonlySignal<string | undefined>;\n  'label-placement': ReadonlySignal<'inset' | 'outside' | undefined>;\n};\n\n/**\n * Reactively synchronises label text and visibility for components that manage\n * their own `labelInsetRef` / `labelOutsideRef` refs (e.g. select, combobox).\n * Call inside `onMount` once DOM refs are ready.\n */\nexport function mountLabelSyncStandalone(\n  labelInsetRef: { value: HTMLElement | null | undefined },\n  labelOutsideRef: { value: HTMLElement | null | undefined },\n  props: LabelSyncProps,\n): void {\n  effect(() => {\n    const placement = props['label-placement'].value ?? 'inset';\n    const labelText = props.label.value ?? '';\n\n    if (labelInsetRef.value) {\n      labelInsetRef.value.textContent = labelText;\n      labelInsetRef.value.hidden = !labelText || placement !== 'inset';\n    }\n\n    if (labelOutsideRef.value) {\n      labelOutsideRef.value.textContent = labelText;\n      labelOutsideRef.value.hidden = !labelText || placement !== 'outside';\n    }\n  });\n}\n"],"mappings":"mCAYA,SAAgB,EACd,EACA,EACA,EACM,EACN,EAAA,EAAA,YAAa,CACX,IAAM,EAAY,EAAM,mBAAmB,OAAS,QAC9C,EAAY,EAAM,MAAM,OAAS,GAEnC,EAAc,QAChB,EAAc,MAAM,YAAc,EAClC,EAAc,MAAM,OAAS,CAAC,GAAa,IAAc,SAGvD,EAAgB,QAClB,EAAgB,MAAM,YAAc,EACpC,EAAgB,MAAM,OAAS,CAAC,GAAa,IAAc,YAE7D"}

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

@@ -0,0 +1,16 @@
+import { type ReadonlySignal } from '@vielzeug/craftit';
+export type LabelSyncProps = {
+    label: ReadonlySignal<string | undefined>;
+    'label-placement': ReadonlySignal<'inset' | 'outside' | undefined>;
+};
+/**
+ * Reactively synchronises label text and visibility for components that manage
+ * their own `labelInsetRef` / `labelOutsideRef` refs (e.g. select, combobox).
+ * Call inside `onMount` once DOM refs are ready.
+ */
+export declare function mountLabelSyncStandalone(labelInsetRef: {
+    value: HTMLElement | null | undefined;
+}, labelOutsideRef: {
+    value: HTMLElement | null | undefined;
+}, props: LabelSyncProps): void;
+//# sourceMappingURL=label-sync.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label-sync.d.ts","sourceRoot":"","sources":["../../../../src/inputs/shared/dom-sync/label-sync.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEhE,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC1C,iBAAiB,EAAE,cAAc,CAAC,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC,CAAC;CACpE,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,wBAAwB,CACtC,aAAa,EAAE;IAAE,KAAK,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAA;CAAE,EACxD,eAAe,EAAE;IAAE,KAAK,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAA;CAAE,EAC1D,KAAK,EAAE,cAAc,GACpB,IAAI,CAeN"}

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

@@ -0,0 +1,12 @@
+import { effect as e } from "@vielzeug/craftit";
+//#region src/inputs/shared/dom-sync/label-sync.ts
+function t(t, n, r) {
+	e(() => {
+		let e = r["label-placement"].value ?? "inset", i = r.label.value ?? "";
+		t.value && (t.value.textContent = i, t.value.hidden = !i || e !== "inset"), n.value && (n.value.textContent = i, n.value.hidden = !i || e !== "outside");
+	});
+}
+//#endregion
+export { t as mountLabelSyncStandalone };
+
+//# sourceMappingURL=label-sync.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label-sync.js","names":[],"sources":["../../../../src/inputs/shared/dom-sync/label-sync.ts"],"sourcesContent":["import { effect, type ReadonlySignal } from '@vielzeug/craftit';\n\nexport type LabelSyncProps = {\n  label: ReadonlySignal<string | undefined>;\n  'label-placement': ReadonlySignal<'inset' | 'outside' | undefined>;\n};\n\n/**\n * Reactively synchronises label text and visibility for components that manage\n * their own `labelInsetRef` / `labelOutsideRef` refs (e.g. select, combobox).\n * Call inside `onMount` once DOM refs are ready.\n */\nexport function mountLabelSyncStandalone(\n  labelInsetRef: { value: HTMLElement | null | undefined },\n  labelOutsideRef: { value: HTMLElement | null | undefined },\n  props: LabelSyncProps,\n): void {\n  effect(() => {\n    const placement = props['label-placement'].value ?? 'inset';\n    const labelText = props.label.value ?? '';\n\n    if (labelInsetRef.value) {\n      labelInsetRef.value.textContent = labelText;\n      labelInsetRef.value.hidden = !labelText || placement !== 'inset';\n    }\n\n    if (labelOutsideRef.value) {\n      labelOutsideRef.value.textContent = labelText;\n      labelOutsideRef.value.hidden = !labelText || placement !== 'outside';\n    }\n  });\n}\n"],"mappings":";;AAYA,SAAgB,EACd,GACA,GACA,GACM;AACN,SAAa;EACX,IAAM,IAAY,EAAM,mBAAmB,SAAS,SAC9C,IAAY,EAAM,MAAM,SAAS;AAOvC,EALI,EAAc,UAChB,EAAc,MAAM,cAAc,GAClC,EAAc,MAAM,SAAS,CAAC,KAAa,MAAc,UAGvD,EAAgB,UAClB,EAAgB,MAAM,cAAc,GACpC,EAAgB,MAAM,SAAS,CAAC,KAAa,MAAc;GAE7D"}

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

@@ -0,0 +1,2 @@
+var e=(0,require(`@vielzeug/craftit`).createContext)(`FormContext`);exports.FORM_CTX=e;
+//# sourceMappingURL=form-context.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-context.cjs","names":[],"sources":["../../../src/inputs/shared/form-context.ts"],"sourcesContent":["import { createContext, type ReadonlySignal } from '@vielzeug/craftit';\n\nimport type { ComponentSize, VisualVariant } from '../../types';\n\nexport type FormContext = {\n  /** Whether all child fields are disabled */\n  disabled: ReadonlySignal<boolean>;\n  /** Default size propagated to all child form fields */\n  size: ReadonlySignal<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   */\n  validateOn: ReadonlySignal<'submit' | 'blur' | 'change'>;\n  /** Default variant propagated to all child form fields */\n  variant: ReadonlySignal<Exclude<VisualVariant, 'glass' | 'frost' | 'text'> | undefined>;\n};\n\nexport const FORM_CTX = createContext<FormContext>('FormContext');\n"],"mappings":"AAoBA,IAAa,GAAA,+BAAA,eAAsC,cAAc"}

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

@@ -0,0 +1,19 @@
+import { type ReadonlySignal } from '@vielzeug/craftit';
+import type { ComponentSize, VisualVariant } from '../../types';
+export type FormContext = {
+    /** Whether all child fields are disabled */
+    disabled: ReadonlySignal<boolean>;
+    /** Default size propagated to all child form fields */
+    size: ReadonlySignal<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
+     */
+    validateOn: ReadonlySignal<'submit' | 'blur' | 'change'>;
+    /** Default variant propagated to all child form fields */
+    variant: ReadonlySignal<Exclude<VisualVariant, 'glass' | 'frost' | 'text'> | undefined>;
+};
+export declare const FORM_CTX: import("@vielzeug/craftit").InjectionKey<FormContext>;
+//# sourceMappingURL=form-context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-context.d.ts","sourceRoot":"","sources":["../../../src/inputs/shared/form-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEvE,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEhE,MAAM,MAAM,WAAW,GAAG;IACxB,4CAA4C;IAC5C,QAAQ,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAClC,uDAAuD;IACvD,IAAI,EAAE,cAAc,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;IAChD;;;;;OAKG;IACH,UAAU,EAAE,cAAc,CAAC,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC,CAAC;IACzD,0DAA0D;IAC1D,OAAO,EAAE,cAAc,CAAC,OAAO,CAAC,aAAa,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC,GAAG,SAAS,CAAC,CAAC;CACzF,CAAC;AAEF,eAAO,MAAM,QAAQ,uDAA4C,CAAC"}

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

@@ -0,0 +1,7 @@
+import { createContext as e } from "@vielzeug/craftit";
+//#region src/inputs/shared/form-context.ts
+var t = e("FormContext");
+//#endregion
+export { t as FORM_CTX };
+
+//# sourceMappingURL=form-context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-context.js","names":[],"sources":["../../../src/inputs/shared/form-context.ts"],"sourcesContent":["import { createContext, type ReadonlySignal } from '@vielzeug/craftit';\n\nimport type { ComponentSize, VisualVariant } from '../../types';\n\nexport type FormContext = {\n  /** Whether all child fields are disabled */\n  disabled: ReadonlySignal<boolean>;\n  /** Default size propagated to all child form fields */\n  size: ReadonlySignal<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   */\n  validateOn: ReadonlySignal<'submit' | 'blur' | 'change'>;\n  /** Default variant propagated to all child form fields */\n  variant: ReadonlySignal<Exclude<VisualVariant, 'glass' | 'frost' | 'text'> | undefined>;\n};\n\nexport const FORM_CTX = createContext<FormContext>('FormContext');\n"],"mappings":";;AAoBA,IAAa,IAAW,EAA2B,cAAc"}

package/dist/inputs/shared/utils/assistive-text.cjs

@@ -0,0 +1,2 @@
+function e(e,t){if(t==null)return{atLimit:!1,hidden:!0,nearLimit:!1,text:``};let n=e/t;return{atLimit:n>=1,hidden:!1,nearLimit:n>=.9&&n<1,text:`${e} / ${t}`}}function t(e,t){let n=!!e;return{errorHidden:!n,errorText:e??``,helperHidden:n||!t,helperText:t??``}}function n(e,t){let n=!!e,r=e||t||``;return{hidden:!r,isError:n,text:r}}exports.resolveCounterState=e,exports.resolveMergedAssistiveText=n,exports.resolveSplitAssistiveText=t;
+//# sourceMappingURL=assistive-text.cjs.map

package/dist/inputs/shared/utils/assistive-text.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"assistive-text.cjs","names":[],"sources":["../../../../src/inputs/shared/utils/assistive-text.ts"],"sourcesContent":["export type CounterState = {\n  atLimit: boolean;\n  hidden: boolean;\n  nearLimit: boolean;\n  text: string;\n};\n\nexport type SplitAssistiveState = {\n  errorHidden: boolean;\n  errorText: string;\n  helperHidden: boolean;\n  helperText: string;\n};\n\nexport type MergedAssistiveState = {\n  hidden: boolean;\n  isError: boolean;\n  text: string;\n};\n\n/** Shared counter-state thresholds for text controls with maxlength support. */\nexport function resolveCounterState(length: number, max: number | null): CounterState {\n  if (max == null) {\n    return { atLimit: false, hidden: true, nearLimit: false, text: '' };\n  }\n\n  const ratio = length / max;\n\n  return {\n    atLimit: ratio >= 1,\n    hidden: false,\n    nearLimit: ratio >= 0.9 && ratio < 1,\n    text: `${length} / ${max}`,\n  };\n}\n\n/** Split helper/error state for controls that render separate helper and error elements (input). */\nexport function resolveSplitAssistiveText(error: string | undefined, helper: string | undefined): SplitAssistiveState {\n  const hasError = Boolean(error);\n  const hasHelper = Boolean(helper);\n\n  return {\n    errorHidden: !hasError,\n    errorText: error ?? '',\n    helperHidden: hasError || !hasHelper,\n    helperText: helper ?? '',\n  };\n}\n\n/** Merged helper/error state for controls that render one assistive text element (textarea). */\nexport function resolveMergedAssistiveText(\n  error: string | undefined,\n  helper: string | undefined,\n): MergedAssistiveState {\n  const isError = Boolean(error);\n  const text = error || helper || '';\n\n  return {\n    hidden: !text,\n    isError,\n    text,\n  };\n}\n"],"mappings":"AAqBA,SAAgB,EAAoB,EAAgB,EAAkC,CACpF,GAAI,GAAO,KACT,MAAO,CAAE,QAAS,GAAO,OAAQ,GAAM,UAAW,GAAO,KAAM,GAAI,CAGrE,IAAM,EAAQ,EAAS,EAEvB,MAAO,CACL,QAAS,GAAS,EAClB,OAAQ,GACR,UAAW,GAAS,IAAO,EAAQ,EACnC,KAAM,GAAG,EAAO,KAAK,IACtB,CAIH,SAAgB,EAA0B,EAA2B,EAAiD,CACpH,IAAM,EAAW,EAAQ,EAGzB,MAAO,CACL,YAAa,CAAC,EACd,UAAW,GAAS,GACpB,aAAc,GAAY,CALF,EAMxB,WAAY,GAAU,GACvB,CAIH,SAAgB,EACd,EACA,EACsB,CACtB,IAAM,EAAU,EAAQ,EAClB,EAAO,GAAS,GAAU,GAEhC,MAAO,CACL,OAAQ,CAAC,EACT,UACA,OACD"}

package/dist/inputs/shared/utils/assistive-text.d.ts

@@ -0,0 +1,24 @@
+export type CounterState = {
+    atLimit: boolean;
+    hidden: boolean;
+    nearLimit: boolean;
+    text: string;
+};
+export type SplitAssistiveState = {
+    errorHidden: boolean;
+    errorText: string;
+    helperHidden: boolean;
+    helperText: string;
+};
+export type MergedAssistiveState = {
+    hidden: boolean;
+    isError: boolean;
+    text: string;
+};
+/** Shared counter-state thresholds for text controls with maxlength support. */
+export declare function resolveCounterState(length: number, max: number | null): CounterState;
+/** Split helper/error state for controls that render separate helper and error elements (input). */
+export declare function resolveSplitAssistiveText(error: string | undefined, helper: string | undefined): SplitAssistiveState;
+/** Merged helper/error state for controls that render one assistive text element (textarea). */
+export declare function resolveMergedAssistiveText(error: string | undefined, helper: string | undefined): MergedAssistiveState;
+//# sourceMappingURL=assistive-text.d.ts.map

package/dist/inputs/shared/utils/assistive-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"assistive-text.d.ts","sourceRoot":"","sources":["../../../../src/inputs/shared/utils/assistive-text.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,gFAAgF;AAChF,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,YAAY,CAapF;AAED,oGAAoG;AACpG,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,mBAAmB,CAUpH;AAED,gGAAgG;AAChG,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,MAAM,EAAE,MAAM,GAAG,SAAS,GACzB,oBAAoB,CAStB"}

package/dist/inputs/shared/utils/assistive-text.js

@@ -0,0 +1,37 @@
+//#region src/inputs/shared/utils/assistive-text.ts
+function e(e, t) {
+	if (t == null) return {
+		atLimit: !1,
+		hidden: !0,
+		nearLimit: !1,
+		text: ""
+	};
+	let n = e / t;
+	return {
+		atLimit: n >= 1,
+		hidden: !1,
+		nearLimit: n >= .9 && n < 1,
+		text: `${e} / ${t}`
+	};
+}
+function t(e, t) {
+	let n = !!e;
+	return {
+		errorHidden: !n,
+		errorText: e ?? "",
+		helperHidden: n || !t,
+		helperText: t ?? ""
+	};
+}
+function n(e, t) {
+	let n = !!e, r = e || t || "";
+	return {
+		hidden: !r,
+		isError: n,
+		text: r
+	};
+}
+//#endregion
+export { e as resolveCounterState, n as resolveMergedAssistiveText, t as resolveSplitAssistiveText };
+
+//# sourceMappingURL=assistive-text.js.map

package/dist/inputs/shared/utils/assistive-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assistive-text.js","names":[],"sources":["../../../../src/inputs/shared/utils/assistive-text.ts"],"sourcesContent":["export type CounterState = {\n  atLimit: boolean;\n  hidden: boolean;\n  nearLimit: boolean;\n  text: string;\n};\n\nexport type SplitAssistiveState = {\n  errorHidden: boolean;\n  errorText: string;\n  helperHidden: boolean;\n  helperText: string;\n};\n\nexport type MergedAssistiveState = {\n  hidden: boolean;\n  isError: boolean;\n  text: string;\n};\n\n/** Shared counter-state thresholds for text controls with maxlength support. */\nexport function resolveCounterState(length: number, max: number | null): CounterState {\n  if (max == null) {\n    return { atLimit: false, hidden: true, nearLimit: false, text: '' };\n  }\n\n  const ratio = length / max;\n\n  return {\n    atLimit: ratio >= 1,\n    hidden: false,\n    nearLimit: ratio >= 0.9 && ratio < 1,\n    text: `${length} / ${max}`,\n  };\n}\n\n/** Split helper/error state for controls that render separate helper and error elements (input). */\nexport function resolveSplitAssistiveText(error: string | undefined, helper: string | undefined): SplitAssistiveState {\n  const hasError = Boolean(error);\n  const hasHelper = Boolean(helper);\n\n  return {\n    errorHidden: !hasError,\n    errorText: error ?? '',\n    helperHidden: hasError || !hasHelper,\n    helperText: helper ?? '',\n  };\n}\n\n/** Merged helper/error state for controls that render one assistive text element (textarea). */\nexport function resolveMergedAssistiveText(\n  error: string | undefined,\n  helper: string | undefined,\n): MergedAssistiveState {\n  const isError = Boolean(error);\n  const text = error || helper || '';\n\n  return {\n    hidden: !text,\n    isError,\n    text,\n  };\n}\n"],"mappings":";AAqBA,SAAgB,EAAoB,GAAgB,GAAkC;AACpF,KAAI,KAAO,KACT,QAAO;EAAE,SAAS;EAAO,QAAQ;EAAM,WAAW;EAAO,MAAM;EAAI;CAGrE,IAAM,IAAQ,IAAS;AAEvB,QAAO;EACL,SAAS,KAAS;EAClB,QAAQ;EACR,WAAW,KAAS,MAAO,IAAQ;EACnC,MAAM,GAAG,EAAO,KAAK;EACtB;;AAIH,SAAgB,EAA0B,GAA2B,GAAiD;CACpH,IAAM,IAAW,EAAQ;AAGzB,QAAO;EACL,aAAa,CAAC;EACd,WAAW,KAAS;EACpB,cAAc,KAAY,CALF;EAMxB,YAAY,KAAU;EACvB;;AAIH,SAAgB,EACd,GACA,GACsB;CACtB,IAAM,IAAU,EAAQ,GAClB,IAAO,KAAS,KAAU;AAEhC,QAAO;EACL,QAAQ,CAAC;EACT;EACA;EACD"}

package/dist/inputs/shared/utils/choice-change.cjs

@@ -0,0 +1,2 @@
+function e(e,t,n){return{labels:t,originalEvent:n,value:e.join(`,`),values:e}}exports.createChoiceChangeDetail=e;
+//# sourceMappingURL=choice-change.cjs.map

package/dist/inputs/shared/utils/choice-change.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"choice-change.cjs","names":[],"sources":["../../../../src/inputs/shared/utils/choice-change.ts"],"sourcesContent":["export type ChoiceChangeDetail = {\n  labels: string[];\n  originalEvent?: Event;\n  value: string;\n  values: string[];\n};\n\nexport function createChoiceChangeDetail(\n  values: string[],\n  labels: string[],\n  originalEvent?: Event,\n): ChoiceChangeDetail {\n  return {\n    labels,\n    originalEvent,\n    value: values.join(','),\n    values,\n  };\n}\n"],"mappings":"AAOA,SAAgB,EACd,EACA,EACA,EACoB,CACpB,MAAO,CACL,SACA,gBACA,MAAO,EAAO,KAAK,IAAI,CACvB,SACD"}

package/dist/inputs/shared/utils/choice-change.d.ts

@@ -0,0 +1,8 @@
+export type ChoiceChangeDetail = {
+    labels: string[];
+    originalEvent?: Event;
+    value: string;
+    values: string[];
+};
+export declare function createChoiceChangeDetail(values: string[], labels: string[], originalEvent?: Event): ChoiceChangeDetail;
+//# sourceMappingURL=choice-change.d.ts.map

package/dist/inputs/shared/utils/choice-change.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"choice-change.d.ts","sourceRoot":"","sources":["../../../../src/inputs/shared/utils/choice-change.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB,CAAC;AAEF,wBAAgB,wBAAwB,CACtC,MAAM,EAAE,MAAM,EAAE,EAChB,MAAM,EAAE,MAAM,EAAE,EAChB,aAAa,CAAC,EAAE,KAAK,GACpB,kBAAkB,CAOpB"}

package/dist/inputs/shared/utils/choice-change.js

@@ -0,0 +1,13 @@
+//#region src/inputs/shared/utils/choice-change.ts
+function e(e, t, n) {
+	return {
+		labels: t,
+		originalEvent: n,
+		value: e.join(","),
+		values: e
+	};
+}
+//#endregion
+export { e as createChoiceChangeDetail };
+
+//# sourceMappingURL=choice-change.js.map

package/dist/inputs/shared/utils/choice-change.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"choice-change.js","names":[],"sources":["../../../../src/inputs/shared/utils/choice-change.ts"],"sourcesContent":["export type ChoiceChangeDetail = {\n  labels: string[];\n  originalEvent?: Event;\n  value: string;\n  values: string[];\n};\n\nexport function createChoiceChangeDetail(\n  values: string[],\n  labels: string[],\n  originalEvent?: Event,\n): ChoiceChangeDetail {\n  return {\n    labels,\n    originalEvent,\n    value: values.join(','),\n    values,\n  };\n}\n"],"mappings":";AAOA,SAAgB,EACd,GACA,GACA,GACoB;AACpB,QAAO;EACL;EACA;EACA,OAAO,EAAO,KAAK,IAAI;EACvB;EACD"}

package/dist/inputs/shared/utils/controlled-csv.cjs

@@ -0,0 +1,2 @@
+const e=require(`./field-values.cjs`);function t(t){let n=e.parseCsvValues(t);return{firstValue:n[0]??``,formValue:n.join(`,`),isEmpty:n.length===0,values:n}}exports.computeControlledCsvState=t;
+//# sourceMappingURL=controlled-csv.cjs.map

package/dist/inputs/shared/utils/controlled-csv.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"controlled-csv.cjs","names":[],"sources":["../../../../src/inputs/shared/utils/controlled-csv.ts"],"sourcesContent":["import { parseCsvValues } from './field-values';\n\nexport type ControlledCsvState = {\n  firstValue: string;\n  formValue: string;\n  isEmpty: boolean;\n  values: string[];\n};\n\nexport function computeControlledCsvState(value: string | undefined): ControlledCsvState {\n  const values = parseCsvValues(value);\n\n  return {\n    firstValue: values[0] ?? '',\n    formValue: values.join(','),\n    isEmpty: values.length === 0,\n    values,\n  };\n}\n"],"mappings":"sCASA,SAAgB,EAA0B,EAA+C,CACvF,IAAM,EAAS,EAAA,eAAe,EAAM,CAEpC,MAAO,CACL,WAAY,EAAO,IAAM,GACzB,UAAW,EAAO,KAAK,IAAI,CAC3B,QAAS,EAAO,SAAW,EAC3B,SACD"}

package/dist/inputs/shared/utils/controlled-csv.d.ts

@@ -0,0 +1,8 @@
+export type ControlledCsvState = {
+    firstValue: string;
+    formValue: string;
+    isEmpty: boolean;
+    values: string[];
+};
+export declare function computeControlledCsvState(value: string | undefined): ControlledCsvState;
+//# sourceMappingURL=controlled-csv.d.ts.map

package/dist/inputs/shared/utils/controlled-csv.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"controlled-csv.d.ts","sourceRoot":"","sources":["../../../../src/inputs/shared/utils/controlled-csv.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB,CAAC;AAEF,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,kBAAkB,CASvF"}

package/dist/inputs/shared/utils/controlled-csv.js

@@ -0,0 +1,15 @@
+import { parseCsvValues as e } from "./field-values.js";
+//#region src/inputs/shared/utils/controlled-csv.ts
+function t(t) {
+	let n = e(t);
+	return {
+		firstValue: n[0] ?? "",
+		formValue: n.join(","),
+		isEmpty: n.length === 0,
+		values: n
+	};
+}
+//#endregion
+export { t as computeControlledCsvState };
+
+//# sourceMappingURL=controlled-csv.js.map

package/dist/inputs/shared/utils/controlled-csv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controlled-csv.js","names":[],"sources":["../../../../src/inputs/shared/utils/controlled-csv.ts"],"sourcesContent":["import { parseCsvValues } from './field-values';\n\nexport type ControlledCsvState = {\n  firstValue: string;\n  formValue: string;\n  isEmpty: boolean;\n  values: string[];\n};\n\nexport function computeControlledCsvState(value: string | undefined): ControlledCsvState {\n  const values = parseCsvValues(value);\n\n  return {\n    firstValue: values[0] ?? '',\n    formValue: values.join(','),\n    isEmpty: values.length === 0,\n    values,\n  };\n}\n"],"mappings":";;AASA,SAAgB,EAA0B,GAA+C;CACvF,IAAM,IAAS,EAAe,EAAM;AAEpC,QAAO;EACL,YAAY,EAAO,MAAM;EACzB,WAAW,EAAO,KAAK,IAAI;EAC3B,SAAS,EAAO,WAAW;EAC3B;EACD"}

package/dist/inputs/shared/utils/field-values.cjs

@@ -0,0 +1,2 @@
+function e(e){return e?e.split(`,`).map(e=>e.trim()).filter(Boolean):[]}function t(e){if(e==null)return null;let t=Number(e);return Number.isFinite(t)&&t>0?t:null}exports.parseCsvValues=e,exports.parsePositiveNumber=t;
+//# sourceMappingURL=field-values.cjs.map

package/dist/inputs/shared/utils/field-values.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-values.cjs","names":[],"sources":["../../../../src/inputs/shared/utils/field-values.ts"],"sourcesContent":["/** Parse comma-separated values used by multi-select style controls. */\nexport function parseCsvValues(value: string | undefined): string[] {\n  if (!value) return [];\n\n  return value\n    .split(',')\n    .map((v) => v.trim())\n    .filter(Boolean);\n}\n\n/** Parse positive numeric values from optional component props. */\nexport function parsePositiveNumber(value: unknown): number | null {\n  if (value == null) return null;\n\n  const n = Number(value);\n\n  return Number.isFinite(n) && n > 0 ? n : null;\n}\n"],"mappings":"AACA,SAAgB,EAAe,EAAqC,CAGlE,OAFK,EAEE,EACJ,MAAM,IAAI,CACV,IAAK,GAAM,EAAE,MAAM,CAAC,CACpB,OAAO,QAAQ,CALC,EAAE,CASvB,SAAgB,EAAoB,EAA+B,CACjE,GAAI,GAAS,KAAM,OAAO,KAE1B,IAAM,EAAI,OAAO,EAAM,CAEvB,OAAO,OAAO,SAAS,EAAE,EAAI,EAAI,EAAI,EAAI"}

package/dist/inputs/shared/utils/field-values.d.ts

@@ -0,0 +1,5 @@
+/** Parse comma-separated values used by multi-select style controls. */
+export declare function parseCsvValues(value: string | undefined): string[];
+/** Parse positive numeric values from optional component props. */
+export declare function parsePositiveNumber(value: unknown): number | null;
+//# sourceMappingURL=field-values.d.ts.map

package/dist/inputs/shared/utils/field-values.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-values.d.ts","sourceRoot":"","sources":["../../../../src/inputs/shared/utils/field-values.ts"],"names":[],"mappings":"AAAA,wEAAwE;AACxE,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,EAAE,CAOlE;AAED,mEAAmE;AACnE,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAMjE"}

package/dist/inputs/shared/utils/field-values.js

@@ -0,0 +1,13 @@
+//#region src/inputs/shared/utils/field-values.ts
+function e(e) {
+	return e ? e.split(",").map((e) => e.trim()).filter(Boolean) : [];
+}
+function t(e) {
+	if (e == null) return null;
+	let t = Number(e);
+	return Number.isFinite(t) && t > 0 ? t : null;
+}
+//#endregion
+export { e as parseCsvValues, t as parsePositiveNumber };
+
+//# sourceMappingURL=field-values.js.map

package/dist/inputs/shared/utils/field-values.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-values.js","names":[],"sources":["../../../../src/inputs/shared/utils/field-values.ts"],"sourcesContent":["/** Parse comma-separated values used by multi-select style controls. */\nexport function parseCsvValues(value: string | undefined): string[] {\n  if (!value) return [];\n\n  return value\n    .split(',')\n    .map((v) => v.trim())\n    .filter(Boolean);\n}\n\n/** Parse positive numeric values from optional component props. */\nexport function parsePositiveNumber(value: unknown): number | null {\n  if (value == null) return null;\n\n  const n = Number(value);\n\n  return Number.isFinite(n) && n > 0 ? n : null;\n}\n"],"mappings":";AACA,SAAgB,EAAe,GAAqC;AAGlE,QAFK,IAEE,EACJ,MAAM,IAAI,CACV,KAAK,MAAM,EAAE,MAAM,CAAC,CACpB,OAAO,QAAQ,GALC,EAAE;;AASvB,SAAgB,EAAoB,GAA+B;AACjE,KAAI,KAAS,KAAM,QAAO;CAE1B,IAAM,IAAI,OAAO,EAAM;AAEvB,QAAO,OAAO,SAAS,EAAE,IAAI,IAAI,IAAI,IAAI"}

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

@@ -0,0 +1,5 @@
+export * from './assistive-text';
+export * from './choice-change';
+export * from './controlled-csv';
+export * from './field-values';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+function e(e,t,n){e?.validateOn.value===n&&t.reportValidity()}function t(t,n){return{triggerValidation(r){e(t,n,r)}}}exports.createFieldValidation=t,exports.triggerValidationOnEvent=e;
+//# sourceMappingURL=index.cjs.map

package/dist/inputs/shared/validation/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/inputs/shared/validation/index.ts"],"sourcesContent":["export type ValidationTrigger = 'blur' | 'change';\n\nexport type ValidationTriggerSource = {\n  validateOn: { value: ValidationTrigger | 'submit' | undefined };\n};\n\nexport type ValidationReporter = {\n  reportValidity: () => void;\n};\n\nexport function triggerValidationOnEvent(\n  formCtx: ValidationTriggerSource | undefined,\n  field: ValidationReporter,\n  on: ValidationTrigger,\n): void {\n  if (formCtx?.validateOn.value === on) field.reportValidity();\n}\n\nexport function createFieldValidation(formCtx: ValidationTriggerSource | undefined, field: ValidationReporter) {\n  return {\n    triggerValidation(on: ValidationTrigger): void {\n      triggerValidationOnEvent(formCtx, field, on);\n    },\n  };\n}\n"],"mappings":"AAUA,SAAgB,EACd,EACA,EACA,EACM,CACF,GAAS,WAAW,QAAU,GAAI,EAAM,gBAAgB,CAG9D,SAAgB,EAAsB,EAA8C,EAA2B,CAC7G,MAAO,CACL,kBAAkB,EAA6B,CAC7C,EAAyB,EAAS,EAAO,EAAG,EAE/C"}

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

@@ -0,0 +1,14 @@
+export type ValidationTrigger = 'blur' | 'change';
+export type ValidationTriggerSource = {
+    validateOn: {
+        value: ValidationTrigger | 'submit' | undefined;
+    };
+};
+export type ValidationReporter = {
+    reportValidity: () => void;
+};
+export declare function triggerValidationOnEvent(formCtx: ValidationTriggerSource | undefined, field: ValidationReporter, on: ValidationTrigger): void;
+export declare function createFieldValidation(formCtx: ValidationTriggerSource | undefined, field: ValidationReporter): {
+    triggerValidation(on: ValidationTrigger): void;
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/inputs/shared/validation/index.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,QAAQ,CAAC;AAElD,MAAM,MAAM,uBAAuB,GAAG;IACpC,UAAU,EAAE;QAAE,KAAK,EAAE,iBAAiB,GAAG,QAAQ,GAAG,SAAS,CAAA;KAAE,CAAC;CACjE,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,uBAAuB,GAAG,SAAS,EAC5C,KAAK,EAAE,kBAAkB,EACzB,EAAE,EAAE,iBAAiB,GACpB,IAAI,CAEN;AAED,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,uBAAuB,GAAG,SAAS,EAAE,KAAK,EAAE,kBAAkB;0BAEnF,iBAAiB,GAAG,IAAI;EAIjD"}

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

@@ -0,0 +1,13 @@
+//#region src/inputs/shared/validation/index.ts
+function e(e, t, n) {
+	e?.validateOn.value === n && t.reportValidity();
+}
+function t(t, n) {
+	return { triggerValidation(r) {
+		e(t, n, r);
+	} };
+}
+//#endregion
+export { t as createFieldValidation, e as triggerValidationOnEvent };
+
+//# sourceMappingURL=index.js.map

package/dist/inputs/shared/validation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/inputs/shared/validation/index.ts"],"sourcesContent":["export type ValidationTrigger = 'blur' | 'change';\n\nexport type ValidationTriggerSource = {\n  validateOn: { value: ValidationTrigger | 'submit' | undefined };\n};\n\nexport type ValidationReporter = {\n  reportValidity: () => void;\n};\n\nexport function triggerValidationOnEvent(\n  formCtx: ValidationTriggerSource | undefined,\n  field: ValidationReporter,\n  on: ValidationTrigger,\n): void {\n  if (formCtx?.validateOn.value === on) field.reportValidity();\n}\n\nexport function createFieldValidation(formCtx: ValidationTriggerSource | undefined, field: ValidationReporter) {\n  return {\n    triggerValidation(on: ValidationTrigger): void {\n      triggerValidationOnEvent(formCtx, field, on);\n    },\n  };\n}\n"],"mappings":";AAUA,SAAgB,EACd,GACA,GACA,GACM;AACN,CAAI,GAAS,WAAW,UAAU,KAAI,EAAM,gBAAgB;;AAG9D,SAAgB,EAAsB,GAA8C,GAA2B;AAC7G,QAAO,EACL,kBAAkB,GAA6B;AAC7C,IAAyB,GAAS,GAAO,EAAG;IAE/C"}

package/dist/inputs/slider/slider.css?inline.cjs

@@ -0,0 +1,2 @@
+var e=`@layer buildit.base{:host{--_size:var(--slider-size,var(--size-5));--_height:var(--slider-height,var(--size-3));--_track:var(--slider-track,var(--color-contrast-300));--_fill:var(--slider-fill,var(--color-neutral));--_thumb:var(--slider-thumb,var(--color-contrast-100));--_thumb-size:calc(var(--_size) - var(--size-1));--_font-size:var(--text-sm);--_shadow:var(--color-neutral-focus-shadow);gap:var(--_gap,var(--size-3));touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;width:100%;display:inline-flex;position:relative}}.slider-container{width:100%;height:var(--_size);min-height:var(--_touch-target);flex:1;align-items:center;display:flex;position:relative}.slider-track{width:100%;height:var(--_height);background:var(--_track);border-radius:var(--rounded-full);position:relative}.slider-fill{top:0;left:var(--_fill-start,0%);width:var(--_fill-width,0%);background:var(--_fill);border-radius:var(--rounded-full);height:100%;transition:left var(--transition-normal), width var(--transition-normal);position:absolute}:host([data-dragging]) .slider-fill{transition:none}.slider-thumb{z-index:1;width:var(--_thumb-size);height:var(--_thumb-size);cursor:grab;background:var(--_thumb);border:2px solid var(--_fill);border-radius:var(--rounded-full);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal), transform var(--transition-fast), left var(--transition-normal);position:absolute;top:50%;transform:translate(-50%,-50%)}:host([data-dragging]) .slider-thumb{transition:box-shadow var(--transition-normal), transform var(--transition-fast)}.slider-thumb-sole{left:var(--_thumb-pos,0%)}:host(:focus-visible) .slider-thumb-sole,:host(:active) .slider-thumb-sole{box-shadow:var(--_shadow);transform:translate(-50%,-50%)scale(1.1)}.slider-thumb-start{left:var(--_thumb-start,0%)}.slider-thumb-end{left:var(--_thumb-end,100%)}.slider-thumb-start:focus-visible,.slider-thumb-end:focus-visible{z-index:2;cursor:grabbing;outline:var(--border-2) solid var(--_fill);outline-offset:2px;box-shadow:var(--_shadow);transform:translate(-50%,-50%)scale(1.1)}:host(:not([range])) .slider-thumb-start,:host(:not([range])) .slider-thumb-end,:host([range]) .slider-thumb-sole{display:none}@media (forced-colors:active){:host(:focus-visible) .slider-thumb-sole{outline-offset:2px;box-shadow:none;outline:2px solid highlight}}@layer buildit.overrides{:host{--_fill:var(--slider-fill,var(--_theme-base));--_shadow:var(--_theme-shadow)}}.label{font-size:var(--_font-size);color:var(--color-contrast);white-space:nowrap}@media (pointer:coarse){:host{--_thumb-size:calc(var(--_size) + var(--size-2));--_size:var(--size-7)}}`;exports.default=e;
+//# sourceMappingURL=slider.css?inline.cjs.map

package/dist/inputs/slider/slider.css?inline.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.css?inline.cjs","names":[],"sources":["../../../src/inputs/slider/slider.css?inline"],"sourcesContent":["@layer buildit.base {\n  /* ========================================\n       Base Styles & Defaults\n       ======================================== */\n\n  :host {\n    --_size: var(--slider-size, var(--size-5));\n    --_height: var(--slider-height, var(--size-3));\n    --_track: var(--slider-track, var(--color-contrast-300));\n    --_fill: var(--slider-fill, var(--color-neutral));\n    --_thumb: var(--slider-thumb, var(--color-contrast-100));\n    --_thumb-size: calc(var(--_size) - var(--size-1));\n    --_font-size: var(--text-sm);\n    --_shadow: var(--color-neutral-focus-shadow);\n\n    position: relative;\n    display: inline-flex;\n    gap: var(--_gap, var(--size-3));\n    align-items: center;\n    width: 100%;\n    touch-action: none;\n    cursor: pointer;\n    user-select: none;\n  }\n}\n\n/* ========================================\n     Track, Fill & Thumb\n     ======================================== */\n\n.slider-container {\n  position: relative;\n  display: flex;\n  flex: 1;\n  align-items: center;\n  width: 100%;\n  height: var(--_size);\n  min-height: var(--_touch-target);\n}\n\n.slider-track {\n  position: relative;\n  width: 100%;\n  height: var(--_height);\n  background: var(--_track);\n  border-radius: var(--rounded-full);\n}\n\n/* Fill: always driven by --_fill-start / --_fill-width */\n.slider-fill {\n  position: absolute;\n  top: 0;\n  left: var(--_fill-start, 0%);\n  width: var(--_fill-width, 0%);\n  height: 100%;\n  background: var(--_fill);\n  border-radius: var(--rounded-full);\n  transition:\n    left var(--transition-normal),\n    width var(--transition-normal);\n}\n\n:host([data-dragging]) .slider-fill {\n  transition: none;\n}\n\n.slider-thumb {\n  position: absolute;\n  top: 50%;\n  z-index: 1;\n  width: var(--_thumb-size);\n  height: var(--_thumb-size);\n  cursor: grab;\n  background: var(--_thumb);\n  border: 2px solid var(--_fill);\n  border-radius: var(--rounded-full);\n  box-shadow: var(--shadow-sm);\n  transform: translate(-50%, -50%);\n  transition:\n    box-shadow var(--transition-normal),\n    transform var(--transition-fast),\n    left var(--transition-normal);\n}\n\n:host([data-dragging]) .slider-thumb {\n  transition:\n    box-shadow var(--transition-normal),\n    transform var(--transition-fast);\n}\n\n/* ── Single-value thumb ─────────────────────────────────── */\n\n.slider-thumb-sole {\n  left: var(--_thumb-pos, 0%);\n}\n\n:host(:focus-visible) .slider-thumb-sole,\n:host(:active) .slider-thumb-sole {\n  box-shadow: var(--_shadow);\n  transform: translate(-50%, -50%) scale(1.1);\n}\n\n/* ── Range thumbs ───────────────────────────────────────── */\n\n.slider-thumb-start {\n  left: var(--_thumb-start, 0%);\n}\n\n.slider-thumb-end {\n  left: var(--_thumb-end, 100%);\n}\n\n.slider-thumb-start:focus-visible,\n.slider-thumb-end:focus-visible {\n  z-index: 2;\n  cursor: grabbing;\n  outline: var(--border-2) solid var(--_fill);\n  outline-offset: 2px;\n  box-shadow: var(--_shadow);\n  transform: translate(-50%, -50%) scale(1.1);\n}\n\n/* ── Visibility gating ──────────────────────────────────── */\n\n:host(:not([range])) .slider-thumb-start,\n:host(:not([range])) .slider-thumb-end {\n  display: none;\n}\n\n:host([range]) .slider-thumb-sole {\n  display: none;\n}\n\n@media (forced-colors: active) {\n  /* Replace box-shadow focus ring with outline for sole-thumb focus visibility */\n  :host(:focus-visible) .slider-thumb-sole {\n    outline: 2px solid Highlight;\n    outline-offset: 2px;\n    box-shadow: none;\n  }\n}\n\n@layer buildit.overrides {\n  :host {\n    --_fill: var(--slider-fill, var(--_theme-base));\n    --_shadow: var(--_theme-shadow);\n  }\n}\n\n/* ========================================\n     Label\n     ======================================== */\n\n.label {\n  font-size: var(--_font-size);\n  color: var(--color-contrast);\n  white-space: nowrap;\n}\n\n@media (pointer: coarse) {\n  :host {\n    --_thumb-size: calc(var(--_size) + var(--size-2));\n    --_size: var(--size-7);\n  }\n}\n"],"mappings":""}