@k2b/ui 0.1.0-rc.0

package/dist/ssr/inputs/CheckboxCard.js

@@ -0,0 +1,69 @@
+import { ssrStyleProperty as _$ssrStyleProperty } from "solid-js/web";
+import { ssr as _$ssr } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { ssrElement as _$ssrElement } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
+import { escape as _$escape } from "solid-js/web";
+var _tmpl$ = "<span class=\"k2b-field__required\" aria-hidden=\"true\">*</span>",
+  _tmpl$2 = ["<span class=\"k2b-field__description\"", ">", "</span>"],
+  _tmpl$3 = ["<p class=\"k2b-field__error\"", " role=\"alert\" aria-live=\"polite\">", "</p>"],
+  _tmpl$4 = ["<div class=\"", "\"><label class=\"k2b-checkbox-card\"", ">", "<span class=\"k2b-checkbox-card__control\" aria-hidden=\"true\"><i class=\"ti ti-check\"></i></span><span class=\"k2b-checkbox-card__content\"><span", " class=\"k2b-checkbox-card__label\">", "<span class=\"k2b-checkbox-card__text\">", "</span>", "</span>", "</span></label>", "</div>"],
+  _tmpl$5 = ["<span class=\"k2b-checkbox-card__color\" style=\"", "\"></span>"],
+  _tmpl$6 = ["<i class=\"", "\" aria-hidden=\"true\"></i>"];
+import { Show, splitProps } from "solid-js";
+import { createFieldMeta, fieldControlAria } from "../internal/field";
+import { commitFieldValue, resolveMaybeAccessor } from "./field-contract";
+const validHexColor = color => color && /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i.test(color.trim()) ? color.trim() : undefined;
+export function CheckboxCard(props) {
+  const [local, rest] = splitProps(props, ["aria-describedby", "class", "color", "description", "error", "id", "icon", "label", "onValueChange", "onValueCommit", "value", "variant"]);
+  const meta = createFieldMeta(local.id);
+  const color = () => validHexColor(local.color);
+  const checked = () => resolveMaybeAccessor(local.value) ?? false;
+  const error = () => resolveMaybeAccessor(local.error);
+  return _$ssr(_tmpl$4, `k2b-checkbox-card-field ${_$escape(local.class ?? "", true)}`, _$ssrAttribute("data-state", error() ? "invalid" : checked() ? "checked" : "idle", false) + _$ssrAttribute("data-variant", _$escape(local.variant ?? "card", true), false), _$ssrElement("input", _$mergeProps(rest, {
+    get id() {
+      return meta.controlId;
+    },
+    type: "checkbox",
+    get checked() {
+      return checked();
+    }
+  }, () => fieldControlAria(meta, props)), undefined, false), _$ssrAttribute("id", _$escape(meta.labelId, true), false), _$escape(_$createComponent(Show, {
+    get when() {
+      return local.icon;
+    },
+    get fallback() {
+      return _$createComponent(Show, {
+        get when() {
+          return color();
+        },
+        children: value => _$ssr(_tmpl$5, _$ssrStyleProperty("background:", _$escape(value(), true)))
+      });
+    },
+    children: icon => _$ssr(_tmpl$6, `k2b-checkbox-card__icon ${_$escape(icon(), true)}`)
+  })), _$escape(local.label), _$escape(_$createComponent(Show, {
+    get when() {
+      return rest.required;
+    },
+    get children() {
+      return _$ssr(_tmpl$);
+    }
+  })), _$escape(_$createComponent(Show, {
+    get when() {
+      return local.description;
+    },
+    get children() {
+      return _$ssr(_tmpl$2, _$ssrAttribute("id", _$escape(meta.descriptionId, true), false), _$escape(local.description));
+    }
+  })), _$escape(_$createComponent(Show, {
+    get when() {
+      return error();
+    },
+    get children() {
+      return _$ssr(_tmpl$3, _$ssrAttribute("id", _$escape(meta.errorId, true), false), _$escape(error()));
+    }
+  })));
+}
+export default CheckboxCard;
+//# sourceMappingURL=CheckboxCard.js.map

