@vielzeug/refine 1.8.0 → 2.0.1

package/dist/inputs/number-input/number-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../../src/inputs/number-input/number-input.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAG5E,OAAO,yBAAyB,CAAC;AACjC,OAAO,gBAAgB,CAAC;AAMxB,MAAM,MAAM,oBAAoB,GAAG;IACjC,MAAM,EAAE;QAAE,aAAa,CAAC,EAAE,KAAK,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC;IACxD,KAAK,EAAE;QAAE,aAAa,CAAC,EAAE,KAAK,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC;CACxD,CAAC;AAEF,yBAAyB;AACzB,MAAM,MAAM,mBAAmB,GAAG;IAChC,kBAAkB;IAClB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oGAAoG;IACpG,iBAAiB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACxC,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4BAA4B;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,4BAA4B;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;IACrD,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB;IACrB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,eAAO,MAAM,gBAAgB,EAAG,kBAA2B,CAAC"}
+{"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../../src/inputs/number-input/number-input.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAG5E,OAAO,yBAAyB,CAAC;AACjC,OAAO,gBAAgB,CAAC;AAMxB,MAAM,MAAM,oBAAoB,GAAG;IACjC,MAAM,EAAE,KAAK,CAAC;IACd,KAAK,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,yBAAyB;AACzB,MAAM,MAAM,mBAAmB,GAAG;IAChC,kBAAkB;IAClB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oGAAoG;IACpG,iBAAiB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACxC,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4BAA4B;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,4BAA4B;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;IACrD,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB;IACrB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,eAAO,MAAM,gBAAgB,EAAG,kBAA2B,CAAC"}

package/dist/inputs/otp-input/otp-input.d.ts

