@k2b/ui 0.51.0 → 0.52.0

package/dist/browser/inputs/ChoiceInputs.js

@@ -18,10 +18,11 @@ var _tmpl$ = /*#__PURE__*/_$template(`<div class=k2b-pin-input role=group>`),
   _tmpl$3 = /*#__PURE__*/_$template(`<input type=hidden>`),
   _tmpl$4 = /*#__PURE__*/_$template(`<output>`),
   _tmpl$5 = /*#__PURE__*/_$template(`<i class="ti ti-arrow-back-up"aria-hidden=true>`),
-  _tmpl$6 = /*#__PURE__*/_$template(`<div class=k2b-slider><input><!$><!/><!$><!/>`),
-  _tmpl$7 = /*#__PURE__*/_$template(`<span class="k2b-color-input k2b-color-input--compact"><button type=button class=k2b-color-input__swatch></button><input class=k2b-color-input__native type=color>`),
-  _tmpl$8 = /*#__PURE__*/_$template(`<button type=button class=k2b-color-input__transparent><i class="ti ti-grid-dots"aria-hidden=true>`),
-  _tmpl$9 = /*#__PURE__*/_$template(`<div class=k2b-color-input><button type=button class=k2b-color-input__value><span class=k2b-color-input__swatch></span><code></code></button><!$><!/><input class=k2b-color-input__native type=color>`);
+  _tmpl$6 = /*#__PURE__*/_$template(`<div class=k2b-slider><input><!$><!/>`),
+  _tmpl$7 = /*#__PURE__*/_$template(`<div class=k2b-slider__value><!$><!/><!$><!/>`),
+  _tmpl$8 = /*#__PURE__*/_$template(`<span class="k2b-color-input k2b-color-input--compact"><button type=button class=k2b-color-input__swatch></button><input class=k2b-color-input__native type=color>`),
+  _tmpl$9 = /*#__PURE__*/_$template(`<button type=button class=k2b-color-input__transparent><i class="ti ti-grid-dots"aria-hidden=true>`),
+  _tmpl$0 = /*#__PURE__*/_$template(`<div class=k2b-color-input><button type=button class=k2b-color-input__value><span class=k2b-color-input__swatch></span><code></code></button><!$><!/><input class=k2b-color-input__native type=color>`);
 import { For, Show, splitProps } from "solid-js";
 import { IconButton } from "../actions/Button";
 import { createFieldMeta, Field, fieldControlAria } from "../internal/field";