package/dist/ssr/inputs/CheckboxCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Show","splitProps","createFieldMeta","fieldControlAria","commitFieldValue","resolveMaybeAccessor","validHexColor","color","test","trim","undefined","CheckboxCard","props","local","rest","meta","id","checked","value","error","_$ssr","_tmpl$4","_$escape","class","_$ssrAttribute","variant","_$ssrElement","_$mergeProps","controlId","type","labelId","_$createComponent","when","icon","fallback","children","_tmpl$5","_$ssrStyleProperty","_tmpl$6","label","required","_tmpl$","description","_tmpl$2","descriptionId","_tmpl$3","errorId"],"sources":["inputs/CheckboxCard.tsx"],"sourcesContent":["import { type JSX, Show, splitProps } from \"solid-js\";\nimport { createFieldMeta, fieldControlAria } from \"../internal/field\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\n\nexport type CheckboxCardProps = Omit<\n  JSX.InputHTMLAttributes<HTMLInputElement>,\n  \"checked\" | \"onChange\" | \"type\" | \"value\" | keyof ValueFieldProps<boolean>\n> &\n  ValueFieldProps<boolean> & {\n    icon?: string;\n    color?: string;\n    variant?: \"card\" | \"input\";\n  };\n\nconst validHexColor = (color: string | undefined): string | undefined =>\n  color && /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i.test(color.trim()) ? color.trim() : undefined;\n\nexport function CheckboxCard(props: CheckboxCardProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"aria-describedby\",\n    \"class\",\n    \"color\",\n    \"description\",\n    \"error\",\n    \"id\",\n    \"icon\",\n    \"label\",\n    \"onValueChange\",\n    \"onValueCommit\",\n    \"value\",\n    \"variant\",\n  ]);\n  const meta = createFieldMeta(local.id);\n  const color = () => validHexColor(local.color);\n  const checked = () => resolveMaybeAccessor(local.value) ?? false;\n  const error = () => resolveMaybeAccessor(local.error);\n\n  return (\n    <div class={`k2b-checkbox-card-field ${local.class ?? \"\"}`}>\n      <label\n        class=\"k2b-checkbox-card\"\n        data-state={error() ? \"invalid\" : checked() ? \"checked\" : \"idle\"}\n        data-variant={local.variant ?? \"card\"}\n      >\n        <input\n          {...rest}\n          id={meta.controlId}\n          type=\"checkbox\"\n          checked={checked()}\n          {...fieldControlAria(meta, props)}\n          onChange={(event) => commitFieldValue(local, event.currentTarget.checked)}\n        />\n        <span class=\"k2b-checkbox-card__control\" aria-hidden=\"true\">\n          <i class=\"ti ti-check\" />\n        </span>\n        <span class=\"k2b-checkbox-card__content\">\n          <span id={meta.labelId} class=\"k2b-checkbox-card__label\">\n            {/* The icon / colour dot lives inside the label row (as in Cloud) so a card\n                without one does not reserve an empty grid column plus its gap. */}\n            <Show\n              when={local.icon}\n              fallback={<Show when={color()}>{(value) => <span class=\"k2b-checkbox-card__color\" style={{ background: value() }} />}</Show>}\n            >\n              {(icon) => <i class={`k2b-checkbox-card__icon ${icon()}`} aria-hidden=\"true\" />}\n            </Show>\n            <span class=\"k2b-checkbox-card__text\">{local.label}</span>\n            <Show when={rest.required}>\n              <span class=\"k2b-field__required\" aria-hidden=\"true\">\n                *\n              </span>\n            </Show>\n          </span>\n          <Show when={local.description}>\n            <span class=\"k2b-field__description\" id={meta.descriptionId}>\n              {local.description}\n            </span>\n          </Show>\n        </span>\n      </label>\n      <Show when={error()}>\n        <p class=\"k2b-field__error\" id={meta.errorId} role=\"alert\" aria-live=\"polite\">\n          {error()}\n        </p>\n      </Show>\n    </div>\n  );\n}\n\nexport default CheckboxCard;\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/inputs/ChoiceGroups.js