@@ -1,14 +1,11 @@
 import type { ComponentSize, ThemeColor, VisualVariant } from '../../types';
 export type OreOtpInputEvents = {
-    change: {
-        complete: boolean;
-        originalEvent?: Event;
-        value: string;
-    };
+    change: Event;
     complete: {
         originalEvent?: Event;
         value: string;
     };
+    input: Event;
 };
 /** OTP Input props */
 export type OreOtpInputProps = {
@@ -52,7 +49,8 @@ export type OreOtpInputProps = {
  * @attr {string} label - Group aria-label
  * @attr {string} separator - Optional separator character shown in the middle
  *
- * @fires change - Emitted whenever a cell changes. detail: { value: string, complete: boolean, originalEvent?: Event }
+ * @fires input - Emitted whenever a cell changes.
+ * @fires change - Emitted whenever a cell changes.
  * @fires complete - Emitted when all cells are filled. detail: { value: string, originalEvent?: Event }
  *
  * @slot label - Custom label above the OTP input

package/dist/inputs/otp-input/otp-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"otp-input.d.ts","sourceRoot":"","sources":["../../../src/inputs/otp-input/otp-input.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAQ5E,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,aAAa,CAAC,EAAE,KAAK,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACpE,QAAQ,EAAE;QAAE,aAAa,CAAC,EAAE,KAAK,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CACpD,CAAC;AAEF,sBAAsB;AACtB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,kBAAkB;IAClB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mDAAmD;IACnD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC;IAClC,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC;CACpD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,aAAa,EAAG,eAAwB,CAAC"}
+{"version":3,"file":"otp-input.d.ts","sourceRoot":"","sources":["../../../src/inputs/otp-input/otp-input.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAQ5E,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,KAAK,CAAC;IACd,QAAQ,EAAE;QAAE,aAAa,CAAC,EAAE,KAAK,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACnD,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,sBAAsB;AACtB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,kBAAkB;IAClB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mDAAmD;IACnD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC;IAClC,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC;CACpD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,eAAO,MAAM,aAAa,EAAG,eAAwB,CAAC"}

package/dist/inputs/radio/radio.d.ts

@@ -1,8 +1,8 @@
 import type { CheckableProps, ComponentSize, ThemeColor } from '../../types';
-import { type CheckableChangePayload } from '../../headless';
 /** Radio component properties */
 export type OreRadioEvents = {
-    change: CheckableChangePayload;
+    change: Event;
+    input: Event;
 };
 export type OreRadioProps = CheckableProps & {
     /** Theme color */
@@ -30,7 +30,8 @@ export type OreRadioProps = CheckableProps & {
  * @attr {string} error - Error message (marks field as invalid)
  * @attr {string} helper - Helper text displayed below the radio
  *
- * @fires change - Emitted when radio is selected. detail: { checked: boolean, value: string, originalEvent?: Event }
+ * @fires input - Emitted when radio is selected.
+ * @fires change - Emitted when radio is selected.
  *
  * @slot - Radio button label text
  *

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

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/inputs/radio/radio.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE7E,OAAO,EACL,KAAK,sBAAsB,EAK5B,MAAM,gBAAgB,CAAC;AAcxB,iCAAiC;AAEjC,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE,sBAAsB,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,cAAc,GAAG;IAC3C,kBAAkB;IAClB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qBAAqB;IACrB,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,eAAO,MAAM,SAAS,EAAG,WAAoB,CAAC"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/inputs/radio/radio.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAgB7E,iCAAiC;AAEjC,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE,KAAK,CAAC;IACd,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,cAAc,GAAG;IAC3C,kBAAkB;IAClB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qBAAqB;IACrB,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,eAAO,MAAM,SAAS,EAAG,WAAoB,CAAC"}

package/dist/inputs/radio-group/radio-group.d.ts

@@ -1,6 +1,6 @@
 import { type Readable } from '@vielzeug/ripple';
 import type { ComponentSize, ThemeColor } from '../../types';
-import { type ChoiceChangeDetail } from '../../headless';
+import { type ChoiceChangeDetail } from '../../core';
 /** Radio group component properties */
 export type OreRadioGroupProps = {
     /** Theme color tint */

package/dist/inputs/radio-group/radio-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../src/inputs/radio-group/radio-group.ts"],"names":[],"mappings":"AAiBA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE7D,OAAO,EACL,KAAK,kBAAkB,EAMxB,MAAM,gBAAgB,CAAC;AAMxB,uCAAuC;AACvC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,uBAAuB;IACvB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wBAAwB;IACxB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,QAAQ,CAAC,UAAU,GAAG,SAAS,CAAC,CAAC;IACxC,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC5B,IAAI,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACnC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IACvD,IAAI,EAAE,QAAQ,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;IAC1C,KAAK,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,eAAe,qEAAgE,CAAC;AAE7F,kDAAkD;AAClD,MAAM,MAAM,mBAAmB,GAAG;IAChC,yCAAyC;IACzC,MAAM,EAAE,kBAAkB,CAAC;CAC5B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,eAAe,EAAG,iBAA0B,CAAC"}
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../src/inputs/radio-group/radio-group.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE7D,OAAO,EACL,KAAK,kBAAkB,EAMxB,MAAM,YAAY,CAAC;AAKpB,uCAAuC;AACvC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,uBAAuB;IACvB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wBAAwB;IACxB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,QAAQ,CAAC,UAAU,GAAG,SAAS,CAAC,CAAC;IACxC,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC5B,IAAI,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACnC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IACvD,IAAI,EAAE,QAAQ,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;IAC1C,KAAK,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,eAAe,qEAAgE,CAAC;AAE7F,kDAAkD;AAClD,MAAM,MAAM,mBAAmB,GAAG;IAChC,yCAAyC;IACzC,MAAM,EAAE,kBAAkB,CAAC;CAC5B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,eAAe,EAAG,iBAA0B,CAAC"}

package/dist/inputs/rating/rating.d.ts

@@ -1,10 +1,8 @@
 import type { ComponentSize, ThemeColor } from '../../types';
 import '../../content/icon/icon';
 export type OreRatingEvents = {
-    change: {
-        originalEvent?: Event;
-        value: number;
-    };
+    change: Event;
+    input: Event;
 };
 /** Rating props */
 export type OreRatingProps = {
@@ -48,7 +46,8 @@ export type OreRatingProps = {
  * @attr {string} helper - Helper text below the stars
  * @attr {string} error - Error message below the stars
  *
- * @fires change - Emitted when value changes. detail: { value: number, originalEvent?: Event }
+ * @fires input - Emitted when the rating changes.
+ * @fires change - Emitted when the rating changes.
  *
  * @cssprop --rating-star-size - Star diameter
  * @cssprop --rating-color-empty - Empty star color

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

@@ -1 +1 @@
-{"version":3,"file":"rating.d.ts","sourceRoot":"","sources":["../../../src/inputs/rating/rating.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG7D,OAAO,yBAAyB,CAAC;AAOjC,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE;QAAE,aAAa,CAAC,EAAE,KAAK,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CAClD,CAAC;AAEF,mBAAmB;AACnB,MAAM,MAAM,cAAc,GAAG;IAC3B,kBAAkB;IAClB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2FAA2F;IAC3F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uFAAuF;IACvF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,oEAAoE;IACpE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,UAAU,EAAG,YAAqB,CAAC"}
+{"version":3,"file":"rating.d.ts","sourceRoot":"","sources":["../../../src/inputs/rating/rating.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG7D,OAAO,yBAAyB,CAAC;AAOjC,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,KAAK,CAAC;IACd,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,mBAAmB;AACnB,MAAM,MAAM,cAAc,GAAG;IAC3B,kBAAkB;IAClB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2FAA2F;IAC3F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uFAAuF;IACvF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,oEAAoE;IACpE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,UAAU,EAAG,YAAqB,CAAC"}

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

@@ -1,4 +1,4 @@
-import type { ChoiceChangeDetail, DropdownCloseReason, OverlayOpenDetail } from '../../headless';
+import type { OverlayOpenChangeDetail } from '../../core';
 import type { SelectableFieldProps } from '../../shared';
 import type { VisualVariant } from '../../types';
 import '../../feedback/chip/chip';
@@ -12,11 +12,9 @@ export type OreSelectOptionInput = {
 };
 /** Select component properties */
 export type OreSelectEvents = {
-    change: ChoiceChangeDetail;
-    close: {
-        reason: DropdownCloseReason;
-    };
-    open: OverlayOpenDetail;
+    change: Event;
+    input: Event;
+    'open-change': OverlayOpenChangeDetail;
 };
 export type OreSelectProps = SelectableFieldProps<Exclude<VisualVariant, 'text' | 'frost'>> & {
     /** Show loading state in dropdown */
@@ -51,9 +49,9 @@ export type OreSelectProps = SelectableFieldProps<Exclude<VisualVariant, 'text'
  * @attr {string} rounded - Border radius: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'
  * @attr {boolean} fullwidth - Expand to full width
  *
- * @fires change - Fired when selection changes. detail: { value: string, values: string[], labels: string[], originalEvent?: Event }
- * @fires open - Fired when the dropdown opens. detail: { reason: 'trigger' | 'programmatic' }
- * @fires close - Fired when the dropdown closes. detail: { reason: 'escape' | 'outsideClick' | 'programmatic' | 'trigger' }
+ * @fires input - Fired when selection changes.
+ * @fires change - Fired when selection changes.
+ * @fires open-change - Fired when the dropdown state changes. detail: { open, reason }
  *
  * @slot - `<option>` and `<optgroup>` elements
  *

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

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/inputs/select/select.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,iBAAiB,EAAqB,MAAM,gBAAgB,CAAC;AACpH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,OAAO,0BAA0B,CAAC;AAClC,OAAO,yBAAyB,CAAC;AACjC,OAAO,gBAAgB,CAAC;AAexB,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAiBF,kCAAkC;AAElC,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,kBAAkB,CAAC;IAC3B,KAAK,EAAE;QAAE,MAAM,EAAE,mBAAmB,CAAA;KAAE,CAAC;IACvC,IAAI,EAAE,iBAAiB,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,oBAAoB,CAAC,OAAO,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC,GAAG;IAC5F,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kEAAkE;IAClE,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACjC,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AACH,eAAO,MAAM,UAAU,EAAG,YAAqB,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/inputs/select/select.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,uBAAuB,EAAqB,MAAM,YAAY,CAAC;AAC7E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD,OAAO,0BAA0B,CAAC;AAClC,OAAO,yBAAyB,CAAC;AACjC,OAAO,gBAAgB,CAAC;AAexB,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAiBF,kCAAkC;AAElC,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,KAAK,CAAC;IACd,KAAK,EAAE,KAAK,CAAC;IACb,aAAa,EAAE,uBAAuB,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,oBAAoB,CAAC,OAAO,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC,GAAG;IAC5F,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kEAAkE;IAClE,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACjC,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AACH,eAAO,MAAM,UAAU,EAAG,YAAqB,CAAC"}

package/dist/inputs/shared/field-binding.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"field-binding.cjs","names":[],"sources":["../../../src/inputs/shared/field-binding.ts"],"sourcesContent":["import type { Readable, Signal } from '@vielzeug/ripple';\n\nimport { bind } from '@vielzeug/ore';\n\nimport type { ComponentSize } from '../../types';\n\n/**\n * Minimal shape of the handle returned by `createCheckable` that\n * `applyCheckableBinding` needs. Matches both checkbox (with `indeterminate`)\n * and switch (without).\n */\nexport type CheckableBindingHandle = {\n  assistiveId: string;\n  checked: Signal<boolean>;\n  disabled: Readable<boolean>;\n  errorText: Readable<string>;\n  handleClick: (event: MouseEvent) => boolean;\n  handleKeydown: (event: KeyboardEvent) => boolean;\n  helperText: Readable<string>;\n  indeterminate?: Signal<boolean>;\n  labelId: string;\n  /** Reflects `aria-required` — there's no native form control here to carry a real `required` attribute. */\n  required?: Readable<boolean | undefined>;\n};\n\n/**\n * `prop.string()` already reflects `error`'s raw value as an attribute, but that leaves the\n * attribute present-but-empty (`error=\"\"`) once set instead of removing it — this normalizes\n * an empty error back to \"no attribute at all\". Shared by every text-field component\n * (`ore-input`, `ore-textarea`, `ore-message-composer`) since `bind()`'s own `error` writer\n * needs a derived getter, not the raw prop, to get that behavior.\n *\n * @example\n * ```ts\n * bind({ attr: { error: errorAttr(errorText), size: fCtxProps.size, variant: fCtxProps.variant } });\n * ```\n */\nexport const errorAttr = (errorText: Readable<string>): (() => string | undefined) => {\n  return () => errorText.value || undefined;\n};\n\n/**\n * Applies the standard host bindings shared by all checkable components\n * (checkbox, switch, radio).\n *\n * Wires `role`, all ARIA attributes, `checked`, `size`, `tabindex`, the\n * `is-checked`/`is-disabled` classes, and the `click`/`keydown` event handlers.\n *\n * Pass `handle.indeterminate` for components that need it (checkbox);\n * omit it for switch/radio.\n */\nexport const applyCheckableBinding = (\n  fCtxSize: Readable<ComponentSize | undefined>,\n  handle: CheckableBindingHandle,\n  role: 'checkbox' | 'radio' | 'switch',\n): void => {\n  const {\n    assistiveId,\n    checked,\n    disabled,\n    errorText,\n    handleClick,\n    handleKeydown,\n    helperText,\n    indeterminate,\n    labelId,\n    required,\n  } = handle;\n\n  bind({\n    attr: {\n      ...(indeterminate !== undefined && { indeterminate }),\n      ariaChecked: () => {\n        if (role === 'checkbox' && indeterminate?.value) return 'mixed';\n\n        return checked.value ? 'true' : 'false';\n      },\n      ariaDescribedby: () => (errorText.value || helperText.value ? assistiveId : null),\n      ariaDisabled: () => (disabled.value ? 'true' : null),\n      ariaInvalid: () => (errorText.value ? 'true' : null),\n      ariaLabelledby: labelId,\n      ariaRequired: () => (required?.value ? 'true' : null),\n      checked,\n      role,\n      size: fCtxSize,\n      tabindex: () => (disabled.value ? undefined : 0),\n    },\n    class: () => ({\n      'is-checked': checked.value,\n      'is-disabled': disabled.value,\n      ...(indeterminate !== undefined && { 'is-indeterminate': indeterminate.value }),\n    }),\n    on: {\n      click: handleClick,\n      keydown: handleKeydown,\n    },\n  });\n};\n"],"mappings":"+BAqCA,IAAa,EAAa,OACX,EAAU,OAAS,IAAA,GAarB,GACX,EACA,EACA,IACS,CACT,GAAM,CACJ,cACA,UACA,WACA,YACA,cACA,gBACA,aACA,gBACA,UACA,YACE,GAEJ,EAAA,EAAA,KAAA,CAAK,CACH,KAAM,CACJ,GAAI,IAAkB,IAAA,IAAa,CAAE,eAAc,EACnD,gBACM,IAAS,YAAc,GAAe,MAAc,QAEjD,EAAQ,MAAQ,OAAS,QAElC,oBAAwB,EAAU,OAAS,EAAW,MAAQ,EAAc,KAC5E,iBAAqB,EAAS,MAAQ,OAAS,KAC/C,gBAAoB,EAAU,MAAQ,OAAS,KAC/C,eAAgB,EAChB,iBAAqB,GAAU,MAAQ,OAAS,KAChD,UACA,OACA,KAAM,EACN,aAAiB,EAAS,MAAQ,IAAA,GAAY,CAChD,EACA,WAAc,CACZ,aAAc,EAAQ,MACtB,cAAe,EAAS,MACxB,GAAI,IAAkB,IAAA,IAAa,CAAE,mBAAoB,EAAc,KAAM,CAC/E,GACA,GAAI,CACF,MAAO,EACP,QAAS,CACX,CACF,CAAC,CACH"}
+{"version":3,"file":"field-binding.cjs","names":[],"sources":["../../../src/inputs/shared/field-binding.ts"],"sourcesContent":["import type { Readable, Signal } from '@vielzeug/ripple';\n\nimport { bind } from '@vielzeug/ore';\n\nimport type { ComponentSize } from '../../types';\n\n/**\n * Minimal shape of the handle returned by `createCheckable` that\n * `applyCheckableBinding` needs. Matches both checkbox (with `indeterminate`)\n * and switch (without).\n */\nexport type CheckableBindingHandle = {\n  assistiveId: string;\n  checked: Signal<boolean>;\n  disabled: Readable<boolean>;\n  errorText: Readable<string>;\n  handleClick: (event: MouseEvent) => boolean;\n  handleKeydown: (event: KeyboardEvent) => boolean;\n  helperText: Readable<string>;\n  indeterminate?: Signal<boolean>;\n  labelId: string;\n  /** Reflects `aria-required` — there's no native form control here to carry a real `required` attribute. */\n  required?: Readable<boolean | undefined>;\n};\n\n/**\n * `prop.string()` already reflects `error`'s raw value as an attribute, but that leaves the\n * attribute present-but-empty (`error=\"\"`) once set instead of removing it — this normalizes\n * an empty error back to \"no attribute at all\". Shared by every text-field component\n * (`ore-input`, `ore-textarea`, `ore-message-composer`) since `bind()`'s own `error` writer\n * needs a derived getter, not the raw prop, to get that behavior.\n *\n * @example\n * ```ts\n * bind({ attr: { error: errorAttr(errorText), size: props.size, variant: props.variant } });\n * ```\n */\nexport const errorAttr = (errorText: Readable<string>): (() => string | undefined) => {\n  return () => errorText.value || undefined;\n};\n\n/**\n * Applies the standard host bindings shared by all checkable components\n * (checkbox, switch, radio).\n *\n * Wires `role`, all ARIA attributes, `checked`, `size`, `tabindex`, the\n * `is-checked`/`is-disabled` classes, and the `click`/`keydown` event handlers.\n *\n * Pass `handle.indeterminate` for components that need it (checkbox);\n * omit it for switch/radio.\n */\nexport const applyCheckableBinding = (\n  fCtxSize: Readable<ComponentSize | undefined>,\n  handle: CheckableBindingHandle,\n  role: 'checkbox' | 'radio' | 'switch',\n): void => {\n  const {\n    assistiveId,\n    checked,\n    disabled,\n    errorText,\n    handleClick,\n    handleKeydown,\n    helperText,\n    indeterminate,\n    labelId,\n    required,\n  } = handle;\n\n  bind({\n    attr: {\n      ...(indeterminate !== undefined && { indeterminate }),\n      ariaChecked: () => {\n        if (role === 'checkbox' && indeterminate?.value) return 'mixed';\n\n        return checked.value ? 'true' : 'false';\n      },\n      ariaDescribedby: () => (errorText.value || helperText.value ? assistiveId : null),\n      ariaDisabled: () => (disabled.value ? 'true' : null),\n      ariaInvalid: () => (errorText.value ? 'true' : null),\n      ariaLabelledby: labelId,\n      ariaRequired: () => (required?.value ? 'true' : null),\n      checked,\n      role,\n      size: fCtxSize,\n      tabindex: () => (disabled.value ? undefined : 0),\n    },\n    class: () => ({\n      'is-checked': checked.value,\n      'is-disabled': disabled.value,\n      ...(indeterminate !== undefined && { 'is-indeterminate': indeterminate.value }),\n    }),\n    on: {\n      click: handleClick,\n      keydown: handleKeydown,\n    },\n  });\n};\n"],"mappings":"+BAqCA,IAAa,EAAa,OACX,EAAU,OAAS,IAAA,GAarB,GACX,EACA,EACA,IACS,CACT,GAAM,CACJ,cACA,UACA,WACA,YACA,cACA,gBACA,aACA,gBACA,UACA,YACE,GAEJ,EAAA,EAAA,KAAA,CAAK,CACH,KAAM,CACJ,GAAI,IAAkB,IAAA,IAAa,CAAE,eAAc,EACnD,gBACM,IAAS,YAAc,GAAe,MAAc,QAEjD,EAAQ,MAAQ,OAAS,QAElC,oBAAwB,EAAU,OAAS,EAAW,MAAQ,EAAc,KAC5E,iBAAqB,EAAS,MAAQ,OAAS,KAC/C,gBAAoB,EAAU,MAAQ,OAAS,KAC/C,eAAgB,EAChB,iBAAqB,GAAU,MAAQ,OAAS,KAChD,UACA,OACA,KAAM,EACN,aAAiB,EAAS,MAAQ,IAAA,GAAY,CAChD,EACA,WAAc,CACZ,aAAc,EAAQ,MACtB,cAAe,EAAS,MACxB,GAAI,IAAkB,IAAA,IAAa,CAAE,mBAAoB,EAAc,KAAM,CAC/E,GACA,GAAI,CACF,MAAO,EACP,QAAS,CACX,CACF,CAAC,CACH"}

package/dist/inputs/shared/field-binding.d.ts

@@ -27,7 +27,7 @@ export type CheckableBindingHandle = {
  *
  * @example
  * ```ts
- * bind({ attr: { error: errorAttr(errorText), size: fCtxProps.size, variant: fCtxProps.variant } });
+ * bind({ attr: { error: errorAttr(errorText), size: props.size, variant: props.variant } });
  * ```
  */
 export declare const errorAttr: (errorText: Readable<string>) => (() => string | undefined);

package/dist/inputs/shared/field-binding.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-binding.js","names":[],"sources":["../../../src/inputs/shared/field-binding.ts"],"sourcesContent":["import type { Readable, Signal } from '@vielzeug/ripple';\n\nimport { bind } from '@vielzeug/ore';\n\nimport type { ComponentSize } from '../../types';\n\n/**\n * Minimal shape of the handle returned by `createCheckable` that\n * `applyCheckableBinding` needs. Matches both checkbox (with `indeterminate`)\n * and switch (without).\n */\nexport type CheckableBindingHandle = {\n  assistiveId: string;\n  checked: Signal<boolean>;\n  disabled: Readable<boolean>;\n  errorText: Readable<string>;\n  handleClick: (event: MouseEvent) => boolean;\n  handleKeydown: (event: KeyboardEvent) => boolean;\n  helperText: Readable<string>;\n  indeterminate?: Signal<boolean>;\n  labelId: string;\n  /** Reflects `aria-required` — there's no native form control here to carry a real `required` attribute. */\n  required?: Readable<boolean | undefined>;\n};\n\n/**\n * `prop.string()` already reflects `error`'s raw value as an attribute, but that leaves the\n * attribute present-but-empty (`error=\"\"`) once set instead of removing it — this normalizes\n * an empty error back to \"no attribute at all\". Shared by every text-field component\n * (`ore-input`, `ore-textarea`, `ore-message-composer`) since `bind()`'s own `error` writer\n * needs a derived getter, not the raw prop, to get that behavior.\n *\n * @example\n * ```ts\n * bind({ attr: { error: errorAttr(errorText), size: fCtxProps.size, variant: fCtxProps.variant } });\n * ```\n */\nexport const errorAttr = (errorText: Readable<string>): (() => string | undefined) => {\n  return () => errorText.value || undefined;\n};\n\n/**\n * Applies the standard host bindings shared by all checkable components\n * (checkbox, switch, radio).\n *\n * Wires `role`, all ARIA attributes, `checked`, `size`, `tabindex`, the\n * `is-checked`/`is-disabled` classes, and the `click`/`keydown` event handlers.\n *\n * Pass `handle.indeterminate` for components that need it (checkbox);\n * omit it for switch/radio.\n */\nexport const applyCheckableBinding = (\n  fCtxSize: Readable<ComponentSize | undefined>,\n  handle: CheckableBindingHandle,\n  role: 'checkbox' | 'radio' | 'switch',\n): void => {\n  const {\n    assistiveId,\n    checked,\n    disabled,\n    errorText,\n    handleClick,\n    handleKeydown,\n    helperText,\n    indeterminate,\n    labelId,\n    required,\n  } = handle;\n\n  bind({\n    attr: {\n      ...(indeterminate !== undefined && { indeterminate }),\n      ariaChecked: () => {\n        if (role === 'checkbox' && indeterminate?.value) return 'mixed';\n\n        return checked.value ? 'true' : 'false';\n      },\n      ariaDescribedby: () => (errorText.value || helperText.value ? assistiveId : null),\n      ariaDisabled: () => (disabled.value ? 'true' : null),\n      ariaInvalid: () => (errorText.value ? 'true' : null),\n      ariaLabelledby: labelId,\n      ariaRequired: () => (required?.value ? 'true' : null),\n      checked,\n      role,\n      size: fCtxSize,\n      tabindex: () => (disabled.value ? undefined : 0),\n    },\n    class: () => ({\n      'is-checked': checked.value,\n      'is-disabled': disabled.value,\n      ...(indeterminate !== undefined && { 'is-indeterminate': indeterminate.value }),\n    }),\n    on: {\n      click: handleClick,\n      keydown: handleKeydown,\n    },\n  });\n};\n"],"mappings":";;AAqCA,IAAa,KAAa,YACX,EAAU,SAAS,KAAA,GAarB,KACX,GACA,GACA,MACS;CACT,IAAM,EACJ,gBACA,YACA,aACA,cACA,gBACA,kBACA,eACA,kBACA,YACA,gBACE;CAEJ,EAAK;EACH,MAAM;GACJ,GAAI,MAAkB,KAAA,KAAa,EAAE,iBAAc;GACnD,mBACM,MAAS,cAAc,GAAe,QAAc,UAEjD,EAAQ,QAAQ,SAAS;GAElC,uBAAwB,EAAU,SAAS,EAAW,QAAQ,IAAc;GAC5E,oBAAqB,EAAS,QAAQ,SAAS;GAC/C,mBAAoB,EAAU,QAAQ,SAAS;GAC/C,gBAAgB;GAChB,oBAAqB,GAAU,QAAQ,SAAS;GAChD;GACA;GACA,MAAM;GACN,gBAAiB,EAAS,QAAQ,KAAA,IAAY;EAChD;EACA,cAAc;GACZ,cAAc,EAAQ;GACtB,eAAe,EAAS;GACxB,GAAI,MAAkB,KAAA,KAAa,EAAE,oBAAoB,EAAc,MAAM;EAC/E;EACA,IAAI;GACF,OAAO;GACP,SAAS;EACX;CACF,CAAC;AACH"}
+{"version":3,"file":"field-binding.js","names":[],"sources":["../../../src/inputs/shared/field-binding.ts"],"sourcesContent":["import type { Readable, Signal } from '@vielzeug/ripple';\n\nimport { bind } from '@vielzeug/ore';\n\nimport type { ComponentSize } from '../../types';\n\n/**\n * Minimal shape of the handle returned by `createCheckable` that\n * `applyCheckableBinding` needs. Matches both checkbox (with `indeterminate`)\n * and switch (without).\n */\nexport type CheckableBindingHandle = {\n  assistiveId: string;\n  checked: Signal<boolean>;\n  disabled: Readable<boolean>;\n  errorText: Readable<string>;\n  handleClick: (event: MouseEvent) => boolean;\n  handleKeydown: (event: KeyboardEvent) => boolean;\n  helperText: Readable<string>;\n  indeterminate?: Signal<boolean>;\n  labelId: string;\n  /** Reflects `aria-required` — there's no native form control here to carry a real `required` attribute. */\n  required?: Readable<boolean | undefined>;\n};\n\n/**\n * `prop.string()` already reflects `error`'s raw value as an attribute, but that leaves the\n * attribute present-but-empty (`error=\"\"`) once set instead of removing it — this normalizes\n * an empty error back to \"no attribute at all\". Shared by every text-field component\n * (`ore-input`, `ore-textarea`, `ore-message-composer`) since `bind()`'s own `error` writer\n * needs a derived getter, not the raw prop, to get that behavior.\n *\n * @example\n * ```ts\n * bind({ attr: { error: errorAttr(errorText), size: props.size, variant: props.variant } });\n * ```\n */\nexport const errorAttr = (errorText: Readable<string>): (() => string | undefined) => {\n  return () => errorText.value || undefined;\n};\n\n/**\n * Applies the standard host bindings shared by all checkable components\n * (checkbox, switch, radio).\n *\n * Wires `role`, all ARIA attributes, `checked`, `size`, `tabindex`, the\n * `is-checked`/`is-disabled` classes, and the `click`/`keydown` event handlers.\n *\n * Pass `handle.indeterminate` for components that need it (checkbox);\n * omit it for switch/radio.\n */\nexport const applyCheckableBinding = (\n  fCtxSize: Readable<ComponentSize | undefined>,\n  handle: CheckableBindingHandle,\n  role: 'checkbox' | 'radio' | 'switch',\n): void => {\n  const {\n    assistiveId,\n    checked,\n    disabled,\n    errorText,\n    handleClick,\n    handleKeydown,\n    helperText,\n    indeterminate,\n    labelId,\n    required,\n  } = handle;\n\n  bind({\n    attr: {\n      ...(indeterminate !== undefined && { indeterminate }),\n      ariaChecked: () => {\n        if (role === 'checkbox' && indeterminate?.value) return 'mixed';\n\n        return checked.value ? 'true' : 'false';\n      },\n      ariaDescribedby: () => (errorText.value || helperText.value ? assistiveId : null),\n      ariaDisabled: () => (disabled.value ? 'true' : null),\n      ariaInvalid: () => (errorText.value ? 'true' : null),\n      ariaLabelledby: labelId,\n      ariaRequired: () => (required?.value ? 'true' : null),\n      checked,\n      role,\n      size: fCtxSize,\n      tabindex: () => (disabled.value ? undefined : 0),\n    },\n    class: () => ({\n      'is-checked': checked.value,\n      'is-disabled': disabled.value,\n      ...(indeterminate !== undefined && { 'is-indeterminate': indeterminate.value }),\n    }),\n    on: {\n      click: handleClick,\n      keydown: handleKeydown,\n    },\n  });\n};\n"],"mappings":";;AAqCA,IAAa,KAAa,YACX,EAAU,SAAS,KAAA,GAarB,KACX,GACA,GACA,MACS;CACT,IAAM,EACJ,gBACA,YACA,aACA,cACA,gBACA,kBACA,eACA,kBACA,YACA,gBACE;CAEJ,EAAK;EACH,MAAM;GACJ,GAAI,MAAkB,KAAA,KAAa,EAAE,iBAAc;GACnD,mBACM,MAAS,cAAc,GAAe,QAAc,UAEjD,EAAQ,QAAQ,SAAS;GAElC,uBAAwB,EAAU,SAAS,EAAW,QAAQ,IAAc;GAC5E,oBAAqB,EAAS,QAAQ,SAAS;GAC/C,mBAAoB,EAAU,QAAQ,SAAS;GAC/C,gBAAgB;GAChB,oBAAqB,GAAU,QAAQ,SAAS;GAChD;GACA;GACA,MAAM;GACN,gBAAiB,EAAS,QAAQ,KAAA,IAAY;EAChD;EACA,cAAc;GACZ,cAAc,EAAQ;GACtB,eAAe,EAAS;GACxB,GAAI,MAAkB,KAAA,KAAa,EAAE,oBAAoB,EAAc,MAAM;EAC/E;EACA,IAAI;GACF,OAAO;GACP,SAAS;EACX;CACF,CAAC;AACH"}

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

@@ -1,5 +1,4 @@
 export { applyCheckableBinding } from './field-binding';
-export { FORM_CTX, mergeFormContext, useFormContext } from './form-context';
 export { renderFieldStatusRegion, renderHelperRegion, renderStatusIcon } from './templates';
 export { useFormAction } from './use-form-action';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/inputs/shared/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC5F,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/inputs/shared/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC5F,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/inputs/shared/native-field-event.cjs

@@ -0,0 +1,2 @@
+var e=(e,t,n)=>{Object.defineProperty(e,"checked",{configurable:!0,enumerable:!0,get:t,set:n})},t=(e,t,n)=>{Object.defineProperty(e,"value",{configurable:!0,enumerable:!0,get:t,set:n})},n=(e,t)=>{e.dispatchEvent(new Event(t,{bubbles:!0,composed:!0}))},r=(e,t)=>{e.checked=t},i=(e,t)=>{e.value=t};exports.defineFieldChecked=e,exports.defineFieldValue=t,exports.dispatchNativeFieldEvent=n,exports.setFieldChecked=r,exports.setFieldValue=i;
+//# sourceMappingURL=native-field-event.cjs.map

package/dist/inputs/shared/native-field-event.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-field-event.cjs","names":[],"sources":["../../../src/inputs/shared/native-field-event.ts"],"sourcesContent":["type FieldHost = HTMLElement & {\n  checked?: boolean;\n  value?: string;\n};\n\nexport const defineFieldChecked = (host: HTMLElement, get: () => boolean, set: (checked: boolean) => void): void => {\n  Object.defineProperty(host, 'checked', {\n    configurable: true,\n    enumerable: true,\n    get,\n    set,\n  });\n};\n\nexport const defineFieldValue = (host: HTMLElement, get: () => string, set: (value: string) => void): void => {\n  Object.defineProperty(host, 'value', {\n    configurable: true,\n    enumerable: true,\n    get,\n    set,\n  });\n};\n\nexport const dispatchNativeFieldEvent = (host: HTMLElement, type: 'change' | 'input'): void => {\n  host.dispatchEvent(new Event(type, { bubbles: true, composed: true }));\n};\n\nexport const setFieldChecked = (host: HTMLElement, checked: boolean): void => {\n  (host as FieldHost).checked = checked;\n};\n\nexport const setFieldValue = (host: HTMLElement, value: string): void => {\n  (host as FieldHost).value = value;\n};\n"],"mappings":"AAKA,IAAa,GAAsB,EAAmB,EAAoB,IAA0C,CAClH,OAAO,eAAe,EAAM,UAAW,CACrC,aAAc,GACd,WAAY,GACZ,MACA,KACF,CAAC,CACH,EAEa,GAAoB,EAAmB,EAAmB,IAAuC,CAC5G,OAAO,eAAe,EAAM,QAAS,CACnC,aAAc,GACd,WAAY,GACZ,MACA,KACF,CAAC,CACH,EAEa,GAA4B,EAAmB,IAAmC,CAC7F,EAAK,cAAc,IAAI,MAAM,EAAM,CAAE,QAAS,GAAM,SAAU,EAAK,CAAC,CAAC,CACvE,EAEa,GAAmB,EAAmB,IAA2B,CAC5E,EAAoB,QAAU,CAChC,EAEa,GAAiB,EAAmB,IAAwB,CACvE,EAAoB,MAAQ,CAC9B"}

package/dist/inputs/shared/native-field-event.d.ts

@@ -0,0 +1,6 @@
+export declare const defineFieldChecked: (host: HTMLElement, get: () => boolean, set: (checked: boolean) => void) => void;
+export declare const defineFieldValue: (host: HTMLElement, get: () => string, set: (value: string) => void) => void;
+export declare const dispatchNativeFieldEvent: (host: HTMLElement, type: "change" | "input") => void;
+export declare const setFieldChecked: (host: HTMLElement, checked: boolean) => void;
+export declare const setFieldValue: (host: HTMLElement, value: string) => void;
+//# sourceMappingURL=native-field-event.d.ts.map

package/dist/inputs/shared/native-field-event.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-field-event.d.ts","sourceRoot":"","sources":["../../../src/inputs/shared/native-field-event.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB,GAAI,MAAM,WAAW,EAAE,KAAK,MAAM,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,KAAG,IAO3G,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,MAAM,WAAW,EAAE,KAAK,MAAM,MAAM,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,KAAG,IAOrG,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,MAAM,WAAW,EAAE,MAAM,QAAQ,GAAG,OAAO,KAAG,IAEtF,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,MAAM,WAAW,EAAE,SAAS,OAAO,KAAG,IAErE,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,MAAM,WAAW,EAAE,OAAO,MAAM,KAAG,IAEhE,CAAC"}

package/dist/inputs/shared/native-field-event.js

@@ -0,0 +1,29 @@
+//#region src/inputs/shared/native-field-event.ts
+var e = (e, t, n) => {
+	Object.defineProperty(e, "checked", {
+		configurable: !0,
+		enumerable: !0,
+		get: t,
+		set: n
+	});
+}, t = (e, t, n) => {
+	Object.defineProperty(e, "value", {
+		configurable: !0,
+		enumerable: !0,
+		get: t,
+		set: n
+	});
+}, n = (e, t) => {
+	e.dispatchEvent(new Event(t, {
+		bubbles: !0,
+		composed: !0
+	}));
+}, r = (e, t) => {
+	e.checked = t;
+}, i = (e, t) => {
+	e.value = t;
+};
+//#endregion
+export { e as defineFieldChecked, t as defineFieldValue, n as dispatchNativeFieldEvent, r as setFieldChecked, i as setFieldValue };
+
+//# sourceMappingURL=native-field-event.js.map

package/dist/inputs/shared/native-field-event.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-field-event.js","names":[],"sources":["../../../src/inputs/shared/native-field-event.ts"],"sourcesContent":["type FieldHost = HTMLElement & {\n  checked?: boolean;\n  value?: string;\n};\n\nexport const defineFieldChecked = (host: HTMLElement, get: () => boolean, set: (checked: boolean) => void): void => {\n  Object.defineProperty(host, 'checked', {\n    configurable: true,\n    enumerable: true,\n    get,\n    set,\n  });\n};\n\nexport const defineFieldValue = (host: HTMLElement, get: () => string, set: (value: string) => void): void => {\n  Object.defineProperty(host, 'value', {\n    configurable: true,\n    enumerable: true,\n    get,\n    set,\n  });\n};\n\nexport const dispatchNativeFieldEvent = (host: HTMLElement, type: 'change' | 'input'): void => {\n  host.dispatchEvent(new Event(type, { bubbles: true, composed: true }));\n};\n\nexport const setFieldChecked = (host: HTMLElement, checked: boolean): void => {\n  (host as FieldHost).checked = checked;\n};\n\nexport const setFieldValue = (host: HTMLElement, value: string): void => {\n  (host as FieldHost).value = value;\n};\n"],"mappings":";AAKA,IAAa,KAAsB,GAAmB,GAAoB,MAA0C;CAClH,OAAO,eAAe,GAAM,WAAW;EACrC,cAAc;EACd,YAAY;EACZ;EACA;CACF,CAAC;AACH,GAEa,KAAoB,GAAmB,GAAmB,MAAuC;CAC5G,OAAO,eAAe,GAAM,SAAS;EACnC,cAAc;EACd,YAAY;EACZ;EACA;CACF,CAAC;AACH,GAEa,KAA4B,GAAmB,MAAmC;CAC7F,EAAK,cAAc,IAAI,MAAM,GAAM;EAAE,SAAS;EAAM,UAAU;CAAK,CAAC,CAAC;AACvE,GAEa,KAAmB,GAAmB,MAA2B;CAC5E,EAAoB,UAAU;AAChC,GAEa,KAAiB,GAAmB,MAAwB;CACvE,EAAoB,QAAQ;AAC9B"}

package/dist/inputs/shared/templates.cjs

@@ -1,19 +1,25 @@
-const e=require("../../headless/field-base.cjs");let t=require("@vielzeug/ore");var n=(e,n,r,i)=>t.html`<div
-    class="helper-text"
-    part="helper-text"
-    id="${e}"
-    :role="${()=>n.value?`alert`:null}"
-    aria-live="polite"
-    ?hidden="${()=>!n.value&&!r.value}"
-    ref=${e=>{i?.(e)}}>
-    ${()=>n.value||r.value}
-  </div>`,r=e=>t.html`
+const e=require("../../core/field-base.cjs");let t=require("@vielzeug/ore");var n=(e,n,r,i)=>t.html`
+    <div
+      class="helper-text"
+      part="helper-text"
+      id="${e}"
+      role="${()=>n.value?`alert`:null}"
+      aria-live="polite"
+      ?hidden="${()=>!n.value&&!r.value}"
+      ref=${e=>{i?.(e)}}>
+      ${()=>n.value||r.value}
+    </div>
+  `,r=e=>t.html`
   <span
     class="status-icon"
     part="status-icon"
     aria-hidden="true"
-    :data-status="${()=>e.value?`error`:`success`}">
-    ${()=>e.value?t.html`<ore-icon name="alert-circle" size="14" stroke-width="2" aria-hidden="true"></ore-icon>`:t.html`<ore-icon name="check" size="14" stroke-width="2.5" aria-hidden="true"></ore-icon>`}
+    data-status="${()=>e.value?`error`:`success`}">
+    ${()=>e.value?t.html`
+            <ore-icon name="alert-circle" size="14" stroke-width="2" aria-hidden="true"></ore-icon>
+          `:t.html`
+            <ore-icon name="check" size="14" stroke-width="2.5" aria-hidden="true"></ore-icon>
+          `}
   </span>
 `,i=n=>t.html`
   <span class="${()=>e.counterClassName(n.counter?.value)}" aria-live="polite" ?hidden="${()=>!n.counter}">

package/dist/inputs/shared/templates.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"templates.cjs","names":[],"sources":["../../../src/inputs/shared/templates.ts"],"sourcesContent":["import type { Readable } from '@vielzeug/ripple';\n\nimport { html } from '@vielzeug/ore';\n\nimport { counterClassName, type CounterState } from '../../headless';\n\n/**\n * Renders the standard assistive text region (helper/error) used across all\n * field components. Encapsulates the repeated `aria-live`/`hidden` markup so\n * each component only passes the data.\n *\n * @param assistiveId - The stable ID shared with the ARIA `aria-describedby` attribute.\n * @param errorText   - Reactive error text signal from the field primitive.\n * @param helperText  - Reactive helper text signal from the field primitive.\n * @param setRef      - Optional callback to capture the container element.\n */\nexport const renderHelperRegion = (\n  assistiveId: string,\n  errorText: Readable<string>,\n  helperText: Readable<string>,\n  setRef?: (el: HTMLElement | null) => void,\n) => {\n  return html`<div\n    class=\"helper-text\"\n    part=\"helper-text\"\n    id=\"${assistiveId}\"\n    :role=\"${() => (errorText.value ? 'alert' : null)}\"\n    aria-live=\"polite\"\n    ?hidden=\"${() => !errorText.value && !helperText.value}\"\n    ref=${(el: HTMLElement | null) => {\n      setRef?.(el);\n    }}>\n    ${() => errorText.value || helperText.value}\n  </div>`;\n};\n\n/**\n * Inline error/success status icon shown inside a field — identical markup across\n * `ore-input`, `ore-textarea`, and `ore-message-composer` (previously hand-duplicated in all\n * three, down to the same derived-signal names).\n */\nexport const renderStatusIcon = (errorText: Readable<string>) => html`\n  <span\n    class=\"status-icon\"\n    part=\"status-icon\"\n    aria-hidden=\"true\"\n    :data-status=\"${() => (errorText.value ? 'error' : 'success')}\">\n    ${() =>\n      errorText.value\n        ? html`<ore-icon name=\"alert-circle\" size=\"14\" stroke-width=\"2\" aria-hidden=\"true\"></ore-icon>`\n        : html`<ore-icon name=\"check\" size=\"14\" stroke-width=\"2.5\" aria-hidden=\"true\"></ore-icon>`}\n  </span>\n`;\n\n/**\n * Character counter + separate helper/error text regions below a field — identical across\n * `ore-textarea` and `ore-message-composer` (kept out of `ore-input`, which slots its\n * helper/error content and drives its counter off a different data-attribute scheme via its\n * own `char-counter` part — a genuinely different shape, not worth forcing into this one).\n */\nexport const renderFieldStatusRegion = (tf: {\n  assistiveId: string;\n  counter: Readable<CounterState> | null;\n  errorId: string;\n  errorText: Readable<string>;\n  helperText: Readable<string>;\n}) => html`\n  <span class=\"${() => counterClassName(tf.counter?.value)}\" aria-live=\"polite\" ?hidden=\"${() => !tf.counter}\">\n    ${() => tf.counter?.value.counterText.replace(' / ', '/') ?? ''}\n  </span>\n  <div\n    id=\"${tf.assistiveId}\"\n    class=\"helper-text\"\n    aria-live=\"polite\"\n    part=\"helper\"\n    ?hidden=\"${() => !!tf.errorText.value || !tf.helperText.value}\">\n    ${() => tf.helperText.value}\n  </div>\n  <div id=\"${tf.errorId}\" class=\"helper-text\" role=\"alert\" part=\"error\" ?hidden=\"${() => !tf.errorText.value}\">\n    ${() => tf.errorText.value}\n  </div>\n`;\n"],"mappings":"gFAgBA,IAAa,GACX,EACA,EACA,EACA,IAEO,EAAA,IAAI;;;UAGH,EAAY;iBACF,EAAU,MAAQ,QAAU,KAAM;;mBAEjC,CAAC,EAAU,OAAS,CAAC,EAAW,MAAM;UAChD,GAA2B,CAChC,IAAS,CAAE,CACb,EAAE;UACM,EAAU,OAAS,EAAW,MAAM;UASnC,EAAoB,GAAgC,EAAA,IAAI;;;;;wBAK1C,EAAU,MAAQ,QAAU,UAAW;UAE5D,EAAU,MACN,EAAA,IAAI,0FACJ,EAAA,IAAI,qFAAqF;;EAUtF,EAA2B,GAMlC,EAAA,IAAI;qBACa,EAAA,iBAAiB,EAAG,SAAS,KAAK,EAAE,oCAAsC,CAAC,EAAG,QAAQ;UACjG,EAAG,SAAS,MAAM,YAAY,QAAQ,MAAO,GAAG,GAAK,GAAG;;;UAG1D,EAAG,YAAY;;;;mBAIJ,CAAC,CAAC,EAAG,UAAU,OAAS,CAAC,EAAG,WAAW,MAAM;UACtD,EAAG,WAAW,MAAM;;aAEnB,EAAG,QAAQ,+DAAiE,CAAC,EAAG,UAAU,MAAM;UACjG,EAAG,UAAU,MAAM"}
+{"version":3,"file":"templates.cjs","names":[],"sources":["../../../src/inputs/shared/templates.ts"],"sourcesContent":["import type { Readable } from '@vielzeug/ripple';\n\nimport { html } from '@vielzeug/ore';\n\nimport { counterClassName, type CounterState } from '../../core';\n\n/**\n * Renders the standard assistive text region (helper/error) used across all\n * field components. Encapsulates the repeated `aria-live`/`hidden` markup so\n * each component only passes the data.\n *\n * @param assistiveId - The stable ID shared with the ARIA `aria-describedby` attribute.\n * @param errorText   - Reactive error text signal from the field primitive.\n * @param helperText  - Reactive helper text signal from the field primitive.\n * @param setRef      - Optional callback to capture the container element.\n */\nexport const renderHelperRegion = (\n  assistiveId: string,\n  errorText: Readable<string>,\n  helperText: Readable<string>,\n  setRef?: (el: HTMLElement | null) => void,\n) => {\n  return html`\n    <div\n      class=\"helper-text\"\n      part=\"helper-text\"\n      id=\"${assistiveId}\"\n      role=\"${() => (errorText.value ? 'alert' : null)}\"\n      aria-live=\"polite\"\n      ?hidden=\"${() => !errorText.value && !helperText.value}\"\n      ref=${(el: HTMLElement | null) => {\n        setRef?.(el);\n      }}>\n      ${() => errorText.value || helperText.value}\n    </div>\n  `;\n};\n\n/**\n * Inline error/success status icon shown inside a field — identical markup across\n * `ore-input`, `ore-textarea`, and `ore-message-composer` (previously hand-duplicated in all\n * three, down to the same derived-signal names).\n */\nexport const renderStatusIcon = (errorText: Readable<string>) => html`\n  <span\n    class=\"status-icon\"\n    part=\"status-icon\"\n    aria-hidden=\"true\"\n    data-status=\"${() => (errorText.value ? 'error' : 'success')}\">\n    ${() =>\n      errorText.value\n        ? html`\n            <ore-icon name=\"alert-circle\" size=\"14\" stroke-width=\"2\" aria-hidden=\"true\"></ore-icon>\n          `\n        : html`\n            <ore-icon name=\"check\" size=\"14\" stroke-width=\"2.5\" aria-hidden=\"true\"></ore-icon>\n          `}\n  </span>\n`;\n\n/**\n * Character counter + separate helper/error text regions below a field — identical across\n * `ore-textarea` and `ore-message-composer` (kept out of `ore-input`, which slots its\n * helper/error content and drives its counter off a different data-attribute scheme via its\n * own `char-counter` part — a genuinely different shape, not worth forcing into this one).\n */\nexport const renderFieldStatusRegion = (tf: {\n  assistiveId: string;\n  counter: Readable<CounterState> | null;\n  errorId: string;\n  errorText: Readable<string>;\n  helperText: Readable<string>;\n}) => html`\n  <span class=\"${() => counterClassName(tf.counter?.value)}\" aria-live=\"polite\" ?hidden=\"${() => !tf.counter}\">\n    ${() => tf.counter?.value.counterText.replace(' / ', '/') ?? ''}\n  </span>\n  <div\n    id=\"${tf.assistiveId}\"\n    class=\"helper-text\"\n    aria-live=\"polite\"\n    part=\"helper\"\n    ?hidden=\"${() => !!tf.errorText.value || !tf.helperText.value}\">\n    ${() => tf.helperText.value}\n  </div>\n  <div id=\"${tf.errorId}\" class=\"helper-text\" role=\"alert\" part=\"error\" ?hidden=\"${() => !tf.errorText.value}\">\n    ${() => tf.errorText.value}\n  </div>\n`;\n"],"mappings":"4EAgBA,IAAa,GACX,EACA,EACA,EACA,IAEO,EAAA,IAAI;;;;YAID,EAAY;kBACH,EAAU,MAAQ,QAAU,KAAM;;qBAEhC,CAAC,EAAU,OAAS,CAAC,EAAW,MAAM;YAChD,GAA2B,CAChC,IAAS,CAAE,CACb,EAAE;YACM,EAAU,OAAS,EAAW,MAAM;;IAUrC,EAAoB,GAAgC,EAAA,IAAI;;;;;uBAK3C,EAAU,MAAQ,QAAU,UAAW;UAE3D,EAAU,MACN,EAAA,IAAI;;YAGJ,EAAA,IAAI;;YAEF;;EAUC,EAA2B,GAMlC,EAAA,IAAI;qBACa,EAAA,iBAAiB,EAAG,SAAS,KAAK,EAAE,oCAAsC,CAAC,EAAG,QAAQ;UACjG,EAAG,SAAS,MAAM,YAAY,QAAQ,MAAO,GAAG,GAAK,GAAG;;;UAG1D,EAAG,YAAY;;;;mBAIJ,CAAC,CAAC,EAAG,UAAU,OAAS,CAAC,EAAG,WAAW,MAAM;UACtD,EAAG,WAAW,MAAM;;aAEnB,EAAG,QAAQ,+DAAiE,CAAC,EAAG,UAAU,MAAM;UACjG,EAAG,UAAU,MAAM"}

package/dist/inputs/shared/templates.d.ts

@@ -1,5 +1,5 @@
 import type { Readable } from '@vielzeug/ripple';
-import { type CounterState } from '../../headless';
+import { type CounterState } from '../../core';
 /**
  * Renders the standard assistive text region (helper/error) used across all
  * field components. Encapsulates the repeated `aria-live`/`hidden` markup so

package/dist/inputs/shared/templates.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"templates.d.ts","sourceRoot":"","sources":["../../../src/inputs/shared/templates.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIjD,OAAO,EAAoB,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAErE;;;;;;;;;GASG;AACH,eAAO,MAAM,kBAAkB,GAC7B,aAAa,MAAM,EACnB,WAAW,QAAQ,CAAC,MAAM,CAAC,EAC3B,YAAY,QAAQ,CAAC,MAAM,CAAC,EAC5B,SAAS,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,uCAc1C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI,WAAW,QAAQ,CAAC,MAAM,CAAC,uCAW3D,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,GAAI,IAAI;IAC1C,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,QAAQ,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC;IACvC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC5B,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CAC9B,uCAeA,CAAC"}
+{"version":3,"file":"templates.d.ts","sourceRoot":"","sources":["../../../src/inputs/shared/templates.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIjD,OAAO,EAAoB,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEjE;;;;;;;;;GASG;AACH,eAAO,MAAM,kBAAkB,GAC7B,aAAa,MAAM,EACnB,WAAW,QAAQ,CAAC,MAAM,CAAC,EAC3B,YAAY,QAAQ,CAAC,MAAM,CAAC,EAC5B,SAAS,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,uCAgB1C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI,WAAW,QAAQ,CAAC,MAAM,CAAC,uCAe3D,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,GAAI,IAAI;IAC1C,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,QAAQ,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC;IACvC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC5B,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CAC9B,uCAeA,CAAC"}

package/dist/inputs/shared/templates.js

@@ -1,24 +1,30 @@
-import { counterClassName as e } from "../../headless/field-base.js";
+import { counterClassName as e } from "../../core/field-base.js";
 import { html as t } from "@vielzeug/ore";
 //#region src/inputs/shared/templates.ts
-var n = (e, n, r, i) => t`<div
-    class="helper-text"
-    part="helper-text"
-    id="${e}"
-    :role="${() => n.value ? "alert" : null}"
-    aria-live="polite"
-    ?hidden="${() => !n.value && !r.value}"
-    ref=${(e) => {
+var n = (e, n, r, i) => t`
+    <div
+      class="helper-text"
+      part="helper-text"
+      id="${e}"
+      role="${() => n.value ? "alert" : null}"
+      aria-live="polite"
+      ?hidden="${() => !n.value && !r.value}"
+      ref=${(e) => {
 	i?.(e);
 }}>
-    ${() => n.value || r.value}
-  </div>`, r = (e) => t`
+      ${() => n.value || r.value}
+    </div>
+  `, r = (e) => t`
   <span
     class="status-icon"
     part="status-icon"
     aria-hidden="true"
-    :data-status="${() => e.value ? "error" : "success"}">
-    ${() => e.value ? t`<ore-icon name="alert-circle" size="14" stroke-width="2" aria-hidden="true"></ore-icon>` : t`<ore-icon name="check" size="14" stroke-width="2.5" aria-hidden="true"></ore-icon>`}
+    data-status="${() => e.value ? "error" : "success"}">
+    ${() => e.value ? t`
+            <ore-icon name="alert-circle" size="14" stroke-width="2" aria-hidden="true"></ore-icon>
+          ` : t`
+            <ore-icon name="check" size="14" stroke-width="2.5" aria-hidden="true"></ore-icon>
+          `}
   </span>
 `, i = (n) => t`
   <span class="${() => e(n.counter?.value)}" aria-live="polite" ?hidden="${() => !n.counter}">

package/dist/inputs/shared/templates.js.map

@@ -1 +1 @@
-{"version":3,"file":"templates.js","names":[],"sources":["../../../src/inputs/shared/templates.ts"],"sourcesContent":["import type { Readable } from '@vielzeug/ripple';\n\nimport { html } from '@vielzeug/ore';\n\nimport { counterClassName, type CounterState } from '../../headless';\n\n/**\n * Renders the standard assistive text region (helper/error) used across all\n * field components. Encapsulates the repeated `aria-live`/`hidden` markup so\n * each component only passes the data.\n *\n * @param assistiveId - The stable ID shared with the ARIA `aria-describedby` attribute.\n * @param errorText   - Reactive error text signal from the field primitive.\n * @param helperText  - Reactive helper text signal from the field primitive.\n * @param setRef      - Optional callback to capture the container element.\n */\nexport const renderHelperRegion = (\n  assistiveId: string,\n  errorText: Readable<string>,\n  helperText: Readable<string>,\n  setRef?: (el: HTMLElement | null) => void,\n) => {\n  return html`<div\n    class=\"helper-text\"\n    part=\"helper-text\"\n    id=\"${assistiveId}\"\n    :role=\"${() => (errorText.value ? 'alert' : null)}\"\n    aria-live=\"polite\"\n    ?hidden=\"${() => !errorText.value && !helperText.value}\"\n    ref=${(el: HTMLElement | null) => {\n      setRef?.(el);\n    }}>\n    ${() => errorText.value || helperText.value}\n  </div>`;\n};\n\n/**\n * Inline error/success status icon shown inside a field — identical markup across\n * `ore-input`, `ore-textarea`, and `ore-message-composer` (previously hand-duplicated in all\n * three, down to the same derived-signal names).\n */\nexport const renderStatusIcon = (errorText: Readable<string>) => html`\n  <span\n    class=\"status-icon\"\n    part=\"status-icon\"\n    aria-hidden=\"true\"\n    :data-status=\"${() => (errorText.value ? 'error' : 'success')}\">\n    ${() =>\n      errorText.value\n        ? html`<ore-icon name=\"alert-circle\" size=\"14\" stroke-width=\"2\" aria-hidden=\"true\"></ore-icon>`\n        : html`<ore-icon name=\"check\" size=\"14\" stroke-width=\"2.5\" aria-hidden=\"true\"></ore-icon>`}\n  </span>\n`;\n\n/**\n * Character counter + separate helper/error text regions below a field — identical across\n * `ore-textarea` and `ore-message-composer` (kept out of `ore-input`, which slots its\n * helper/error content and drives its counter off a different data-attribute scheme via its\n * own `char-counter` part — a genuinely different shape, not worth forcing into this one).\n */\nexport const renderFieldStatusRegion = (tf: {\n  assistiveId: string;\n  counter: Readable<CounterState> | null;\n  errorId: string;\n  errorText: Readable<string>;\n  helperText: Readable<string>;\n}) => html`\n  <span class=\"${() => counterClassName(tf.counter?.value)}\" aria-live=\"polite\" ?hidden=\"${() => !tf.counter}\">\n    ${() => tf.counter?.value.counterText.replace(' / ', '/') ?? ''}\n  </span>\n  <div\n    id=\"${tf.assistiveId}\"\n    class=\"helper-text\"\n    aria-live=\"polite\"\n    part=\"helper\"\n    ?hidden=\"${() => !!tf.errorText.value || !tf.helperText.value}\">\n    ${() => tf.helperText.value}\n  </div>\n  <div id=\"${tf.errorId}\" class=\"helper-text\" role=\"alert\" part=\"error\" ?hidden=\"${() => !tf.errorText.value}\">\n    ${() => tf.errorText.value}\n  </div>\n`;\n"],"mappings":";;;AAgBA,IAAa,KACX,GACA,GACA,GACA,MAEO,CAAI;;;UAGH,EAAY;mBACF,EAAU,QAAQ,UAAU,KAAM;;qBAEjC,CAAC,EAAU,SAAS,CAAC,EAAW,MAAM;WAChD,MAA2B;CAChC,IAAS,CAAE;AACb,EAAE;YACM,EAAU,SAAS,EAAW,MAAM;WASnC,KAAoB,MAAgC,CAAI;;;;;0BAK1C,EAAU,QAAQ,UAAU,UAAW;YAE5D,EAAU,QACN,CAAI,4FACJ,CAAI,qFAAqF;;GAUtF,KAA2B,MAMlC,CAAI;uBACa,EAAiB,EAAG,SAAS,KAAK,EAAE,sCAAsC,CAAC,EAAG,QAAQ;YACjG,EAAG,SAAS,MAAM,YAAY,QAAQ,OAAO,GAAG,KAAK,GAAG;;;UAG1D,EAAG,YAAY;;;;qBAIJ,CAAC,CAAC,EAAG,UAAU,SAAS,CAAC,EAAG,WAAW,MAAM;YACtD,EAAG,WAAW,MAAM;;aAEnB,EAAG,QAAQ,iEAAiE,CAAC,EAAG,UAAU,MAAM;YACjG,EAAG,UAAU,MAAM"}
+{"version":3,"file":"templates.js","names":[],"sources":["../../../src/inputs/shared/templates.ts"],"sourcesContent":["import type { Readable } from '@vielzeug/ripple';\n\nimport { html } from '@vielzeug/ore';\n\nimport { counterClassName, type CounterState } from '../../core';\n\n/**\n * Renders the standard assistive text region (helper/error) used across all\n * field components. Encapsulates the repeated `aria-live`/`hidden` markup so\n * each component only passes the data.\n *\n * @param assistiveId - The stable ID shared with the ARIA `aria-describedby` attribute.\n * @param errorText   - Reactive error text signal from the field primitive.\n * @param helperText  - Reactive helper text signal from the field primitive.\n * @param setRef      - Optional callback to capture the container element.\n */\nexport const renderHelperRegion = (\n  assistiveId: string,\n  errorText: Readable<string>,\n  helperText: Readable<string>,\n  setRef?: (el: HTMLElement | null) => void,\n) => {\n  return html`\n    <div\n      class=\"helper-text\"\n      part=\"helper-text\"\n      id=\"${assistiveId}\"\n      role=\"${() => (errorText.value ? 'alert' : null)}\"\n      aria-live=\"polite\"\n      ?hidden=\"${() => !errorText.value && !helperText.value}\"\n      ref=${(el: HTMLElement | null) => {\n        setRef?.(el);\n      }}>\n      ${() => errorText.value || helperText.value}\n    </div>\n  `;\n};\n\n/**\n * Inline error/success status icon shown inside a field — identical markup across\n * `ore-input`, `ore-textarea`, and `ore-message-composer` (previously hand-duplicated in all\n * three, down to the same derived-signal names).\n */\nexport const renderStatusIcon = (errorText: Readable<string>) => html`\n  <span\n    class=\"status-icon\"\n    part=\"status-icon\"\n    aria-hidden=\"true\"\n    data-status=\"${() => (errorText.value ? 'error' : 'success')}\">\n    ${() =>\n      errorText.value\n        ? html`\n            <ore-icon name=\"alert-circle\" size=\"14\" stroke-width=\"2\" aria-hidden=\"true\"></ore-icon>\n          `\n        : html`\n            <ore-icon name=\"check\" size=\"14\" stroke-width=\"2.5\" aria-hidden=\"true\"></ore-icon>\n          `}\n  </span>\n`;\n\n/**\n * Character counter + separate helper/error text regions below a field — identical across\n * `ore-textarea` and `ore-message-composer` (kept out of `ore-input`, which slots its\n * helper/error content and drives its counter off a different data-attribute scheme via its\n * own `char-counter` part — a genuinely different shape, not worth forcing into this one).\n */\nexport const renderFieldStatusRegion = (tf: {\n  assistiveId: string;\n  counter: Readable<CounterState> | null;\n  errorId: string;\n  errorText: Readable<string>;\n  helperText: Readable<string>;\n}) => html`\n  <span class=\"${() => counterClassName(tf.counter?.value)}\" aria-live=\"polite\" ?hidden=\"${() => !tf.counter}\">\n    ${() => tf.counter?.value.counterText.replace(' / ', '/') ?? ''}\n  </span>\n  <div\n    id=\"${tf.assistiveId}\"\n    class=\"helper-text\"\n    aria-live=\"polite\"\n    part=\"helper\"\n    ?hidden=\"${() => !!tf.errorText.value || !tf.helperText.value}\">\n    ${() => tf.helperText.value}\n  </div>\n  <div id=\"${tf.errorId}\" class=\"helper-text\" role=\"alert\" part=\"error\" ?hidden=\"${() => !tf.errorText.value}\">\n    ${() => tf.errorText.value}\n  </div>\n`;\n"],"mappings":";;;AAgBA,IAAa,KACX,GACA,GACA,GACA,MAEO,CAAI;;;;YAID,EAAY;oBACH,EAAU,QAAQ,UAAU,KAAM;;uBAEhC,CAAC,EAAU,SAAS,CAAC,EAAW,MAAM;aAChD,MAA2B;CAChC,IAAS,CAAE;AACb,EAAE;cACM,EAAU,SAAS,EAAW,MAAM;;KAUrC,KAAoB,MAAgC,CAAI;;;;;yBAK3C,EAAU,QAAQ,UAAU,UAAW;YAE3D,EAAU,QACN,CAAI;;cAGJ,CAAI;;YAEF;;GAUC,KAA2B,MAMlC,CAAI;uBACa,EAAiB,EAAG,SAAS,KAAK,EAAE,sCAAsC,CAAC,EAAG,QAAQ;YACjG,EAAG,SAAS,MAAM,YAAY,QAAQ,OAAO,GAAG,KAAK,GAAG;;;UAG1D,EAAG,YAAY;;;;qBAIJ,CAAC,CAAC,EAAG,UAAU,SAAS,CAAC,EAAG,WAAW,MAAM;YACtD,EAAG,WAAW,MAAM;;aAEnB,EAAG,QAAQ,iEAAiE,CAAC,EAAG,UAAU,MAAM;YACjG,EAAG,UAAU,MAAM"}

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

@@ -1,2 +1,2 @@
-var e=`@layer refine.base{:host{--_size:var(--slider-size,var(--size-5));--_height:var(--slider-height,var(--size-3));--_track:var(--slider-track-bg,var(--color-contrast-300));--_fill:var(--slider-fill,var(--color-neutral));--_thumb:var(--slider-thumb-bg,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;flex-wrap:wrap;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);will-change:transform;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 refine.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}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas))}.helper-text[role=alert]{color:var(--color-error)}@media (pointer:coarse){:host{--_thumb-size:calc(var(--_size) + var(--size-2));--_size:var(--size-7)}}`;exports.default=e;
+var e=`@layer refine.base{:host{--_size:var(--slider-size,var(--size-5));--_height:var(--slider-height,var(--size-1));--_track:var(--slider-track-bg,var(--color-contrast-300));--_fill:var(--slider-fill,var(--color-neutral));--_thumb:var(--slider-thumb-bg,var(--color-contrast-50));--_thumb-size:var(--_size);--_thumb-inset:var(--slider-thumb-inset,var(--size-2-5));--_touch-target:var(--size-11);--_font-size:var(--text-sm);--_shadow:var(--color-neutral-focus-shadow);gap:var(--_gap,var(--size-3));min-width:var(--slider-min-width,12rem);touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;display:inline-flex;position:relative}:host([fullwidth]){width:100%}}.slider-container{box-sizing:border-box;width:100%;min-height:var(--_touch-target);padding-inline:var(--_thumb-inset);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:var(--_motion-transition,left var(--transition-fast), width var(--transition-fast));position:absolute}:host([data-dragging]) .slider-fill{transition:none}.slider-thumb{z-index:1;box-sizing:border-box;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:var(--_motion-transition,box-shadow var(--transition-fast), left var(--transition-fast));will-change:transform;position:absolute;top:50%;transform:translate(-50%,-50%)}:host([data-dragging]) .slider-thumb{cursor:grabbing;box-shadow:var(--_shadow);transition:var(--_motion-transition,box-shadow 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)}.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;outline:var(--border-2) solid var(--_fill);outline-offset:var(--size-0-5);box-shadow:var(--_shadow)}:host(:not([range])) .slider-thumb-start,:host(:not([range])) .slider-thumb-end,:host([range]) .slider-thumb-sole{display:none}@media (hover:hover){:host(:not([disabled])) .slider-thumb:hover{box-shadow:var(--_shadow)}}@media (forced-colors:active){:host(:focus-visible) .slider-thumb-sole,.slider-thumb-start:focus-visible,.slider-thumb-end:focus-visible{outline-offset:2px;box-shadow:none;outline:2px solid highlight}}@layer refine.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}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas))}.helper-text[role=alert]{color:var(--color-error)}`;exports.default=e;
 //# sourceMappingURL=slider.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"slider.css.cjs","names":[],"sources":["../../../src/inputs/slider/slider.css?inline"],"sourcesContent":["@layer refine.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-bg, var(--color-contrast-300));\n    --_fill: var(--slider-fill, var(--color-neutral));\n    --_thumb: var(--slider-thumb-bg, 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    flex-wrap: wrap;\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  will-change: transform;\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 refine.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.helper-text[hidden] {\n  display: none;\n}\n\n.helper-text {\n  width: 100%;\n  font-size: var(--text-xs);\n  line-height: var(--leading-tight);\n  color: color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas));\n}\n\n.helper-text[role='alert'] {\n  color: var(--color-error);\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":""}
+{"version":3,"file":"slider.css.cjs","names":[],"sources":["../../../src/inputs/slider/slider.css?inline"],"sourcesContent":["@layer refine.base {\n  /* ========================================\n       Base Styles & Defaults\n       ======================================== */\n\n  /* No unconditional `width: 100%` here, on purpose — matches every other field's own `:host`\n     (`ore-input`, `ore-select`, `ore-number-input`, `ore-combobox`, `ore-date-picker`): shrink to\n     `min-width` by default, opt into full width via `:host([fullwidth])` below. A hardcoded\n     `width: 100%` here (the previous default) meant the slider always claimed the entire row in\n     a flex layout regardless of layout intent — e.g. sitting next to a label/hint column in a\n     settings-style row, it forced that column down to near its text's min-content width instead\n     of sharing the row the way a same-row `ore-select`/`ore-number-input` naturally does. */\n  :host {\n    --_size: var(--slider-size, var(--size-5));\n    --_height: var(--slider-height, var(--size-1));\n    --_track: var(--slider-track-bg, var(--color-contrast-300));\n    --_fill: var(--slider-fill, var(--color-neutral));\n    --_thumb: var(--slider-thumb-bg, var(--color-contrast-50));\n    --_thumb-size: var(--_size);\n    --_thumb-inset: var(--slider-thumb-inset, var(--size-2-5));\n    --_touch-target: var(--size-11);\n    --_font-size: var(--text-sm);\n    --_shadow: var(--color-neutral-focus-shadow);\n\n    position: relative;\n    display: inline-flex;\n    flex-wrap: wrap;\n    gap: var(--_gap, var(--size-3));\n    align-items: center;\n    min-width: var(--slider-min-width, 12rem);\n    touch-action: none;\n    cursor: pointer;\n    user-select: none;\n  }\n\n  /* Explicit opt-in still forces full width outside a stretching grid/flex context — same\n     convention as ore-input's own :host([fullwidth]). */\n  :host([fullwidth]) {\n    width: 100%;\n  }\n}\n\n/* ========================================\n     Track, Fill & Thumb\n     ======================================== */\n\n.slider-container {\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex: 1;\n  align-items: center;\n  width: 100%;\n  min-height: var(--_touch-target);\n  padding-inline: var(--_thumb-inset);\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: var(--_motion-transition, left var(--transition-fast), width var(--transition-fast));\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  box-sizing: border-box;\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: var(--_motion-transition, box-shadow var(--transition-fast), left var(--transition-fast));\n  will-change: transform;\n}\n\n:host([data-dragging]) .slider-thumb {\n  cursor: grabbing;\n  box-shadow: var(--_shadow);\n  transition: var(--_motion-transition, box-shadow 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}\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  outline: var(--border-2) solid var(--_fill);\n  outline-offset: var(--size-0-5);\n  box-shadow: var(--_shadow);\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 (hover: hover) {\n  :host(:not([disabled])) .slider-thumb:hover {\n    box-shadow: var(--_shadow);\n  }\n}\n\n@media (forced-colors: active) {\n  :host(:focus-visible) .slider-thumb-sole,\n  .slider-thumb-start:focus-visible,\n  .slider-thumb-end:focus-visible {\n    outline: 2px solid Highlight;\n    outline-offset: 2px;\n    box-shadow: none;\n  }\n}\n\n@layer refine.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.helper-text[hidden] {\n  display: none;\n}\n\n.helper-text {\n  width: 100%;\n  font-size: var(--text-xs);\n  line-height: var(--leading-tight);\n  color: color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas));\n}\n\n.helper-text[role='alert'] {\n  color: var(--color-error);\n}\n"],"mappings":""}

package/dist/inputs/slider/slider.css.js

@@ -1,5 +1,5 @@
 //#region src/inputs/slider/slider.css?inline
-var e = "@layer refine.base{:host{--_size:var(--slider-size,var(--size-5));--_height:var(--slider-height,var(--size-3));--_track:var(--slider-track-bg,var(--color-contrast-300));--_fill:var(--slider-fill,var(--color-neutral));--_thumb:var(--slider-thumb-bg,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;flex-wrap:wrap;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);will-change:transform;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 refine.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}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas))}.helper-text[role=alert]{color:var(--color-error)}@media (pointer:coarse){:host{--_thumb-size:calc(var(--_size) + var(--size-2));--_size:var(--size-7)}}";
+var e = "@layer refine.base{:host{--_size:var(--slider-size,var(--size-5));--_height:var(--slider-height,var(--size-1));--_track:var(--slider-track-bg,var(--color-contrast-300));--_fill:var(--slider-fill,var(--color-neutral));--_thumb:var(--slider-thumb-bg,var(--color-contrast-50));--_thumb-size:var(--_size);--_thumb-inset:var(--slider-thumb-inset,var(--size-2-5));--_touch-target:var(--size-11);--_font-size:var(--text-sm);--_shadow:var(--color-neutral-focus-shadow);gap:var(--_gap,var(--size-3));min-width:var(--slider-min-width,12rem);touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;display:inline-flex;position:relative}:host([fullwidth]){width:100%}}.slider-container{box-sizing:border-box;width:100%;min-height:var(--_touch-target);padding-inline:var(--_thumb-inset);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:var(--_motion-transition,left var(--transition-fast), width var(--transition-fast));position:absolute}:host([data-dragging]) .slider-fill{transition:none}.slider-thumb{z-index:1;box-sizing:border-box;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:var(--_motion-transition,box-shadow var(--transition-fast), left var(--transition-fast));will-change:transform;position:absolute;top:50%;transform:translate(-50%,-50%)}:host([data-dragging]) .slider-thumb{cursor:grabbing;box-shadow:var(--_shadow);transition:var(--_motion-transition,box-shadow 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)}.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;outline:var(--border-2) solid var(--_fill);outline-offset:var(--size-0-5);box-shadow:var(--_shadow)}:host(:not([range])) .slider-thumb-start,:host(:not([range])) .slider-thumb-end,:host([range]) .slider-thumb-sole{display:none}@media (hover:hover){:host(:not([disabled])) .slider-thumb:hover{box-shadow:var(--_shadow)}}@media (forced-colors:active){:host(:focus-visible) .slider-thumb-sole,.slider-thumb-start:focus-visible,.slider-thumb-end:focus-visible{outline-offset:2px;box-shadow:none;outline:2px solid highlight}}@layer refine.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}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas))}.helper-text[role=alert]{color:var(--color-error)}";
 //#endregion
 export { e as default };
 

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

@@ -1 +1 @@
-{"version":3,"file":"slider.css.js","names":[],"sources":["../../../src/inputs/slider/slider.css?inline"],"sourcesContent":["@layer refine.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-bg, var(--color-contrast-300));\n    --_fill: var(--slider-fill, var(--color-neutral));\n    --_thumb: var(--slider-thumb-bg, 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    flex-wrap: wrap;\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  will-change: transform;\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 refine.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.helper-text[hidden] {\n  display: none;\n}\n\n.helper-text {\n  width: 100%;\n  font-size: var(--text-xs);\n  line-height: var(--leading-tight);\n  color: color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas));\n}\n\n.helper-text[role='alert'] {\n  color: var(--color-error);\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":""}
+{"version":3,"file":"slider.css.js","names":[],"sources":["../../../src/inputs/slider/slider.css?inline"],"sourcesContent":["@layer refine.base {\n  /* ========================================\n       Base Styles & Defaults\n       ======================================== */\n\n  /* No unconditional `width: 100%` here, on purpose — matches every other field's own `:host`\n     (`ore-input`, `ore-select`, `ore-number-input`, `ore-combobox`, `ore-date-picker`): shrink to\n     `min-width` by default, opt into full width via `:host([fullwidth])` below. A hardcoded\n     `width: 100%` here (the previous default) meant the slider always claimed the entire row in\n     a flex layout regardless of layout intent — e.g. sitting next to a label/hint column in a\n     settings-style row, it forced that column down to near its text's min-content width instead\n     of sharing the row the way a same-row `ore-select`/`ore-number-input` naturally does. */\n  :host {\n    --_size: var(--slider-size, var(--size-5));\n    --_height: var(--slider-height, var(--size-1));\n    --_track: var(--slider-track-bg, var(--color-contrast-300));\n    --_fill: var(--slider-fill, var(--color-neutral));\n    --_thumb: var(--slider-thumb-bg, var(--color-contrast-50));\n    --_thumb-size: var(--_size);\n    --_thumb-inset: var(--slider-thumb-inset, var(--size-2-5));\n    --_touch-target: var(--size-11);\n    --_font-size: var(--text-sm);\n    --_shadow: var(--color-neutral-focus-shadow);\n\n    position: relative;\n    display: inline-flex;\n    flex-wrap: wrap;\n    gap: var(--_gap, var(--size-3));\n    align-items: center;\n    min-width: var(--slider-min-width, 12rem);\n    touch-action: none;\n    cursor: pointer;\n    user-select: none;\n  }\n\n  /* Explicit opt-in still forces full width outside a stretching grid/flex context — same\n     convention as ore-input's own :host([fullwidth]). */\n  :host([fullwidth]) {\n    width: 100%;\n  }\n}\n\n/* ========================================\n     Track, Fill & Thumb\n     ======================================== */\n\n.slider-container {\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex: 1;\n  align-items: center;\n  width: 100%;\n  min-height: var(--_touch-target);\n  padding-inline: var(--_thumb-inset);\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: var(--_motion-transition, left var(--transition-fast), width var(--transition-fast));\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  box-sizing: border-box;\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: var(--_motion-transition, box-shadow var(--transition-fast), left var(--transition-fast));\n  will-change: transform;\n}\n\n:host([data-dragging]) .slider-thumb {\n  cursor: grabbing;\n  box-shadow: var(--_shadow);\n  transition: var(--_motion-transition, box-shadow 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}\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  outline: var(--border-2) solid var(--_fill);\n  outline-offset: var(--size-0-5);\n  box-shadow: var(--_shadow);\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 (hover: hover) {\n  :host(:not([disabled])) .slider-thumb:hover {\n    box-shadow: var(--_shadow);\n  }\n}\n\n@media (forced-colors: active) {\n  :host(:focus-visible) .slider-thumb-sole,\n  .slider-thumb-start:focus-visible,\n  .slider-thumb-end:focus-visible {\n    outline: 2px solid Highlight;\n    outline-offset: 2px;\n    box-shadow: none;\n  }\n}\n\n@layer refine.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.helper-text[hidden] {\n  display: none;\n}\n\n.helper-text {\n  width: 100%;\n  font-size: var(--text-xs);\n  line-height: var(--leading-tight);\n  color: color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas));\n}\n\n.helper-text[role='alert'] {\n  color: var(--color-error);\n}\n"],"mappings":""}

package/dist/inputs/slider/slider.d.ts

@@ -1,15 +1,8 @@
 import type { ComponentSize, ThemeColor } from '../../types';
 /** Slider component properties */
 export type OreSliderEvents = {
-    change: {
-        from?: number;
-        originalEvent?: Event;
-        to?: number;
-        value: number | {
-            from: number;
-            to: number;
-        };
-    };
+    change: Event;
+    input: Event;
 };
 export type OreSliderProps = {
     /** Theme color */
@@ -22,6 +15,8 @@ export type OreSliderProps = {
     from?: number | string;
     /** Range mode a11y label for the start thumb (e.g. "$20") */
     'from-value-text'?: string;
+    /** Stretch to full width of container */
+    fullwidth?: boolean;
     /** Helper text displayed below the slider (fallback when the `helper` slot is empty) */
     helper?: string;
     /** Maximum value */
@@ -65,8 +60,10 @@ export type OreSliderProps = {
  * @attr {string}  size  - 'sm' | 'md' | 'lg'
  * @attr {string}  helper - Helper text below the slider
  * @attr {string}  error  - Error message below the slider
+ * @attr {boolean} fullwidth - Stretch to full width of container
  *
- * @fires change - detail always includes `value`; single mode: { value: number }, range mode: { value: { from, to }, from, to }, plus optional originalEvent
+ * @fires input - Emitted when the slider value changes.
+ * @fires change - Emitted when the slider value changes.
  *
  * @slot - Slider label text
  *