@@ -178,7 +179,7 @@ export function PinInput(props) {
   });
 }
 export function Slider(props) {
-  const [local, rest] = splitProps(props, ["aria-describedby", "aria-label", "center", "class", "defaultValue", "description", "error", "id", "label", "onValueChange", "onValueCommit", "required", "showValue", "value", "formatValue"]);
+  const [local, rest] = splitProps(props, ["aria-describedby", "aria-label", "center", "class", "defaultValue", "description", "error", "id", "label", "onValueChange", "onValueCommit", "required", "showValue", "valuePlacement", "value", "formatValue"]);
   const meta = createFieldMeta(local.id);
   const min = () => Number(rest.min ?? 0);
   const max = () => Number(rest.max ?? 100);
@@ -190,12 +191,13 @@ export function Slider(props) {
   };
   const track = () => {
     const position = percentage();
+    const fill = rest.disabled ? "var(--k2b-text-muted)" : "var(--k2b-action)";
     if (local.center) {
       const low = Math.min(50, position);
       const high = Math.max(50, position);
-      return `linear-gradient(to right, var(--k2b-surface-muted) 0 ${low}%, var(--k2b-action) ${low}% ${high}%, var(--k2b-surface-muted) ${high}% 100%)`;
+      return `linear-gradient(to right, var(--k2b-surface-muted) 0 ${low}%, ${fill} ${low}% ${high}%, var(--k2b-surface-muted) ${high}% 100%)`;
     }
-    return `linear-gradient(to right, var(--k2b-action) 0 ${position}%, var(--k2b-surface-muted) ${position}% 100%)`;
+    return `linear-gradient(to right, ${fill} 0 ${position}%, var(--k2b-surface-muted) ${position}% 100%)`;
   };
   const resetValue = () => local.defaultValue ?? (local.center ? (min() + max()) / 2 : min());
   const changed = () => local.defaultValue !== undefined && value() !== local.defaultValue;
@@ -210,6 +212,42 @@ export function Slider(props) {
     // The button hides once the value is back, so focus returns to the slider it belongs to.
     input?.focus();
   };
+  const inLabel = () => local.valuePlacement === "label" && !!local.label;
+  const Value = () => _$createComponent(Show, {
+    get when() {
+      return local.showValue ?? true;
+    },
+    get children() {
+      var _el$4 = _$getNextElement(_tmpl$4);
+      _$insert(_el$4, () => local.formatValue?.(value()) ?? value());
+      _$effect(() => _$setAttribute(_el$4, "for", meta.controlId));
+      return _el$4;
+    }
+  });
+  const Reset = () => _$createComponent(Show, {
+    get when() {
+      return local.defaultValue !== undefined;
+    },
+    get children() {
+      return _$createComponent(IconButton, {
+        "class": "k2b-slider__reset",
+        size: "xs",
+        get label() {
+          return resetLabel();
+        },
+        get ["aria-describedby"]() {
+          return _$memo(() => !!local.label)() ? meta.labelId : undefined;
+        },
+        get disabled() {
+          return rest.disabled || !changed();
+        },
+        onClick: reset,
+        get children() {
+          return _$getNextElement(_tmpl$5);
+        }
+      });
+    }
+  });
   return _$createComponent(Field, {
     get ["class"]() {
       return local.class;
@@ -217,6 +255,19 @@ export function Slider(props) {
     get label() {
       return local.label;
     },
+    get labelEnd() {
+      return _$memo(() => !!inLabel())() ? (() => {
+        var _el$0 = _$getNextElement(_tmpl$7),
+          _el$1 = _el$0.firstChild,
+          [_el$10, _co$2] = _$getNextMarker(_el$1.nextSibling),
+          _el$11 = _el$10.nextSibling,
+          [_el$12, _co$3] = _$getNextMarker(_el$11.nextSibling);
+        _$insert(_el$0, _$createComponent(Reset, {}), _el$10, _co$2);
+        _$insert(_el$0, _$createComponent(Value, {}), _el$12, _co$3);
+        _$effect(() => _$setAttribute(_el$0, "data-changed", changed() ? "true" : undefined));
+        return _el$0;
+      })() : undefined;
+    },
     get description() {
       return local.description;
     },
@@ -231,15 +282,13 @@ export function Slider(props) {
       return rest.disabled;
     },
     get children() {
-      var _el$4 = _$getNextElement(_tmpl$6),
-        _el$5 = _el$4.firstChild,
-        _el$8 = _el$5.nextSibling,
-        [_el$9, _co$] = _$getNextMarker(_el$8.nextSibling),
-        _el$0 = _el$9.nextSibling,
-        [_el$1, _co$2] = _$getNextMarker(_el$0.nextSibling);
+      var _el$6 = _$getNextElement(_tmpl$6),
+        _el$7 = _el$6.firstChild,
+        _el$8 = _el$7.nextSibling,
+        [_el$9, _co$] = _$getNextMarker(_el$8.nextSibling);
       var _ref$ = input;
-      typeof _ref$ === "function" ? _$use(_ref$, _el$5) : input = _el$5;
-      _$spread(_el$5, _$mergeProps(rest, {
+      typeof _ref$ === "function" ? _$use(_ref$, _el$7) : input = _el$7;
+      _$spread(_el$7, _$mergeProps(rest, {
         get id() {
           return meta.controlId;
         },
@@ -260,44 +309,26 @@ export function Slider(props) {
           commitFieldValue(local, next);
         }
       }), false, false);
-      _$insert(_el$4, _$createComponent(Show, {
+      _$insert(_el$6, _$createComponent(Show, {
         get when() {
-          return local.showValue ?? true;
+          return !inLabel();
         },
         get children() {
-          var _el$6 = _$getNextElement(_tmpl$4);
-          _$insert(_el$6, () => local.formatValue?.(value()) ?? value());
-          _$effect(() => _$setAttribute(_el$6, "for", meta.controlId));
-          return _el$6;
+          return [_$createComponent(Value, {}), _$createComponent(Reset, {})];
         }
       }), _el$9, _co$);
-      _$insert(_el$4, _$createComponent(Show, {
-        get when() {
-          return local.defaultValue !== undefined;
-        },
-        get children() {
-          return _$createComponent(IconButton, {
-            "class": "k2b-slider__reset",
-            size: "xs",
-            get label() {
-              return resetLabel();
-            },
-            get ["aria-describedby"]() {
-              return _$memo(() => !!local.label)() ? meta.labelId : undefined;
-            },
-            get disabled() {
-              return rest.disabled || !changed();
-            },
-            onClick: reset,
-            get children() {
-              return _$getNextElement(_tmpl$5);
-            }
-          });
-        }
-      }), _el$1, _co$2);
-      _$effect(() => _$setAttribute(_el$4, "data-changed", changed() ? "true" : undefined));
+      _$effect(_p$ => {
+        var _v$7 = changed() ? "true" : undefined,
+          _v$8 = inLabel() ? "label" : undefined;
+        _v$7 !== _p$.e && _$setAttribute(_el$6, "data-changed", _p$.e = _v$7);
+        _v$8 !== _p$.t && _$setAttribute(_el$6, "data-value-placement", _p$.t = _v$8);
+        return _p$;
+      }, {
+        e: undefined,
+        t: undefined
+      });
       _$runHydrationEvents();
-      return _el$4;
+      return _el$6;
     }
   });
 }
@@ -310,10 +341,10 @@ export function ColorInput(props) {
   const compact = () => props.compact ?? !props.label;
   let picker;
   const control = () => compact() ? (() => {
-    var _el$10 = _$getNextElement(_tmpl$7),
-      _el$11 = _el$10.firstChild,
-      _el$12 = _el$11.nextSibling;
-    _$spread(_el$11, _$mergeProps({
+    var _el$13 = _$getNextElement(_tmpl$8),
+      _el$14 = _el$13.firstChild,
+      _el$15 = _el$14.nextSibling;
+    _$spread(_el$14, _$mergeProps({
       get style() {
         return {
           "background-color": currentColor()
@@ -325,59 +356,59 @@ export function ColorInput(props) {
     }, () => fieldControlAria(meta, props), {
       "onClick": () => picker?.click()
     }), false, false);
-    _el$12.addEventListener("change", event => props.onValueCommit?.(event.currentTarget.value));
-    _el$12.$$input = event => props.onValueChange?.(event.currentTarget.value);
+    _el$15.addEventListener("change", event => props.onValueCommit?.(event.currentTarget.value));
+    _el$15.$$input = event => props.onValueChange?.(event.currentTarget.value);
     var _ref$2 = picker;
-    typeof _ref$2 === "function" ? _$use(_ref$2, _el$12) : picker = _el$12;
+    typeof _ref$2 === "function" ? _$use(_ref$2, _el$15) : picker = _el$15;
     _$effect(_p$ => {
-      var _v$7 = meta.controlId,
-        _v$8 = props.name,
-        _v$9 = props.disabled;
-      _v$7 !== _p$.e && _$setAttribute(_el$12, "id", _p$.e = _v$7);
-      _v$8 !== _p$.t && _$setAttribute(_el$12, "name", _p$.t = _v$8);
-      _v$9 !== _p$.a && _$setProperty(_el$12, "disabled", _p$.a = _v$9);
+      var _v$9 = meta.controlId,
+        _v$0 = props.name,
+        _v$1 = props.disabled;
+      _v$9 !== _p$.e && _$setAttribute(_el$15, "id", _p$.e = _v$9);
+      _v$0 !== _p$.t && _$setAttribute(_el$15, "name", _p$.t = _v$0);
+      _v$1 !== _p$.a && _$setProperty(_el$15, "disabled", _p$.a = _v$1);
       return _p$;
     }, {
       e: undefined,
       t: undefined,
       a: undefined
     });
-    _$effect(() => _$setProperty(_el$12, "value", currentColor()));
+    _$effect(() => _$setProperty(_el$15, "value", currentColor()));
     _$runHydrationEvents();
-    return _el$10;
+    return _el$13;
   })() : (() => {
-    var _el$13 = _$getNextElement(_tmpl$9),
-      _el$14 = _el$13.firstChild,
-      _el$15 = _el$14.firstChild,
-      _el$16 = _el$15.nextSibling,
-      _el$19 = _el$14.nextSibling,
-      [_el$20, _co$3] = _$getNextMarker(_el$19.nextSibling),
-      _el$18 = _el$20.nextSibling;
-    _$spread(_el$14, _$mergeProps({
+    var _el$16 = _$getNextElement(_tmpl$0),
+      _el$17 = _el$16.firstChild,
+      _el$18 = _el$17.firstChild,
+      _el$19 = _el$18.nextSibling,
+      _el$22 = _el$17.nextSibling,
+      [_el$23, _co$4] = _$getNextMarker(_el$22.nextSibling),
+      _el$21 = _el$23.nextSibling;
+    _$spread(_el$17, _$mergeProps({
       get disabled() {
         return props.disabled || isTransparent();
       }
     }, () => fieldControlAria(meta, props), {
       "onClick": () => picker?.click()
     }), false, true);
-    _$insert(_el$16, (() => {
+    _$insert(_el$19, (() => {
       var _c$ = _$memo(() => !!isTransparent());
       return () => _c$() ? "transparent" : currentColor().toUpperCase();
     })());
-    _$insert(_el$13, _$createComponent(Show, {
+    _$insert(_el$16, _$createComponent(Show, {
       get when() {
         return props.transparent;
       },
       get children() {
-        var _el$17 = _$getNextElement(_tmpl$8);
-        _el$17.$$click = () => props.onTransparentValueChange?.(!isTransparent());
+        var _el$20 = _$getNextElement(_tmpl$9);
+        _el$20.$$click = () => props.onTransparentValueChange?.(!isTransparent());
         _$effect(_p$ => {
-          var _v$0 = isTransparent() ? inputMessages().useColor : inputMessages().useTransparent,
-            _v$1 = isTransparent(),
-            _v$10 = props.disabled;
-          _v$0 !== _p$.e && _$setAttribute(_el$17, "aria-label", _p$.e = _v$0);
-          _v$1 !== _p$.t && _$setAttribute(_el$17, "aria-pressed", _p$.t = _v$1);
-          _v$10 !== _p$.a && _$setProperty(_el$17, "disabled", _p$.a = _v$10);
+          var _v$10 = isTransparent() ? inputMessages().useColor : inputMessages().useTransparent,
+            _v$11 = isTransparent(),
+            _v$12 = props.disabled;
+          _v$10 !== _p$.e && _$setAttribute(_el$20, "aria-label", _p$.e = _v$10);
+          _v$11 !== _p$.t && _$setAttribute(_el$20, "aria-pressed", _p$.t = _v$11);
+          _v$12 !== _p$.a && _$setProperty(_el$20, "disabled", _p$.a = _v$12);
           return _p$;
         }, {
           e: undefined,
@@ -385,30 +416,30 @@ export function ColorInput(props) {
           a: undefined
         });
         _$runHydrationEvents();
-        return _el$17;
+        return _el$20;
       }
-    }), _el$20, _co$3);
-    _el$18.addEventListener("change", event => props.onValueCommit?.(event.currentTarget.value));
-    _el$18.$$input = event => props.onValueChange?.(event.currentTarget.value);
+    }), _el$23, _co$4);
+    _el$21.addEventListener("change", event => props.onValueCommit?.(event.currentTarget.value));
+    _el$21.$$input = event => props.onValueChange?.(event.currentTarget.value);
     var _ref$3 = picker;
-    typeof _ref$3 === "function" ? _$use(_ref$3, _el$18) : picker = _el$18;
+    typeof _ref$3 === "function" ? _$use(_ref$3, _el$21) : picker = _el$21;
     _$effect(_p$ => {
-      var _v$11 = props.disabled || isTransparent() ? "true" : undefined,
-        _v$12 = error() ? "true" : undefined,
-        _v$13 = isTransparent() ? "true" : undefined,
-        _v$14 = isTransparent() ? undefined : {
+      var _v$13 = props.disabled || isTransparent() ? "true" : undefined,
+        _v$14 = error() ? "true" : undefined,
+        _v$15 = isTransparent() ? "true" : undefined,
+        _v$16 = isTransparent() ? undefined : {
           "background-color": currentColor()
         },
-        _v$15 = meta.controlId,
-        _v$16 = props.name,
-        _v$17 = props.disabled || isTransparent();
-      _v$11 !== _p$.e && _$setAttribute(_el$13, "data-disabled", _p$.e = _v$11);
-      _v$12 !== _p$.t && _$setAttribute(_el$13, "data-invalid", _p$.t = _v$12);
-      _v$13 !== _p$.a && _$setAttribute(_el$15, "data-transparent", _p$.a = _v$13);
-      _p$.o = _$style(_el$15, _v$14, _p$.o);
-      _v$15 !== _p$.i && _$setAttribute(_el$18, "id", _p$.i = _v$15);
-      _v$16 !== _p$.n && _$setAttribute(_el$18, "name", _p$.n = _v$16);
-      _v$17 !== _p$.s && _$setProperty(_el$18, "disabled", _p$.s = _v$17);
+        _v$17 = meta.controlId,
+        _v$18 = props.name,
+        _v$19 = props.disabled || isTransparent();
+      _v$13 !== _p$.e && _$setAttribute(_el$16, "data-disabled", _p$.e = _v$13);
+      _v$14 !== _p$.t && _$setAttribute(_el$16, "data-invalid", _p$.t = _v$14);
+      _v$15 !== _p$.a && _$setAttribute(_el$18, "data-transparent", _p$.a = _v$15);
+      _p$.o = _$style(_el$18, _v$16, _p$.o);
+      _v$17 !== _p$.i && _$setAttribute(_el$21, "id", _p$.i = _v$17);
+      _v$18 !== _p$.n && _$setAttribute(_el$21, "name", _p$.n = _v$18);
+      _v$19 !== _p$.s && _$setProperty(_el$21, "disabled", _p$.s = _v$19);
       return _p$;
     }, {
       e: undefined,
@@ -419,9 +450,9 @@ export function ColorInput(props) {
       n: undefined,
       s: undefined
     });
-    _$effect(() => _$setProperty(_el$18, "value", currentColor()));
+    _$effect(() => _$setProperty(_el$21, "value", currentColor()));
     _$runHydrationEvents();
-    return _el$13;
+    return _el$16;
   })();
   return _$createComponent(Field, {
     get ["class"]() {

package/dist/browser/inputs/ChoiceInputs.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/ChoiceInputs.tsx"],"sourcesContent":["import { For, type JSX, Show, splitProps } from \"solid-js\";\nimport { IconButton } from \"../actions/Button\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport type { FieldProps, MaybeAccessor, ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\nimport { useInputMessages } from \"./input-messages\";\n\nexport type PinInputProps = ValueFieldProps<string> & {\n  length?: number;\n  name?: string;\n  stretch?: boolean;\n  password?: boolean;\n  readOnly?: boolean;\n  onSubmit?: () => void;\n};\n\nexport function PinInput(props: PinInputProps): JSX.Element {\n  const inputMessages = useInputMessages();\n  const meta = createFieldMeta(props.id);\n  const length = () => Math.max(1, props.length ?? 6);\n  let inputs: HTMLInputElement[] = [];\n  const digits = () => (resolveMaybeAccessor(props.value) ?? \"\").replace(/\\D/g, \"\").slice(0, length());\n  const error = () => resolveMaybeAccessor(props.error);\n  const emit = (value: string) => {\n    props.onValueChange?.(value);\n    if (value.length === length()) props.onValueCommit?.(value);\n  };\n\n  const updateDigit = (index: number, input: string) => {\n    if (props.disabled || props.readOnly) return;\n    const digit = input.replace(/\\D/g, \"\").slice(-1);\n    const current = digits();\n    emit(`${current.slice(0, index)}${digit}${current.slice(index + 1)}`);\n    if (digit && index < length() - 1) {\n      inputs[index + 1]?.focus();\n      inputs[index + 1]?.select();\n    }\n  };\n\n  const handleKeyDown = (index: number, event: KeyboardEvent) => {\n    if (props.disabled || props.readOnly) return;\n    if (event.key === \"Enter\" && props.onSubmit && !event.shiftKey && !event.metaKey) {\n      event.preventDefault();\n      props.onSubmit();\n    } else if (event.key === \"ArrowLeft\" && index > 0) {\n      event.preventDefault();\n      inputs[index - 1]?.focus();\n      inputs[index - 1]?.select();\n    } else if (event.key === \"ArrowRight\" && index < length() - 1) {\n      event.preventDefault();\n      inputs[index + 1]?.focus();\n      inputs[index + 1]?.select();\n    } else if (event.key === \"Backspace\" && !digits()[index] && index > 0) {\n      event.preventDefault();\n      const current = digits();\n      emit(`${current.slice(0, index - 1)}${current.slice(index)}`);\n      inputs[index - 1]?.focus();\n      inputs[index - 1]?.select();\n    }\n  };\n\n  const handlePaste = (event: ClipboardEvent) => {\n    if (props.disabled || props.readOnly) return;\n    const pasted = event.clipboardData?.getData(\"text\").replace(/\\D/g, \"\");\n    if (!pasted) return;\n    event.preventDefault();\n    const focused = inputs.indexOf(document.activeElement as HTMLInputElement);\n    const start = focused >= 0 ? focused : 0;\n    const insert = pasted.slice(0, length() - start);\n    const current = digits();\n    emit(`${current.slice(0, start)}${insert}${current.slice(start + insert.length)}`.slice(0, length()));\n    const next = Math.min(start + insert.length, length() - 1);\n    inputs[next]?.focus();\n    inputs[next]?.select();\n  };\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={error()}\n      meta={meta}\n      labelFor={false}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      <div\n        class=\"k2b-pin-input\"\n        id={meta.controlId}\n        data-stretch={props.stretch ? \"true\" : undefined}\n        role=\"group\"\n        {...fieldControlAria(meta, props)}\n        onPaste={handlePaste}\n      >\n        <For each={Array.from({ length: length() })}>\n          {(_, index) => (\n            <input\n              ref={(element) => {\n                inputs[index()] = element;\n              }}\n              class=\"k2b-control k2b-pin-input__digit\"\n              data-filled={digits()[index()] ? \"true\" : undefined}\n              type={props.password ? \"password\" : \"text\"}\n              inputmode=\"numeric\"\n              autocomplete=\"off\"\n              pattern=\"[0-9]\"\n              maxlength={1}\n              value={digits()[index()] ?? \"\"}\n              required={props.required}\n              disabled={props.disabled}\n              readOnly={props.readOnly}\n              aria-label={inputMessages().pinDigit({ index: index() + 1, total: length() })}\n              onInput={(event) => updateDigit(index(), event.currentTarget.value)}\n              onKeyDown={(event) => handleKeyDown(index(), event)}\n              onFocus={(event) => event.currentTarget.select()}\n            />\n          )}\n        </For>\n      </div>\n      <Show when={props.name}>{(name) => <input type=\"hidden\" name={name()} value={digits()} />}</Show>\n    </Field>\n  );\n}\n\nexport type SliderProps = FieldProps &\n  Omit<JSX.InputHTMLAttributes<HTMLInputElement>, \"type\" | \"value\" | \"onInput\" | \"onChange\" | keyof FieldProps> &\n  ValueFieldProps<number> & {\n    value: MaybeAccessor<number>;\n    formatValue?: (value: number) => string;\n    showValue?: boolean;\n    center?: boolean;\n    /**\n     * The value the setting starts from. With it, a changed value shows in the accent color and a reset button\n     * appears in a slot the slider always keeps, so nothing moves. Double-click resets too.\n     */\n    defaultValue?: number;\n  };\n\nexport function Slider(props: SliderProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"aria-describedby\",\n    \"aria-label\",\n    \"center\",\n    \"class\",\n    \"defaultValue\",\n    \"description\",\n    \"error\",\n    \"id\",\n    \"label\",\n    \"onValueChange\",\n    \"onValueCommit\",\n    \"required\",\n    \"showValue\",\n    \"value\",\n    \"formatValue\",\n  ]);\n  const meta = createFieldMeta(local.id);\n  const min = () => Number(rest.min ?? 0);\n  const max = () => Number(rest.max ?? 100);\n  const value = () => resolveMaybeAccessor(local.value) ?? min();\n  const error = () => resolveMaybeAccessor(local.error);\n  const percentage = () => {\n    const span = max() - min();\n    return span <= 0 ? 0 : Math.min(100, Math.max(0, ((value() - min()) / span) * 100));\n  };\n  const track = () => {\n    const position = percentage();\n    if (local.center) {\n      const low = Math.min(50, position);\n      const high = Math.max(50, position);\n      return `linear-gradient(to right, var(--k2b-surface-muted) 0 ${low}%, var(--k2b-action) ${low}% ${high}%, var(--k2b-surface-muted) ${high}% 100%)`;\n    }\n    return `linear-gradient(to right, var(--k2b-action) 0 ${position}%, var(--k2b-surface-muted) ${position}% 100%)`;\n  };\n  const resetValue = () => local.defaultValue ?? (local.center ? (min() + max()) / 2 : min());\n  const changed = () => local.defaultValue !== undefined && value() !== local.defaultValue;\n  const inputMessages = useInputMessages();\n  // Names the value it returns to, formatted as the slider shows it: \"Reset to 100%\".\n  const resetLabel = () => inputMessages().resetTo({ value: local.formatValue?.(resetValue()) ?? String(resetValue()) });\n  let input: HTMLInputElement | undefined;\n  const reset = () => {\n    commitFieldValue(local, resetValue());\n    // The button hides once the value is back, so focus returns to the slider it belongs to.\n    input?.focus();\n  };\n\n  return (\n    <Field\n      class={local.class}\n      label={local.label}\n      description={local.description}\n      error={error()}\n      meta={meta}\n      required={local.required}\n      disabled={rest.disabled}\n    >\n      <div class=\"k2b-slider\" data-changed={changed() ? \"true\" : undefined}>\n        <input\n          {...rest}\n          ref={input}\n          id={meta.controlId}\n          type=\"range\"\n          value={value()}\n          style={{ background: track() }}\n          {...fieldControlAria(meta, local)}\n          onInput={(event) => local.onValueChange?.(event.currentTarget.valueAsNumber)}\n          onChange={(event) => local.onValueCommit?.(event.currentTarget.valueAsNumber)}\n          onDblClick={() => {\n            const next = resetValue();\n            commitFieldValue(local, next);\n          }}\n        />\n        <Show when={local.showValue ?? true}>\n          <output for={meta.controlId}>{local.formatValue?.(value()) ?? value()}</output>\n        </Show>\n        <Show when={local.defaultValue !== undefined}>\n          <IconButton\n            class=\"k2b-slider__reset\"\n            size=\"xs\"\n            label={resetLabel()}\n            aria-describedby={local.label ? meta.labelId : undefined}\n            disabled={rest.disabled || !changed()}\n            onClick={reset}\n          >\n            <i class=\"ti ti-arrow-back-up\" aria-hidden=\"true\" />\n          </IconButton>\n        </Show>\n      </div>\n    </Field>\n  );\n}\n\nexport type ColorInputProps = ValueFieldProps<string> & {\n  name?: string;\n  compact?: boolean;\n  transparent?: boolean;\n  transparentValue?: MaybeAccessor<boolean>;\n  onTransparentValueChange?: (value: boolean) => void;\n};\n\nexport function ColorInput(props: ColorInputProps): JSX.Element {\n  const inputMessages = useInputMessages();\n  const meta = createFieldMeta(props.id);\n  const currentColor = () => resolveMaybeAccessor(props.value) || \"#3b82f6\";\n  const isTransparent = () => resolveMaybeAccessor(props.transparentValue) ?? false;\n  const error = () => resolveMaybeAccessor(props.error);\n  const compact = () => props.compact ?? !props.label;\n  let picker: HTMLInputElement | undefined;\n\n  const control = () =>\n    compact() ? (\n      <span class=\"k2b-color-input k2b-color-input--compact\">\n        <button\n          type=\"button\"\n          class=\"k2b-color-input__swatch\"\n          style={{ \"background-color\": currentColor() }}\n          disabled={props.disabled}\n          {...fieldControlAria(meta, props)}\n          onClick={() => picker?.click()}\n        />\n        <input\n          ref={picker}\n          id={meta.controlId}\n          class=\"k2b-color-input__native\"\n          type=\"color\"\n          name={props.name}\n          value={currentColor()}\n          disabled={props.disabled}\n          onInput={(event) => props.onValueChange?.(event.currentTarget.value)}\n          onChange={(event) => props.onValueCommit?.(event.currentTarget.value)}\n        />\n      </span>\n    ) : (\n      <div\n        class=\"k2b-color-input\"\n        data-disabled={props.disabled || isTransparent() ? \"true\" : undefined}\n        data-invalid={error() ? \"true\" : undefined}\n      >\n        <button\n          type=\"button\"\n          class=\"k2b-color-input__value\"\n          disabled={props.disabled || isTransparent()}\n          {...fieldControlAria(meta, props)}\n          onClick={() => picker?.click()}\n        >\n          <span\n            class=\"k2b-color-input__swatch\"\n            data-transparent={isTransparent() ? \"true\" : undefined}\n            style={isTransparent() ? undefined : { \"background-color\": currentColor() }}\n          />\n          <code>{isTransparent() ? \"transparent\" : currentColor().toUpperCase()}</code>\n        </button>\n        <Show when={props.transparent}>\n          <button\n            type=\"button\"\n            class=\"k2b-color-input__transparent\"\n            aria-label={isTransparent() ? inputMessages().useColor : inputMessages().useTransparent}\n            aria-pressed={isTransparent()}\n            disabled={props.disabled}\n            onClick={() => props.onTransparentValueChange?.(!isTransparent())}\n          >\n            <i class=\"ti ti-grid-dots\" aria-hidden=\"true\" />\n          </button>\n        </Show>\n        <input\n          ref={picker}\n          id={meta.controlId}\n          class=\"k2b-color-input__native\"\n          type=\"color\"\n          name={props.name}\n          value={currentColor()}\n          disabled={props.disabled || isTransparent()}\n          onInput={(event) => props.onValueChange?.(event.currentTarget.value)}\n          onChange={(event) => props.onValueCommit?.(event.currentTarget.value)}\n        />\n      </div>\n    );\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={error()}\n      meta={meta}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      {control()}\n    </Field>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,GAAG,EAAY,IAAI,EAAE,UAAU,QAAQ,UAAU;AAC1D,SAAS,UAAU,QAAQ,mBAAmB;AAC9C,SAAS,eAAe,EAAE,KAAK,EAAE,gBAAgB,QAAQ,mBAAmB;AAE5E,SAAS,gBAAgB,EAAE,oBAAoB,QAAQ,kBAAkB;AACzE,SAAS,gBAAgB,QAAQ,kBAAkB;AAWnD,OAAO,SAAS,QAAQ,CAAC,KAAoB,EAAe;EAC1D,MAAM,aAAa,GAAG,gBAAgB,CAAC,CAAC;EACxC,MAAM,IAAI,GAAG,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC;EACtC,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC;EACnD,IAAI,MAA0B,GAAG,EAAE;EACnC,MAAM,MAAM,GAAG,MAAM,CAAC,oBAAoB,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;EACpG,MAAM,KAAK,GAAG,MAAM,oBAAoB,CAAC,KAAK,CAAC,KAAK,CAAC;EACrD,MAAM,IAAI,GAAI,KAAa,IAAK;IAC9B,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC;IAC5B,IAAI,KAAK,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC;EAC7D,CAAC;EAED,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,KAAa,KAAK;IACpD,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,EAAE;IACtC,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAChD,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC;IACxB,IAAI,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,CAAC;IACrE,IAAI,KAAK,IAAI,KAAK,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,EAAE;MACjC,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;MAC1B,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;IAC7B;EACF,CAAC;EAED,MAAM,aAAa,GAAG,CAAC,KAAa,EAAE,KAAoB,KAAK;IAC7D,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,EAAE;IACtC,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;MAChF,KAAK,CAAC,cAAc,CAAC,CAAC;MACtB,KAAK,CAAC,QAAQ,CAAC,CAAC;IAClB,CAAC,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,KAAK,GAAG,CAAC,EAAE;MACjD,KAAK,CAAC,cAAc,CAAC,CAAC;MACtB,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;MAC1B,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;IAC7B,CAAC,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,YAAY,IAAI,KAAK,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,EAAE;MAC7D,KAAK,CAAC,cAAc,CAAC,CAAC;MACtB,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;MAC1B,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;IAC7B,CAAC,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,EAAE;MACrE,KAAK,CAAC,cAAc,CAAC,CAAC;MACtB,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC;MACxB,IAAI,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;MAC7D,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;MAC1B,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;IAC7B;EACF,CAAC;EAED,MAAM,WAAW,GAAI,KAAqB,IAAK;IAC7C,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,EAAE;IACtC,MAAM,MAAM,GAAG,KAAK,CAAC,aAAa,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;IACtE,IAAI,CAAC,MAAM,EAAE;IACb,KAAK,CAAC,cAAc,CAAC,CAAC;IACtB,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,aAAiC,CAAC;IAC1E,MAAM,KAAK,GAAG,OAAO,IAAI,CAAC,GAAG,OAAO,GAAG,CAAC;IACxC,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC;IAChD,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC;IACxB,IAAI,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;IACrG,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;IAC1D,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC;IACrB,MAAM,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,CAAC;EACxB,CAAC;EAED,yBACG,KAAK;IAAA;MAAA,OACG,KAAK,CAAC,KAAK;IAAA;IAAA,IAClB,KAAK;MAAA,OAAE,KAAK,CAAC,KAAK;IAAA;IAAA,IAClB,WAAW;MAAA,OAAE,KAAK,CAAC,WAAW;IAAA;IAAA,IAC9B,KAAK;MAAA,OAAE,KAAK,CAAC,CAAC;IAAA;IACd,IAAI,EAAE,IAAI;IACV,QAAQ,EAAE,KAAK;IAAA,IACf,QAAQ;MAAA,OAAE,KAAK,CAAC,QAAQ;IAAA;IAAA,IACxB,QAAQ;MAAA,OAAE,KAAK,CAAC,QAAQ;IAAA;IAAA;MAAA;QAAA;QAAA;UAAA,IAItB,EAAE;YAAA,OAAE,IAAI,CAAC,SAAS;UAAA;UAAA;YAAA,OACJ,KAAK,CAAC,OAAO,GAAG,MAAM,GAAG,SAAS;UAAA;QAAA,SAE5C,gBAAgB,CAAC,IAAI,EAAE,KAAK,CAAC;UAAA,WACxB;QAAW;QAAA,iCAEnB,GAAG;UAAA,IAAC,IAAI;YAAA,OAAE,KAAK,CAAC,IAAI,CAAC;cAAE,MAAM,EAAE,MAAM,CAAC;YAAE,CAAC,CAAC;UAAA;UAAA,UACxC,CAAC,CAAC,EAAE,KAAK;YAAA;YAAA,gCAmBI,KAAK,IAAK,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YAAA,kBADpC,KAAK,IAAK,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC;YAAA,gBADzC,KAAK,IAAK,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;YAAA,MAf7D,OAAO,IAAK;cAChB,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,OAAO;YAC3B,CAAC;YAAA;cAAA,UAEY,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,SAAS;gBAAA,OAC7C,KAAK,CAAC,QAAQ,GAAG,UAAU,GAAG,MAAM;gBAAA,OAMhC,KAAK,CAAC,QAAQ;gBAAA,OACd,KAAK,CAAC,QAAQ;gBAAA,OACd,KAAK,CAAC,QAAQ;gBAAA,OACZ,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC;kBAAE,KAAK,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC;kBAAE,KAAK,EAAE,MAAM,CAAC;gBAAE,CAAC,CAAC;cAAA;cAAA;cAAA;cAAA;cAAA;cAAA;cAAA;YAAA;cAAA;cAAA;cAAA;cAAA;cAAA;cAAA;YAAA;YAAA,6CAJtE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE;YAAA;YAAA;UAAA;QASjC;QAAA;QAAA;MAAA,wBAGJ,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,KAAK,CAAC,IAAI;QAAA;QAAA,UAAI,IAAI;UAAA;UAAA,6CAAgC,IAAI,CAAC,CAAC;UAAA,6CAAS,MAAM,CAAC,CAAC;UAAA;QAAA;MAAI;IAAA;EAAA;AAG/F;AAgBA,OAAO,SAAS,MAAM,CAAC,KAAkB,EAAe;EACtD,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CACtC,kBAAkB,EAClB,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,cAAc,EACd,aAAa,EACb,OAAO,EACP,IAAI,EACJ,OAAO,EACP,eAAe,EACf,eAAe,EACf,UAAU,EACV,WAAW,EACX,OAAO,EACP,aAAa,CACd,CAAC;EACF,MAAM,IAAI,GAAG,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC;EACtC,MAAM,GAAG,GAAG,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC;EACvC,MAAM,GAAG,GAAG,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC;EACzC,MAAM,KAAK,GAAG,MAAM,oBAAoB,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC;EAC9D,MAAM,KAAK,GAAG,MAAM,oBAAoB,CAAC,KAAK,CAAC,KAAK,CAAC;EACrD,MAAM,UAAU,GAAG,MAAM;IACvB,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;IAC1B,OAAO,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAG,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,IAAI,IAAI,GAAI,GAAG,CAAC,CAAC;EACrF,CAAC;EACD,MAAM,KAAK,GAAG,MAAM;IAClB,MAAM,QAAQ,GAAG,UAAU,CAAC,CAAC;IAC7B,IAAI,KAAK,CAAC,MAAM,EAAE;MAChB,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,QAAQ,CAAC;MAClC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,QAAQ,CAAC;MACnC,OAAO,wDAAwD,GAAG,wBAAwB,GAAG,KAAK,IAAI,+BAA+B,IAAI,SAAS;IACpJ;IACA,OAAO,iDAAiD,QAAQ,+BAA+B,QAAQ,SAAS;EAClH,CAAC;EACD,MAAM,UAAU,GAAG,MAAM,KAAK,CAAC,YAAY,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;EAC3F,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,YAAY,KAAK,SAAS,IAAI,KAAK,CAAC,CAAC,KAAK,KAAK,CAAC,YAAY;EACxF,MAAM,aAAa,GAAG,gBAAgB,CAAC,CAAC;EACxC;EACA,MAAM,UAAU,GAAG,MAAM,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC;IAAE,KAAK,EAAE,KAAK,CAAC,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,UAAU,CAAC,CAAC;EAAE,CAAC,CAAC;EACtH,IAAI,KAAmC;EACvC,MAAM,KAAK,GAAG,MAAM;IAClB,gBAAgB,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;IACrC;IACA,KAAK,EAAE,KAAK,CAAC,CAAC;EAChB,CAAC;EAED,yBACG,KAAK;IAAA;MAAA,OACG,KAAK,CAAC,KAAK;IAAA;IAAA,IAClB,KAAK;MAAA,OAAE,KAAK,CAAC,KAAK;IAAA;IAAA,IAClB,WAAW;MAAA,OAAE,KAAK,CAAC,WAAW;IAAA;IAAA,IAC9B,KAAK;MAAA,OAAE,KAAK,CAAC,CAAC;IAAA;IACd,IAAI,EAAE,IAAI;IAAA,IACV,QAAQ;MAAA,OAAE,KAAK,CAAC,QAAQ;IAAA;IAAA,IACxB,QAAQ;MAAA,OAAE,IAAI,CAAC,QAAQ;IAAA;IAAA;MAAA;QAAA;QAAA;QAAA;QAAA;QAAA;MAAA,YAKd,KAAK;MAAA,oDAAL,KAAK;MAAA,6BADN,IAAI;QAAA,IAER,EAAE;UAAA,OAAE,IAAI,CAAC,SAAS;QAAA;QAAA,QACb,OAAO;QAAA,IACZ,KAAK;UAAA,OAAE,KAAK,CAAC,CAAC;QAAA;QAAA,IACd,KAAK;UAAA,OAAE;YAAE,UAAU,EAAE,KAAK,CAAC;UAAE,CAAC;QAAA;MAAA,SAC1B,gBAAgB,CAAC,IAAI,EAAE,KAAK,CAAC;QAAA,WACvB,KAAK,IAAK,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC;QAAA,YACjE,KAAK,IAAK,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC;QAAA,cACjE,MAAM;UAChB,MAAM,IAAI,GAAG,UAAU,CAAC,CAAC;UACzB,gBAAgB,CAAC,KAAK,EAAE,IAAI,CAAC;QAC/B;MAAC;MAAA,kCAEF,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,KAAK,CAAC,SAAS,IAAI,IAAI;QAAA;QAAA;UAAA;UAAA,sBACH,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC;UAAA,4CAAxD,IAAI,CAAC,SAAS;UAAA;QAAA;MAAA;MAAA,kCAE5B,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,KAAK,CAAC,YAAY,KAAK,SAAS;QAAA;QAAA;UAAA,yBACzC,UAAU;YAAA;YAET,IAAI;YAAA,IACJ,KAAK;cAAA,OAAE,UAAU,CAAC,CAAC;YAAA;YAAA;cAAA,OACD,oBAAK,CAAC,KAAK,MAAG,IAAI,CAAC,OAAO,GAAG,SAAS;YAAA;YAAA,IACxD,QAAQ;cAAA,OAAE,IAAI,CAAC,QAAQ,IAAI,CAAC,OAAO,CAAC,CAAC;YAAA;YACrC,OAAO,EAAE,KAAK;YAAA;cAAA;YAAA;UAAA;QAAA;MAAA;MAAA,qDA1BkB,OAAO,CAAC,CAAC,GAAG,MAAM,GAAG,SAAS;MAAA;MAAA;IAAA;EAAA;AAkC1E;AAUA,OAAO,SAAS,UAAU,CAAC,KAAsB,EAAe;EAC9D,MAAM,aAAa,GAAG,gBAAgB,CAAC,CAAC;EACxC,MAAM,IAAI,GAAG,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC;EACtC,MAAM,YAAY,GAAG,MAAM,oBAAoB,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,SAAS;EACzE,MAAM,aAAa,GAAG,MAAM,oBAAoB,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,KAAK;EACjF,MAAM,KAAK,GAAG,MAAM,oBAAoB,CAAC,KAAK,CAAC,KAAK,CAAC;EACrD,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK;EACnD,IAAI,MAAoC;EAExC,MAAM,OAAO,GAAG,MACd,OAAO,CAAC,CAAC;IAAA;MAAA;MAAA;IAAA;MAAA,IAKH,KAAK;QAAA,OAAE;UAAE,kBAAkB,EAAE,YAAY,CAAC;QAAE,CAAC;MAAA;MAAA,IAC7C,QAAQ;QAAA,OAAE,KAAK,CAAC,QAAQ;MAAA;IAAA,SACpB,gBAAgB,CAAC,IAAI,EAAE,KAAK,CAAC;MAAA,WACxB,MAAM,MAAM,EAAE,KAAK,CAAC;IAAC;IAAA,kCAWnB,KAAK,IAAK,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;IAAA,iBAD3D,KAAK,IAAK,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;IAAA,aAP/D,MAAM;IAAA,uDAAN,MAAM;IAAA;MAAA,WACP,IAAI,CAAC,SAAS;QAAA,OAGZ,KAAK,CAAC,IAAI;QAAA,OAEN,KAAK,CAAC,QAAQ;MAAA;MAAA;MAAA;MAAA;IAAA;MAAA;MAAA;MAAA;IAAA;IAAA,8CADjB,YAAY,CAAC,CAAC;IAAA;IAAA;EAAA;IAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA;MAAA,IAerB,QAAQ;QAAA,OAAE,KAAK,CAAC,QAAQ,IAAI,aAAa,CAAC,CAAC;MAAA;IAAA,SACvC,gBAAgB,CAAC,IAAI,EAAE,KAAK,CAAC;MAAA,WACxB,MAAM,MAAM,EAAE,KAAK,CAAC;IAAC;IAAA;MAAA,yBAOvB,aAAa,CAAC,CAAC;MAAA,aAAf,QAAkB,aAAa,GAAG,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;IAAA;IAAA,mCAEtE,IAAI;MAAA,IAAC,IAAI;QAAA,OAAE,KAAK,CAAC,WAAW;MAAA;MAAA;QAAA;QAAA,iBAOhB,MAAM,KAAK,CAAC,wBAAwB,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC;QAAA;UAAA,WAHrD,aAAa,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,cAAc;YAAA,OACzE,aAAa,CAAC,CAAC;YAAA,QACnB,KAAK,CAAC,QAAQ;UAAA;UAAA;UAAA;UAAA;QAAA;UAAA;UAAA;UAAA;QAAA;QAAA;QAAA;MAAA;IAAA;IAAA,kCAef,KAAK,IAAK,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;IAAA,iBAD3D,KAAK,IAAK,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;IAAA,aAP/D,MAAM;IAAA,uDAAN,MAAM;IAAA;MAAA,YA9BE,KAAK,CAAC,QAAQ,IAAI,aAAa,CAAC,CAAC,GAAG,MAAM,GAAG,SAAS;QAAA,QACvD,KAAK,CAAC,CAAC,GAAG,MAAM,GAAG,SAAS;QAAA,QAWpB,aAAa,CAAC,CAAC,GAAG,MAAM,GAAG,SAAS;QAAA,QAC/C,aAAa,CAAC,CAAC,GAAG,SAAS,GAAG;UAAE,kBAAkB,EAAE,YAAY,CAAC;QAAE,CAAC;QAAA,QAkBzE,IAAI,CAAC,SAAS;QAAA,QAGZ,KAAK,CAAC,IAAI;QAAA,QAEN,KAAK,CAAC,QAAQ,IAAI,aAAa,CAAC,CAAC;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA;IAAA,8CADpC,YAAY,CAAC,CAAC;IAAA;IAAA;EAAA,IAM1B;EAEH,yBACG,KAAK;IAAA;MAAA,OACG,KAAK,CAAC,KAAK;IAAA;IAAA,IAClB,KAAK;MAAA,OAAE,KAAK,CAAC,KAAK;IAAA;IAAA,IAClB,WAAW;MAAA,OAAE,KAAK,CAAC,WAAW;IAAA;IAAA,IAC9B,KAAK;MAAA,OAAE,KAAK,CAAC,CAAC;IAAA;IACd,IAAI,EAAE,IAAI;IAAA,IACV,QAAQ;MAAA,OAAE,KAAK,CAAC,QAAQ;IAAA;IAAA,IACxB,QAAQ;MAAA,OAAE,KAAK,CAAC,QAAQ;IAAA;IAAA;MAAA,OAEvB,OAAO,CAAC,CAAC;IAAA;EAAA;AAGhB;AAAC","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/ChoiceInputs.tsx"],"sourcesContent":["import { For, type JSX, Show, splitProps } from \"solid-js\";\nimport { IconButton } from \"../actions/Button\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport type { FieldProps, MaybeAccessor, ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\nimport { useInputMessages } from \"./input-messages\";\n\nexport type PinInputProps = ValueFieldProps<string> & {\n  length?: number;\n  name?: string;\n  stretch?: boolean;\n  password?: boolean;\n  readOnly?: boolean;\n  onSubmit?: () => void;\n};\n\nexport function PinInput(props: PinInputProps): JSX.Element {\n  const inputMessages = useInputMessages();\n  const meta = createFieldMeta(props.id);\n  const length = () => Math.max(1, props.length ?? 6);\n  let inputs: HTMLInputElement[] = [];\n  const digits = () => (resolveMaybeAccessor(props.value) ?? \"\").replace(/\\D/g, \"\").slice(0, length());\n  const error = () => resolveMaybeAccessor(props.error);\n  const emit = (value: string) => {\n    props.onValueChange?.(value);\n    if (value.length === length()) props.onValueCommit?.(value);\n  };\n\n  const updateDigit = (index: number, input: string) => {\n    if (props.disabled || props.readOnly) return;\n    const digit = input.replace(/\\D/g, \"\").slice(-1);\n    const current = digits();\n    emit(`${current.slice(0, index)}${digit}${current.slice(index + 1)}`);\n    if (digit && index < length() - 1) {\n      inputs[index + 1]?.focus();\n      inputs[index + 1]?.select();\n    }\n  };\n\n  const handleKeyDown = (index: number, event: KeyboardEvent) => {\n    if (props.disabled || props.readOnly) return;\n    if (event.key === \"Enter\" && props.onSubmit && !event.shiftKey && !event.metaKey) {\n      event.preventDefault();\n      props.onSubmit();\n    } else if (event.key === \"ArrowLeft\" && index > 0) {\n      event.preventDefault();\n      inputs[index - 1]?.focus();\n      inputs[index - 1]?.select();\n    } else if (event.key === \"ArrowRight\" && index < length() - 1) {\n      event.preventDefault();\n      inputs[index + 1]?.focus();\n      inputs[index + 1]?.select();\n    } else if (event.key === \"Backspace\" && !digits()[index] && index > 0) {\n      event.preventDefault();\n      const current = digits();\n      emit(`${current.slice(0, index - 1)}${current.slice(index)}`);\n      inputs[index - 1]?.focus();\n      inputs[index - 1]?.select();\n    }\n  };\n\n  const handlePaste = (event: ClipboardEvent) => {\n    if (props.disabled || props.readOnly) return;\n    const pasted = event.clipboardData?.getData(\"text\").replace(/\\D/g, \"\");\n    if (!pasted) return;\n    event.preventDefault();\n    const focused = inputs.indexOf(document.activeElement as HTMLInputElement);\n    const start = focused >= 0 ? focused : 0;\n    const insert = pasted.slice(0, length() - start);\n    const current = digits();\n    emit(`${current.slice(0, start)}${insert}${current.slice(start + insert.length)}`.slice(0, length()));\n    const next = Math.min(start + insert.length, length() - 1);\n    inputs[next]?.focus();\n    inputs[next]?.select();\n  };\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={error()}\n      meta={meta}\n      labelFor={false}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      <div\n        class=\"k2b-pin-input\"\n        id={meta.controlId}\n        data-stretch={props.stretch ? \"true\" : undefined}\n        role=\"group\"\n        {...fieldControlAria(meta, props)}\n        onPaste={handlePaste}\n      >\n        <For each={Array.from({ length: length() })}>\n          {(_, index) => (\n            <input\n              ref={(element) => {\n                inputs[index()] = element;\n              }}\n              class=\"k2b-control k2b-pin-input__digit\"\n              data-filled={digits()[index()] ? \"true\" : undefined}\n              type={props.password ? \"password\" : \"text\"}\n              inputmode=\"numeric\"\n              autocomplete=\"off\"\n              pattern=\"[0-9]\"\n              maxlength={1}\n              value={digits()[index()] ?? \"\"}\n              required={props.required}\n              disabled={props.disabled}\n              readOnly={props.readOnly}\n              aria-label={inputMessages().pinDigit({ index: index() + 1, total: length() })}\n              onInput={(event) => updateDigit(index(), event.currentTarget.value)}\n              onKeyDown={(event) => handleKeyDown(index(), event)}\n              onFocus={(event) => event.currentTarget.select()}\n            />\n          )}\n        </For>\n      </div>\n      <Show when={props.name}>{(name) => <input type=\"hidden\" name={name()} value={digits()} />}</Show>\n    </Field>\n  );\n}\n\nexport type SliderProps = FieldProps &\n  Omit<JSX.InputHTMLAttributes<HTMLInputElement>, \"type\" | \"value\" | \"onInput\" | \"onChange\" | keyof FieldProps> &\n  ValueFieldProps<number> & {\n    value: MaybeAccessor<number>;\n    formatValue?: (value: number) => string;\n    showValue?: boolean;\n    /** Place the value and reset beside the label. Without a label, they stay beside the track. */\n    valuePlacement?: \"control\" | \"label\";\n    center?: boolean;\n    /**\n     * The value the setting starts from. With it, a changed value shows in the accent color and a reset button\n     * appears in a slot the slider always keeps, so nothing moves. Double-click resets too.\n     */\n    defaultValue?: number;\n  };\n\nexport function Slider(props: SliderProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"aria-describedby\",\n    \"aria-label\",\n    \"center\",\n    \"class\",\n    \"defaultValue\",\n    \"description\",\n    \"error\",\n    \"id\",\n    \"label\",\n    \"onValueChange\",\n    \"onValueCommit\",\n    \"required\",\n    \"showValue\",\n    \"valuePlacement\",\n    \"value\",\n    \"formatValue\",\n  ]);\n  const meta = createFieldMeta(local.id);\n  const min = () => Number(rest.min ?? 0);\n  const max = () => Number(rest.max ?? 100);\n  const value = () => resolveMaybeAccessor(local.value) ?? min();\n  const error = () => resolveMaybeAccessor(local.error);\n  const percentage = () => {\n    const span = max() - min();\n    return span <= 0 ? 0 : Math.min(100, Math.max(0, ((value() - min()) / span) * 100));\n  };\n  const track = () => {\n    const position = percentage();\n    const fill = rest.disabled ? \"var(--k2b-text-muted)\" : \"var(--k2b-action)\";\n    if (local.center) {\n      const low = Math.min(50, position);\n      const high = Math.max(50, position);\n      return `linear-gradient(to right, var(--k2b-surface-muted) 0 ${low}%, ${fill} ${low}% ${high}%, var(--k2b-surface-muted) ${high}% 100%)`;\n    }\n    return `linear-gradient(to right, ${fill} 0 ${position}%, var(--k2b-surface-muted) ${position}% 100%)`;\n  };\n  const resetValue = () => local.defaultValue ?? (local.center ? (min() + max()) / 2 : min());\n  const changed = () => local.defaultValue !== undefined && value() !== local.defaultValue;\n  const inputMessages = useInputMessages();\n  // Names the value it returns to, formatted as the slider shows it: \"Reset to 100%\".\n  const resetLabel = () => inputMessages().resetTo({ value: local.formatValue?.(resetValue()) ?? String(resetValue()) });\n  let input: HTMLInputElement | undefined;\n  const reset = () => {\n    commitFieldValue(local, resetValue());\n    // The button hides once the value is back, so focus returns to the slider it belongs to.\n    input?.focus();\n  };\n  const inLabel = () => local.valuePlacement === \"label\" && !!local.label;\n  const Value = () => (\n    <Show when={local.showValue ?? true}>\n      <output for={meta.controlId}>{local.formatValue?.(value()) ?? value()}</output>\n    </Show>\n  );\n  const Reset = () => (\n    <Show when={local.defaultValue !== undefined}>\n      <IconButton\n        class=\"k2b-slider__reset\"\n        size=\"xs\"\n        label={resetLabel()}\n        aria-describedby={local.label ? meta.labelId : undefined}\n        disabled={rest.disabled || !changed()}\n        onClick={reset}\n      >\n        <i class=\"ti ti-arrow-back-up\" aria-hidden=\"true\" />\n      </IconButton>\n    </Show>\n  );\n\n  return (\n    <Field\n      class={local.class}\n      label={local.label}\n      labelEnd={\n        inLabel() ? (\n          <div class=\"k2b-slider__value\" data-changed={changed() ? \"true\" : undefined}>\n            <Reset />\n            <Value />\n          </div>\n        ) : undefined\n      }\n      description={local.description}\n      error={error()}\n      meta={meta}\n      required={local.required}\n      disabled={rest.disabled}\n    >\n      <div class=\"k2b-slider\" data-changed={changed() ? \"true\" : undefined} data-value-placement={inLabel() ? \"label\" : undefined}>\n        <input\n          {...rest}\n          ref={input}\n          id={meta.controlId}\n          type=\"range\"\n          value={value()}\n          style={{ background: track() }}\n          {...fieldControlAria(meta, local)}\n          onInput={(event) => local.onValueChange?.(event.currentTarget.valueAsNumber)}\n          onChange={(event) => local.onValueCommit?.(event.currentTarget.valueAsNumber)}\n          onDblClick={() => {\n            const next = resetValue();\n            commitFieldValue(local, next);\n          }}\n        />\n        <Show when={!inLabel()}>\n          <Value />\n          <Reset />\n        </Show>\n      </div>\n    </Field>\n  );\n}\n\nexport type ColorInputProps = ValueFieldProps<string> & {\n  name?: string;\n  compact?: boolean;\n  transparent?: boolean;\n  transparentValue?: MaybeAccessor<boolean>;\n  onTransparentValueChange?: (value: boolean) => void;\n};\n\nexport function ColorInput(props: ColorInputProps): JSX.Element {\n  const inputMessages = useInputMessages();\n  const meta = createFieldMeta(props.id);\n  const currentColor = () => resolveMaybeAccessor(props.value) || \"#3b82f6\";\n  const isTransparent = () => resolveMaybeAccessor(props.transparentValue) ?? false;\n  const error = () => resolveMaybeAccessor(props.error);\n  const compact = () => props.compact ?? !props.label;\n  let picker: HTMLInputElement | undefined;\n\n  const control = () =>\n    compact() ? (\n      <span class=\"k2b-color-input k2b-color-input--compact\">\n        <button\n          type=\"button\"\n          class=\"k2b-color-input__swatch\"\n          style={{ \"background-color\": currentColor() }}\n          disabled={props.disabled}\n          {...fieldControlAria(meta, props)}\n          onClick={() => picker?.click()}\n        />\n        <input\n          ref={picker}\n          id={meta.controlId}\n          class=\"k2b-color-input__native\"\n          type=\"color\"\n          name={props.name}\n          value={currentColor()}\n          disabled={props.disabled}\n          onInput={(event) => props.onValueChange?.(event.currentTarget.value)}\n          onChange={(event) => props.onValueCommit?.(event.currentTarget.value)}\n        />\n      </span>\n    ) : (\n      <div\n        class=\"k2b-color-input\"\n        data-disabled={props.disabled || isTransparent() ? \"true\" : undefined}\n        data-invalid={error() ? \"true\" : undefined}\n      >\n        <button\n          type=\"button\"\n          class=\"k2b-color-input__value\"\n          disabled={props.disabled || isTransparent()}\n          {...fieldControlAria(meta, props)}\n          onClick={() => picker?.click()}\n        >\n          <span\n            class=\"k2b-color-input__swatch\"\n            data-transparent={isTransparent() ? \"true\" : undefined}\n            style={isTransparent() ? undefined : { \"background-color\": currentColor() }}\n          />\n          <code>{isTransparent() ? \"transparent\" : currentColor().toUpperCase()}</code>\n        </button>\n        <Show when={props.transparent}>\n          <button\n            type=\"button\"\n            class=\"k2b-color-input__transparent\"\n            aria-label={isTransparent() ? inputMessages().useColor : inputMessages().useTransparent}\n            aria-pressed={isTransparent()}\n            disabled={props.disabled}\n            onClick={() => props.onTransparentValueChange?.(!isTransparent())}\n          >\n            <i class=\"ti ti-grid-dots\" aria-hidden=\"true\" />\n          </button>\n        </Show>\n        <input\n          ref={picker}\n          id={meta.controlId}\n          class=\"k2b-color-input__native\"\n          type=\"color\"\n          name={props.name}\n          value={currentColor()}\n          disabled={props.disabled || isTransparent()}\n          onInput={(event) => props.onValueChange?.(event.currentTarget.value)}\n          onChange={(event) => props.onValueCommit?.(event.currentTarget.value)}\n        />\n      </div>\n    );\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={error()}\n      meta={meta}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      {control()}\n    </Field>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/inputs/index.js

@@ -22,6 +22,7 @@ export { DEFAULT_ICON_GROUPS, DEFAULT_ICON_OPTIONS } from "./icon-options";
 export { clampImageCropRect, createCroppedImageCanvas, createCroppedImageDataUrl, getInitialImageCropRect, imageCropRectToPixels, normalizeImageCropRotation, resizeImageCropAroundCenter, rotateImageCropRight } from "./image-crop";
 export { MultiSelectInput } from "./MultiSelectInput";
 export { MarkdownEditor } from "./markdown/MarkdownEditor";
+export { MarkdownSelectionToolbar } from "./markdown/MarkdownSelectionToolbar";
 export { SlashCommands } from "./markdown/SlashCommands";
 export { NumberInput } from "./NumberInput";
 export { PeriodPicker } from "./PeriodPicker";

package/dist/browser/inputs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/index.ts"],"sourcesContent":["export type { AutocompleteEditorProps } from \"./AutocompleteEditor\";\nexport { AutocompleteEditor } from \"./AutocompleteEditor\";\nexport type {\n  AutocompleteSelectOption,\n  AutocompleteSelectProps,\n  AutocompleteSelectSearchResult,\n} from \"./AutocompleteSelect\";\nexport { AutocompleteSelect } from \"./AutocompleteSelect\";\nexport type { CheckboxProps } from \"./Checkbox\";\nexport { Checkbox } from \"./Checkbox\";\nexport type { CheckboxCardProps } from \"./CheckboxCard\";\nexport { CheckboxCard } from \"./CheckboxCard\";\nexport type { ChoiceChipOption, ChoiceChipsProps } from \"./ChoiceChips\";\nexport { ChoiceChips } from \"./ChoiceChips\";\nexport type {\n  ColorInputProps,\n  PinInputProps,\n  SliderProps,\n} from \"./ChoiceInputs\";\nexport { ColorInput, PinInput, Slider } from \"./ChoiceInputs\";\nexport type { ChoiceListOption, ChoiceListProps } from \"./ChoiceList\";\nexport { ChoiceList } from \"./ChoiceList\";\nexport type { ChoiceSliderIndicatorProps, ChoiceSliderOption, ChoiceSliderProps } from \"./ChoiceSlider\";\nexport { ChoiceSlider, ChoiceSliderIndicator } from \"./ChoiceSlider\";\nexport type { ChoiceTileOption, ChoiceTilesProps } from \"./ChoiceTiles\";\nexport { ChoiceTiles } from \"./ChoiceTiles\";\nexport type { ColorChoiceOption, ColorChoicesProps } from \"./ColorChoices\";\nexport { ColorChoices } from \"./ColorChoices\";\nexport type { ComboboxOption, ComboboxProps } from \"./Combobox\";\nexport { Combobox } from \"./Combobox\";\nexport type { ChoiceOption, ChoiceOptionsLoader } from \"./choice\";\nexport type {\n  Completion,\n  QueryContext,\n  SuggestContext,\n  Suggestion,\n} from \"./completion\";\nexport { abbreviations } from \"./completion\";\nexport type {\n  DatePickerBaseProps,\n  DatePickerProps,\n  DatePreset,\n  DateRangePickerProps,\n  DateRangeValue,\n  DateTimePickerProps,\n  DurationPreset,\n} from \"./DatePicker\";\nexport { DatePicker, DateRangePicker, DateTimePicker } from \"./DatePicker\";\nexport type { DictationController, DictationNotice, DictationOptions, DictationStatus } from \"./dictation/create-dictation\";\nexport { createDictation } from \"./dictation/create-dictation\";\nexport type { DictationBarProps, DictationButtonProps } from \"./dictation/Dictation\";\nexport { DictationBar, DictationButton, dictationBarShown } from \"./dictation/Dictation\";\nexport type {\n  DictationAlternative,\n  DictationDevice,\n  DictationEndReason,\n  DictationErrorCode,\n  DictationEvent,\n  DictationSession,\n  DictationSource,\n  DictationTarget,\n} from \"./dictation/types\";\nexport type { EmojiPickerPopoverProps, EmojiPickerProps } from \"./emoji/EmojiPicker\";\nexport { EmojiPicker } from \"./emoji/EmojiPicker\";\nexport type { EmojiSkinTone } from \"./emoji/emoji-index\";\nexport { rememberEmoji } from \"./emoji/emoji-index\";\nexport type { FileDropDetails, FileDropOptions, FileDropRejection, FileDropTargetProps } from \"./FileDropTarget\";\nexport { FileDropTarget, fileDropTarget } from \"./FileDropTarget\";\nexport type { FileDropzoneProps, ImageCropperProps, ImageInputProps } from \"./FileInputs\";\nexport { FileDropzone, ImageCropper, ImageInput } from \"./FileInputs\";\nexport type { DateContext, FieldProps, MaybeAccessor, ValueFieldProps } from \"./field-contract\";\nexport type { IconChoiceOption, IconChoicesProps } from \"./IconChoices\";\nexport { IconChoices } from \"./IconChoices\";\nexport { DEFAULT_ICON_GROUPS, DEFAULT_ICON_OPTIONS } from \"./icon-options\";\nexport type {\n  ImageCropAspect,\n  ImageCropOutput,\n  ImageCropRect,\n  ImageCropRotation,\n  ImageCropSize,\n  ImageCropSource,\n  ImageCropState,\n} from \"./image-crop\";\nexport {\n  clampImageCropRect,\n  createCroppedImageCanvas,\n  createCroppedImageDataUrl,\n  getInitialImageCropRect,\n  imageCropRectToPixels,\n  normalizeImageCropRotation,\n  resizeImageCropAroundCenter,\n  rotateImageCropRight,\n} from \"./image-crop\";\nexport type {\n  MultiSelectFetchDataFn,\n  MultiSelectInputProps,\n  MultiSelectOption,\n} from \"./MultiSelectInput\";\nexport { MultiSelectInput } from \"./MultiSelectInput\";\nexport type { MarkdownEditorProps } from \"./markdown/MarkdownEditor\";\nexport { MarkdownEditor } from \"./markdown/MarkdownEditor\";\nexport type { SlashCommandsProps } from \"./markdown/SlashCommands\";\nexport { SlashCommands } from \"./markdown/SlashCommands\";\nexport type { NumberInputProps } from \"./NumberInput\";\nexport { NumberInput } from \"./NumberInput\";\nexport type { PeriodPickerProps } from \"./PeriodPicker\";\nexport { PeriodPicker } from \"./PeriodPicker\";\nexport type { PeriodClock, PeriodContext, PeriodPreset, PeriodRange, PeriodValue } from \"./period\";\nexport {\n  formatPeriodDays,\n  formatPeriodRange,\n  isPeriodDay,\n  parsePeriodValue,\n  periodContext,\n  periodDayCount,\n  periodInstants,\n  periodPresets,\n  resolvePeriod,\n} from \"./period\";\nexport type { QrScannerError, QrScannerProps } from \"./QrScanner\";\nexport { QrScanner } from \"./QrScanner\";\nexport type {\n  RichSelectFact,\n  RichSelectFooter,\n  RichSelectItem,\n  RichSelectProps,\n  RichSelectSection,\n  RichSelectStatus,\n} from \"./RichSelect\";\nexport { RichSelect, RichSelectFacts } from \"./RichSelect\";\nexport type { ChoiceAppearance, SelectGridSize, SelectGroup, SelectOption, SelectProps, SelectSourceOption, SelectView } from \"./Select\";\nexport { Select } from \"./Select\";\nexport type { SelectChipOption, SelectChipProps } from \"./SelectChip\";\nexport { SelectChip } from \"./SelectChip\";\nexport type { SignatureInputProps } from \"./SignatureInput\";\nexport { SignatureInput } from \"./SignatureInput\";\nexport type { IconInputProps, IconOption } from \"./SpecialInputs\";\nexport { IconInput } from \"./SpecialInputs\";\nexport type { SwitchProps } from \"./Switch\";\nexport { Switch } from \"./Switch\";\nexport type { SignaturePngOptions, SignatureValue } from \"./signature\";\nexport { parseSignature, signatureToPng } from \"./signature\";\nexport type { TagEditorItem, TagEditorLabels, TagEditorProps, TagEditorValue } from \"./TagEditor\";\nexport { TagEditor } from \"./TagEditor\";\nexport type { TagsInputProps } from \"./TagsInput\";\nexport { TagsInput } from \"./TagsInput\";\nexport type {\n  TemplateEditorLayout,\n  TemplateEditorProps,\n  TemplatePreviewProps,\n  TemplateSampleDataProps,\n  TemplateVariable,\n  TemplateVariableKind,\n} from \"./TemplateEditor\";\nexport {\n  createTemplateEditorPanesLayout,\n  TemplateEditor,\n  TemplatePreview,\n  TemplateSampleData,\n} from \"./TemplateEditor\";\nexport type { TextInputProps } from \"./TextInput\";\nexport { TextInput } from \"./TextInput\";\n"],"mappings":"AACA,SAAS,kBAAkB,QAAQ,sBAAsB;AAMzD,SAAS,kBAAkB,QAAQ,sBAAsB;AAEzD,SAAS,QAAQ,QAAQ,YAAY;AAErC,SAAS,YAAY,QAAQ,gBAAgB;AAE7C,SAAS,WAAW,QAAQ,eAAe;AAM3C,SAAS,UAAU,EAAE,QAAQ,EAAE,MAAM,QAAQ,gBAAgB;AAE7D,SAAS,UAAU,QAAQ,cAAc;AAEzC,SAAS,YAAY,EAAE,qBAAqB,QAAQ,gBAAgB;AAEpE,SAAS,WAAW,QAAQ,eAAe;AAE3C,SAAS,YAAY,QAAQ,gBAAgB;AAE7C,SAAS,QAAQ,QAAQ,YAAY;AAQrC,SAAS,aAAa,QAAQ,cAAc;AAU5C,SAAS,UAAU,EAAE,eAAe,EAAE,cAAc,QAAQ,cAAc;AAE1E,SAAS,eAAe,QAAQ,8BAA8B;AAE9D,SAAS,YAAY,EAAE,eAAe,EAAE,iBAAiB,QAAQ,uBAAuB;AAYxF,SAAS,WAAW,QAAQ,qBAAqB;AAEjD,SAAS,aAAa,QAAQ,qBAAqB;AAEnD,SAAS,cAAc,EAAE,cAAc,QAAQ,kBAAkB;AAEjE,SAAS,YAAY,EAAE,YAAY,EAAE,UAAU,QAAQ,cAAc;AAGrE,SAAS,WAAW,QAAQ,eAAe;AAC3C,SAAS,mBAAmB,EAAE,oBAAoB,QAAQ,gBAAgB;AAU1E,SACE,kBAAkB,EAClB,wBAAwB,EACxB,yBAAyB,EACzB,uBAAuB,EACvB,qBAAqB,EACrB,0BAA0B,EAC1B,2BAA2B,EAC3B,oBAAoB,QACf,cAAc;AAMrB,SAAS,gBAAgB,QAAQ,oBAAoB;AAErD,SAAS,cAAc,QAAQ,2BAA2B;AAE1D,SAAS,aAAa,QAAQ,0BAA0B;AAExD,SAAS,WAAW,QAAQ,eAAe;AAE3C,SAAS,YAAY,QAAQ,gBAAgB;AAE7C,SACE,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,cAAc,EACd,aAAa,EACb,aAAa,QACR,UAAU;AAEjB,SAAS,SAAS,QAAQ,aAAa;AASvC,SAAS,UAAU,EAAE,eAAe,QAAQ,cAAc;AAE1D,SAAS,MAAM,QAAQ,UAAU;AAEjC,SAAS,UAAU,QAAQ,cAAc;AAEzC,SAAS,cAAc,QAAQ,kBAAkB;AAEjD,SAAS,SAAS,QAAQ,iBAAiB;AAE3C,SAAS,MAAM,QAAQ,UAAU;AAEjC,SAAS,cAAc,EAAE,cAAc,QAAQ,aAAa;AAE5D,SAAS,SAAS,QAAQ,aAAa;AAEvC,SAAS,SAAS,QAAQ,aAAa;AASvC,SACE,+BAA+B,EAC/B,cAAc,EACd,eAAe,EACf,kBAAkB,QACb,kBAAkB;AAEzB,SAAS,SAAS,QAAQ,aAAa","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/index.ts"],"sourcesContent":["export type { AutocompleteEditorProps } from \"./AutocompleteEditor\";\nexport { AutocompleteEditor } from \"./AutocompleteEditor\";\nexport type {\n  AutocompleteSelectOption,\n  AutocompleteSelectProps,\n  AutocompleteSelectSearchResult,\n} from \"./AutocompleteSelect\";\nexport { AutocompleteSelect } from \"./AutocompleteSelect\";\nexport type { CheckboxProps } from \"./Checkbox\";\nexport { Checkbox } from \"./Checkbox\";\nexport type { CheckboxCardProps } from \"./CheckboxCard\";\nexport { CheckboxCard } from \"./CheckboxCard\";\nexport type { ChoiceChipOption, ChoiceChipsProps } from \"./ChoiceChips\";\nexport { ChoiceChips } from \"./ChoiceChips\";\nexport type {\n  ColorInputProps,\n  PinInputProps,\n  SliderProps,\n} from \"./ChoiceInputs\";\nexport { ColorInput, PinInput, Slider } from \"./ChoiceInputs\";\nexport type { ChoiceListOption, ChoiceListProps } from \"./ChoiceList\";\nexport { ChoiceList } from \"./ChoiceList\";\nexport type { ChoiceSliderIndicatorProps, ChoiceSliderOption, ChoiceSliderProps } from \"./ChoiceSlider\";\nexport { ChoiceSlider, ChoiceSliderIndicator } from \"./ChoiceSlider\";\nexport type { ChoiceTileOption, ChoiceTilesProps } from \"./ChoiceTiles\";\nexport { ChoiceTiles } from \"./ChoiceTiles\";\nexport type { ColorChoiceOption, ColorChoicesProps } from \"./ColorChoices\";\nexport { ColorChoices } from \"./ColorChoices\";\nexport type { ComboboxOption, ComboboxProps } from \"./Combobox\";\nexport { Combobox } from \"./Combobox\";\nexport type { ChoiceOption, ChoiceOptionsLoader } from \"./choice\";\nexport type {\n  Completion,\n  QueryContext,\n  SuggestContext,\n  Suggestion,\n} from \"./completion\";\nexport { abbreviations } from \"./completion\";\nexport type {\n  DatePickerBaseProps,\n  DatePickerProps,\n  DatePreset,\n  DateRangePickerProps,\n  DateRangeValue,\n  DateTimePickerProps,\n  DurationPreset,\n} from \"./DatePicker\";\nexport { DatePicker, DateRangePicker, DateTimePicker } from \"./DatePicker\";\nexport type { DictationController, DictationNotice, DictationOptions, DictationStatus } from \"./dictation/create-dictation\";\nexport { createDictation } from \"./dictation/create-dictation\";\nexport type { DictationBarProps, DictationButtonProps } from \"./dictation/Dictation\";\nexport { DictationBar, DictationButton, dictationBarShown } from \"./dictation/Dictation\";\nexport type {\n  DictationAlternative,\n  DictationDevice,\n  DictationEndReason,\n  DictationErrorCode,\n  DictationEvent,\n  DictationSession,\n  DictationSource,\n  DictationTarget,\n} from \"./dictation/types\";\nexport type { EmojiPickerPopoverProps, EmojiPickerProps } from \"./emoji/EmojiPicker\";\nexport { EmojiPicker } from \"./emoji/EmojiPicker\";\nexport type { EmojiSkinTone } from \"./emoji/emoji-index\";\nexport { rememberEmoji } from \"./emoji/emoji-index\";\nexport type { FileDropDetails, FileDropOptions, FileDropRejection, FileDropTargetProps } from \"./FileDropTarget\";\nexport { FileDropTarget, fileDropTarget } from \"./FileDropTarget\";\nexport type { FileDropzoneProps, ImageCropperProps, ImageInputProps } from \"./FileInputs\";\nexport { FileDropzone, ImageCropper, ImageInput } from \"./FileInputs\";\nexport type { DateContext, FieldProps, MaybeAccessor, ValueFieldProps } from \"./field-contract\";\nexport type { IconChoiceOption, IconChoicesProps } from \"./IconChoices\";\nexport { IconChoices } from \"./IconChoices\";\nexport { DEFAULT_ICON_GROUPS, DEFAULT_ICON_OPTIONS } from \"./icon-options\";\nexport type {\n  ImageCropAspect,\n  ImageCropOutput,\n  ImageCropRect,\n  ImageCropRotation,\n  ImageCropSize,\n  ImageCropSource,\n  ImageCropState,\n} from \"./image-crop\";\nexport {\n  clampImageCropRect,\n  createCroppedImageCanvas,\n  createCroppedImageDataUrl,\n  getInitialImageCropRect,\n  imageCropRectToPixels,\n  normalizeImageCropRotation,\n  resizeImageCropAroundCenter,\n  rotateImageCropRight,\n} from \"./image-crop\";\nexport type {\n  MultiSelectFetchDataFn,\n  MultiSelectInputProps,\n  MultiSelectOption,\n} from \"./MultiSelectInput\";\nexport { MultiSelectInput } from \"./MultiSelectInput\";\nexport type { MarkdownEditorProps } from \"./markdown/MarkdownEditor\";\nexport { MarkdownEditor } from \"./markdown/MarkdownEditor\";\nexport type { MarkdownSelectionToolbarProps } from \"./markdown/MarkdownSelectionToolbar\";\nexport { MarkdownSelectionToolbar } from \"./markdown/MarkdownSelectionToolbar\";\nexport type { SlashCommandsProps } from \"./markdown/SlashCommands\";\nexport { SlashCommands } from \"./markdown/SlashCommands\";\nexport type { NumberInputProps } from \"./NumberInput\";\nexport { NumberInput } from \"./NumberInput\";\nexport type { PeriodPickerProps } from \"./PeriodPicker\";\nexport { PeriodPicker } from \"./PeriodPicker\";\nexport type { PeriodClock, PeriodContext, PeriodPreset, PeriodRange, PeriodValue } from \"./period\";\nexport {\n  formatPeriodDays,\n  formatPeriodRange,\n  isPeriodDay,\n  parsePeriodValue,\n  periodContext,\n  periodDayCount,\n  periodInstants,\n  periodPresets,\n  resolvePeriod,\n} from \"./period\";\nexport type { QrScannerError, QrScannerProps } from \"./QrScanner\";\nexport { QrScanner } from \"./QrScanner\";\nexport type {\n  RichSelectFact,\n  RichSelectFooter,\n  RichSelectItem,\n  RichSelectProps,\n  RichSelectSection,\n  RichSelectStatus,\n} from \"./RichSelect\";\nexport { RichSelect, RichSelectFacts } from \"./RichSelect\";\nexport type { ChoiceAppearance, SelectGridSize, SelectGroup, SelectOption, SelectProps, SelectSourceOption, SelectView } from \"./Select\";\nexport { Select } from \"./Select\";\nexport type { SelectChipOption, SelectChipProps } from \"./SelectChip\";\nexport { SelectChip } from \"./SelectChip\";\nexport type { SignatureInputProps } from \"./SignatureInput\";\nexport { SignatureInput } from \"./SignatureInput\";\nexport type { IconInputProps, IconOption } from \"./SpecialInputs\";\nexport { IconInput } from \"./SpecialInputs\";\nexport type { SwitchProps } from \"./Switch\";\nexport { Switch } from \"./Switch\";\nexport type { SignaturePngOptions, SignatureValue } from \"./signature\";\nexport { parseSignature, signatureToPng } from \"./signature\";\nexport type { TagEditorItem, TagEditorLabels, TagEditorProps, TagEditorValue } from \"./TagEditor\";\nexport { TagEditor } from \"./TagEditor\";\nexport type { TagsInputProps } from \"./TagsInput\";\nexport { TagsInput } from \"./TagsInput\";\nexport type {\n  TemplateEditorLayout,\n  TemplateEditorProps,\n  TemplatePreviewProps,\n  TemplateSampleDataProps,\n  TemplateVariable,\n  TemplateVariableKind,\n} from \"./TemplateEditor\";\nexport {\n  createTemplateEditorPanesLayout,\n  TemplateEditor,\n  TemplatePreview,\n  TemplateSampleData,\n} from \"./TemplateEditor\";\nexport type { TextInputProps } from \"./TextInput\";\nexport { TextInput } from \"./TextInput\";\n"],"mappings":"AACA,SAAS,kBAAkB,QAAQ,sBAAsB;AAMzD,SAAS,kBAAkB,QAAQ,sBAAsB;AAEzD,SAAS,QAAQ,QAAQ,YAAY;AAErC,SAAS,YAAY,QAAQ,gBAAgB;AAE7C,SAAS,WAAW,QAAQ,eAAe;AAM3C,SAAS,UAAU,EAAE,QAAQ,EAAE,MAAM,QAAQ,gBAAgB;AAE7D,SAAS,UAAU,QAAQ,cAAc;AAEzC,SAAS,YAAY,EAAE,qBAAqB,QAAQ,gBAAgB;AAEpE,SAAS,WAAW,QAAQ,eAAe;AAE3C,SAAS,YAAY,QAAQ,gBAAgB;AAE7C,SAAS,QAAQ,QAAQ,YAAY;AAQrC,SAAS,aAAa,QAAQ,cAAc;AAU5C,SAAS,UAAU,EAAE,eAAe,EAAE,cAAc,QAAQ,cAAc;AAE1E,SAAS,eAAe,QAAQ,8BAA8B;AAE9D,SAAS,YAAY,EAAE,eAAe,EAAE,iBAAiB,QAAQ,uBAAuB;AAYxF,SAAS,WAAW,QAAQ,qBAAqB;AAEjD,SAAS,aAAa,QAAQ,qBAAqB;AAEnD,SAAS,cAAc,EAAE,cAAc,QAAQ,kBAAkB;AAEjE,SAAS,YAAY,EAAE,YAAY,EAAE,UAAU,QAAQ,cAAc;AAGrE,SAAS,WAAW,QAAQ,eAAe;AAC3C,SAAS,mBAAmB,EAAE,oBAAoB,QAAQ,gBAAgB;AAU1E,SACE,kBAAkB,EAClB,wBAAwB,EACxB,yBAAyB,EACzB,uBAAuB,EACvB,qBAAqB,EACrB,0BAA0B,EAC1B,2BAA2B,EAC3B,oBAAoB,QACf,cAAc;AAMrB,SAAS,gBAAgB,QAAQ,oBAAoB;AAErD,SAAS,cAAc,QAAQ,2BAA2B;AAE1D,SAAS,wBAAwB,QAAQ,qCAAqC;AAE9E,SAAS,aAAa,QAAQ,0BAA0B;AAExD,SAAS,WAAW,QAAQ,eAAe;AAE3C,SAAS,YAAY,QAAQ,gBAAgB;AAE7C,SACE,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,cAAc,EACd,aAAa,EACb,aAAa,QACR,UAAU;AAEjB,SAAS,SAAS,QAAQ,aAAa;AASvC,SAAS,UAAU,EAAE,eAAe,QAAQ,cAAc;AAE1D,SAAS,MAAM,QAAQ,UAAU;AAEjC,SAAS,UAAU,QAAQ,cAAc;AAEzC,SAAS,cAAc,QAAQ,kBAAkB;AAEjD,SAAS,SAAS,QAAQ,iBAAiB;AAE3C,SAAS,MAAM,QAAQ,UAAU;AAEjC,SAAS,cAAc,EAAE,cAAc,QAAQ,aAAa;AAE5D,SAAS,SAAS,QAAQ,aAAa;AAEvC,SAAS,SAAS,QAAQ,aAAa;AASvC,SACE,+BAA+B,EAC/B,cAAc,EACd,eAAe,EACf,kBAAkB,QACb,kBAAkB;AAEzB,SAAS,SAAS,QAAQ,aAAa","ignoreList":[]}