@@ -0,0 +1,101 @@
+import { ssr as _$ssr } from "solid-js/web";
+import { ssrStyleProperty as _$ssrStyleProperty } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
+import { escape as _$escape } from "solid-js/web";
+var _tmpl$ = ["<div class=\"k2b-choice-groups-scrollbar\" aria-hidden=\"true\"><span style=\"", "\"></span></div>"],
+  _tmpl$2 = ["<div class=\"k2b-choice-groups-shell\"><div class=\"k2b-choice-groups\" role=\"radiogroup\"", ">", "</div>", "</div>"],
+  _tmpl$3 = ["<button type=\"button\" role=\"radio\"", ">", "</button>"];
+import { createEffect, createSignal, For, onCleanup, onMount, Show } from "solid-js";
+export function ChoiceGroups(props) {
+  let viewport;
+  let buttons = [];
+  let dragOffset = 0;
+  const [scrollbar, setScrollbar] = createSignal({
+    overflow: false,
+    left: 0,
+    width: 0
+  });
+  const syncScrollbar = () => {
+    if (!viewport) return;
+    const {
+      clientWidth,
+      scrollLeft,
+      scrollWidth
+    } = viewport;
+    if (clientWidth <= 0 || scrollWidth <= clientWidth) {
+      setScrollbar({
+        overflow: false,
+        left: 0,
+        width: 0
+      });
+      return;
+    }
+    const width = Math.min(clientWidth, Math.max(24, clientWidth * clientWidth / scrollWidth));
+    const left = scrollLeft / (scrollWidth - clientWidth) * (clientWidth - width);
+    setScrollbar({
+      overflow: true,
+      left,
+      width
+    });
+  };
+  const choose = (index, focus = false) => {
+    const choice = props.choices[index];
+    if (!choice) return;
+    props.onValueChange(choice.value);
+    if (!focus) return;
+    queueMicrotask(() => {
+      buttons[index]?.focus();
+      buttons[index]?.scrollIntoView({
+        block: "nearest",
+        inline: "nearest"
+      });
+    });
+  };
+  const move = (index, direction) => choose((index + direction + props.choices.length) % props.choices.length, true);
+  const focusEdge = last => choose(last ? props.choices.length - 1 : 0, true);
+  const scrollFromPointer = event => {
+    if (!viewport) return;
+    const track = event.currentTarget;
+    const {
+      width
+    } = scrollbar();
+    const rect = track.getBoundingClientRect();
+    const available = Math.max(1, rect.width - width);
+    const thumbLeft = Math.min(available, Math.max(0, event.clientX - rect.left - dragOffset));
+    viewport.scrollLeft = thumbLeft / available * (viewport.scrollWidth - viewport.clientWidth);
+    syncScrollbar();
+  };
+  const startScrollbarDrag = event => {
+    event.preventDefault();
+    const track = event.currentTarget;
+    const current = scrollbar();
+    dragOffset = event.target === track ? current.width / 2 : Math.min(current.width, Math.max(0, event.clientX - track.getBoundingClientRect().left - current.left));
+    track.setPointerCapture(event.pointerId);
+    scrollFromPointer(event);
+  };
+  onMount(() => {
+    syncScrollbar();
+    const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(syncScrollbar);
+    if (viewport) observer?.observe(viewport);
+    onCleanup(() => observer?.disconnect());
+  });
+  createEffect(() => {
+    props.choices.map(choice => `${choice.value ?? ""}:${choice.label}`).join("|");
+    queueMicrotask(syncScrollbar);
+  });
+  return _$ssr(_tmpl$2, _$ssrAttribute("aria-label", _$escape(props.ariaLabel, true), false), _$escape(_$createComponent(For, {
+    get each() {
+      return props.choices;
+    },
+    children: (group, index) => _$ssr(_tmpl$3, _$ssrAttribute("aria-checked", _$escape(props.value, true) === _$escape(group.value, true), false) + _$ssrAttribute("aria-controls", _$escape(props.controls, true), false) + _$ssrAttribute("tabindex", props.value === group.value ? 0 : -1, false), _$escape(group.label))
+  })), _$escape(_$createComponent(Show, {
+    get when() {
+      return scrollbar().overflow;
+    },
+    get children() {
+      return _$ssr(_tmpl$, _$ssrStyleProperty("--k2b-choice-scroll-left:", `${_$escape(scrollbar().left, true)}px`) + _$ssrStyleProperty(";--k2b-choice-scroll-width:", `${_$escape(scrollbar().width, true)}px`));
+    }
+  })));
+}
+//# sourceMappingURL=ChoiceGroups.js.map

