@k2b/ui 0.1.0-rc.0

package/dist/browser/inputs/ChoiceInputs.js

@@ -0,0 +1,400 @@
+import { template as _$template } from "solid-js/web";
+import { delegateEvents as _$delegateEvents } from "solid-js/web";
+import { style as _$style } from "solid-js/web";
+import { getNextMarker as _$getNextMarker } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { setProperty as _$setProperty } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { use as _$use } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { spread as _$spread } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<div class=k2b-pin-input role=group>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<input class="k2b-control k2b-pin-input__digit"type=text inputmode=numeric autocomplete=off pattern=[0-9] maxlength=1>`),
+  _tmpl$3 = /*#__PURE__*/_$template(`<input type=hidden>`),
+  _tmpl$4 = /*#__PURE__*/_$template(`<output>`),
+  _tmpl$5 = /*#__PURE__*/_$template(`<div class=k2b-slider><input><!$><!/>`),
+  _tmpl$6 = /*#__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$7 = /*#__PURE__*/_$template(`<button type=button class=k2b-color-input__transparent><i class="ti ti-grid-dots"aria-hidden=true>`),
+  _tmpl$8 = /*#__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 { createFieldMeta, Field, fieldControlAria } from "../internal/field";
+import { useUiMessages } from "../intl/messages";
+import { commitFieldValue, resolveMaybeAccessor } from "./field-contract";
+export function PinInput(props) {
+  const messages = useUiMessages();
+  const meta = createFieldMeta(props.id);
+  const length = () => Math.max(1, props.length ?? 6);
+  let inputs = [];
+  const digits = () => (resolveMaybeAccessor(props.value) ?? "").replace(/\D/g, "").slice(0, length());
+  const error = () => resolveMaybeAccessor(props.error);
+  const emit = value => {
+    props.onValueChange?.(value);
+    if (value.length === length()) props.onValueCommit?.(value);
+  };
+  const updateDigit = (index, input) => {
+    if (props.disabled) return;
+    const digit = input.replace(/\D/g, "").slice(-1);
+    const current = digits();
+    emit(`${current.slice(0, index)}${digit}${current.slice(index + 1)}`);
+    if (digit && index < length() - 1) {
+      inputs[index + 1]?.focus();
+      inputs[index + 1]?.select();
+    }
+  };
+  const handleKeyDown = (index, event) => {
+    if (props.disabled) return;
+    if (event.key === "ArrowLeft" && index > 0) {
+      event.preventDefault();
+      inputs[index - 1]?.focus();
+      inputs[index - 1]?.select();
+    } else if (event.key === "ArrowRight" && index < length() - 1) {
+      event.preventDefault();
+      inputs[index + 1]?.focus();
+      inputs[index + 1]?.select();
+    } else if (event.key === "Backspace" && !digits()[index] && index > 0) {
+      event.preventDefault();
+      const current = digits();
+      emit(`${current.slice(0, index - 1)}${current.slice(index)}`);
+      inputs[index - 1]?.focus();
+      inputs[index - 1]?.select();
+    }
+  };
+  const handlePaste = event => {
+    if (props.disabled) return;
+    const pasted = event.clipboardData?.getData("text").replace(/\D/g, "");
+    if (!pasted) return;
+    event.preventDefault();
+    const focused = inputs.indexOf(document.activeElement);
+    const start = focused >= 0 ? focused : 0;
+    const insert = pasted.slice(0, length() - start);
+    const current = digits();
+    emit(`${current.slice(0, start)}${insert}${current.slice(start + insert.length)}`.slice(0, length()));
+    const next = Math.min(start + insert.length, length() - 1);
+    inputs[next]?.focus();
+    inputs[next]?.select();
+  };
+  return _$createComponent(Field, {
+    get ["class"]() {
+      return props.class;
+    },
+    get label() {
+      return props.label;
+    },
+    get description() {
+      return props.description;
+    },
+    get error() {
+      return error();
+    },
+    meta: meta,
+    labelFor: false,
+    get required() {
+      return props.required;
+    },
+    get disabled() {
+      return props.disabled;
+    },
+    get children() {
+      return [(() => {
+        var _el$ = _$getNextElement(_tmpl$);
+        _$spread(_el$, _$mergeProps({
+          get id() {
+            return meta.controlId;
+          },
+          get ["data-stretch"]() {
+            return props.stretch ? "true" : undefined;
+          }
+        }, () => fieldControlAria(meta, props), {
+          "onPaste": handlePaste
+        }), false, true);
+        _$insert(_el$, _$createComponent(For, {
+          get each() {
+            return Array.from({
+              length: length()
+            });
+          },
+          children: (_, index) => (() => {
+            var _el$2 = _$getNextElement(_tmpl$2);
+            _el$2.addEventListener("focus", event => event.currentTarget.select());
+            _el$2.$$keydown = event => handleKeyDown(index(), event);
+            _el$2.$$input = event => updateDigit(index(), event.currentTarget.value);
+            _$use(element => {
+              inputs[index()] = element;
+            }, _el$2);
+            _$effect(_p$ => {
+              var _v$ = digits()[index()] ? "true" : undefined,
+                _v$2 = props.required,
+                _v$3 = props.disabled,
+                _v$4 = messages().pinDigit({
+                  index: index() + 1,
+                  total: length()
+                });
+              _v$ !== _p$.e && _$setAttribute(_el$2, "data-filled", _p$.e = _v$);
+              _v$2 !== _p$.t && _$setProperty(_el$2, "required", _p$.t = _v$2);
+              _v$3 !== _p$.a && _$setProperty(_el$2, "disabled", _p$.a = _v$3);
+              _v$4 !== _p$.o && _$setAttribute(_el$2, "aria-label", _p$.o = _v$4);
+              return _p$;
+            }, {
+              e: undefined,
+              t: undefined,
+              a: undefined,
+              o: undefined
+            });
+            _$effect(() => _$setProperty(_el$2, "value", digits()[index()] ?? ""));
+            _$runHydrationEvents();
+            return _el$2;
+          })()
+        }));
+        _$runHydrationEvents();
+        return _el$;
+      })(), _$createComponent(Show, {
+        get when() {
+          return props.name;
+        },
+        children: name => (() => {
+          var _el$3 = _$getNextElement(_tmpl$3);
+          _$effect(() => _$setAttribute(_el$3, "name", name()));
+          _$effect(() => _$setProperty(_el$3, "value", digits()));
+          return _el$3;
+        })()
+      })];
+    }
+  });
+}
+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 meta = createFieldMeta(local.id);
+  const min = () => Number(rest.min ?? 0);
+  const max = () => Number(rest.max ?? 100);
+  const value = () => resolveMaybeAccessor(local.value) ?? min();
+  const error = () => resolveMaybeAccessor(local.error);
+  const percentage = () => {
+    const span = max() - min();
+    return span <= 0 ? 0 : Math.min(100, Math.max(0, (value() - min()) / span * 100));
+  };
+  const track = () => {
+    const position = percentage();
+    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-action) 0 ${position}%, var(--k2b-surface-muted) ${position}% 100%)`;
+  };
+  const resetValue = () => local.defaultValue ?? (local.center ? (min() + max()) / 2 : min());
+  return _$createComponent(Field, {
+    get ["class"]() {
+      return local.class;
+    },
+    get label() {
+      return local.label;
+    },
+    get description() {
+      return local.description;
+    },
+    get error() {
+      return error();
+    },
+    meta: meta,
+    get required() {
+      return local.required;
+    },
+    get disabled() {
+      return rest.disabled;
+    },
+    get children() {
+      var _el$4 = _$getNextElement(_tmpl$5),
+        _el$5 = _el$4.firstChild,
+        _el$7 = _el$5.nextSibling,
+        [_el$8, _co$] = _$getNextMarker(_el$7.nextSibling);
+      _$spread(_el$5, _$mergeProps(rest, {
+        get id() {
+          return meta.controlId;
+        },
+        "type": "range",
+        get value() {
+          return value();
+        },
+        get style() {
+          return {
+            background: track()
+          };
+        }
+      }, () => fieldControlAria(meta, local), {
+        "onInput": event => local.onValueChange?.(event.currentTarget.valueAsNumber),
+        "onChange": event => local.onValueCommit?.(event.currentTarget.valueAsNumber),
+        "onDblClick": () => {
+          const next = resetValue();
+          commitFieldValue(local, next);
+        }
+      }), false, false);
+      _$insert(_el$4, _$createComponent(Show, {
+        get when() {
+          return local.showValue ?? true;
+        },
+        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;
+        }
+      }), _el$8, _co$);
+      _$runHydrationEvents();
+      return _el$4;
+    }
+  });
+}
+export function ColorInput(props) {
+  const messages = useUiMessages();
+  const meta = createFieldMeta(props.id);
+  const currentColor = () => resolveMaybeAccessor(props.value) || "#3b82f6";
+  const isTransparent = () => resolveMaybeAccessor(props.transparentValue) ?? false;
+  const error = () => resolveMaybeAccessor(props.error);
+  const compact = () => props.compact ?? !props.label;
+  let picker;
+  const control = () => compact() ? (() => {
+    var _el$9 = _$getNextElement(_tmpl$6),
+      _el$0 = _el$9.firstChild,
+      _el$1 = _el$0.nextSibling;
+    _$spread(_el$0, _$mergeProps({
+      get style() {
+        return {
+          "background-color": currentColor()
+        };
+      },
+      get disabled() {
+        return props.disabled;
+      }
+    }, () => fieldControlAria(meta, props), {
+      "onClick": () => picker?.click()
+    }), false, false);
+    _el$1.addEventListener("change", event => props.onValueCommit?.(event.currentTarget.value));
+    _el$1.$$input = event => props.onValueChange?.(event.currentTarget.value);
+    var _ref$ = picker;
+    typeof _ref$ === "function" ? _$use(_ref$, _el$1) : picker = _el$1;
+    _$effect(_p$ => {
+      var _v$5 = meta.controlId,
+        _v$6 = props.name,
+        _v$7 = props.disabled;
+      _v$5 !== _p$.e && _$setAttribute(_el$1, "id", _p$.e = _v$5);
+      _v$6 !== _p$.t && _$setAttribute(_el$1, "name", _p$.t = _v$6);
+      _v$7 !== _p$.a && _$setProperty(_el$1, "disabled", _p$.a = _v$7);
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined,
+      a: undefined
+    });
+    _$effect(() => _$setProperty(_el$1, "value", currentColor()));
+    _$runHydrationEvents();
+    return _el$9;
+  })() : (() => {
+    var _el$10 = _$getNextElement(_tmpl$8),
+      _el$11 = _el$10.firstChild,
+      _el$12 = _el$11.firstChild,
+      _el$13 = _el$12.nextSibling,
+      _el$16 = _el$11.nextSibling,
+      [_el$17, _co$2] = _$getNextMarker(_el$16.nextSibling),
+      _el$15 = _el$17.nextSibling;
+    _$spread(_el$11, _$mergeProps({
+      get disabled() {
+        return props.disabled || isTransparent();
+      }
+    }, () => fieldControlAria(meta, props), {
+      "onClick": () => picker?.click()
+    }), false, true);
+    _$insert(_el$13, (() => {
+      var _c$ = _$memo(() => !!isTransparent());
+      return () => _c$() ? "transparent" : currentColor().toUpperCase();
+    })());
+    _$insert(_el$10, _$createComponent(Show, {
+      get when() {
+        return props.transparent;
+      },
+      get children() {
+        var _el$14 = _$getNextElement(_tmpl$7);
+        _el$14.$$click = () => props.onTransparentValueChange?.(!isTransparent());
+        _$effect(_p$ => {
+          var _v$8 = isTransparent() ? messages().useColor : messages().useTransparent,
+            _v$9 = isTransparent(),
+            _v$0 = props.disabled;
+          _v$8 !== _p$.e && _$setAttribute(_el$14, "aria-label", _p$.e = _v$8);
+          _v$9 !== _p$.t && _$setAttribute(_el$14, "aria-pressed", _p$.t = _v$9);
+          _v$0 !== _p$.a && _$setProperty(_el$14, "disabled", _p$.a = _v$0);
+          return _p$;
+        }, {
+          e: undefined,
+          t: undefined,
+          a: undefined
+        });
+        _$runHydrationEvents();
+        return _el$14;
+      }
+    }), _el$17, _co$2);
+    _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$15) : picker = _el$15;
+    _$effect(_p$ => {
+      var _v$1 = props.disabled || isTransparent() ? "true" : undefined,
+        _v$10 = error() ? "true" : undefined,
+        _v$11 = isTransparent() ? "true" : undefined,
+        _v$12 = isTransparent() ? undefined : {
+          "background-color": currentColor()
+        },
+        _v$13 = meta.controlId,
+        _v$14 = props.name,
+        _v$15 = props.disabled || isTransparent();
+      _v$1 !== _p$.e && _$setAttribute(_el$10, "data-disabled", _p$.e = _v$1);
+      _v$10 !== _p$.t && _$setAttribute(_el$10, "data-invalid", _p$.t = _v$10);
+      _v$11 !== _p$.a && _$setAttribute(_el$12, "data-transparent", _p$.a = _v$11);
+      _p$.o = _$style(_el$12, _v$12, _p$.o);
+      _v$13 !== _p$.i && _$setAttribute(_el$15, "id", _p$.i = _v$13);
+      _v$14 !== _p$.n && _$setAttribute(_el$15, "name", _p$.n = _v$14);
+      _v$15 !== _p$.s && _$setProperty(_el$15, "disabled", _p$.s = _v$15);
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined,
+      a: undefined,
+      o: undefined,
+      i: undefined,
+      n: undefined,
+      s: undefined
+    });
+    _$effect(() => _$setProperty(_el$15, "value", currentColor()));
+    _$runHydrationEvents();
+    return _el$10;
+  })();
+  return _$createComponent(Field, {
+    get ["class"]() {
+      return props.class;
+    },
+    get label() {
+      return props.label;
+    },
+    get description() {
+      return props.description;
+    },
+    get error() {
+      return error();
+    },
+    meta: meta,
+    get required() {
+      return props.required;
+    },
+    get disabled() {
+      return props.disabled;
+    },
+    get children() {
+      return control();
+    }
+  });
+}
+_$delegateEvents(["input", "keydown", "click"]);
+//# sourceMappingURL=ChoiceInputs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["For","Show","splitProps","createFieldMeta","Field","fieldControlAria","useUiMessages","commitFieldValue","resolveMaybeAccessor","PinInput","props","messages","meta","id","length","Math","max","inputs","digits","value","replace","slice","error","emit","onValueChange","onValueCommit","updateDigit","index","input","disabled","digit","current","focus","select","handleKeyDown","event","key","preventDefault","handlePaste","pasted","clipboardData","getData","focused","indexOf","document","activeElement","start","insert","next","min","_$createComponent","class","label","description","labelFor","required","children","_el$","_$getNextElement","_tmpl$","_$spread","_$mergeProps","controlId","data-stretch","stretch","undefined","_$insert","each","Array","from","_","_el$2","_tmpl$2","addEventListener","currentTarget","$$keydown","$$input","_$use","element","_$effect","_p$","_v$","_v$2","_v$3","_v$4","pinDigit","total","e","_$setAttribute","t","_$setProperty","a","o","_$runHydrationEvents","when","name","_el$3","_tmpl$3","Slider","local","rest","Number","percentage","span","track","position","center","low","high","resetValue","defaultValue","_el$4","_tmpl$5","_el$5","firstChild","_el$7","nextSibling","_el$8","_co$","_$getNextMarker","style","background","valueAsNumber","onDblClick","showValue","_el$6","_tmpl$4","formatValue","ColorInput","currentColor","isTransparent","transparentValue","compact","picker","control","_el$9","_tmpl$6","_el$0","_el$1","onClick","click","_ref$","_v$5","_v$6","_v$7","_el$10","_tmpl$8","_el$11","_el$12","_el$13","_el$16","_el$17","_co$2","_el$15","_c$","_$memo","toUpperCase","transparent","_el$14","_tmpl$7","$$click","onTransparentValueChange","_v$8","useColor","useTransparent","_v$9","_v$0","_ref$2","_v$1","_v$10","_v$11","_v$12","_v$13","_v$14","_v$15","_$style","i","n","s","_$delegateEvents"],"sources":["inputs/ChoiceInputs.tsx"],"sourcesContent":["import { For, type JSX, Show, splitProps } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { FieldProps, MaybeAccessor, ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\n\nexport type PinInputProps = ValueFieldProps<string> & {\n  length?: number;\n  name?: string;\n  stretch?: boolean;\n};\n\nexport function PinInput(props: PinInputProps): JSX.Element {\n  const messages = useUiMessages();\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) 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) return;\n    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) 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=\"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              aria-label={messages().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    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\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\">\n        <input\n          {...rest}\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      </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 messages = useUiMessages();\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() ? messages().useColor : messages().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":[]}