@vielzeug/refine 1.1.1

package/dist/inputs/rating/rating.css?inline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.css?inline.js","names":[],"sources":["../../../src/inputs/rating/rating.css?inline"],"sourcesContent":["@layer refine.base {\n  :host {\n    --_star-size: var(--rating-star-size, var(--size-7));\n    --_color-empty: var(--rating-color-empty, var(--color-contrast-200));\n    --_color-filled: var(--rating-color-filled, var(--_theme-base, var(--color-warning)));\n    --_gap: var(--rating-gap, var(--size-0_5));\n\n    display: inline-flex;\n    flex-wrap: wrap;\n    align-items: center;\n  }\n\n  .stars {\n    position: relative;\n    display: flex;\n    gap: var(--_gap);\n    align-items: center;\n  }\n\n  .sparkle-layer {\n    position: absolute;\n    inset: 0;\n    overflow: visible;\n    pointer-events: none;\n  }\n\n  .sparkle {\n    position: absolute;\n    pointer-events: none;\n    background: var(--_color-filled);\n    border-radius: 50%;\n    animation: var(--_motion-animation, sparkle-fly var(--_dur, 500ms) var(--ease-out) forwards);\n  }\n\n  @keyframes sparkle-fly {\n    from {\n      opacity: 0.9;\n      transform: translate(-50%, -50%) rotate(var(--_angle)) translateY(0) scale(1);\n    }\n\n    to {\n      opacity: 0;\n      transform: translate(-50%, -50%) rotate(var(--_angle)) translateY(calc(-1 * var(--_dist))) scale(0);\n    }\n  }\n\n  .star-btn {\n    all: unset;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--_star-size);\n    min-width: var(--_touch-target);\n    height: var(--_star-size);\n    min-height: var(--_touch-target);\n    color: var(--_color-empty);\n    cursor: pointer;\n    border-radius: var(--rounded-sm);\n    transition:\n      color var(--transition-fast),\n      transform 120ms var(--ease-spring);\n  }\n\n  .star-btn[data-filled] {\n    color: var(--_color-filled);\n  }\n\n  :host([solid]) .star-btn ore-icon::part(svg) {\n    fill: none;\n  }\n\n  :host([solid]) .star-btn[data-filled] ore-icon::part(svg) {\n    fill: currentcolor;\n  }\n\n  .star-btn:hover:not([disabled]),\n  .star-btn:focus-visible:not([disabled]) {\n    transform: scale(1.08);\n  }\n\n  .star-btn:focus-visible {\n    outline: var(--border-2) solid var(--_color-filled);\n    outline-offset: var(--border-2);\n  }\n\n  .star-btn[disabled] {\n    cursor: default;\n  }\n\n  :host([readonly]) .star-btn,\n  :host([disabled]) .star-btn {\n    pointer-events: none;\n  }\n\n  :host([disabled]) {\n    opacity: 0.5;\n  }\n}\n\n@layer refine.utilities {\n  :host([size='sm']) {\n    --_star-size: var(--size-5);\n  }\n\n  :host([size='lg']) {\n    --_star-size: var(--size-9);\n  }\n\n  @media (forced-colors: active) {\n    /* Distinguish filled vs unfilled stars with system button colors */\n    .star-btn {\n      color: ButtonText;\n    }\n\n    .star-btn[data-filled] {\n      color: Highlight;\n      forced-color-adjust: none;\n    }\n\n    .star-btn:focus-visible {\n      outline: 2px solid Highlight;\n      box-shadow: none;\n    }\n  }\n\n  /* ========================================\n       Helper / Error Text\n       ======================================== */\n\n  .helper-text[hidden] {\n    display: none;\n  }\n\n  .helper-text {\n    width: 100%;\n    margin-block-start: var(--size-1);\n    font-size: var(--text-xs);\n    line-height: var(--leading-tight);\n    color: var(--color-contrast-500);\n  }\n\n  .helper-text[role='alert'] {\n    color: var(--color-error);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .sparkle {\n    display: none;\n  }\n}\n"],"mappings":""}

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

@@ -0,0 +1,68 @@
+import type { ComponentSize, ThemeColor } from '../../types';
+import '../../content/icon/icon';
+export type OreRatingEvents = {
+    change: {
+        originalEvent?: Event;
+        value: number;
+    };
+};
+/** Rating props */
+export type OreRatingProps = {
+    /** Theme color */
+    color?: ThemeColor;
+    /** Disable interaction */
+    disabled?: boolean;
+    /** Error message — marks the field as invalid (fallback when the `error` slot is empty) */
+    error?: string;
+    /** Helper text displayed below the stars (fallback when the `helper` slot is empty) */
+    helper?: string;
+    /** Accessible group label */
+    label?: string;
+    /** Maximum rating (number of stars) */
+    max?: number;
+    /** Form field name */
+    name?: string;
+    /** Make rating read-only */
+    readonly?: boolean;
+    /** Component size */
+    size?: ComponentSize;
+    /** Render selected stars as solid-filled instead of outline-only */
+    solid?: boolean;
+    /** Current rating value */
+    value?: number;
+};
+/**
+ * A star rating input.
+ *
+ * @element ore-rating
+ *
+ * @attr {number} value - Current rating value (default: 0)
+ * @attr {number} max - Maximum number of stars (default: 5)
+ * @attr {boolean} readonly - Read-only display mode
+ * @attr {boolean} disabled - Disabled state
+ * @attr {string} label - aria-label for the group (default: 'Rating')
+ * @attr {string} color - Theme color for filled stars: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'
+ * @attr {string} size - 'sm' | 'md' | 'lg'
+ * @attr {string} name - Form field name
+ * @attr {boolean} solid - Fill selected stars (outline remains default when omitted)
+ * @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 }
+ *
+ * @cssprop --rating-star-size - Star diameter
+ * @cssprop --rating-color-empty - Empty star color
+ * @cssprop --rating-color-filled - Filled star color
+ * @cssprop --rating-gap - Gap between stars
+ *
+ * @part stars - Stars container.
+ * @part star - Star item element.
+ * @part helper-text - The helper/error text element.
+ * @example
+ * ```html
+ * <ore-rating value="3" max="5" color="warning"></ore-rating>
+ * <ore-rating value="4" solid></ore-rating>
+ * ```
+ */
+export declare const RATING_TAG: "ore-rating";
+//# sourceMappingURL=rating.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rating.d.ts","sourceRoot":"","sources":["../../../src/inputs/rating/rating.ts"],"names":[],"mappings":"AAGA,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"}

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

@@ -0,0 +1,2 @@
+var e=`@layer refine.base{:host{min-width:var(--select-min-width,12rem);display:inline-block}:host([fullwidth]){width:100%;display:block}::slotted(option),::slotted(optgroup){display:none}.trigger{cursor:pointer}.trigger::part(input){cursor:pointer;caret-color:#0000;-webkit-user-select:none;user-select:none}.chips-row{gap:var(--size-1);flex-wrap:wrap;align-items:center;min-width:0;display:flex}.chips-row[hidden]{display:none}.trigger-suffix{gap:var(--size-1);color:var(--color-contrast-500);align-items:center;display:flex}.trigger-icon{transition:transform var(--transition-fast);justify-content:center;align-items:center;display:flex}:host([open]) .trigger-icon{transform:rotate(180deg)}.loader{width:1em;height:1em;animation:var(--_motion-animation,spin var(--transition-loader) infinite);border:2px solid;border-radius:50%;flex-shrink:0;display:none}.loader:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:#0000}.loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}@keyframes spin{to{transform:rotate(360deg)}}:host([loading]) .loader{display:inline-block}.dropdown{z-index:var(--z-dropdown,8000);box-sizing:border-box;gap:var(--size-0-5);max-height:260px;padding:var(--size-1);overscroll-behavior:contain;text-align:start;pointer-events:none;background:var(--color-canvas);border:var(--border) solid var(--color-contrast-200);border-radius:var(--_radius);box-shadow:var(--shadow-lg);opacity:0;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transform:translateY(var(--overlay-enter-translate-y));transition:var(--_motion-transition,opacity var(--transition-fast), transform var(--transition-fast), display var(--transition-fast) allow-discrete);flex-direction:column;margin:0;display:flex;position:fixed;inset:0 auto auto 0;overflow-y:auto}.dropdown[data-open]{pointer-events:auto;opacity:1;transform:translateY(0)}@starting-style{.dropdown[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}.options-list{flex-direction:column;gap:0;display:flex}.option{gap:var(--size-2);padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;display:flex}.option>span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.option:hover:not([data-disabled]){background:var(--color-contrast-100)}.option[data-focused]:not([data-disabled]){color:var(--_theme-base);background:color-mix(in oklch, var(--_theme-base) 12%, var(--color-contrast-100))}.option[data-selected]{font-weight:var(--font-medium);color:var(--_theme-base);background:color-mix(in oklch, var(--_theme-base) 10%, var(--color-contrast-50))}.option[data-selected][data-focused]{background:color-mix(in oklch, var(--_theme-base) 20%, var(--color-contrast-100))}.option[data-disabled]{color:var(--color-contrast-400);cursor:not-allowed;opacity:.6}.option-check{color:var(--_theme-base);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;display:inline-flex}.option-check:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.option-check:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.option[data-selected] .option-check{opacity:1}.optgroup-label{padding:var(--size-1-5) var(--size-2-5) var(--size-1);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:var(--tracking-wide,.05em)}.dropdown-loading,.dropdown-empty{padding:var(--size-3) var(--size-2-5);font-size:var(--text-sm);color:var(--color-contrast-500);text-align:center}}`;exports.default=e;
+//# sourceMappingURL=select.css?inline.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.css?inline.cjs","names":[],"sources":["../../../src/inputs/select/select.css?inline"],"sourcesContent":["@layer refine.base {\n  :host {\n    display: inline-block;\n    min-width: var(--select-min-width, 12rem);\n  }\n\n  :host([fullwidth]) {\n    display: block;\n    width: 100%;\n  }\n\n  /* Hide native <option> elements — we render our own UI */\n  ::slotted(option),\n  ::slotted(optgroup) {\n    display: none;\n  }\n\n  /* ore-input is readonly so pointer defaults to text — override to pointer */\n  .trigger {\n    cursor: pointer;\n  }\n\n  .trigger::part(input) {\n    cursor: pointer;\n    caret-color: transparent;\n    user-select: none;\n  }\n\n  /* Chips slot inside ore-input prefix */\n  .chips-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--size-1);\n    align-items: center;\n    min-width: 0;\n  }\n\n  .chips-row[hidden] {\n    display: none;\n  }\n\n  /* Suffix: loader (left) + chevron (right) */\n  .trigger-suffix {\n    display: flex;\n    gap: var(--size-1);\n    align-items: center;\n    color: var(--color-contrast-500);\n  }\n\n  .trigger-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: transform var(--transition-fast);\n  }\n\n  :host([open]) .trigger-icon {\n    transform: rotate(180deg);\n  }\n\n  .loader {\n    display: none;\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    border: 2px solid currentcolor;\n    border-inline-end-color: transparent;\n    border-radius: 50%;\n    animation: var(--_motion-animation, spin var(--transition-loader) infinite);\n  }\n\n  /* Keyframe must live in shadow DOM — @keyframes don't inherit across shadow roots */\n  @keyframes spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  :host([loading]) .loader {\n    display: inline-block;\n  }\n\n  /* ========================================\n       Dropdown Listbox\n       ======================================== */\n\n  .dropdown {\n    position: fixed;\n    inset: 0 auto auto 0;\n    z-index: var(--z-dropdown, 8000);\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-0-5);\n    max-height: 260px;\n    padding: var(--size-1);\n    margin: 0;\n    overflow-y: auto;\n    overscroll-behavior: contain;\n    text-align: start;\n    pointer-events: none;\n    background: var(--color-canvas);\n    border: var(--border) solid var(--color-contrast-200);\n    border-radius: var(--_radius);\n    box-shadow: var(--shadow-lg);\n\n    /* Hidden by default */\n    opacity: 0;\n    backdrop-filter: blur(var(--blur-md));\n    transform: translateY(var(--overlay-enter-translate-y));\n    transition: var(\n      --_motion-transition,\n      opacity var(--transition-fast),\n      transform var(--transition-fast),\n      display var(--transition-fast) allow-discrete\n    );\n  }\n\n  .dropdown[data-open] {\n    pointer-events: auto;\n    opacity: 1;\n    transform: translateY(0);\n\n    @starting-style {\n      opacity: 0;\n      transform: translateY(var(--overlay-enter-translate-y));\n    }\n  }\n\n  .options-list {\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n\n  /* ========================================\n       Option Items\n       ======================================== */\n\n  .option {\n    display: flex;\n    gap: var(--size-2);\n    align-items: center;\n    padding: var(--size-1-5) var(--size-2-5);\n    font-size: var(--text-sm);\n    line-height: var(--leading-normal);\n    cursor: pointer;\n    border-radius: var(--rounded-sm);\n    transition:\n      background var(--transition-fast),\n      color var(--transition-fast);\n  }\n\n  /* Truncate long labels to keep option rows compact and readable. */\n  .option > span:first-child {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .option:hover:not([data-disabled]) {\n    background: var(--color-contrast-100);\n  }\n\n  .option[data-focused]:not([data-disabled]) {\n    color: var(--_theme-base);\n    background: color-mix(in oklch, var(--_theme-base) 12%, var(--color-contrast-100));\n  }\n\n  .option[data-selected] {\n    font-weight: var(--font-medium);\n    color: var(--_theme-base);\n    background: color-mix(in oklch, var(--_theme-base) 10%, var(--color-contrast-50));\n  }\n\n  .option[data-selected][data-focused] {\n    background: color-mix(in oklch, var(--_theme-base) 20%, var(--color-contrast-100));\n  }\n\n  .option[data-disabled] {\n    color: var(--color-contrast-400);\n    cursor: not-allowed;\n    opacity: 0.6;\n  }\n\n  .option-check {\n    display: inline-flex;\n    flex-shrink: 0;\n    margin-inline-start: auto;\n    color: var(--_theme-base);\n    opacity: 0;\n    transition: opacity var(--transition-fast);\n  }\n\n  .option[data-selected] .option-check {\n    opacity: 1;\n  }\n\n  /* ========================================\n       Option Groups\n       ======================================== */\n\n  .optgroup-label {\n    padding: var(--size-1-5) var(--size-2-5) var(--size-1);\n    font-size: var(--text-xs);\n    font-weight: var(--font-semibold);\n    color: var(--color-contrast-500);\n    text-transform: uppercase;\n    letter-spacing: var(--tracking-wide, 0.05em);\n  }\n\n  /* ========================================\n       Loading / No-Results\n       ======================================== */\n\n  .dropdown-loading,\n  .dropdown-empty {\n    padding: var(--size-3) var(--size-2-5);\n    font-size: var(--text-sm);\n    color: var(--color-contrast-500);\n    text-align: center;\n  }\n}\n"],"mappings":""}

package/dist/inputs/select/select.css?inline.js

@@ -0,0 +1,6 @@
+//#region src/inputs/select/select.css?inline
+var e = "@layer refine.base{:host{min-width:var(--select-min-width,12rem);display:inline-block}:host([fullwidth]){width:100%;display:block}::slotted(option),::slotted(optgroup){display:none}.trigger{cursor:pointer}.trigger::part(input){cursor:pointer;caret-color:#0000;-webkit-user-select:none;user-select:none}.chips-row{gap:var(--size-1);flex-wrap:wrap;align-items:center;min-width:0;display:flex}.chips-row[hidden]{display:none}.trigger-suffix{gap:var(--size-1);color:var(--color-contrast-500);align-items:center;display:flex}.trigger-icon{transition:transform var(--transition-fast);justify-content:center;align-items:center;display:flex}:host([open]) .trigger-icon{transform:rotate(180deg)}.loader{width:1em;height:1em;animation:var(--_motion-animation,spin var(--transition-loader) infinite);border:2px solid;border-radius:50%;flex-shrink:0;display:none}.loader:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:#0000}.loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}@keyframes spin{to{transform:rotate(360deg)}}:host([loading]) .loader{display:inline-block}.dropdown{z-index:var(--z-dropdown,8000);box-sizing:border-box;gap:var(--size-0-5);max-height:260px;padding:var(--size-1);overscroll-behavior:contain;text-align:start;pointer-events:none;background:var(--color-canvas);border:var(--border) solid var(--color-contrast-200);border-radius:var(--_radius);box-shadow:var(--shadow-lg);opacity:0;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transform:translateY(var(--overlay-enter-translate-y));transition:var(--_motion-transition,opacity var(--transition-fast), transform var(--transition-fast), display var(--transition-fast) allow-discrete);flex-direction:column;margin:0;display:flex;position:fixed;inset:0 auto auto 0;overflow-y:auto}.dropdown[data-open]{pointer-events:auto;opacity:1;transform:translateY(0)}@starting-style{.dropdown[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}.options-list{flex-direction:column;gap:0;display:flex}.option{gap:var(--size-2);padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;display:flex}.option>span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.option:hover:not([data-disabled]){background:var(--color-contrast-100)}.option[data-focused]:not([data-disabled]){color:var(--_theme-base);background:color-mix(in oklch, var(--_theme-base) 12%, var(--color-contrast-100))}.option[data-selected]{font-weight:var(--font-medium);color:var(--_theme-base);background:color-mix(in oklch, var(--_theme-base) 10%, var(--color-contrast-50))}.option[data-selected][data-focused]{background:color-mix(in oklch, var(--_theme-base) 20%, var(--color-contrast-100))}.option[data-disabled]{color:var(--color-contrast-400);cursor:not-allowed;opacity:.6}.option-check{color:var(--_theme-base);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;display:inline-flex}.option-check:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.option-check:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.option[data-selected] .option-check{opacity:1}.optgroup-label{padding:var(--size-1-5) var(--size-2-5) var(--size-1);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:var(--tracking-wide,.05em)}.dropdown-loading,.dropdown-empty{padding:var(--size-3) var(--size-2-5);font-size:var(--text-sm);color:var(--color-contrast-500);text-align:center}}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=select.css?inline.js.map

package/dist/inputs/select/select.css?inline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.css?inline.js","names":[],"sources":["../../../src/inputs/select/select.css?inline"],"sourcesContent":["@layer refine.base {\n  :host {\n    display: inline-block;\n    min-width: var(--select-min-width, 12rem);\n  }\n\n  :host([fullwidth]) {\n    display: block;\n    width: 100%;\n  }\n\n  /* Hide native <option> elements — we render our own UI */\n  ::slotted(option),\n  ::slotted(optgroup) {\n    display: none;\n  }\n\n  /* ore-input is readonly so pointer defaults to text — override to pointer */\n  .trigger {\n    cursor: pointer;\n  }\n\n  .trigger::part(input) {\n    cursor: pointer;\n    caret-color: transparent;\n    user-select: none;\n  }\n\n  /* Chips slot inside ore-input prefix */\n  .chips-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--size-1);\n    align-items: center;\n    min-width: 0;\n  }\n\n  .chips-row[hidden] {\n    display: none;\n  }\n\n  /* Suffix: loader (left) + chevron (right) */\n  .trigger-suffix {\n    display: flex;\n    gap: var(--size-1);\n    align-items: center;\n    color: var(--color-contrast-500);\n  }\n\n  .trigger-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: transform var(--transition-fast);\n  }\n\n  :host([open]) .trigger-icon {\n    transform: rotate(180deg);\n  }\n\n  .loader {\n    display: none;\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    border: 2px solid currentcolor;\n    border-inline-end-color: transparent;\n    border-radius: 50%;\n    animation: var(--_motion-animation, spin var(--transition-loader) infinite);\n  }\n\n  /* Keyframe must live in shadow DOM — @keyframes don't inherit across shadow roots */\n  @keyframes spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  :host([loading]) .loader {\n    display: inline-block;\n  }\n\n  /* ========================================\n       Dropdown Listbox\n       ======================================== */\n\n  .dropdown {\n    position: fixed;\n    inset: 0 auto auto 0;\n    z-index: var(--z-dropdown, 8000);\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-0-5);\n    max-height: 260px;\n    padding: var(--size-1);\n    margin: 0;\n    overflow-y: auto;\n    overscroll-behavior: contain;\n    text-align: start;\n    pointer-events: none;\n    background: var(--color-canvas);\n    border: var(--border) solid var(--color-contrast-200);\n    border-radius: var(--_radius);\n    box-shadow: var(--shadow-lg);\n\n    /* Hidden by default */\n    opacity: 0;\n    backdrop-filter: blur(var(--blur-md));\n    transform: translateY(var(--overlay-enter-translate-y));\n    transition: var(\n      --_motion-transition,\n      opacity var(--transition-fast),\n      transform var(--transition-fast),\n      display var(--transition-fast) allow-discrete\n    );\n  }\n\n  .dropdown[data-open] {\n    pointer-events: auto;\n    opacity: 1;\n    transform: translateY(0);\n\n    @starting-style {\n      opacity: 0;\n      transform: translateY(var(--overlay-enter-translate-y));\n    }\n  }\n\n  .options-list {\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n\n  /* ========================================\n       Option Items\n       ======================================== */\n\n  .option {\n    display: flex;\n    gap: var(--size-2);\n    align-items: center;\n    padding: var(--size-1-5) var(--size-2-5);\n    font-size: var(--text-sm);\n    line-height: var(--leading-normal);\n    cursor: pointer;\n    border-radius: var(--rounded-sm);\n    transition:\n      background var(--transition-fast),\n      color var(--transition-fast);\n  }\n\n  /* Truncate long labels to keep option rows compact and readable. */\n  .option > span:first-child {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .option:hover:not([data-disabled]) {\n    background: var(--color-contrast-100);\n  }\n\n  .option[data-focused]:not([data-disabled]) {\n    color: var(--_theme-base);\n    background: color-mix(in oklch, var(--_theme-base) 12%, var(--color-contrast-100));\n  }\n\n  .option[data-selected] {\n    font-weight: var(--font-medium);\n    color: var(--_theme-base);\n    background: color-mix(in oklch, var(--_theme-base) 10%, var(--color-contrast-50));\n  }\n\n  .option[data-selected][data-focused] {\n    background: color-mix(in oklch, var(--_theme-base) 20%, var(--color-contrast-100));\n  }\n\n  .option[data-disabled] {\n    color: var(--color-contrast-400);\n    cursor: not-allowed;\n    opacity: 0.6;\n  }\n\n  .option-check {\n    display: inline-flex;\n    flex-shrink: 0;\n    margin-inline-start: auto;\n    color: var(--_theme-base);\n    opacity: 0;\n    transition: opacity var(--transition-fast);\n  }\n\n  .option[data-selected] .option-check {\n    opacity: 1;\n  }\n\n  /* ========================================\n       Option Groups\n       ======================================== */\n\n  .optgroup-label {\n    padding: var(--size-1-5) var(--size-2-5) var(--size-1);\n    font-size: var(--text-xs);\n    font-weight: var(--font-semibold);\n    color: var(--color-contrast-500);\n    text-transform: uppercase;\n    letter-spacing: var(--tracking-wide, 0.05em);\n  }\n\n  /* ========================================\n       Loading / No-Results\n       ======================================== */\n\n  .dropdown-loading,\n  .dropdown-empty {\n    padding: var(--size-3) var(--size-2-5);\n    font-size: var(--text-sm);\n    color: var(--color-contrast-500);\n    text-align: center;\n  }\n}\n"],"mappings":""}

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

@@ -0,0 +1,89 @@
+import type { ChoiceChangeDetail, DropdownCloseReason, OverlayOpenDetail } from '../../headless';
+import type { SelectableFieldProps } from '../../shared';
+import type { VisualVariant } from '../../types';
+import '../../feedback/chip/chip';
+import '../../content/icon/icon';
+import '../input/input';
+export type OreSelectOptionInput = {
+    disabled?: boolean;
+    group?: string;
+    label?: string;
+    value: string;
+};
+/** Select component properties */
+export type OreSelectEvents = {
+    change: ChoiceChangeDetail;
+    close: {
+        reason: DropdownCloseReason;
+    };
+    open: OverlayOpenDetail;
+};
+export type OreSelectProps = SelectableFieldProps<Exclude<VisualVariant, 'text' | 'frost'>> & {
+    /** Show loading state in dropdown */
+    loading?: boolean;
+    /** Allow selecting multiple options */
+    multiple?: boolean;
+    /** JS options array (alternative to slotted <option> elements) */
+    options?: OreSelectOptionInput[];
+    /** Mark the field as required */
+    required?: boolean;
+};
+/**
+ * A fully custom form-associated select dropdown with keyboard navigation and ARIA support.
+ * Reads `<option>` and `<optgroup>` children from the default slot.
+ *
+ * @element ore-select
+ *
+ * @attr {string} label - Label text
+ * @attr {string} label-placement - 'inset' | 'outside'
+ * @attr {string} value - Current selected value(s) (comma-separated for multiple)
+ * @attr {string} placeholder - Placeholder when no option selected
+ * @attr {string} name - Form field name
+ * @attr {boolean} multiple - Enable multi-select
+ * @attr {boolean} disabled - Disable the select
+ * @attr {boolean} required - Required field
+ * @attr {string} helper - Helper text below the select
+ * @attr {string} error - Error message
+ * @attr {string} color - Theme color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'
+ * @attr {string} variant - Visual variant: 'solid' | 'flat' | 'bordered' | 'outline' | 'ghost'
+ * @attr {string} size - Component size: 'sm' | 'md' | 'lg'
+ * @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' }
+ *
+ * @slot - `<option>` and `<optgroup>` elements
+ *
+ * @cssprop --select-bg - Background
+ * @cssprop --select-border-color - Border color
+ * @cssprop --select-radius - Border radius
+ * @cssprop --select-padding - Padding
+ * @cssprop --select-font-size - Font size
+ * @cssprop --select-placeholder-color - Placeholder text color
+ *
+ * @part trigger - The `ore-input` trigger element that opens the dropdown.
+ * @part dropdown - The dropdown listbox panel container.
+ *
+ * @example
+ * ```html
+ * <ore-select label="Role" value="admin">
+ *   <option value="admin">Administrator</option>
+ *   <option value="editor">Editor</option>
+ *   <option value="viewer">Viewer</option>
+ * </ore-select>
+ *
+ * <ore-select label="Tags" multiple color="primary">
+ *   <optgroup label="Frontend">
+ *     <option value="react">React</option>
+ *     <option value="vue">Vue</option>
+ *   </optgroup>
+ *   <optgroup label="Backend">
+ *     <option value="node">Node.js</option>
+ *   </optgroup>
+ * </ore-select>
+ * ```
+ */
+export declare const SELECT_TAG: "ore-select";
+//# sourceMappingURL=select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/inputs/select/select.ts"],"names":[],"mappings":"AAGA,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwDG;AACH,eAAO,MAAM,UAAU,EAAG,YAAqB,CAAC"}

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

@@ -0,0 +1,2 @@
+var e=(e,t,n,r)=>{let{assistiveId:i,checked:a,disabled:o,errorText:s,handleClick:c,handleKeydown:l,helperText:u,indeterminate:d,labelId:f}=n;e({attr:{...d!==void 0&&{indeterminate:d},ariaChecked:()=>r===`checkbox`&&d?.value?`mixed`:a.value?`true`:`false`,ariaDescribedby:()=>s.value||u.value?i:null,ariaDisabled:()=>o.value?`true`:null,ariaInvalid:()=>s.value?`true`:null,ariaLabelledby:f,checked:a,role:r,size:t,tabindex:()=>o.value?void 0:0},class:()=>({"is-checked":a.value,"is-disabled":o.value,...d!==void 0&&{"is-indeterminate":d.value}}),on:{click:c,keydown:l}})};exports.applyCheckableBinding=e;
+//# sourceMappingURL=field-binding.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field-binding.cjs","names":[],"sources":["../../../src/inputs/shared/field-binding.ts"],"sourcesContent":["import type { HostBindFn } from '@vielzeug/ore';\nimport type { Readable, Signal } from '@vielzeug/ripple';\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};\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  bind: HostBindFn,\n  fCtxSize: Readable<ComponentSize | undefined>,\n  handle: CheckableBindingHandle,\n  role: 'checkbox' | 'radio' | 'switch',\n): void => {\n  const { assistiveId, checked, disabled, errorText, handleClick, handleKeydown, helperText, indeterminate, labelId } =\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      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":"AAgCA,IAAa,GACX,EACA,EACA,EACA,IACS,CACT,GAAM,CAAE,cAAa,UAAS,WAAU,YAAW,cAAa,gBAAe,aAAY,gBAAe,WACxG,EAEF,EAAK,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,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

@@ -0,0 +1,31 @@
+import type { HostBindFn } from '@vielzeug/ore';
+import type { Readable, Signal } from '@vielzeug/ripple';
+import type { ComponentSize } from '../../types';
+/**
+ * Minimal shape of the handle returned by `createCheckable` that
+ * `applyCheckableBinding` needs. Matches both checkbox (with `indeterminate`)
+ * and switch (without).
+ */
+export type CheckableBindingHandle = {
+    assistiveId: string;
+    checked: Signal<boolean>;
+    disabled: Readable<boolean>;
+    errorText: Readable<string>;
+    handleClick: (event: MouseEvent) => boolean;
+    handleKeydown: (event: KeyboardEvent) => boolean;
+    helperText: Readable<string>;
+    indeterminate?: Signal<boolean>;
+    labelId: string;
+};
+/**
+ * Applies the standard host bindings shared by all checkable components
+ * (checkbox, switch, radio).
+ *
+ * Wires `role`, all ARIA attributes, `checked`, `size`, `tabindex`, the
+ * `is-checked`/`is-disabled` classes, and the `click`/`keydown` event handlers.
+ *
+ * Pass `handle.indeterminate` for components that need it (checkbox);
+ * omit it for switch/radio.
+ */
+export declare const applyCheckableBinding: (bind: HostBindFn, fCtxSize: Readable<ComponentSize | undefined>, handle: CheckableBindingHandle, role: "checkbox" | "radio" | "switch") => void;
+//# sourceMappingURL=field-binding.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field-binding.d.ts","sourceRoot":"","sources":["../../../src/inputs/shared/field-binding.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD;;;;GAIG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACzB,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC5B,SAAS,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC5B,WAAW,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,OAAO,CAAC;IAC5C,aAAa,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,OAAO,CAAC;IACjD,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAChC,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,qBAAqB,GAChC,MAAM,UAAU,EAChB,UAAU,QAAQ,CAAC,aAAa,GAAG,SAAS,CAAC,EAC7C,QAAQ,sBAAsB,EAC9B,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,KACpC,IA+BF,CAAC"}

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

@@ -0,0 +1,31 @@
+//#region src/inputs/shared/field-binding.ts
+var e = (e, t, n, r) => {
+	let { assistiveId: i, checked: a, disabled: o, errorText: s, handleClick: c, handleKeydown: l, helperText: u, indeterminate: d, labelId: f } = n;
+	e({
+		attr: {
+			...d !== void 0 && { indeterminate: d },
+			ariaChecked: () => r === "checkbox" && d?.value ? "mixed" : a.value ? "true" : "false",
+			ariaDescribedby: () => s.value || u.value ? i : null,
+			ariaDisabled: () => o.value ? "true" : null,
+			ariaInvalid: () => s.value ? "true" : null,
+			ariaLabelledby: f,
+			checked: a,
+			role: r,
+			size: t,
+			tabindex: () => o.value ? void 0 : 0
+		},
+		class: () => ({
+			"is-checked": a.value,
+			"is-disabled": o.value,
+			...d !== void 0 && { "is-indeterminate": d.value }
+		}),
+		on: {
+			click: c,
+			keydown: l
+		}
+	});
+};
+//#endregion
+export { e as applyCheckableBinding };
+
+//# sourceMappingURL=field-binding.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field-binding.js","names":[],"sources":["../../../src/inputs/shared/field-binding.ts"],"sourcesContent":["import type { HostBindFn } from '@vielzeug/ore';\nimport type { Readable, Signal } from '@vielzeug/ripple';\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};\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  bind: HostBindFn,\n  fCtxSize: Readable<ComponentSize | undefined>,\n  handle: CheckableBindingHandle,\n  role: 'checkbox' | 'radio' | 'switch',\n): void => {\n  const { assistiveId, checked, disabled, errorText, handleClick, handleKeydown, helperText, indeterminate, labelId } =\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      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":";AAgCA,IAAa,KACX,GACA,GACA,GACA,MACS;CACT,IAAM,EAAE,gBAAa,YAAS,aAAU,cAAW,gBAAa,kBAAe,eAAY,kBAAe,eACxG;CAEF,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;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/form-context.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-context.cjs","names":[],"sources":["../../../src/inputs/shared/form-context.ts"],"sourcesContent":["import { createContext, type HostBindFn } from '@vielzeug/ore';\nimport { computed, type Readable } from '@vielzeug/ripple';\n\nimport type { ValidationTrigger } from '../../headless';\nimport type { ComponentSize, VisualVariant } from '../../types';\n\nexport type FormContext = {\n  /** Whether all child fields are disabled */\n  disabled: Readable<boolean>;\n  /** Default size propagated to all child form fields */\n  size: Readable<ComponentSize | undefined>;\n  /**\n   * When to validate child form controls:\n   * - `'submit'` (default): only on form submit\n   * - `'blur'`: validate each field when it loses focus\n   * - `'change'`: validate on every value change\n   * - `'input'`: validate on every input event\n   */\n  validateOn: Readable<ValidationTrigger>;\n  /** Default variant propagated to all child form fields */\n  variant: Readable<VisualVariant | undefined>;\n};\n\nexport const FORM_CTX = createContext<FormContext>('FormContext');\n\n// ── Prop resolver ─────────────────────────────────────────────────────────────\n\ntype FormContextResolvedProps = {\n  disabled: Readable<boolean>;\n  size: Readable<ComponentSize | undefined>;\n  variant: Readable<VisualVariant | undefined>;\n};\n\n/**\n * Pure resolver: merges local prop signals with an optional `FormContext`.\n * Returns computed `disabled`, `size`, and `variant` signals without any\n * side-effects — suitable for unit testing and composition.\n */\nexport const mergeFormContext = (\n  props: {\n    disabled?: Readable<boolean | undefined> | Readable<boolean>;\n    size?: Readable<string | undefined> | Readable<string>;\n    variant?: Readable<string | undefined> | Readable<string>;\n  },\n  formCtx?: FormContext,\n): FormContextResolvedProps => ({\n  disabled: computed(() => Boolean(props.disabled?.value) || Boolean(formCtx?.disabled?.value)),\n  size: computed(\n    (): ComponentSize | undefined => (props.size?.value ?? formCtx?.size?.value) as ComponentSize | undefined,\n  ),\n  variant: computed(\n    (): VisualVariant | undefined => (props.variant?.value ?? formCtx?.variant?.value) as VisualVariant | undefined,\n  ),\n});\n\n/**\n * Resolves form context props AND automatically reflects the computed `disabled`\n * state as a `disabled` attribute on the host element.\n *\n * The `use` prefix signals that calling this function performs a side-effect\n * (`host.bind`) in addition to returning the resolved props — similar to a\n * framework hook.\n *\n * Accepts `FormContext | undefined` directly — pass `inject(FORM_CTX)`.\n */\nexport const useFormContext = (\n  bind: HostBindFn,\n  props: Parameters<typeof mergeFormContext>[0],\n  formCtx?: FormContext,\n): FormContextResolvedProps => {\n  const resolved = mergeFormContext(props, formCtx);\n\n  bind({\n    attr: {\n      disabled: () => (resolved.disabled.value ? '' : undefined),\n    },\n  });\n\n  return resolved;\n};\n"],"mappings":"6DAuBA,IAAa,GAAA,EAAA,EAAA,cAAA,CAAsC,aAAa,EAenD,GACX,EAKA,KAC8B,CAC9B,UAAA,EAAA,EAAA,SAAA,KAAyB,EAAQ,EAAM,UAAU,OAAU,EAAQ,GAAS,UAAU,KAAM,EAC5F,MAAA,EAAA,EAAA,SAAA,KACoC,EAAM,MAAM,OAAS,GAAS,MAAM,KACxE,EACA,SAAA,EAAA,EAAA,SAAA,KACoC,EAAM,SAAS,OAAS,GAAS,SAAS,KAC9E,CACF,GAYa,GACX,EACA,EACA,IAC6B,CAC7B,IAAM,EAAW,EAAiB,EAAO,CAAO,EAQhD,OANA,EAAK,CACH,KAAM,CACJ,aAAiB,EAAS,SAAS,MAAQ,GAAK,IAAA,EAClD,CACF,CAAC,EAEM,CACT"}

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

@@ -0,0 +1,49 @@
+import { type HostBindFn } from '@vielzeug/ore';
+import { type Readable } from '@vielzeug/ripple';
+import type { ValidationTrigger } from '../../headless';
+import type { ComponentSize, VisualVariant } from '../../types';
+export type FormContext = {
+    /** Whether all child fields are disabled */
+    disabled: Readable<boolean>;
+    /** Default size propagated to all child form fields */
+    size: Readable<ComponentSize | undefined>;
+    /**
+     * When to validate child form controls:
+     * - `'submit'` (default): only on form submit
+     * - `'blur'`: validate each field when it loses focus
+     * - `'change'`: validate on every value change
+     * - `'input'`: validate on every input event
+     */
+    validateOn: Readable<ValidationTrigger>;
+    /** Default variant propagated to all child form fields */
+    variant: Readable<VisualVariant | undefined>;
+};
+export declare const FORM_CTX: import("@vielzeug/ore").InjectionKey<FormContext>;
+type FormContextResolvedProps = {
+    disabled: Readable<boolean>;
+    size: Readable<ComponentSize | undefined>;
+    variant: Readable<VisualVariant | undefined>;
+};
+/**
+ * Pure resolver: merges local prop signals with an optional `FormContext`.
+ * Returns computed `disabled`, `size`, and `variant` signals without any
+ * side-effects — suitable for unit testing and composition.
+ */
+export declare const mergeFormContext: (props: {
+    disabled?: Readable<boolean | undefined> | Readable<boolean>;
+    size?: Readable<string | undefined> | Readable<string>;
+    variant?: Readable<string | undefined> | Readable<string>;
+}, formCtx?: FormContext) => FormContextResolvedProps;
+/**
+ * Resolves form context props AND automatically reflects the computed `disabled`
+ * state as a `disabled` attribute on the host element.
+ *
+ * The `use` prefix signals that calling this function performs a side-effect
+ * (`host.bind`) in addition to returning the resolved props — similar to a
+ * framework hook.
+ *
+ * Accepts `FormContext | undefined` directly — pass `inject(FORM_CTX)`.
+ */
+export declare const useFormContext: (bind: HostBindFn, props: Parameters<typeof mergeFormContext>[0], formCtx?: FormContext) => FormContextResolvedProps;
+export {};
+//# sourceMappingURL=form-context.d.ts.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +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,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/inputs/shared/templates.cjs

@@ -0,0 +1,11 @@
+let e=require("@vielzeug/ore");var t=(t,n,r,i)=>e.html`<div
+    class="helper-text"
+    part="helper-text"
+    id="${t}"
+    :role="${()=>n.value?`alert`:null}"
+    aria-live="polite"
+    ?hidden="${()=>!n.value&&!r.value}"
+    ref=${e=>{i?.(e)}}>
+    ${()=>n.value||r.value}
+  </div>`;exports.renderHelperRegion=t;
+//# sourceMappingURL=templates.cjs.map

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

@@ -0,0 +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\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"],"mappings":"+BAcA,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"}

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

@@ -0,0 +1,13 @@
+import type { Readable } from '@vielzeug/ripple';
+/**
+ * Renders the standard assistive text region (helper/error) used across all
+ * field components. Encapsulates the repeated `aria-live`/`hidden` markup so
+ * each component only passes the data.
+ *
+ * @param assistiveId - The stable ID shared with the ARIA `aria-describedby` attribute.
+ * @param errorText   - Reactive error text signal from the field primitive.
+ * @param helperText  - Reactive helper text signal from the field primitive.
+ * @param setRef      - Optional callback to capture the container element.
+ */
+export declare const renderHelperRegion: (assistiveId: string, errorText: Readable<string>, helperText: Readable<string>, setRef?: (el: HTMLElement | null) => void) => import("@vielzeug/ore").HTMLResult;
+//# sourceMappingURL=templates.d.ts.map

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

@@ -0,0 +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;;;;;;;;;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"}

package/dist/inputs/shared/templates.js

@@ -0,0 +1,18 @@
+import { html as e } from "@vielzeug/ore";
+//#region src/inputs/shared/templates.ts
+var t = (t, n, r, i) => e`<div
+    class="helper-text"
+    part="helper-text"
+    id="${t}"
+    :role="${() => n.value ? "alert" : null}"
+    aria-live="polite"
+    ?hidden="${() => !n.value && !r.value}"
+    ref=${(e) => {
+	i?.(e);
+}}>
+    ${() => n.value || r.value}
+  </div>`;
+//#endregion
+export { t as renderHelperRegion };
+
+//# sourceMappingURL=templates.js.map

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

@@ -0,0 +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\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"],"mappings":";;AAcA,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"}

package/dist/inputs/shared/use-form-action.cjs

@@ -0,0 +1,2 @@
+function e(e,t,n,r){return i=>{if(n.value){i.preventDefault(),i.stopImmediatePropagation();return}let a=e();a&&(t.value===`submit`?(i.preventDefault(),a.requestSubmit()):t.value===`reset`&&(i.preventDefault(),a.reset())),i.composedPath().includes(r)||r.dispatchEvent(new MouseEvent(`click`,{bubbles:!0,cancelable:!0,composed:!0}))}}exports.useFormAction=e;
+//# sourceMappingURL=use-form-action.cjs.map

package/dist/inputs/shared/use-form-action.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form-action.cjs","names":[],"sources":["../../../src/inputs/shared/use-form-action.ts"],"sourcesContent":["import type { Readable } from '@vielzeug/ripple';\n\nimport type { ButtonType } from '../../shared';\n\n/**\n * Handles form submission relay for form-associated button-like components.\n *\n * The inner `<button>` always has `type=\"button\"` so the shadow DOM never\n * drives native form actions directly. This composable intercepts clicks and\n * forwards submit/reset to the associated form via `ElementInternals`.\n *\n * @param form      - The associated HTMLFormElement (from `useField().internals.form`).\n * @param type      - Reactive signal for the button `type` prop.\n * @param isDisabled - Reactive signal indicating whether the button is disabled/loading.\n * @param host       - The host custom element.\n * @returns A click handler to attach to the inner element.\n */\nexport function useFormAction(\n  getForm: () => HTMLFormElement | null,\n  type: Readable<ButtonType | undefined>,\n  isDisabled: Readable<boolean>,\n  host: HTMLElement,\n): (e: MouseEvent) => void {\n  return (e: MouseEvent) => {\n    if (isDisabled.value) {\n      e.preventDefault();\n      e.stopImmediatePropagation();\n\n      return;\n    }\n\n    const form = getForm();\n\n    if (form) {\n      if (type.value === 'submit') {\n        e.preventDefault();\n        form.requestSubmit();\n      } else if (type.value === 'reset') {\n        e.preventDefault();\n        form.reset();\n      }\n    }\n\n    // Re-dispatch if the native click didn't bubble to host (shadow DOM interop).\n    if (!e.composedPath().includes(host)) {\n      host.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true, composed: true }));\n    }\n  };\n}\n"],"mappings":"AAiBA,SAAgB,EACd,EACA,EACA,EACA,EACyB,CACzB,MAAQ,IAAkB,CACxB,GAAI,EAAW,MAAO,CACpB,EAAE,eAAe,EACjB,EAAE,yBAAyB,EAE3B,MACF,CAEA,IAAM,EAAO,EAAQ,EAEjB,IACE,EAAK,QAAU,UACjB,EAAE,eAAe,EACjB,EAAK,cAAc,GACV,EAAK,QAAU,UACxB,EAAE,eAAe,EACjB,EAAK,MAAM,IAKV,EAAE,aAAa,CAAC,CAAC,SAAS,CAAI,GACjC,EAAK,cAAc,IAAI,WAAW,QAAS,CAAE,QAAS,GAAM,WAAY,GAAM,SAAU,EAAK,CAAC,CAAC,CAEnG,CACF"}

package/dist/inputs/shared/use-form-action.d.ts

@@ -0,0 +1,17 @@
+import type { Readable } from '@vielzeug/ripple';
+import type { ButtonType } from '../../shared';
+/**
+ * Handles form submission relay for form-associated button-like components.
+ *
+ * The inner `<button>` always has `type="button"` so the shadow DOM never
+ * drives native form actions directly. This composable intercepts clicks and
+ * forwards submit/reset to the associated form via `ElementInternals`.
+ *
+ * @param form      - The associated HTMLFormElement (from `useField().internals.form`).
+ * @param type      - Reactive signal for the button `type` prop.
+ * @param isDisabled - Reactive signal indicating whether the button is disabled/loading.
+ * @param host       - The host custom element.
+ * @returns A click handler to attach to the inner element.
+ */
+export declare function useFormAction(getForm: () => HTMLFormElement | null, type: Readable<ButtonType | undefined>, isDisabled: Readable<boolean>, host: HTMLElement): (e: MouseEvent) => void;
+//# sourceMappingURL=use-form-action.d.ts.map

package/dist/inputs/shared/use-form-action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form-action.d.ts","sourceRoot":"","sources":["../../../src/inputs/shared/use-form-action.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C;;;;;;;;;;;;GAYG;AACH,wBAAgB,aAAa,CAC3B,OAAO,EAAE,MAAM,eAAe,GAAG,IAAI,EACrC,IAAI,EAAE,QAAQ,CAAC,UAAU,GAAG,SAAS,CAAC,EACtC,UAAU,EAAE,QAAQ,CAAC,OAAO,CAAC,EAC7B,IAAI,EAAE,WAAW,GAChB,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CA0BzB"}

package/dist/inputs/shared/use-form-action.js

@@ -0,0 +1,19 @@
+//#region src/inputs/shared/use-form-action.ts
+function e(e, t, n, r) {
+	return (i) => {
+		if (n.value) {
+			i.preventDefault(), i.stopImmediatePropagation();
+			return;
+		}
+		let a = e();
+		a && (t.value === "submit" ? (i.preventDefault(), a.requestSubmit()) : t.value === "reset" && (i.preventDefault(), a.reset())), i.composedPath().includes(r) || r.dispatchEvent(new MouseEvent("click", {
+			bubbles: !0,
+			cancelable: !0,
+			composed: !0
+		}));
+	};
+}
+//#endregion
+export { e as useFormAction };
+
+//# sourceMappingURL=use-form-action.js.map

package/dist/inputs/shared/use-form-action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form-action.js","names":[],"sources":["../../../src/inputs/shared/use-form-action.ts"],"sourcesContent":["import type { Readable } from '@vielzeug/ripple';\n\nimport type { ButtonType } from '../../shared';\n\n/**\n * Handles form submission relay for form-associated button-like components.\n *\n * The inner `<button>` always has `type=\"button\"` so the shadow DOM never\n * drives native form actions directly. This composable intercepts clicks and\n * forwards submit/reset to the associated form via `ElementInternals`.\n *\n * @param form      - The associated HTMLFormElement (from `useField().internals.form`).\n * @param type      - Reactive signal for the button `type` prop.\n * @param isDisabled - Reactive signal indicating whether the button is disabled/loading.\n * @param host       - The host custom element.\n * @returns A click handler to attach to the inner element.\n */\nexport function useFormAction(\n  getForm: () => HTMLFormElement | null,\n  type: Readable<ButtonType | undefined>,\n  isDisabled: Readable<boolean>,\n  host: HTMLElement,\n): (e: MouseEvent) => void {\n  return (e: MouseEvent) => {\n    if (isDisabled.value) {\n      e.preventDefault();\n      e.stopImmediatePropagation();\n\n      return;\n    }\n\n    const form = getForm();\n\n    if (form) {\n      if (type.value === 'submit') {\n        e.preventDefault();\n        form.requestSubmit();\n      } else if (type.value === 'reset') {\n        e.preventDefault();\n        form.reset();\n      }\n    }\n\n    // Re-dispatch if the native click didn't bubble to host (shadow DOM interop).\n    if (!e.composedPath().includes(host)) {\n      host.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true, composed: true }));\n    }\n  };\n}\n"],"mappings":";AAiBA,SAAgB,EACd,GACA,GACA,GACA,GACyB;CACzB,QAAQ,MAAkB;EACxB,IAAI,EAAW,OAAO;GAEpB,AADA,EAAE,eAAe,GACjB,EAAE,yBAAyB;GAE3B;EACF;EAEA,IAAM,IAAO,EAAQ;EAarB,AAXI,MACE,EAAK,UAAU,YACjB,EAAE,eAAe,GACjB,EAAK,cAAc,KACV,EAAK,UAAU,YACxB,EAAE,eAAe,GACjB,EAAK,MAAM,KAKV,EAAE,aAAa,CAAC,CAAC,SAAS,CAAI,KACjC,EAAK,cAAc,IAAI,WAAW,SAAS;GAAE,SAAS;GAAM,YAAY;GAAM,UAAU;EAAK,CAAC,CAAC;CAEnG;AACF"}

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

@@ -0,0 +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:var(--color-contrast-500)}.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;
+//# sourceMappingURL=slider.css?inline.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.css?inline.cjs","names":[],"sources":["../../../src/inputs/slider/slider.css?inline"],"sourcesContent":["@layer 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: var(--color-contrast-500);\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":""}

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

@@ -0,0 +1,6 @@
+//#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:var(--color-contrast-500)}.helper-text[role=alert]{color:var(--color-error)}@media (pointer:coarse){:host{--_thumb-size:calc(var(--_size) + var(--size-2));--_size:var(--size-7)}}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=slider.css?inline.js.map