package/dist/ssr/inputs/ChoiceGroups.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createEffect","createSignal","For","onCleanup","onMount","Show","ChoiceGroups","props","viewport","buttons","dragOffset","scrollbar","setScrollbar","overflow","left","width","syncScrollbar","clientWidth","scrollLeft","scrollWidth","Math","min","max","choose","index","focus","choice","choices","onValueChange","value","queueMicrotask","scrollIntoView","block","inline","move","direction","length","focusEdge","last","scrollFromPointer","event","track","currentTarget","rect","getBoundingClientRect","available","thumbLeft","clientX","startScrollbarDrag","preventDefault","current","target","setPointerCapture","pointerId","observer","ResizeObserver","observe","disconnect","map","label","join","_$ssr","_tmpl$2","_$ssrAttribute","_$escape","ariaLabel","_$createComponent","each","children","group","_tmpl$3","controls","when","_tmpl$","_$ssrStyleProperty"],"sources":["inputs/ChoiceGroups.tsx"],"sourcesContent":["import { createEffect, createSignal, For, type JSX, onCleanup, onMount, Show } from \"solid-js\";\n\ntype ChoiceGroup = { value: string | null; label: string };\n\nexport function ChoiceGroups(props: {\n  choices: readonly ChoiceGroup[];\n  value: string | null;\n  onValueChange: (value: string | null) => void;\n  ariaLabel: string;\n  controls: string;\n}): JSX.Element {\n  let viewport: HTMLDivElement | undefined;\n  let buttons: HTMLButtonElement[] = [];\n  let dragOffset = 0;\n  const [scrollbar, setScrollbar] = createSignal({ overflow: false, left: 0, width: 0 });\n\n  const syncScrollbar = () => {\n    if (!viewport) return;\n    const { clientWidth, scrollLeft, scrollWidth } = viewport;\n    if (clientWidth <= 0 || scrollWidth <= clientWidth) {\n      setScrollbar({ overflow: false, left: 0, width: 0 });\n      return;\n    }\n    const width = Math.min(clientWidth, Math.max(24, (clientWidth * clientWidth) / scrollWidth));\n    const left = (scrollLeft / (scrollWidth - clientWidth)) * (clientWidth - width);\n    setScrollbar({ overflow: true, left, width });\n  };\n\n  const choose = (index: number, focus = false) => {\n    const choice = props.choices[index];\n    if (!choice) return;\n    props.onValueChange(choice.value);\n    if (!focus) return;\n    queueMicrotask(() => {\n      buttons[index]?.focus();\n      buttons[index]?.scrollIntoView({ block: \"nearest\", inline: \"nearest\" });\n    });\n  };\n  const move = (index: number, direction: 1 | -1) =>\n    choose((index + direction + props.choices.length) % props.choices.length, true);\n  const focusEdge = (last: boolean) => choose(last ? props.choices.length - 1 : 0, true);\n\n  const scrollFromPointer = (event: PointerEvent & { currentTarget: HTMLDivElement }) => {\n    if (!viewport) return;\n    const track = event.currentTarget;\n    const { width } = scrollbar();\n    const rect = track.getBoundingClientRect();\n    const available = Math.max(1, rect.width - width);\n    const thumbLeft = Math.min(available, Math.max(0, event.clientX - rect.left - dragOffset));\n    viewport.scrollLeft = (thumbLeft / available) * (viewport.scrollWidth - viewport.clientWidth);\n    syncScrollbar();\n  };\n  const startScrollbarDrag = (event: PointerEvent & { currentTarget: HTMLDivElement }) => {\n    event.preventDefault();\n    const track = event.currentTarget;\n    const current = scrollbar();\n    dragOffset =\n      event.target === track\n        ? current.width / 2\n        : Math.min(current.width, Math.max(0, event.clientX - track.getBoundingClientRect().left - current.left));\n    track.setPointerCapture(event.pointerId);\n    scrollFromPointer(event);\n  };\n\n  onMount(() => {\n    syncScrollbar();\n    const observer = typeof ResizeObserver === \"undefined\" ? null : new ResizeObserver(syncScrollbar);\n    if (viewport) observer?.observe(viewport);\n    onCleanup(() => observer?.disconnect());\n  });\n  createEffect(() => {\n    props.choices.map((choice) => `${choice.value ?? \"\"}:${choice.label}`).join(\"|\");\n    queueMicrotask(syncScrollbar);\n  });\n\n  return (\n    <div class=\"k2b-choice-groups-shell\" onPointerEnter={syncScrollbar} onFocusIn={syncScrollbar}>\n      <div\n        ref={viewport}\n        class=\"k2b-choice-groups\"\n        role=\"radiogroup\"\n        aria-label={props.ariaLabel}\n        onScroll={syncScrollbar}\n      >\n        <For each={props.choices}>\n          {(group, index) => (\n            <button\n              ref={(element) => (buttons[index()] = element)}\n              type=\"button\"\n              role=\"radio\"\n              aria-checked={props.value === group.value}\n              aria-controls={props.controls}\n              tabIndex={props.value === group.value ? 0 : -1}\n              onClick={() => choose(index())}\n              onKeyDown={(event) => {\n                if (event.key === \"ArrowRight\" || event.key === \"ArrowDown\") {\n                  event.preventDefault();\n                  move(index(), 1);\n                } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowUp\") {\n                  event.preventDefault();\n                  move(index(), -1);\n                } else if (event.key === \"Home\" || event.key === \"End\") {\n                  event.preventDefault();\n                  focusEdge(event.key === \"End\");\n                }\n              }}\n            >\n              {group.label}\n            </button>\n          )}\n        </For>\n      </div>\n      <Show when={scrollbar().overflow}>\n        <div\n          class=\"k2b-choice-groups-scrollbar\"\n          aria-hidden=\"true\"\n          onPointerDown={startScrollbarDrag}\n          onPointerMove={(event) => {\n            if (event.currentTarget.hasPointerCapture(event.pointerId)) scrollFromPointer(event);\n          }}\n          onPointerUp={(event) => event.currentTarget.releasePointerCapture(event.pointerId)}\n          onPointerCancel={(event) => event.currentTarget.releasePointerCapture(event.pointerId)}\n        >\n          <span\n            style={{\n              \"--k2b-choice-scroll-left\": `${scrollbar().left}px`,\n              \"--k2b-choice-scroll-width\": `${scrollbar().width}px`,\n            }}\n          />\n        </div>\n      </Show>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAAA,SAASA,YAAY,EAAEC,YAAY,EAAEC,GAAG,EAAYC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,UAAU;AAI9F,OAAO,SAASC,YAAYA,CAACC,KAM5B,EAAe;EACd,IAAIC,QAAoC;EACxC,IAAIC,OAA4B,GAAG,EAAE;EACrC,IAAIC,UAAU,GAAG,CAAC;EAClB,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGX,YAAY,CAAC;IAAEY,QAAQ,EAAE,KAAK;IAAEC,IAAI,EAAE,CAAC;IAAEC,KAAK,EAAE;EAAE,CAAC,CAAC;EAEtF,MAAMC,aAAa,GAAGA,CAAA,KAAM;IAC1B,IAAI,CAACR,QAAQ,EAAE;IACf,MAAM;MAAES,WAAW;MAAEC,UAAU;MAAEC;IAAY,CAAC,GAAGX,QAAQ;IACzD,IAAIS,WAAW,IAAI,CAAC,IAAIE,WAAW,IAAIF,WAAW,EAAE;MAClDL,YAAY,CAAC;QAAEC,QAAQ,EAAE,KAAK;QAAEC,IAAI,EAAE,CAAC;QAAEC,KAAK,EAAE;MAAE,CAAC,CAAC;MACpD;IACF;IACA,MAAMA,KAAK,GAAGK,IAAI,CAACC,GAAG,CAACJ,WAAW,EAAEG,IAAI,CAACE,GAAG,CAAC,EAAE,EAAGL,WAAW,GAAGA,WAAW,GAAIE,WAAW,CAAC,CAAC;IAC5F,MAAML,IAAI,GAAII,UAAU,IAAIC,WAAW,GAAGF,WAAW,CAAC,IAAKA,WAAW,GAAGF,KAAK,CAAC;IAC/EH,YAAY,CAAC;MAAEC,QAAQ,EAAE,IAAI;MAAEC,IAAI;MAAEC;IAAM,CAAC,CAAC;EAC/C,CAAC;EAED,MAAMQ,MAAM,GAAGA,CAACC,KAAa,EAAEC,KAAK,GAAG,KAAK,KAAK;IAC/C,MAAMC,MAAM,GAAGnB,KAAK,CAACoB,OAAO,CAACH,KAAK,CAAC;IACnC,IAAI,CAACE,MAAM,EAAE;IACbnB,KAAK,CAACqB,aAAa,CAACF,MAAM,CAACG,KAAK,CAAC;IACjC,IAAI,CAACJ,KAAK,EAAE;IACZK,cAAc,CAAC,MAAM;MACnBrB,OAAO,CAACe,KAAK,CAAC,EAAEC,KAAK,CAAC,CAAC;MACvBhB,OAAO,CAACe,KAAK,CAAC,EAAEO,cAAc,CAAC;QAAEC,KAAK,EAAE,SAAS;QAAEC,MAAM,EAAE;MAAU,CAAC,CAAC;IACzE,CAAC,CAAC;EACJ,CAAC;EACD,MAAMC,IAAI,GAAGA,CAACV,KAAa,EAAEW,SAAiB,KAC5CZ,MAAM,CAAC,CAACC,KAAK,GAAGW,SAAS,GAAG5B,KAAK,CAACoB,OAAO,CAACS,MAAM,IAAI7B,KAAK,CAACoB,OAAO,CAACS,MAAM,EAAE,IAAI,CAAC;EACjF,MAAMC,SAAS,GAAIC,IAAa,IAAKf,MAAM,CAACe,IAAI,GAAG/B,KAAK,CAACoB,OAAO,CAACS,MAAM,GAAG,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC;EAEtF,MAAMG,iBAAiB,GAAIC,KAAuD,IAAK;IACrF,IAAI,CAAChC,QAAQ,EAAE;IACf,MAAMiC,KAAK,GAAGD,KAAK,CAACE,aAAa;IACjC,MAAM;MAAE3B;IAAM,CAAC,GAAGJ,SAAS,CAAC,CAAC;IAC7B,MAAMgC,IAAI,GAAGF,KAAK,CAACG,qBAAqB,CAAC,CAAC;IAC1C,MAAMC,SAAS,GAAGzB,IAAI,CAACE,GAAG,CAAC,CAAC,EAAEqB,IAAI,CAAC5B,KAAK,GAAGA,KAAK,CAAC;IACjD,MAAM+B,SAAS,GAAG1B,IAAI,CAACC,GAAG,CAACwB,SAAS,EAAEzB,IAAI,CAACE,GAAG,CAAC,CAAC,EAAEkB,KAAK,CAACO,OAAO,GAAGJ,IAAI,CAAC7B,IAAI,GAAGJ,UAAU,CAAC,CAAC;IAC1FF,QAAQ,CAACU,UAAU,GAAI4B,SAAS,GAAGD,SAAS,IAAKrC,QAAQ,CAACW,WAAW,GAAGX,QAAQ,CAACS,WAAW,CAAC;IAC7FD,aAAa,CAAC,CAAC;EACjB,CAAC;EACD,MAAMgC,kBAAkB,GAAIR,KAAuD,IAAK;IACtFA,KAAK,CAACS,cAAc,CAAC,CAAC;IACtB,MAAMR,KAAK,GAAGD,KAAK,CAACE,aAAa;IACjC,MAAMQ,OAAO,GAAGvC,SAAS,CAAC,CAAC;IAC3BD,UAAU,GACR8B,KAAK,CAACW,MAAM,KAAKV,KAAK,GAClBS,OAAO,CAACnC,KAAK,GAAG,CAAC,GACjBK,IAAI,CAACC,GAAG,CAAC6B,OAAO,CAACnC,KAAK,EAAEK,IAAI,CAACE,GAAG,CAAC,CAAC,EAAEkB,KAAK,CAACO,OAAO,GAAGN,KAAK,CAACG,qBAAqB,CAAC,CAAC,CAAC9B,IAAI,GAAGoC,OAAO,CAACpC,IAAI,CAAC,CAAC;IAC7G2B,KAAK,CAACW,iBAAiB,CAACZ,KAAK,CAACa,SAAS,CAAC;IACxCd,iBAAiB,CAACC,KAAK,CAAC;EAC1B,CAAC;EAEDpC,OAAO,CAAC,MAAM;IACZY,aAAa,CAAC,CAAC;IACf,MAAMsC,QAAQ,GAAG,OAAOC,cAAc,KAAK,WAAW,GAAG,IAAI,GAAG,IAAIA,cAAc,CAACvC,aAAa,CAAC;IACjG,IAAIR,QAAQ,EAAE8C,QAAQ,EAAEE,OAAO,CAAChD,QAAQ,CAAC;IACzCL,SAAS,CAAC,MAAMmD,QAAQ,EAAEG,UAAU,CAAC,CAAC,CAAC;EACzC,CAAC,CAAC;EACFzD,YAAY,CAAC,MAAM;IACjBO,KAAK,CAACoB,OAAO,CAAC+B,GAAG,CAAEhC,MAAM,IAAK,GAAGA,MAAM,CAACG,KAAK,IAAI,EAAE,IAAIH,MAAM,CAACiC,KAAK,EAAE,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;IAChF9B,cAAc,CAACd,aAAa,CAAC;EAC/B,CAAC,CAAC;EAEF,OAAA6C,KAAA,CAAAC,OAAA,EAAAC,cAAA,eAAAC,QAAA,CAMkBzD,KAAK,CAAC0D,SAAS,iBAAAD,QAAA,CAAAE,iBAAA,CAG1BhE,GAAG;IAAA,IAACiE,IAAIA,CAAA;MAAA,OAAE5D,KAAK,CAACoB,OAAO;IAAA;IAAAyC,QAAA,EACrBA,CAACC,KAAK,EAAE7C,KAAK,KAAAqC,KAAA,CAAAS,OAAA,EAAAP,cAAA,iBAKIC,QAAA,CAAAzD,KAAK,CAACsB,KAAK,YAAAmC,QAAA,CAAKK,KAAK,CAACxC,KAAK,kBAAAkC,cAAA,kBAAAC,QAAA,CAC1BzD,KAAK,CAACgE,QAAQ,kBAAAR,cAAA,aACnBxD,KAAK,CAACsB,KAAK,KAAKwC,KAAK,CAACxC,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,UAAAmC,QAAA,CAe7CK,KAAK,CAACV,KAAK;EAEf,KAAAK,QAAA,CAAAE,iBAAA,CAGJ7D,IAAI;IAAA,IAACmE,IAAIA,CAAA;MAAA,OAAE7D,SAAS,CAAC,CAAC,CAACE,QAAQ;IAAA;IAAA,IAAAuD,SAAA;MAAA,OAAAP,KAAA,CAAAY,MAAA,EAAAC,kBAAA,8BAaI,GAAAV,QAAA,CAAGrD,SAAS,CAAC,CAAC,CAACG,IAAI,WAAI,IAAA4D,kBAAA,gCACtB,GAAAV,QAAA,CAAGrD,SAAS,CAAC,CAAC,CAACI,KAAK,WAAI;IAAA;EAAA;AAOnE","ignoreList":[]}

