@k2b/ui 0.1.0-rc.0

package/dist/browser/inputs/SelectChip.js

@@ -0,0 +1,151 @@
+import { template as _$template } from "solid-js/web";
+import { setProperty as _$setProperty } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<span>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<i class="ti ti-chevron-down"aria-hidden=true>`),
+  _tmpl$3 = /*#__PURE__*/_$template(`<i aria-hidden=true>`),
+  _tmpl$4 = /*#__PURE__*/_$template(`<img alt>`),
+  _tmpl$5 = /*#__PURE__*/_$template(`<input type=hidden>`);
+import { createMemo, Show } from "solid-js";
+import { Dropdown } from "../actions/Dropdown";
+import { createFieldMeta, Field, fieldControlAria } from "../internal/field";
+import { useUiMessages } from "../intl/messages";
+import { commitFieldValue, resolveMaybeAccessor } from "./field-contract";
+export function SelectChip(props) {
+  const messages = useUiMessages();
+  const meta = createFieldMeta(props.id);
+  const value = () => resolveMaybeAccessor(props.value);
+  const selected = () => props.options.find(option => option.value === value());
+  const triggerLabel = () => props["aria-label"] ?? (typeof props.label === "string" ? props.label : messages().chooseOption);
+  const items = createMemo(() => props.options.map(option => ({
+    action: () => commitFieldValue(props, option.value),
+    checked: () => option.value === value(),
+    choice: "radio",
+    class: "k2b-select-chip__option",
+    description: option.description,
+    disabled: option.disabled,
+    icon: option.icon,
+    image: option.image,
+    label: option.label
+  })));
+  return _$createComponent(Field, {
+    get ["class"]() {
+      return props.class;
+    },
+    get label() {
+      return props.label;
+    },
+    get description() {
+      return props.description;
+    },
+    get error() {
+      return props.error;
+    },
+    meta: meta,
+    get required() {
+      return props.required;
+    },
+    get disabled() {
+      return props.disabled;
+    },
+    get children() {
+      return [_$createComponent(Dropdown.Root, {
+        get position() {
+          return props.position ?? "bottom-right";
+        },
+        get width() {
+          return props.menuWidth ?? "10rem";
+        },
+        get label() {
+          return triggerLabel();
+        },
+        get items() {
+          return items();
+        },
+        get children() {
+          return _$createComponent(Dropdown.Trigger, _$mergeProps({
+            get appearance() {
+              return props.iconOnly ? "button" : "plain";
+            },
+            get id() {
+              return meta.controlId;
+            },
+            get ["class"]() {
+              return props.iconOnly ? undefined : "k2b-select-chip";
+            },
+            get disabled() {
+              return props.disabled;
+            },
+            get iconOnly() {
+              return props.iconOnly;
+            },
+            get label() {
+              return triggerLabel();
+            },
+            get size() {
+              return _$memo(() => !!props.iconOnly)() ? props.size : undefined;
+            },
+            get title() {
+              return _$memo(() => !!props.iconOnly)() ? triggerLabel() : undefined;
+            }
+          }, () => fieldControlAria(meta, props), {
+            get children() {
+              return [_$createComponent(Show, {
+                get when() {
+                  return selected()?.image;
+                },
+                get fallback() {
+                  return _$createComponent(Show, {
+                    get when() {
+                      return selected()?.icon ?? props.icon;
+                    },
+                    children: icon => (() => {
+                      var _el$3 = _$getNextElement(_tmpl$3);
+                      _$effect(() => _$className(_el$3, icon()));
+                      return _el$3;
+                    })()
+                  });
+                },
+                children: image => (() => {
+                  var _el$4 = _$getNextElement(_tmpl$4);
+                  _$effect(() => _$setAttribute(_el$4, "src", image()));
+                  return _el$4;
+                })()
+              }), _$createComponent(Show, {
+                get when() {
+                  return !props.iconOnly;
+                },
+                get children() {
+                  return [(() => {
+                    var _el$ = _$getNextElement(_tmpl$);
+                    _$insert(_el$, () => selected()?.label ?? props.placeholder ?? "");
+                    return _el$;
+                  })(), _$getNextElement(_tmpl$2)];
+                }
+              })];
+            }
+          }));
+        }
+      }), _$createComponent(Show, {
+        get when() {
+          return props.name;
+        },
+        children: name => (() => {
+          var _el$5 = _$getNextElement(_tmpl$5);
+          _$effect(() => _$setAttribute(_el$5, "name", name()));
+          _$effect(() => _$setProperty(_el$5, "value", value()));
+          return _el$5;
+        })()
+      })];
+    }
+  });
+}
+export default SelectChip;
+//# sourceMappingURL=SelectChip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createMemo","Show","Dropdown","createFieldMeta","Field","fieldControlAria","useUiMessages","commitFieldValue","resolveMaybeAccessor","SelectChip","props","messages","meta","id","value","selected","options","find","option","triggerLabel","label","chooseOption","items","map","action","checked","choice","class","description","disabled","icon","image","_$createComponent","error","required","children","Root","position","width","menuWidth","Trigger","_$mergeProps","appearance","iconOnly","controlId","undefined","size","_$memo","title","when","fallback","_el$3","_$getNextElement","_tmpl$3","_$effect","_$className","_el$4","_tmpl$4","_$setAttribute","_el$","_tmpl$","_$insert","placeholder","_tmpl$2","name","_el$5","_tmpl$5","_$setProperty"],"sources":["inputs/SelectChip.tsx"],"sourcesContent":["import { createMemo, type JSX, Show } from \"solid-js\";\nimport type { ButtonSize } from \"../actions/Button\";\nimport { Dropdown, type DropdownItem, type DropdownPosition } from \"../actions/Dropdown\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { MaybeAccessor, ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\n\nexport type SelectChipOption<T extends string | number = string> = {\n  value: T;\n  label: string;\n  description?: string;\n  icon?: string;\n  image?: string;\n  disabled?: boolean;\n};\n\nexport type SelectChipProps<T extends string | number = string> = ValueFieldProps<T> & {\n  value: MaybeAccessor<T>;\n  options: SelectChipOption<T>[];\n  icon?: string;\n  iconOnly?: boolean;\n  size?: ButtonSize;\n  placeholder?: string;\n  position?: DropdownPosition;\n  menuWidth?: string;\n  name?: string;\n};\n\nexport function SelectChip<T extends string | number = string>(props: SelectChipProps<T>): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.id);\n  const value = () => resolveMaybeAccessor(props.value)!;\n  const selected = () => props.options.find((option) => option.value === value());\n  const triggerLabel = () => props[\"aria-label\"] ?? (typeof props.label === \"string\" ? props.label : messages().chooseOption);\n  const items = createMemo<DropdownItem[]>(() =>\n    props.options.map((option) => ({\n      action: () => commitFieldValue(props, option.value),\n      checked: () => option.value === value(),\n      choice: \"radio\" as const,\n      class: \"k2b-select-chip__option\",\n      description: option.description,\n      disabled: option.disabled,\n      icon: option.icon,\n      image: option.image,\n      label: option.label,\n    })),\n  );\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={props.error}\n      meta={meta}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      <Dropdown.Root\n        position={props.position ?? \"bottom-right\"}\n        /* Cloud opens this menu at `w-40`. */\n        width={props.menuWidth ?? \"10rem\"}\n        label={triggerLabel()}\n        items={items()}\n      >\n        <Dropdown.Trigger\n          appearance={props.iconOnly ? \"button\" : \"plain\"}\n          id={meta.controlId}\n          class={props.iconOnly ? undefined : \"k2b-select-chip\"}\n          disabled={props.disabled}\n          iconOnly={props.iconOnly}\n          label={triggerLabel()}\n          size={props.iconOnly ? props.size : undefined}\n          title={props.iconOnly ? triggerLabel() : undefined}\n          {...fieldControlAria(meta, props)}\n        >\n          <Show\n            when={selected()?.image}\n            fallback={<Show when={selected()?.icon ?? props.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>}\n          >\n            {(image) => <img src={image()} alt=\"\" />}\n          </Show>\n          <Show when={!props.iconOnly}>\n            <span>{selected()?.label ?? props.placeholder ?? \"\"}</span>\n            <i class=\"ti ti-chevron-down\" aria-hidden=\"true\" />\n          </Show>\n        </Dropdown.Trigger>\n      </Dropdown.Root>\n      <Show when={props.name}>{(name) => <input type=\"hidden\" name={name()} value={value()} />}</Show>\n    </Field>\n  );\n}\n\nexport default SelectChip;\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/inputs/SpecialInputs.js

@@ -0,0 +1,117 @@
+import { createComponent as _$createComponent } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { fuzzy } from "@k2b/stdlib";
+import { createMemo } from "solid-js";
+import { useUiMessages } from "../intl/messages";
+import { resolveMaybeAccessor } from "./field-contract";
+import { DEFAULT_ICON_GROUPS, DEFAULT_ICON_OPTIONS } from "./icon-options";
+import { Select } from "./Select";
+export function IconInput(props) {
+  const messages = useUiMessages();
+  const options = () => props.options ?? DEFAULT_ICON_OPTIONS;
+  const groups = () => props.groups ?? (props.options === undefined ? DEFAULT_ICON_GROUPS : undefined);
+  const filterOptions = (source, query) => {
+    const normalized = query.trim().toLowerCase();
+    if (!normalized) {
+      return [...source].sort((left, right) => String(left.label).localeCompare(String(right.label), undefined, {
+        sensitivity: "base"
+      }));
+    }
+    return fuzzy.filter(normalized, source, {
+      // Cloud's key is `[label, ...keywords]`. Including `value` as well put
+      // the literal "ti ti-" in front of every entry, so short queries matched
+      // the whole catalogue and fuzzy scores were skewed. The bare glyph name
+      // is already the first keyword (see `icon()` in ./icon-options), so
+      // nothing is lost by dropping it.
+      key: option => {
+        const keywords = "keywords" in option && Array.isArray(option.keywords) ? option.keywords.join(" ") : "";
+        return `${String(option.label)} ${keywords}`.toLowerCase();
+      },
+      limit: props.searchLimit ?? 50
+    }).map(match => match.item);
+  };
+  const selectedOption = createMemo(() => options().find(option => option.value === resolveMaybeAccessor(props.value)));
+  return _$createComponent(Select, {
+    get id() {
+      return props.id;
+    },
+    get name() {
+      return props.name;
+    },
+    get ["class"]() {
+      return props.class;
+    },
+    get label() {
+      return props.label;
+    },
+    get description() {
+      return props.description;
+    },
+    get error() {
+      return props.error;
+    },
+    get ["aria-label"]() {
+      return props["aria-label"];
+    },
+    get ["aria-describedby"]() {
+      return props["aria-describedby"];
+    },
+    get placeholder() {
+      return props.placeholder ?? messages().pickIcon;
+    },
+    get disabled() {
+      return props.disabled;
+    },
+    get required() {
+      return props.required;
+    },
+    get clearable() {
+      return props.clearable ?? true;
+    },
+    get value() {
+      return resolveMaybeAccessor(props.value);
+    },
+    get selectedOption() {
+      return selectedOption();
+    },
+    get onValueChange() {
+      return props.onValueChange;
+    },
+    get onValueCommit() {
+      return props.onValueCommit;
+    },
+    get options() {
+      return [...options()];
+    },
+    get groups() {
+      return groups();
+    },
+    get defaultGroup() {
+      return props.defaultGroup ?? (props.options === undefined ? "recommended" : undefined);
+    },
+    get groupsAriaLabel() {
+      return props.groupsAriaLabel ?? messages().filterIcons;
+    },
+    get allGroupLabel() {
+      return props.allGroupLabel;
+    },
+    get viewToggle() {
+      return props.viewToggle ?? true;
+    },
+    get defaultView() {
+      return props.defaultView ?? "grid";
+    },
+    get gridSize() {
+      return props.gridSize ?? "sm";
+    },
+    searchable: true,
+    filterOptions: filterOptions,
+    get searchPlaceholder() {
+      return messages().search;
+    },
+    get icon() {
+      return selectedOption()?.icon ?? "ti ti-icons";
+    }
+  });
+}
+//# sourceMappingURL=SpecialInputs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["fuzzy","createMemo","useUiMessages","resolveMaybeAccessor","DEFAULT_ICON_GROUPS","DEFAULT_ICON_OPTIONS","Select","IconInput","props","messages","options","groups","undefined","filterOptions","source","query","normalized","trim","toLowerCase","sort","left","right","String","label","localeCompare","sensitivity","filter","key","option","keywords","Array","isArray","join","limit","searchLimit","map","match","item","selectedOption","find","value","_$createComponent","id","name","class","description","error","aria-label","aria-describedby","placeholder","pickIcon","disabled","required","clearable","onValueChange","onValueCommit","defaultGroup","groupsAriaLabel","filterIcons","allGroupLabel","viewToggle","defaultView","gridSize","searchable","searchPlaceholder","search","icon"],"sources":["inputs/SpecialInputs.tsx"],"sourcesContent":["import { fuzzy } from \"@k2b/stdlib\";\nimport { createMemo, type JSX } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { resolveMaybeAccessor } from \"./field-contract\";\nimport { DEFAULT_ICON_GROUPS, DEFAULT_ICON_OPTIONS } from \"./icon-options\";\nimport { Select, type SelectGridSize, type SelectGroup, type SelectOption, type SelectView } from \"./Select\";\n\nexport type IconOption = SelectOption & { keywords?: readonly string[] };\nexport type IconInputProps = ValueFieldProps<string | null> & {\n  options?: readonly IconOption[];\n  placeholder?: string;\n  clearable?: boolean;\n  searchLimit?: number;\n  groups?: readonly SelectGroup[];\n  defaultGroup?: string;\n  groupsAriaLabel?: string;\n  allGroupLabel?: string;\n  viewToggle?: boolean;\n  defaultView?: SelectView;\n  gridSize?: SelectGridSize;\n  name?: string;\n};\n\nexport function IconInput(props: IconInputProps): JSX.Element {\n  const messages = useUiMessages();\n  const options = () => props.options ?? DEFAULT_ICON_OPTIONS;\n  const groups = () => props.groups ?? (props.options === undefined ? DEFAULT_ICON_GROUPS : undefined);\n  const filterOptions = (source: readonly SelectOption[], query: string): readonly SelectOption[] => {\n    const normalized = query.trim().toLowerCase();\n    if (!normalized) {\n      return [...source].sort((left, right) => String(left.label).localeCompare(String(right.label), undefined, { sensitivity: \"base\" }));\n    }\n    return fuzzy\n      .filter(normalized, source, {\n        // Cloud's key is `[label, ...keywords]`. Including `value` as well put\n        // the literal \"ti ti-\" in front of every entry, so short queries matched\n        // the whole catalogue and fuzzy scores were skewed. The bare glyph name\n        // is already the first keyword (see `icon()` in ./icon-options), so\n        // nothing is lost by dropping it.\n        key: (option) => {\n          const keywords = \"keywords\" in option && Array.isArray(option.keywords) ? option.keywords.join(\" \") : \"\";\n          return `${String(option.label)} ${keywords}`.toLowerCase();\n        },\n        limit: props.searchLimit ?? 50,\n      })\n      .map((match) => match.item);\n  };\n  const selectedOption = createMemo(() => options().find((option) => option.value === resolveMaybeAccessor(props.value)));\n\n  return (\n    <Select\n      id={props.id}\n      name={props.name}\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={props.error}\n      aria-label={props[\"aria-label\"]}\n      aria-describedby={props[\"aria-describedby\"]}\n      placeholder={props.placeholder ?? messages().pickIcon}\n      disabled={props.disabled}\n      required={props.required}\n      clearable={props.clearable ?? true}\n      value={resolveMaybeAccessor(props.value)}\n      selectedOption={selectedOption()}\n      onValueChange={props.onValueChange}\n      onValueCommit={props.onValueCommit}\n      options={[...options()]}\n      groups={groups()}\n      defaultGroup={props.defaultGroup ?? (props.options === undefined ? \"recommended\" : undefined)}\n      groupsAriaLabel={props.groupsAriaLabel ?? messages().filterIcons}\n      allGroupLabel={props.allGroupLabel}\n      viewToggle={props.viewToggle ?? true}\n      defaultView={props.defaultView ?? \"grid\"}\n      gridSize={props.gridSize ?? \"sm\"}\n      searchable\n      filterOptions={filterOptions}\n      searchPlaceholder={messages().search}\n      icon={selectedOption()?.icon ?? \"ti ti-icons\"}\n    />\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/inputs/Switch.js

@@ -0,0 +1,117 @@
+import { template as _$template } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { getNextMarker as _$getNextMarker } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { spread as _$spread } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<span class=k2b-field__description>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<p class=k2b-field__error role=alert aria-live=polite>`),
+  _tmpl$3 = /*#__PURE__*/_$template(`<div><label class=k2b-switch><input type=checkbox role=switch><span class=k2b-switch__track aria-hidden=true><span class=k2b-switch__thumb></span></span><!$><!/></label><!$><!/><!$><!/>`),
+  _tmpl$4 = /*#__PURE__*/_$template(`<span class=k2b-field__required aria-hidden=true>*`),
+  _tmpl$5 = /*#__PURE__*/_$template(`<span class=k2b-switch__label><!$><!/><!$><!/>`);
+import { Show, splitProps } from "solid-js";
+import { createFieldMeta, fieldControlAria } from "../internal/field";
+import { commitFieldValue, resolveMaybeAccessor } from "./field-contract";
+export function Switch(props) {
+  const [local, rest] = splitProps(props, ["label", "onValueChange", "onValueCommit", "value"]);
+  const meta = createFieldMeta(props.id);
+  const checked = () => resolveMaybeAccessor(local.value) ?? false;
+  const error = () => resolveMaybeAccessor(props.error);
+  return (() => {
+    var _el$ = _$getNextElement(_tmpl$3),
+      _el$2 = _el$.firstChild,
+      _el$3 = _el$2.firstChild,
+      _el$4 = _el$3.nextSibling,
+      _el$5 = _el$4.nextSibling,
+      [_el$6, _co$] = _$getNextMarker(_el$5.nextSibling),
+      _el$9 = _el$2.nextSibling,
+      [_el$0, _co$2] = _$getNextMarker(_el$9.nextSibling),
+      _el$1 = _el$0.nextSibling,
+      [_el$10, _co$3] = _$getNextMarker(_el$1.nextSibling);
+    _$spread(_el$3, _$mergeProps({
+      get id() {
+        return meta.controlId;
+      },
+      get name() {
+        return props.name;
+      },
+      get checked() {
+        return checked();
+      },
+      get disabled() {
+        return rest.disabled;
+      },
+      get required() {
+        return rest.required;
+      }
+    }, () => fieldControlAria(meta, props), {
+      "onChange": event => commitFieldValue(local, event.currentTarget.checked)
+    }), false, false);
+    _$insert(_el$2, (() => {
+      var _c$ = _$memo(() => !!local.label);
+      return () => _c$() && (() => {
+        var _el$11 = _$getNextElement(_tmpl$5),
+          _el$13 = _el$11.firstChild,
+          [_el$14, _co$4] = _$getNextMarker(_el$13.nextSibling),
+          _el$15 = _el$14.nextSibling,
+          [_el$16, _co$5] = _$getNextMarker(_el$15.nextSibling);
+        _$insert(_el$11, () => local.label, _el$14, _co$4);
+        _$insert(_el$11, _$createComponent(Show, {
+          get when() {
+            return rest.required;
+          },
+          get children() {
+            return _$getNextElement(_tmpl$4);
+          }
+        }), _el$16, _co$5);
+        _$effect(() => _$setAttribute(_el$11, "id", meta.labelId));
+        return _el$11;
+      })();
+    })(), _el$6, _co$);
+    _$insert(_el$, _$createComponent(Show, {
+      get when() {
+        return props.description;
+      },
+      get children() {
+        var _el$7 = _$getNextElement(_tmpl$);
+        _$insert(_el$7, () => props.description);
+        _$effect(() => _$setAttribute(_el$7, "id", meta.descriptionId));
+        return _el$7;
+      }
+    }), _el$0, _co$2);
+    _$insert(_el$, _$createComponent(Show, {
+      get when() {
+        return error();
+      },
+      get children() {
+        var _el$8 = _$getNextElement(_tmpl$2);
+        _$insert(_el$8, error);
+        _$effect(() => _$setAttribute(_el$8, "id", meta.errorId));
+        return _el$8;
+      }
+    }), _el$10, _co$3);
+    _$effect(_p$ => {
+      var _v$ = `k2b-switch-field ${props.class ?? ""}`,
+        _v$2 = rest.disabled ? "true" : undefined,
+        _v$3 = error() ? "true" : undefined;
+      _v$ !== _p$.e && _$className(_el$, _p$.e = _v$);
+      _v$2 !== _p$.t && _$setAttribute(_el$, "data-disabled", _p$.t = _v$2);
+      _v$3 !== _p$.a && _$setAttribute(_el$, "data-invalid", _p$.a = _v$3);
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined,
+      a: undefined
+    });
+    _$runHydrationEvents();
+    return _el$;
+  })();
+}
+export default Switch;
+//# sourceMappingURL=Switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Show","splitProps","createFieldMeta","fieldControlAria","commitFieldValue","resolveMaybeAccessor","Switch","props","local","rest","meta","id","checked","value","error","_el$","_$getNextElement","_tmpl$3","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","_el$6","_co$","_$getNextMarker","_el$9","_el$0","_co$2","_el$1","_el$10","_co$3","_$spread","_$mergeProps","controlId","name","disabled","required","event","currentTarget","_$insert","_c$","_$memo","label","_el$11","_tmpl$5","_el$13","_el$14","_co$4","_el$15","_el$16","_co$5","_$createComponent","when","children","_tmpl$4","_$effect","_$setAttribute","labelId","description","_el$7","_tmpl$","descriptionId","_el$8","_tmpl$2","errorId","_p$","_v$","class","_v$2","undefined","_v$3","e","_$className","t","a","_$runHydrationEvents"],"sources":["inputs/Switch.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 SwitchProps = ValueFieldProps<boolean> & {\n  name?: string;\n};\n\nexport function Switch(props: SwitchProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"label\", \"onValueChange\", \"onValueCommit\", \"value\"]);\n  const meta = createFieldMeta(props.id);\n  const checked = () => resolveMaybeAccessor(local.value) ?? false;\n  const error = () => resolveMaybeAccessor(props.error);\n\n  return (\n    <div\n      class={`k2b-switch-field ${props.class ?? \"\"}`}\n      data-disabled={rest.disabled ? \"true\" : undefined}\n      data-invalid={error() ? \"true\" : undefined}\n    >\n      <label class=\"k2b-switch\">\n        <input\n          id={meta.controlId}\n          name={props.name}\n          type=\"checkbox\"\n          role=\"switch\"\n          checked={checked()}\n          disabled={rest.disabled}\n          required={rest.required}\n          {...fieldControlAria(meta, props)}\n          onChange={(event) => commitFieldValue(local, event.currentTarget.checked)}\n        />\n        <span class=\"k2b-switch__track\" aria-hidden=\"true\">\n          <span class=\"k2b-switch__thumb\" />\n        </span>\n        {local.label && (\n          <span id={meta.labelId} class=\"k2b-switch__label\">\n            {local.label}\n            <Show when={rest.required}>\n              <span class=\"k2b-field__required\" aria-hidden=\"true\">\n                *\n              </span>\n            </Show>\n          </span>\n        )}\n      </label>\n      <Show when={props.description}>\n        <span id={meta.descriptionId} class=\"k2b-field__description\">\n          {props.description}\n        </span>\n      </Show>\n      <Show when={error()}>\n        <p id={meta.errorId} class=\"k2b-field__error\" role=\"alert\" aria-live=\"polite\">\n          {error()}\n        </p>\n      </Show>\n    </div>\n  );\n}\n\nexport default Switch;\n"],"mappings":"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","ignoreList":[]}