package/dist/ssr/inputs/ChoiceInputs.js

@@ -0,0 +1,250 @@
+import { ssrStyle as _$ssrStyle } from "solid-js/web";
+import { ssr as _$ssr } from "solid-js/web";
+import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
+import { ssrElement as _$ssrElement } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { escape as _$escape } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+var _tmpl$ = ["<input class=\"k2b-control k2b-pin-input__digit\"", " type=\"text\" inputmode=\"numeric\" autocomplete=\"off\" pattern=\"[0-9]\" maxlength=\"1\"", "", "", ">"],
+  _tmpl$2 = ["<input type=\"hidden\"", ">"],
+  _tmpl$3 = ["<output", ">", "</output>"],
+  _tmpl$4 = ["<div class=\"k2b-slider\">", "", "</div>"],
+  _tmpl$5 = ["<span class=\"k2b-color-input k2b-color-input--compact\">", "<input", " class=\"k2b-color-input__native\" type=\"color\"", "", "></span>"],
+  _tmpl$6 = ["<span class=\"k2b-color-input__swatch\"", " style=\"", "\"></span>"],
+  _tmpl$7 = ["<code>", "</code>"],
+  _tmpl$8 = ["<button type=\"button\" class=\"k2b-color-input__transparent\"", "", "><i class=\"ti ti-grid-dots\" aria-hidden=\"true\"></i></button>"],
+  _tmpl$9 = ["<div class=\"k2b-color-input\"", ">", "", "<input", " class=\"k2b-color-input__native\" type=\"color\"", "", "></div>"];
+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 [_$ssrElement("div", _$mergeProps({
+        "class": "k2b-pin-input",
+        get id() {
+          return meta.controlId;
+        },
+        get ["data-stretch"]() {
+          return props.stretch ? "true" : undefined;
+        },
+        role: "group"
+      }, () => fieldControlAria(meta, props)), _$escape(_$createComponent(For, {
+        get each() {
+          return Array.from({
+            length: length()
+          });
+        },
+        children: (_, index) => _$ssr(_tmpl$, _$ssrAttribute("data-filled", digits()[index()] ? "true" : _$escape(undefined, true), false), _$ssrAttribute("value", _$escape(digits()[index()] ?? "", true), false), _$ssrAttribute("required", props.required, true), _$ssrAttribute("disabled", props.disabled, true) + _$ssrAttribute("aria-label", _$escape(messages().pinDigit({
+          index: index() + 1,
+          total: length()
+        }), true), false))
+      })), false), _$createComponent(Show, {
+        get when() {
+          return props.name;
+        },
+        children: name => _$ssr(_tmpl$2, _$ssrAttribute("name", _$escape(name(), true), false) + _$ssrAttribute("value", _$escape(digits(), true), false))
+      })];
+    }
+  });
+}
+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() {
+      return _$ssr(_tmpl$4, _$ssrElement("input", _$mergeProps(rest, {
+        get id() {
+          return meta.controlId;
+        },
+        type: "range",
+        get value() {
+          return value();
+        },
+        get style() {
+          return {
+            background: track()
+          };
+        }
+      }, () => fieldControlAria(meta, local)), undefined, false), _$escape(_$createComponent(Show, {
+        get when() {
+          return local.showValue ?? true;
+        },
+        get children() {
+          return _$ssr(_tmpl$3, _$ssrAttribute("for", _$escape(meta.controlId, true), false), _$escape(local.formatValue?.(value()) ?? value()));
+        }
+      })));
+    }
+  });
+}
+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() ? _$ssr(_tmpl$5, _$ssrElement("button", _$mergeProps({
+    type: "button",
+    "class": "k2b-color-input__swatch",
+    get style() {
+      return {
+        "background-color": currentColor()
+      };
+    },
+    get disabled() {
+      return props.disabled;
+    }
+  }, () => fieldControlAria(meta, props)), undefined, false), _$ssrAttribute("id", _$escape(meta.controlId, true), false), _$ssrAttribute("name", _$escape(props.name, true), false) + _$ssrAttribute("value", _$escape(currentColor(), true), false), _$ssrAttribute("disabled", props.disabled, true)) : _$ssr(_tmpl$9, _$ssrAttribute("data-disabled", props.disabled || isTransparent() ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-invalid", error() ? "true" : _$escape(undefined, true), false), _$ssrElement("button", _$mergeProps({
+    type: "button",
+    "class": "k2b-color-input__value",
+    get disabled() {
+      return props.disabled || isTransparent();
+    }
+  }, () => fieldControlAria(meta, props)), [_$ssr(_tmpl$6, _$ssrAttribute("data-transparent", isTransparent() ? "true" : _$escape(undefined, true), false), _$ssrStyle(isTransparent() ? undefined : {
+    "background-color": currentColor()
+  })), _$ssr(_tmpl$7, isTransparent() ? "transparent" : _$escape(currentColor().toUpperCase()))], false), _$escape(_$createComponent(Show, {
+    get when() {
+      return props.transparent;
+    },
+    get children() {
+      return _$ssr(_tmpl$8, _$ssrAttribute("aria-label", isTransparent() ? _$escape(messages().useColor, true) : _$escape(messages().useTransparent, true), false) + _$ssrAttribute("aria-pressed", _$escape(isTransparent(), true), false), _$ssrAttribute("disabled", props.disabled, true));
+    }
+  })), _$ssrAttribute("id", _$escape(meta.controlId, true), false), _$ssrAttribute("name", _$escape(props.name, true), false) + _$ssrAttribute("value", _$escape(currentColor(), true), false), _$ssrAttribute("disabled", props.disabled || isTransparent(), true));
+  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();
+    }
+  });
+}
+//# sourceMappingURL=ChoiceInputs.js.map

package/dist/ssr/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","_$ssrElement","_$mergeProps","controlId","data-stretch","stretch","undefined","role","_$escape","each","Array","from","_","_$ssr","_tmpl$","_$ssrAttribute","pinDigit","total","when","name","_tmpl$2","Slider","local","rest","Number","percentage","span","track","position","center","low","high","resetValue","defaultValue","_tmpl$4","type","style","background","showValue","_tmpl$3","formatValue","ColorInput","currentColor","isTransparent","transparentValue","compact","picker","control","_tmpl$5","_tmpl$9","_tmpl$6","_$ssrStyle","_tmpl$7","toUpperCase","transparent","_tmpl$8","useColor","useTransparent"],"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":[]}